@import url('/css/init.css');
@import url('/admin/css/adminNav.css');
@import url('/admin/css/thickbox_selector.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300');
@import url('/css/dataTables.css');


/* Global Styles
----------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
		.hide {
			display: none;
			}

		.noclick {
			pointer-events: none;
			margin-right: 10px;
		}
					
.center {
	text-align: center;
	}
	
.right {
	text-align: right;
	}
	
.left {
	text-align: left;
	}
	
.gradbgTopBot_green {
	background: #309a9b;
	background: -moz-linear-gradient(top,  #309a9b 0%, #3abca9 100%);
	background: -webkit-linear-gradient(top,  #309a9b 0%,#3abca9 100%);
	background: linear-gradient(to bottom,  #309a9b 0%,#3abca9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309a9b', endColorstr='#3abca9',GradientType=0 );
	}

.gradbgBotTop_green {
	background: rgb(71,232,200);
	background: -moz-linear-gradient(top,  rgba(71,232,200,1) 1%, rgba(58,188,169,1) 24%, rgba(48,154,155,1) 53%);
	background: -webkit-linear-gradient(top,  rgba(71,232,200,1) 1%,rgba(58,188,169,1) 24%,rgba(48,154,155,1) 53%);
	background: linear-gradient(to bottom,  rgba(71,232,200,1) 1%,rgba(58,188,169,1) 24%,rgba(48,154,155,1) 53%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47e8c8', endColorstr='#309a9b',GradientType=0 );

	}

.proFrame {
	width: 75px;
	height: 75px;
	position: relative;
	border-radius: 50%;
	border: 4px solid #309a9b;
	overflow: hidden;
	}
	
.bg_slateGrey {
	background: #233645;
	}

.bg_darkslateGrey {	
	background: rgba(47,64,80,1);
	}

.bg_seagreen {
	background: #19b394;
	}
	
.bg_gainsboro {
	background: #dedede;
	}
	
.bg_teal {
	background: #1ab394;
	}
	
.teal {
	color: #1ab394;
	}
	
.bg_lightteal {
	background: #23c6c8;
	}
	
.bg_darkteal {
	background: #309a9b;
	}

.darkteal {
	color: #309a9b;
	}
	
.bg_whitesmoke {
	background: #f3f3f4;
	}

.bg_iceblue {
	background: #f3f6fb;
	}	
	
.bg_skyblue {
	background: #1c84c6;
	}

.bg_steelblue {
	background: #1e84c6;
	}	
	
.steelblue {
	color: #1e84c6;
	}

.bg_redalert {
	background: #ed5666;
	}

.redalert {
	color: #ed5666;
	}
	
.bg_muteblue {
	background: #658092;
	}
	
.stage {
	}

.flex {	
	width: 100%;
	}
	
.indicator {
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	text-align: center;
	padding: 3px;
	margin: 0 5px;
	border-radius: 0.25em;
	}
	
		.crmItem {
			display: grid;
			grid-auto-rows: minmax(min-content, max-content);
			justify-content: space-evenly;
			background: #fff;
			border: 1px solid #e7eaec; 
			}		
			
		.crmItem.noGrid {
			display: block;
			}
			
		.crmItem.singleCol {
			grid-template-columns: 100%;
			}
			
		.crmItem.doubleCol {
			grid-template-columns: 80% 20%;
			}
			
		.crmItem.tripleCol {
			grid-template-columns: 40% 40% 20%;
			}	

		.crmItem.quadCol {
			grid-template-columns: 35% 10% 35% 20%;
			}
			
		.crmItem.quadCol2 {
			grid-template-columns: 35% 25% 20% 20%;
			}
			
		.crmItem.quintCol {
			grid-template-columns: 24% 10% 23% 23% 20%;
			}

		.crmItem.sexCol {
			grid-template-columns: 20% 10% 10% 20% 20% 20%;
			}
					
		.line {
			padding: 9px 13px;
			}

		.crmItem .line.firstLine {
			font-weight: 600;
			line-height: 24px;
			}
			
		.crmItem.singleCol .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 1; 
			}
			
		.crmItem.doubleCol .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 2; 
			}
						
		.crmItem.tripleCol .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 3; 
			}

		.crmItem.quadCol .line.firstLine,
		.crmItem.quadCol2 .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 4; 
			}
			
		.crmItem.quintCol .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 5; 
			}
			
		.crmItem.sexCol .line.firstLine {
			grid-column-start: 1;
			grid-column-end: span 6; 
			}

		.crmItem .line.firstLine.lineAdd {
			display: grid;
			grid-template-columns: 66% 33%;
			grid-template-rows: auto;
			grid-template-rows: auto;
			justify-content: space-evenly;
			}

			@media screen and ( max-width: 661px ) {
				.crmItem .line.firstLine.lineAdd {
display: block;
width: 100%;
				}
			}
			
			 
	 	.lineItem {
	 		padding: 6px 13px;
	 		border-top: 1px solid #e7eaec;
	 		}	
			@media screen and ( max-width: 661px ) {
.lineItem {
	padding: 10px 5px;
}
			}
	
.pageHead {
	display: grid;
	grid-template-columns: 66% 33%;
	grid-template-rows: auto;
	justify-content: space-evenly;
	margin-top: 16px;
	padding: 30px;
	background: #fff;
	border-top: 1px solid #e7eaec; 
	border-bottom: 1px solid #e7eaec; 
	}
	@media screen and (max-width: 661px) {
	.pageHead {
		display: block;
		width: 100%;
	}	
	}
	
		.pageHead.noGrid {
			display: block;
			}

.pageAction {
	text-align: right;
	}
	@media screen and (max-width: 661px) {
		.pageAction {
		text-align: center;
		padding-top: 10px;
		}
	}
	
.pageAction .button {
	display: inline-block;
	vertical-align: middle;
	}

.headItem {
	padding: 0 15px;
	}
	
.headMessege {
	font-size: 11px;
	color: #676a6c;
	/* margin-bottom: 10px; */
	}
	
.headMessege.statusMessege {
	margin-left: 14px;
	}
	@media screen and (max-width: 661px) {
		.headMessege.statusMessege {
	margin-left: 0;
	text-align: center;
	}
	}			
.pageHead h1 {
	font-size: 29px;
	font-weight: 100;
	color: #676a6c;
	margin: 0 0 10px 14px;
	}
	@media screen and (max-width: 661px) {
.pageHead h1 {
	margin-left: 0;
	line-height: 25px;
	font-size: 18px;
    font-weight: 400;
    text-align: center;
}
}
	}
.pageBody {
	margin: 15px;
	}
	@media screen and (max-width: 661px) {
.pageBody {
	margin: 0;
}
	}
	
