/* Switchery legacy-like styles (grey theme) */
.switchery {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 40px;
    box-shadow: inset 0 0 0 0 #dfdfdf;
    transition: border 0.4s, box-shadow 0.4s;
}

.switchery>small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    height: 20px;
    position: absolute;
    top: -1px;
    left: -1px;
    transition: left 0.2s;
    width: 20px;
}

.switchery.switchery-small {
    height: 16px;
    width: 32px;
}

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

/* Grey theme */
.switchery-grey {
    border-color: #bfbfbf;
}

.switchery-grey.checked {
    background-color: #a3a3a3;
    border-color: #8f8f8f;
}

.switchery-grey.checked>small {
    left: 21px;
}

/* Checked generic */
.switchery.checked {
    background-color: #64bd63;
    /* default green if no theme */
    border-color: #64bd63;
}

.switchery.checked>small {
    left: 21px;
}