/*===========================================================
02: preloader CSS
=============================================================*/
@media print {
    body,table,tbody {
        overflow-y: hidden;
    }
    tfoot {
        position: relative;
    }
        tfoot tr {
            position: absolute;
            margin: auto;
            display: block;
            left: 0;
            right: 0;
            text-align: center;
            text-align: -webkit-center;
        }
    tfoot th:empty {
        display: none !important;
    }
    tfoot th:first-child {
        border-right: 2px solid #000000;
    }
        tfoot th:nth-child(1) {
            position: relative;
            right: 10px;
        }
    tfoot th:nth-child(2) {
        position: relative;
        left: 10px;
    }
        table th, table td {
            padding-right: 5px !important;
            padding-left: 5px !important;
        }
    hr {
        border: 3px solid black;
        border-radius: 5px;
    }
    tfoot td {
        display: block;
    }
    tfoot tr, tfoot, tfoot td {
        direction: ltr !important;
    }
    h1 {
        direction: rtl;
    }

    table, table tr, table td {
        direction: rtl;
        border-top: #000 solid 1px;
        border-bottom: #000 solid 1px;
        border-left: #000 solid 1px;
        border-right: #000 solid 1px;
    }
}
.select2-results__option:empty {
    display: none;
}
.preloader {
    height: 100vh;
    width: 100%;
    position: fixed;
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999999;
}

@media (min-width: 991px) {
    .modal-large-dialog {
        max-width: 70% !important;
    }
}

.badge {
    user-select: none;
}

.preloader-orbit-loading {
    position: relative;
    top: 50%;
    right: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
}

    .preloader-orbit-loading .cssload-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        .preloader-orbit-loading .cssload-inner.cssload-one {
            right: 0%;
            top: 0%;
            animation: cssload-rotate-one 1.15s linear infinite;
            -o-animation: cssload-rotate-one 1.15s linear infinite;
            -ms-animation: cssload-rotate-one 1.15s linear infinite;
            -webkit-animation: cssload-rotate-one 1.15s linear infinite;
            -moz-animation: cssload-rotate-one 1.15s linear infinite;
            border-bottom: 5px solid #24695c;
        }

        .preloader-orbit-loading .cssload-inner.cssload-two {
            left: 0%;
            top: 0%;
            animation: cssload-rotate-two 1.15s linear infinite;
            -o-animation: cssload-rotate-two 1.15s linear infinite;
            -ms-animation: cssload-rotate-two 1.15s linear infinite;
            -webkit-animation: cssload-rotate-two 1.15s linear infinite;
            -moz-animation: cssload-rotate-two 1.15s linear infinite;
            border-left: 5px solid #24695c;
        }

        .preloader-orbit-loading .cssload-inner.cssload-three {
            left: 0%;
            bottom: 0%;
            animation: cssload-rotate-three 1.15s linear infinite;
            -o-animation: cssload-rotate-three 1.15s linear infinite;
            -ms-animation: cssload-rotate-three 1.15s linear infinite;
            -webkit-animation: cssload-rotate-three 1.15s linear infinite;
            -moz-animation: cssload-rotate-three 1.15s linear infinite;
            border-top: 5px solid #24695c;
        }

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
    }
}

.ck-editor__top *, .ck-form *, .ck-form, .ck-balloon-panel *, .datepicker-persian * {
    font-family: "anjoman", sans-serif !important;
}

.ck ul {
    list-style-type: disc;
}

.ck ul, .ck ol {
    padding-right: 15px;
    padding-left: 15px;
}

.ck-sticky-panel__content {
    position: relative !important;
}

.ck-editor__editable_inline {
    min-height: 250px;
}