.pageItem {
	width: auto;
	margin: 15px;
	padding-bottom: 24px;
	}
	@media screen and (max-width: 661px) {
.pageItem {
	margin: 15px 0;
}
	}
	.appointment-form h2.pageItemTitle {
	font-size: calc( 16px + 0.25vw);
	padding: 15px 0 25px;
	}
h2.pageItemTitle {
	font-weight: 600;
	}
	
h2.pageItemSubTitle {
	font-weight: 600;
	padding: 3px 0;
	margin-bottom: 3px;
	border-bottom: 1px solid #e7eaec; 
	}
	
.tableItem {
	padding: 30px;
	}
	@media screen and (max-width: 661px) {
.tableItem {
	padding: 30px 10px;
}
	}



.noBorder {
	border: none;
	}
/*	
	 	.rowLineTR {
			font-weight: 600;
	 		}
	 			 		

	 		
	 	.line {
	 		width: 94%;
	 		padding: 2% 3%;
	 		float: left;
	 		
	 		}
	 		
	 	.rowLine {
	 		border-top: 1px solid #ddd;
	 		}
	 		

	 		
	 	.lineItem {
	 		width: 31%;
	 		padding: 2px 0;
	 		float: left;
	 		}

	 	.lineItem.lineItemfirst {
	 		width: 45%;
	 		}

	 	.lineItem.lineItemdouble {
	 		width: 85%;
	 		}
	 		
	 	.lineItem.lineItemmid {
	 		width: 40%;
	 		}
	 		 	
	 	.lineItem.lineItemlast {
	 		width: 15%;
	 		}
*/	

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #309a9b;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #309a9b transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

	.tableLoad {
		width: 100%;
		text-align: center;
		display: none;
		}
		
		.legend {
			width: 100%;
			max-width: 200px;
			margin: 50px auto;
			border: 1px solid #ddd;
			padding: 5px;
			}

		.legend.viewLegend {
			max-width: 100%;
			margin: 10px 0;
			}			

		.legItem {
			margin-bottom: 5px;
			}
			
		.legend.viewLegend .legItem {
			display: inline-block;
			vertical-align: top;
			margin: 0 5px 0 0;
			}
			
		.legLabel,
		.colSquare {
			display: inline-block;
			vertical-align: middle;
			}
			
		.legLabel {
			font-size: 11px;
			}
			
		.colSquare {
			width: 25px;
			height: 25px;
			}
			
		.legend.viewLegend .colSquare {
			border: 1px solid #ddd;
			}
			
		.aOpen {
			background: #f1fffc;
			}
			
		.aClosed {
			background: #dedede;
			}
			
		.aToday {
			background: #23c6c8;
			}
/*			
		.AppItemToday {
			background: #23c6c8;
			}
*/			
/* Init Styles
----------------------------------------------- */
.desktop {
	display: block;
	}
	
.mobile {
	display: none;
	}
		
.sevencol,
.ninecol {
    opacity: 0;
    position: relative;
    top: 10px;
    }
        	
.threecol {
    opacity: 0;
    position: relative;
    right: -10px;
    }
    
.ipad,
.ipad.reminder {
	display: none;
	}

.group {
	padding: 0;
	}

.mobOverlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	display: none; 
	}
	
.relative {
	position: relative;
	}
	
.absolute {
	position: absolute;
	}
	
.fixed {
	position: fixed;
	}
	
/* Admin Bar
----------------------------------------------- */       
.log {
    width: 100%;
    height: 60px; 
    max-height: 60px;
    padding-left: 45px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    border-bottom: 1px solid #e7eaec;
    }
        	
.log a {
	text-decoration: none;
    margin: 0 10px;
    display: inline-block;
    }
    
.logVer {
	}

.logVer a {
	margin: 0;
	display: block;
	}
	
.ver_logo img {
	height: 20px;

	}
	
.ver,
.ver_logo {
	display: inline-block;
	vertical-align: top;
	}
		
.themeVer {
	padding: 9px 15px;
	display: inline-block;
	}
	
.logUser {
	float: right;
	}
	@media screen and (max-width: 661px) {
	.logUser {
		float: left;
	}
	}
.logUser:hover {
	background: #309A9B;
	cursor: pointer;
	}
	
.logTrigger {
	width: 24px;
	height: 38px;
	display: inline-block;
	vertical-align: top;
	background: url("/admin/media/5.0_downArrow.png") no-repeat scroll 0 9px #fff;
	}

.logName {
	display: inline-block;
	padding: 9px 15px;
	}
	
.logLogOut {
	width: 100%;
	display: none;
	background: #fff;
	position: fixed;
	z-index: 3;

	}
	
.logLogOut a {
	display: block;
	padding: 9px 15px;
	}
        	

/* Generic Styles
----------------------------------------------- */
body {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 100%;
    color: #000;
    padding-top: 43px;
    padding-bottom: 43px;
	margin: 0px;
	background: #f3f3f4;
	}
	
body.uploaderBody {
	padding-top: 0;
	}
	
body.uploaderBody .main_contents {
	margin: 0;
	}

