﻿



     CheckBox Input    
.select-all-checkbox + .form-check-sign:before {
    background: #ccc !important;
    border-color: #ccc !important;
}

.form-check [type="checkbox"]:not(:checked), .form-check [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .form-check [type="checkbox"]:not(:checked) + .form-check-sign, .form-check [type="checkbox"]:checked + .form-check-sign, .form-check [type="checkbox"] + .form-check-sign {
        position: relative;
        padding-left: 2em;
        color: #575962;
        cursor: pointer;
        font-weight:bold;
    }

        .form-check [type="checkbox"]:not(:checked) + .form-check-sign:before, .form-check [type="checkbox"]:checked + .form-check-sign:before, .form-check [type="checkbox"] + .form-check-sign:before {
            content: '';
            position: absolute;
            left: 0;
            top: 1px;
            width: 16px;
            height: 16px;
            border: 1px solid #ccc;
            background: transparent;
            border-radius: 4px;
        }

        .form-check [type="checkbox"]:not(:checked) + .form-check-sign:after, .form-check [type="checkbox"]:checked + .form-check-sign:after, .form-check [type="checkbox"] + .form-check-sign:after {
            content: "\f00c";
            display: inline-block;
            position: absolute;
            top: -1px;
            left: 2px;
            width: 18px;
            height: 18px;
            text-align: center;
            font-size: 1.3em;
            line-height: 0.8;
            color: #1572E8;
            transition: all .2s;
            font-family: 'Font Awesome 5 Solid';
        }

        .form-check [type="checkbox"]:not(:checked) + .form-check-sign:after {
            opacity: 0;
            transform: scale(0);
        }

    .form-check [type="checkbox"]:checked + .form-check-sign {
        font-weight: 600;
    }

        .form-check [type="checkbox"]:checked + .form-check-sign:after {
            opacity: 1;
            transform: scale(1);
        }

.form-check [type="checkbox"]:disabled:not(:checked) + .form-check-sign:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.form-check [type="checkbox"]:disabled:checked + .form-check-sign:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.form-check [type="checkbox"]:disabled:checked + .form-check-sign:after {
    color: #999;
}

.form-check [type="checkbox"]:disabled + .form-check-sign {
    color: #aaa;
}

.form-check [type="checkbox"]:checked:focus + .form-check-sign:before, .form-check [type="checkbox"]:not(:checked):focus + .form-check-sign:before {
    border: 1px solid #ccc;
}

.form-check-sign:hover:before {
    border: 1px solid #ccc !important;
}

.form-check {
    padding-left: 0.75rem;
}

.form-check-input {
    position: relative;
    margin-top: .3rem;
}
.datepicker-months .month{
    display: block;
    padding: 5px;
    text-align: center;
}  