@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Rubik+Sans:400,500,600,70');
@import url('https://fonts.googleapis.com/css?family=Russo+One');

/*WARNA#F23827*/
:root {
  --bghitam: #35404f;
  /*--warnadefault: #FF0000;*/
  --warnadefault: #FF0000;
  --warnaorange: #dc9d00;
  --fontdefault: 'Arimo', sans-serif;
  --fontstyle: 'Berkshire Swash', sans-serif;
  --fontsize: 1.3rem;
}

#vehicle-deskripsi,
#vehicle-deskripsi p,
#vehicle-deskripsi span,
#vehicle-deskripsi p span{
  font-family: var(--fontdefault) !important;
  font-size: 100% !important;
}

.loader {
  position: fixed;
  border-radius: 10px;
  border: 1px solid var(--warnadefault);
  display: none;
  z-index: 200003;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

blockquote p{
  font-weight: normal;
  font-style: italic;
}

/*.result-item{
  border-bottom: 0;
}
.results-grid-view .result-item-features{
  padding-top: 0;
  padding-bottom: 23px;
}
.result-item-features{
  border-bottom: 1px solid #EEE;
}*/
.result-item,
.results-grid-view .result-item-in{
  background-color: #F9F9F9;
}
.results-grid-view .result-item-title{
  margin-bottom: 0;
}
.results-grid-view .result-item{
  margin-bottom: 10px;
}

.table tbody#tablebody-show-cart tr td{
  vertical-align: middle;
}

h3,
.accordion-body .filter-options-list.list-group li a.active{
  color: #FF0000;
}
.result-item-features ul li{
  font-size: 13px;
}
.main-navigation > ul > li > a{
  font-weight: 500;
}
.actions-bar.tsticky{
  padding: 10px 5px 5px;
}
.by-type-options{
  /*height: 125px;*/
  /*background: #880000;*/
  background: #FFF;
}
.by-type-options img{
  opacity: 1;
}
.by-type-options .item a span{
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
}

.utility-bar .owl-item .item a img{
  max-height: 43px;
}

.toggle-make a{
  background-color: #000;
}
.toggle-make a:hover{
  background-color: #222;
}

.navbar{
  background: rgba(255,255,255,1);
}
.page-header{
  top:0;
  margin-bottom: 0;
}
#collapsefilterharga .tooltip.tooltip-main.top.in {
  display: none !important;
}

.section-news{
  margin-top: 200px;
}

#collapsefilterharga .slider.slider-horizontal{
  margin-top: 20px;
  margin-left: 20px;
}
.site-footer .form-control:focus,
.search-trigger:focus{
  color: #FFF;
}
.testimonial-block blockquote:after{
  /*background: #F9F9F9;*/
}
.tooltip-inner{
  background-color: #FF0000;
}
.tooltip.top .tooltip-arrow{
  border-top-color: #FF0000;
}
.breadcrumb .active,
.filter-options-list li i{
  color: #FF0000;
}
.result-item-pricing .price{
  font-size: 20px;
}
.results-grid-view .result-item-features{

}
.slider-handle{
  /*background-color: #FF0000;
  background-image: unset;*/
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
  background: var(--warnadefault);
  border-color: var(--warnadefault);
}

/*.top-navigation > li:after{
  content: "";
}
.top-navigation > li:before{
  content: "-";
}*/

.alert.tag{
  padding: 0 8px;
  font-size: 10px;
  width: fit-content;
  margin: 0;
  margin-left: 3px;
  text-transform: uppercase;
}
.alert.tag .close{
  right:-5px;
  display: flex;
  color: #FF0000;
}

.single-vehicle-title{
  border: 0;
}

.single-listing-actions{
  border: 0;
  padding: 0;
  margin: 0;
}

table.dashboard-tables tr th{
  vertical-align: middle;
  text-align: center;
}


/*PANEL DAN ACCORDION*/
.panel-body, .accordion-inner{
  font-size: 12px;
}

.accordion-inner{
  padding-bottom: 0;
}

