/*
Style File
Author: Donh
Description: Convert Perl to PHP
Version: 1.0
*/


/*****************************************
reset.css
******************************************/
*{
	margin:0;
	padding:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {     display:block;}
table {    border-collapse: separate;    border-spacing: 0;}
caption, th, td {    text-align: left;    font-weight: normal;}

sup{    vertical-align: super;    font-size:smaller;}
code{    font-family: 'Courier New', Courier, monospace;    font-size:12px;    color:#272727;}
::selection {  background: #333;  color: #fff;  }
::-moz-selection {  background: #333;  color: #fff;  }
a img{	border: none;vertical-align: middle;}
img{vertical-align: middle;max-width:100%;}
ol, ul { padding: 10px 0 20px;  margin: 0 0 0 35px;  text-align: left;  }
/* ol li { list-style-type: decimal;  padding:0 0 5px;  }
ul li { list-style-type: square;  padding: 0 0 5px;  } */
ul ul, ol ol { padding: 0; }
.section,.widget{margin:0;}


h1, h2, h3, h4, h5, h6 { font:normal normal 28px Arial; font-weight: normal; color: #333333;}

.post-body h1 { line-height: 48px; font-size: 42px; margin: 10px 0; }
.post-body h2 { font-size: 36px; line-height: 44px; padding-bottom: 5px; margin: 10px 0; }
.post-body h3 { font-size: 32px; line-height: 40px; padding-bottom: 5px; margin: 10px 0; }
.post-body h4 { font-size: 28px; line-height: 36px; margin: 10px 0;  }
.post-body h5 { font-size: 24px; line-height: 30px; margin: 10px 0;  }
.post-body h6 { font-size: 18px; line-height: 24px; margin: 10px 0;  }

/*****************************************
Global Links CSS
******************************************/
a{ color: #555; outline:none; text-decoration: none; }
a:hover,a:focus { color: #000; text-decoration:none; }
body{color: #333; padding: 0; font-family: "Arial", Tahoma, arial, sans-serif !important; font-size: 16px; line-height: 24px; }

.clr { clear:both; float:none; }
.clearfix{position:relative;}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}

/* CUSTOM */

/* .sidebar-wrapper{
	float:left;
	width:30%;
	margin-right:5%;
}
.main-content{
	float:left;
	width:65%;
} */
.table-bordered > tbody > tr > td.table-in-table { padding: 0;}
.table-bordered > tbody > tr > td.table-in-table table.table-bordered{border:0;margin:0;}
.table-bordered > tbody > tr td.table-in-table table.table-bordered tbody tr td.col-no-bordered{border-bottom-width:2px;border-left:0;border-right-width:2px;border-top:0;}
.table-bordered > tbody > tr td.table-in-table table.table-bordered tbody tr td.col-no-bordered:last-child{border-right:0;}
.table-bordered > tbody > tr td.table-in-table table.table-bordered tbody tr:last-child td.col-no-bordered{border-bottom:0;}
#transaction-preview{table-layout:fixed;}
#transaction-preview th, #transaction-preview td{overflow: hidden;overflow-wrap: break-word;} 
#transaction-preview th{text-align:center;}
.table thead tr th{vertical-align:top;}
.table-responsive input[type="text"]{
	border: 1px solid #e1e1e1;
    max-width: 55px;
    text-align: center;
}

.priceText.std-web-price{
	display: inline-block;
	width: 60px;
}

.form-horizontal .grace-cl.md-radio-list{
	margin-top: 10px;
} 

.promo-codes input[type="text"]{
	    width: 50px;
    text-align: center;
}

ul.pagination.pagination-promo-codes{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

a.button{
	color: #fff;
}

#search-account .telephone-booking1{
	margin-bottom: 0;
}
#search-account .telephone-booking{
	padding-bottom: 0;
}

span.smallred{
	color: red;
}
.input-icon.right > span.smallred{
	color: red;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
}

.action-form .form-body.viewAccount .mt-checkbox > span,.action-form .form-body.viewAccount .mt-radio > span{
	top: -7px;
}

.input-icon.right> span.smallred{
    left: auto;
    right: 8px;
    float: right;
}

input.telephone-search{
	background: none;
	border: none;
}

form.vatListing input#effectivedate,
form.vatListing input#vatrate{
	max-width: 220px;
    width: 100%;
    display: inline-block;
    margin-right: 15px;
}

input#garageDiscount,
input#valetDiscount,
input#parkDiscount,
input#cm{
	width: 55px;
    margin-right: 5px;
    display: inline-block;
} 

#block_off_day_1,
#block_off_day_2,
#block_off_day_3,
#block_off_day_4,
#block_off_day_5,
#block_off_day_6,
#block_off_day_7,
#block_off_day_8,
#block_off_day_9,
#block_off_day_10,
#block_off_day_11,
#block_off_day_12,
#block_off_day_13,
#block_off_day_14,
#block_off_day_15,
#block_off_day_16,
#block_off_day_17,
#block_off_day_18,
#block_off_day_19,
#block_off_day_20,
#block_off_day_21,
#block_off_day_22,
#block_off_day_23,
#block_off_day_24,
#block_off_day_25,
#block_off_day_26,
#block_off_day_27,
#block_off_day_28,
#block_off_day_29,
#block_off_day_30,
#block_off_day_31{
	max-width: 100%;
	width: 100%;
	font-size: 14px;
}

#code_name,
#start_date,
#end_date,
#blocked_off{
	font-size: 14px;
	color: #333;
}

form.form-horizontal div.select-cal.bootstrap-select.btn-group{
	margin-bottom: 5px;
}

/* .report_time{
	max-width: 290px;
}  */

button > a.button:hover{
	color: #fff;
	text-decoration: none;
}

.mt-radio > input:checked ~ label.label_close_day{
	/* color: #32c5d2 ; */
	
}

/* div.position-rel{
	position: relative;
    top: -108px;
    z-index: 1000;
}

#search-account{
	position: relative;
    margin-top: 54px;
} */

td.calendar-day.closed-day:hover,
.calendar-day.closed-day{
	background: #e60;
}

form#form_calendar{
	display: table;
	width: 100%; 
}

#mobile_display{
	display: none;
}

