
/* TABS in CALCULATOR */
*, *:before, *:after {
  box-sizing: inherit;
}
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
  content: "";
  display: table;
  clear: both;
}
.w3-container, .w3-panel {padding: 0.01em 16px;}
.w3-padding-large {padding: 12px 24px!important;}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
  float: left;
  width: 100%;
}
.w3-rest {overflow: hidden;}

.calculator_wrapper .tablink.hotel, .w3-container.tarif_tab.w3-padding-large.hotel {background: rgba(40, 167, 223, 0.5);}
.calculator_wrapper .tablink.hostel, .w3-container.tarif_tab.w3-padding-large.hostel {background: rgba(138, 196, 65, 0.5);}

.calculator_wrapper .tablink {
  cursor: pointer;
  height: 183px;
  width: 50px;
  border-radius: 20px 0 0px 20px;
  margin-bottom: 3px;
  position: relative;
  opacity: 0.5;
}
.calculator_wrapper .tablink:hover,
.calculator_wrapper .tablink.active {
  opacity: 1;
}
.calculator_wrapper .tablink span {
  transform: rotate(-90deg);
  display: block;
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  color: #fff;
}

.calculator_wrapper .span_1_of_2 + .span_1_of_2 {
  padding-right: 0px;
  padding-left: 10px;
}
/* END TABS in CALCULATOR */

.clh-calculator, .col.clh-calculator {background:#f0f0f0; padding:20px;}
.calc-1, .calc-2, .calc-3, .calc-5 {background:#fff;margin-bottom:3px; border-bottom:3px solid rgba(0,0,0,0.1);padding:10px;}
.calc-1, .calc-2, .calc-3, .calc-4, .calc-5 {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left; width:100%;}
.clh-calc-pick a {height:32px; width: 24.25%; overflow: hidden; float:left; text-align:center; color:#222; background:#eee; line-height:30px; border-radius:4px; margin-right:1%; flex-basis: 24%;}
.clh-calc-pick.period a {width:19.2%; flex-basis: 19%;}
.clh-calc-pick.period a span {vertical-align: initial;}
.clh-calc-pick a:last-child {margin-right:0;}
.clh-calc-pick a.active {background: #faaf3b; color:#fff;}
.calc-1, .calc-2 {display:block; width:100%; clear:both;}
.clh-calc-pick {width:100%; height: 32px; display: flex; justify-content: space-between;}
.calc-3 {}
.calc-3 input[type="checkbox"] {margin:0 10px 0 0; width:20px; height:20px; cursor:pointer; float: left;}
.calc-3 label {line-height:20px; cursor:pointer; display:block; margin-bottom:10px;font-size:17px; font-weight:600; float: none;}
.clh-calc-pick input[type="text"] {width:50px; height: 32px; text-align:center; line-height:30px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #999; float:left; margin-left:10px;}
.clh-calc-pick input[type="range"] {width:80%; width:calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); height: 32px; float:left; margin:0;}
.clh-calculator .calc-1 p, .clh-calculator .calc-2 p, .clh-calculator .calc-3 p {font-size:17px; line-height:23px; font-weight:600; margin-bottom:10px;}
.calc-3 .clh-calculator p {margin-bottom:9px;}
.calc-5 > div {width:49%; float:left;}
.calc-5 > div:first-child {margin-right:2%; float:left;}
.calc-1 {height:89px;}
.calc-2 {height:89px;}
.calc-3 {height:117px; margin-bottom:0;}
.calc-4 {height:238px;padding:10px 0; position:relative;}
.calc-5 {height:63px; margin-bottom:0;}
.clh-calc-chm.disabled {opacity:0.4;position:relative;}
.clh-calc-chm.disabled:before {content:''; position: absolute; top: 0; left: 0; width:100%; height:100%; z-index:1; background:none; cursor:default;}
.calc-4 p {margin-bottom:5px; padding:0px 10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.calc-4 p b {margin-right:10px;}
.calc-4 p.clh-itogo {background:rgba(255,255,255,0.7); padding:5px 10px; position:absolute; bottom:0; left:0; width:100%;background:#fff;margin-bottom:3px; border-bottom:3px solid rgba(0,0,0,0.1);}