body {
	max-width: 95%;
	margin-left : 2%;
	margin-right: 2%;
	padding-top: 4em;
	padding-bottom: 1em;
}
body {
    color: #333333;
    font-family: var(--site-font,"Helvetica Neue",Helvetica,Arial,sans-serif);
    font-size: 14px;
/*    line-height: 20px; */
}

.header {
	margin: 0rem !important;
	font-size: 0.8rem;
	line-height: 1rem;
	padding-top: 0rem !important;
	height: 1.5rem;
}


footer {
	margin: 0rem !important;
	font-size: 0.8rem;
	line-height: 1rem;
	padding-top: 0rem !important;
	height: 1.5rem;
}

footer .logo {
	max-height: 1.5rem;
}

.align_right {
	float: right;
	text-align: right;
}

.align_left {
	float: left;
	text-align: left;
}

h1, h2, h3 {
    margin: 0px;
    padding-top: 25px;
    padding-bottom: 15px;
    color: #454547 !important;
    font-weight: bold;
}

textarea, .form-control {
    background-color: #faf6f6;
}

textarea::placeholder, .form-control::placeholder {
    color: #ABABAB;
    opacity: .8;
    font-size: 0.85rem;
    font-style: oblique;
}

nav img {
  height: 1.5em;
  width: auto;
}

.website_logo_lax { height: 30px; } 

.dropdown-selected {
	background-color: #d6f7a8;
}

.alert-danger {
	background-color: #d6f7a8;
}

fieldset { 
	border:1px solid green; 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

} 

legend {
	font-weight: bold;
}


.col-form-label, .col-form-label-sm {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
	width: 10rem;
	text-align: right;
	align-items: flex-end !important;
	justify-content: right !important;
	padding-right: 0.5rem;
}

.top-form-label, .top-form-label-sm {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
	/* text-align: right; */
	align-items: flex-end !important;
	justify-content: left !important;
	padding-left: 1rem;
	padding-top: 0.25rem;
	padding-bottom: 0;
	margin-bottom: 0;
}


