/* Beta automatic deployment verified: 2026-08-28. */
body
{
	background-color: #fafafa;
}
.container {
    margin-left: auto;
    margin-right:auto;
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}


body:has(#chat-container) .container {
    max-width: none;
    width: 100%;
}

div.header
{
	padding: 1em;
	border-bottom: .3em solid rgba( 71,119,60, .95 );
    background-color: #404041;
}

div.header .logogem {
    display:none;
}
div.menu-main
{
	background-color: #444;
}

div.menu-main a {
    color: #fff;
}
div.menu-main a:hover
{
	background-color: #555;
}
div.menu-main li a, a.button, a.button.warning, a.button.secondary, button.button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
}

div.menu-main li a i, a.button i, button.button i {
    margin-top: 0px;
    margin-right: 8px;
}

div.menu-main li a i::before,
a.button i::before,
a.button.warning i::before,
a.button.secondary i::before,
a.button.expanded i::before,
button.button i::before {
    margin-top: 4px;
}

a.button,
button.button {
    height: 3rem;
    margin-bottom: 0px;
}
a.button, button.button a {
    text-decoration: none;
}

a.button.secondary i, a.button.expanded i {
    margin-left: 8px;
}

div.buttons {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    padding-top: 12px;
}

div.menu-sub
{
	background-color: #888;
}
div.menu-sub a{
    color: #fff;
}
div.menu-sub a:hover
{
	background-color: #aaa;
}

div.main-container
{
	background-color: #fafafa;
	padding: 1em;
}

div.main-container .button {
    background-color: #4A5B2A;
    color: #fff;
    font-size: 1.0rem;
    border-radius: 0;
}

div.main-container .button:hover {
    background-color: #95B35C;
    color: #000;
}

body .button.secondary {
    background-color: #ADC3A9;
    color: #000;
}

body .button.secondary:hover {
    background-color: #ecf1eb;
    color: #000;
}

body .button.warning, body .button.expanded {
    background-color: #8B8516;
    color: #fff;
    font-size: 1.0rem;
}

body .button.warning:hover,
body .button.expanded:hover {
    background-color: #E2DA49;
    color: #000;
}

body .button.large {
    font-size: 1.2rem;
}

body a.button i.fi-plus,
body a.button i.fi-minus,
body a.button i.fi-web,
body button.button i.fi-list {
    margin-right: 0px;
}

div.footer
{
	background-color: #e6e7e8;
	padding: 1em 1em 0em 1em;
	color: #808285;
}
div.footer img {
    width: 8rem;
}
div.sponsors
{
	padding: 1em;
	background-color: #fafafa;
}
.margin0
{
	margin: 0;
}
hr
{
	max-width: inherit !important;
}
.card-em
{
	border-top: 3px solid rgba( 71,119,60, .95 );
}

body small {
    font-size: 0.9rem;
}

.smaller
{
	font-size: 0.9em;
}
.pad
{
	padding: 1em;
}
.pricing-table {
  background-color: #fefefe;
  border: solid 1px #cacaca;
  width: 100%;
  text-align: center;
  list-style-type: none;
}

.pricing-table li {
  border-bottom: dotted 1px #cacaca;
  padding: 0.6rem .8rem;
}

.pricing-table li:last-child {
  border-bottom: 0;
}

.pricing-table .title {
  background-color: #0a0a0a;
  color: #fefefe;
  border-bottom: 0;
}

.pricing-table .price {
  background-color: #e6e6e6;
  font-weight: bold;
  border-bottom: 0;
}

.pricing-table .description {
  color: #8a8a8a;
  font-size: 80%;
}

.pricing-table :last-child {
  margin-bottom: 0;
}
.progress
{
	height: 1.6rem;
	background-color: #dfdfdf;
}
.fieldset
{
	background-color: #fff;
	border: 1px solid #ddd !important;
	border-radius: .2em;
}
.fieldset legend
{
	background-color: #9b9a30;
	color: #fff;
	padding: .2em .6em .2em .6em;
	font-size: 0.9em;
	font-weight: bold;
	border-radius: .2em;
}
.fieldset legend.silver
{
	background-color: silver !important;
	/* font-weight: normal; */
}
.member-image
{
	max-height: 20px;
}

