/* 
    Created on : 15/04/2016, 14:25:50
    Author     : tcavalin
*/
/* Mixins */
/* Styles */
.multi-switch {
  width: 70px;
  user-select: none;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .multi-switch * {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s; }
  .multi-switch .switch-content {
    background: #D97C6F url(../interface/ck_non.png) no-repeat 94% 2px;
    height: 25px;
    position: relative;
    cursor: pointer;
    border-radius: 31px   ;
    -moz-border-radius: 31px   ;
    -webkit-border-radius: 31px   ;
    -ms-border-radius: 31px   ; }
    .multi-switch .switch-content .switch-circle {
      background: url(../interface/symb_btn_radio_n.png);
      width: 23px;
      height: 23px;
      position: absolute;
      top: 1px;
      left: 0%;
      z-index: 1;
      margin-left: 3px;
      margin-top: -1px;
      border-radius: 23px   ;
      -moz-border-radius: 23px   ;
      -webkit-border-radius: 23px   ;
      -ms-border-radius: 23px   ;
      box-shadow:  3px 3px 0px rgba(0, 0, 0, 0.1)  ;
      -moz-box-shadow:  3px 3px 0px rgba(0, 0, 0, 0.1)  ;
      -webkit-box-shadow:  3px 3px 0px rgba(0, 0, 0, 0.1)  ; }
    .multi-switch .switch-content .info-slide {
      position: absolute;
      z-index: 2;
      width: 50%;
      height: 100%;
      display: block; }
      .multi-switch .switch-content .info-slide.active {
        right: 0;
        border-radius: 0 25px 31px 0;
        -moz-border-radius: 0 25px 31px 0;
        -webkit-border-radius: 0 25px 31px 0;
        -ms-border-radius: 0 25px 31px 0; }
      .multi-switch .switch-content .info-slide.disable {
        left: 0;
        border-radius: 25px 0 0 31px;
        -moz-border-radius: 25px 0 0 31px;
        -webkit-border-radius: 25px 0 0 31px;
        -ms-border-radius: 25px 0 0 31px; }
    .multi-switch .switch-content.active {
      background: #5DC177 url(../interface/ck_oui.png) no-repeat 6% 2px; }
      .multi-switch .switch-content.active .switch-circle {
        left: 100%;
        margin-left: -24px;
        margin-top: -2px;
        background: url(../interface/symb_btn_radio_o.png); }
    .multi-switch .switch-content.disabled {
      background-color: #AAA;
      cursor: default; }
    .multi-switch .switch-content.initial {
      background: #EEEEEE url(../interface/ImgNull.gif); }
      .multi-switch .switch-content.initial .switch-circle {
        left: 50%;
        margin-left: -12px;
        background: url(../interface/ck_rond_ind.png) no-repeat; }
  .multi-switch input {
    display: none; }