/* ================================== */
/* === CUSTOM CSS - NOVEMBER 2017 === */
/* ================================== */



/* ------ SITE STRUCTURE ------ */

body {
overflow-x: hidden;
}

/*background: #FFF564;*/



/* ------ TOP BAR ------ */

.TopBar {
width: 100%;
height: 20px;
display: none;
}


/* ------ HEADER ------ */

.Header {
background: #fff000;
margin: 0 -2000px !important;
padding: 0 1985px;
}

.Header .Liner {
/*width: 100%;
margin: 0 auto;
max-width: 1170px;
*/
}

.Logo {
margin: 25px 15px 20px;
float: left;
line-height: 0;
}

.Logo a {
display: inline-block;
width: 362px;
height: 36px;
background: url("../images/logo-725x73.png") no-repeat center center transparent;
background-size: 362px 36px;
}


@media only screen and (max-width: 768px) {
.Logo {
margin: 20px auto 15px;
float: none;
text-align: center;
}
}

@media only screen and (max-width: 400px) {
.Logo a {
width: 271px;
height: 27px;
background-size: 271px 27px;
}
}

.Logo a:hover {
opacity: 0.8;
}


/* ------ NAV ------ */

.Nav {
/*width: 100%;
clear: both;*/
background: #FFC600;
background: #3D3C3C;
padding: 12px 0;
box-sizing: border-box;
/*border-radius: 0 0 5px 5px;*/
margin: 0 -2000px !important;
padding: 4px 1980px 11px;
}

.Nav .Liner {
}

.Navigation {
}

.Navigation ul,
.ui-page-theme-a .Navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.Navigation ul li,
.ui-page-theme-a .Navigation ul li {
margin: 8px 0px 0 0;
padding: 0;
display: inline-block;
}

.Navigation ul li button,
.ui-page-theme-a .Navigation ul li button.ui-btn {
border: 1px solid #3D3C3C;
background: #3D3C3C;
color: #fff000;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 6px 15px 4px;
font-size: 13px;
border-radius: 3px;
text-shadow: none;
font-weight: normal;
box-shadow: none;
}

.Navigation ul li button:hover,
.ui-page-theme-a .Navigation ul li button.ui-btn:hover {
background: #fff000;
border-color: #fff000;
color: #3d3c3c;
}

.Navigation .ui-btn {
margin: 0;
}

@media only screen and (max-width: 768px) {
.Navigation ul {
text-align: center;
}
.Navigation ul li button {
padding: 3px 10px;
}
}


/* ------ SPACER ------ */

.Spacer {
height: 20px;
}


/* ------ LIST PAGE  ------ */

.ui-page .container {
width: 100%;
}

div#searchPanel {
background-color: #fcf69a !important;
}

.searchButton {
background-color: #fcf69a !important;
border-color: orange  !important;
box-shadow: none !important;
position: fixed; 
width: 80px !important; 
height: 80px !important; 
top: 50% !important; 
right:-40px !important;
z-index:2000;
border-radius: 75px !important;
background-image: url("../images/icon-search.png"); 
background-repeat: no-repeat;
background-position: 10% 50%;
z-index: 9999999999;
border-width:2px;
}

.searchButton .ui-page-theme-a .ui-btn {
border-color: transparent !important;
}

legend {
font-size: 14px;
color: rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(0,0,0,0.1);
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.05em;
padding-bottom: 4px;
}

.ui-input-search::after {
left: 0.8em !important;
}

input#keyword {
height: 50px;
width: 110%;
font-size: 13pt;
background-repeat: no-repeat;
padding-right: 40px;
background-position: right;
box-shadow: none; 
-webkit-box-shadow: none; 
border:solid;
background-color: #fff !important;
padding-left: 30px;
border-radius: 2px;
}

#logo {
top: 10px;
color: #fff;
text-shadow: none;
position: absolute;
left: 12px
}

.SearchTopBar {
position: relative; 
top 0px; 
width: 100%;
z-index: 990;
height: 40px;
background-color: #56554d;
margin-top: -1px;
}

.SearchTopBar .found {
position: absolute;
right: 15px;
font-size: 13pt;
text-shadow: none;
font-weight: bold;
top: 8px;
color: #fff;
letter-spacing: 0.03em;
}

.ui-mobile label {
display: inline-block !important;
}

.ui-panel-display-reveal {
z-index: 1000;
}


/* Close Button */

.closebutton {
  
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 40%;
  text-decoration: none;
 
  top: 40%;
  
}

.closebutton:after {
  content: '✖'; /* UTF-8 symbol */
  position: absolute;
  color: white;  
  font-size:14pt;
  z-index: 99999999;
	width: 50px;
	height: 50px;
	background: #333;
	border-radius: 3px;
	top:-20px;
	
	padding:16px;
	

}



/* ------ VEHICLE LIST ------ */

.ui-content {
padding: 0.5em;
}

#divVehList div.col {
border-color: #ccc;
border-radius: 2px;
background-color: #eee;
padding: 5px 20px 20px;
}

.ymm {
font-size: 17pt;
color: #444;
letter-spacing: 0.01em;
}

#divVehList h3 {
margin-top: 10px;
}

.ymm div[font~="km"]{
color: #adaba9;
}

a.MoreButton {
bottom: -25px;
right: -17px;
background: rgba(255,255,255,0.85);
border-radius: 6px;
padding: 3px 0;
}

.carproof {
background-color: transparent;
font-family: 'Barlow Condensed';
color: #c32b2b;
font-weight: 700;
letter-spacing: 0.02em;
padding: 3px 18px 5px;
border: 2px solid #c32b2b;
border-radius: 2px;
margin: 10px auto;
}

.carproof:hover {
background-color: #c32b2b;
color: #fff;
}

#divVehPanel {
border: 0;
box-shadow: 0 0 100em #000;
}

#tblFinc,
#divVehPanel .ui-content ul,
#divVehPanel .ui-block-b {
color: #333;
font-family: 'Barlow Condensed';
letter-spacing: 0.02em;
font-weight: 500;
}

#divVehPanel #paneloptions ul li {
list-style: inherit;
}

#tblFinc #footer {
color: #888;
font-family: Arial;
}