.accordion, .accordion-group.panel{
  border-color: #FF0000;
}
.accordion-heading.accordionize{
  background-color: var(--warnadefault);
}
.accordion-heading .accordion-toggle, .accordion-heading .accordion-toggle,
.accordion-heading .accordion-toggle.active, .accordion-heading .accordion-toggle.active,
.accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive,
.accordion-heading .accordion-toggle i,
.accordion-heading:hover .accordion-toggle i, .accordion-heading:hover .accordion-toggle.inactive i,
.accordion-heading .accordion-toggle.active i{
  color: #FFF;
}
.accordion-heading .accordion-toggle{
  padding: 10px;
}

/*END PANEL ACCORDION*/

/*LIST ONLINE*/

ul#divlistdata{
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
ul#divlistdata li{
  line-height: 2em;
  padding: 6px 40px 6px 10px;
  color: #8da0aa !important;
}
.search-ac li{
  line-height: 1em;
  padding: 4px 6px;
}
ul#divlistdata li,
.search-ac li{
  list-style: none;
  text-align: left;
}

ul#divlistdata li:hover,
.search-ac li:hover{
  background-color: rgba(187, 196, 201, 0.75);
  cursor: pointer;
}

.panel-default{
  /*border-color: transparent;*/
}
/*
.btn.btn-default {
  background-color:#343a40;
  color:#ffffff;
  border-color: #343a40;
}
.btn.btn-default:hover{
  border-color: #343a40;
}*/

.inputfilter{
  width: 100% !important;
  margin: 10px 0 0;
  font-size: 13px !important;
  height: 32px !important;
  border-radius: 3px;
  display: block;
  float: none;
  background: #fff;
  padding: 6px !important;
  color: #666666;
  border: #dfe8f1 solid 1px;
  -webkit-box-shadow: inset 1px 1px 3px #f6f6f6;
  -moz-box-shadow: inset 1px 1px 3px #f6f6f6;
  box-shadow: inset 1px 1px 3px #f6f6f6;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.inputfilter:focus{
  border-color: #3da6ff;
}
.divlistsearch{
  display: none;
  border: #dfe8f1 solid 1px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  color:#003;
  border-top:0px;
  padding:6px;
  width:calc(100%)!important;
  position:absolute;
  z-index:2000;
  background-color: rgba(253,253,253, 1.0);

}
.divlistbox button{
  -webkit-appearance: button;
  font-size: 13px;
  padding: 0 10px;
  line-height: 32px;
  height: 35px;
  text-align: center;
  white-space: nowrap;
  border-radius: 0px;
  outline: 0 !important;
  border: 1px solid #F1f1f1;
  background: #FEFEFF;
  color: #2b2f33;
}
.search {
  position: relative;
  margin: 0 auto;
}
.search input {
  background: url(../images/search-white.png) no-repeat 10px 6px #FEFAD3;
  border: 0 none;
  font: bold 12px Arial,Helvetica,Sans-serif;
  color:#8da0aa;
  width:200px;
  line-height:26px;
  height:26px;
  padding-left: 35px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 8px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}
.search input:focus {
  background: url(../images/search-dark.png) no-repeat 10px 6px #fcfcfc !important;
  color: #8da0aa !important;
  width: 243px;
  border-radius: 8px;
}
.search input:focus + .livesearch {
  display: block;
}
.livesearch
{
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fdfdfd;
}
.search-ac {
  margin: 0;
  padding: 0;
  border: 0px solid;
  border-color: #cbcfe2 #c8cee7 #c4c7d7;
  border-radius: 3px;
  margin-top: 5px;
}
.livesearch:hover {
  display: block;
}
.search-ac li {
  display: block;

}
.search-ac li:last-child {
  margin-bottom: 1px;
}
.search-ac li{
  color: #666666;
  font-size: 13px;
}
.search-ac a {
  display: block;
  position: relative;
  margin: 0 -1px;
  padding: 6px 40px 6px 10px;
  text-decoration: none;
  border-radius: 3px;
  cursor:pointer;
}
.search-ac a span {
  font-weight: 200;
}
.search-ac a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url("../images/arrow.png") 0 0 no-repeat;
}
.divlistbox{
  position:relative;
  font-size:13px;
}
.divlistbox button b{
  font-weight: normal;
  font-size: 13px !important;
}
.divlistbox button:disabled{
  background: #fafafa;
}
.divlistbox div{
  text-align: left !important;
}
.divlistdata img{
  margin-left: 48%;
}
.seleksi{
  background-color: #FFF;
  border: 1px solid #FF0000;
  color: #FFFFFF;
}

