body {background-color:#FFF; margin:0px; padding:0px; border:0px; font-family: 'Open Sans', sans-serif; font-size:12px;}

#header-top {margin-top:20px; margin-bottom:20px;}	

#top-contact {background:url(images/phone.png) no-repeat right; font-size:14px;}
#top-contact span {font-size:23px; color:#259203; font-weight:bold;}

#top-contact2 {font-size:14px; text-align:center;}
#top-contact2 span {font-size:23px; color:#259203; font-weight:bold;}

#form-login {margin-top:10px;}

#navigation-bg {width:100%; height:auto; background-color:#e9edd2; border-bottom:5px #9ea092 solid;}
#main-navigation ul {list-style:none;}
#main-navigation ul li {float:left;  border-left:solid 1px #f6f7eb; border-right:solid 1px #a5a894;}
#main-navigation ul li a  {color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; overflow:auto; font-size:14px; text-transform:uppercase; font-weight:bold; display:block; padding:20px 30px;} 
#main-navigation li:first-child { border-left:none;}
#main-navigation li:last-child  { border-right:none;}

#menu-responsive {margin-bottom:20px; padding:10px;}

#header-banner-bg { 
width:100%; height:auto; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e8e4e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e4e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e8e4e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e8e4e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e8e4e3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e8e4e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e4e3',GradientType=0 ); /* IE6-9 */ padding:10px 0; border-bottom:5px #9ea092 solid;}

#header-banner-bg img { width:100%; }

.box-container {
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; -webkit-box-shadow: 0px 0px 20px -6px rgba(207,207,207,1);
-moz-box-shadow: 0px 0px 20px -6px rgba(207,207,207,1);
box-shadow: 0px 0px 20px -6px rgba(207,207,207,1); 
padding:10px; margin-top:20px;
 text-align:center; 
font-family: 'Open Sans', sans-serif;  
				font-size:14px; 
				line-height:1.5em; min-height:350px;} 
.box-container img {text-align:center;}
.box-container h1 {font-family: 'Open Sans', sans-serif;  
				font-size: 24px; margin:0px 0px 20px 0px; 
				color:#f57900; 
				text-align:center; font-weight:bold; }
				
#sign-up {width:45%; margin:0px auto; margin-top:20px; margin-bottom:20px;}		

#footer-menu-bg {padding:5px 0; margin-top:20px; border-bottom:1px solid #a7d61f;}
#footer-menu {width:45%; margin:0px auto;}
#footer-menu ul {list-style:none; padding:0px; margin:0px;}
#footer-menu ul li {float:left;}
#footer-menu ul li a {display:block; padding:10px 20px; text-decoration:none; color:#FFF; font-size:14px;}
#footer-right {width:100%; height:auto; padding:10px 0; background-color:#000; color:#FFF; text-align:center;}
#footer-right a {color:#259203;}

/* Admin CSS Starts here */
body.dashboard{ margin-bottom: 10px;}
.logo-holder{ margin: 15px 0px;}
.dashboard-header{ background: #0197d6; }
.dashboard-footer{ background: #a4cf20; position: fixed; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 10px;}
#login-header{ padding: 5px 0px;}
#login-footer{ padding: 5px 0px;}

#loginbar{ width: 526px; margin: 0 auto; margin-top: 300px;}
#loginbar .text-input{ font-size: 12px; padding-left: 30px; border-color: #868383;}
#loginbar .form-group{ margin-top: 15px;}
/**********************  SL ADDED SEPT 20 2017 ****************/
#loginbar {margin: 0px auto;  min-width:33%;  float:right}
#loginbar section {margin:0px}
#loginbar fieldset {padding:0px; margin:0px}
#loginbar header {margin:0px}
#loginbar footer {padding:0px; margin:0px}
#loginbar button {margin:0px}
/**************************************************************/

.input-group-addon{ background: #008bbd; border-left: 1px solid #00599e; border-right: 1px solid #868383; border-top: 1px solid #868383; border-bottom: 1px solid #868383;}
.input-group-addon:hover{ background: #92c818; border-left: 1px solid #3c5600;}
#username{background:url(images/username.jpg) no-repeat 10px 7px;}
#password{background:url(images/password.jpg) no-repeat 10px 9px;}
#search{background:url(images/search.jpg) no-repeat 10px 9px;}
#submit{ border: 0px; background: none; width: 50px; height: 20px; display: block; color: #fff; text-transform: uppercase; font-size: 12px; }

#admin-header{}
#admin-account-links ul { list-style: none; margin: 0px; padding: 0px;}
#admin-account-links ul li{ border-right: 1px solid #11b6fc; display: inline-block;}
#admin-account-links ul li a{ border-right: 1px solid  #007cb0;  padding: 10px 15px; display: block; color: #fff; text-decoration: none;}
#admin-account-links ul li a i{ font-size: 14px; color: #00354b;}

#admin-account-links ul li.menu {
  position: relative;
}
#admin-account-links ul li.menu ul {
  position: absolute;
  width:120px;
  color: #FFFFFF;
  background: #00354B;
  text-align: right;
  visibility: hidden;
  border-radius: 6px;
  padding: 10px; 
}
#admin-account-links ul li.menu ul:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 80%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #00354B;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
#admin-account-links ul li:hover.menu ul {
  visibility: visible;
  top: 45px;
  left: 0%;
  margin-left: -76px;
  z-index: 999;
}

#admin-account-links ul li:hover.menu ul  li, #admin-account-links ul li:hover.menu ul  li a{
	border-right: 0px;
	text-align:right;	
}

#admin-account-links ul li:hover.menu ul  li{
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 0px 0px!important; 
}
#admin-account-links ul li:hover.menu ul  li:last-child{
	border-bottom: 0px;
}