a,
a:visited {
    color: #aeaeae;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}

a:hover, 
a.active {
    color: #309A9B;
	}

.logName {
	min-width: 120px;
	text-align: right;
	}
	
.transBG {
	-moz-transition: background 0.3s ease; 
	-o-transition: background 0.3s ease; 
	-webkit-transition: background 0.3s ease; 
	transition: background 0.3s ease; 
	}
	
.transCol {
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}

.transAll{
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease; 
	}
		
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a,
h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h5 a:visited, 
h6 a:visited {
    color: inherit;
    padding:0px;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-weight: 300;
	}

h1 {
    font-size: 15px;
    font-weight: 300;
	color: #fff;
	}

h2 {
    font-size: 14px;
    font-weight: 300;
	}

h3 {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 300;
	}
	
h4 {
    font-size: 10px;
	}

h1.no_top_margin, 
h2.no_top_margin, 
h3.no_top_margin, 
h4.no_top_margin, 
h5.no_top_margin, 
h6.no_top_margin {
    margin-top:0px;
	}
	
p {
    padding-top:0px;
    padding-bottom:10px;
	}

ul {
    list-style:none;
    margin-left:0px;
    padding-left:0px;
	}
	
th {
    font-weight: normal;
    font-size: 12px;
    color: #333;
    background: #ddd;
	}

fieldset {
    padding: 15px;
    background: #fff;
	margin: 0 0 20px 0;
	position: relative;
	border: 1px solid #efefef;
	}

.smalltext {
	font-size: 11px;
	line-height: 110%;
	padding-top: 8px;
	}

.vsmalltext {
	font-size: 9px;
	line-height: 110%;
	}
	
.list_spacer {
	margin: 20px 0 0 0;
	}
	
legend {
	font-size: 15px;
	}

.tab {
	margin: 0px 10px 0 0;
	}

.tab.last {
	margin: 0px 20px 0 0;
	}

.subsection {
	padding: 10px;
	background: #f8f8f8;
	}
	
.filepng {
	width: 100%;
	max-width: 100%;
	}	

.note {
	font-weight: bold;
	}	
	
.clear {
	clear: both;
	}		
	
.mice {
	font-size: 11px;
	}
	
.medialib {
	margin: 0 0 0 5px;
	}
	
.shadow {	
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
	
.text_shadow {
	text-shadow: -1px -1px 1px #000000, 1px 1px 1px #777777;
	}
	
.inset {
	text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #fff;
	}

.float_right {
	float: right !important;
	}
	
.float_left {
	float: left !important;
	}

.noTop {
	margin-top: 0;
	}
	
.inactive {
	text-decoration: line-through;
	}

.leftSpacer {
	margin-left: 13px;
	}
	
hr {
	clear: both;
	}

/* Reminder Styles
----------------------------------------------- */
.reminder {
	width: 300px;
	font-size: 13px;
	padding: 10px;
	display: none;
	background: #B2B0AF;
	border: 2px solid #eee;
	position: absolute;
	left: 40%;
	top: -50%;
	z-index: 999;
	}

.reminder_wrap {
	position: relative;
	}
		
.reminder_toggle {
	width: 12px;
	height: 12px;
	display: inline-block;
	}
	
.reminder_close {
	position: absolute;
	top: -8px;
	right: -12px;
	}
	
.reminder_close:hover,
.reminder_toggle:hover {
	cursor: pointer;
	}

/* Form Styles
----------------------------------------------- */		
form#siteSelector select optgroup {
	margin: 5px 0;
	}	
	
form#siteSelector select optgroup option {
	margin: 2px 0 2px 10px;
	}
	
form#siteSelector select optgroup.optOffice	{
	}	

form#siteSelector select optgroup.optRealtor {
	}	
	
form#siteSelector select optgroup.optCorp {
	}	
	
form#siteSelector select optgroup.optDemo {
	}	
		
.form li select,
select {
    max-width: 302px;
    min-width: 100px;
    width: 100%;
	font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 13px;
    padding: 6px;
    background: rgba(0,0,0,.05);
    border: 1px solid #e7eaec;
	}

.ui-datepicker {
	width: 15em !important;
	
	}
	
.DateTimePicker input,
.DateTimePickerDays input {
	/*width: 282px;*/
	width: 94%;
	}

.ui-timepicker-div dl {
	margin-top: -0.5em;
	}
	
.ui-timepicker-div dt {
	font-weight: bold;
    margin: 0.5em 0 0;
    }

.ui-timepicker-div dd {    
	margin: 0 0 0 2em;
	}
		
.form li select.ui-datepicker-year,
.form li select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
	min-width: 50px;
	}
		
input, 
textarea {
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 6px;
    background: rgba(0,0,0,.05);
    border: 1px solid #e7eaec;
	}
		
.labelCheckBox label {
    color: #333;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-Size: 12px;
	font-weight: normal;
	margin: 15px 0 15px 0;
	}

.file_details label {
    color: #333;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-Size: 12px;
	font-weight: normal;
	}

.label_text {
	line-height: 30px;
	margin: 0 0 0 5px;
	}
	
.previewImage {
	position:fixed;
	top: 100px;
	left: 970px;
	padding: 10px;
	background: #95a1a3;
	}
	
.previewImage img {
	border: 1px solid #fff;
	}

ol.form {
	padding: 0;
	margin: 0;
	}
	
ol.form li {
	list-style-type: none;
	padding: 0 0 2.5%;
	overflow: hidden;
	margin: 0 0 5px 0;
	vertical-align: top;
	}

	@media screen and ( max-width: 661px ) {
	ol.form li {
		line-height: 21px;
	}
}
	ol.form li.CheckboxInput label {
		width: 80%;
	}
	ol.form li.CheckboxInput label span {
		font-size: 115%;
	}
	ol.form li.CheckboxInput span.checkboxOption {
		width: 20%;
		float: right;
		display: flex;
	}
	@media screen and ( max-width: 661px ) {
		ol.form li.CheckboxInput span.checkboxOption {
			width: 50%;
		}
	}
	
ol.form li label {
	width: auto;
	display: block;
	vertical-align: top;
	}
@media screen and ( max-width: 661px ) {
	ol.form li label {
		margin: 0 0 5px;
	}
}
ol.form.form_pageedit li label {
	width: 100px;
	}
	
ol.form li ul.error {
	margin-left: 150px;
	}
	
ol.form li.HiddenInput {
	padding: 0px;
	}
	
ol.form li.PasswordInput input,
ol.form li.DoublePasswordInput input,
ol.form li.TextInput input,
ol.form li.TextareaInput textarea,
ol.form li.ImgField input.ImgSelectField {
	/*width: 282px;*/
	width: 94%;
	}

		ol.form li.TextareaInput textarea {
			width: 100%;
			max-width: 100%;
			min-height: 150px;
			}
			
ol.form li.DateInput select {
	width: 100px;
	}
		
ol.form li.XstandardInput object {
	width: 525px;
	}
	
ol.form li.ImageInput .image {
	margin-left: 150px;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
ol.form li.ImageInput .makeThumbnailLink {
	clear: both;
	}

.ImgFieldPrev {
	max-width: 280px;
	min-width: 100px;
	padding: 10px;
	margin: 0 0 5px 103px;
	border: 1px solid #ccc;
	background: #f5f5f5; 
	}
			
.ImgFieldPrev img {
	display: block;
	border: 1px solid #dedede;
	}
				
ol.form li.CKEditorInput > span {
	display: inline-block;
	width: 514px;
	}
	
.checkboxOption label,
.radio_option label {
	
	}

input.error, select.error{
	background-color: #f6bb61;
	border: 1px solid #333;
	}
	
.optionGroup {
	display: inline-block;
	padding: 0 5px;
	}
	
.optionGroup .checkboxOption {
	padding: 2px 0;
	}
	
ol.form li .optionGroup label,
ol.form li .radio_option label{
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
	}

ol.form li span.optionGroup span  {
	display: block;
	}
	
ol.form li span.optionGroup span label {
	width: auto; 
	padding-left: 5px;
	}
	
ul.error{ 
	margin:0; 
	padding:0; 
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	}
	
ul.error li { 
	color: #d84142; 
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	background: #eee !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    width: 250px;
    margin: 0 0 5px 0;
	}
	
span.success {
	display: none;
	}

span.dialog {
	display: block; 
	background-color: #ccc;
	border: 1px solid #000; 
	padding: 10px;
	}

#submit_buttons { 
	padding: 15px 0 0 150px; 
	}

