/*
    Switch Button v 1.0
    29/03/2017
    By Federico Kronhaus
    federicokronhaus@gmail.com
*/
.switchButton{
    display: inline-block;
    background-color: #B3B3B3;
    position: relative;
    /*height: 36px;*/
    cursor: pointer;
    margin-top: 6px;

}
.switchButton .state.selector{
    background-color: #10B0E6;
    position: absolute;
}
.switchButton .state{
    display: inline-block;
    padding:8px 20px;
    color:#FFF;
    font-weight: bold;
    height: 36px;
}

.switchButton .state.small {
    height: 27px;   
    font-size: 1rem;
    padding: 8px 13px;
}
.switchCheckbox {
    float: left;    
    font-size: 3rem;
    cursor: pointer;
    margin-top: 6px;
}