.main-header-left, .main-header-right {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.field-validation-error {
    color: #dc3545 !important;
    display: block;
}

span.input-group-text, .footer p {
    user-select: none;
}

.page-wrapper .page-body-wrapper .page-header .breadcrumb {
    float: left;
}

@media only screen and (min-width:600px) {
    .page-wrapper .page-body-wrapper .page-header .row h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .page-wrapper .page-body-wrapper .page-header .row h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .rtl .page-wrapper .page-body-wrapper .page-header .breadcrumb {
        float: left;
    }
}

.dot-animated-custom {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    content: '';
    background-color: #d22d3d;
    -webkit-animation: fadeIn 2s ease infinite;
    animation: fad eIn 2s ease infinite;
}

.span-required {
    color: #dc3545 !important;
    vertical-align: middle;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-submenu li a {
    padding: 7px 25px !important;
    font-weight: 600;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-submenu {
    padding: 8px 0;
}

.dt-custom thead tr th {
    vertical-align: middle;
    border-top: none;
    background-color: rgba(36, 105, 92, 0.05);
    border: 1px solid #24695c;
    padding: 15px;
    color: #24695c;
    font-weight: 600;
}

@media only screen and (max-width: 600px) {
    .dt-custom thead tr th {
        font-size: 12px;
    }

    .page-wrapper.modern-sidebar.compact-wrapper .page-body-wrapper header.main-nav {
        top: 65px;
    }
}

@media (max-width: 1199px) {
    .page-wrapper.modern-sidebar.compact-wrapper .page-body-wrapper header.main-nav {
        top: 76px !important;
        height: auto;
    }
}

.sidebar-user .badge-bottom > .badge-primary {
    user-select: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div h6 {
    font-size: 17px !important;
}

table th, table td {
    text-align: center !important;
}

    table td .btn {
        font-size: 12px !important;
        width: max-content;
    }

img {
    user-select: none;
    -webkit-user-drag: none;
}

.img-cover {
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 480px) {
    .rtl .page-wrapper .page-main-header .main-header-right .nav-right > ul li {
        margin-left: 15px !important;
    }
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div h6 {
    font-family: "anjoman", sans-serif !important;
    font-size: 15px !important;
    user-select: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li span {
    font-weight: 500;
    font-family: "anjoman", sans-serif !important;
}

.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item a {
    font-weight: 600;
}

@media screen and (min-width:768px) {
    .modal-imgcropper {
        max-width: 65%;
    }
}

.loader-menu-tree {
    height: fit-content !important;
    position: absolute;
    margin-top: 5px;
}

.jstree-default.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0px !important;
}

.card .card-header h5 {
    font-size: 18px !important;
}

.form-label {
    user-select: none;
}

#menuTree li[data-ishidden="True"] a {
    opacity: 0.5;
}

.jstree .jstree-open > .jstree-children {
    padding: 5px 0;
}

.search-form input::placeholder {
    padding: 50px 0;
    height: auto;
}

.rtl .dropdown-toggle::after {
    vertical-align: middle;
}

.dataTables_wrapper .dt-buttons .btn, div.dt-button-collection a.dt-button {
    background: rgba(36, 105, 92, 0.1) !important;
    background-color: rgba(36, 105, 92, 0.1) !important;
    border: none !important;
    transition: 0.5s !important;
    color: #24695c !important;
}

    div.dt-button-collection a.dt-button:hover {
        background: #24695c !important;
        background-color: #24695c !important;
        color: #fff !important;
    }

.rtl .dt-button-collection {
    border-color: darkgray;
}

div.dt-button-info h2 {
    font-size: 19px !important;
}

.btns-showmodel-cropper.btn-group .btn {
    pointer-events: none;
}

.jstree-default .jstree-anchor {
    line-height: 30px !important;
    height: 30px !important;
    padding-left: 10px !important;
}

.jstree-default .jstree-icon:empty {
    width: 30px !important;
    height: 30px !important;
    line-height: 35px !important;
}

@media (max-width: 768px) {
    .jstree-default-responsive .jstree-node > .jstree-ocl {
        background-image: url(/admin/assets/images/tree/40px.png);
    }
}

.no-animate-bell svg {
    -webkit-animation: none !important;
    animation: none !important;
}

.dataTables_wrapper .dataTables_length {
    margin-left: 30px;
}

.rtl div.dataTables_wrapper div.dataTables_paginate {
    direction: ltr;
}

@media (min-width: 640px) {
    .rtl div.dt-buttons {
        width: auto;
        display: block;
        float: left;
        margin-right: 15px;
    }
}

.dataTables_wrapper {
    width: 99.9%;
}

.table-responsive {
    overflow-y: hidden;
}

div.dt-button-collection .dt-button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.datepicker-persian .sec, .datepicker-persian .min, .datepicker-persian .hour {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    height: unset !important;
}

[class*="sticky-"] {
    z-index: 1 !important;
}

.dark-only .ck-content {
    color: black;
}

@media (max-width: 496px) {
    .rtl .dataTables_wrapper .dataTables_filter {
        margin-left: 15px !important;
        margin-right: 0 !important;
        float: right !important;
    }
}

@media screen and (max-width: 991px) {
    h5 {
        font-size: 17px !important;
    }
}

.rtl .dataTables_wrapper .btn-group button:not(:first-child) {
    margin-left: 0px !important;
}

.buttons-change-size {
    margin: 0 !important;
}

.rtl .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0 !important;
}

.rtl .docs-toggles .btn-group .btn:last-child {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.foot-note {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.color-statistics {
    color: #fff !important;
}

@media screen and (min-width: 768px) {
    .user-status table tbody tr td:first-child {
        min-width: unset !important;
    }
}

@media screen and (max-width: 767px) {
    .user-status table tbody tr td:first-child {
        min-width: 183px;
    }
}

.apexcharts-toolbar div:not(.selected,.apexcharts-pan-icon) svg {
    fill: rgb(36 105 92 / 60%) !important;
}

.apexcharts-toolbar div.selected:not(.apexcharts-pan-icon) svg {
    fill: #24695c !important;
}

.apexcharts-toolbar .apexcharts-pan-icon:not(.selected) svg {
    stroke: rgb(36 105 92 / 60%) !important;
}

.apexcharts-toolbar .apexcharts-pan-icon.selected svg, .apexcharts-pan-icon:not(.selected):hover svg {
    stroke: #24695c !important;
}

.apexcharts-toolbar {
    top: -10px !important;
    z-index: 8 !important;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 20px;
}

.form-group + .separator {
    margin-top: 5px !important;
}

.separator::after, .separator::before {
    content: '';
    flex: 1;
    border-bottom: 1px solid #6c757d7d;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

.default-gallery-pic {
    position: absolute;
    bottom: 0;
    background: #bdbdbd;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
}

.setting-list .view-html {
    display: none;
}
.rtl div.dataTables_wrapper div.dataTables_paginate {
    z-index: 3;
    position: relative;
}
/*===========================================================
Start UI Change
=============================================================*/
.rtl .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.close_icon ~ footer {
    margin-right: 0;
}

.rtl .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav:not(.close_icon) ~ footer {
    margin-right: 260px;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(100vh - 100px);
}

.page-main-header .main-header-right .left-menu-header, .page-main-header .main-header-right .nav-right .nav-menus {
    padding: 18px 30px !important;
}

@media only screen and (min-width: 600px) {
    .page-main-header .main-header-right .main-header-left {
        padding: 20px 20px !important;
        width: 260px !important;
    }
}

@media only screen and (min-width: 768px) {
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        top: 75px !important;
        width: 260px !important;
    }
}

@media only screen and (max-width: 600px) {
    header.main-nav .img-80 {
        display:none !important;
    }
}

@media only screen and (max-width: 767px) {
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        top: 66px !important;
        width: 260px !important;
    }
}

.page-wrapper.modern-sidebar.compact-wrapper .page-body-wrapper header.main-nav {
    top: 105px;
    width: 260px !important;
}

.rtl .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-right: 260px;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li {
    margin-right: 0 !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div {
    border-bottom: none !important;
}

.page-main-header .main-header-right .toggle-sidebar svg {
    width: 18px !important;
}

.page-wrapper.modern-sidebar.compact-wrapper .page-body-wrapper header.main-nav, .page-wrapper.modern-sidebar.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(100vh - 184px) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link.active, .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link:hover {
    box-shadow: #24695c24 0px 8px 24px;
    color: #24695c;
    background-color: unset;
}

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link.active svg, .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link:hover svg {
        color: #24695c !important;
    }

.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link {
    -webkit-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}

.page-main-header .setting-primary, .page-main-header .setting-secondary, .page-main-header .setting-white {
    width: auto !important;
    height: auto !important;
    display: unset !important;
}

    .page-main-header .setting-primary:hover {
        background-color: transparent !important;
    }

        .page-main-header .setting-primary:hover svg {
            color: #24695c;
        }

.page-main-header .setting-primary {
    background-color: rgb(36 105 92 / 0%) !important;
}

    .page-main-header .setting-primary svg, .page-main-header .setting-secondary svg, .page-main-header .setting-white svg {
        stroke-width: 1.7px;
    }

/*===========================================================
End UI Change
=============================================================*/