/* Alerts Styles
----------------------------------------------- */
.alert_link_sm,
.add_link_sm {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	}			

.alert {
	color: red;
	}
	
.right-arrow {
	border-color: transparent black;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
	height: 0px;
	width: 0px;
	}

/* Tables Styles
----------------------------------------------- */	
table.admin {
	width: 100%;
	margin: 20px 0;
	clear: both;
	border: 1px solid #e7eaec;
	}
	@media screen and ( max-width: 661px) {
		table.admin {
			max-width: 380px;
		}
	}	
table.admin tr.tableHead {
	border-bottom: 1px solid #efefef;
	}
		
table.admin th, 
table.admin td {
	text-align: left;
	padding: 4px;
	border-left: 1px solid #e7e7e7;
	}
	
table.admin th {
	color: #fff;
	background-color: #658092;
	}

table.admin th.tableAction {
	width: 27%;
	text-align: right;
	padding-right: 18px;
	}
	
table.admin td.tableTDAction {
	text-align: right;
	}
	
table.admin a.icon,
table.admin a.icon:visited {
	color: #676a6c;
	text-decoration: none;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
table.admin a.icon:hover {
	color: #309A9B;
	}

table.admin tfoot {
	border-top: 1px solid #e7e7e7;
	}	

table.admin tfoot td {
	color: #fff;
	background-color: #658092;
	}
	
table.admin tfoot td.white {
	background-color: #fff;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
		
.row1{ 
	}

.rowHighlight{
	background-color: #222 !important;
	color: #fff;
	}
	
#listing {margin: 8px 0;}
		
#listing thead {
	background: #ddd;
	}
	
#listing th {
	padding-right: 19px;
	color:#444;
	}
		
#listing a {
	color: #333;
	}
		
#listing .rowHighlight a:hover {
	color: #309A9B;
	}
	
#listing .rowHighlight a {
	color: #ddd;
	}
	
#listing .tableEdit {
	width: 15%;
	text-align: right;
	}
	
table#listing.admin tr:first-child {
	border: none;
	}

.rowHighlight {
	background-color: #222;
	}
	
#control_container .rowHighlight td,
#control_container .rowHighlight td a {
	color: #fff;
	}

#control_container .rowHighlight td a:hover {
	color: #309A9B;
	}
	
.strikeout {
	text-decoration: line-through !important;
	}
	
.sessSec {
	 margin-bottom: 5px;
	 }

/* Permit Specific Tables Styles
----------------------------------------------- */		
	 	.admin {width: 100%;}
		.listing, .dataTables_wrapper, 
		.dataTables_length, 
		.dataTables_filter,
		.dataTables_info, 
		.dataTables_paginate {
    		display: none;
		}
		.dataTables_wrapper {
			height: 100%;
			max-height: 100%;
			min-height: 150px;
		}
		
		.tid {
			width: 5%;
			}
			
		.tName {
			width: 15%;
			}
			
		.tMDroll {
			width: 10%;
			}
			
		.tPhone {
			width: 10%;
			}
			
		.tEmail {
			width: 10%;
			}
		
		.tTime {
			width: 10%;
			}
		
		.tStats {
			width: 10%;
			}
			
		.tableTDAction {
			width: 20%;
			}
			
	 	.blue,
	 	.green,
	 	.red {
	 		color: #fff;
	 		text-align: center;
	 		padding: 0 9px;
	 		line-height: 25px;
	 		display: block;
	 		}
	 		
	 	.blue {
	 		background: blue;
	 		}
	 		
	 	.green {
	 		background: green;
	 		}
	 		
	 	.red {
	 		background: red;
	 		}
	 		
	 	legend {
	 		font-weight: 600;
	 		}
	 		
	 	.formHeading,
	 	.formValue {
	 		display: inline-block;
	 		vertical-align: top;
	 		}
	 		
	 	.formHeading { 
	 		width: 30%;
	 		}

	 	.block {
	 		width: 100%;
	 		display: block;
	 		}
	 			 	
	 	.formLine {
	 		margin: 5px 0;
	 		}
	 		
	 	.formValue {
	 		font-weight: 600;
	 		}
	 		
	 	.highlight {
	 		color: #000;
	 		font-weight: 600;
	 		padding: 2px 6px 2px 0;
	 		background: yellow;
	 		}
	 			 
	 	.permitStatus .RadioInput.is_approved .optionGroup span {
	 		display: inline-block;
	 		margin-left: 5px;
	 		}
	 
	 	.permitStatus .submit {
	 		float: right;
	 		}
	 	
	 	.editNoteFrame,
	 	.noteList {
	 		display: none;
	 		}
	
/* Buttons/Submits Styles
----------------------------------------------- */	
button,
a.button,
#control_container a.button,
ul#treeview2 a.button,
input.button,
input.cropButton,	
a.cropButton {
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 13px;
	margin: 2px 0;
	background: #309a9b;
	display: block;
	border: none;
	border-radius: 0.25em;
	-moz-transition: background 0.3s ease; 
	-o-transition: background 0.3s ease; 
	-webkit-transition: background 0.3s ease; 
	transition: background 0.3s ease; 
	}

button:hover,
a.button:hover,
#control_container a.button:hover,
ul#treeview2 a.button:hover,
input.button:hover,
input.button_large:hover,
input.cropButton:hover,
input.cropButton.active,		
a.cropButton:hover,
a.cropButton.active {
	color: #fff;
	background: #658092;
	cursor: pointer;
	}
	
a.button.deleteButton:hover,
button.deleteButton:hover,
a.button.cancelButton:hover,
a.button.iconFolderOpen:hover {
	background: #658092;
	}
	
a.button.invoiceButton:hover {
	background: #658092;
	}
	
a.button.greyout,
a.button.greyout:hover,
a.button.greyout:visited,
.button.greyout,
.button.greyout:hover,
.button.greyout:visited,
.greyout input,
.greyout select {
	background: #ccc !important;
	pointer-events: none;
	}
	
.greyout input,
.greyout select {
	color: #fff;
	}
	
button {
	-webkit-font-smoothing: antialiased;
	}