#corpaccounts-form{
	border: none;
}
.page-header.navbar .page-logo .logo-default{
	max-height:25px;
}
.portlet.box.yellow {
    border: 1px solid #FD9A03 !important;
}
.portlet.box.yellow>.portlet-title, .portlet.yellow, .portlet>.portlet-body.yellow {
    background-color: #FD9A03 !important;
}
.message-error p{
	color:#e7505a;
}
#overlay{ position: fixed; background: #fff; opacity: 0.7; top: 0; width: 100%; height: 100%; left: 0;visibility:hidden;z-index: 15000;}
#loading{position: fixed; z-index: 15001; top: 30%; left: 45%;}
#fromday, #frommonth, #fromyear, #today, #tomonth, #toyear{
    height: 34px;
    min-width: 50px;	
}
.cb34{
	top: 8px !important;
}
.open > .dropdown-menu{
	left:auto;
	right:0;
}
.btn-group>.dropdown-menu:before{
	left: auto !important;
    right: 8px !important;
}
.btn-group>.dropdown-menu:after{
    left: auto !important;
    right: 10px !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}

#receipt-content .table-responsive tr td{padding:4px!important;}
@media (max-width:1280px) {
	div#promo-tbody{
		overflow-x: auto;
		white-space: nowrap;
		width: auto;
		display: block;
		position: relative;
	}
}

@media (max-width:991px) {
	.search-box{
		width: 100%;
		display: inline-block;
	}
	
	#search-cor{
		max-width: 168px;
		float: right;
	}
	#search-cor,
	#pagination-cor{
		display: inline-block;
	}
}  


@media (max-width:767px) {
	
	#mobile_display{
		display: block;
	}
	.phoneb .mt-radio-list .mt-radio{
		text-align: left;
	}
	.flip-scroll .table-bordered.phoneb tbody tr td{
	    padding: 5px 10px;	
	}
	#loading{left: 40%;}
	#transaction-preview th, #transaction-preview td{white-space: normal;} 
	.page-title span{clear:both;float:left!important;}
}

@media (max-width:567px) {
	#corpaccounts-form input.btn{
		margin-bottom: 5px;
	}
}
@media (max-width:480px) {
	#loading{left: 35%;}
}
@media (max-width:375px){
	#loading{left: 30%;}
}