.pb-form-switch{
    display: inline-block;
    position: relative;
    cursor:pointer;    
    vertical-align: top;
    .toggle-track{
        width: 45px;
        height: 20px;
        border-radius: 10px;
        background-color: #1587d9;
        background-size: 10px 10px;
        &.check{
            background-position: 6px 50%;
        }
        &.no-check{
            background-position: 20px 50%;            
        }
        .check{
            opacity: 1;
            transition:all .3s ease;
        }
        .no-check{
            opacity: 0;
            transition:all .3s ease;                
        }
        div{
            width: 18px;
            height: 100%;
            float: left;
        }
    }
    &.left{
        .toggle-thumb{ 
            left: 2px;
        }
        .check{ 
            opacity: 0; 
        }
        .no-check{ 
            opacity: 1;
        } 
        .toggle-track{
            background-color: #c3cbd1;
        }
    }
    .toggle-thumb{
        width: 16px;
        height: 16px;
        border-radius: 50%;
        position: absolute;
        top: 2px;
        left: 27px;
        background: #fff;
    }
}