@import url("grid.css");
@import url("fonts.css");
@import url("font-awesome.css");
@import url("forms.css");
@import url("tooltip.css");

/* == TYPOGRAPHY == */	
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px;line-height:50px}
h2{font-size:22px;line-height:30px}
h3{font-size:16px;line-height:34px}
h4{font-size:14px;line-height:30px}
h5{font-size:12px;line-height:24px}
h6{font-size:10px;line-height:21px}


body{font:normal 14px/20px maven_proregular, Helvetica, sans-serif;color:#000000;background:#f7f7f7 url(../images/admin-body.jpg);margin: 0 0 100px;}
a{cursor:pointer;color:#00639c;text-decoration:none;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;outline:none}
a:hover,a.hover,a:focus{color:#1668b5;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-o-transition:all .35s ease;transition:all .55s ease;outline:none}

hr,.hr2,.hr3,.h4{border:none;clear:both;height:0;background:none;border-bottom:#e4e4e4 solid 1px;box-shadow:0 1px 0 0 #FFF;margin:10px 0;padding:0}
.hr2{margin-top:30px;margin-bottom:30px}
.hr3{height:8px;background:none repeat scroll 0 0 #f9f9f9;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border:0;margin:5px}
.hr4{height:16px;font-size:10px;line-height:18px;text-transform:uppercase;background:none repeat scroll 0 0 #f9f9f9;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border:0;font-weight:600;text-align:center;color:#3B3E40;letter-spacing:1px;margin:5px}
.avatar,.avatar2{background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,0.2);padding:2px;}
.box{padding:10px}

#usermenu { margin-top: 10px; margin-bottom: 10px; display: flex; }
#usermenu a i{font-size:40px;display:inline-block;margin-bottom:7px;line-height:40px;height:48px;width:60px;}
#usermenu a{
flex: 1 0 100px;
text-align: center;
border-radius: 3px;
font-size: 12px;
background-color: #FFF;
display: inline-block;
padding: 0;
font-weight: 300;
line-height: 1.1;
border-left: 2px solid #03659d;
}
#usermenu a:first-child{
border-left: none;
}
#usermenu a:hover{color:#000}

#logo {text-align: center; margin-top:10px; padding:10px;margin-bottom:10px;background-color: #fff;height:60px;line-height:60px;border-radius:3px; }
#logo img{ display:inline-block;vertical-align: middle; max-width: 400px;}

/* == Alerts & Tips == */	 
input[type=text],input[type=email],input[type=search],input[type=password],textarea{-webkit-appearance:none;background:#fff}
input,textarea{color:#606060;border:2px solid #e4e4e4;background:#fff;width:100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 15px;padding:10px}
input:focus,textarea:focus{border:2px solid #d6d4d4}

 .button a,.butsmall i{color:#fff}
.butsmall,.butsmallalt{border:1px solid #323537;min-width:20px!important;color:#fff;text-align:center;position:relative;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);text-shadow:1px 1px 0 rgba(0,0,0,0.4);z-index:500;margin:0 0 0 5px;padding:5px!important;background: #4b4f51; background: -moz-linear-gradient(top, #4b4f51 0%, #414547 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4f51), color-stop(100%,#414547)); background: -webkit-linear-gradient(top, #4b4f51 0%,#414547 100%); background: -o-linear-gradient(top, #4b4f51 0%,#414547 100%); background: -ms-linear-gradient(top, #4b4f51 0%,#414547 100%); background: linear-gradient(to bottom, #4b4f51 0%,#414547 100%); cursor: pointer}
.butsmallalt{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
.butsmallalt:hover{background:#4b4f51}
.butsmall.green {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);border: 1px solid #719e37;background: #9bc747;  background: -moz-linear-gradient(top, #9bc747 0%, #82bd42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bc747), color-stop(100%,#82bd42)); background: -webkit-linear-gradient(top, #9bc747 0%,#82bd42 100%);  background: -o-linear-gradient(top, #9bc747 0%,#82bd42 100%); background: -ms-linear-gradient(top, #9bc747 0%,#82bd42 100%); background: linear-gradient(to bottom, #9bc747 0%,#82bd42 100%)}
.butsmall.red {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);border: 1px solid #af2b1b;background: #bc3423; background: -moz-linear-gradient(top, #bc3423 0%, #cd4433 100%);  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc3423), color-stop(100%,#cd4433));  background: -webkit-linear-gradient(top, #bc3423 0%,#cd4433 100%);  background: -o-linear-gradient(top, #bc3423 0%,#cd4433 100%); background: -ms-linear-gradient(top, #bc3423 0%,#cd4433 100%);background: linear-gradient(to bottom, #bc3423 0%,#cd4433 100%)}
.user .blue {border: 1px solid #323537}
.blue {border: 1px solid #0f70ad;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);background: #208ed3; background: -moz-linear-gradient(top, #208ed3 0%, #0272bd 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208ed3), color-stop(100%,#0272bd));  background: -webkit-linear-gradient(top, #208ed3 0%,#0272bd 100%);  background: -o-linear-gradient(top, #208ed3 0%,#0272bd 100%); background: -ms-linear-gradient(top, #208ed3 0%,#0272bd 100%); background: linear-gradient(to bottom, #208ed3 0%,#0272bd 100%)}
.button.green {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);border: 1px solid #719e37;margin: 0;background: #9bc747;  background: -moz-linear-gradient(top, #9bc747 0%, #82bd42 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bc747), color-stop(100%,#82bd42));  background: -webkit-linear-gradient(top, #9bc747 0%,#82bd42 100%);  background: -o-linear-gradient(top, #9bc747 0%,#82bd42 100%); background: -ms-linear-gradient(top, #9bc747 0%,#82bd42 100%); background: linear-gradient(to bottom, #9bc747 0%,#82bd42 100%);}
.but-small-icon{font-size:24px;display:block;float:right;width:24px;height:24px;line-height:24px;margin-left:5px;text-align:center}
 
 
.bgred,.bggreen,.bgblue,.bgorange{border-radius:4px;box-shadow:0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.08);margin:15px 0;padding:10px;position:relative}
.bgred p,.bggreen p,.bgblue p,.bgorange p{color:#fff;margin:0 10px 0 0;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.bgblue{background:#88bbc8;border:1px solid #88bbc8}
.bgred{background:#ee9695;border:1px solid #ee9695}
.bgorange{background:#ffba83;border:1px solid #ffba83}
.bggreen{background:#afc98c;border:1px solid #afc98c}
.close,div.bggreen .close,div.bgorange .close,div.bgred .close,div.bgblue .close{color:#000;cursor:pointer;font-size:24px;opacity:0.2;position:absolute;right:10px;text-shadow:0 1px 0 #fff;top:8px}
div.bgred p span,div.bggreen p span,div.bgorange p span,div.bgblue p span{display:inline-block;margin-right:10px}
div.bgred ul.error{color:#fff;margin-left:35px}
.pagetip,.greentip,.redtip,.orangetip,.bluetip{background:#F3F3F3;border:1px solid #F3F3F3;border-radius:4px;box-shadow:0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.08);color:#818181;margin-bottom:25px;padding:15px;text-shadow:0 1px #fff}
.greentip{background:#afc98c;border-color:#afc98c;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.redtip{background:#ee9695;border-color:#ee9695;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.orangetip{background:#ffba83;border-color:#ffba83;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.bluetip{
    background:#03659d;
    /*border-color:#88bbc8;*/
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,0,0,0.2);
    /*margin: 0px 10px 15px 10px;*/
    
}
#user_region_form {
    padding: 30px;
}

/* == Widgets == */		  
.widget-container{height:1%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.widget-container .small:first-child{float:left}
section.small{width:49%;float:right;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
section.widget{ background: #fff; border: 1px solid #f6f6f6; min-height: 120px; border-radius: 5px; box-shadow: 0 2px 2px rgba(204,204,204,0.2); -webkit-box-shadow: 0 2px 2px rgba(204,204,204,0.2); -moz-box-shadow: 0 2px 2px rgba(204,204,204,0.2); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 10px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; }
section.widget header{ background-color: #3A3A3A; border: 1px solid #343434; color: #F2F2F2; display: block;  text-shadow: 0 1px 0 black; border-bottom: none; overflow: visible; border-radius: 5px 5px 0 0; line-height:20px;padding: 10px}
section.widget header h1{font-family:'maven_proregular', sans-serif;line-height:30px;font-size:18px;color:#fff;float:left}
section.widget header h3{font-family:'maven_proregular', sans-serif;font-size:12px;color:#5daced}
section.widget header aside{float:right;}
section.widget header aside a{color:#fff}
section.widget header aside a:hover{color:#afc98c}
section.widget form header{background:transparent;display:block;width:100%;border-bottom:2px solid #ebebe6;font-size:18px;color:#232323;box-shadow:0 2px 0 0 #FFF;margin:0 -30px 30px;padding:0 30px 20px}
section.widget form header span{display:block;font-size:13px;color:#BEBEBE}
section.widget .content{padding:25px}
section.widget header aside > a{ display: block; background: #313131; color: #FFF; border-top: 1px solid #1c1f23; border-bottom: 1px solid #4c4f56; position: relative; font-size: 16px; border-radius: 4px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; margin: 0px; }
.fixed{position:fixed}
section.widget .content2,section.widget .content.no-padding{padding:0}
section.widget .content .stats-wrapper:last-child div,section.widget .content .stats-wrapper .stats p{margin:0}


/** TABLE STYLES **/
table.myTable input[type=checkbox]{width:30px;margin:0}
table.myTable th:first-child{padding-left:10px}
table.myTable tr:nth-child(odd){background:#fff}
table.myTable{border:1px solid #f6f6f6;width:100%;border-radius:5px}
table.myTable th.first{min-width:30px}
table.myTable thead tr { border-bottom: 1px solid #fff;  }
table.myTable tr{border:1px solid #f4f4f4;background:#f9f9f9}
table.myTable tr:hover{background:#afc98c;color:#fff;cursor:pointer}
table.myTable tr.nohover:hover{background:transparent;cursor:default}
table.myTable tr:hover a{color:#fff}
table.myTable th{font-weight:400;min-width:20px;text-align:left;padding:15px 15px 0}
table.myTable td.nowrap{ white-space: nowrap; }
table.myTable td{vertical-align:middle;padding:15px}

table.myTable thead tr .header{ background-image: url(../images/sort.gif); background-repeat: no-repeat; background-position: -5px 17px; cursor: pointer; padding-left: 20px; line-height: 1em; height: 2em; background-color: #F3F3F3; font-weight: 300; text-transform: uppercase; font-size: 12px; text-shadow: 0 1px 0 #fff; color: #666; font-family: "maven_probold"; }
table.myTable thead tr .header:hover{color:#afc98c}
table.myTable thead tr .headerSortUp{background-image:url(../images/asc.gif)}
table.myTable thead tr .headerSortDown{baEckground-image:url(../images/desc.gif)}
table.myTable thead tr th.avatar{padding-left:70px}
table.myTable td.avatar{line-height:30px}
table.myTable td.avatar img{float:left;margin:0 15px 0 0}
.dataview tr td:first-child{width:180px!important;word-wrap:break-word}
span.tbicon,.tbicon{background:#333;display:inline-block;height:26px;width:32px;border-radius:3px;margin-top:1px;margin-bottom:1px}
span.tbicon a{color:#fff;display:block;text-align:center;line-height:26px}
span.tbicon.large{width:40px;height:32px;background:#eee;border:1px solid #c4c4c4;box-shadow: 0 1px 0 0 #FFFFFF;}
span.tbicon.large a{line-height:32px;color:#3B3E40;box-shadow: 0 1px 0 0 #FFFFFF;}
table.myTable thead tr:hover,table.myTable thead tr .headerSortDown,table.myTable thead tr .headerSortUp{color:#208ed3}


/* == Dialog == */
.messi-modal{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(11,11,11,0.6)}
.messi{position:absolute;background-color:#fff;box-shadow:0 3px 7px rgba(0,0,0,0.3);margin:0;padding:0;min-width:200px;min-height:50px;max-width:90%;max-height:75%;overflow-y:auto;}
.messi-box{position:relative;height:auto;overflow:hidden;opacity:1}
.messi-wrapper{position:relative}
.messi-titlebox{font-size:16px;overflow:hidden;border-bottom:1px solid #ddd;background:none repeat scroll 0 0 #f8f8f8;height:45px;line-height:45px;padding:0 15px}
.messi-closebtn{border-left:1px solid rgba(0,0,0,0.1);position:absolute;top:0;right:0;display:block;width:45px;height:45px;cursor:pointer;text-align:center;line-height:45px;font-size:30px}
.messi-content{overflow:hidden;background:#f2f2f2;padding:15px}
.messi-footbox{background-color:#f5f5f5;border-top:1px solid #ddd;box-shadow:0 1px 0 #fff inset;padding:0}
.messi-actions{display:block}
.messi-actions .btnbox{display:block;float:right;border-left:1px solid rgba(0,0,0,0.1);line-height:45px;height:45px}
.messi .mod-button{display:block;line-height:43px;height:43px;margin-top:1px;padding-right:30px;padding-left:15px}
.messi .mod-button i{padding-left:10px;padding-right:5px}

/* == Tooltip == */
#tooltip{border-radius:5px;font:normal 11px/16px FMSlimRegular, Helvetica, sans-serif;text-align:center;color:#fff;background:#111;position:absolute;z-index:9000;padding:10px}
#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #111;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px;}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #111;top:-20px;bottom:auto}
#tooltip.left:after{left:10px;margin:0}
#tooltip.right:after{right:10px;left:auto;margin:0}
#msgholder{margin:0}
#loader{position:absolute;width:100%;height:100%;display:block;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1000000;background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:50% 50%}
.loading, .sloading {height: 30px;width: 30px;margin-left: 5px;display:none;float:left;background: url(../images/ajax-loader.gif) 50% 50% no-repeat}
.sloading{margin-top:10px;height:39px;width:39px;}

/* == Membership Plans == */
#plans .plan{text-align:center;margin-top:20px;background:#F3F3F3;border:1px solid #F3F3F3;border-radius:4px;box-shadow:0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.08);color:#818181;margin-bottom:25px;text-shadow:0 1px #fff}
#plans .plan h2{font-size:1.8em;font-weight:300;color:#3A3A3A;margin:0;padding:.6em 0}
#plans .plan p.price{background:#88bbc8;color:#fff;font-size:1.2em;font-weight:300;height:2.6em;line-height:2.6em;margin:0}
#plans .plan p.recurring,#plans .plan p.desc,#plans .plan p.pbutton{border-bottom:1px solid #eee;padding:10px}
#plans .plan p.pbutton a,#plans .plan p.pbutton i{display:block;height:2em;line-height:2em}

footer{text-align:center;text-shadow:0 1px #fff;margin-top:25px}





.main-header {
	border-bottom:2px solid #03659d;
	background:#fff;
}
h1.title {
	padding:20px 0px;
	color:#00639c;
}
.page-wrap {
	background:#fff;
	padding:20px;
	margin-top:40px;
}
.register-form {
	width: 100%;
	max-width: 600px;
	margin: auto;
}
 
.login-form {
	width: 100%;
	max-width: 600px;
	margin: auto;
}
.contents {
	padding:30px;
}
 /* == Pagination == */
.paginate{text-align:center;font-size:13px;display:table;width:100%}
.paginate span:first-child{border-left:1px solid #e4e4e4}
.paginate span a,.paginate span .current{display:block;color:#3f4547;padding:10px 0}
.paginate span{display:table-cell;min-width:24px;max-width:32px;width:50px;vertical-align:middle;padding-bottom:3px;text-align:center;font-size:14px;background:#F7F7F7;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.paginate span i{font-size:15px}
div.paginate .navitem{background:#afc98c;width:20%}
div.paginate .navitem a{color:#FFF}
div.paginate span.current,div.paginate span.number:hover{-moz-box-shadow:inset 0 -4px 0 #0CF;-webkit-box-shadow:inset 0 -4px 0 #0CF;box-shadow:inset 0 -4px 0 #afc98c;background:#fff;color:#777}
div.paginate span.navitem a:hover{background:#fff;color:#9FA8B0}
div.paginate .dots,div.paginate .dots:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:#F7F7F7}

.service-zones-sidebar {
	width: 34%;
    float: left;
    background-color: #229954;
}
.service-zones-contents {
	width:65%;
	margin-left:1%;
	float:left;
	
}
.service-zones-contents h2 {
    border-bottom: 1px solid #03659d;
    padding-bottom: 3px;
}

.table-top {
	margin-bottom: 20px;
}

.table-top tr td {
    padding: 2px 30px 2px 28px !important;
    
}




/* == Mobile == */
@media only screen and max-width 767px,only screen and max-device-width 767px {
	.testing{position:fixed;top:0;width:100%;z-index:1500}
	section.alert{height:auto!important;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:85px 0 0;padding:15px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 15px 15px 10px}
	.widget-container .small:first-child,.widget-container .small{float:none;width:100%;height:auto!important;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	span.icon{font-size:48px;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	section.user .profile-img{display:none;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	header input{width:30%}
	section.widget header span.icon,.button.dropdown,section.alert div span{display:none}
	button.ico-font{opacity:1}
	section.user .buttons{left:15px;right:auto}
	.widget button{margin:0 5px 10px 0}
	section.alert button{right:15px;float:right;margin:5px 0 10px 5px}
	body.login{padding-top:50px}
	.login section{width:85%;margin:0 auto}
	.login section h1{font-size:32px}
	header.main,section.widget header,section.widget .content{padding:15px}
	section.widget header hgroup,section.alert div p{margin:0}
}
	  
/* == iPad == */
@media only screen and min-width 768px and max-width 1024px {
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:75px 0 0 70px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 25px 15px 90px}
}
	  
/* == iPads (landscape) == */
@media only screen and min-device-width 768px and max-device-width 1024px and orientation landscape {
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:75px 0 0 210px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 25px 15px 235px}
}

/* == Retina graphics == */
@media only screen and -webkit-min-device-pixel-ratio 2,
only screen and min--moz-device-pixel-ratio 2,
only screen and -o-min-device-pixel-ratio 21,
only screen and min-device-pixel-ratio 2,
only screen and min-resolution 192dpi,
only screen and min-resolution 2dppx {
	div.wysiwyg ul.toolbar li{background:#313131 url(../images/jquery.wysiwyg-retina.png) no-repeat;background-size:180px!important}
	div.wysiwyg ul.toolbar li.bold{background-position:0 0;background-size:180px!important}
	.jquery-checkbox img{background:transparent url(../images/checkbox-retina.png) no-repeat;background-size:75px auto}
}
@media only screen and (min-width: 1200px) {
	.main-header .grid_8 {
             width: 25%;
	}
	.main-header .grid_16 {
		width: 72%;
	}
}
@media screen and (max-width: 1050px) {
     body {
        min-width: inherit;
    }
	#usermenu {
        display: block;
        text-align:center;
    }
    #usermenu a {
        display: inline-block;
        text-align:center;
        width:100px;
    }
}
@media screen and (max-width: 768px) {
    .webks-responsive-table dt {
        width: 30% !important;
        font-weight:bold;
        color: #ccc;
    }
    .webks-responsive-table dd {
        width: 65% !important;
        word-break: break-word;
    }
    .webks-responsive-table dd br,
    .webks-responsive-table dt br {
        display: inline !important;
    }
    .webks-responsive-table .row.odd dd {
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .webks-responsive-table .row:not(.odd) dd {
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
}
@media screen and (max-width: 600px) {
	
    #usermenu a i,  #usermenu a br {
        display:none;
    }
    #usermenu a {
        width:inherit;
        padding:10px 20px;
        border:0px;
    }
}


/* new responsive styles May 2022 */
#mobile-menu-trigger,
.border-blocker {
    display: none;
}

@media(max-width: 480px) {
    #logo img {
        max-width: 100%;
    }

    #usermenu {
        display: flex;
        flex-direction: column;
    }

    #usermenu a {
        flex-basis: unset;
        display: flex;
        align-items: center;
        padding: 5px 14px;
    }

    #usermenu a i {
        display: block;
        height: 18px;
        width: 18px;
        background-size: contain;
        background-position: center;
        margin-right: 7px;
        margin-bottom: 0;
    }

    .xform .field-row-left,
    .xform .field-row-right {
        width: 100%;
        float: none;
        display: flex;
        flex-direction: column;
    }

    .xform-1 {
        padding: 14px;
    }

    .xform .button {
        margin: unset;
        float: none;
        margin-left: auto;
    }

    .xform br {
        display: none !important;
    }

    .xform .field-row > * {
        display: flex;
        margin-bottom: 6px;
        line-height: 1.1;
        align-items: center;
    }

    #extra_hireage_form input {
        height: 22px;
    }

    .block-days tr {
        display: flex;
        flex-direction: column;
    }

    .block-days td.ratecellbase {
        padding: 3px 14px !important;
    }

    .block-days .inner-wrap {
        padding-top: 10px !important;
    }

    .block-days table.table-top {
        margin-bottom: 10px;
    }

    .rates-wrap {
        position: relative;
    }
    
    .rates-wrap::before {
        content: 'Stock Management Table';
        display: block;
        position: absolute;
        top: 10px;
        width: 100%;
        text-align: center;
        z-index: 1;
    }

    #stock_management {
        overflow: scroll;
        max-height: calc(100vh - 150px);
        position: relative;
        border: solid #fa9a52;
        border-top-width: 40px;
        border-bottom-width: 8px;
        border-left-width: 4px;
        border-right-width: 4px;
        margin-left: -4px;
        margin-right: -4px;
    }
    #stock_management .header-row td,
    #stock_management .header-row td:first-child, 
    #stock_management td[rowspan="3"]:first-child,
    #stock_management .header-row td:last-child,
    #stock_management td[rowspan="3"]:last-child {
        position: sticky;
        opacity: .95;
        background-color: #21618c;
    }
    
    #stock_management .header-row:first-child td {
        top: 0;
        z-index: 1;
    }
    #stock_management .header-row td {
        top: 21px;
        z-index: 1;
    }
    
    #stock_management .header-row td:first-child {
        left: 0;
        z-index: 3;
    } 
    #stock_management td[rowspan="3"]:first-child {
        left: 0;
        z-index: 2;
    }
    
    #stock_management .header-row td:last-child {
        right: 0;
        z-index: 3;
    }
    #stock_management td[rowspan="3"]:last-child {
        right: 0;
        z-index: 2;
    }

    .xform footer {
        padding: 14px 6px;
        margin: unset;
    }

    .xform footer .clearfix {
        margin-top: 8px !important;
        margin-bottom: 4px !important;
    }
    
    .xform .stock_management table td::after {
        content: '';
        position: absolute;
        right: -1px;
        top: -2px;
        height: calc(100% + 2px);
        width: 1px;
        background-color: #ccc;
    }
    
    .xform .stock_management table td {
        position: relative;
    }
    
    .xform .stock_management table td::before {
        content: '';
        position: absolute;
        left: -1px;
        bottom: -1px;
        height: 1px;
        width: calc(100% + 2px);
        background-color: #ccc;
    }
    
    .border-blocker {
        content: '';
        display: block;
        position: absolute;
        top: 40px;
        left: 0px;
        bottom: 8px;
        width: calc(98vw - 2px);
        border: 1px solid #ccc;
        z-index: 5;
        pointer-events: none;
    }

    .xform .stock_management table td:last-child::after {
        right: unset;
        left: -1px;
    }
    
    body {
        margin-bottom: 25px;
    }
    
    #mobile-menu-trigger {
        display: block;
        top: 30px;
        width: 28px;
        padding: 14px 2px;
        margin: 0px 10px;
    }
    
    #mobile-menu-icon {
        position: relative;
        height: 3px;
        background-color: #0E364F;
        transition: .3s ease-in-out background-color;
    }
    
    #mobile-menu-icon::before,
    #mobile-menu-icon::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #0E364F;
        transition: .3s ease-in-out all;
    }
    
    #mobile-menu-icon::before {
        top: -7px;
    }
    
    #mobile-menu-icon::after {
        bottom: -7px;
    }
    
    #usermenu {
        margin-top: 0;
    }
    
    #logo {
        max-width: calc(100% - 72px);
        height: unset;
        margin-bottom: 0;
    }
    
    .main-header .col {
        display: flex;
        align-items: center;
    }
    
    .toggle-target.collapsed {
        height: 0;
    }
    
    .toggle-target {
        overflow: hidden;
        transition: .3s ease-in-out height;
    }
    
    .toggle-trigger-open #mobile-menu-icon {
        background-color: transparent;
    }
    
    .toggle-trigger-open #mobile-menu-icon::before {
        top: 0;
        transform: rotate(45deg);
    }
    
    .toggle-trigger-open #mobile-menu-icon::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
    
    /* non-rates schedule page styles*/
    #user_region_form {
        padding: 0;
    }
    .xform .row {
        margin: 0;
    }
    
    .container {
        width: 100%;
    }
}