/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

/* Switchery defaults. */

.switchery {
    background-color: #F0F0F0 ;
    border: 1px solid rgba(202, 202, 202, 0.74) !important;
    border-radius: 20px !important;
    box-shadow: rgba(3, 3, 3, 0.09) 0px 1px 2px 0px inset, rgba(255, 255, 255, 0.15) 0px -7px 7px 0px inset!important;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    position: relative;
    vertical-align: middle;
    width: 49px;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box;
}

.switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    height: 22px;
    position: absolute;
    top: 2px;
    /* right: -21px; */
    /* left: 20px !important; */
    width: 22px;
}

/* Switchery sizes. */

.switchery-small {
    border-radius: 20px;
    height: 20px;
    width: 33px;
}

.switchery-small > small {
    height: 20px;
    width: 20px;
}

.switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px;
}

.switchery-large > small {
    height: 40px;
    width: 40px;
}