#admin-account-links ul li:hover.menu ul  li a{
	padding: 7px 0px!important;
}

#admin-account-links ul li:hover.menu ul  li a:hover{
	text-decoration: underline;
}

.menu-box ul{ border-bottom: 0px;}
.menu-box ul li{ float: none; border: 0px; width: 80%; margin-bottom: 5px;}
.menu-box ul li.active{border: 0px; }
.menu-box ul li.active a, .menu-box ul li a:hover{color: #fff!important; cursor: pointer!important;}
.menu-box ul li a{ border: 0px; text-align: center; padding: 20px 0px; border-radius: 0 0 0 0!important; color: #fff; font-size: 18px; text-transform: uppercase; cursor: pointer; position: relative;}
.menu-box ul li a.tip:after{ visibility: hidden;} 
.menu-box ul li a:hover.tip:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  visibility: visible;
}
.menu-box ul li.links a, .menu-box ul li.links a:hover,  .menu-box ul li.links.active a{background: #0197d6!important;}
.menu-box ul li.links.active a.tip:after{ content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #0197d6;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  visibility: visible!important;}
.menu-box ul li.links a:hover.tip:after{ border-left: 8px solid #0197d6;}

.menu-box ul li.agents a, .menu-box ul li.agents a:hover, .menu-box ul li.agents.active a{background: #259203;}
.menu-box ul li.agents.active a.tip:after{ content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #259203;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  visibility: visible!important;}
.menu-box ul li.agents a:hover.tip:after{ border-left: 8px solid #259203;}


.menu-box ul li.offices a, .menu-box ul li.offices a:hover, .menu-box ul li.offices.active a{background: #04afef;}
.menu-box ul li.offices.active a.tip:after{ content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #04afef;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  visibility: visible!important;}
.menu-box ul li.offices a:hover.tip:after{ border-left: 8px solid #04afef;}

.menu-box ul li.reports a, .menu-box ul li.reports a:hover, .menu-box ul li.reports.active a{background: #84ac12;}
.menu-box ul li.reports.active a.tip:after{ content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #84ac12;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  visibility: visible!important;}
.menu-box ul li.reports a:hover.tip:after{ border-left: 8px solid #84ac12;}

.menu-box ul li a i{ display: block; font-size: 52px; padding-bottom: 10px; color: #fff;}
.menu-box ul li a:hover{ background: none;}
.menu-box  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 0px;}

.tab-content{ border: 1px solid #868383;}
.table-content .table thead{background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #b2b2b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f6f6 0%,#b2b2b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f6f6 0%,#b2b2b2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#b2b2b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */

}

.table-content .table{ margin-bottom: 0px;;}
.table-content .table > thead > tr > th{border-bottom: 1px solid #868383!important;}
.table-content .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #868383!important;}
.table-content .table > thead > tr > th.border-right, .table > tbody > tr > td.border-right{border-right: 1px solid #868383!important;}
.table-btn{ padding-top: 10px;}
.table-btn button {background: #008bbd;}
.table-btn button:hover{ background: #92c818; border: 1px solid #3c5600;}
.table-btn  .eprt{ padding-top: 10px; padding-right: 10px;}


/* #Media Queries
================================================== */
 
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.menu-box ul li a{ padding: 10px; font-size: 12px;}
	.menu-box ul li a i{font-size: 25px;}
	
	

}
 
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.menu-box ul li{ display: inline-block; border: 0px; width: 32.6%; margin-bottom: 15px;}
	.menu-box ul li a{ padding: 10px; font-size: 12px;}
	.menu-box ul li a i{font-size: 25px;}
	
	.menu-box ul li a.tip:after, .menu-box ul li.reports.active a.tip:after, .menu-box ul li.agents.active a.tip:after, .menu-box ul li.links.active a.tip:after {

	  visibility: hidden!important;
	}
	.search-form{ margin-right: 20px;}

}
 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#login-form{ width: 80%;  margin: 100px auto 0;}

}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#login-form{ width: 80%;  margin: 100px auto 0;}

}


body.menu-on-top.fixed-header {
    padding-top: 1px;
}
.floatrightt { float:right }