/************** Essentials *********************/
@font-face {
    font-family: 'SSTArabicRoman';
    src: url('../fonts/SSTArabicRoman.ttf') format('truetype');
}

body {
    font-family: SSTArabicRoman !important;
    /* font-family: SSTArabicRoman !important;*/
    background-color: #f2f6f5;
    font-size: unset
}

a {
    color: #0E6C59;
}

    a:focus, a:hover {
        color: #B67911;
    }

.mb-10 .btn-default {
    color: #D99A28 !important;
    border-color: #D99A28 !important;
}

/*.chartbox:hover {
    background: #d79a2903;
    border-color: #d99a28;
}*/

.fc-button.fc-state-down, .fc-button.fc-state-active {
    border-color: #D99A28;
    color: #D99A28;
}

.navigation li a > i {
    margin-top: 5px;
}


.sidebar-xs .sidebar-main .navigation > li > ul 
 {
    background-color: #3A8577 !important;
    background-image: url('../../assets/images/backgrounds/panel_bg.png');
    border-radius: 0 0 0 15px;
}
/************** Color *********************/

.primary-color, .sidebar-main-toggle, .panel-white > .panel-heading, .modal-header, .panel-default > .panel-heading, .icon-home, .gorup-label, .panel-flat > .panel-heading {
    color: #0E6C59 !important
}

.secondry-color, .has-feedback-left .form-control-feedback, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a, .fc-button.fc-state-down, .navigation li a:hover, .navigation li a:focus, .sidebar-xs .sidebar-main .navigation > li > a > span, .text-blue-300, .text-blue-300:focus, .text-blue-300:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .border-indigo-400 {
    color: #D99A28 !important;
}


.panel-default > .panel-heading {
    color: #fff
}



/************** Font *********************/
.navigation > li > a {
}






/************** Background *********************/

.bg-secondary, .sidebar, .sidebar-xs .sidebar, .sidebar-xs .sidebar-main .navigation > li > a > span, .countbadge, .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    background-color: #0E6C59 !important;
}

.preloader .lds-ellipsis div, .lang, .preloader .lds-ellipsis div, .sidebar-main-toggle:hover, .nav-tabs.nav-tabs-bottom > li.active > a:after {
    background-color: #0E6C59 !important;
}

.navigation > li ul {
    background-color: #3A8577 !important;
}

.table-hover > tbody > tr:hover {
    background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgb(217 154 40 / 18%) 100%, rgb(32 119 101) 100%);
}








/*************transperant bg****************/
.fc-button.fc-state-down, .fc-button.fc-state-active, .fc-unthemed td.fc-today {
    background-color: #fff9ed;
}

thead {
    background-color: #EEFBF8 !important;
}


/************** border *********************/

.sidebar-main-toggle, .table-bordered, .bg2 {
    border-color: #0E6C59 !important
}

.secondcolor, .bg, .border-indigo-400 {
    border-color: #D99A28 !important
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus, ul.hidden-ul li hr {
    border-color: #ffffff38;
}



/************** Buttons *********************/
.btn-primary, .bg-primary-400 {
    background-color: #D99A28;
    border-color: #B67911;
}

    .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .badge-primary {
        background-color: #D99A28 !important;
        border-color: #B67911 !important;
    }


/**********************************/
@media (min-width: 769px) {
    .nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:focus, .nav-tabs.nav-tabs-highlight > li.active > a:hover {
        border-top-color: #B67911;
    }
}

.dropdown-toggle::after {
    display: none;
}

#KPIS .media {
    display: flex !important;
}

#KPIS .col-sm-1, #KPIS .col-sm-2 {
    max-width: fit-content;
}

.modal {
    background: #00000085;
}



.modal.left .modal-dialog {
    position: fixed !important;
    margin: auto !important;
    width: 50% !important;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    -o-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: 0px !important;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out !important;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out !important;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out !important;
    transition: opacity 0.3s linear, left 0.3s ease-out !important;
    margin: auto !important;
}