/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/*******************************************************
Slider B-flat
*******************************************************/
#checkbox {display:inline-block; margin:0px; padding:0px;}
.checkbox-slider--b-flat {position:relative;}

#checkbox > .checkbox label {width:auto !important; height:25px; border:0px !important;}
#checkbox > .checkbox label::before {content: ""; display: inline-block;position: absolute;width: 0px;height: 0px;right: 0;margin-left: 0px;border: 0px solid #cccccc;border-radius: 1px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}

.checkbox-slider--b-flat input {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 0%;height: 0%;margin: 0 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.checkbox-slider--b-flat input + span {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox-slider--b-flat input + span:before {position: relative;left: 0px;display:inline-block; overflow:hidden}
.checkbox-slider--b-flat input + span > h4 {display: inline;}
.checkbox-slider--b-flat input + span {pdding-left: 40px;}
.checkbox-slider--b-flat input + span:before {content: "";height: 23px;width: 50px;background: rgba(100, 100, 100, 0.4);box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);transition: background 0.2s ease-out;}
.checkbox-slider--b-flat input + span:after {width: 30px;height: 23px;position: absolute;left: 0px;top: 0;display: block;background: #ffffff;transition: margin-left 0.1s ease-in-out;text-align: center;font-weight: bold;content: "";color:#5c422c}
.checkbox-slider--b-flat input:checked + span:after {
  margin-left: 32px;
  content: "";
  padding-top:1px;
  border-radius:100px;
}
.checkbox-slider--b-flat input:checked + span:before {
  transition: background 0.2s ease-in;
  content: "ON";
  color:#fff;
  padding:3px 10px;
  font-weight:bold;
  text-align:left
}
.checkbox-slider--b-flat input + span {pdding-left: 40px;}
.checkbox-slider--b-flat input + span:before {border-radius: 0px; width: 55px; border-radius:100px; content: "OFF"; color:#fff; padding:3px 10px 3px 25px; font-weight:bold;}
.checkbox-slider--b-flat input + span:after {background: #ffffff; content: ""; width: 23px; border: solid transparent 2px; background-clip: padding-box; padding-top:1px; border-radius:100px;}
.checkbox-slider--b-flat input:checked + span:before {background: #5cb85c;}
.checkbox-slider--b-flat.checkbox-slider-md input + span:before {border-radius: 30px;}
.checkbox-slider--b-flat.checkbox-slider-md input + span:after {border-radius: 30px;}
.checkbox-slider--b-flat.checkbox-slider-lg input + span:before {border-radius: 40px;}
.checkbox-slider--b-flat.checkbox-slider-lg input + span:after {border-radius: 40px;}
.checkbox-slider--b-flat input + span:before {box-shadow: none;}

/*******************************************************
Indicators
*******************************************************/
input:checked + .indicator-warning {
  color: #f0ad4e;
}

/*******************************************************
Variations
*******************************************************/
.checkbox-slider-warning.checkbox-slider--default input:checked + span:after,
.checkbox-slider-warning.checkbox-slider--a input:checked + span:after,
.checkbox-slider-warning.checkbox-slider--c input:checked + span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
  background: #d98735;
  background-clip:content-box;
}
.checkbox-slider-warning.checkbox-slider--c input:checked + span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
  border-color: #d98735;
}
.checkbox-slider-warning.checkbox-slider--b input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:before {
  background: #d98735;
}