a.leftTab.iconDashboard::before,
a.leftTab.iconAccountSetting::before,
a.leftTab.iconMyProfile::before,
a.leftTab.iconLeads::before,
a.leftTab.iconContacts::before,
a.leftTab.iconContactGroups::before,
a.leftTab.iconAppointments::before,
a.leftTab.iconInvoices::before,
a.leftTab.iconFiles::before,
a.leftTab.iconCRMConfig::before,
a.leftTab.iconUsersGroups::before,
a.leftTab.iconNavBack::before,
a.icon.iconEmail::before,
a.button.emailButton::before,
a.icon.iconPhone::before,
.icon.iconEmail::before,
.icon.iconPhone::before,
a.icon.iconFolder::before,
a.icon.iconFolderOpen::before,
.icon.iconAlert::before,
.icon.iconLocked::before,
.icon.iconUnlocked::before,
.icon.iconAsterisk::before,
.icon.iconPDF::before,
.icon.iconImage::before,
button.submitButton::before,
button.addButton::before,
a.button.submitButton::before,
a.button.backButton::before,
a.button.forwardButton::after,
a.button.deleteButton::before,
a.button.downloadButton::before,
button.deleteButton::before,
button.calendarButton::before,
a.button.calendarButton::before,
button.todayButton::before,
a.button.todayButton::before,
button.listButton::before,
button.searchButton::before,
a.button.editButton::before,
a.button.changeButton::before,
a.button.addButton::before,
a.button.closeButton::before,
a.button.cancelButton::before,
a.button.schedButton::before,
a.button.iconFolder::before,
a.button.iconFolderOpen::before,
a.button.contactButton::before,
a.button.invoiceButton::before,
a.button.viewButton::before,
a.button.iconUsersGroups::before,
a.button.iconMyProfile::before,
a.button.logoutButton::before,
.tableCheck::after,
.tableEx::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	}

a.leftTab.iconDashboard::before,
a.leftTab.iconAccountSetting::before,
a.leftTab.iconMyProfile::before,
a.leftTab.iconLeads::before,
a.leftTab.iconContacts::before,
a.leftTab.iconContactGroups::before,
a.leftTab.iconAppointments::before,
a.leftTab.iconInvoices::before,
a.leftTab.iconFiles::before,
a.leftTab.iconCRMConfig::before,
a.leftTab.iconUsersGroups::before,
a.leftTab.iconNavBack::before,
a.icon.iconEmail::before,
a.icon.iconPhone::before,
.icon.iconEmail::before,
a.button.emailButton::before,
.icon.iconPhone::before,
.icon.iconAsterisk::before
a.icon.iconFolder::before,
a.icon.iconFolderOpen::before,
.icon.iconAlert::before,
.icon.iconLocked::before,
.icon.iconUnlocked::before,
a.button.contactButton::before,
a.button.invoiceButton::before {
	width: 15px;
	margin-right: 5px;
	}
	
a.leftTab.iconDashboard::before {
	content:"\f0db";
	}
	
a.leftTab.iconAccountSetting::before {
	content:"\f4fe";
	}

a.leftTab.iconMyProfile::before {
	content:"\f2bd";
	}
	
a.leftTab.iconLeads::before {
	content:"\f2c2";
	}

a.leftTab.iconContacts::before {
	content:"\f2b9";
	}
	
a.leftTab.iconContactGroups::before {
	content:"\f0c0";
	}
	
a.leftTab.iconAppointments::before {
	content:"\f274";
	}
	
a.leftTab.iconInvoices::before {
	content:"\f570";
	}
	
a.leftTab.iconFiles::before {
	content:"\f15c";
	}
	
a.leftTab.iconCRMConfig::before {
	content:"\f085";
	}
	
a.leftTab.iconUsersGroups::before {
	content:"\f509";
	}
	
a.leftTab.iconNavBack::before {
	content:"\f060";
	}	

.icon.iconAlert {
	color: #ed5666;
	}
	
.icon.iconAlert::before { 
	content:"\f071";
	}
	
.icon.iconLocked::before { 
	content:"\f023";
	}
	
.icon.iconUnlocked::before { 
	content:"\f3c1";
	}
	
.icon.iconPDF::before { 
	content:"\f1c1";
	}
	
.icon.iconImage::before { 
	content:"\f1c5";
	}
	
a.icon.iconEmail::before,
.icon.iconEmail::before {
	content:"\f0e0";
	}
	
button.emailButton::before,
a.button.emailButton::before {
	content:"\f0e0";
	margin-right: 5px;
	}
	
a.icon.iconPhone::before,
.icon.iconPhone::before {
	content:"\f879";
	}

a.button.iconFolder,
a.button.iconFolderOpen {
	width: 24px;
	display: block;
	padding: 0;
	}

a.button.iconFolderOpen {	
	background: #f8ac5a;
	}
	
a.icon.iconFolder::before {
	content:"\f07b";
	}
	
a.icon.iconFolderOpen::before {
	content:"\f07c";
	}

.icon.iconAsterisk {
	color: #f8ac5a;
	}
	
.icon.iconAsterisk.required {
	color: #ed5666;
	}
		
.icon.iconAsterisk::before { 
	content:"\f069";
	}

a.button.iconFolder::before {
	content:"\f07b";
	}
	
a.button.iconFolderOpen::before {
	content:"\f07c";
	}

a.button.downloadButton::before {
	content:"\f56d";
	}
		
button.submitButton::before,
a.button.submitButton::before {
	content:"\f00c";
	margin-right: 5px;
	}
	
button.logoutButton::before,
a.button.logoutButton::before {
	content:"\f2f5";
	margin-right: 5px;
	}

	@media screen and ( max-width: 661px ) {
	button.searchButton {
width: 65%;
margin: 15px auto 0;
	}
}
button.searchButton::before,
a.button.searchButton::before {
	content:"\f002";
	margin-right: 5px;
	}

button.calendarButton,
a.button.calendarButton,
button.todayButton,
button.listButton,
a.button.listButton {
	font-size: 10px;
	line-height: 10px;
	background: #1e84c6;
	}
	
button.calendarButton:hover,
a.button.calendarButton:hover,
button.todayButton:hover,
button.listButton:hover,
a.button.listButton:hover {
	background: #23c6c8;
	}
	
button.calendarButton::before,
a.button.calendarButton::before {
	content:"\f073";
	margin-right: 5px;
	}

button.todayButton::before,
a.button.todayButton::before {
	content:"\f783";
	margin-right: 5px;
	}
		
button.listButton::before,
a.button.listButton::before {
	content:"\f022";
	margin-right: 5px;
	}
	
button.calendarButton.viewActive,
a.button.calendarButton.viewActive,
button.listButton.viewActive,
a.button.listButton.viewActive {
	background: #f8ac5a;
	}

a.backButton {
	background: #f8ac5a;
	}
		
a.button.backButton::before {
	content:"\f060";
	margin-right: 5px;
	}

a.button.forwardButton::after {
	content:"\f061";
	margin-left: 5px;
	}

a.button.contactButton {
	display: inline-block;
	}
	
a.button.contactButton::before {
	content:"\f2b9";
	margin-right: 5px;
	}

