@font-face {
    font-family: 'Cairo-SemiBold';
    /* src: url('../fonts/Cairo-SemiBold.ttf') format('truetype');*/
    src: url('../fonts/ArbFONTS-BoutrosMBCDinkum-Medium.ttf') format('truetype');
}

body {
    font-family: "Cairo-SemiBold" !important;
    letter-spacing: unset !important;
}

h1 h2 h3 h4 h5 h6 {
    font-family: "Cairo-SemiBold" !important;
}

p {
    font-family: "Cairo-SemiBold" !important;
}

.page-wrapper .page-body-wrapper .page-header {
    padding-bottom: unset !important;
    padding-bottom: 10px !important;
}

.table th {
    color: #ffffff !important;
}


.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-submenu li a {
    letter-spacing: unset !important;
}

.dx-row dx-column-lines dx-header-row {
    background-color: #24695c !important;
    color: #fff !important;
}


.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    font-family: "Cairo-SemiBold" !important;
}

div.dataTables_wrapper {
    font-family: "Cairo-SemiBold" !important;
}

.table-responsive {
    overflow-x: unset !important;
}


.form-check .form-check-input {
    float: unset !important;
    margin-left: 1.5em !important;
}

.mybgColor {
    background: rgb(102,181,218);
    background: radial-gradient(circle, rgba(102,181,218,1) 0%, rgba(161,206,224,1) 46%, rgba(120,160,179,1) 99%);
}


#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
}


.dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off {
    font-size: 12px !important;
}

.login-card {
    background-image: url(../assets/images/login/4.jpg);
    background-repeat: no-repeat;
    height: 100vh;
    width: 100% !important;
    background-size: cover;
}

.card-athir {
    background-color: #2176a3 !important;
    text-align: center !important;
    color: white !important;
}

.btn-primry-devexpress {
    background-color: #2176a3 !important;
    font-family: "Cairo-SemiBold" !important;
    color: white !important;
}

.dx-popup-title {
    background-color: #2176a3 !important;
}

.card .card-header {
    padding: 10px !important;
}

.alert-primary {
    background-color: #2176a3 !important;
    border-color: #2176a3 !important;
}

/* Radio button styling */
.dx-radiobutton-icon {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    background-color: white !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Remove any default inner content */
.dx-radiobutton-icon-dot {
    display: none !important;
}

/* Ensure no pseudo-element on unselected state */
.dx-radiobutton-icon::before {
    display: none !important;
}

/* Selected state */
.dx-radiobutton-checked .dx-radiobutton-icon {
    border-color: #007bff !important;
    background-color: white !important;
}

    /* Create inner filled circle for selected state ONLY */
    .dx-radiobutton-checked .dx-radiobutton-icon::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        background-color: #007bff;
        border-radius: 50%;
        display: block !important;
    }

/* Spacing between radio buttons */
.dx-radiogroup-horizontal .dx-radiobutton {
    margin-left: 15px !important;
    margin-right: 15px !important;
}