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
    }
}
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;
}
@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;
	}
}