.col-form-legend {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
    background-color: var(--site-header-color,#595959);
	border-collapse: collapse !important;
	color: white;
	padding-left: 1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
	max-width: 100%;
	text-align: left;
}

.col-form-fields {
	padding-top: 0.5rem;
}

h4.cat, h4.cat a {
	background-color: var(--site-subheader-color,#999999);
	color: var(--site-header-color,#595959);
	font-size: 1.1rem;
	line-height: 1.8rem;
	height: 2rem;
	padding-left: 0.25rem;
	border-radius: 5px;
	margin-bottom: 0;
}

h4.cat a {
	padding-left: 0.5rem;
}

.close-ops {
	display: block;
	float: right;
	padding-right: 1em;
	cursor: pointer; 
}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] {
  font-family: "FontAwesome";
  display: inline-block;
  letter-spacing: 0.3rem;
}

input[type=checkbox] { content: "\f096"; } /* space between checkbox and label */

input[type=checkbox]:checked { content: "\f046";  } /* allow space for check mark */

ul.tree {
	list-style: none;
	margin: 0;
}

ul.tree > li.tree {
	list-style: none;
}

.center-wrapper {
	text-align:center;
}

.center {
	margin-left: auto ;
	margin-right: auto ;
	display: flex;
	align-items: center;
  justify-content: center;
  /* display:inline-block; */
}

.center > div{ /* N.B. child combinators don't work in IE6 or less */
   display:inline-block;
   vertical-align: top;
   margin-left: auto;
   margin-right: auto;
}

.align-top {
	vertical-align: top;
}

.spacer {
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.login_as {
	display: inline-block;
	width: 5rem;
	float: right;
}

.break {
	clear: both;
}

table.dataTable {
	border-collapse: collapse !important;
	border-spacing: 0;
}

.dataTables_wrapper {
	width: 95% ;
}

table.dataTable.no-footer {
    border-bottom: 0px;;
}

table.dataTable thead th, thead th, table.dataTable tfoot th, tfoot th {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
    background-color: var(--site-header-color,#595959);
    color: #ffffff;
	border-collapse: collapse !important;
}

table.dataTable td {
	padding-left: 0.25rem;
	
}

table.dataTable th {
	padding: 0.5rem;
}

label {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
    display: inline-block;
    margin-bottom: .5rem;
}

div.dataTable_filter select {
	display: inline-block;
}
.dataTable_filter label {
	font-family: var(--label-font, "Helvetica Neue", 'Open Sans Condensed', Helvetica, Arial, sans-serif);
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.fixed {
    width: 180px;
}

.dataTables_wrapper .dataTables_info {
    font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #737373;
    border: 1px solid #dddddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: 0px solid;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #eeeeee;
}

.table-hover > tbody > tr:hover {
    background-color: rgba(132, 184, 24, 0.2);
}

.table td {
	padding: 0;
}

.nav-pills .nav-link {
	color: var(--site-custom-color);
}

.nav-pills .nav-link.active {
	background-color: var(--site-btn-color);
}

.nav-pills .show > .nav-link {
	background-color: var(--site-btn-color);
}

.dropdown-toggle::after {
	color: var(--site-btn-color);
	font-size : 2rem;
	vertical-align: 0rem;
	margin-left: 0;
}

.cur_location {
	position: fixed;
	top: 0;
	left: 0;
	display: inline-block;
	z-index: 1100;
	width: 100%;
	background-color: var(--site-bg-color);
	color: var(--site-fg-color,white);
	height: 2rem;
	font-size: 1rem;
	text-align: right;
	padding-right: 1rem;
}

.fixed-top {
	top: 2em;
}

.breadcrumb {
	padding-top: 2.5rem;
}

.btn-info {
	background-color: var(--site-btn-color);
}

.btn-custom {
	color: #FFFFFF;
	background-color: var(--site-custom-color);
}

.btn-edit {
	color: #FFFFFF;
	background-color: var(--site-edit-color);
}

.btn-success {
	color: #FFFFFF;
	background-color: var(--site-edit-color);
}


.header_beta {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 5rem;
}

.container-old {
	width: 95%;
	max-width: 100%;
}

.fill-screen {
	width: 95%;
	max-width: 100%;
}

.panel {
	/* width: 48%; */
	margin: 0;
	padding: 0;
	/* display: inline-block; */
	vertical-align: top;
	max-width: 45rem;
	min-width: 40rem;
}

.panel.left {
	/*
	margin-left: 50%;
	margin-right: auto;
	
	position: absolute;
	left: 50%;
	transform: translateX(-45rem);
	*/
	padding-right: 1rem;
}

.panel.right {
	/*
	margin-left: auto;
	margin-right: 50%;
	
	position: relative;
	top: 0;
	
	right: 50%;
	transform: translateX(45rem);
	*/
	padding-left: 1rem;
}

.panel.center {
	padding: 1rem;
}

a, a:link, a:visited, a:active, a:hover, .glyphicon {
    color: var(--site-activelink-color,#84b818);
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-nowrap > thead > tr > th, 
.table-nowrap > tbody > tr > th, 
.table-nowrap > tfoot > tr > th, 
.table-nowrap > thead > tr > td, 
.table-nowrap > tbody > tr > td, 
.table-nowrap > tfoot > tr > td {
	white-space: pre !important; 
	width: 90%;
	/* overflow: hidden;  */
}

h3.in-tab {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.clearfix {
	overflow: auto;
}

.flexcol {
	display: flex;
	/* align-items: center; */
    justify-content: center;
}

.tab-content > .active {
	display: flex;
}

.color-notice {
	color : var(--site-notice-color, #DC8600);
}

.numbers_monospace {
	/* font-family: 'Roboto Mono', monospace; */
	/* font-stretch: semi-expanded;  */
}

.ops { 
	color: #3AB090 
}

.close-ops { 
	color: #EF4F6E 
}

.boxit {
	border: 0px dotted;
	padding: 1rem;
	margin: 1rem;
}

.counter {
    text-align: right;
	font-style: italic;
	color: #5C5C5C;
	padding-right: 1rem;
}

.recommend {
	font-style: italic;
	font-size: 0.75rem;
	color: #5C5C5C;	
}

.pad_left {
	padding-left: 1rem;
}

.pad_right {
	padding-right: 1rem;
}

.btn_original {
    background-color: #cc3232;
    background-image: linear-gradient(to bottom, #cc3232, #d65555);
    color: #ffffff !important;
}

.btn_changed {
    background-color: #e7b416;
    background-image: linear-gradient(to bottom, #e7b416, #f7cd51);
    color: #000000 !important;
}

.btn_complete {
    background-color: #2dc937 !important;
    background-image: linear-gradient(#2dc937, #56dd5d);
    color: #ffffff !important;
}

.btn_closed {
	background-color: #7f00ff !important;
    background-image: linear-gradient(#7f00ff, #ae63ff);
    color: #ffffff !important;
}

.iframe_buy {
	width: 800px;
	height: 350px;
}

.border_red {
	border: 1px dotted red;
}

.border_green {
	border: 1px dotted green;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: #eee;
	opacity: 0.5;
}
.loading:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.loading .spinner-frame {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	border: 5px solid #fff;
	padding: 10px;
}
.loading .spinner-frame .spinner-cover {
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	z-index: 2;
}
.loading .spinner-frame .spinner-bar {
	background: #29d;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100% 0 0 0;
	-webkit-animation: spinny 2s linear infinite;
	transform-origin: 100% 100%;
}
@-webkit-keyframes spinny {
	0% {
		transform: rotate(0deg);
		background: #29d;
	}
	50% {
		transform: rotate(180deg);
		background: #00427c;
	}
	100% {
		transform: rotate(360deg);
		background: #29d;
	}
}

.aligner {
	display: grid;
	align-items: center;
}

.aligner-vertical {
	align-self: center;
	justify-self: center;
}

.btn-date {
	background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
}

textarea.leads {
	height: 20rem;
}

.div80 {
	width: 80%;
}

.xs {
	font-size: 0.45rem;
}

.check-green {
	color: #28a745;
	background-color: #FFFFFF;
	font-size: 1.5rem;
}

.btn {
 white-space: nowrap; 
}

th.email_colmum, td.email_column {
	max-width: 20rem;
	overflow: hidden;
}

th.num_column, td.num_column {
	max-width: 3rem;
	overflow: hidden;
	text-align: right;
	padding-right: 0.25rem;
}

.disp-empty {
	font-style: italic;
	font-family:"Arial Black";
}

.disp-green {
	color: #28a745;
	background-color: #FFFFFF;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Arial Black" !important;
	font-style: bolder;
}

.disp-red {
	color: #ff265c;
	background-color: #FFFFFF;
	font-style: normal;
}

.disp-new {
	color: #9900cc;
	/* background-color: #FFFFFF; */
	font-style: bolder;
}

.disp-gray {
	color: #8a8a7b;
	background-color: #FFFFFF;
	font-style: italic;
}

.disp-select {
	font-family: "FontAwesome", "Font Awesome 5 Free", "Arial" !important;
	font-weight: 900;
}

.select2-container-fixed, .select2-selection-fixed {
    width: 20rem;
} 

.popup_text {
	width: 70%;
}

.popup_label{
	width : 20%;
}

.popup_width {
	width: 50rem !important;
}

.popup_max {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.ui-dialog-content {
	overflow: hidden !important;
}

.cal-green {
	color: var(--site-edit-color);
}

.rem70 {
	width: 70rem;
	margin-left: auto;
	margin-right: auto;
}

.js-S2-ajax {
	width: 10rem;
}

select.short_name {
	width: 25rem;
	margin-left: auto;
	margin-right: auto;
}

.camg-alert-container {
	position: fixed;
	top: 33px;
	right: 7px;
	z-index: 1060;
}
.camg-alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.camg-alert .glyphicon {
	margin-right: 8px;
}

.camg-alert h4 {
	margin-top: 0;
	color: inherit;
}
.camg-alert .alert-link {
	font-weight: bold;
}
.camg-alert > p,
.camg-alert > ul {
	margin-bottom: 0;
}
.camg-alert > p + p {
	margin-top: 5px;
}
.camg-alert-dismissable,
.camg-alert-dismissible {
	padding-right: 35px;
}
.camg-alert-dismissable .close,
.camg-alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.camg-alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.camg-alert-success hr {
	border-top-color: #c9e2b3;
}
.camg-alert-success .alert-link,
.camg-alert-success .glyphicon {
	color: #2b542c;
}
.camg-alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}
.camg-alert-info hr {
	border-top-color: #a6e1ec;
}
.camg-alert-info .alert-link,
.camg-alert-info .glyphicon {
	color: #245269;
}
.camg-alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.camg-alert-warning hr {
	border-top-color: #f7e1b5;
}
.camg-alert-warning .alert-link,
.camg-alert-warning .glyphicon {
	color: #66512c;
}
.camg-alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
	z-index: 1051;
}
.camg-alert-danger hr {
	border-top-color: #e4b9c0;
}
.camg-alert-danger .alert-link,
.camg-alert-danger .glyphicon {
	color: #843534;
}