a.button.invoiceButton {
	display: inline-block;
	background: #1e84c6;
	}	
	
a.button.invoiceButton::before {
	content:"\f570";
	margin-right: 5px;
	}
		
a.button.deleteButton,
button.deleteButton {
	display: inline-block;
	background: #ed5666;
	}
	
a.button.deleteButton::before,
button.deleteButton::before {
	content:"\f1f8";
	margin-right: 5px;
	}
	
a.button.cancelButton {
	display: inline-block;
	background: #ed5666;
	}
	
a.button.cancelButton::before {
	content:"\f05e";
	margin-right: 5px;
	}
	
a.button.editButton,
a.button.closeButton,
a.button.addButton,
a.button.emailButton {
	display: inline-block;
	}
	
	@media screen and ( max-width: 661px ) {
	a.button.addButton {
		width: 65%;
		max-width: 65%;
		margin: 10px auto 15px;
	}
}

a.button.editButton::before {
	content:"\f304";
	margin-right: 5px;
	}
	
a.button.closeButton::before {
	content:"\f00d";
	margin-right: 5px;
	}
	
a.closeButton {
	background: #f8ac5a;
	}

a.button.changeButton::before {
	content:"\f030";
	margin-right: 5px;
	}	

button.addButton::before,
a.button.addButton::before {
	content:"\f067";
	margin-right: 5px;
	}

a.button.schedButton,
a.button.viewButton {
	width: 24px;
	display: inline-block;
	padding: 0;
	margin-right: 3px;
	position: absolute;
	right: 0;
	bottom: 3px;
	}	
	
a.button.schedButton::before {
	content:"\f304";
	}
	
a.button.viewButton::before {
	content:"\f06e";
	}
	
input.cropButton,	
a.cropButton {
	
	}

a.cropButton.cropButtonFlex {
	width: auto;
	}

input.cropButton:hover,
input.cropButton.active,		
a.cropButton:hover,
a.cropButton.active {
	color: #fff;
	background: #658092;
	cursor: pointer;
	}

a.button.iconUsersGroups,
a.button.iconMyProfile {
	text-align: left;
	}
	
a.button.iconUsersGroups::before {
	content:"\f509";
	margin-right: 5px;
	}
	
a.button.iconMyProfile::before {
	content:"\f2bd";
	margin-right: 5px;
	}
	
.tableCheck {
	 text-align: center;
	 color: #309a9b;
	 }
	 			
.tableCheck::after {
	content: "\f058";
	}

.tableEx {
	 text-align: center;
	 color: #ed5666;
	 }
	 
.tableEx::after {
	content: "\f057";
	}
/*	
.cropButton {
	width: 62px;
	height: 25px;
	color: #ccc !important;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto !important;
	padding: 0 9px !important;
	background: #777;
	display: inline-block;
	-moz-transition: background 0.3s ease; 
	-o-transition: background 0.3s ease; 
	-webkit-transition: background 0.3s ease; 
	transition: background 0.3s ease; 
	border: none;
	}
*/	
.added {
	color: #777;
	}
			
/* Layout
----------------------------------------------- */
img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	}

.option_header h2 {
	color: #fff;
	}

.filesearch {
	height: auto;
	}

h1.searchresults {
	color: #333;
	margin-bottom: 9px; 
	}
	
.list #searchresults ul#treeview {
	font-size: 11px;
	}
	
.highlighted {
	border-left: 3px solid #c5960c;
	}



	
/* Col 2 Main Contents
----------------------------------------------- */	
.adminData {
	color: #f5f5f5;
	display: none;
	padding: 0 15px;
	background: #333;
	margin-top: -5px;
	position: relative;
	z-index: 99;
	}
	
.adminData a,
.adminData a:visited {
	color: #fff;
	}
	
.adminData a:hover {
	color: #309A9B;
	}
	
.adminData h2 {
	color: #f5f5f5;
	}
	
.page_section_header {
	font-size: 17px;
	margin: 20px 0;
	clear: both;
	position: relative;
	}
			
.main_contents {
	margin: 15px 0;
	padding: 0;
	}

p.info_link a:hover {
	color: #333;
	}
	
.main_contents form value {
	position: absolute;
	top: 0;
	}

.main_contents ol.form li.ImgField input.header_img,
.main_contents ol.form li.ImgField input.page_thumb {
    margin-left: 3px;
	}
			 
#control_container {
    color: #333;
    padding: 0;
    background: #fff;
    border-radius: 0 0 4px 4px;
	}

#control_container a {
    color: #333;
	}

#control_container a:hover {
    color: #309A9B;
	color: #ffffff;
	}

.content_section h1,	
#control_container h1,
#control_container h3, 
#control_container h4, 
#control_container h5, 
#control_container h6 {
    color: #000;
	}

