[name="summary_datebooking-service-radio"]{
  display: none;
}

.big-icon{
    transform:scale(4.0,4.0);
    -ms-transform:scale(4.0,4.0); /* IE 9 */
    -moz-transform:scale(4.0,4.0); /* Firefox */
    -webkit-transform:scale(4.0,4.0); /* Safari and Chrome */
    -o-transform:scale(4.0,4.0); /* Opera */
	margin-top:4em;
	margin-bottom:4em;
	background: #333;
	color:white;
	border-radius: 50%;
	padding: .5em;
	
}
.card-shadow{box-shadow: 0px 2px 5px #888888;}

.stepper  .navbar {
  padding: 0px;
  margin: 0px;
}

.navbar-brand {
  padding: 0px;
  font-size: 1em;
}
 

.container.stepper{ 
  padding-top: 0.6rem;
}
.registration-benefits h2{
  font-size: 1.01rem;
  margin-top: 0;
  line-height: initial;
}

.registration-benefits ul li {   
  list-style: none;
} 
.registration-benefits ul li:before {    
  font-family: 'FontAwesome';
  content: '\f00c';
  margin:0 5px 0 -15px; 
}

.registration-benefits{

  background: #ffd600;
  padding: 14px;
  position: absolute;
  bottom: -62px;
  
  right: -14px;

}
 
.stepper-box{
  margin-top:  -160px;
}
.hide-hero .stepper-box{
  margin-top: 0;
}
.create-user-profile{
  margin: 14px 15px;
  padding: 14px;
  background: #ffd600;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0;
}
.create-user-profile input{ background-color: #fff;}
.form-control {font-size: 1.1em; }

.navbar-brand>img {
  height: 75px;/*100%;*/
  width: auto;
}
.card{border: none; }
.card {
  font-weight: bold;
  font-size: .8em;
}
.card-title{ font-weight: bold;
font-size: 1.5em;}

.list-group-item {border-radius: 0; 
    width: fit-content;
    display: inline-block;
    
    font-size: 16px;
    color: #4f5762;
    padding: 0 10px;;
}  
 

ul.list-group {
    display: flex;
   
    padding: 10px 10px 10px 0;
    list-style: none; 
    overflow: hidden;
	font-size: .7em;
	font-weight: bold;
	border: none; 
   
  margin: 20px 0;
}

ul.list-group.bottom {
  
  flex-direction: row;
  justify-content: center;
}

li span.service-process {  
    font: bold 18px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 41px;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    background-color: #4f5762;  
    display: inline-block;
    cursor: pointer;
}

li.login-process {background-color: white; color: #333; border: 0;}
li.login-process:hover {background-color: white; color: #333;}
li.disabled {color: #ccc!important;}
li.disabled span {background-color: #ccc; color:#fff;}
li.disabled:hover {background-color: white; color: #ccc;}

.card-body{padding-left: 0; padding-right: 0; padding-top: 0;}
  
/*---R-A-D-I-O-----*/

 
 
.list-group-item{
 
  width: 62px;
  overflow: hidden;
  height: 41px;
  opacity: 0.7;
}

.list-group-item.processed{
  opacity: 1;
}

.list-group-item.active{
  opacity: 1;
  width: auto;
  overflow: auto;
  height: 41px;
}
 
.list-group-item.error .service-process{
 
  background-color: #dc3545; 
}
 
.list-group-item .fa-check, .list-group-item.processed .seq{ 
     display: none;
}
.list-group-item.processed .fa-check ,.list-group-item  .seq{
    display: inline-block;
}
 

input.error,select.error{
  
  border: solid 2px #dc3545 !important;
  
}

.radio input[type='checkbox'] + label:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 2em;
  line-height: 0.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 23px;

 

}
 
.stepper .button-group{
    margin-top: 20px;
}
 

.radio input[type=checkbox] + label:after {
  content: "\f10c"; /* Radio Unchecked */
}
.radio input[type=checkbox]:checked + label:after {
  content: "\f058"; /* Radio Checked */
}

 

.radio label {
  padding: 10px;
}
.radio{margin:0; padding:0;}

 

.fat-list .radio input[type=checkbox]:checked + label:after,
.fat-list .radio input[type=checkbox] + label:after{
  float: right;
}
/*PRIMARI BUTTON AKH*/
.btn {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding-left: 40px;
	padding-right: 40px;
}

.btn-primary {
  color: #333 !important;
  background-color: #ffd814;
  border-color: #ffd814;
  border-radius: 0;
}

.btn-primary:hover {
  color: #444;
  background-color: #FFDD50;
  border-radius: 0;
  border-color: rgba(255,216,20,0.5)
}

.btn-primary:focus, .btn-primary.focus {
  color: #333;
  background-color: #ffd814;
  border-radius: 0;
  box-shadow: 0 0 0 0.2rem rgba(255,216,20,0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #333;
  background-color: #ffd814;
  border-radius: 0;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #333;
  background-color: #ffd814;
  border-radius: 0;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255,216,20,0.5);
}
/*PRIMARI BUTTON AKH -end */

.btn-google {
    background-color: #df5144;
    color: #fff;
}.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}

@media screen and (max-width: 992px) {
	
.stepper .cart-item .image{
  position: absolute;  
  left: 0;
  
  width: 70px;
}
.stepper .cart-item {
  padding-left: 70px;
}
.stepper .cart-item .details {
 
  padding-right: 49px;
}
  
.stepper .cart-item .delete-from-car-container {  
  position: absolute;
  left: 0;
}
  
 
.navbar-brand {
  padding: 0px;
	font-size: 16px;
	text-align: center;
	}
}

@media screen and (max-width: 561px) {
  .new-hotel-container .image {
      
    display: none;
    }
}
@media screen and (max-width: 448px) {
    .new-hotel-container  .toggle-container {
      
    padding: 0 !important;
    font-size: 10px;
    }
}
@media screen and (max-width: 500px) {
  .new-hotel-container .image {
      
    display: none;
    }
  .stepper .cart-item .image { 
    width: 60px;    
    left: 6px;
  }
  .stepper .cart-item.service .image { 
    
    width: 70px;
    left: 0;
  }
  .stepper .cart-item {
    padding-left: 0;
    border-bottom: solid 1px #eee;
    padding-bottom: 8px;
    margin-bottom: 12px !important;

}
  .stepper .cart-item:last-child {
    
    border-bottom: solid 0px ;

}
  .stepper .cart-item .price {    
    padding-top: 4px;
    font-size: 12px;
}
.stepper .cart-item .details {
    padding-right: 50px;
    padding-left: 58px; 
    min-height: 54px;
  }
.stepper .cart-item.service .details {
   
  min-height: 38px;
  }
.stepper .cart-item .details h4{

    font-size: 11px;
    line-height: 13px;

  }
 
}
@media screen and (max-width: 426px) {


 
}
.alert-warning,
.all-dates-are-reserved-warning{
  background: #ffd814;
  padding: 10px;
  margin: 10px 0px;
}

.js--datebooking-parent  .alert-warning{
  display: none;
}


.js--datebooking-parent.has-guarded .alert-warning{
  display: block;
}
 
.new-hotel img{max-height: 70px;}
 
.has-guarded .service-type-selector-wrapper.new-hotel,
.dsp-company .service-type-selector-wrapper.new-hotel{
   opacity: 0.7;
}

.has-guarded .service-type-selector-wrapper .price,
.dsp-company .service-type-selector-wrapper .price{
  display: none;
}
 
.has-guarded .service-type-selector-wrapper.new-hotel #toggle_guarded,
.dsp-company .service-type-selector-wrapper.new-hotel #toggle_guarded
{ display: none;}


.has-guarded .service-type-selector-wrapper.svc-todo{ 
  display: flex; 
} .login-warning{

  text-align: center;
  background: #eff0f0;
  padding: 2px 10px 2px 10px;
  border: 1px solid transparent;
  position: relative;
  border: solid 1px #d7d7d7;
  display: block !important;
  flex: 1;
  height: 100%;
  margin-left: 0px;
  font-weight: normal;
}

 .dsp-warning {
  display: none;
  background: #ffd814;
  padding: 10px;
  margin: 10px 0px;
}

.dsp-company  .dsp-warning{
  display: block;
}

/*DATEPICKER+*/
.prev, .next{color: #333;; background-color: #FFD814;}

.prev.hide::before{
  display: block;
  content: '';
  width: 40px;
  height: 40px;
}
.dow {font-size: .7em; font-weight: normal;}
.day {padding-top:1em; padding-bottom: 1em; background-color: #eee; border-radius: 0!important;}

.today {color: #333; background-color: #FFD814;}

.datepicker-days, .datepicker, .table-condensed {width: 100% !important;}

.datepicker .prev,.datepicker .next{background-color: #ffd814; border-radius: 0; font-size: 1.5em; padding-bottom: .3em}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #ffd814;
  color: #fff;

}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #ffdd50;/*#ffd814;*/
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #ffdd50 \9;
}

td.active, td.active:hover {background-color: aliceblue!important;}
/*DATEPICKER end*/





 

.box select {
  background-color: #fff;
  color: #333;
  padding: 0;
  margin: 0;
  width: 100%; 
  font-family:  sans-serif;
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}

.box select option {
  padding: 20px;
 /* background: white;*/
  color: #333 !important;
  border: solid 1px lightgray;
  margin: 0;  
  font-style: normal;
  font-weight: normal;
	font-size: 12px;

  
}

.box select option:focus {
  color: #333 !important;
}


.box select option:before {
  content : attr(data-name);
  display: block;
  height: 20px;
  font: bold 16px sans-serif;
  font-size: 18px;
	color: #333;
}


.box select option:hover,
.box select option:focus,
.box select option:active,
.box select option:checked {
		background-color: #ffd814;
  background: linear-gradient(#ffd814, #ffd814);

	color: #333 !important;
	
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #333;}


.box select option:after {
	font-family: FontAwesome;
	font-size: 25px;
	line-height: 0;
  content :"\f10c"; /* \f10c  */
  display: block;
  width: 20px;
  height: 20px;
  /*background: white;*/
  float: right;  
  border-radius: 50%;
}

 

.box select option:hover:after,
.box select option:focus:after,
.box select option:active:after,
.box select option:checked:after {
  	font-family: FontAwesome;
  content :"\f058"; /* \f058  */
	font-size: 25px;
  display: block;
  width: 20px;
  height: 20px;
 /* background: white;*/
  float: right;
	color: #333;

}

  .step{
      display: none;
  }

.btn.hide{
      display: none; 
}
.step.active{
    display: block;
}


.stepper .card-title{
    
    margin-bottom: 15px;
}
.stepper .button-group {
    margin-top: 20px;
    margin-bottom: 10px;
    height: 30px;
}

.stepper label{
     
    margin-top: 10px;
    font-size: 13px;
} 

 

.stepper [class^="col-"] {
    padding: 0 15px;
}

.stepper select{
    
    border: 1px solid #ccc;
}


 
  .stepper .service-type-selector label img{
     
    margin-left: 4px;
    margin-right: 6px;
  }
  .stepper .service-type-selector label span{
    display: block; 
    text-align: left; 
    font-weight: normal;
    
    font-size: 12px;
    line-height: 16px;
  }
  


  .service-type-selector input[type="radio"][disabled] + label{
    opacity: 0.4;
  }


  .stepper .service-type-selector label {
    text-align: left;
    background: #eff0f0;
    padding: 2px 10px 2px 10px;
    border: 1px solid transparent; /* keeps layout from jumping */
    
    position: relative;
    border: solid 1px #d7d7d7;
    
    display: block !important;
    flex: 1;
    height: 100%;
    
    margin-left: 0px;
  }
  .stepper .service-type-selector input {
    position: absolute;
    display: none;
  }
  .stepper .service-type-selector input[type="radio"]:checked + label {
    background: #ffd814;    
  }
  .stepper .service-type-selector input[type="radio"]:checked + label i{

    display: block;
  }
  .stepper .service-type-selector label .check{
    text-align: center;
    background: #eff0f0;
    border: solid 1px #000;
    border-radius: 100px;
    height: 20px;
    width: 20px; 
    padding-top: 2px; 
    
    
    position: absolute;
    
    right: 10px;
    top: 10px;

    
  }
  .stepper  .service-type-selector .details{
    display: inline-flex;    
    margin-top: 10px;
  }
  .stepper  .service-type-selector .details h3{
  
    text-align: left;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 3px;
    line-height: 14px;
    padding-right: 20px;

  }
  .cart-is-empty b{
    font-weight: lighter;
  }
  .cart-is-empty img,.service-cart-is-empty img{ 
    max-height: 70px;
  }
  .stepper .service-type-selector label .check i{
    display: none;
    color: #ffd814;
  }
  .stepper .cart-item .parameters{    
    color: rgb(117, 117, 117);
    font-weight: normal;
  }
  .stepper .cart-item img,#selected-services img{
    
    max-height: 70px;
  }
  .stepper .service-type-selector input[type="radio"]:checked + label .check{
    background: #000;   
  }

  .service-type-selector-wrapper{
    display: inline-flex;
    gap: 12px;
    
    width: 100%;
  }

  .service-type-selector{
    flex: 1;
  }
.new-hotel-container{
  display: flex;
}
.new-hotel-container .service-type-selector .price{ font-weight: bold;}
.new-hotel-container .service-type-selector{
  
  line-height: 15px;
  display: block;
  font-size: 12px;
}
.service-type-selector-wrapper.row, .new-hotel-container{
  background: #eff0f0;  
  padding: 14px;  
  border: solid 1px #ffd600;
}
.service-type-selector-wrapper.row.active{
   
  background: #ffd814; 
}

.service-type-selector-wrapper.row h3{
  margin:  0; 
  margin-bottom: .2rem;
}

.svc-todo{
  margin-bottom: 14px;
}

.dsp-warning .new-hotel,.has-guarded .new-hotel { display: none;} 
.new-hotel .service-type-selector{
  
  
  font-weight: normal;
}
  
.new-hotel .service-type-selector h3{
  
  margin: 0;
  margin-bottom: 0;
  font-size: 16px;
}
  
.service-type-selector-wrapper.row .price{
  
  font-size: 14px;
  font-weight: bold;
}

.service-type-selector-wrapper.row .toggle.dark{
  
  align-self: center
}
.toggle-container {
  display: flex;
  justify-content: flex-end;  
  align-items: center;
}

.stepper .map_service-place-selector input[type="radio"]:checked + label {
  background: #f2f2f2;
}
.stepper .map_service-place-selector label .check{
  height: 20px;
  width: 20px;
  padding-top: 2px;
  margin-top: -11px;
  margin-top: -35px;
}
.stepper .map_service-place-selector label .check i{
  display: none;
  color: #ffd814;
}
.stepper .map_service-place-selector input[type="radio"]{
  display: none;
}

.webgarage_logo{
  color: white;
  height: 30px; 
  width: 30px; 
  font-size: 31px; 
  border-radius: 30px; 
  
  padding: 1px 5px 5px 5px; 
  position: relative;
}

.stepper .webgarage-cars-selector label .check{
  text-align: center;
  background: #eff0f0;
  border: solid 1px #000;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  padding-top: 2px;
  margin-top: 10px;
  margin-left: -20px;
  position: absolute; 
  right: 5px;
  top: 0px;


}

.stepper .webgarage-cars-selector input[type="radio"]:checked + label .check{
  background: #000;   
}

.stepper .webgarage-cars-selector input[type="radio"]:checked + label {
  background: #ffd814;    
}

.stepper .tile-selector label .check{
  text-align: center;
  background: #eff0f0;
  border: solid 1px #000;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  padding-top: 2px;
  margin-top: 10px;
  margin-left: -20px;
  position: absolute; 
  right: 5px;
  top: 0px;


}

.stepper .tile-selector input[type="radio"]:checked + label .check{
  background: #000;   
}

.stepper .tile-selector input[type="radio"]:checked + label {
  background: #ffd814;    
}

.stepper .tile-selector label {

  padding: 2px 10px 2px 10px;  
  display: block !important;
  flex: 1; 
  
  margin-left: 0px;

  
  background: #eff0f0; 
  border: 1px solid transparent;
  border: solid 1px #d7d7d7;
  
  position: relative;

}

.tile-selector input[type="radio"][disabled] + label{
  opacity: 0.4;
}


.stepper .tile-selector label .check i{
  display: none;
  color: #ffd814;
}

.stepper .tile-selector input[type="radio"]:checked + label .check{
  background: #000;   
}

.stepper .tile-selector input {
  position: absolute;
  display: none;
}

.stepper .tile-selector input[type="radio"]:checked + label i{

  display: block;
}

.stepper .webgarage-cars-selector label {

  padding: 2px 10px 2px 10px;  
  display: block !important;
  flex: 1; 
  
  margin-left: 0px;

  
  background: #eff0f0; 
  border: 1px solid transparent;
  border: solid 1px #d7d7d7;
  
  position: relative;

}
.webgarage-cars-selector-wrapper{ 
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.webgarage-cars-selector{ 
    min-width: 151px;
    width: 16.66666667%;
    padding: 0 5px;
}
.stepper .webgarage-cars-selector label img{
    
  margin: 0 auto;
}
.stepper .webgarage-cars-selector label span{
  display: block;     
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
}


}
.stepper .webgarage-cars-selector label h3{
 
  font-size: 1.22562rem;
}


.webgarage-cars-selector input[type="radio"][disabled] + label{
  opacity: 0.4;
}


.stepper .webgarage-cars-selector label .check i{
  display: none;
  color: #ffd814;
}

.stepper .webgarage-cars-selector input[type="radio"]:checked + label .check{
  background: #000;   
}

.stepper .webgarage-cars-selector input {
  position: absolute;
  display: none;
}

.stepper .webgarage-cars-selector input[type="radio"]:checked + label i{

  display: block;
}
.stepper .delivery-select-wrapper{ 
  display: flex; 
  justify-content: space-between;;
}
.stepper .delivery-select-wrapper .tile-selector{ 
  
  flex: 0.5;

  margin: 0 5px;
}
.stepper .delivery-select-wrapper .details{   
  text-align: left;
  padding: 0px 10px 7px;
}
.stepper .delivery-type-selector-wrapper{
  
  display: flex;
  flex-direction: row-reverse;
}
.stepper.cart-is-empty .delivery-container{
  display: none;
}
.stepper.has-service .delivery-container{
  display: none;
}
.cart-is-empty .service-type-selector-home-delivery{
  display: none;
}
.cart-is-empty .delivery-select{
  display: none;
}
.webgarage-wrapper .details b{
  
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.webgarage-wrapper .image{

  display: flex;
  align-items: center;

}
.webgarage-wrapper .details{
  
  flex: 1;
  text-align: left;
  padding: 0px 10px;
} 
.webgarage-wrapper{
  
  
  display: inline-flex;
  margin-top: 5px;  
  width: calc(100% - 20px);
}
.tablink {
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;

}

.tablink.active{
  border-top:2px solid black;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}


/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2){
  display: block;
}

/*
 Styling
*/

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}
.tabset > label::after {
  position: absolute;
  left: 15px;
  bottom: 10px;
  background: #8d8d8d;
}
.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  border-top:3px solid black;
  background: #fff;
}
.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.service_default_view_list .service-place-selector input[type="radio"]:checked + label {
   background: #f2f2f2;
 }
.service_summary_view_list .summary_service-place-selector input[type="radio"]:checked + label {
  background: #f2f2f2;
}
.service_default_view_list .service-place-selector label .check{
  height: 20px;
  width: 20px;
  padding-top: 2px;
  margin-top: -11px;
  margin-top: -35px;
}
.service_default_view_list .service-place-selector label .check i{
  display: none;
  color: #ffd814;
}
.service_default_view_list .service-place-selector input[type="radio"]{
  display: none;
}

.service_summary_view_list .summary_service-place-selector label .check{
  height: 20px;
  width: 20px;
  padding-top: 2px;
  margin-top: -11px;
  margin-top: -35px;
}
.service_summary_view_list .summary_service-place-selector label .check i{
  display: none;
  color: #ffd814;
}
.service_summary_view_list .summary_service-place-selector input[type="radio"]{
  display: none;
}
 
.service-cart-clear{
  cursor: pointer;
  position: absolute;
  right: 0; 
  color: #f6837d;
  margin-top: 10px;
}
.has-service .service-cart-clear, .has-service .delivery-type-selector{
  display: none;
}
.active-node{
  
  background: #ffffff;
  border: solid 1px #eeeeee;  
  padding: 10px 0px 3px 10px;

}


.summary_reg_form_content{
  padding-top: -17px;
  padding-bottom: -13px;
  margin-top: -33px;
  margin-bottom: 10px;  
  text-decoration: none;
  font-weight: normal;
}
.create-user-profile{
  padding-top: 20px !important;
  border-radius: 14px;
}

label[for="create_profile_summary"]{
  margin-left: 15px;
}

.btn-site-select{
  margin-top: 1px;
  margin-left: -15px;
}
.info-content-site-select{
  margin-top: -35px;
  margin-left: -15px;
  /*margin-left: -10px;*/
}
.info-content-site-select h5{ 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service_address_content{
  font-size: 8px;
  margin-top: -15px;
}
.km-marker{
  font-size: 10px;
}



@media screen and (min-width: 600px) {
  .btn-site-lg{
    height: 25px;
    padding: 0px;
    width: 120px;
    margin-left: 0px;
/*margin-left: -10px;*/
  }
  #search_zip-code-val{
    width: 30%;
  }
}
.info-content-site-list-select{
 
}
@media screen and (min-width: 1200px) {
  .info-content-site-list-select{ 
  }
  .site-img-list-content{
    margin-left: -35px;
    margin-bottom: -10px;
  }
  .site_distance{
    margin-top: -20px;
  }
  .service-place-selector{
    padding-top: 0px;
    margin-bottom: 0px;
    margin-left: -15px;
  }
  .summary_service-place-selector{ 
  }
}
@media screen and (max-width: 600px) {
  #search_zip-code-val{
    width: 100%;
  }
   
}

.postcode_search_input{
  padding-bottom: 2px;
}
  
.map_service-place-selector h5{ 
  margin-top: 2px;
}
.map_service-place-selector .info-content-site-select{ 
  height: 34px;
  margin-top: 0;
}
.map_service-place-selector .site-img-content{
  padding-left: 0 !important;
}
.map_service-place-selector{
  padding: 0;
  padding-top: 5px;
  margin-bottom: -10px;
  
}
.summary_service-place-selector img{
  
  max-height: 65px;
}
.summary_service-place-selector{
  
  margin-bottom: 6px;
  background: #ffffff;
  border: solid 1px #eeeeee;
  padding: 1px 0px 3px 10px;
}


.list_service_location_selected{
  display: none;
  text-align: right;
}
.active-node .list_service_location_selected{
  display: block;
}
.list_service_location{
  display: block;
}
.active-node .list_service_location{
  display: none;
}


.pph_service-place-selector{
    margin-bottom: -10px;
    padding-right: 30px; 
    padding-top: 14px;
}
.service-name-and-image,.service{
  cursor: pointer;
}
.pph_service-place-selector .service-name-and-image{
  display: flex;

}

.pph_service-place-selector .service-name-and-image h3{
  
  font-size: 12px;
  margin: 0 6px;

}
.pph_service-place-selector .service-name-and-image .images{
  width: 100px
}
.pph_service-place-selector .service-name-and-image .name{
  flex: 1 !important;
}
.pph_service-place-selector .service-name-and-image .distance .fa-map-marker{
  font-size: 15px;
  margin-top: -5px;
}
.pph_service-place-selector .service-name-and-image .distance{
  
  font-weight: 600;
  font-size: 12px;  
  display: flex;
  align-items: center;

}
.pph_service-place-selector .service-name-and-image .map_site_address_text{
  
  font-size: 13px;
  margin: 0 6px;

}

.btn-site-list-lg{
  float: right;
  margin-top: 14px;
}
.map_site_address_text{
  color:#969696;  
  font-weight: normal;
}
.btn-site-list-select{
  float: right;
}

.btn-site-only-link{
  float: right;
}

.thank-you-card h2{
  margin-bottom: 40px;
}
.thank-you-card h3 .fa{
  margin-right: 6px;
} 
.thank-you-card h3{
  
  margin-top: 1rem;
  font-size: 1rem;
}
.thank-you-card .padd-left{
  padding-left: 24px;
}
.thank-you-card .cart-summary h4{  
    margin: 10px 0 0 0;
}
.no-border{
  border: 0 !important;
}
.container.stepper.has-tabs .button-group{
   
}
.tab-panels{
  background: #fff;
 }
.js--datebooking-customer{
  padding: 0 !important;
}
.service-and-price{
  display: flex; 
  justify-content: space-around; 
  align-items: center;
}
}
.service-and-price .price{
  
  font-size: 12px;
  line-height: 15px;
}

.service,.price,.buttons{
  flex: .3;
}
#cart-loader{
  position: relative;
}
.car-information-container .login-warning{
  
  padding: 4px 0px;
  width: calc(100% - 30px);
  margin: 4px auto;
}

.service_description{ 
  display: flex; 
  justify-content: space-between;
}
.service_description .site_name{ 
  flex: 1;
}
.service_description h5{  
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 2px;
  margin-top: 0;
}
.service-list-img-row  {  
  
  height: 80px;
  width: 100px;
}

.stepper .distance-and-prices{
    
  
  text-align: right;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  
.service-place-selector .btn{
  padding: 0.8rem 1.6rem;
}

}
@media only screen and (max-width: 995px) {
  .stepper .service-img-list-content{
    
    flex-direction: column;
  }
  .stepper .distance-and-prices{
     
  }
  .service-list-img-row {
    height: 60px;
    width: 80px;

}

.service-place-selector .btn{
  padding: 0.8rem 1.6rem;
}

}
@media (max-width: 991px) {

 


  .pph_service-place-selector{
    
    padding-right: 0px;
  }
  .btn-site-list-lg{
    margin-top: 0;
  }
  .service-and-price {
   
    margin-left: 143px;
    margin-top: -35px;
}
.pph_service-place-selector .service-name-and-image .distance{
  
  align-items: start;
}

.pph_service-place-selector .service-name-and-image .distance .fa-map-marker {
  
  margin-top: 0px;
}
}

@media (max-width: 767px) {
  .stepper .service-type-selector .details h3 {
    
    margin-bottom: 8px;
  }
  .stepper .cart-item {
    
    border-bottom: solid 1px #eee;
    padding-bottom: 8px;
    margin-bottom: 12px !important;

}
  .stepper .cart-item:last-child {
    
    border-bottom: solid 0px ;

}
.service-place-selector  [class^="col-"] {
    padding: 0 6px;
}
.service-list-img-row{ 
  max-width: 76px;
  margin: 0 auto;
}
  
.stepper .button-group .btn{ 
  padding: 0.8rem 1.4rem;
}

.summary_reg_form_content{ margin-top: 0px;
}
  .service-and-price .btn{
    margin-top: 0 !important;
  }
  .pph_service-place-selector .service-name-and-image {
     
    /* display: block; */

  }
  .pph_service-place-selector .service-name-and-image .images {
     
   
    float: left;
    margin-right: 14px;

  }
  .pph_service-place-selector .service-name-and-image .map_site_address_text{
    margin: 0;
  }

  .service-has-car-service,.pph_service-place-selector .service-price{
    margin-top: -10px;
  }
   .registration-benefits{
     
    position: initial;
    display: block;
    width: 100%;
    padding: 10px 0;
    height: auto;
   }
   .create-user-profile{      
    margin: 14px auto;
   }
   .service-type-selector-wrapper{
    flex-direction: column;
  }
  .stepper .button-group {
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
    padding: 30px 16px;
}
  .service-type-selector .price{
    display: block;
  }

 
  


  
  .cart-is-empty,.service-cart-is-empty{    
    line-height: 14px;

  }

  .list-group-item.active{
    overflow: hidden;
    width: 56px;
  }
}

.stepper .tabset label{
  font-size: 15px;
}

.gm-style-iw-d{ 
  overflow-x: hidden !important;
}
.gm-style-iw-d .grid{
  max-width: 432px;
}
.gm-style-iw-d .site-info img{
  width: 80px;
}

.gm-style-iw-d .site-info h5{
  margin: 7px 4px;
}
.gm-style-iw-d .site-info .details{
  margin: 0px 5px;
}
.gm-style-iw-d .site-info .distance{
  margin: 10px 10px;
}
@media (max-width: 500px)
{
  .gm-style-iw-d .site-info .distance{
    margin: 22px 12px 0px 4px;
  }
  .gm-style-iw-d .site-info .details{
    
    margin-left: -48px;
    width: calc(100% + 48px);
} 
  .gm-style-iw-d .site-info p{     
    font-size: 11px;
  } 
  .gm-style-iw-d .site-info h4{     
    font-size: 11px;
  } 
  
  .gm-style-iw-d .site-info img{
    width: 50px;
  }

  .stepper-box  li span.service-process {
    font: bold 14px sans-serif; 
    line-height: 29px; 
    width: 30px;
    height: 30px; 
} 
.stepper-box  .list-group-item {
  width: 34px;
  overflow: hidden;
  height: 30px;
  opacity: 0.7;
  padding: 0;
}
.stepper-box  .list-group-item.active {
overflow: hidden;
width: 34px;
height: 30px;
}

.stepper .tabset label{
  font-size: 13px;
  
  padding: 10px 10px 10px;
}
.stepper-box ul.list-group { 
} 
.coupon_add_btn{
  
  padding-left: 11px;
  text-align: center;
  padding-right: 11px;
}
}

.summary_reg_list{
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 13px;
  margin-left: 20px;
}
#summary-item-list,#summary-serviceitem-list {
  list-style: none; 
  padding-left: 10px;
}
#summary-item-list li, #summary-serviceitem-list li{ 
  font-size: 0.8rem;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.js--datebooking-parent.has-guarded .dsp-partner{
  display: none;
}
.payment-border{
  border: 2px solid transparent;
}
.checkout-payment-border{
  border: 2px solid #ffd814;
  border-radius: 10px;
}

.payment_delivery{
  padding:10px;
}

.payment_bankcard{
  padding:10px;
}
.payment_bankcard_netopia {
    margin: -6px 0;
    float: right;
}
@media (max-width: 767px) {
    .payment_bankcard_netopia {
        float: none;
    }
}
.status_badge{
  padding: 5px;
  border-radius: 6px;
}
.active_badge{
  background-color: #00d667;
}
.inactive_badge{
  background-color: #ff7777;
}
.cart_item__kit_qty{
  padding: 10px;
}
.cart-item .price{
  
  text-align: right;
}
.price .cart_item__kit{
  padding-top: 10px;
}

.service-has-car-service{
  
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service-list-btn .btn-site-list-lg{
  margin-top: 0;
}
.service-price{
  font-size: 10px;
  margin-top: 6px;
}

.stepper .service-price{
    font-size: 13px; 
    margin-top: 0;
  }
 

.stepper.home-delivery-disabled .delivery-type-selector,
.stepper.home-delivery-disabled .delivery-select
{
    display: none;
}


.service-price-span{
  font-size: 12px;
  font-weight: 700;
}

.service-cell{
  background-color: #ffd814;
  font-weight: 600;
}

.service-prices-table-head{
    background-color: #5d5959;
    color: white;
    padding: 4px;
    margin-bottom: -12px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.service-cell-mid{
  text-align: center;
}

.service-cell-right{
  text-align: right;
}

.services-list-ul{
  margin-top: 75px;
}

.ui-slider {
  margin-top: 20px;
  height: 7px;
  position: relative;
  border: none;
  background: #ff5b63;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #FFDD50;
  border-radius: 25px;
  outline: none;
  border: 2px solid #fff;
  position: absolute;
  top: -4px;
}
.ui-slider-horizontal .ui-slider-range {
  background: #FFDD50;
}

.ui-widget-content {
  border: none !important;
  background-color: #d9d8d8 !important;
  color: white !important;
}

.search_service_input{
  background-color: white;
}

.service-and-price .service { 
  font-weight: bold;
  text-transform: uppercase;
}

.service_search_input_content{
  margin-top: -55px;

}

.service_search_input_container{
    padding: 18px;
    background-color: #f2f2f2;
}

.service_list_container{
  margin-top: -12px;
}

.service_type_header{
  margin-bottom: -10px;
  margin-top: 40px;
}

.service_map_container{
  margin-bottom: -60px;
}

.service-icon{
  margin-right: 4px;
  margin-top: -3px;
}

.akh-badge-img{
 
  margin-top: -12px;
  margin-bottom: -16px;
}

.site-distance{
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  padding: 3px;
}

.site_distance_info_icon{
  font-size: 25px;
  margin-left: 4px;
}
.site_distance{
  
  font-weight: bold;
  font-size: 13px;
  padding: 3px;
  margin-right: 10px;
} 
.site_distance .fa-info-circle{
   font-size: 16px;
} 

.service-img-list-content{  
  margin-right: 10px;
  max-width: 150px;  
  display: flex;
  
  align-items: center;
}
.summary_service-place-selector h5{
  
  margin-top: 5px;
  font-size: 13px;  
  line-height: 17px;
  
  margin-bottom: 3px;
}
.summary_service-place-selector .btn-site-list-lg{
   margin-top: 3px;
}

.summary_service-place-selector .info-content-site-list-select p{
  margin-top: 0px;
}
.service-place-selector .akh-list-badge-img{ height: 40px;}
@media only screen and (max-width: 739px) {
  
  .stepper .btn-primary{
  
    font-size: 12px;
    padding: 10px 12px;
  }
   
  .pph_service-place-selector .service-name-and-image h3 { 
      margin: 0;
  }
  .service-and-price {
      margin-left: 103px;
      margin-top: -68px;
  }
}
@media only screen and (max-width: 678px) {
  .service_description {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.service-place-selector .akh-list-badge-img {
  height: 36px;
}
.stepper .distance-and-prices { 

  flex-basis: 100%;
  margin-left: 105px;
  margin-top: -29px;
  text-align: left; 
  }
}
.stepper .prev .fa-angle-left,.stepper .next .fa-angle-right {
  display: none;
}
@media only screen and (max-width: 560px) {
  .cart-is-empty{
    text-align: center;
  }
  .cart-is-empty .details{
    
    margin-bottom: 10px;
  }

  .stepper .prev .fa-angle-left {
    display: block;    
    font-size: 23px;
 
    line-height: 20px;
}
  .stepper .prev span {
    display: none;
  }
  .stepper .prev, .stepper  .next  {    
    width: fit-content;
  }
  .stepper  .next  {    
   margin: 0;   
   margin: 0;
   padding: 14px 40px;
   display: flex;
   align-items: center;
  }
  .stepper  .submit   {    
   margin: 0;   
   margin: 0;
   padding: 14px 40px;   
   width: 70%;
  }
  .stepper  .next.hide  {
    display: none;
  }  
  .stepper .next .fa-angle-right {
    display: inline;
    margin-top: -5px;
    margin-left: 10px;
  }
  .service-img-container{
    display: none;
  }

  .stepper .button-group { 
    display: flex; 
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

  .pph_service-place-selector .service-name-and-image {
     
    display: block;

  }
  .pph_service-place-selector{
    
    padding-bottom: 11px;
    padding-top: 22px;
    border-bottom: solid 1px #bebabaee;
    }
  
 .service-and-price {
     
   
    flex-wrap: wrap;

    padding-top: 12px;  
    margin-left: 0;
    margin-top: -55px;
}
   
.service,.price,.buttons{
  flex: 1;
}

  .service-and-price .price {  
    flex-basis: 100%; display: flex; 
    
    justify-content: space-around;

  }

  .service-and-price .price span{  
    display: flex; 
  }
  .service-and-price .price b{  
    margin-right: 10px;
  }

  .service-and-price .buttons {  
    padding-top: 12px; 
    flex-basis: 100%;
  }
  .service-and-price .service { 
   font-weight: bold;
       height: 50px;
       text-transform: uppercase;

    padding-left: 112px;
  }

  .service-and-price .btn {
    width: 100%;
  }
}
@media only screen and (min-width: 740px) {
  .service_img_container{
    margin-right: 20px;
    margin-left: -28px;
  }
  
  .akh-badge-img{
    transform: rotate(270deg);
    width: 80px;    
    margin: 0px -25px 0px -21px;
  }
  .pph_service-place-selector .service-name-and-image .images{
    width:150px
  }
  .site-distance{
    margin-right: 64px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
  }

  .service_description{
     
  }

  .service-img-list-content {
    margin-left: -20px;
    margin-top: -10px;
  }
}

.service-list-price-span{
  font-size: 12px;
}


@media only screen and (min-width: 996px) {

  .akh-list-badge-img{
    transform: rotate(270deg);
    width: 80px;
    margin-right: -24px;
  }
}