
#loadingDiv {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.8);
    z-index:9999;
    display:none;
    vertical-align: middle;
    text-align: center;
}

#loadingDiv img {
    position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;

}


.myrow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 2px;
}

.myrow .mycol {
 flex: 1;
 padding: 2px;
 margin: 2px;
}

.myrow .mycol label {
 display: block;
 text-align: right;
}


#order_data p.perr {
    color: #FF0000!important;
}

#order_data p.pok {
    color: #008000!important;
}


.emx_shipping {
    margin: 5px 0px;
    padding: 0px;
    background-color: #F5F5F5;
    border: 2px solid #368CCC;
}

.emx_shipping .ssLogo {
    border-bottom: 1px solid #368CCC;
    padding-bottom: 5px;
   background: url(/wp-content/uploads/1553202786234.jpg) center no-repeat #fff;
   background-size: contain;
   height: 50px;
}


.emx_shipping p.pdebug {
    font-size: 11px;
    margin: 1px;
    padding: 1px;
    color: #696969;
    margin-bottom:5px;
}

.emx_order_post {
 margin:1px;
 padding: 2px;
 padding-bottom: 15px;

}

.emx_order_post a.button  {
 padding: 0px 5px;
}


.emx_order_post h4 {
 margin:2px!important;
 padding: 2px;
}

.emx_order_post table {
 border-bottom: 1px solid #bababa;
}

#dx_loader {
    background: url('/wp-content/uploads/dx-loader.gif') center no-repeat;
    text-align: center;
    clear: both;
    height: 25px;
    display: none;
}
#dx_response {
 margin: 5px;
 border: 1px solid #bababa;
 padding: 5px;
    display: none;
}


.platisca_containter {
    padding: 10px;
    text-align: center;
}

.platisca_baner {

}

.platisca_search_form {
    display: flex;
    gap: 10px;
    justify-content:  flex-start;
    margin-bottom: 20px;
    margin-top: 10px;
}

button.btn-wheels-search {
 background-color: #000;
 color: #fff;
}


button.btn-wheels-search-reset {
    background-color: #bababa;
}

.success-box {
    background-color: #dff0d8;
    border: 1px solid #d0e9c6;
    color: #3c763d;
    padding: 10px;
}

.warning-box {
    background-color: #fcf8e3;
    border: 1px solid #faf2cc;
    color: #8a6d3b;
    padding: 10px;
}

.error-box {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 10px;
}

.platisca_listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
    max-width: 1250px;

}

.myproduct {
 max-width: 250px;
 border: 2px solid #ffe400;
 background-color: #fff;
 padding-bottom: 15px;
 border-radius: 10px;
}

.myproduct:hover {
 border: 2px solid #ecd506;
  background-color: #ececec;
}



.myproduct .myproduct_image {
 position: relative;
}
.myproduct .myproduct_image a {
 display: block;
}
.myproduct .myproduct_image a img {
 
}


.myproduct .myproduct_info {
    
}

.myproduct .myproduct_info span {
     font-size: 13px;
}


.myproduct .myproduct_title {
    margin-left: 5px;
    margin-right: 5px;
}

a.myproduct_name {
    font-weight: 700;
}

.myproduct .myproduct_bottom {
     border-top:  1px solid #bababa;
     padding-top: 5px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-left: 15px;
   margin-right: 15px;
   align-items: center;
}

span.myproduct_price {
 background-color:#ffe400;
 color: #000;
 padding: 5px 10px;
 text-align: center;
 font-size: 19px;
 border-radius: 10px;
 display: flex;
}

a.btn-product-view {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    text-align: center;
    font-size: 19px;
    border-radius: 10px;
}


.myproduct span.wheel_type {
    display: block;
    position: absolute;
    top: 2px;
    left:2px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    color: #fff;

    font-size: 14px;

}

.platisca_info_configurator {
    margin: 10px 0px;
    padding: 10px;
    text-align: left;
 max-width: 900px;
 border-left: 2px solid #000;
}

.rezervacija {
    position: relative;
    font-family: Yantramanav,sans-serif;
}
.rezervacija > div {
    margin-bottom: 20px;
}