.control_header {
	width: auto;
	margin: 0;
	padding: 15px 2%;
	display: block;
background: #309a9b;
background: -moz-linear-gradient(top,  #309a9b 0%, #3abca9 100%);
background: -webkit-linear-gradient(top,  #309a9b 0%,#3abca9 100%);
background: linear-gradient(to bottom,  #309a9b 0%,#3abca9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309a9b', endColorstr='#3abca9',GradientType=0 );
	color: #fff;
	position: relative;
	}

.control_header h1 {
	font-size: 21px;
	}
	
.edit_info_buttons,
.link_media_lib {
	width: 100%;
	float: right;
	}

.edit_info_buttons a,
.edit_info_buttons input {
	float: right;
	margin: 0 0 0 10px;
	}
		
.loggedin {
	display: block;
	color: #b02612;
	font-size: 14px;
	}
	
.content_section {
	margin-bottom: 20px;
	padding: 2%;
	position: relative;
	}

.content_section_header {
	height: 30px;
	position: relative;
	}
		
#XstandardFields {
	clear: both;
	}

.XstandardFields_header {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	}

.XstandardFields_header .page_section_header {
	display: inline-block;
	}
	
.editor_windows {
	clear: both;
	}

#control_container .list_content {
	width: auto;
	padding: 20px;
	}

li.pagemap a {
	padding: 5px;
	display: inline-block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
/* Col 3 List Styles
----------------------------------------------- */
.col3 {
	margin: 27px 0 0 0;
	}
	
.list_options a,
.list_options .heading {
	color: #555;
	display: block;
	padding: 9px 15px;
	text-decoration: none;
	background: #f5f5f5;
	}
	
.list_options a:hover,
.list_options .heading:hover {
	color: #309A9B;
	}

.uploadTrigger:hover {
	cursor: pointer;
	}
		
a.trigger {
	position: fixed;
	top: 20%;
	}
	
.list {
    padding: 0px;
	}

.list_topper {
	width: auto;
	color: #fff;
	padding: 15px;
    overflow: hidden;
    background: #309a9b;
    z-index: 999;
	}
	
.list_topper h2 {
	color: #fff;
	}
	
.list_content,
.list_content_mid {
	width: auto;
	color: #333;
	padding: 9px 15px;
	background: #F5F5F5;
	}
	
.list ul li  {
    margin-left:5px;
	}

.list_topper.option_header.filesearch {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
	
.showURL {
	font-size: 11px;
	display: none;
	}
	
.uToggle {
	color: #333;
	font-size: 11px;
	padding: 5px;
	background: #f5f5f5;
	right: 10px;
	top: 10px;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
	}
	
.uToggle:hover {
	cursor: pointer;
	}
		
.uToggle:hover,
.utogActive {
	color: #fff;
	background: #309A9B;
	}
	
/* Footer
----------------------------------------------- */
.footer {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	justify-content: space-evenly;
	width: 100%;
	font-size: 9px;
	color: #333;
	padding: 5px 30px 0 30px;
	background: #fff;
	position: fixed;
	bottom: 0;
	}	
	
.footer a,
.footer a:visited {
	color: #333;
	}

.footer a:hover {
	color: #1c84c6;
	}
	
.poweredBy {
	text-align: right;
	}

/* Status
----------------------------------------------- */	
.statusCode {
	width: 100%;
	display: block;
    color: #fff;
	font-Size: 13px;
	font-weight: normal;
	opacity: 0;
	position: fixed;
	top: -38px;
	left: 0;
	z-index: 999;
	}
	@media screen and ( max-width: 661px ) {
		.statusCode {
			max-width: 70%;
		} 
	}
.statuswrap {
	width: 100%;
    max-width: 100%;
	line-height: 38px;
    text-align: center;
	background: #d84142;
	margin: 0;
	}

	
/* Media Queries
----------------------------------------------- */	
@media handheld, only screen and (max-width: 1024px) {
.file_details ol.form li.TextInput input,
li.TextInput.small input {
	width: auto;
	}
		
}

@media handheld, only screen and (max-width: 800px) {
.desktop {
	display: none !important;
	}
	
.mobile {
	display: block;
	}

.logUser.logActive {
	background: #309A9B;
	}
	
#menu-icon {
	width: 38px;
	height: 38px;
	background: url('/admin/media/adminNavIcon.webp') no-repeat 0 0;
	}
	@media screen and ( max-width: 661px ) {
		#menu-icon {
			background: url('/admin/media/adminNavIcon-mobile.webp') no-repeat 0 0;
			}
	}
body {
	padding-top: 24px;
	}
	
.group {
	padding-left: 24px;
	padding-right: 24px;
	}
	

	
}
	
@media handheld, only screen and (max-width: 800px) {
.ipad.reminder {
	display: inline-block;
	}
/*	
.col1 a.admin_tab, 
.col1 .sidenav a, 
.col1 .subtabs a, 
.col1 .threecol.last a {
	text-align: center;
	position: relative;
	text-indent: -999px;
	}
	
.col1 a.admin_tab img, 
.col1 .sidenav a img, 
.col1 .subtabs a img, 
.col1 .threecol.last a img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -12px;
	}

.col1 .option_header {
	display: none;
	}
*/
		
#TB_window,
#TB_iframeContent {
	width: 650px !important;
	}


/* Nuke Webkit CSS */	
input, 
textarea,
a.button,
#control_container a.button,
ul#treeview2 a.button,
input.button,
.form li select,
select {
	-webkit-appearance: none;
	border-radius: 0; /*NEEDS UPDATE */
	}


		
}

@media handheld, only screen and (max-width: 800px) {
/* Globals
----------------------------------------------- */	
.group {
	padding: 0;
	}
	
.log.mobile {
	position: fixed;
	z-index: 99;
	}
		
#control_container {
	padding: 10px;
	}
		
.edit_info_buttons, .link_media_lib {
	float: none;
	}
		
.edit_info_buttons a.button_large.float_right,
.selectors a.button_large.float_right {
	float: left !important;
	}
		
.submit.float_right {
	float: none;
	}
	
.col1 .option_header {
	display: none;
	}
		
.reminder {
	width: 80%;
	left: 5%;
	}	
	
a.button, 
#control_container a.button, 
ul#treeview2 a.button, 
input.button {
	width: 200px;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	margin: 10px auto;
	display: block;
	float: none;
	}

.control_header h1,
.control_header .smalltext {
	text-align: center;
	}
	
/* Nav
----------------------------------------------- */
.adminNavTrigger {
	text-align: center;
	top: 50px;
	left: 2%;
	position: fixed;
	background: #fff;
	padding: 8px;
	border: 3px solid #309a9b;
	border-radius: 50%;
	z-index: 9;
	}
	
.adminNavTrigger.noteIconActive {	
	border: 3px solid #FA6800;
	cursor: pointer;
	}
	
.adminNavTrigger img {
	display: block;
	margin: 0 auto;
	}
	
.admin_nav {
	position: fixed;
	top: 38px;
	left: 0;
	}

.admin_nav .list_topper h2 {
	color: #fff;
	margin-left: 36px;
	}
		
.fullTrigger {
	}
	
.fullNav {
	opacity: 0;
	z-index: -1;
	}
	
.fullNav .navTitle,
.subNav .navTitle {
	border-bottom: 1px solid #ddd;
	
	}
	
.fullNav.navNotActive {
	animation: byeNav 0.5s 1;
	animation-fill-mode: forwards; 
	z-index: -1;
	}

.fullNav.navActive {
	animation: hiNav 0.5s 1;
	animation-fill-mode: forwards; 
	z-index: 99;
	}
		
@keyframes hiNav {
	0% {opacity: 0;}
	10% {opacity: 1;}
	100% {opacity: 1;}
	}

@keyframes byeNav {
	0% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
	}
		
.subNav {
	width: 250px;
	padding-left: 0;
	position: absolute;
	left: -250px;
	top: 7px;
	z-index: -1;
	}
	
.subNav.subNavNotActive {
	animation: byeSubNav 0.5s 1;
	animation-fill-mode: forwards; 
	z-index: -1;
	}

.subNav.subNavActive {
	animation: hiSubNav 0.5s 1;
	animation-fill-mode: forwards; 
	z-index: 8;
	}
		
@keyframes hiSubNav {
	0% {transform: translatex(-250px)}
	10% {transform: translatex(0)}
	100% {transform: translatex(250px)}
	}

@keyframes byeSubNav {
	0% {transform: translatex(250px)}
	90% {transform: translatex(0)}
	100% {transform: translatex(-250px)}
	}

