﻿/*sfcheckbox*/
.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check,
label input .exportMailsCheckBox {
    background: #002F5E !important;
    border-color: #002F5E !important;
}

/*radio button*/
.custom-radio .e-radio:checked + label::after {
    background-color: #002F5E !important;
    border-color: #002F5E !important;
    transform: none !important;
    transition: none !important;
}

.custom-radio .e-radio:checked + label::before {
    background-color: #fff;
    border-color: #002F5E !important;
}    

/*other*/
.custom-checkbox {
    display: flex !important;
    align-items: center !important;
    font-size: 13.3px!important;
}

    .custom-checkbox input[type="checkbox"] {
        position: absolute !important;
        opacity: 0 !important;
        cursor: pointer !important;
    }

    .custom-checkbox .checkmark {
        position: relative !important;
        height: 16px !important; 
        width: 16px !important;
        background-color: #fff !important;
        border: 2px solid #92989A !important;
        border-radius: 5px !important;
        display: inline-block !important;
        margin-right:4px;
        vertical-align: middle !important;
    }

    .custom-checkbox input[type="checkbox"]:checked ~ .checkmark {
        background-color: #002F5E !important;
        border-color: #002F5E !important; 
    }

    .custom-checkbox .checkmark:after {
        content: "" !important;
        position: absolute !important;
        display: none !important;
        left: 4px !important;
        top: 2px !important;
        width: 4px !important;
        height: 8px !important;
        border: solid white !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg) !important;
    }

    .custom-checkbox input[type="checkbox"]:checked ~ .checkmark:after {
        display: block !important;
    }

.selected-role {
    color: #002F5E !important;
}

.unselected-role {
    color: #92989A !important;
}

.selected-role,
.unselected-role {
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
}