div.tabs-container
{
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
/* div.tabs-container h1, div.tabs-container h2, div.tabs-container h3, div.tabs-container h4
{
	border-top: 1px solid #dadada;
	padding-top: .3em;
	margin-top: .3em;
} */
div.tabs-content
{
	border: 1px solid #dadada;
	border-top: 5px solid rgba( 71,119,60, 1 );
	background-color: rgba( 255,255,255, .65) !important;
}
ul.tabs
{
	background-color: transparent !important;
	border: none;
	border-left: 1px solid rgba( 71,119,60, 1 );
}
ul.tabs li
{
	border-top: 1px solid rgba( 71,119,60, 1 );
	/*border-bottom: 1px solid rgba( 30, 161, 238, 1 );*/
	border-right: 1px solid rgba( 71,119,60, 1 );
	/*background-color: rgba( 30, 161, 238, .1 );*/
}
ul.tabs li a
{
	background-color: rgba( 255,255,255,.5 );
}
ul.tabs li.is-active a
{
	background-color: rgba( 71,119,60, 0.85 ) !important;
	color: #fff;
}
ul.tabs li.is-active a:hover
{
	background-color: rgba( 71,119,60, .9 ) !important;
}
.sponsors img
{
	max-height: 65px;
}
div.prequal p, div.prequal li
{
	font-size: 0.9em;
}
hr.light
{
	border-bottom: 1px dotted #ccc;
}
#query_results td, #query_results th
{
	font-size: 0.8em;
}
#permissions th, #permissions td
{
	font-size: 0.8em;
}
div.card td, div.card th
{
	font-size: 0.8em;
}

div.menu-tiny
{
	padding: 0;
	border-top: 3px solid rgba( 71,119,60, .95 );;
}
div.menu-tiny a
{
	display: block;
	padding: .5em;
	font-size: 0.8em;

	border-bottom: 1px solid #ddd;
	color: rgba( 71,119,60, .95 );;
}
div.menu-tiny i
{
	float: right;
}
div.menu-tiny a:hover
{
	background-color: #eee;
}
table.tblData th, table.tblData td
{
	font-size :0.9em;
}
.l
{
	text-align: left;
}
.r
{
	text-align: right;
}
.c
{
	text-align: center;
}

.fdatepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
td.r,th.r
{
	text-align: right;
}

.vendors th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f4f4f4;
}

#query_results.table-scroll {
    max-height: 70vh;
    overflow: auto;
}

/* Re-enable text wrapping for the rich text cell and cap its height */
.rich-text-cell {
    max-width: 350px;
    max-height: 150px;
    overflow-y: auto;
    white-space: normal; 
    text-align: left;
    padding: 8px;
    font-size: 0.95em;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

/* Ensure margins on native HTML elements don't bloat the cell */
.rich-text-cell p {
    margin-top: 0;
    margin-bottom: 8px;
}

.rich-text-cell ul, 
.rich-text-cell ol {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 20px;
}

.simsa-report {
    font-family: Arial, sans-serif;
    color: #333;
    margin-top: 1.5rem;
    padding: 0 15px;
}
.simsa-report h2 {
    font-size: 2.2rem;
    color: #444;
    margin-bottom: 1.5rem;
    font-weight: normal;
}
.simsa-report h2 span {
    color: rgba(105, 129, 58, 1);
    font-weight: bold;
}
.simsa-report h4 {
    color: rgba(105, 129, 58, 1);
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.simsa-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 2.5rem;
}
.simsa-form-group {
    flex: 1 1 200px;
}
.simsa-form label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: #555;
    font-size: 0.9rem;
}
.simsa-form input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.simsa-btn {
    background-color: #8B8516;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    transition: background-color 0.2s;
}
.simsa-btn:hover {
    background-color: #8B8516;
}
.simsa-btn-outline {
    background-color: transparent;
    color: #8B8516;
    border: 1px solid #8B8516;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}
.simsa-btn-outline:hover {
    background-color: #f4f5f0;
}
.simsa-kpi-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 3rem;
    text-align: center;
}
.simsa-kpi-card {
    flex: 1 1 200px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}
.simsa-kpi-card h5 {
    color: #666;
    margin: 0 0 10px 0;
    font-size: 1rem;
    font-weight: normal;
}
.simsa-kpi-card h2 {
    font-size: 2.2rem;
    margin: 0;
    font-weight: bold;
    color: #333;
}
.simsa-kpi-card small {
    font-size: 1rem;
    color: #888;
    font-weight: normal;
}
.simsa-table-container {
    flex: 1 1 450px;
    margin-bottom: 2rem;
}
.simsa-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.95rem;
}
.simsa-table thead th {
    border-top: 2px solid #8B8516;
    border-bottom: 1px solid #ddd;
    padding: 12px 10px;
    color: #333;
}
.simsa-table tbody td {
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.simsa-table tbody tr:nth-child(even) td {
    background-color: #fafafa;
}
.text-right {
    text-align: right;
}
.simsa-table-footer {
    text-align: center;
    padding: 15px 0;
}


@media print {
	body *
	{
		visibility: hidden;
		display: none;
	}
	.print-content, .print-content *
	{
		visibility: visible;
		display: inherit;
	}
	.print-content
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: auto;
		display: block !important;
		z-index: 100;
	}
	.grid-x
	{
		clear: both !important;
	}
	.cell
	{
		float: left !important;
	}
	span
	{
		display: inline !important;
	}
	hr
	{
		display: none !important;
	}
	h1, h2, h3, h4, h5, h6
	{
		clear: both;
	}
	.print-hidden
	{
		display: none;
	}
}