.subNavClose {
	width: 25px;
	height: 100%;
	background-image: url('/admin/media/5.0_backArrow.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	}
	
.subNavClose:hover {
	cursor: pointer;
	background-position: 50% 50%;
	background-color: #309A9B;
	}	
		
/* Form
----------------------------------------------- */	
ol.form li.PasswordInput input, 
ol.form li.DoublePasswordInput input, 
ol.form li.TextInput input, 
ol.form li.TextareaInput textarea,
input, 
textarea {
	width: 94%;
	padding: 3%;
	}
	
form input.cms_checkbox,
form input.cms_radio {	
	width: auto;
	}
	
input[type="checkbox"] { /* WEbkit specific Fix */
  -webkit-appearance: checkbox;
	}

input[type="radio"] { /* WEbkit specific Fix */
  -webkit-appearance: radio;
	}
	
ol.form li label,
ol.form.form_pageedit li label {
	width: 100%;
	display: block;
	}
	
.main_contents ol.form li.ImgField input.header_img, 
.main_contents ol.form li.ImgField input.page_thumb {
	margin: 0;
	}
	
/* dataTables
----------------------------------------------- */	
.tid {
	width: 10%;
	}
	 			
.dataTables_length,
.dataTables_filter {
	width: 100%;
	text-align: left;
	margin: 0;
	float: none;
	}
	
.dataTables_length label select, 
.dataTables_filter label input {
	width: 100%;
	display: block;
	margin: 0;
	}

.dataTables_paginate {
	float: none;
	text-align: center;
	}

.listing tr td {
	position: relative;
	}
		
.listing tr .responsiveExpander {
	width: 15px;
	height: 15px;
	background: url('/admin/media/plus.png') no-repeat 0px -1px #1ab394;
	float: left;
	margin-right: 5px;
	border-radius: 50%;
	-moz-transition: background-color 0.3s ease; 
	-o-transition: background-color 0.3s ease; 
	-webkit-transition: background-color 0.3s ease; 
	transition: background-color 0.3s ease; 
	}
	
.listing tr .responsiveExpander:hover {
	cursor: pointer;
	background: url('/admin/media/plus.png') no-repeat 0px -1px #1ab394;
	}
	
.listing tr.detail-show .responsiveExpander {
	background: url('/admin/media/minus.png') no-repeat 0px -1px #1c84c6;
	}

.listing tr.row-detail,
.listing tr.row-detail .headMessege {
	color: #fff;
	background: #a9c1d0;
	}

.listing tr.row-detail td ul li {
	padding: 0.5em;
	border-bottom: 1px solid #dcdcdc;
	}
	
.listing tr.row-detail td ul li .paymentList li {
	border: none;
	}
	
#control_container .listing tr.row-detail a {
	color: #fff;
	-moz-transition: background 0.3s ease; 
	-o-transition: background 0.3s ease; 
	-webkit-transition: background 0.3s ease; 
	transition: background 0.3s ease; 
	}
	
#control_container .listing tr.row-detail a:hover {
	color: #FA6800;
	}
		
.listing tr.row-detail ul li {
	width: 100% !important;
	padding: 5px 0;
	}
	
.listing tr.row-detail ul li.tableTDAction span.columnValue {
	width: 100%;
	text-align: center;
	display: block;
	padding-top: 10px;
	border-top: 1px solid #fff;
	}


	
}


@media handheld, only screen and (max-width: 767px) {
/* Permit Specific Tables Styles
----------------------------------------------- */	
.formHeading {
	width: 100%;
	}
	
.formHeading, 
.formValue {
	display: block;
	}

.RadioInput.is_approved label,
.RadioInput.is_approved .optionGroup {
	display: block;
	text-align: center;
	}
	
.permitStatus .submit {
    float: none;
	}
}

/*  Toggle State / Provice CSS  */
.hidden-province {
	display: none;
}

.conSearch, .aconSearch, .openCal {
    font-size: 10px;
    line-height: 10px;
    margin: 6px 10px 0 0;
    float: right;
}


#profile-toggel {
	width: 100%;
	margin: 15px auto 0 auto;
position: relative;
}
@media screen and ( max-width: 661px) {
	#profile-toggel {
	height: 15px;
	}
}
#profile-toggel .showing {
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: 200;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	align-items: center;
}
#profile-toggel .toggle-icon {
	font-size: 24px;
	margin-right: 10px;
}
#profile-toggel .showing.active .toggle-icon {
	font-size: 44px;
	margin-right: 10px;
}
#profile-toggel .toggle-cont {
position: relative;
display: none; /* Hidden by default */
margin-top: 10px;
padding: 10px;
border: 1px solid #ccc;
z-index: 100;
}

#profile-toggel .toggle-cont .profile-title {
	width: 100%;
	padding: 15px;
text-align: center;
font-size: calc( 12px + 0.25vw);
line-height: 26px;
}
#profile-toggel .toggle-cont .profile-title span {
	font-size: calc( 12px + 0.35vw);
}
#profile-toggel .toggle-cont .select-cont {
width: 100%;
text-align: center;
}

#profile-toggel .toggle-cont .select-cont #message {
	width: 100%;
	text-align: center;
	margin: 15px auto;
}
.conResults,
.aconResults {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
}

.nameList {
	width: 300px;
	height: 60%;
	margin: 50px auto;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.nameList .pageHead {
	margin-top: 0;
}

ul#myUL {
	height: 85%;
	display: block;
	padding: 3% 30px;
	overflow: auto;
	background: rgba(0, 0, 0, 0.05);
	outline: 1px solid #e7e7e7;
}

ul#myUL li {
	margin-bottom: 3px;
}

#listStatus {
	padding: 2px 6px 0 6px;
}

#calFrame,
.calFrame {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.75);
	display: none;
}

#calFrame #addPartWindow,
.calFrame .addPartWindow {
	width: 60vw;
	margin-left: -30vw;
	position: fixed;
	top: 60px;
	left: 50%;
	padding: 20px;
	background: #fff;
}
@media screen and ( max-width: 661px ) {
	#calFrame #addPartWindow,
	.calFrame .addPartWindow {
		width: 90vw;
		margin: 0 auto;
		position: fixed;
		top: 60px;
		left: 5vw;
		padding: 5px;
		background: #fff;
	}
}

.scrollable {
	height: 600px;
	overflow: auto;
}

@media screen and ( max-width: 661px ) {
.listing tbody tr  {

    width: 100%; /* Ensure the row takes up 100% of the tbody */
}

.listing tbody tr td {
	position: relative;
	line-height: 20px;

}
.listing tbody tr td.tableTDAction a.button {
	width: 100%;
	max-width: 100%;
	font-size: 8px;
	display: block;
}
.listing thead tr.tableHead th {
	text-align: center;
}

}