﻿.checkbox {
    margin-bottom: 10px;
}

    .checkbox label {
        display: block;
        padding-left: 24px !important;
        line-height: 20px;
    }

    .checkbox input {
        top: 0;
        left: 0;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
        position: absolute;
    }

        .checkbox input:checked ~ .checkbox-icon:before {
            border-color: #00d9ff;
            /*background-color: #11283b;*/
            border: solid 2px #11283b;
        }

    .checkbox .checkbox-icon:before,
    .checkbox .checkbox-icon:after {
        position: absolute;
        content: "";
        transition: all 200ms;
    }

    .checkbox .checkbox-icon:before {
        left: 0;
        border: 2px solid #7a7a7a;
        /*border: 2px solid #315a7a !important;*/
    }

    .checkbox input {
        width: 15px;
        height: 15px;
    }

    .checkbox span {
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none;
    }

    .checkbox input[disabled]:checked {
        display: none;
    }


    .checkbox input:checked ~ .checkbox-icon:after {
        transform: scale(1);
        opacity: 1;
    }

    .checkbox .checkbox-icon:before {
        top: 0;
        width: 18px;
        height: 18px;
        border-radius: 2px;
        color: #fff;
    }

    .checkbox .checkbox-icon:after {
        content: '\2713';
        font-size: 16px;
        left: 3px;
        top: 1px;
        /*color: #fff;*/
        color: #00d9ff;
        transform: scale(0);
        opacity: 0;
        font-weight: bold;
    }
