.contact-form label {
    font-weight: 600 !important;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 50%;
    left: 0px;
    opacity: 0.75;
    filter: alpha(opacity=50);
}

.overlay-OTP {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 40%;
    left: -8px;
    opacity: 0.75;
    filter: alpha(opacity=50);
}

.btnSpanClick {
    display: inline-block;
    cursor: pointer;
    min-width: 1.5rem;
}

.contact-form, .expandCollapse, .accordion-button, .aof, .page-heading h3 {
    font-family: "Tajawal", sans-serif !important;
}

.accordion-body .contact-form, .contact-form {
    background-color: transparent !important;
    border: 1px solid #d7d8d6 !important;
}

.btn-brand {
    border-radius: 2rem !important;
    border: 0 !important;
    background-color: #861F41 !important;
    color: #FFF !important;
    text-align: center !important;
    padding: 0.75rem 1.25rem !important;
    display: inline-block;
}

.contact-form input, .contact-form select, .contact-form textarea, .contact-form input:focus,
.contact-form select:focus, .contact-form textarea:focus {
    border: 1px solid #d7d8d6 !important;
    padding: 0.5rem;
}

.form-control {
    appearance: auto !important;
}

.form-control, .form-select {
    border-color: #d7d8d6 !important;
}



.subsction {
    background-color: rgba(0,0,0,.03);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select2-container--default .select2-selection--single {
    border-color: #d7d8d6 !important;
    height: 43px !important;
    margin-top: 4px !important;
    border-radius: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 7px !important;
    font-family: "Tajawal", sans-serif !important;
    color: #861F41 !important;
}


select {
    width: 100%;
}

.text-right {
    text-align: left !important;
}

.contact-form input, .contact-form select, .contact-form textarea, .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
    margin: 5px;
}

.contact-form .form-group input[type="checkbox"] {
    /*border: 1px solid #dcd6ee;*/
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

.radioButtonList td input, .radioButtonList td label, .customChkBoxContrl input, .customChkBoxContrl label {
    display: inline-block;
    float: left;
    max-width: 84%;
}

.custom-listbox .btn-group {
    display:contents !important;
    padding: 5px
}

.customChkBoxContrl, .customChkBoxContrl input, .customChkBoxContrl label {
    transform: translate(0);
    -webkit-transform: translate(0);
}

@media (min-width: 692px) {
    .radioButtonList td, .customChkBoxContrl {
        display: flex;
        align-items: flex-start;
    }

        .radioButtonList td input, .radioButtonList td label, .customChkBoxContrl input, .customChkBoxContrl label {
            display: inline-block;
            float: none;
            max-width: none;
        }
}

.btn-group {
    width: 100%
}

.icon-big {
    font-size: 1.6em;
    color: #861F41;
}

.form-control {
}

.radioButtonList td {
    display: flex;
    align-items: flex-start;
}


/*this for otp*/
.card {
    background-color: transparent !important;
}


.inputs input {
    width: 40px;
    height: 40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 10px
}

.opt-parent.opt-outline:focus {
    box-shadow: none;
    border: 1px solid #861F41 !important
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    display: block;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.dao-document-form-heading {
    color: #861F41 !important;
    font-size: 0.975rem !important;
}

.dao-document-form-sub-heading {
    color: #861F41 !important;
}

.home-menu {
    border: 2px solid #861F41 !important;
}

.home-menu-selected {
    background-color: #861F41;
    color: white
}

.account-box {
    height: 110px;
    width: 110px;
    border-radius: 20px;
    float: none;
    margin: 5px;
    font-size: 12px !important;
    margin-top: 5px;
    font-weight: 600;
    align-content: center;
    padding: 15px;
    justify-items: center;
}


#lbl_welcomeMessage {
    opacity: 0.6;
    margin: 10px;
    font-size: 18px !important;
    font-weight: 500;
    font-family:"Calibri" !important
}

@media(max-width:420px) {
    #lbl_welcomeMessage {
        font-size: 14px !important;
    }
}

@media(max-width:375px) {
    #lbl_welcomeMessage {
        font-size: 14px !important;
    }
}



ul.arabic-list {
    list-style-type: none;
    direction: rtl;
}

.arabic-list li {
    direction: rtl;
}

    .arabic-list li:before {
        padding: 5px;
    }