.btn-primary.disabled, .btn-primary[disabled], .btn-danger.disabled, .btn-danger[disabled], .btn-success.disabled, .btn-success[disabled], .btn-info.disabled, .btn-info[disabled], .btn-warning.disabled, .btn-warning[disabled]{
  border: 1px solid transparent !important;
}

.div-registrasi{
  margin-top: 150px;
}

.site-footer{
  margin-top: 20px;
}

/*DIALOG BOX*/
.drag {
  display:none;
  position:fixed;/*
  border-bottom-right-radius : 6px;
  border-bottom-left-radius:6px;*/
  cursor:move;
  top:50%;
  left:50%;
  margin:0;
  z-index:200002;
  /*padding:2px 6px 6px 6px;*/
  padding : 0;
  margin-right: -50%;
  transform: translate(-50%, -50%) !important;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  /*box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
  /*border: 1px solid rgba(0, 0, 0, .2);*/
  border-radius: 6px;
  /*height: 70%;*/
}
.drag .head{
  cursor:move;
  min-height:24px;
  font-weight:bold;
  padding:10px 4px 10px 10px;
  background: whitesmoke;
  color: #666;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #FFF;
}
.drag .head .close:before{
  float:right;
  position:absolute;
  top:8px;
  right:8px;
  content: "\f00d";
  font-family: FontAwesome;
  color: red;
  width:24px;
  height:24px;
  cursor:pointer;
}
.drag .konten{
  background:#f7f7f7;
  cursor:default;
  padding:2px 10px 6px 10px;
  border-radius: 0 0 6px 6px;
}
.dialogboxcenter{ display: none; position: fixed; top: 0px; left: 0px; height:100%; width: 100%; z-index: 200004; padding-top:200px; }
.dialogboxoverlay{ display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #000; height:100%; width: 100%; z-index: 200001; }
.dialogbox{ background: #006687; border-radius:7px; z-index:200005; width:90%; max-width:500px; max-height:580px; padding:1px; }
.dialogbox > div{ margin:0px; border-radius:5px; }
.dialogbox > div > .dialogboxhead{ background: -moz-linear-gradient(#00CCCC, #009999);
  border-top-left-radius:5px; border-top-right-radius:5px; font-size:14px; font-weight:bold; padding:4px; color:#FFF; }
.dialogbox > div > .dialogboxheadsalah{ background: -moz-linear-gradient(top, rgba(255,231,227,1) 0%, rgba(196,47,13,1) 86%);
  border-top-left-radius:5px; border-top-right-radius:5px; font-size:14px; font-weight:bold; padding:4px; color:#FFF; }
.dialogbox > div > .dialogboxbody{ background: #00CCC0; padding:10px; color:#000; overflow:auto; max-height:500px;}
.dialogbox > div > .dialogboxfoot{ background: #00CCC0; padding:2px; padding-right:4px; text-align:right; }

/*.close{
  color: red !important;
  opacity: 0.7 !important;
}
.close:hover{
  opacity: 0.8 !important;
}*/
.modal-content{
  background-color: transparent;
}
/*END DIALOG BOX*/


/*FORM ABROW*/
form .abrow{
  text-align: left;
  padding-top: 15px;
}

.abrow label,
.abrow label.label{
  color: inherit;
  font-size: 0.6rem !important;
  display: inline;
  margin-bottom: 5px;
}
.abrow .samadengan{
  display: inline;
}
.abrow input[type=text], .abrow input[type=password]{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.abrow input[type=text].form-control{
  margin-bottom: 0;
}

/*END FORM ABROW*/


/*RESPONSIVE*/
@media only screen and (max-width: 600px) {
  .section-news{
    margin-top: 50px;
  }
  .abrow .pagination{
    margin-bottom: 20px !important;
  }
  .div-registrasi{
    margin-top: 0;
  }
}