.rezervacija h4 {
   color: #001659!important;
   margin: 5px 0px!important;
   padding: 0px!important;
   font-size: 26px!important;
}

.rezervacija label {
 display: block;
}

.rezervacija-services {
 display: flex;
 justify-content: flex-start;
 gap: 15px;
}
.rezervacija-services .service {
  position: relative;
}
.rezervacija-services .service input {
   position: absolute;
   top: 5px;
  left: 5px;
    width: 20px;
  height: 20px;
  z-index: 9999;
}

.rezervacija-services .service label {
    padding: 20px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  overflow: visible;
  background-color: #fff;
 text-align: left;
 padding-left: 35px;
 position: relative;
}

.rezervacija-services .service input:checked + label {
   font-weight: 700;
   background-color: rgb(252, 210, 30);
}



.rezervacija-locations {
 display: flex;
 justify-content: flex-start;
 gap: 15px;
}

.rezervacija-locations .location {
 position: relative;
}

.rezervacija-locations .location input {
  position: absolute;
   top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  z-index: 9999;
}

.rezervacija-locations .location label {
   padding: 20px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  overflow: visible;
  background-color: #fff;
 text-align: center;
 position: relative;
}

.rezervacija-locations .location label span {
  display: block;
  font-size: 14px;
  color: #656565;
  line-height: 1;
}


.rezervacija-locations .location input:checked + label {
   font-weight: 700;
   background-color: rgb(252, 210, 30);
}

.rezervacija-datepicker {

}

.rezervacija-timepicker {

}

.rezervacija-podaci {
 display: none;
 max-width: 500px;
}

.rezervacija-podaci > div {
 margin-bottom: 5px;
}


.btn-send-rezervacija {
    margin-top: 15px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}


.rezervacija-input-txt {
    padding: 9px!important;
    width: 100%;
}


.rezervacija-input-textarea {
    border: 1px solid #bababa;
    border-radius: 3px;
    padding: 4px 5px;
    color: #2b3651;
    text-indent: 3px;
    background-color: #fff;
    width: 100%;
}


.rezervacija-input-date {
    width: 220px;
    padding: 15px;
}

.rezervacija-input-time {
    width: 250px;
    padding: 15px;
    background-color: #fff;
      border: 1px solid #bababa;
}

.myloader {
    margin: 20px;
    text-align: center;
    max-width: 480px;
}

.myloader p {
color: #2b3651;
 text-align: center;
}

.myloader img {
 width: 250px;
}

.availability_ajax {
    margin: 10px 0px;

}

.availability_ajax h5 {
    margin: 10px 0px!important;
}

.alert-warning {
    color: #856404;
  background-color: #fff3cd;

  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-color: #ffeeba;

  border-radius: .25rem;
}

div.response-success {

}

div.response-error {

}

div.response-success p, div.response-error p, div.response_ajax p{
 display: flex;
 gap: 15px;
 align-items: center;
}

.top_fixed_headline {
    background-color: #0a1229;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
}

.page-vehicles {

}
.page-vehicles h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1.1;
}
.page-vehicles h1 img {
  max-height: 50px;
}


.page-vehicles h2 {
}
.page-vehicles div.intro {
}
.page-vehicles p.izberite {
  font-size: 17px;
}

