html,body{height:100%;}
body
{
	background-color:#FFF;
	font-size:12px;
	color:#333;
	font-family:  arial, verdana, sans-serif;
	margin:0px;
	padding:0px;
    /*background-image:url(../images/body_by.jpg);

    background-position:top center;
    background-repeat:no-repeat;*/

    

}

.errors {
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}
#ajax_overlay{width:100%;height:100%;position:fixed;z-index:1900000;top:0;left:0}
.popup{border-radius:5px;position:fixed;z-index:2000000;}
.ui-widget-shadow{box-shadow:none}
a
{
	color:#333;
     text-decoration:none;
}
#wrap
{
	width:1022px;
	margin:auto;
    position:relative;
    min-height:100%;
    box-shadow: 0 0 15px #333;
}
#header
{
	background-color:#FFF;
    position:relative;

}

#header ul {}
#header a, #footer a{color:#bde0fe;text-decoration:none}
#logo
{
    position:absolute;
    top:10px;
    left:10px;
}
#header ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	min-height:68px;
	background:#122836;

    text-align:right;
    padding-right:40px;color:white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); line-height:48px;font-weight:bold;font-size:13px;
}

#header nav ul{padding:0;z-index:11}
#avatar{float:right;background-size:cover;border-radius:20px;border:2px solid #43575F; height:38px;width:38px;margin:5px;margin-bottom:0}
#tabs
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	/*height:35px;
	overflow:hidden;*/
    overflow:auto;
    margin-bottom:3px;
}



#header  nav ul li
{
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
    line-height:68px;

}
#header nav li ul
	{
		display: none;
		position: absolute;
		top: 100%;
        text-align:left;
	}
		#header nav li:hover ul
		{
			display: block;
            z-index:12;
		}
        #header nav li:hover ul li a
		{
		  white-space:nowrap;
			display: block;
            z-index:12;
		}
