/*@import url('fonts/font-awesome/css/font-awesome.min.css');*/
:root{
    --uncheck-icon:"\f096";
    --check-icon:"\f14a";
    --disable-icon:"\f096";
}
.ocs-checkbox {
display:none;
}
label {
cursor:pointer;
}
.ocs-checkbox + .label-text,.ocs-checkbox + span{
    user-select:none;
}
.ocs-checkbox + .label-text:before,.ocs-checkbox + span:before {
    content: var(--uncheck-icon);
    font-family:FontAwesome;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    width:1em;
    margin-right:3px;
    animation:tickUncheckbok 0.2s ease-in-out;
    display: inline-block;
    font-size:1.3em;
    position:relative;
    top:0.1em;
    
    }
.ocs-checkbox.sm + .label-text:before,.ocs-checkbox.sm + span:before{
    font-size:inherit;
    top:0em;
}
.ocs-checkbox.md + .label-text:before,.ocs-checkbox.md + span:before{
    font-size:1.5em;
    top:0.15em;
}
.ocs-checkbox.lg + .label-text:before,.ocs-checkbox.lg + span:before{
    font-size:2em;
    top:0.2em;
}
.ocs-checkbox + .label-text:before, .ocs-checkbox + span:before {
    opacity: 0.4;
}
.ocs-checkbox:checked + .label-text:before, .ocs-checkbox:checked + span:before {
    opacity: 1;
    transition:opacity .2s ease-in;
}
.ocs-checkbox:hover + .label-text:before, .ocs-checkbox:hover + span:before {
    opacity: 1;
    transition: opacity .2s ease-in;
}
    .ocs-checkbox:checked + .label-text:before, .ocs-checkbox:checked + span:before {
        content: var(--check-icon);
        animation: tickcheckbok 0.2s ease-in-out;
        display: inline-block;
        color: var(--ocs-primary-color);
    }
  .ocs-checkbox:disabled + .label-text:before,.ocs-checkbox:disabled + span:before {
    content: var(--disable-icon);
    animation:tickcheckbok 0.2s ease-in-out;
    display: inline-block;
    opacity:.3;
    
}
.ocs-checkbox:disabled + .label-text,.ocs-checkbox:disabled + span{
    opacity:.7;
}
.ocs-checkbox.default:checked + .label-text:before, .ocs-checkbox.default:checked + span:before,
.ocs-checkbox.default + .label-text:before, .ocs-checkbox.default + span:before {
    color: inherit;
}
 
@keyframes tickcheckbok{
    0% {
        -webkit-transform:scale(.7); 
        transform:scale(.7);
    }
    80% {
        -webkit-transform:scale(1.1); 
        transform:scale(1.1);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes tickUncheckbok{
    0% {
        -webkit-transform:scale(1); 
        transform:scale(1);
    }
    /*80% {
        -webkit-transform:scale(1.1); 
        transform:scale(1.1);
    }*/
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}


@media screen and (max-width: 500px) {
    /*.panel-title {
    overflow:auto;
    }*/
}