.vendors {
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.vendors .vendor {
  display: block;
  margin-top: 10px;
}

.vendors .vendor a {
  display: block;
  border: 1px solid #bababa;
  padding: 10px;
  background-color: #fff;
  text-decoration: none;
  color: #000;
  opacity: 0.6;
}
.vendors .vendor a:hover {
 opacity: 1;
}

.vendors .vendor a img {
  max-height: 80px;
}

.vendors .vendor a span {
  display: block;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

.breadcrumb-nav {
 position: relative;
 font-weight: 400;
 font-size: 16px;
 margin-bottom: 25px;
 margin-top: 0px;
 color: #3e3e46;
 background-color: #fff;
 padding: 3px 10px;
 padding-top: 5px;
}

.breadcrumb-nav ul {
list-style: none;
 margin: 0px;
 padding: 0px;
}

.breadcrumb-nav ul li {
 display: inline-block;
 margin-right: 7px;
}

.breadcrumb-nav ul li i {
 font-size: 0.9em;
 margin-left: 7px;
}


.breadcrumb-nav ul li.breadcrumb-home {

}

.breadcrumb-nav ul li a {
 text-decoration: none;
  color: #3e3e46;
 font-size: 15px;
}

.breadcrumb-nav ul li a:hover {
 text-decoration: underline;
}

.breadcrumb-nav ul li a span {

}

.breadcrumb-nav ul li.breadcrumb-home a i {
 font-size: 1em;
}
.models {
 display: flex;
 align-items: flex-start;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
}

.models .model {
 display: block;
 margin-top: 0px;
}
.models .model a {
 display: block;
 border: 1px solid #bababa;
 padding: 10px;
 background-color: #fff;
 text-decoration: none;
 color: #000;
 opacity: 0.6;
   transition: all 0.2s;

}

.models .model a:hover {
 opacity: 1;
 border: 1px solid #e9c304;
}





.modifications {
 display: flex;
 align-items: flex-start;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
}

.modifications .modification {
 display: block;
 margin-top: 0px;
}
.modifications .modification a {
 display: block;
 border: 1px solid #bababa;
 padding: 10px;
 background-color: #fff;
 text-decoration: none;
 color: #000;
 opacity: 0.6;
   transition: all 0.2s;
}

.modifications .modification a span {
  display: block;
}
.modifications .modification a span.leto {
  display: block;
  color: #636366;
  font-size: 14px;
}
.modifications .modification a span.modificationTitle {
 font-weight: 700;
}

.modifications .modification a:hover {
 opacity: 1;
 border: 1px solid #e9c304;
}

p.warning {
  color: #856404;
  background-color: #fff3cd;
  border:2px solid  #ffeeba;
  margin: 10px 0px;
  padding: 10px;
}



.page-vehicles .cars {
  color: #636366;
  margin: 10px 0px;
}

.vehicles_filter_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
}

.vehicles_filter {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 10px;
  min-width: 250px;
  padding-top: 1px;
}

.vehicles_filter h5 { 
  text-align: left;
  border-bottom: 1px solid #bababa;
  margin: 1px;
  padding: 10px;
  font-size: 22px;
  margin-bottom: 20px;
}

.vehicles_filter h5 u { 

}
.vehicles_filter h5 small { 
 font-size: 14px;
 color: #999999;
 font-weight: 400;
 display: block;
}


.vehicles_filter div.values {
  display: block;
}
.vehicles_filter div.values label {
  display: block;
  font-size: 17px;
  font-weight: 500;
  margin-top: 5px;

}
.vehicles_filter div.values label img {
  width: 20px;
}
.vehicles_filter div.values label i {
 color: #999999;
 font-size: 14px;
}

.vehicles_search_wraper {

}

.hitri_servis_narocilo {
    background-color: #FFE400;
    border-radius: 15px;
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.hitri_servis_narocilo .hitri_servis_narocilo_left {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 500px;
    padding: 25px;
}
.hitri_servis_narocilo .hitri_servis_narocilo_right {
    width: 400px;

}
.hitri_servis_narocilo .hitri_servis_narocilo_right img {
    width: 400px;
}

.page-vehicles .elementor-icon-box-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-items: center;
}

.page-vehicles .elementor-icon-box-icon {

}
.page-vehicles a.elementor-icon {
    background-color: #FFE400;

}

.page-vehicles .elementor-icon-box-icon i {
    background-color: #FFE400;

}

@media only screen and (max-width: 900px) {

}


@media only screen and (max-width: 768px) {
    .rezervacija-input-date {
        width: 95%;
        padding: 15px;
    }

    .rezervacija-input-time {
        width: 95%;
        padding: 15px;
    }

    .rezervacija-locations {
    flex-direction: column;
    }
    .rezervacija-services {
        flex-direction: column;

    }

    
   body.page-template-page-rezervacija-pranje .mkdf-container-inner {
        padding: 5px!important;
        margin: 5px!important;
    }

}

