/*begin:: menu*/
.aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #fff !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #ffffff;
}

.aside-dark .menu .menu-item .menu-section {
    color: #ffffff !important;
}

.h-24px {
    height: 24px !important;
}

.aside.aside-dark {
    background-color: #242b35 !important;
}

    .aside.aside-dark .aside-logo {
        background-color: #242b35 !important;
    }

.aside-dark .menu .menu-item .menu-link .menu-title {
    /*color: #b4bcc8 !important;*/
    color: #ffffff !important;
    margin-right: 5px;
}

.aside-dark .menu .menu-item .menu-link.active {
    background-color: #004870;
    /*background-color: #0d58c7;*/
    color: #ffffff;
    font-weight: bold;
}

.aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active), .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #3e91b9;
    color: #ffffff;
}

    .aside-dark .menu .menu-item .menu-link.active .menu-title {
        color: #ffffff !important;
        font-weight: normal !important;
    }


.aside-dark .menu .menu-item .menu-link {
    /*border-bottom: 1px solid #3f4b5a !important;*/
    border-bottom: 1px solid #4c5765 !important;
}

/*old 1.75rem*/
.svg-icon.svg-icon-1 svg {
    height: 2rem !important;
    width: 2rem !important;
}

/*end:: menu*/

/*begin:: body*/
/*@font-face {
    font-family: din;
    src: url(/custom/font/DIN-Next-LT-Arabic-Light.ttf);
}*/
@font-face {
    font-family: GE_Dinar_Light;
    src: url(/custom/font/GE_Dinar_One_Light.otf);
}

@font-face {
    font-family: GE_Dinar_Medium;
    src: url(/custom/font/GE_Dinar_One_Medium.otf);
}

@font-face {
    font-family: JF_Flat;
    src: url(/custom/font/JF-Flat-regular.ttf);
}

@font-face {
    font-family: digital-7;
    src: url(/custom/font/digital-7.ttf);
}

.font-digital {
    /*font-family: digital-7 !important;*/
    font-size:40px !important;
}

.text-gold{
    color: darkgoldenrod !important;
}

.text-green {
    color: darkgreen !important;
}

.text-purple {
    color: purple !important;
}

.text-blue {
    color: darkblue !important;
}
html, body {
    font-family: JF_Flat !important;
    font-size: 13px !important;
}

.border-gray-350 {
    border-color: #c4c6cd !important;
}

.form-control {
    border: 1px solid #c4c6cd !important;
}

.form-select {
    border: 1px solid #c4c6cd !important;
}
/*end:: body*/

/*begin:: Devextreme General */
.dx-widget {
    font-family: JF_Flat !important;
}

.dx-datagrid .dx-row > td {
    vertical-align: middle !important;
}
/*end:: Devextreme General*/

/*begin:: Devextreme Grid */

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link { /*command buttons margin*/
    margin: 0 8px;
} 

.dx-datagrid-group-closed, .dx-datagrid-group-opened {
    margin-top: -5px !important; /*expand master details*/
}

.dx-datagrid-addrow-button { /*add button shit left*/
    margin-left: 7px;
}
.dx-datagrid-filter-panel .dx-icon-filter {
    margin-left: 10px; /*filter icon in filter builder panel rtl issue*/
}
.dx-datagrid-headers {
    background-color: #e7e7e794;
    color: #000000 !important;
    font-weight: 400;
    border-bottom: 0px;
    font-family: JF_Flat;
}
.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    height: 40px;
}
.dx-datagrid .dx-header-filter-empty {
    color: rgb(13 88 199);
}

.dx-datagrid-group-panel .dx-group-panel-message { color: #28100a; }

/*https://supportcenter.devexpress.com/ticket/details/t747384/datagrid-a-horizontal-scrollbar-overlaps-a-grid-table*/
/*DataGrid - A horizontal scrollbar overlaps a grid table*/
.dx-datagrid-rowsview .dx-scrollable-content {
    padding-bottom: 5px;
}

.dx-datagrid-rowsview.dx-empty {
    height: 50px !important;
}
.dx-datagrid-nodata {
    /*font-size: 15px !important;*/
}

/*end:: Devextreme Grid*/

/*Begin:: Devextreme Fileuploader*/
.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top: 0px;
}
.dx-fileuploader-input-wrapper {
    padding: 0px 0;
    border: 0px dashed transparent;
}

/*end:: Devextreme Fileuploader*/
/*begin:: accordion*/
.accordion-button {
    /*padding: 1.3rem 1.3rem !important;*/
    padding: 1rem 1.1rem !important;
    color: #ffffff !important;
    background-color: #2f74a0 !important; /*background-color: #0d58c7 !important;*/
}

.accordion-button-sm {
    padding: 1rem 1rem !important;
    font-size: 12px !important;
}

.accordion-item {
    border: 1px solid #2f74a0 !important; /*border: 1px solid #0d58c7 !important;*/
}

