/*
--------------------------------------------------------------------------------------------------
  Personlig stilrådgivning
--------------------------------------------------------------------------------------------------
*/
/* TYPOGRAFI */
.stil_start_rub, .Stilradgivning_Underrubrik {font-family:'Merriweather', serif;}
.stil_start_rub span {font-family:'Lato', sans-serif !important; font-style: initial; line-height: 1.8;}
.Stilradgivning_Rubrik, .Steg h2 {color:#002c53; font-size:30px; margin:0 auto; letter-spacing:1.5px; padding:0 0 20px; text-align:center; width:70%; font-family:'Merriweather', serif;}
.Minsida-reservationer .Dinsida_Topprubrik, .Minsida-storlekar .Dinsida_Topprubrik, .Minsida-reservationer .Dinsida_Topprubrik {color:#002c53; font-size:21px !important; line-height:150%; font-weight:normal; letter-spacing:6px; padding:30px 0 20px; text-align:center; text-transform:uppercase;}
.Stilradgivning_Underrubrik {font-size:20px; font-weight:normal; font-style:italic; letter-spacing:0.5px; margin:0 auto; padding:0 0 25px; text-align:center; width:100%;}
#Steg_7 .Stilradgivning_Underrubrik {margin-bottom: 20px;}
.Stilradgivning_Varum {font-weight:bold;}
#stilradgivning_aterstall {color:#848484; font-style:italic; text-decoration:underline;}
.Stilradgivning_Outfit_Rubrik {font-size:15px; font-weight:normal; text-transform:uppercase; letter-spacing:4px; color:#002c53;}
.Stilradgivning_Reservation_Tid {font-style:italic; font-size:11px !important;}
#Stilradgivning_Totalpris_Utskrift {text-transform:none !important; font-size:20px !important; font-weight:normal !important; text-align:center; margin:0; text-align:center; font-style:italic;}

.bxslider_stilradgivning li {overflow:hidden;}
.Steg .Steg_Innehall {float:left; width:32%; position:relative;margin: 0.5%; text-align: center;}
#stilradgivning_form {margin-bottom:70px;}

.bxslider_stilradgivning .bloggHeader_topp {height:auto; border-bottom:none; position:relative; background:none; top:0; left:0;}
.bxslider_stilradgivning .bloggHeader_topp a {display:block;}
.Stilradgivning_Progressbar_Wrapper{margin-top: 30px;}

.Steg .Steg_Innehall.Innehallinput {width:100%; border-top:1px solid #002c53; border-bottom:1px solid #002c53; padding:15px 0; font-style:italic;}
.Steg .Steg_Innehall.Innehallinput input {margin-right:10px; margin-top:2px;}
.Steg .Steg_Innehall_Varum {min-height:90px; background:#f0f0f0; position:relative; overflow:hidden;}
.Steg .Steg_Innehall_Varum.active {background:#f0f0f0;}
.Steg .Steg_Innehall_Varum {margin:0.5%;}
.Steg .Steg_Innehall_Varum object, .Steg .Steg_Innehall_Varum img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.Steg .Steg_Innehall_Varum object {pointer-events: none;}
#Steg_5 .Steg_Innehall.active::after {background-size:20%;}
#Steg_6 .Steg_Innehall {float:left; width:100%; margin:0 0 4%;}
#Steg_6 label {float:left; width:28%; margin: 0 2% 0 0; font-style:italic; line-height:50px; text-align:center; font-size:14px;}
#Steg_6 input {float:left; width:67%; background:#f0f0f0; height:50px; line-height:50px; border:none; padding:0 2%; margin:0; color:#848484; text-align:left;}
#Steg_6 select {float:left; width:67%; background:#f0f0f0; background: url(https://www.careofcarl.com/bilder/butik/stilselect2.png) no-repeat #f0f0f0; background-position:right center; height:50px; line-height:50px; border:none; color:#949494 !important; 
-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; margin:0; padding:0 0 0 10px; font-style:italic;}
#Steg_6 select::-ms-expand {display: none;}
#Steg_6 select::after {display:block; content:""; background-image: url('https://www.careofcarl.com/bilder/butik/stilselect2.png'); background-repeat:no-repeat; background-position: center; width:50px; height:50px;}
#Steg_6_Innehall_262 label {width:21%;}
#Steg_6_Innehall_262 label:first-of-type {width:28%;}
#Steg_6 .fileUpload input {background:none; padding:0; text-align:left;}
#Steg_6_upload {display: none;}
.fileUpload label {float:left; width:67%!important; background:#f0f0f0; background: url(https://www.careofcarl.com/bilder/butik/stilupload2.png) no-repeat #f0f0f0; background-position:right center; height:50px; line-height:50px; border:none; color:#949494 !important; 
-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; margin:0; padding:0 0 0 10px; font-style:italic; text-align:left!important;}
#Steg_6_Innehall_262 .Steg_Innehall {width:21%; margin:0 2% 0 0;}
#Steg_6_Innehall_262 .Steg_Innehall:last-of-type {margin:0;}
#Steg_6_Innehall_262 .Steg_Innehall label {width:100% !important;}
#Steg_7 .Steg_Innehall {width:100%; margin:0;}
#Steg_7 textarea, #Steg_12 textarea {width:100% !important; height:inherit; min-height:200px; padding:3%; margin:0 0 2% 0; border:none; background:#f0f0f0; color:#000 !important; font-style:italic; line-height:150%; font-size:16px;}
#Steg_7_Innehall_210 {margin:-30px 0 0 !important;}
#inloggning_1_epost {height:50px; line-height:50px; margin:0; margin-bottom: 20px;}
.stilradgivning_label_radio {margin:0 0% 2% 0; text-align:center !important; width:100% !important; height:50px; line-height:50px; position:relative;}
.stilradgivning_label_radio {margin:0 0% 2% 0; background:#F1F1F1; text-align:center !important; float:left; width:100% !important; height:50px; line-height:50px;}
.stilradgivning_label_radio:nth-child(2n) {margin-right:0;}
.stilradgivning_label_radio:hover {background:#dfdfdf}
.stilradgivning_label_radio.checked::after {background:url(https://www.careofcarl.com/bilder/butik/stilcheck2.png) no-repeat rgba(0, 0, 0, 0.15); background-size:5%; background-position:center 50%; bottom:0; content:""; display:block; left:0; opacity:1; position:absolute; right:0; top:0; z-index:1;}
#Steg_Inloggning_1, #Steg_Inloggning_2, .Steg_Tacksida .Steg_Innehall, #Steg_12 .Steg_Innehall, #Steg_8 .Steg_Innehall, #Steg_13 .Steg_Innehall, #Steg_Inloggning_3 {width:100%; margin:0 !important;}
.Stilradgivning_Input_Text {background:#f0f0f0; height:50px; line-height:50px; border:none; padding:0 2%; color:#848484 !important; margin:0 0 2%; font-style:italic; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#customer_phone {width:78%; margin:0; height:50px;}
#customer_phone_lbl {float: left;height: 50px;line-height: 50px;background: #f0f0f0;padding-left: 10px;width: 20%;color: #848484 !important;}
#timepicker {width:100%; float:left;}
.Steg_Tacksida .Steg_Innehall {text-align:center; font-style:italic;}
.Steg_Tacksida_Bild {margin: 0 auto;}

#inloggning_3_pass {width:78% !important;}
#Steg_Inloggning_3 #toggle-wrapper {width:22% !important; height:35px; background:#606060 !important; font-style:italic; float:right; text-align: center; overflow: hidden;}
#Steg_Inloggning_3 #toggle-wrapper span {line-height:35px; height:35px; background:#606060 !important; color:#FFF; font-size: 17px; text-align: center;}

.stilcheck {left:0; opacity:1; position: absolute; top:0;}
#varum_visa_mer {float: left; clear: both; width: 100%;}
#varum_visa_mer h2 {padding:0 0 5px 0;}

#choose_type_of_finish p {text-align: center; background: #F1F1F1; height: 50px; line-height: 50px; cursor: pointer; position: relative;}
#choose_type_of_finish p span {font-weight: bold;}
#choose_type_of_finish p.checked::after {background:url(https://www.careofcarl.com/bilder/butik/stilcheck2.png) no-repeat rgba(0, 0, 0, 0.15); background-size:5%; background-position:center 50%; bottom:0; content:""; display:block; left:0; opacity:1; position:absolute; right:0; top:0; z-index:1;}

.Stilradgivning_Input_Text::-moz-placeholder {color:#848484 !important; opacity:1 !important;}
.Stilradgivning_Input_Text::-webkit-input-placeholder {color:#848484 !important; opacity:1 !important;}
.Stilradgivning_Input_Text::-ms-input-placeholder {color:#848484 !important; opacity:1 !important;}

.Stilradgivning_Outfit {padding: 10px; width: 100%; margin-bottom: 20px;}
.Stilradgivning_Artiklar .Stilradgivning_Artikel {float:left; width:46%; margin:2%;margin-top: 10px;}
.Stilradgivning_Artiklar .Stilradgivning_Artikel .PT_BeskrText_Kort{position: relative;}
#stilradgivning_bx_produktinfo {padding: 10%;}

.bxslider_stilradgivning li {opacity: 0;}
.bxslider_stilradgivning .stil_active{opacity: 1;}

.carlsupply_meny li.m_selected a {border: 2px solid #092636;}
.bxslider_stilradgivning .col{margin-top: 20px;}


.Stilradgivning_Bild, .Stilradgivning_Varum, .Stilradgivning_Beskr, .Stilradgivning_Pris, .Stilradgivning_Meny {text-align: center;}
.Stilradgivning_Bild {margin:0 0 15px;}
#Stilradgivning_Reservation_Utgar {border-top:1px solid #002c53; border-bottom:1px solid #002c53; padding:15px 0; text-align:center;}
#Stilradgivning_Totalpris {border-bottom:1px solid #002c53; padding:15px 0;}
.Stilradgivning_Beskr {width: 80%; margin: 3px auto 3px;}
.Stilradgivning_Artiklar {position: relative; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.Stilradgivning_Artikel {margin-bottom: 10px;margin-top: 10px;}
.stilradgivning_bx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 0px 56px -10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 56px -10px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 56px -10px rgba(0,0,0,0.75);
  z-index: 100;
  background: #fff;
}
.stilradgivning_bx_close {
  width: 25px;
  height: 25px;
  background: #002c53;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 1;
} 
.Stilradgivning_Meny {
  background: #002c53;
  width: 23%;
  margin: 0 auto;
  color: #fff;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.Stilradgivning_Meny_Hidden {display:none; width:100%; position: absolute; z-index: 10;}

.Stilradgivning_ul{padding: 0;}
.Stilradgivning_li {
  background: #f0f0f0;
  text-align: left;
  color: #002c53;
  margin: 0 auto;
  width: 100%;
  list-style: none;
  line-height:12px;
}
.Stilradgivning_li a {font-size:11px !important; color:#002c53 !important; padding:0 0 0 10px; display:inline-block;}
.ta_bort_res, .angra_res {padding:10px 0 8px;}
.ta_bort_spara_res {padding:0 0 10px;}

#Stilradgivning_Reservation {border-top: 2px solid #002c53; border-bottom: 2px solid #002c53; padding: 20px 0; text-align: center;}
.Stilradgivning_Totalpris_Utskrift {border-bottom:2px solid #002c53; padding:20px 0; text-align:center;}
.Stilradgivning_Artikel.disabled {opacity: 0.5;}

#slider-prev {
  float:right;
  background: #f4f4f4;
  color:#092636;
  font-size: 12px !important;
  height: 44px;
  line-height: 44px;
  width: 37%;
  border: 0;
  padding: 0 !important;
  text-align: center;
  margin: 3px 0.77% 0 0;
  text-transform:uppercase;
  cursor: pointer;
}
#Stilradgivning_Outfits_Slutfor
{
  font-style: normal;
  text-transform: uppercase;
}
#slider-next, #Stilradgivning_Storlekar_Spara, #Stilradgivning_Stilpreferenser_Spara, #Stilradgivning_Outfits_Slutfor {
  float: right;
  background: #09283a!important;
  font-size: 12px !important;
  text-align: center!important;
  height: 44px !important;
  line-height: 44px !important;
  color: #fff !important;
  border: 0;
  padding: 0 !important;
  width: 48%;
  margin-top: 3px;
  cursor: pointer;
  text-transform:uppercase;
  -webkit-appearance:none;
}

#supply_button_wrap {position: relative;}
#supply_button_wrap .loadz {position: absolute; top: 24px; left: unset; right: 70px;}

#Stilradgivning_Storlekar_Spara
{
  margin-bottom: 20px!important;
}

#Stilradgivning_Storlekar_Spara, #Stilradgivning_Outfits_Slutfor {width:100% !important; cursor:pointer;}
#slider-next:hover,#slider-prev:hover, #inloggning_1_next:hover, #inloggning_2_next:hover, #inloggning_3_next:hover {opacity: 0.9; text-decoration: none;}
#Steg_5 img {width:auto;}
.Steg_Innehall:not(.Steg_Innehall_Tack) img {width:100%;}
.Steg_Innehall img.active {opacity:0.55;}
.Steg_Innehall.Innehallinput.active, .Steg_Innehall.Innehallinput.active::after {opacity:1; outline:none; outline-offset:0; background:none;}
.Steg_Innehall.active {opacity:1; background:#222;}
.Steg_Innehall.active::after {display:block; content:"";
  opacity:1; top:50%; left:50%; bottom:0; right:0; position:absolute; z-index:1; width:80px; height:40px; margin-top:-30px; margin-left:-30px;
  border-bottom:15px solid #fff; border-left:15px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#Steg_5 .Steg_Innehall.active::after {display:block; content:"";
  opacity:1; top:50%; left:50%; bottom:0; right:0; position:absolute; z-index:1; width:50px; height:25px; margin-top:-20px; margin-left:-20px;
  border-bottom:10px solid #fff; border-left:10px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#Steg_5 .Steg_Innehall.active::before {background:rgba(0, 0, 0, 0.15); top:0; left:0; bottom:0; right:0; width:100%; height:100%; content:''; position:absolute;}
.Steg_Innehall input[type="checkbox"], .Steg_Innehall input[type="radio"] {display: none;}
#Steg_5 .Stilradgivning_Input {width:70%; padding:0 10px; border:none; margin-bottom:5px; font-style:italic; height:50px; line-height:50px; background:url(https://www.careofcarl.com/bilder/butik/stilsok.png) no-repeat #f0f0f0; background-position:right center;}
.Steg_Innehall1 label {width: 12%; display: inline-block; text-align: right;}
.Stilradgivning_Input_Textarea {width: 96%; height: 200px; resize: none;}
#inloggning_3_remember {display: block;}
#inloggning_3_erbjud {display:block; float:left; margin-right:5px;}
#inloggning_3_erbjud_text {float: left;}
.bx-next.disabled, .bx-prev.disabled {display:none;}
.Stilradgivning_Progressbar_Text {color: #002c53; text-align: center; background: #f3f3f3; padding-top:15px;  letter-spacing:4px; text-transform:uppercase;}
.Stilradgivning_Progressbar {height: 38px; border: 12px solid #f3f3f3;}
.Stilradgivning_Progressbar_Fill {height:100%; margin:0; background: #051d29; width:0;}
.Stilradgivning_Storlekar_Bild {width: 200px!important;}
.chbx_no_img, .chbx_no_img_text {display:inline-block!important; width:35%; float:left; text-transform:uppercase; font-family:'Lato', sans-serif; font-weight:700; font-size: 11px;}
.Stilradgivning_Input_CheckLast {width:20px; margin:0 15px 0 0; background:#fff; height:20px; line-height:20px; border:none; color:#000 !important;}
#Stilradgivning_Varum_Search {text-align: center; padding: 20px;margin:-20px 0 0;}
.Steg_Innehall2.Steg_NoImg {width:100%; clear:both; min-height:30px; padding-top:10px;}
#Steg_2_Innehall_447, #Steg_3_Innehall_449 {padding-top:3px;}
#varum_visa_mer {margin:20px 0;}

#timepicker_header {
  width: 100%;
  color: #002c53;  
  text-align: center;
  margin:30px 0 10px;
  height:30px;
  line-height:30px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:18px !important;
}
.timepicker_time {
  float:left;
  padding:8px 20px;
  margin:0 0 10px;
  border:1px solid #f0f0f0;
}

#datepicker .ui-widget-content {text-transform:none !important; font-style:normal !important; }
#datepicker .gldp-default {margin:0 auto;width: 100%!important;}
#datepicker .gldp-default:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#datepicker .ui-datepicker-header .ui-datepicker-next-hover {background:transparent!important; right:2px!important; top:2px!important; cursor:pointer!important;}
#datepicker .ui-datepicker-header .ui-datepicker-prev-hover {background:transparent!important; left:2px!important; top:2px!important; cursor:pointer!important;}
#datepicker .ui-datepicker-header .ui-icon {text-indent:0!important; color:#fff; font-size: 20px;}
#datepicker .ui-state-active {border:1px solid #ccc; background:#09283a !important; color:#fff;}
#datepicker .ui-state-active:hover, #datepicker .ui-state-active.ui-state-hover {border:1px solid #ccc; background:#09283a !important; color:#fff;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-left: -6px; margin-top: -10px; background-image: none;}

#timepicker_times .reserved {background: #002c53; color: #fff;}
#stilradgivning_form .bx-viewport {max-height: none!important;}
#inloggning_1_next, #inloggning_2_next, #inloggning_3_next {
  background: url(https://www.careofcarl.com/bilder/butikNY/kopknapp.png) repeat-x;
  font-size: 14px !important;
  text-align: center;
  height: 44px;
  line-height: 44px;
  color: #fff;
  border-radius:3px;
  -webkit-border-radius:3px;
  border: 0;
  padding: 0 !important;
  width: 100%;
  margin-top: 10px;
  font-style: italic;
}

/* Visa bild som ligger i metatagg - används för fb-delning */
.blogginlagg meta{display: block;}
#stilradgivning_start hr {width:90%;}
.stilradgivning_start_left {margin:0!important; text-align: center;}
.stilradgivning_start_left_text {width:95%; line-height:1.8;}
.stilradgivning_start_left img {max-width: 200px!important; display: inline!important;}
#stilradgivning_start #stil_slide2, #stilradgivning_start #stil_slide3, #stilradgivning_start #stil_slide4, #stilradgivning_start #stil_slide5 {margin:40px auto !important; width:90%;}
#Steg_1 .Steg_NoImg {float:left; width:100%;}
.Steg_NoImg {padding-top:12px !important;}

.stil_start_rub {text-shadow:none!important;}

#inloggning_1_epost, #inloggning_2_epost, #inloggning_2_pass, #inloggning_3_epost, #inloggning_3_fornamn, #inloggning_3_efternamn, #inloggning_3_mobil, #inloggning_3_pass {width: 100%;}
.Stilradgivning_Reservationer_BX .bx-clone {display: none;}
.Stilradgivning_Artiklar .bx-pager-item {float: left;}

.stilradgivning_bx .bx-wrapper .bx-next {background:url(/includes/jquery.bxslider/images/next2.png) no-repeat !important;}
.stilradgivning_bx .bx-wrapper .bx-prev {background:url(/includes/jquery.bxslider/images/prev2.png) no-repeat !important;}
.stilradgivning_bx .bx-wrapper .bx-pager.bx-default-pager a {background:#ccc !important; width:8px !important; height:8px !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important;}
.stilradgivning_bx .bx-wrapper .bx-pager {position: absolute; left: 50%; transform: translateX(-50%); width: auto;}
.stilradgivning_bx .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .blogginlagg .bx-pager.bx-default-pager a.active {background: #092636 !important;}
.stilradgivning_bx .bx-wrapper .bx-controls-direction a{height:84px!important;}
#Stilradgivning_Stilpreferenser .bx-wrapper .bx-viewport { max-height: none!important;}
#Stilradgivning_Outfits .bx-wrapper .bx-viewport { max-height: none!important;}

#stilradgivning_start {position:relative; margin-top: 0;}
#stilradgivning_start #bxslider_stilradgivning_start_knappar {top: 50%; transform: translateY(-50%); padding:0 2%; position:absolute; width:100%; z-index:1;}
#bxslider_stilradgivning_start {padding:0;}
#stilradgivning_start .bx-wrapper .bx-next {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); top:93% !important; left:46%; background:url(/includes/jquery.bxslider/images/next2.png) no-repeat !important;}
#stilradgivning_start .bx-wrapper .bx-controls-direction a{height:84px!important;}
#stilradgivning_start .bx-wrapper .bx-prev {display:none;}
#stilradgivning_start .bx-viewport {max-height: none!important}

.stil_slideKnappar {height:130px; position:relative;}
.stil_slide {position:relative; margin:0 0 20px;}
.stil_slide:not(:first-child) {/*height:230px; margin:0;*/}
.stil_next {position:absolute; cursor:pointer; left:50%; bottom:1%; position:absolute; transform:translate(-50%, -50%) rotate(90deg); -webkit-transform:translate(-50%, -50%) rotate(90deg); 
	-moz-transform:translate(-50%, -50%) rotate(90deg);}
#stil_slide1 .stil_next {bottom:-20px;}
#stil_slide1 .stil_more {bottom:20px; cursor:pointer;}
.stil_start_rub_first{    
  color: #fff;
  font-size: 13px!important;
  text-align: center;
  width: 64%;
  margin: 0 auto;
  letter-spacing: 2px;
  margin-bottom:4px;
}
.stil_start_ingress {margin-bottom:30px !important;}
.stil_start_rub {color:#fff; font-size: 24px!important; text-align:center; width:80%; margin: 0 auto; letter-spacing: 4px;}
.stil_start_rub em {letter-spacing:0px; display:block; margin-top:20px; font-style:initial!important;}
.stil_slide:not(:first-child) .stil_start_rub{color: #000;}
.stil_slide:not(:first-child) .stil_start_text{color: #000; width: 100%;}
.stil_slide:not(:first-child) .stil_start_num{color:#fff; background:#002c53; font-size:16px; font-family:'Merriweather', serif;}
.stil_slide:not(:first-child) #bxslider_stilradgivning_start_knappar hr {margin-top:11%;}
.stil_more {
  color: #fff;
  font-size: 13px!important;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  letter-spacing: 2px;
  bottom:4%;
}

.stil_start_text{    
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 2% auto;
  font-style: italic;
}
.stil_start_num{    
  text-align: center;
  background: #fff;
  width: 30px;
  border-radius: 15px;
  height: 30px;
  padding: 4px 0 0 3px;
  margin: 0 auto 3%;
}
#bxslider_stilradgivning_start_knappar hr{margin: 2% auto; width: 64%;}
#bxslider_stilradgivning_start_knapp1 {
  float: right;
  background: #EB5D40;
  font-size: 12px !important;
  text-align: center;
  height: 55px;
  line-height: 55px;
  color: #fff;
  border-radius: 0px;
  border: 0;
  padding: 0 !important;
  width: 100%;
  margin-top: 10px;
  text-transform:uppercase;
  letter-spacing: 2px;
}
#bxslider_stilradgivning_start_knapp2 {
  float: right;
  clear:both;
  background:#f4f4f4;
  font-size: 12px !important;
  text-align: center;
  height: 55px;
  line-height: 55px;
  color: #092636;
  border-radius: 0px;
  border: 0;
  padding: 0 !important;
  width: 100%;
  margin-top: 10px;
  text-transform:uppercase;
  margin-bottom: 3%;
  letter-spacing:2px;
}
#stil_slide1 #bxslider_stilradgivning_start_knapp2 {background:#fff;}
.stil_start_text #bxslider_stilradgivning_start_knapp1, #bxslider_stilradgivning_start_knappar #bxslider_stilradgivning_start_knapp1 {margin:20px auto 0; float:none; display:block; width:40%;}
.stil_start_text #bxslider_stilradgivning_start_knapp2, #bxslider_stilradgivning_start_knappar #bxslider_stilradgivning_start_knapp2 {margin:20px auto; float:none; display:block; width:40%;}

.Steg_Innehall, .Steg_Innehall img, .chbx_no_img_text, .Stilradgivning_Input, .Steg_Innehall object, #varum_visa_mer, .whyImg, .stilradgivning_label_radio, .timepicker_time, .Stilradgivning_Bild img, .stilradgivning_bx_close {cursor:pointer;}

/* DIN SIDA */
#Stilradgivning_Header {background:#002c53; text-align:center; color:#fff; text-transform:uppercase; font-weight:normal; letter-spacing:4px; font-size:12px !important; padding:8px 0;}
#Carlsupply_logo {text-align: center; margin-bottom: 10px;}
#Carlsupply_logo img {max-height: 70px;}

/* START */
.stil_header {
    background: #002c53 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px !important;
    font-weight: normal;
    letter-spacing: 5px;
    padding: 16px 0;
    text-align: center;
    text-transform: uppercase;
}

/* Checkbox */
.custom-checkbox {position:relative; display:inline-block; float:left; width:25px; margin-left:4px;}
.custom-checkbox > .box {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #051d29;
  background-color: #fff;
}
.custom-checkbox > .box > .tick {
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 6px;
  border-bottom: 2px solid #051d29;
  border-left: 2px solid #051d29;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: none;
}
.custom-checkbox > input:checked + .box > .tick {display:block;}
.custom-checkbox > input {
  position: absolute;
  outline: none;
  left: 0;
  top: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.custom-checkbox > input:active + .box {border-color: #aaa; background-color: #ddd;}

#dialogruta.stilradgivning {position:fixed; top:0; left:0;}
#dialogruta.stilradgivning #Felmeddelande {width:40%; font-size:14px; /* top:30%; */}
#dialogruta.stilradgivning #Felmeddelande a {font-size:11px; line-height:50px;}

.whyImg{float: right!important; color: #949494;}
.stil_storlekar_uppladdad{margin-top: 40px!important;}

.Utgangen_Stil {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.Utgangen_Stil_Logo {
  width: 15%;
  float: left;
}
.Utgangen_Stil_Time {
  float: right;
  width: 100%;
  height: 43px;
  text-align: center;
  background: #002c53;
  color: #fff!important;
  line-height: 43px;
}

.Stilradgivning_Artiklar .Knapp_Kop_Tabell {
  margin: 0 auto;
  width: 150px;
  height: 30px;
}

.Stilradgivning_Artiklar .storlek_slut {
  color: red;
  font-style: italic;
  width: 100%;
  text-align: center;
} 

.Stilradgivning_Artiklar .reservation_bougth {
  width: 100%;
  text-align: center;
  margin-top: 5px;
} 

.lank_utgangna_reservationer {
  text-align: center;
  width: 100%;
  display: inline-block;
  background: #09283a;
  color: #fff!important;
  margin-top: 20px;
  height: 47px;
  line-height: 47px;
  text-transform: uppercase;
  border-radius:3px;
}

.Stilradgivning_Pris {margin-bottom: 5px;}

.Stilradgivning_Outfit_Text {white-space: pre-line;}
.ui-datepicker {width:100%!important;}
.ui-datepicker-header {background:#09283a; color:#fff;}
/* #datepicker .ui-widget-content {font-family:'Merriweather', serif!important;} */
#datepicker .ui-datepicker td span, #datepicker .ui-datepicker td a {padding:.8em!important; border:none;}
.carlsupply_meny {width:100%; float:left; margin:0 0 10px; padding:30px 0; text-align:center; list-style:none; display:inline-block; background:#f3f3f3;}
.carlsupply_meny li {margin: 0.5%; display: inline-block;}
.carlsupply_meny li a {font-size:10px; color:#092636; text-transform:uppercase; border:2px solid #b5b5b5; padding:15px 18px 11px; letter-spacing:2px;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #f6f6f6; color: #454545;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background: none;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{background: #ccc; opacity: 1;}
.ui-state-disabled span, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span {color: #fff;}
#Steg_Tidsbokning #datepicker .ui-datepicker td span, #Steg_Tidsbokning #datepicker .ui-datepicker td a {font-size:16px;}
.ui-datepicker .ui-datepicker-title, .ui-datepicker table {text-transform: uppercase;}

#cs_contract_wrap {margin: 10px 0;}
#Steg_Inloggning_3 #cs_contract_wrap {float: left; clear: both;}
#Steg_Inloggning_3 #cs_contract_wrap a {text-align: left!important; display: table;}
#cs_contract_wrap input {display: block;}
#cs_contract_wrap .cs_contract{color: #0262c1; text-decoration: underline;}

/*---------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	.Stilradgivning_Rubrik, .Steg h2 {font-size:25px !important; letter-spacing:5px !important; line-height:30px !important; width:90% !important;}
	#customer_phone_lbl{width: 30%}
  #customer_phone{width: 67.8%}
  #stil_slide1 {margin:0;}

  #supply_button_wrap .loadz {top: 14px; right: 0px; transform: none;}
  #supply_button_wrap .loadz img {width: 20px;}

  #slider-next, #slider-prev {font-size: 9px!important;}
}
/*---------------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .Stilradgivning_Progressbar_Wrapper {margin:13px 0 10px;}
  .bxslider_stilradgivning .col {margin-top:10px;}
  .bxslider_stilradgivning .bloggHeader_topp img {height:70px; margin-top:-10px;}
  .bxslider_stilradgivning .bloggHeader.supply {height:50px; overflow:hidden;}
  .Stilradgivning_Rubrik, .Steg h2 {font-size:23px !important; letter-spacing:5px !important; line-height:30px !important; width:90% !important;}
  .Stilradgivning_Underrubrik {font-size:15px;}
  #dialogruta.stilradgivning #Felmeddelande {width:70%; /* top:-250px; */}
  #Steg_5 .Stilradgivning_Rubrik, #varum_visa_mer h2 {font-size: 20px!important;}
  #customer_phone_lbl{width:40%; box-sizing:border-box;}
  #customer_phone{width:60%; box-sizing:border-box;}
  #stilradgivning_form input, #stilradgivning_form select {font-size:11px;}
  #Stilradgivning_Storlekar input, #Stilradgivning_Storlekar select {font-size: 17px;}
  #Stilradgivning_Storlekar textarea, #stilradgivning_form textarea{font-size: 19px;}
  #dialogruta.stilradgivning #Felmeddelande{font-size: 17px;}
  #dialogruta.stilradgivning #Felmeddelande a {/* font-size: 17px; */}
  #dialogruta.stilradgivning {position:fixed; /* top:40%; */}
  .fileUpload label{width: 67%!important; font-size: 17px;}
  .stilradgivning_label_radio.checked::after {background-size:7%;}
  .stil_start_text #bxslider_stilradgivning_start_knapp1, #bxslider_stilradgivning_start_knappar #bxslider_stilradgivning_start_knapp1 {width:100% !important; margin:0 0 2% !important;}
  .stil_start_text #bxslider_stilradgivning_start_knapp2, #bxslider_stilradgivning_start_knappar #bxslider_stilradgivning_start_knapp2 {width:100% !important;}
  #stilradgivning_start #stil_slide5 {margin-top:40px;}
  .stil_slideKnappar {height:150px;}
  #Steg_6_Innehall_188 .stilradgivning_label_file {line-height: 18px!important; margin-top: 8px!important;}
  #Steg_6_Innehall_188 .whyImg {width:100%; text-align:right;}

  .Stilradgivning_Artiklar .Knapp_Kop a {line-height: 35px!important;}
  .Utgangen_Stil_Logo {width:20%;}
  .Utgangen_Stil_Time {height:30px; line-height:30px;}
  .Stilradgivning_Artiklar .Knapp_Kop_Tabell {width:auto; height:auto;}

  #slider-prev {float: left; width: 49%; margin: 3px }
  #slider-next {width: 48%;}
  .Steg .Steg_Innehall {width:49%; position:relative; text-align: center;}
  .bxslider_stilradgivning .stilradgivning_start_left_text{display: none;}
  .chbx_no_img, .chbx_no_img_text {width:calc(100% - 30px);}
  .carlsupply_meny {padding:10px 0; margin:0; background:#fff;}
  .carlsupply_meny li {width:100%; margin:0 0 10px; text-align:left;}
  .carlsupply_meny li a {display:block; border:2px solid #f2f2f2;}
  .bloggHeader.supply, .Minsida-reservationer .bloggHeader_topp {display:none;}
  .desktop-only {display: none;}
  .stilradgivning_start_left_text {display:none;}
  .bx-wrapper {margin-bottom:15px !important;}

  .Steg_Tacksida .Steg_Innehall {width: 100%}
  .Steg .Steg_Innehall_Varum object, .Steg .Steg_Innehall_Varum img {max-width:70%;}
  #inloggning_3_erbjud_text {margin-top: 2px; width: 90%; text-align: left;}
  #Steg_Inloggning_3 #toggle-wrapper span {font-size: 10px;}

.Minsida-reservationer {clear: both;}
}
/*---------------------------------------------------------------------------------*/
@media screen and (max-width : 500px) {
	#customer_phone_lbl{width:50%;}
	#customer_phone{width:50%;}
}
/*---------------------------------------------------------------------------------*/
@media screen and (max-width : 414px) {
	.stilradgivning_label_radio.checked::after {background-size:10%;}
  #choose_type_of_finish p.checked::after {background-size:10%;}
	.stil_next {bottom:-5%;}
  .Steg_Innehall.active::after {display:block; content:"";
  opacity:1; top:50%; left:50%; bottom:0; right:0; position:absolute; z-index:1; width:50px; height:25px; margin-top:-20px; margin-left:-20px;
  border-bottom:10px solid #fff; border-left:10px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
}
/*---------------------------------------------------------------------------------*/