@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;
}