.arabic-list {
    counter-reset: counter -28;
}


    .arabic-list li:nth-child(28n+1):before {
        counter-increment: counter;
        content: "أ" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+2):before {
        counter-increment: counter;
        content: "ب" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+3):before {
        counter-increment: counter;
        content: "ج" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+4):before {
        counter-increment: counter;
        content: "د" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+5):before {
        counter-increment: counter;
        content: "هـ" counter(counter) ".";
    }



    .arabic-list li:nth-child(28n+6):before {
        counter-increment: counter;
        content: "و" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+7):before {
        counter-increment: counter;
        content: "ز" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+8):before {
        counter-increment: counter;
        content: "ح" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+9):before {
        counter-increment: counter;
        content: "ط" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+10):before {
        counter-increment: counter;
        content: "ي" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+11):before {
        counter-increment: counter;
        content: "ك" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+12):before {
        counter-increment: counter;
        content: "ل" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+13):before {
        counter-increment: counter;
        content: "م" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+14):before {
        counter-increment: counter;
        content: "ن" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+15):before {
        counter-increment: counter;
        content: "س" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+16):before {
        counter-increment: counter;
        content: "ع" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+17):before {
        counter-increment: counter;
        content: "ف" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+18):before {
        counter-increment: counter;
        content: "ص" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+19):before {
        counter-increment: counter;
        content: "ق" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+20):before {
        counter-increment: counter;
        content: "ر" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+21):before {
        counter-increment: counter;
        content: "ش" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+22):before {
        counter-increment: counter;
        content: "ت" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+23):before {
        counter-increment: counter;
        content: "ث" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+24):before {
        counter-increment: counter;
        content: "خ" counter(counter) ".";
    }


    .arabic-list li:nth-child(28n+25):before {
        counter-increment: counter;
        content: "ذ" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+26):before {
        counter-increment: counter;
        content: "ض" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+27):before {
        counter-increment: counter;
        content: "ظ" counter(counter) ".";
    }

    .arabic-list li:nth-child(28n+28):before {
        counter-increment: counter;
        content: "غ" counter(counter) ".";
    }



    .arabic-list li:nth-child(1):before {
        content: 'أ.';
    }

    .arabic-list li:nth-child(2):before {
        content: 'ب.';
    }

    .arabic-list li:nth-child(3):before {
        content: 'ج.';
    }

    .arabic-list li:nth-child(4):before {
        content: 'د.';
    }

    .arabic-list li:nth-child(5):before {
        content: 'هـ.';
    }



    .arabic-list li:nth-child(6):before {
        content: 'و.';
    }


    .arabic-list li:nth-child(7):before {
        content: 'ز.';
    }


    .arabic-list li:nth-child(8):before {
        content: 'ح.';
    }


    .arabic-list li:nth-child(9):before {
        content: 'ط.';
    }


    .arabic-list li:nth-child(10):before {
        content: 'ي.';
    }


    .arabic-list li:nth-child(11):before {
        content: 'ك.';
    }


    .arabic-list li:nth-child(12):before {
        content: 'ل.';
    }


    .arabic-list li:nth-child(13):before {
        content: 'م.';
    }


    .arabic-list li:nth-child(14):before {
        content: 'ن.';
    }


    .arabic-list li:nth-child(15):before {
        content: 'س.';
    }


    .arabic-list li:nth-child(16):before {
        content: 'ع.';
    }


    .arabic-list li:nth-child(17):before {
        content: 'ف.';
    }


    .arabic-list li:nth-child(18):before {
        content: 'ص.';
    }


    .arabic-list li:nth-child(19):before {
        content: 'ق.';
    }


    .arabic-list li:nth-child(20):before {
        content: 'ر.';
    }


    .arabic-list li:nth-child(21):before {
        content: 'ش.';
    }


    .arabic-list li:nth-child(22):before {
        content: 'ت.';
    }


    .arabic-list li:nth-child(23):before {
        content: 'ث.';
    }


    .arabic-list li:nth-child(24):before {
        content: 'خ.';
    }


    .arabic-list li:nth-child(25):before {
        content: 'ذ.';
    }

    .arabic-list li:nth-child(26):before {
        content: 'ض.';
    }

    .arabic-list li:nth-child(27):before {
        content: 'ظ.';
    }

    .arabic-list li:nth-child(28):before {
        content: 'غ.';
    }