﻿
/* Toggle CSS*/

.toggle-slide {overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr;}
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {float: left;}
.toggle-slide .toggle-blob {position: relative; z-index: 94; cursor: hand; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;}
.toggle {height: 23px; margin: 22px auto; width: 70px;}
.toggle-modern .toggle-slide {border-radius: 0px; text-shadow: none; background: #c0c5c9; -webkit-box-shadow: none; box-shadow: none;}
.toggle-modern .toggle-on,.toggle-modern .toggle-off {-webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; color: white; text-shadow: none; font-size: 11px; -webkit-box-shadow: none; box-shadow: none;}
.toggle-modern .toggle-select .toggle-off,.toggle-modern .toggle-select .toggle-on {background: none;}
.toggle-modern .toggle-off,
.toggle-modern .toggle-off.active {
    /*background: -webkit-gradient(linear, left top, left bottom, from(#737e8d), to(#3f454e));
  background: -webkit-linear-gradient(#737e8d, #3f454e);
  background: linear-gradient(#737e8d, #3f454e);*/
    background-color: #808080;
}

.toggle-modern .toggle-on,
.toggle-modern .toggle-on.active {
    /*background: -webkit-gradient(linear, left top, left bottom, from(#4894cd), to(#2852a6));
  background: -webkit-linear-gradient(#4894cd, #2852a6);
  background: linear-gradient(#4894cd, #2852a6);*/
    background-color: #f6a637;
}
.toggle-modern .toggle-blob {
    background: #cccccc;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
}
.toggle-modern .toggle-blob:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#a1a9af), to(#a1a9af));
        background-image: -webkit-linear-gradient(#a1a9af, #a1a9af);
        background-image: linear-gradient(#a1a9af, #a1a9af);
    }

.toggle-slide .toggle-inner .toggle-on {
    text-indent: 7.5px !important;
}

.toggle-slide .toggle-inner .toggle-off {
    text-indent: 22.5px !important;
}