.accordion-header {
    margin-bottom: -1px;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}

/*end:: accordion*/


/*begin:: select2*/
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #2a2e42 !important;
}
/*end:: select2*/


/*begin:: sweetalert*/
.swal2-icon {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.swal2-popup .btn {    
    width: 150px;
}
/*end:: sweetalert*/

/*begin:: select*/
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {    
    text-align: right;
}
/*end:: select*/

/*begin:: devextreme - to make scrollbar  not stick to form*/
.dx-scrollable-wrapper {
    padding-left: 20px;
}
/*end:: devextreme - to make scrollbar  not stick to form*/

/*begin:: */
.bg-red {
    background-color: #db6b68 !important;
}
.bg-yellow {
    background-color: #fcffb2 !important;
}
.bg-green {
    background-color: #3a9ea1 !important;
}
.bg-gray {
    background-color: #808285 !important;
}
.bg-purple {
    background-color: #816797 !important;
}

.bg-green2 {
    background-color: #82954b !important;
}
.bg-darkgray {
    background-color: #4B5D67 !important;
}
.bg-blue2 {
    background-color: #054A91 !important;
}

.bg-lightgray {
    background-color: #f4f4f4;
}

.login-logo {
    height: 70px;
    margin-bottom: 30px;
}


.card.card-bordered {
    border: 1px solid #c1c4c7 !important;
}

.card .card-header {
    border-bottom: 1px solid #c1c4c7 !important;
}


.card .card-header {    
    min-height: 50px;    
}

input[type="text"]:disabled {
    background-color: #F4F4F4 !important;
    color: black !important;
    cursor: not-allowed;
}

input[type="number"]:disabled {
    background-color: #F4F4F4 !important;
    color: #000000 !important;
    cursor: not-allowed;
}
input[type="number"] {
    direction: rtl;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    cursor: not-allowed;
    background-color: #F4F4F4 !important;
    color: #000000 !important;
}

.btn.btn-light {
    color: #000000 !important;
    border-color: #F5F8FA;
    background-color: #ffffff;
}

.box-pad-15{
    padding: 15px 15px 15px 15px !important;
}

.bell {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.nm-bg-gray {
    background-color: #808184 !important;
}

.nm-bg-darkblue {
    background-color: #004870 !important;
}

.nm-bg-skyblue {
    background-color: #7fd6f7 !important;
}

.nm-bg-greenblue {
    background-color: #389a9e !important;
}
.nm-bg-yellow {
    background-color: #f6b939 !important;
}

.nm-bg-workflow {
    background-color: #c3922d !important;
}

.aside-dark .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
    background-color: #7fd6f7 !important;
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
    background-color: #7fd6f7 !important;
}

.menu-link-active {
    background-color: #004870 !important;
}

.tooltip {
    font-family: JF_Flat !important;
    font-size: 15px;
    color:white;
}

.tooltip-inner {
    background-color: #242b35;
    box-shadow: 0px 0px 4px black;
    color:white !important;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #242b35 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #242b35 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #242b35 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #242b35 !important;
}

.border-left-primary {
    border-left: 1px dashed #009EF7 !important;
}

.border-left-info {
    border-left: 1px dashed #7239EA !important;
}

.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

    .custom-file-button input[type=file]::-webkit-file-upload-button {
        display: none;
    }

    .custom-file-button input[type=file]::file-selector-button {
        display: none;
    }

.custom-file-button:hover label {
    background-color: #dde0e3;
    cursor: pointer;
}
/* Number Input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*begin:: Devextreme TreeList */

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link { /*command buttons margin*/
    margin: 0 8px;
}

.dx-treelist-group-closed, .dx-treelist-group-opened {
    margin-top: -5px !important; /*expand master details*/
}

.dx-treelist-addrow-button { /*add button shit left*/
    margin-left: 7px;
}

.dx-treelist-filter-panel .dx-icon-filter {
    margin-left: 10px; /*filter icon in filter builder panel rtl issue*/
}

.dx-treelist-headers {
    background-color: #e7e7e794;
    color: #000000 !important;
    font-weight: 400;
    border-bottom: 0px;
    font-family: JF_Flat;
}

.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
    height: 40px;
}

.dx-treelist .dx-header-filter-empty {
    color: rgb(13 88 199);
}

.dx-treelist-group-panel .dx-group-panel-message {
    color: #28100a;
}

/*https://supportcenter.devexpress.com/ticket/details/t747384/treelist-a-horizontal-scrollbar-overlaps-a-grid-table*/
/*treelist - A horizontal scrollbar overlaps a grid table*/
.dx-treelist-rowsview .dx-scrollable-content {
    padding-bottom: 5px;
}

.dx-treelist-rowsview.dx-empty {
    height: 50px !important;
}

.dx-treelist-nodata {
    /*font-size: 15px !important;*/
}

/*end:: Devextreme TreeList*/