/* ========================================================================== */
/* STYLED CHECKBOX: START*/
/* ========================================================================== */
/* Remove default checkbox */
input[type="checkbox"][class^="styled-checkbox-"]:not(:checked),
input[type="checkbox"][class^="styled-checkbox-"]:checked,
input[type="checkbox"][class="filled-in"]:not(:checked),
input[type="checkbox"][class="filled-in"]:checked {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
}

[class^="styled-checkbox-"] {
    /* checkbox aspect */
}

    [class^="styled-checkbox-"] + label,
    [class^="styled-checkbox-"] + [type="hidden"] + label {
        font-weight: bold !important;
        font-size: 14px !important;
    }

    [class^="styled-checkbox-"] + label,
    [class^="styled-checkbox-"] + [type="hidden"] + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-user-select: none;
        /* webkit (safari, chrome) browsers */
        -moz-user-select: none;
        /* mozilla browsers */
        -khtml-user-select: none;
        /* webkit (konqueror) browsers */
        -ms-user-select: none;
        /* IE10+ */
    }

        [class^="styled-checkbox-"] + label:before,
        [class^="styled-checkbox-"]:not(.filled-in) + label:after,
        [class^="styled-checkbox-"] + [type="hidden"] + label:before,
        [class^="styled-checkbox-"]:not(.filled-in) + [type="hidden"] + label:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 18px;
            height: 18px;
            z-index: 0;
            border: 2px solid #5a5a5a;
            border-radius: 1px;
            margin-top: 2px;
            transition: .2s;
        }

    [class^="styled-checkbox-"]:not(.filled-in) + label:after,
    [class^="styled-checkbox-"]:not(.filled-in) + [type="hidden"] + label:after {
        border: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    [class^="styled-checkbox-"]:not(:checked):disabled + label:before,
    [class^="styled-checkbox-"]:not(:checked):disabled + [type="hidden"] + label:before {
        border: none;
        background-color: rgba(0, 0, 0, 0.26);
    }

    [class^="styled-checkbox-"][readonly='readonly']:not(:checked) + label:before,
    [class^="styled-checkbox-"][readonly='readonly']:not(:checked) + [type="hidden"] + label:before {
        border: none;
        background-color: rgba(0, 0, 0, 0.26);
    }

    [class^="styled-checkbox-"].tabbed:focus + label:after,
    [class^="styled-checkbox-"].tabbed:focus + [type="hidden"] + label:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        border: 0;
        border-radius: 50%;
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 0, 0, 0.1);
    }

    [class^="styled-checkbox-"]:checked + label:before,
    [class^="styled-checkbox-"]:checked + [type="hidden"] + label:before {
        top: -4px;
        left: -5px;
        width: 12px;
        height: 22px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #26a69a;
        border-bottom: 2px solid #26a69a;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    [class^="styled-checkbox-"]:checked:disabled + label:before,
    [class^="styled-checkbox-"]:checked:disabled + [type="hidden"] + label:before {
        border-right: 2px solid rgba(0, 0, 0, 0.26);
        border-bottom: 2px solid rgba(0, 0, 0, 0.26);
    }

    [class^="styled-checkbox-"][readonly='readonly']:checked:disabled + label:before,
    [class^="styled-checkbox-"][readonly='readonly']:checked:disabled + [type="hidden"] + label:before {
        border-right: 2px solid rgba(0, 0, 0, 0.26);
        border-bottom: 2px solid rgba(0, 0, 0, 0.26);
    }

    /* Indeterminate checkbox */
    [class^="styled-checkbox-"]:indeterminate + label:before,
    [class^="styled-checkbox-"]:indeterminate + [type="hidden"] + label:before {
        top: -11px;
        left: -12px;
        width: 10px;
        height: 22px;
        border-top: none;
        border-left: none;
        border-right: 2px solid #26a69a;
        border-bottom: none;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    [class^="styled-checkbox-"]:indeterminate:disabled + label:before,
    [class^="styled-checkbox-"]:indeterminate:disabled + [type="hidden"] + label:before {
        border-right: 2px solid rgba(0, 0, 0, 0.26);
        background-color: transparent;
    }

    [class^="styled-checkbox-"].filled-in + label:after,
    [class^="styled-checkbox-"].filled-in + [type="hidden"] + label:after {
        border-radius: 2px;
    }

    [class^="styled-checkbox-"].filled-in + label:before,
    [class^="styled-checkbox-"].filled-in + label:after,
    [class^="styled-checkbox-"].filled-in + [type="hidden"] + label:before,
    [class^="styled-checkbox-"].filled-in + [type="hidden"] + label:after {
        content: '';
        left: 0;
        position: absolute;
        /* .1s delay is for check animation */
        transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
        z-index: 1;
    }

    [class^="styled-checkbox-"].filled-in:not(:checked) + label:before,
    [class^="styled-checkbox-"].filled-in:not(:checked) + [type="hidden"] + label:before {
        width: 0;
        height: 0;
        border: 3px solid transparent;
        left: 6px;
        top: 10px;
        -webkit-transform: rotateZ(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 20% 40%;
        transform-origin: 100% 100%;
    }

    [class^="styled-checkbox-"].filled-in:not(:checked) + label:after,
    [class^="styled-checkbox-"].filled-in:not(:checked) + [type="hidden"] + label:after {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border: 2px solid #5a5a5a;
        top: 0px;
        z-index: 0;
    }

    [class^="styled-checkbox-"].filled-in:checked + label:before,
    [class^="styled-checkbox-"].filled-in:checked + [type="hidden"] + label:before {
        top: 0;
        left: 1px;
        width: 8px;
        height: 13px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotateZ(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    [class^="styled-checkbox-"].filled-in:checked + label:after,
    [class^="styled-checkbox-"].filled-in:checked + [type="hidden"] + label:after {
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #26a69a;
        background-color: #26a69a;
        z-index: 0;
    }

    [class^="styled-checkbox-"].filled-in.tabbed:focus + label:after,
    [class^="styled-checkbox-"].filled-in.tabbed:focus + [type="hidden"] + label:after {
        border-radius: 2px;
        border-color: #5a5a5a;
        background-color: rgba(0, 0, 0, 0.1);
    }

    [class^="styled-checkbox-"].filled-in.tabbed:checked:focus + label:after,
    [class^="styled-checkbox-"].filled-in.tabbed:checked:focus + [type="hidden"] + label:after {
        border-radius: 2px;
        background-color: #26a69a;
        border-color: #26a69a;
    }

    [class^="styled-checkbox-"].filled-in:disabled:not(:checked) + label:before,
    [class^="styled-checkbox-"].filled-in:disabled:not(:checked) + [type="hidden"] + label:before {
        background-color: transparent;
        border: 2px solid transparent;
    }

    [class^="styled-checkbox-"][readonly="readonly"].filled-in:not(:checked) + label:before,
    [class^="styled-checkbox-"][readonly="readonly"].filled-in:not(:checked) + [type="hidden"] + label:before {
        background-color: transparent;
        border: 2px solid transparent;
    }

    [class^="styled-checkbox-"].filled-in:disabled:not(:checked) + label:after,
    [class^="styled-checkbox-"].filled-in:disabled:not(:checked) + [type="hidden"] + label:after {
        border-color: transparent;
        background-color: #BDBDBD;
    }

    [class^="styled-checkbox-"][readonly="readonly"].filled-in:not(:checked) + label:after,
    [class^="styled-checkbox-"][readonly="readonly"].filled-in:not(:checked) + [type="hidden"] + label:after {
        border-color: transparent;
        background-color: #BDBDBD;
    }

    [class^="styled-checkbox-"].filled-in:disabled:checked + label:before,
    [class^="styled-checkbox-"].filled-in:disabled:checked + [type="hidden"] + label:before {
        background-color: transparent;
    }

    [class^="styled-checkbox-"][readonly="readonly"].filled-in:checked + label:before,
    [class^="styled-checkbox-"][readonly="readonly"].filled-in:checked + [type="hidden"] + label:before {
        background-color: transparent;
    }

    [class^="styled-checkbox-"].filled-in:disabled:checked + label:after,
    [class^="styled-checkbox-"].filled-in:disabled:checked + [type="hidden"] + label:after {
        background-color: #BDBDBD !important;
        border-color: #BDBDBD !important;
    }

    [class^="styled-checkbox-"][readonly="readonly"].filled-in:checked + label:after,
    [class^="styled-checkbox-"][readonly="readonly"].filled-in:checked + [type="hidden"] + label:after {
        background-color: #BDBDBD !important;
        border-color: #BDBDBD !important;
    }

    /* Checkbox Different Styles ============================ */
    /*[class^="styled-checkbox-"] + label, 
[class^="styled-checkbox-"] + [type="hidden"] + label {
    font-family: 'Roboto', Arial, Tahoma, sans-serif !important;
}*/

    [class^="styled-checkbox-"] + label,
    [class^="styled-checkbox-"] + [type="hidden"] + label {
        padding-left: 26px;
        height: 25px;
        line-height: 15px;
        font-size: 13px;
        font-weight: normal;
        min-width: 150px;
        text-align: left;
    }

    [class^="styled-checkbox-"]:checked + label:before,
    [class^="styled-checkbox-"]:checked + [type="hidden"] + label:before {
        top: -4px;
        left: -2px;
        width: 11px;
        height: 19px;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-red + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-red + [type="hidden"] + label:before {
        border-right: 2px solid #F44336;
        border-bottom: 2px solid #F44336;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-pink + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-pink + [type="hidden"] + label:before {
        border-right: 2px solid #E91E63;
        border-bottom: 2px solid #E91E63;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-purple + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-purple + [type="hidden"] + label:before {
        border-right: 2px solid #9C27B0;
        border-bottom: 2px solid #9C27B0;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-deep-purple + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-deep-purple + [type="hidden"] + label:before {
        border-right: 2px solid #673AB7;
        border-bottom: 2px solid #673AB7;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-indigo + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-indigo + [type="hidden"] + label:before {
        border-right: 2px solid #3F51B5;
        border-bottom: 2px solid #3F51B5;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-blue + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-blue + [type="hidden"] + label:before {
        border-right: 2px solid #2196F3;
        border-bottom: 2px solid #2196F3;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-light-blue + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-light-blue + [type="hidden"] + label:before {
        border-right: 2px solid #03A9F4;
        border-bottom: 2px solid #03A9F4;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-cyan + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-cyan + [type="hidden"] + label:before {
        border-right: 2px solid #00BCD4;
        border-bottom: 2px solid #00BCD4;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-teal + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-teal + [type="hidden"] + label:before {
        border-right: 2px solid #009688;
        border-bottom: 2px solid #009688;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-green + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-green + [type="hidden"] + label:before {
        border-right: 2px solid #4CAF50;
        border-bottom: 2px solid #4CAF50;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-light-green + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-light-green + [type="hidden"] + label:before {
        border-right: 2px solid #8BC34A;
        border-bottom: 2px solid #8BC34A;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-lime + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-lime + [type="hidden"] + label:before {
        border-right: 2px solid #CDDC39;
        border-bottom: 2px solid #CDDC39;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-yellow + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-yellow + [type="hidden"] + label:before {
        border-right: 2px solid #ffe821;
        border-bottom: 2px solid #ffe821;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-amber + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-amber + [type="hidden"] + label:before {
        border-right: 2px solid #FFC107;
        border-bottom: 2px solid #FFC107;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-orange + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-orange + [type="hidden"] + label:before {
        border-right: 2px solid #FF9800;
        border-bottom: 2px solid #FF9800;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-deep-orange + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-deep-orange + [type="hidden"] + label:before {
        border-right: 2px solid #FF5722;
        border-bottom: 2px solid #FF5722;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-brown + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-brown + [type="hidden"] + label:before {
        border-right: 2px solid #795548;
        border-bottom: 2px solid #795548;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-grey + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-grey + [type="hidden"] + label:before {
        border-right: 2px solid #9E9E9E;
        border-bottom: 2px solid #9E9E9E;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-blue-grey + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-blue-grey + [type="hidden"] + label:before {
        border-right: 2px solid #607D8B;
        border-bottom: 2px solid #607D8B;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-black + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-black + [type="hidden"] + label:before {
        border-right: 2px solid #000000;
        border-bottom: 2px solid #000000;
    }

    [class^="styled-checkbox-"]:checked.styled-checkbox-white + label:before,
    [class^="styled-checkbox-"]:checked.styled-checkbox-white + [type="hidden"] + label:before {
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }

    [class^="styled-checkbox-"].filled-in:checked + label:after,
    [class^="styled-checkbox-"].filled-in:checked + [type="hidden"] + label:after {
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #26a69a;
        background-color: #26a69a;
        z-index: 0;
    }

    [class^="styled-checkbox-"].filled-in:checked + label:before,
    [class^="styled-checkbox-"].filled-in:checked + [type="hidden"] + label:before {
        border-right: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-red + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-red + [type="hidden"] + label:after {
        border: 2px solid #F44336;
        background-color: #F44336;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-pink + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-pink + [type="hidden"] + label:after {
        border: 2px solid #E91E63;
        background-color: #E91E63;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-purple + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-purple + [type="hidden"] + label:after {
        border: 2px solid #9C27B0;
        background-color: #9C27B0;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-deep-purple + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-deep-purple + [type="hidden"] + label:after {
        border: 2px solid #673AB7;
        background-color: #673AB7;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-indigo + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-indigo + [type="hidden"] + label:after {
        border: 2px solid #3F51B5;
        background-color: #3F51B5;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-blue + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-blue + [type="hidden"] + label:after {
        border: 2px solid #2196F3;
        background-color: #2196F3;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-light-blue + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-light-blue + [type="hidden"] + label:after {
        border: 2px solid #03A9F4;
        background-color: #03A9F4;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-cyan + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-cyan + [type="hidden"] + label:after {
        border: 2px solid #00BCD4;
        background-color: #00BCD4;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-teal + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-teal + [type="hidden"] + label:after {
        border: 2px solid #009688;
        background-color: #009688;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-green + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-green + [type="hidden"] + label:after {
        border: 2px solid #4CAF50;
        background-color: #4CAF50;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-light-green + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-light-green + [type="hidden"] + label:after {
        border: 2px solid #8BC34A;
        background-color: #8BC34A;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-lime + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-lime + [type="hidden"] + label:after {
        border: 2px solid #CDDC39;
        background-color: #CDDC39;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-yellow + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-yellow + [type="hidden"] + label:after {
        border: 2px solid #ffe821;
        background-color: #ffe821;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-amber + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-amber + [type="hidden"] + label:after {
        border: 2px solid #FFC107;
        background-color: #FFC107;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-orange + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-orange + [type="hidden"] + label:after {
        border: 2px solid #FF9800;
        background-color: #FF9800;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-deep-orange + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-deep-orange + [type="hidden"] + label:after {
        border: 2px solid #FF5722;
        background-color: #FF5722;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-brown + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-brown + [type="hidden"] + label:after {
        border: 2px solid #795548;
        background-color: #795548;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-grey + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-grey + [type="hidden"] + label:after {
        border: 2px solid #9E9E9E;
        background-color: #9E9E9E;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-blue-grey + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-blue-grey + [type="hidden"] + label:after {
        border: 2px solid #607D8B;
        background-color: #607D8B;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-black + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-black + [type="hidden"] + label:after {
        border: 2px solid #000000;
        background-color: #000000;
    }

    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-white + label:after,
    [class^="styled-checkbox-"].filled-in:checked.styled-checkbox-white + [type="hidden"] + label:after {
        border: 2px solid #ffffff;
        background-color: #ffffff;
    }
/* ========================================================================== */
/* STYLED CHECKBOX: END*/
/* ========================================================================== */