/* start common */
:root {
    --hintBgColor: #fff;
    --hintTitleColor: #50a4f8;
    --hintDescColor: #9b996f;
}
.always-turn-right {direction: rtl;}
.always-turn-left {direction: ltr;}
.ul-widget6__item--table {
    overflow-y: auto;
    min-height: calc(100vh - 423px);
    height: 346px;
}
.text-initial {
    text-align: initial;
}
tr.ul-widget6__tr--sticky-th th {
    top: -1px;
    z-index: 999;
}
@media(max-width: 700px) {
    .ul-widget__head {
        display: block;
    }
}
.close_i {font-size: 18px; cursor: pointer; padding: 10px;}
.close_i:hover {color: #777;}
@media(max-width: 600px) {
    .w-sm-100 {min-width: 100%}
}
.is-invalid {border:1px solid #f00 !important}
.header input[type="text"] {max-width:220px}
@media(max-width: 600px) {
    .header .w-md-100 {width: 100%; max-width: 100%; min-width: 100%;}
    .header .w-md-100 input[type="text"] {max-width:100%}
}
i.fa-info:before {content: '\f128';}
.input-group-append {max-height: 33px;}
.multiselect + .input-group-append {max-height: 42px !important;}
.text-end { text-align: right; }
[dir="rtl"] .text-end { text-align: left; }
.text-start {text-align: left;}
[dir="rtl"] .text-start {text-align: right;}
.main-content-wrap {border-top: 10px solid transparent;}
.min-height-full {
    min-height: calc(100vh - 250px);
}
/* scrollbar */
* {scrollbar-width: thin;}
.sidebar-panel * {scrollbar-width: none;}
::-webkit-scrollbar { width: 4px; height: 4px}
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #ddd; }
::-webkit-scrollbar-thumb:hover { background: #ccc; }
/* end common */

/* start hint */
[data-hint] {
    cursor: pointer;
    position: relative;
}
[data-hint].input-group-append {
    background: none !important;
    outline: 0;
    border: 0;
}
[data-hint] span.text-theme {
    background: none !important;
    outline: 0;
    border: 0;
    font-size: 12px;
}
[data-hint]::after {
    content: '';
    width: 12px;
    height: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
    left: calc(50% - 6px);
    top: calc(30px - 6px);
    background: var(--hintBgColor);
    border: 1px solid #ddd;
    border-bottom: 0;
    border-left: 0;
    z-index: 999;
    display: none;
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
[data-hint] .hint {
    position: absolute;
    top: 30px;
    right: 0;
    background: var(--hintBgColor);
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
    width: 200px;
    padding: 7px;
    display: none;
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    z-index: 998;
}
[data-hint] .hint h3 {
    font-size: 14px;
    font-weight: bold;
    color: inherit;
}
[data-hint] .hint p {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    opacity: .5;
    color: inherit;
}
[data-hint]:hover::after,
[data-hint]:hover .hint {
    opacity: 1;
    display: block;
}
[dir="rtl"] [data-hint]::after {
    right: auto;
    left: 10px;
}
[dir="rtl"] [data-hint] .hint {
    right: auto;
    left: 0;
}
[dir="rtl"] [data-hint].input-group-append i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
/* end hint */

/* start sidebar */
.sidebar-panel + .switch-overlay {
    display: none;
}
.sidebar-switch-open + .switch-overlay {
    display: block;
}
/* end sidebar */

/* start content */
@media(max-width: 700px) {
    .main-content-wrap {
        padding: 0 !important;
    }
}
/* end content */

/* start customizer */
@media(min-width: 700px) { .customizer {top: 0;} }
.customizer .handle {top: 50px !important}
/* end customizer */

.app-admin-wrap.sidebar-full .main-content-wrap,
[dir="rtl"] .app-admin-wrap.sidebar-full .main-content-wrap {
    padding: 0 15px;
    width: calc(100% - 300px);
}
@media (max-width: 1150px) {
    .app-admin-wrap.sidebar-full .main-content-wrap,
    [dir="rtl"] .app-admin-wrap.sidebar-full .main-content-wrap {width: 100% !important;}
}
.app-admin-wrap.sidebar-full .sidebar-panel,
[dir="rtl"] .app-admin-wrap.sidebar-full .sidebar-panel {
    width: 300px;
}
@media (max-width: 1150px) {
    .app-admin-wrap.sidebar-full .sidebar-panel {left: -300px;}
    [dir="rtl"] .app-admin-wrap.sidebar-full .sidebar-panel {right: -300px; left: auto;}
    [dir="rtl"] .sidebar-panel.sidebar-switch-open { right: 0 !important; left: auto !important;}
}
/* start modal */
.modal:not(.nofixed) {
    max-height: 100vh;
}
.modal:not(.nofixed) .modal-dialog {
    top: 50%;
    transform: translate(0, -50%) !important;
    margin-top: 0;
    margin-bottom: 0;
}
.modal-body {position: relative;}
.modal-body .loader {
    position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: #fff;
}
/* end modal */

/* start show-section */
.show-section {
    padding: 15px;
    text-align: left;
}
.show-section ul {
    margin-top: 20px;
}
.show-section li {
    font-size: 16px;
    padding: 5px 0;
}
.show-section li strong {
    display: inline-block;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}
.show-section li span {
    color: #777;
    font-size: 14px;
}
/* end show-section */

a,button{cursor: pointer;}
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    box-shadow: none !important;
    border-color: transparent
}
/* start message chat */
.ComposeMessage .card-body {
    min-height: 70vh;
}
.message .messageText {
    position: relative;
    border-radius: 10px;
    margin-top: 15px;
    background: #fff;
}
.message .messageText .messageContent {
    position: relative;
    z-index: 5;
    padding: 5px 15px;
}
.message .messageText .messageTextBG {
    background-color: #aaa;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.25;
    border-radius: 10px;
    z-index: 3;
}
.message .messageText .messageTextCover {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
    z-index: 2;
}
.message .messageText .messageTextArrow {
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    background-color: #aaa;
    position: absolute;
    top: -7px;
    right: 0;
    opacity: 0.25;
    z-index: 1;
    left: 18px;
}
[dir="rtl"] .message .messageText .messageTextArrow { left: auto; right: 18px; }
.message.flex-row-reverse { text-align: right; }
[dir="rtl"] .message.flex-row-reverse {
    text-align: left;
}
.message.flex-row-reverse .messageTextArrow { left: auto; right: 18px; }
[dir="rtl"] .message.flex-row-reverse .messageTextArrow { left: 18px; right: auto; }
.message .userinfo {
    padding: 0 7px;
}
.message .userinfo p {
    font-weight: 700;
    font-size: 13px;
    color: #222;
    margin: 15px 0 0;
    line-height: 1;
}
.message .userinfo small {
    margin: 0;
    line-height: .5;
}
.message .messageDelete {
    cursor: pointer;
    margin-top: 10px;
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.message:hover .messageDelete {opacity: .5;}
.message .messageDelete:hover {opacity: 1;}
.message .messageText {
    position: relative;
    z-index: 4;
}
.message .messageText img {
    width: 150px !important;
    height: 150px !important;
}
.message .messageText a {
    display: block;
}
.show-messages .loadOldMessages {
    cursor: pointer;
}
.show-messages .loadOldMessages button {
    background: none;
    color: inherit;
    border: 0;
    outline: 0;
}
.show-messages {
    overflow-y: auto;
    position: relative;
}
.show-messages .icon-go-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    cursor: pointer;
}
[dir="rtl"] .show-messages .icon-go-bottom  {left: 0; right: auto;}
.show-messages .icon-go-bottom i {
    font-size: 20px;
    opacity: .5;
}
.show-messages .icon-go-bottom:hover i {
    opacity: 1;
}
.show-messages .quillWrapper .ql-snow.ql-toolbar {padding: 0;}
.show-messages .ql-snow .ql-toolbar button svg,
.show-messages .quillWrapper .ql-snow.ql-toolbar button svg {
    width: 15px;
    height: 15px;
}
.show-messages .ql-file {
    outline: 0;
    cursor: pointer;
}
.show-messages .ql-file:hover * {
    color: #06c;
    cursor: pointer;
}
/* end message chat */

.custom-dropdown {
    position: absolute;
    transform: translate3d(0px, 33px, 0px);
    top: 0; left: 0;
    will-change: transform;
}
.modal-dialog iframe {
    width: 100%;
    height: 600px;
}
.multiselect-tag{
    background:#47404f;
}
.multiselect,.multiselect-tags-search{
     background:#f8f9fa;
}



.btn-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding: 0;
}
.btn-icon + span {
    display: inline-block;
    margin: 0 5px;
    text-align: start;
}
.btn-icon + span:hover {
    text-decoration: underline;
}
/* start update 4-2022 */
/*.customizer .customizer-body {
    min-height: calc(100vh - 50px) !important;
}*/
.customizer .customizer-body .accordion > .card {
    overflow: unset;
}
/* end update 4-2022 */

/* start check rtl style */
.metismenu .has-arrow:after {
    transform: rotate(-222deg) translateY(-50%);
}
.metismenu .has-arrow[aria-expanded=true]:after, 
.metismenu .mm-active>.has-arrow:after {
    transform: rotate(-135deg) translateY(-50%)
}
[dir="rtl"] .metismenu .has-arrow:after {
    transform: rotate(-45deg) translateY(-50%);
}
[dir="rtl"] .metismenu .has-arrow[aria-expanded=true]:after, 
[dir="rtl"] .metismenu .mm-active>.has-arrow:after {
    transform: rotate(-135deg) translateY(-50%)
}
[dir="rtl"] .ul-widget5__stats:first-child {
    padding-left: 3rem;
}
[dir="rtl"] span.ul-widget-app__find-font {
    right: auto;
    left: 5px;
}
[dir="rtl"] .header-part-right .dropdown-menu {
    text-align: right;
}
.main-header .header-part-right .user {
    margin-left: 15px;
    margin-right: 15px;
}
[dir="rtl"] .multiselect-caret {
    margin-right: 0;
    margin-left: 10px;
}
#app {overflow: hidden;}
[dir="rtl"] #app {
    font-family:'Droid Arabic Kufi', sans-serif;
}
.main-content-wrap.sidebar-full-z-index {z-index: 100 !important;}
.vc-popover-content-wrapper {z-index: 101;}
[dir="rtl"] .vc-popover-content-wrapper {right: 70px !important; left: auto !important;}
[dir="rtl"] .vc-popover-caret.align-left {right: 25px; left: auto;}
[dir="rtl"] .vc-popover-content-wrapper .vc-arrow {transform: scale(-1);}
.multiselect-multiple-label, .multiselect-placeholder, .multiselect-single-label {
    width: 100%;
}
[dir="rtl"] .multiselect-single-label {padding-right: 10px;}
[dir="rtl"] .multiselect-clear {
    padding-left: 10px;
    padding-right: 0;
}
.btn-outline-success * {cursor: pointer;}
[dir="rtl"] .ql-snow .ql-picker-label:before {margin-right: 20px;}
[dir="rtl"] .modal-header .modal-title {padding-top: 20px;}
[dir="rtl"] .modal-header .close {margin: 0;}
[dir="rtl"] .modal-footer button + button {margin-right: 10px;}
[dir="rtl"] .dropdown-menu {text-align: right;}
[dir="rtl"] .list-unstyled {padding: 0;}
[dir="ltr"] .multiselect-multiple-label {
    padding: 7px 15px;
    display: block;
    direction: rtl;
    text-align: left;
}
[dir="rtl"] .multiselect-multiple-label {
    padding: 7px 15px;
    display: block;
    direction: ltr;
    text-align: right;
}
/* end check rtl style */

/* start check responsive style */
body { max-width: 100%; }
html, body { overflow-x: hidden; }
.pagination {margin-top: 10px;}
.hint { max-width: 100%; min-width: 250px; }
td img {min-width: 35px !important;}
@media(max-width:700px) {
    .dashboard-page { padding-left: 10px; padding-right: 10px; }
    .dashboard-page .offset-3 { margin-left: 0; margin-right: 0; }
    .dashboard-page .row, .settings .row {margin-left: 0; margin-right: 0;}
    .dashboard-page .row > div {padding-left: 0; padding-right: 0;}
    .dashboard-counter {margin-top: 15px;}
    [data-parent="#accordionCustomizer"] .card-body { padding: 5px;}
    .customizer .customizer-body .colors .color {margin: 5px; width: 34px; height: 34px;}
    .customizer .customizer-body .colors .color i {line-height: 34px;}
    .customizer .customizer-body .checkbox {margin-bottom: 0;}
    .tab-content, .card-body .card-body, .settings .row > div { padding-left: 0; padding-right: 0;}
    .settings h4 {margin-top: 15px;}
}
@media(max-width:425px) {
    form .row, form .row > div, form .row > label,
    .ul-widget-body .row, .ul-widget-body .row > div, .ul-widget-body .row > label
        {width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%;}
}
/* end check responsive style */

/* start update 5-2022 */
.customizer .customizer-body { max-height: 100vh; overflow-y: auto !important; }
[dir="rtl"] .dropdown-toggle.btn { padding-right: 10px !important; padding-left: 28px !important; }
[dir="rtl"] .dropdown-toggle::after {left: 10px !important; right: auto !important;}
p.text-white.bg-danger {padding: 5px 10px 3px; border-radius: 4px;}
p.text-white.bg-success {padding: 5px 10px 3px; border-radius: 4px;}
.multiselect-multiple-label {position: relative;}
.multiselect-multiple-label:after {content:''; }
.multiselect-tags-search * { z-index: 9999999; position: relative;}
.table.messages label {cursor: pointer;}
.scroll-nav {overflow-x: hidden; overflow-y: auto;}
.scroll-nav::-webkit-scrollbar { width: 4px; height: 4px}
.scroll-nav::-webkit-scrollbar-track { background: transparent; }
.scroll-nav::-webkit-scrollbar-thumb { background: #ddd; }
.scroll-nav::-webkit-scrollbar-thumb:hover { background: #ccc; }
/* end update 5-2022 */

/* start update 6-2022 */
.dashboard-page .container-canvas ~ .row .card { min-height: 100%; }
.auth-content { width: 100%; }
.notification .dropdown-menu { 
    width: 250px;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
/* end update 6-2022 */

/* start update 7-2022 */
.tree {height: 55vh; overflow-y: auto;}
.tree ul {padding: 0 0 0 20px;}
[dir="rtl"] .tree ul {padding: 0 20px 0 0;}
.tree ul {margin-bottom: 10px; list-style: none; display: none;}
.tree p {cursor: pointer; margin-bottom: 2px;}
.fa-times {cursor: pointer;}
/* end update 6-2022 */

/* start update 8-2022 */
.thumbnail-circle {
    background-position: top center;
    background-size: cover;
}
/* end update 8-2022 */

/* start dark mood */
.dark-theme ::-webkit-scrollbar-track { background: #42486b; }
.dark-theme ::-webkit-scrollbar-thumb { background: #797d93; }
.dark-theme ::-webkit-scrollbar-thumb:hover { background: #9599af; }
.dark-theme .vc-pane-container {background: #10163A;}
.dark-theme .vc-pane-container .day-label,
.dark-theme .vc-pane-container .vc-title {color: #aaa !important;}
.dark-theme .vc-pane-container .vc-arrow:hover {background: #42486b;}
.dark-theme .main-header .menu-toggle div {background: #9599af;}
.dark-theme .customizer .customizer-body {background: #10163A;}
.dark-theme .btn-outline-success:hover * { color: #fff !important; }
.dark-theme .btn-outline-success:hover * { color: #fff !important; }
.dark-theme *:not(.sidebar-compact-switch),
.dark-theme .border-right-box {border-color: #42486b !important;}
.dark-theme table thead tr th {background-color: #353e66;}
.dark-theme span.ul-widget-app__find-font {color: #a9aec6;}
.dark-theme table .btn[data-toggle="dropdown"] {background-color: #353e66 !important;}
.dark-theme .btn-outline-success:hover,
.dark-theme .btn-outline-success:focus,
.dark-theme .btn-success:hover,
.dark-theme .btn-success:focus,
.dark-theme .multiselect-search:hover,
.dark-theme .multiselect-search:focus {box-shadow: 0 8px 25px -8px #00000090;}
.dark-theme .btn-outline-success {background-color: #080e28 !important;}
.dark-theme .modal-content {background-color: #262a3e !important;}
.dark-theme .dropdown-menu .dropdown-item,
.dark-theme .form-control,
.dark-theme .form-select,
.dark-theme .multiselect-single-label-text {color: #aaa !important;}
.dark-theme .form-control,
.dark-theme .form-select {background-color: #353e66 !important; color: #aaa;}
.dark-theme .custom-file-label {background-color: #353e66 !important; color: #aaa;}
.dark-theme .multiselect-options .multiselect-option,
.dark-theme .multiselect-no-options,
.dark-theme .multiselect.is-disabled {background-color: #353e66 !important; color: #aaa;}
.dark-theme .multiselect-option.is-selected,
.dark-theme .multiselect-option.is-pointed {color: #ddd;}
.dark-theme .vc-day,
.dark-theme .close,
.dark-theme .close:hover {color: #aaa !important;}
.dark-theme .vc-popover-caret {background-color: #353e66 !important;}
.dark-theme [data-hint] .hint, 
.dark-theme [data-hint]::after {background-color: #080e28 !important; color: #aaa; border-color: transparent !important;}
.dark-theme .checkmark {background-color: #626a8c;}
.dark-theme .ql-toolbar *,
.dark-theme .col-form-label {color: #aaa;}
.dark-theme .ql-toolbar svg  { filter: brightness(0) invert(.65); }
.dark-theme .nav-link:not(.btn-success):hover {background-color: rgba(255,255,255,.1) !important;}
.dark-theme .box-body.bg-white {background-color: #10163A !important;}
.dark-theme .custom-file-label::after {background-color: #1e233a !important; color: #aaa; border-color: transparent !important;}
.dark-theme .multiselect-search {border-radius: 0;}
.dark-theme .customizer {color: #70657b; border: 1px solid #70657b50 !important}
.dark-theme .sidebar-colors .color:not(.with-dark-mode) {display: none;}
.dark-theme .loading-screen {background-color: #000;}
.dark-theme .loading-screen::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #00000075;}
.dark-theme .loading-screen .loader-bubble {z-index: 999999;}
.dark-theme .loader-bubble {color: #ffffff60 !important}
.dark-theme .customizer .handle, .dark-theme .badge-primary,
.dark-theme .btn-success, .dark-theme .btn-outline-success:hover,
.dark-theme .btn-primary, .dark-theme .bg-primary, 
.dark-theme .btn-info, .dark-theme .page-link.active, 
.dark-theme .badge-success, .dark-theme .is-selected.is-pointed, 
.dark-theme .is-selected, .dark-theme .dropdown-item:active, 
.dark-theme .radio-success input:checked ~ .checkmark,
.dark-theme .checkbox-success input:checked ~ .checkmark {
    background: #ffffff50 !important;
}
.dark-theme .changeColor {display: none;}
.dark-theme #collapseTwo2 {padding-top: 25px;}
.dark-theme .text-danger {color: #f5a0a0  !important}
.dark-theme .side-nav .main-menu .text-muted {color: #c2c6dc !important;}
.dark-theme .message .messageText .messageContent {background: #20295c !important; margin-top: 0; }
/* end dark mood */

/* start update 9-2022 */
.main-header .header-part-right .user .photo,
.card-profile-1 .avatar {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 100%;
    position: relative;
}
.main-header .header-part-right .user .photo img,
.card-profile-1 .avatar img {
    cursor: pointer;
    width: auto;
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.card-profile-1 .avatar { width: 80px; height: 80px; }
.user a.dropdown-item:active {color: #fff;}
/* end update 9-2022 */

/* start update 10-2022 */
[dir="ltr"] td .dropdown-menu { margin-left: -207px; }
[dir="rtl"] td .dropdown-menu { margin-left: 43px; }
label.checkbox {display: inline-block;}
.modal .modal-body {max-height:calc(100vh - 200px); overflow: auto; min-height: 150px;}
.fa-trash-alt {cursor: pointer;}
[dir="rtl"] .dx-group-panel-message,
[dir="rtl"] [data-dx_placeholder],
[dir="rtl"] .dx-datagrid-nodata {font-size: 0!important;}
[dir="rtl"] .dx-group-panel-message::before {content:'اسحب رأس العمود هنا للتجميع حسب ذلك العمود'; font-size: 1rem;}
[dir="rtl"] [data-dx_placeholder]::before {content:'بحث...'; font-size: 1rem;}
[dir="rtl"] .dx-placeholder {left: auto; right: 20px; text-align: right;}
[dir="rtl"] .dx-searchbox .dx-texteditor-input {padding-left: 0; padding-right: 34px;}
.dx-toolbar-after .dx-toolbar-item:first-child {padding: 0 0 0 5px !important;}
.dx-datagrid-search-panel {margin: 0 !important;}
[dir="rtl"] .dx-datagrid-nodata::before {content: 'لا يوجد بيانات'; font-size: 1rem;}
[dir="rtl"] .dx-datagrid-content .dx-datagrid-table .dx-row > td,
[dir="rtl"] .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {text-align: right !important;}
[dir="rtl"] .vc-nav-arrow.is-left {margin-left: auto; margin-right: 0;}
[dir="rtl"] .vc-nav-arrow.is-right {margin-left: 0; margin-right: auto;}
[dir="rtl"] .vc-nav-arrow.is-left .vc-svg-icon,
[dir="rtl"] .vc-nav-arrow.is-right .vc-svg-icon {
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -i-transform: scale(-1);
    transform: scale(-1);
}
/* end update 10-2022 */

/* start update 11-2022 */
.badge-label {
    padding: 6px 2px 4px 2px !important;
    margin: 0;
    min-width: 80px;
    color: #fff !important;
}
.pdf-A3 {width:100%;max-width:1100px}
.modal .modal-body {max-height:calc(100vh - 50px); overflow: auto}
iframe.bg-dark {background-color: #000 !important;}
/* end update 11-2022 */

/* start update 12-2022 */
[dir="rtl"] .custom-file-label::after {
    right: auto;
    left: 0;
    content: 'تصفح';
    border-left: 0;
    border-right: 1px solid #ced4da;
}
.swal2-container { z-index: 9999999999 !important; }
.box-max-height { max-height: 350px }

#excelLoading,
#pdfLoading {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.25);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 999999;
}
#excelLoading .inner,
#pdfLoading .inner {
    background: #fff;
    padding: 25px;
    width: 300px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
/* end update 12-2022 */

/* start update 2-2023 */
.dx-visibility-change-handler svg {margin: 0 auto 25px auto;}
[dir="rtl"] .vc-arrow {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
body:not(.dark-theme) .vc-nav-popover-container {
    background-color: #fff !important;
}
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-item,
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-title,
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-arrow {
    color: #1e233a !important;
}
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-item:hover,
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-title:hover,
body:not(.dark-theme) .vc-nav-popover-container .vc-nav-arrow:hover {
    background-color: #eee !important;
    color: #1e233a !important;
}
/* end update 2-2023 */

/* start update 3-2023 */
.btn-success .dropdown-item {
    background: none;
    color: #fff;
}
.ul-widget6__item--table {overflow-x:hidden}
[dir="rtl"] .vc-day .flex.flex-col {text-align: right;}
.pagination {
    justify-content: center;
    text-align: center;
    padding: 0;
}
/* end update 3-2023 */

/* start update 8-2023 */
[dir="rtl"] .ql-editor {text-align: right;}
.notification-num {width: 15px; height: 15px}
.small-form {width: 100%; max-width: 600px;}
.custom-file-label {border: 0; cursor: pointer;}
[type="file"] {cursor: pointer;}
.customizer .handle {display: none !important;}
.sidebar-gradient-purple-indigo .sidebar-panel,
.gradient-purple-indigo {
    background-color: #fff !important;
    background-image: none !important;
}
.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch {border-color: #663399 !important;}
.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a,
.side-nav .main-menu .text-muted {color: #663399 !important;}
.add-countries .accordion { background: #f3f3f3; border-radius: 10px; }
.add-countries .accordion .accordion-title:hover {background: #eee; border-radius: 10px;}
.add-countries .accordion .accordion-title i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all .25s ease-in-out;
}
.add-countries .accordion .accordion-title.collapsed i {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
}
.add-countries .accordion .accordion-btn {
    background: transparent;
    border: 2px solid #777;
    padding: 2px 10px 1px;
    border-radius: 7px;
    outline: 0;
    font-size: 12px;
    color: #555;
    font-weight: bold;
}
.add-countries .accordion .accordion-btn:hover {
    background: #eee;
}
/* end update 8-2023 */

/* start update 10-2023 */
.on-off label,
.on-off label::before {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.on-off label {
    width: 45px;
    height: 20px;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}
.on-off label::before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #ccc;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.on-off input:checked + label {border-color: #00d30b;}
.on-off input:checked + label::before {background: #00d30b; left: calc(100% - 17px)}
/* end update 10-2023 */

.allPermissions .accordion {
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.allPermissions .accordion .accordion-title {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    color: inherit;
    cursor: pointer;
}
.allPermissions .accordion .accordion-title > i {float: right;}
[dir="rtl"] .allPermissions .accordion .accordion-title > i {float: left;}
.allPermissions .accordion .accordion-body {
    background: #fff;
}
.on-off {
    display: inline-block;
    margin: 0;
    height: 20px;
}
.on-off .swich,
.on-off .swich::before {transition: all .15s ease-in-out;}
.on-off .swich {
    display: inline-block;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    background-color: #ddd;
    position: relative;
    cursor: pointer;
}
.on-off .swich::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #777;
    left: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 100%;
}
.on-off input:checked ~ .swich,
.on-off input.checked ~ .swich {background: #CADFE5;}
.on-off input:checked ~ .swich::before,
.on-off input.checked ~ .swich::before {
    background: #1B718A;
    left: calc(100% - 20px);
}