#tabs li
{
    font-weight:bold;
    display:inline-block;
    margin-right:3px;
}
#header nav ul li a
{
	padding:26px 15px;
	background:#122836;
	color:#FFF;
	text-decoration:none;
    border-right:1px solid #457b9d;
	border-left: 1px solid #040506;
	line-height:32px;
    margin:0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#header nav ul li ul li a{padding:10px 15px}
#header nav ul li.nav_icon a{padding:15px}
#header nav ul li a:first-child{border-left:0;}

#header nav ul li ul li{border-right:0;width:100%}


#tabs li a
{
    height:18px;
	padding:5px 10px;
	background:#edf6f9;
    background: -webkit-linear-gradient(#edf6f9, #c9ced0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#edf6f9, #c9ced0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#edf6f9, #c9ced0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#edf6f9, #c9ced0); /* Standard syntax */
    border: 1px solid #b6bfb1;
    border-radius:3px;
	margin:0px;
	line-height:18px;
    color:#122836;
    margin-bottom:2px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    text-decoration:none;
    display:block;
}
#tabs li.activetab a, #tabs li a:hover
{
    background:#F1FAEE;
    background: -webkit-linear-gradient(#F1FAEE, #C0E8E3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F1FAEE, #C0E8E3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F1FAEE, #C0E8E3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F1FAEE, #C0E8E3); /* Standard syntax */
}

#footer{
    background:#122836;
	color:#FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-align:center;
    box-shadow: 0 1px 0 0 #457B9D inset;
    border-top: 1px solid #1d3557;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    padding:0 10px;
}

#header nav ul li a:hover, #header nav ul li.active > a
{
	background:#264653;
	color:#FFF;
}

#header nav ul li.active a
{
	border-left:0px;
}

#header nav ul li a.last
{
	border-right:0px;
}

#content
{
	padding:35px 40px;
	background:#A8DADC;
    background: -webkit-linear-gradient(#A8DADC, #edf6f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A8DADC, #edf6f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A8DADC, #edf6f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A8DADC, #edf6f9); /* Standard syntax */
	clear:both;
	/*overflow:auto;*/
    min-height:100%;
    padding-bottom:38px;
}

#content #pricing_table th
{
    text-align:left;
    font-weight:normal;
    border:0;
}
#content #pricing_table td{text-align:center;padding: 5px; border-left:0;border-right:0;height:47px;line-height:37px;}
#content #pricing_table td input[type=text].price{margin-right:2px}
#content #pricing_table thead th{text-align:center;font-weight:bold;}
#content #pricing_table th{border:1px solid #E4E5E5;border-left-width:0;border-right-width:0;padding:5px}

#pricing_table .box .stacktable.large-only{margin-bottom:25px;}

.center
{
	width:50%;
	margin:auto;
}
.left
{
    box-sizing:border-box;
	float:left;
	width:50%;
    padding-right:7px;
}
.right
{
	box-sizing:border-box;
	float:left;
	width:50%;
	padding-left:7px;
}
.row
{
	overflow:hidden;
}

.box
{
/*	background-color:#FFF;
	border: 1px solid #b6bfb1;
    border-radius:3px;*/
	margin-bottom:1.6%;
}
.box .flash{
    margin:10px;
}

.box h2
{
    background:#F1FAEE;
    background: -webkit-linear-gradient(#F1FAEE, #C0E8E3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F1FAEE, #C0E8E3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F1FAEE, #C0E8E3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F1FAEE, #C0E8E3); /* Standard syntax */
    line-height:40px;
    border:1px solid #83C5BE;
    color:#1d3557;
    margin:0;
    border-bottom-width:0;
    font-size:12px;
    padding-left:10px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    
}
.box h2.slim_grey, .calendar h2, fieldset legend
{
    width:100%;
    box-sizing:border-box;
	min-height:28px;
	padding:5px 10px;
	background:#edf6f9;
    background: -webkit-linear-gradient(#edf6f9, #c9ced0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#edf6f9, #c9ced0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#edf6f9, #c9ced0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#edf6f9, #c9ced0); /* Standard syntax */
    border: 1px solid #b6bfb1;
    border-radius:3px;
	margin:0px;
	line-height:18px;
    color:#122836;
    margin-bottom:2px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight:bold

}


.box > div.rounded{border-radius:3px}
.box >div
{
    background-color:white;
    border: 1px solid #83C5BE;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}
.box > div > form{padding:10px;}

.box > div footer
{
    background-color:#f7f7f7;
    border-top:1px solid #83C5BE;
    padding:10px 15px;
    color:#122836;
    font-weight:bold;
    border-bottom-left-radius:3px;
    clear:both;
    border-bottom-right-radius:3px;
    overflow:auto;
}
#content table td, #content table tbody th, .content table td, .content table tbody th,.content table tfoot th,#content table tfoot th{
    border: 1px solid #83C5BE;
}

.note hr{margin:1% 0}
.note_full{display:none}

#avail .box >div{padding-bottom:46px}
#avail footer{position:fixed;bottom:0;box-sizing:border-box;width:940px;z-index:10;}
.box table td, .box table th{padding:10px;text-align:left}
.content table td, .content table th{padding:5px 10px!important;}
#content table thead th:first-child{border-top-left-radius:3px;border-left-width:0}
#content table thead th:last-child{border-top-right-radius:3px;border-right-width:0}
#content table tr td:first-child, #content table tr th:first-child{border-left-width:0}
#content table tr td:last-child{border-right-width:0}
#content #rentals table tr:last-child td{border-bottom:0}
#content table thead th, .content table thead th{
    background:#F1FAEE;
    background: -webkit-linear-gradient(#F1FAEE, #C0E8E3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F1FAEE, #C0E8E3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F1FAEE, #C0E8E3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F1FAEE, #C0E8E3); /* Standard syntax */
 
    border:1px solid #A8DADC;
    color:#122836;
    border-top-width:0px;
    padding:12px 10px;
    border-bottom-color:#83C5BE
}
.nowrap{white-space:nowrap}
#content #rentals table thead th, .content table thead th
{
    border-top-width:1px
}

form
{
	padding:5px 0px;
	margin:0px;
}
td a i{margin-right:5px;}
td a {display:block;text-decoration:none;color:#344A53}

.box > div p{padding:10px;}

.box table, .content table
{
	width:100%;
	border-spacing:0px;
    border-collapse:collapse;
}


form ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
    overflow:hidden;
}

ul
{
	list-style-type:none;
}
hr{border-color:#DDD;color:#DDD;background-color:#DDD;margin:0;margin-bottom:3.5%}

form ul li
{
	margin-bottom:15px;
    overflow:hidden;
}

form#service_form ul li > label{width:100%;max-width:250px;line-height:20px}
form#service_form ul li{margin-bottom:5px;padding-left:5px;line-height:20px}

.box >div footer li label
{
    font-weight:bold;
    float:left;
    width:150px;
}

 form ul li > label
{
	display:block;
	float:left;
	width:120px;
    line-height:35px;
    color:#333
}

#epapp form ul li > label{width:200px;font-weight:bold;}
#epapp .photo img{cursor:move;}
#epapp .photo {position:relative;}
#epapp .photo .fa-trash{position:absolute; top:5px;right:5px;cursor:pointer;color:#333;text-shadow:1px 1px #CCC}
#epapp .photo .fa-trash:hover{color:#666}

#search_form{padding:4%}
h2 input[type=text], h2 input[type=number]{padding:2px!important}

input[type=submit], a.button, .btn-regular, input[type=button]
{
    background:#F8F8F8;
    background: -webkit-linear-gradient(#F8F8F8, #DDD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F8F8, #DDD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F8F8, #DDD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F8F8, #DDD); /* Standard syntax */
    border: 1px solid #A2A2A2;
    border-radius:3px;
	color:#464646;
    text-decoration:none;
    cursor:pointer;
    padding:0 20px;
    font-weight:bold;
    white-space:nowrap;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    position:relative;
    /*top:2px;*/
    margin-bottom:2px;
    display:inline-block;
    cursor:pointer;
}

input[type=submit], input[type=button]{line-height:26px}

input[type=submit].special, .btn-special
{
    display:inline-block;
    background:#264653;
    background: -webkit-linear-gradient(#264653, #1d3557); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#264653, #1d3557); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#264653, #1d3557); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#264653, #1d3557);
    border: 1px solid #122836;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #006D77 inset;
    color: #FFFFFF !important;
    text-decoration:none;
    padding:0 10px;
    line-height:28px;
    font-weight:bold;
    min-width:60px;
    cursor:pointer;

}
li input[type=submit].special{
    min-width:80px;
    margin-right:6px;
}
.btn-special i{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
a.btn-regular, a.button{padding:3px 20px;}

.flash
{
	background-color:#BFFFBF;
	border:1px solid #96EF95;
	padding:10px;
    font-size:14px;
    font-weight:Bold;
}

.error
{
	background-color:#FBE8E3;
	border:1px solid #EACDC7;
	padding:5px;
}
#strapline
{
	text-align:center;
	color:#122836;
	display:inline-block;
	padding:10px;
	font-weight:bold; 
    font-size:14px;
    border-radius: 5px 5px 0 0;
    border:1px solid #83C5BE;
    border-bottom-width:0;
    background:#edf6f9;
    background: -webkit-linear-gradient(#edf6f9, #bde0fe); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#edf6f9, #bde0fe); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#edf6f9, #bde0fe); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#edf6f9, #bde0fe); /* Standard syntax */
}
td.small, .box table th.small
{
	text-align:center!important;
}
.tip
{
	color:red;display:inline-block!important
}
.tip i{color:#344A53;vertical-align:middle; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;

}
#tooltip h3, #tooltip div { margin: 0; }
.ded{display:none;}

td.money
{
	text-align:right !important;
}
h2
{
	font-size:13px;
}
ul.flash li
{
	margin-bottom:5px;
}
#avail .box table, #update .box table
{
/*	font-size:10px;*/
}
#avail .box table td, #avail .box table th, #update .box table td, #update .box table th
{
	text-align:center;
}
.box table td.booked, .calendar li.booked, .key li.booked label
{
	background-color:#AFA;
    color:#63AF62;
    font-weight:bold;
}
.box table td.booked a, .box table td.half-booked a, .calendar li.booked a, .calendar li.half-booked a{text-decoration:none;}
.box table td.half-booked, .calendar li.half-booked, .key li.half-booked label
{
    background: linear-gradient(to right bottom, #DFF7FF 50%, #AFA 50%);
	background-color:#AFA;
    color:#63AF62;
    font-weight:bold;
}
 .calendar li.half-booked-available
{
    background: linear-gradient(to right bottom, #AFA 50%, #DFF7FF 50%);
	background-color:#AFA;
    color:#63AF62;
    font-weight:bold;
}
.box table td.half-booked-unavailable, .calendar li.half-booked-unavailable, .key li.half-booked-unavailable label
{
    background: linear-gradient(to right bottom, #AFA 50%, #DDD 50%);
	background-color:#AFA;
    color:#63AF62;    
}
.box table td.pending, .calendar li.pending, .key li.pending label
{
	background-color:#FFA;
    color:#BEBF6B;
    font-weight:bold;
}
tr.pending td
{
	background-color:#FFA;
}
tr.suspended td
{
    background-color:#FCC;
}
.box table td.half-pending, .calendar li.half-pending, .key li.half-pending label, .calendar li.half-pending-available
{
    background: linear-gradient(to right bottom, #FFA 50%, #DFF7FF 50%);
	background-color:#FFA;
    color:#BEBF6B;
    font-weight:bold;
}
.box table td.half-pending-unavailable, .calendar li.half-pending-unavailable, .key li.half-pending-unavailable label
{
    background: linear-gradient(to right bottom, #FFA 50%, #DDD 50%);
	background-color:#FFA;
    color:#BEBF6B;
    font-weight:bold;
}
.calendar li.available-half-pending
{
    background: linear-gradient(to left top, #FFA 50%, #DFF7FF 50%);
	background-color:#DFF7FF;
    color:#8B9FA6;
    font-weight:bold;
}
.calendar li.available-half-booked
{
    background: linear-gradient(to left top, #AFA 50%, #DFF7FF 50%);
	background-color:#AFA;
    color:#8B9FA6;
    font-weight:bold;
}
.calendar li.half-available
{
    background: linear-gradient(to left top, #DFF7FF 50%, #DDD 50%);
	background-color:#AFA;
    color:#BBB;
    font-weight:bold;
}

.available span, .unavailable span{font-weight:normal}
.box table td.unavailable, .calendar li.unavailable, .key li.unavailable label
{
	
    background-color:#DDD;
    color:#BBB;
    font-weight:bold;
}

.box table td.available, .calendar li.available, .key li.available label
{
	background-color:#DFF7FF;
    color:#8b9fa6;
    font-weight:bold;
}
.calendar li.selected
{
    color:#DFF7FF!important;
    background:#8b9fa6!important;
     width: 25px !important;
height: 25px;
margin-right: 10px;
float:left;
padding: 3px;
box-sizing: border-box;
border: 1px solid #CCC;
}
.calendar li.offMonth
{
    background-color:#DDD;
    color:#BBB;
    font-weight:bold;
}
.calendar li.pastMonth
{
    background-color:#BBB;
    color:#999;
    font-weight:bold;
}
.key li
{
    line-height: 25px;
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
font-weight:bold;
}
.key {padding:0;}

input.start_date_no_button,input.end_date_no_button
{
	width:65px;
}
input.start_date, input.end_date
{
    width:80px;
}
img.ui-datepicker-trigger
{
	margin-left:5px;
    vertical-align:middle;
    cursor:pointer;
}
input.price
{
	width:45px;
}
input.name
{
	width:100%;
    box-sizing:border-box;
}

#inner_bronze td{padding:5px;line-height:120%}
#inner_bronze td p.tablespacing{line-height:120%;padding:0px;margin:0px;}
.btn-logout{display:inline-block;float:right;}


.styled_check {
  position: relative;
  display:inline-block;
}
.styled_check label {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #EEE;
  border:1px solid #D2D2D2;
  border-radius: 3px;
}
.styled_check label:after {
  content: '';
  width: 9px;
  height: 4px;
  position: absolute;
  top: 4px;
  left: 3px;
  border: 3px solid #122836;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.styled_check label:hover::after {
  opacity: 0.5;
}
.edit_text input[type=text], .edit_area textarea{box-sizing:border-box;}
.styled_check input[type=checkbox] {
  visibility: hidden;
}
.styled_check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

label.styled_select{ position: relative !important; display: inline-block !important;margin-right:8px;float:none!important;width:auto !important;position:relative;
top:0px;}
label.styled_select::after
{
    content                 : "\25bc";
    position                : absolute;
    top                     : 2px;
    right                   : 1px;
    width                   : 35px;
    line-height             : 33px;
    vertical-align          : middle;
    text-align              : center;
    background: -webkit-linear-gradient(#F8F8F8, #DDD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F8F8, #DDD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F8F8, #DDD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F8F8, #DDD); /* Standard syntax */
    color                   : #5d5d5d;
   -moz-border-radius       : 0 3px 3px 0;
   -webkit-border-radius    : 0 3px 3px 0;
    border-radius           : 0 3px 3px 0;
    pointer-events          : none;
    border-left:1px solid #d2d2d2
}
label.styled_select select
{
    width:auto;
        height: 36px;
        line-height:36px;
        min-width:75px;
       padding-right            : 36px;
       text-indent              : 4px;
       text-align               : left;
       vertical-align           : middle;
       border                   : 1px solid #c5cbcc;
       border-radius            : 3px;
       -webkit-appearance       : none;
       -moz-appearance          : none;
       appearance               : none;  /*IMPORTANT*/
       color                    : #464646;
       cursor                   : pointer;
       outline                  : none;
    background:#F8F8F8;
    background: -webkit-linear-gradient(#F8F8F8, #DDD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F8F8, #DDD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F8F8, #DDD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F8F8, #DDD); /* Standard syntax */
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); 
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); 
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); 


}
@-moz-document url-prefix() {
    label.styled_select select {
       text-indent: 1px;
    } }

input[type=text], input[type=password], textarea,input[type=email],input[type=tel],input[type=date], input[type=url], input[type=number], .faux_field span > div
{
    background-color:#EEE;
    border: 1px solid #D2D2D2;
    border-radius:3px;
    padding:10px;
    color:#464646;
    font-family: arial, verdana, sans-serif;
    font-size:12px
}
table.neat{margin-top:10px;width:98%}
table.neat tr:first-child th{padding-bottom:5px}
#content table.neat td,#content table.neat th{padding: 0px;border:0px;font-weight:normal}

.login_box
{
    background-color:#F1FAEE;
    border: 1px solid #2a9d8f;
    border-radius:8px;
    padding:20px;
    width:350px;
    margin:auto;
}
.login_box h2
{
    color:#122836;
    font-size:16px;
    margin:0
}
.login_box li label
{
    width:32px;
    color:#e2e1e1;
    background-color:#EEE;
    border:1px solid #bfc4bc;
    border-right:0px;
    border-radius:3px;
    text-align:center;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    font-size:16px;
    height:33px;
}
.login_box input[type=text],.login_box input[type=password]
{
    border:1px solid #bfc4bc;
    border-left:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    height:35px;
}

a.small_right
{
    float:right;
    color:#464646;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    font-size:11px;
    font-weight:Bold;
    cursor:pointer
}

#header nav ul.responsive {position: relative;}
  #header nav ul.responsive li.nav_icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
    #header nav ul li.nav_icon, #tabs li.nav_icon {display: none;}
  .ui-tooltip td{font-size:11px;vertical-align:top}
  .ui-tooltip tr td:first-child{white-space:nowrap}
  
  #neat_form span, #search_form span, #contact_form span, #facebox form span, .neat_form span
  {
    display: block;
    overflow: hidden;
    vertical-align:middle
  }

  #neat_form input[type=text], #neat_form input[type=password] ,#neat_form select, #neat_form label.styled_select, #neat_form textarea ,#search_form select, #search_form label.styled_select, #contact_form input[type=text], #contact_form input[type=email], #contact_form input[type=tel],#contact_form textarea, #neat_form input[type=email], #neat_form input[type=tel], #facebox form input[type=text], #facebox form input[type=email], #facebox form input[type=tel],#facebox form textarea, #neat_form input[type=url], .faux_field span > div, .neat_form input[type=text], .neat_form input[type=password] ,.neat_form select, .neat_form label.styled_select, .neat_form textarea , .neat_form input[type=email], .neat_form input[type=tel]
  {
    box-sizing:border-box;
    width:100%;
  }
  .faux_field span > div{height:37px;}
  #search_form li, .auto_submit li{display:inline-block;margin-right:20px;white-space:nowrap;vertical-align:bottom;margin-bottom:10px}
  #search_form label.plain{width:40px}
  #com_pref_box{
    margin-top:32px;
  }
  #new_price_button{float:right}
  .calendar {width:32.5%;margin-right:1%;margin-bottom:3%;float:left;}
  #easy_avail_monthly .calendar{width:48%}
  .calendar ul{padding:0;margin:0;margin-left:2%}
  .calendar li a{display:block;height:22px;font-weight:bold}
    .calendar:nth-child(3n){margin-right:0%;}
    .calendar li{float:left;width:14%;padding:3px;box-sizing:border-box;border:1px solid #CCC;height:30px;margin:0}
  .calendar li.title{background-color:#DFEBD7;font-weight:bold;height:25px}
  .calendar:nth-child(2n){margin-right:0%;}
    .calendar li,.key li label{float:left;width:14%;padding:3px;box-sizing:border-box;border:1px solid #CCC;height:60px;margin:0}
  .calendar li.title{background-color:#C0E8E3;font-weight:bold;height:25px}
  fieldset{border:0;padding:10px;margin:10px 0;}
  .key li{line-height:25px;float:left;margin-top:10px;margin-right:10px;margin-bottom:0}
  .key li label{width:25px!important; height:25px; margin-right:10px;}
  
  .calendar li{position:relative;}
  .calendar li .cal_price{font-size:13px;margin:5px 0;width:100%;text-align:center;display:inline-block;}
  .calendar li .cal_min, .calendar li .cal_special{position:absolute;bottom:3px;font-size:10px}
  .calendar li .cal_special{right:3px;color:red}

#button_bar{display:inline-block;width:100%;text-align:right}
#avail footer #period_price_label{float:left}

.stacktable { width: 100%; }
.stacktable.small-only:nth-child(even) td
{
    background-color:#EEE;
    border-color:#D4D5D5!important;
}
.stacktable.small-only td.small{text-align:left!important}
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key, #content #pricing_table .st-key { width: 49%; text-align: right!important; padding-right: 1%; font-weight:bold}
.st-val { width: 49%; padding-left: 1%; }
#content #pricing_table .stacktable.small-only tr:first-child td{font-weight:bold;}

#availBox{overflow:hidden;float:right;width:34%;background-color:#C0E8E3;padding:1%;position:sticky;position:-webkit-sticky;top:0px;min-height:400px}
#availForm li, #availForm2 li, #serviceForm li
{
    display:inline-block;
    margin-right:8px;
    margin-bottom:8px;
}
#availForm li > label, #serviceForm li > label, #availForm2 li > label{display:block;float:none;width:auto;font-weight:bold;}
#availForm li label.styled_select, #availForm2 li label.styled_select{margin-right:0;}

ul.key{padding:0;margin-left:0}
#easy_avail_monthly ul.key{margin-left:2%}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.easy_avail_text{font-weight:bold;display:inline-block;position:relative;top:-13px;font-size:14px;margin-left:10px}
.easy_avail_text.avail{color:green;}
.easy_avail_text.unavail{color:red;}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #25DF1B;
}


input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 


.cloak-loader {
  display: none;
}

[ng-cloak].cloak-loader {
  display: block !important;
  position: relative;
  text-align:center;
  padding:10px;
}
input[type=number]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button
{-webkit-appearance:none}
input:invalid{box-shadow:none}
form.ng-dirty input.ng-invalid, form.ng-dirty input:invalid{border:1px solid #F00!important;box-shadow:none}
form.ng-dirty select.ng-invalid{border:1px solid #F00!important}

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

#pricing_table footer{position:absolute;bottom:0;left:0;right:0}
#pricing_table .box > div{position:relative;padding-bottom:55px}


  .face_pop{width:500px;}
  
#epapp #photo_container
{
    display:flex;
    flex-wrap:wrap;

    justify-content: space-between;
}
#epapp #photos form .photo
{
    margin-bottom:10px;
    background-color:white;
    width:300px;
}

.notice{padding:5px; border:1px solid #CCC;line-height:18px;}
.notice a{font-weight:bold;cursor:pointer}
.info{background-color:#bde0fe; border-color:#457b9d}
.warning{background-color:#FFF8AF;border-color:#FFBE0F}
.warning > i{color:#FFBE0F}
.info > i {color:#457b9d}
.notice > i {font-size:18px;vertical-align:middle}

/* drag drop uploader styles */
.clearfix{
	overflow: auto;
}	
.dropzone {
  position: relative;
  height: 200px;
  border: 2px dashed #b3b3b3;
  border-radius: 4px;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone .msg{
	font-size: 20px;
	font-weight: bold;
	color: #c3c3c3;
	padding: 0 10px;
}
input.fileUpload{
	display: none;
}
.preview{
	margin: 10px 0;
	padding: 5px;
}
.previewData img{
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
} 
.previewDetails{
	 display: inline-block;
    float: left;
    margin: 5px;
    padding: 8px;
}
.detail{
	  font-family: arial;
    padding: 5px;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.previewControls{
	display: inline-block;
	float: left;
	margin: 40px 30px;
}
.circle{
	border: 2px solid #48befe;
    border-radius: 20px;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 5px;
    cursor: pointer;
    color: #48befe;
}
.circle.upload:hover{
	border: 2px solid green;	
}
.circle.upload:hover i.fa-check{
	color: green;
}
.circle.remove:hover{
	border: 2px solid red;	
}
.circle.remove:hover i.fa-close{
	color: red;
}
.circle i{
	position: relative;
	font-size: 14px;
}
.circle i.fa-check{
	top: 3px;
	left: 5px;
}
.circle i.fa-close{	
	top: 2px;
	left: 7px;
}
/* end drag drop upload */

@media only screen and (max-width: 1050px) {
    #wrap{width:100%;
    }
    #content{padding:4%}
    #logo{
    top:10px;left:10px;max-width:94px;width:80%;}
    
    #header nav ul li:not(.active) {display: none;}
   #header nav ul li.nav_icon {
    float: right;
    display: inline-block;
  }
  #header nav ul.responsive li {
    float: none;
    display: inline;
  }
  #header nav ul.responsive li a {
    display: block;
    text-align: left;
  }
  #header nav ul.responsive li ul{display:block;margin-left:10px;position:relative;top:0;left:0}
  #search_form li:last-child{display:block;max-width:460px}
    
    }
@media only screen and (max-width: 1023px)
{
    #new_price_button{float:none;margin-top:5px}
    #epapp #photos form .photo{width:49%}
}
@media only screen and (max-width: 767px) {
    .left, .right{float:none;width:100%;margin:0;padding:0}
    #com_pref_box{margin-top:0}
    #neat_form label, .neat_form label, #contact_form label, #facebox form label, .neat_form label{float:none}
    #avail footer #period_price_label{float:none;margin-bottom:5px}
    #button_bar{text-align:left}
    .login_box #neat_form label{float:left;}
    .calendar{width:100%;margin-right:0;float:none;overflow:hidden;box-sizing:border-box}
    #facebox .content {max-width:500px;}
    .face_pop{width:470px;}
     .responsive-table tr:nth-child(even) td
    {
        background-color:#EFEFEF;
        border-color:#D4D5D5!important;
    }
    .responsive-table tr td.small{text-align:right!important}
    .key li{float:none;display:inline-block;margin-top:5px}
    #availBox{float:none;width:98%;min-height:0;position:relative;clear:both;margin-bottom:1%}
    }

    @media only screen and (max-width:599px)
    {
        .hide_mobile{display:none}
        #header ul li{display:none;}
        #facebox .content {max-width:400px;}
        .face_pop{width:370px;}
        #epapp #photos form .photo{width:100%}
         #facebox .content {width:400px;}
        #tabs{margin-bottom:10px}
        #tabs li{display:block;float:none}
        #tabs li:not(.activetab) {display: none;}
   #tabs li.nav_icon {
    float: right;
    display: inline-block;
  }
  #tabs.responsive li {
    float: none;
    display: block;
    margin:0;
  }
  #tabs.responsive li a {
    display: block;
    text-align: left;
  }
    }
   @media only screen and (max-width:479px)
   {
     #header nav ul li{display:none;}
     .hide_mobile{display:none}
     .login_box{width:90%;box-sizing:border-box}
     #facebox .content {max-width:270px;}
     .face_pop{width:260px;}

     
   } 
   
@media only screen{

.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.responsive-table thead th {
  font-weight: bold;
  text-align: center;
}
.responsive-table thead th:first-of-type {
  text-align: left;
}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  text-align: left;

}

.responsive-table tfoot th{display:none;}
.responsive-table th,
.responsive-table td {
  vertical-align: middle;
  box-sizing:border-box;
}

.responsive-table tbody th[scope="row"] {
background:#F1FAEE;
    background: -webkit-linear-gradient(#F1FAEE, #C0E8E3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F1FAEE, #C0E8E3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F1FAEE, #C0E8E3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F1FAEE, #C0E8E3); /* Standard syntax */
 
    border:1px solid #d5dcd4;
font-weight:bold !important;
}
.responsive-table tbody td,.responsive-table tfoot td {
  text-align: right;
}

.responsive-table tbody td[data-type=currency] {
  text-align: right;
}
.responsive-table  td[data-title]:before {
  content: attr(data-title);
  float: left;
  font-weight:bold;
}
td.hide-mobile{display:none}
}

@media only screen and (min-width: 48em) {
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
  .responseive-table tfoot th{display:table-cell;}

  .responsive-table tr {
    display: table-row;
  }


  .responsive-table th,
  .responsive-table td, .responsive-table tfoot th, td.hide-mobile {
    display: table-cell;
  }


  .responsive-table tbody {
    display: table-row-group;
  }



  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
  }

  .responsive-table tbody th[scope="row"] {
    background: none;
    text-align: left;
    font-weight:normal!important;
  }

  .responsive-table tbody td, .responsive-table tfoot td {
    /*text-align: center;*/
    text-align:left;
  }

  .responsive-table  td[data-title]:before {
    content: none;
  }
}

 @media print
    {
        #header, #footer, .print, .hide_print, #strapline, .btn-logout, .btn-special, hr{display:none;}
        #wrap,#content{width:100%;padding:0;background:#FFF;background-image:none;}
        tr.pending td{background-color:white;}
        th, td{background:white!important;color:black!important;}
        body,#content,.box{color:black}
        h2{background:white !important;border:0 !important;font-size:14px!important;color:black!important; text-shadow:none !important}
        .box div footer{background:white;color:black;border:0}
        .box, .box div{border:0}
        #content table thead th, .content table thead th{border-top-width:1px;}
        #content table tr td:first-child, #content table tr th:first-child, .content table tr td:first-child, .content table tr th:first-child{border-left-width:1px!important}
        
    }