/* ============================================================
 * bootstrapSwitch v1.1 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */

.switch {
  background           : #e6e6e6;
  border               : 1px solid;
  border-color         : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -moz-border-radius   : 5px;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
  cursor               : pointer;
  display              : inline-block;
  line-height          : 8px;
  min-width            : 102px;
  overflow             : hidden;
  position             : relative;
  text-align           : left;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
}

.switch.switch-mini {
  min-width: 72px;
}

.switch.switch-small {
  min-width: 81px;
}

.switch.switch-large {
  min-width: 120px;
}

.switch.deactivate {
  cursor : default !important;
  filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.switch.deactivate label, .switch.deactivate span {
  cursor: default !important;
}

.switch > div {
  display : inline-block;
  position: relative;
  top     : 0;
  width   : 150%;
}

.switch > div.switch-animate {
  -webkit-transition: left 0.5s;
  -moz-transition   : left 0.5s;
  -o-transition     : left 0.5s;
  transition        : left 0.5s;
}

.switch > div.switch-off {
  left: -50%;
}

.switch > div.switch-on {
  left: 0%;
}

.switch input[type=checkbox] {
  display: none;
}

.switch span, .switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  cursor            : pointer;
  display           : inline-block;
  font-size         : 14px;
  height            : 100%;
  line-height       : 20px;
  padding-bottom    : 4px;
  padding-top       : 4px;
  position          : relative;
}

.switch span.switch-mini, .switch label.switch-mini {
  font-size     : 10px;
  line-height   : 9px;
  padding-bottom: 4px;
  padding-top   : 4px;
}

.switch span.switch-small, .switch label.switch-small {
  font-size     : 12px;
  line-height   : 18px;
  padding-bottom: 3px;
  padding-top   : 3px;
}

.switch span.switch-large, .switch label.switch-large {
  font-size     : 16px;
  line-height   : normal;
  padding-bottom: 9px;
  padding-top   : 9px;
}

.switch label {
  background      : white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  border-left     : 1px solid #e6e6e6;
  border-right    : 1px solid #e6e6e6;
  margin-bottom   : -1px;
  margin-top      : -1px;
  width           : 33.333333%;
  z-index         : 100;
}

.switch span {
  color     : white;
  text-align: center;
  width     : 33.333333%;
  z-index   : 1;
}

.switch span.switch-left {
  -moz-border-radius-bottomleft    : 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius        : 4px;
  -moz-border-radius-topleft       : 4px;
  -webkit-border-top-left-radius   : 4px;
  border-top-left-radius           : 4px;
}

.switch span.switch-right {
  background-image                  : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image                  : -webkit-linear-gradient(bottom, #ffffff, #e6e6e6);
  background-image                  : -moz-linear-gradient(bottom, #ffffff, #e6e6e6);
  background-image                  : -o-linear-gradient(bottom, #ffffff, #e6e6e6);
  background-image                  : linear-gradient(bottom, #ffffff, #e6e6e6);
  -moz-border-radius-bottomright    : 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius        : 4px;
  -moz-border-radius-topright       : 4px;
  -webkit-border-top-right-radius   : 4px;
  border-top-right-radius           : 4px;
  color                             : black;
}

.switch span.switch-primary, .switch span.switch-left {
  background      : #0088cc;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
  background-image: -webkit-linear-gradient(bottom, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(bottom, #0088cc, #0055cc);
  background-image: -o-linear-gradient(bottom, #0088cc, #0055cc);
  background-image: linear-gradient(bottom, #0088cc, #0055cc);
  color           : white;
}

.switch span.switch-info {
  background      : #5bc0de;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
  background-image: -webkit-linear-gradient(bottom, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(bottom, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(bottom, #5bc0de, #2f96b4);
  background-image: linear-gradient(bottom, #5bc0de, #2f96b4);
  color           : white;
}

.switch span.switch-success {
  background      : #62c462;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351));
  background-image: -webkit-linear-gradient(bottom, #62c462, #51a351);
  background-image: -moz-linear-gradient(bottom, #62c462, #51a351);
  background-image: -o-linear-gradient(bottom, #62c462, #51a351);
  background-image: linear-gradient(bottom, #62c462, #51a351);
  color           : white;
}

.switch span.switch-warning {
  background      : #dbb450;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbb450), color-stop(100%, #f89406));
  background-image: -webkit-linear-gradient(bottom, #dbb450, #f89406);
  background-image: -moz-linear-gradient(bottom, #dbb450, #f89406);
  background-image: -o-linear-gradient(bottom, #dbb450, #f89406);
  background-image: linear-gradient(bottom, #dbb450, #f89406);
  color           : white;
}

.switch span.switch-danger {
  background      : #ee5f5b;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
  background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f);
  background-image: linear-gradient(bottom, #ee5f5b, #bd362f);
  color           : white;
}