/* 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: 99;
}
@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%}
}
.input-group-text 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:#fff;
}

.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;
    max-width: 75px;
    display: block;
}
@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 .radio-success input.checked ~ .checkmark,
.dark-theme .checkbox-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;} */
.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch {border-color: #555 !important;}
.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a,
.side-nav .main-menu .text-muted {color: #555 !important;}
.app-admin-wrap.sidebar-compact .main-content-wrap {padding-top: 0; padding-bottom: 0;}
.modal-top-end .modal-body {max-height: calc(100vh - 100px)}
.modal-top-end .modal-dialog {
    width: 100%;
    max-width: 55vw;
}
.modal-top-end .modal-dialog .modal-content {border-radius: 10px;}
.modal-top-end.modal:not(.nofixed) .modal-dialog {
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: auto;
    transform: translate(0) !important;
    margin: 0;
    position: absolute;
}
[dir="rtl"] .modal-top-end.modal:not(.nofixed) .modal-dialog {
    top: 10px;
    bottom: 10px;
    right: auto;
    left: 10px;
}
.modal-top-end.modal:not(.nofixed) .modal-dialog .modal-content {min-height: 100%;}
/* end update 8-2023 */

/* start update 9-2023  */
.sidebar-compact-onhover .main-content {
    margin-left: 30px;
    margin-right: 0;
}
[dir="rtl"] .sidebar-compact-onhover .main-content {
    margin-left: 0;
    margin-right: 30px;
}
.choose-language {
    position: relative;
}
.choose-language input {padding-right: 90px; padding-left: 10px;}
[dir="rtl"] .choose-language input {padding-right: 10px; padding-left: 90px;}
.choose-language .btn-choose-language {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 2px 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: all .15s ease-in-out;
    z-index: 9;
    border: 0;
    outline: 0;
}
.choose-language[class*="col-"] .btn-choose-language {right: 25px;}
[dir="rtl"] .choose-language .btn-choose-language {
    position: absolute;
    right: auto;
    left: 5px;
}
[dir="rtl"] .choose-language[class*="col-"] .btn-choose-language {left: 25px;}
.choose-language .btn-choose-language:hover {
    background-color: #dedede;
    color: #000;
}
.modal {background: rgba(0, 0, 0, .5);}
.language-choose {
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.03), 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .15s ease-in-out;
}
.language-choose p {margin: 0;}
.language-choose span {opacity: 0; font-size: 12px; transition: all .15s ease-in-out; padding: 2px 7px; border-radius: 4px; margin: 0 5px;
    width: 75px;
    text-align: center;}
.language-choose:hover span {opacity: 1;}
.language-choose span:hover {background: #dedede;}
.language-title {margin: 0 0 5px 0; padding: 0 10px; font-size: 12px; font-weight: bold;}
input[type="radio"]:checked ~ .language-choose,
input[type="radio"].checked ~ .language-choose {border: 1px solid #32c73a; box-shadow: none}
input[type="checkbox"]:checked ~ .language-choose,
input[type="checkbox"].checked ~ .language-choose {border: 1px solid #32c73a; box-shadow: none}

.main-content-wrap {background: #f7f7f7;}
.btn-secondary.dropdown-toggle:focus,
.btn-secondary.dropdown-toggle:active,
.btn-secondary.dropdown-toggle.active {
    outline: 1px solid #ddd;
    box-shadow: none !important;
}
.btn-light {background-color: #f4f4f4 !important}
.search-box {
    position: relative;
}
.search-box i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 33px;
    line-height: 30px;
    width: 25px;
    text-align: center;
    z-index: 5;
}
[dir="rtl"] .search-box i {
    right: 0;
    left: auto;
}
.search-box input {
    text-indent: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 50px;
    transition: all .25s ease-in-out;
    background: transparent;
    outline: 0;
    padding: 4px 0;
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.search-box input.open,
.search-box input:focus {
    width: 200px;
    border-color: #ddd;
    background: #fff;
    cursor: text;
    z-index: 2;
}
.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);
}
.on-off .lbl {display: inline-block; min-width: 65px}
.metismenu {display: flex; flex-flow: column wrap; min-height: 75vh;}
.metismenu .last {margin-top: auto;}
.upload-file-stylish .custom-file-label {
    display: inline-block;
    height: 150px;
    color: #aaa;
}
.upload-file-stylish .file-uploads {
    height: 150px;
    border: 3px dashed #ddd;
    border-radius: 10px;
}
.upload-file-stylish .file-uploads:hover {
    border-color: #68b1f9;
}
.upload-file-stylish .custom-file-label i {
    display: block;
    font-size: 35px;
    text-align: center;
    padding: 30px 0;
}
.upload-file-stylish .file-uploads:hover .custom-file-label {
    color: #68b1f9;
}
.upload-file-stylish .upload-file input[type="file"] {height: 100%;}
.upload-file-stylish .custom-file-label::after {
    display: none;
}
.modal .accordion {
    border-radius: 5px;
    background: #eee;
}
.modal .accordion .accordion-title {
    padding: 10px 15px;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}
.modal .accordion .accordion-body {
    padding: 0 15px 15px 15px;
}
.modal .accordion table {width: 100%;}
.modal .accordion table,
.modal .accordion table tr,
.modal .accordion table th,
.modal .accordion table td {
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.modal .accordion table th,
.modal .accordion table td {padding: 7px;}
.static-status {
    display: inline-block;
    text-align: center;
    padding: 2px 10px;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    font-size: 10px;
}
.static-status::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    position: relative;
    top: 2px;
    left: -3px;
}
[dir="rtl"] .static-status::before {
    right: -3px;
    left: auto;
}
.static-status.active {border-color:#49c13c}
.static-status.active::before {background-color:#49c13c}
.static-status.inactive {border-color:#ffe500}
.static-status.inactive::before {background-color:#ffe500}
.static-status.expired {border-color:#fc1942}
.static-status.expired::before {background-color:#fc1942}
.static-status.archived {border-color:#ccc}
.static-status.archived::before {background-color:#ccc}
.note {font-size: 12px; color: #777;}
.note span {color: rgb(39, 101, 163);}
.radio-stylish span {
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-size: 11px;
    color: #777;
}
.radio-stylish span i {
    opacity: 0;
    width: 0;
    transition: all .2s ease-in-out;
}
.radio-stylish input:checked + span,
.radio-stylish input.checked + span {
    border-color: #232323;
    color: #232323;
}
.radio-stylish input:checked + span i,
.radio-stylish input.checked + span i {
    opacity: 1;
    width: 20px;
}
.multiselect {
    min-height: 35px !important;
    max-height: 35px;
    height: 35px;
}
.multiselect-wrapper {min-height: 100% !important;}
.required-fields strong {
    display: inline-block;
    min-width: 140px;
    font-weight: normal;
}
.required-fields .on-off {
    display: inline-block;
    margin: 0;
}
.required-fields .on-off .swich,
.required-fields .on-off .swich::before {transition: all .15s ease-in-out;}
.required-fields .on-off .swich {
    display: inline-block;
    width: 45px;
    height: 20px;
    border-radius: 20px;
    background-color: #fcbfbf;
    position: relative;
    cursor: pointer;
}
.required-fields .on-off .swich::before {
    content: 'x';
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #f73d3d;
    left: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 100%;
}
.required-fields .on-off input:checked ~ .swich,
.required-fields .on-off input.checked ~ .swich {background: #c2fab0;}
.required-fields .on-off input:checked ~ .swich::before,
.required-fields .on-off input.checked ~ .swich::before {
    content: '√';
    background: #289604;
    left: calc(100% - 20px);
}
fieldset {border: 1px solid #ddd; padding: 15px;}
fieldset legend {font-size: 14px; font-weight: bold; display: inline-block !important; width: auto; min-width: auto;}
.permissions .accordion-title { cursor: pointer; }
.permissions .icons { padding: 0 20px; display: block;}
.permissions .accordion-title.collapsed + .icons {display: none;}
.permissions .accordion-body {padding: 0 !important; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.permissions .on-off {
    display: inline-block;
    margin: 0;
}
.permissions .on-off .swich,
.permissions .on-off .swich::before {transition: all .15s ease-in-out;}
.permissions .on-off .swich {
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
}
.permissions .on-off .swich i {
    cursor: pointer;
    font-size: 18px;
    opacity: .3;
}
.permissions .on-off .swich::before {
    display: none;
}
.permissions .on-off input:checked ~ .swich,
.permissions .on-off input.checked ~ .swich {background: transparent;}
.permissions .on-off input:checked ~ .swich::before,
.permissions .on-off input.checked ~ .swich::before {
    display: none;
}
.permissions .on-off input:checked ~ .swich i,
.permissions .on-off input.checked ~ .swich i {opacity: 1;}
.accordions .accordion {
    background: #eee;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.accordions .accordion .accordion-title {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    color: inherit;
    cursor: pointer;
}
.accordions .accordion .accordion-title > i {float: right;}
[dir="rtl"] .accordions .accordion .accordion-title > i {float: left;}
.accordions .accordion .accordion-body {
    background: #fff;
    padding: 10px;
}
/* end update 9-2023 */

/* start update 10-2023 */
label[for] {cursor: pointer;}
.float-end {float: right;}
[dir="rtl"] .float-end {float: left;}
/* end update 10-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)}*/

/* start accordions-sortable */
.accordions-sortable .accordion {background: none; border: 0;}
.accordions-sortable .accordion .accordion-title {padding: 0; border-bottom: 0; font-weight: normal;}
.accordions-sortable .accordion .accordion-title > i {float: none;}
[dir="rtl"] .accordions .accordion .accordion-title > i {float: none;}
.accordions-sortable .accordion .accordion-body {background: none;}
.accordions-sortable .item {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 5px auto;
}
.accordions-sortable .item .fa-grip {color: #ddd;}
.accordions-sortable .on-off {height: 20px;}
.accordions-sortable .swich {margin: 0;}
.accordions-sortable .draggable:hover .fa-grip {color: rgb(123, 185, 247);}
.draggable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.draggable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
/* end accordions-sortable */
/* end update 10-2023 */

/* start update 11-2023 */
.VuePagination {text-align: center;}
.VuePagination nav {padding: 0}
.VuePagination p {margin: 0}
/* end update 11-2023 */

/* start update 1-2024 */
.create-dotting .fa-trash-can {font-size: 20px; cursor: pointer;}
.create-dotting input.small {width: 100px; font-size: 13px; border: 1px solid #ddd; border-radius: 4px; outline: 0; text-align: center;}
.create-dotting input.small:focus {border-color: #40ff03;}
.electronic-payment input[type="radio"] {display: none;}
.electronic-payment input:checked + img {border: 2px solid #3bdd05; opacity: 1;}
.electronic-payment img {
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 5px;
    opacity: .5;
    height: 100px;
    width: auto;
    cursor: pointer;
}
/* end update 1-2024 */
/* new style to  */
.form-control{
    background-color: #fff !important;
}
/* end update 1-2024 */

/* start update 3-2024 */
.ul_li-large.Ul_li--hover:hover::before {
    width: 90%;
}
#myTab a {padding: 5px !important;}
.discover-slider {
    padding-bottom: 25px;
}
.discover-slider .slick-dots {
    right: 77px;
    left: auto;
    bottom: -5px;
    width: auto;
}
.discover-slider .slick-arrow,
[dir="rtl"] .discover-slider .slick-arrow { bottom: -10px; top: auto; left: auto; }
.discover-slider .slick-arrow:before {color: #aaa; font-size: 25px;}
.progress-bar {background-color: #ffb600;}
.discover-slider,
[dir="rtl"] .discover-slider {direction: ltr;}
.slick-dots li {margin:0 !important}
.slick-dots li, .slick-dots li button {width: auto !important}
.slick-dots li button:before {content: '' !important; position: static !important; transition: all .2s ease-in-out; width: 8px !important; height: 8px !important; display: inline-block; border-radius: 100%; background-color: #444;}
.slick-dots li.slick-active button::before {width: 30px !important; height: 6px !important; border-radius: 4px; background-color: #888;}
.discover-slider .slick-arrow:before {font-size: 18px; color: #777; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 30px; height: 30px; display: inline-block; line-height: 30px; background: #ddd; border-radius: 100%;}
[dir="rtl"] .discover-slider .slick-next,.discover-slider .slick-next {right: 15px;}
[dir="rtl"] .discover-slider .slick-prev,.discover-slider .slick-prev {right: 50px;}
[dir="rtl"] .discover-slider .slick-next:before, .discover-slider .slick-next:before {content: '\f054';}
[dir="rtl"] .discover-slider .slick-prev:before, .discover-slider .slick-prev:before {content: '\f053';}
/* end update 3-2024 */

/* start update 4-2024 */
body {background-color: #f7f7f7;}
.steps-progress {height: 10px; background-color: #eee; border-radius: 10px; }
.bar-progress {background-color: #333; height: 100%; border-radius: 10px; position: relative;}
.steps-progress .bar-progress::before {content: attr(data-label); position: absolute; top: calc(50% - 15px); background-color: inherit; color: #fff; border-radius: 15px; padding: 3px 10px; font-size: 10px; border: 2px solid #fff; right:-1px}
/* start questions */
.questions {width: 100%; height: 100%; margin: auto; padding-bottom: 75px;}
.questions .question p {color: inherit;}
.choose-answer label {display: block;}
.choose-answer .answer {border: 3px solid #ddd; border-radius: 7px; cursor: pointer;}
.choose-answer .answer >span {color: #777; padding: 10px; border-right: 2px solid #ddd;}
[dir="rtl"] .choose-answer .answer >span,
[lang="ar"] .choose-answer .answer >span {border-right: 0; border-left: 2px solid #ddd;}
.choose-answer .answer p {color: inherit; margin: 10px 0; padding: 0 10px;}
.choose-answer input:checked + .answer {border-color: #333;}
.choose-answer input:checked + .answer.right {border-color: #75c435;}
.choose-answer input:checked + .answer.wrong {border-color: #f73838;}
.choose-answer input:checked + .answer p {color: #111}
.questions .question-ctrl {position: fixed; bottom: 10px; left: 10px; right: 10px;}
.questions .question .question-body {margin-bottom: 30px}
.questions .question .question-body .d-flex p {text-align: start;}
.questions .question .question-body .d-flex .flex-grow-1 {min-width: 50%}
.questions .question .question-body img {
    width: 500PX; max-width: 100%;
    display: block;
    border-radius: 5px;
    height: auto;
    object-fit: cover;
}
.true-answer {background-image: linear-gradient(transparent, transparent, #75c43550);}
.false-answer {background-image: linear-gradient(transparent, transparent, #f7383820);}
.true-answer .bar-progress {background-color: #75c435;}
.false-answer .bar-progress {background-color: #f73838;}
.questions {position: relative;}
.questions .navigate .next,
.questions .navigate .prev {
    position: fixed;
    top: 0;
    bottom: 0;
    cursor: pointer;
    color: #ccc;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to right, transparent, transparent , transparent);
}
.questions .navigate .next {left: 0;}
.questions .navigate .prev {right: 0;}
.questions .navigate .next:hover {color: #aaa; background-image: linear-gradient(to right, transparent, #eee , #ddd);}
.questions .navigate .prev:hover {color: #aaa; background-image: linear-gradient(to left, transparent, #eee , #ddd);}
[dir="rtl"] .questions .navigate .next {left: auto; right: 0}
[dir="rtl"] .questions .navigate .prev {right: auto; left: 0}
.dropdown-toggle {cursor: pointer;}
.steps-dropdown .dropdown-menu {padding: 10px; width: 200px; transform: translateX(0) !important; right: 0; left: auto !important; top: 29px !important}
[dir="rtl"] .steps-dropdown .dropdown-menu { right: auto !important; left: 0 !important;}
.steps-dropdown label {font-size: 14px; color:#aaa;}
.steps-dropdown .dropdown-menu .hotkeys span {display: inline-block; padding: 3px 10px; border: 2px solid #eee; border-radius: 5px; color: #aaa}
.steps-dropdown .dropdown-menu .hotkeys span + span {margin-left: 5px;}
.steps-dropdown .dropdown-menu .toggle-button label {width: 30px; height: 17px; background-color: #fff; border-radius: 17px; border: 1px solid #ccc; position: relative; cursor: pointer; margin: 0;}
.steps-dropdown .dropdown-menu .toggle-button label::before {content: ''; position: absolute; width: 13px; height: 13px; background: #aaa; left: 1px; top: 1px; border-radius: 100%; transition: all .2s ease-in-out;}
.steps-dropdown .dropdown-menu .toggle-button input:checked + label::before {background-color: #06c; left: 14px;}

/* end questions */
/* end update 4-2024 */

/* start update 5-2024 */
/* start skill */
.skill-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}
.skill-container .skill {
    position: relative;
}
.skill-container .skill .outer {
    height: 80px;
    width: 80px;
    border-radius: 100%;
    padding: 10px;
    box-shadow: 6px 6px 10px -1px rgba(0 0 0 /.15),
                -6px -6px 10px -1px rgba(255 255 255 /.7);
}
.skill-container .skill .outer .inner {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    display: flex; align-items: center;
    justify-content: center;
    box-shadow: inset 4px 4px 6px -1px rgba(0 0 0 /.2),
                inset -4px -4px 6px -1px rgba(255 255 255 /.7),
                -.5px -.5px 0px rgba(255 255 255 /1),
                .5px .5px 0px rgba(0 0 0 /.15),
                0px 12px 10px -10px rgba(0 0 0 /.05);
}
.skill-container .skill .outer .inner .number {
    font-weight: 800;
}
.skill-container .skill:nth-child(1) .outer .inner .number {color: #222;}
.skill-container .skill:nth-child(2) .outer .inner .number {color: #4fa0ff;}
.skill-container .skill:nth-child(3) .outer .inner .number {color: #7811f7;}

.skill-container circle {
    fill: none;
    stroke-width: 12px;
    stroke: #f75023;
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    transition: 3s linear;
}
.skill-container .skill svg {
    position: absolute;
    top: 0;
    left: 0;
}
.skill-container .skill:nth-child(1) circle {stroke: #f7bf23;}
.skill-container .skill:nth-child(2) circle {stroke: #4fa0ff;}
.skill-container .skill:nth-child(3) circle {stroke: #7811f7;}

.questions-timer .skill-container {margin-bottom: 0;}
.questions-timer .skill-container .skill .outer {
    height: 30px;
    width: 30px;
    padding: 2px;
    box-shadow: none
}
.questions-timer .skill-container .skill .outer {
    height: 30px;
    width: 30px;
}
.questions-timer .skill-container .skill .outer .inner {
    height: 25px;
    width: 25px;
}
.questions-timer .skill-container .skill .outer .inner .number {
    display: none;
}
.questions-timer circle {
    stroke-width: 4px;
    transition: 900s linear;
}
/* end skill */

.choose-this img { padding: 3px; cursor: pointer;}
.choose-this input:checked + img {
    border: 2px solid #333;
    border-radius: 10px;
}
/* end update 5-2024 */

/* start update 6-2024 */
#SucccessModal .modal-body {
    max-height: calc(100vh - 50px);
}
/* start stylish-succcess */
.stylish-succcess {
    height: 85px;
    position: relative;
}
.stylish-succcess .symbol {opacity: .1; position: absolute;}
.stylish-succcess ._star1 {opacity: 1; top: -20px; left: 50px;}
.stylish-succcess ._star2 {opacity: 1; top: 20px; right: 50px;}
.stylish-succcess ._circle1 {opacity: 1; top: 50px; left: 40px;}
.stylish-succcess ._circle2 {opacity: 1; top: -20px; left: 150px;}
.stylish-succcess ._circle3 {opacity: 1; top: 100px; right: 10px;}
.stylish-succcess ._zigzag1 {opacity: 1; top: 20px; left: -25px; transform: rotate(-70deg);}
.stylish-succcess ._zigzag2 {opacity: 1; top: -30px; right: 65px;}
.stylish-succcess ._blue-line1 {opacity: 1; top: 0; left: 15px; transform: rotate(90deg);}
.stylish-succcess ._blue-line2 {opacity: 1; top: 0; left: 240px; transform: rotate(50deg);}
.stylish-succcess ._blue-line3 {opacity: 1; top: 0; right: 0;}
.stylish-succcess ._blue-line4 {opacity: 1; bottom: 0; right: 25px; transform: rotate(97deg);}
.stylish-succcess ._light-blue-line1 {opacity: 1; top: 60px; left: 120px; transform: rotate(90deg);}
.stylish-succcess ._light-blue-line2 {opacity: 1; top: -10px; right: 40px;}

@keyframes preloader {
    0%{ transform: scale(.8) rotate(0); }
    100% { transform: scale(1.2) rotate(15deg); }
}

.stylish-succcess ._star1 {animation: preloader .6s ease-in-out alternate .5s infinite;}
.stylish-succcess ._star2 {animation: preloader .6s ease-in-out alternate 1s infinite;}

.stylish-succcess ._circle1 {animation: preloader .6s ease-in-out alternate infinite;}
.stylish-succcess ._circle2 {animation: preloader .6s ease-in-out alternate .2s infinite;}
.stylish-succcess ._circle3 {animation: preloader .6s ease-in-out alternate .5s infinite;}

@keyframes preloader2 {
    0%{ opacity: .3; }
    100% { opacity: 1; }
}

.stylish-succcess ._zigzag {animation: preloader2 .6s ease-in-out alternate .3s infinite;}
.stylish-succcess ._blue-line {animation: preloader2 .6s ease-in-out alternate .7s infinite;}
.stylish-succcess ._light-blue-line {animation: preloader2 .6s ease-in-out alternate 1s infinite;}
/* end stylish-succcess */
.icon-pts {font-size: 12px; font-weight: bold; padding: 5px 15px; background: #ddd; border-radius: 20px; display: inline-block;}
.manual-menu i {font-size: 18px; cursor: pointer;}
.leave-feedback {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    color: #666;
    padding: 3px 10px 1px;
    background-color: #eee;
    border-radius: 5px;
    cursor: pointer;
    z-index: 999;
}
[dir="rtl"] .leave-feedback {
    right: auto;
    left: 10px;
}
/* end update 6-2024 */
/* start update 7-2024 */
.tags-links span {
    display: inline-block;
    background: #ddd;
    border-radius: 20px;
    padding: 2px 10px 0;
    font-size: 14px;
    color: #777;
    margin: 5px;
}
.accordion-ctrl .icon {cursor: pointer; margin: 0 2px; background-color: #ddd; border-radius: 4px; width: 30px; display: inline-block; text-align: center; color: #666}
.accordion-ctrl i {width: 100%;}
.gap-5 {gap: 5px;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.create-path-accordions .accordion-title a,
.create-path-accordions .accordion-title a:active,
.create-path-accordions .accordion-title a:focus {color: inherit;}
.accordion .accordion-no-title {
    padding: 0;
    color: initial;
    font-size: inherit;
    cursor: auto;
}
.accordions .accordion-no-style {
    background: initial;
    border-radius: 0;
    overflow: auto;
    border: 0;
}
.accordion-edit {display: none;}
.btn-green {background-color: #02a340; color: #fff;}
/*
.create-path-accordions .fa-angle-up::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106" }
.create-path-accordions .collapsed .fa-angle-up::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107" }
*/
.lessons .lesson .lesson-number {min-width: 45px; min-height: 45px; line-height: 45px; border-radius: 100%; background-color: #ccc; text-align: center; font-weight: bold; font-size: 16px;}
.lessons .lesson .lesson-number i {font-size: 22px; position: relative; top: 3px;}
.lessons .lesson .lesson-stylish {width: 30px; height: 3px; background-color: #ccc;}
.lessons .lesson .lesson-description {border: 3px solid #ccc; padding: 10px; border-radius: 7px;}

.lessons .lesson.done .lesson-number {background-color: #78c658; color: #fff}
.lessons .lesson.done .lesson-stylish {background-color: #78c658;}
.lessons .lesson.done .lesson-description {border-color: #78c658;}

.lessons .lesson.start .lesson-number {background-color: #2e8ef2; color: #fff}
.lessons .lesson.start .lesson-stylish {background-color: #2e8ef2;}
.lessons .lesson.start .lesson-description {border-color: #2e8ef2; cursor: pointer;}

.lessons .lesson .lesson-description {position: relative;}
.lessons .lesson .lesson-description .status {
    position: absolute;
    top: 0;
    left: calc(50% - 25px);
    width: 50px;
    height: 23px;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    background-color: #2e8ef2;
    color: #fff;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    opacity: 0;
}
.lessons .lesson .lesson-description .status::before {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 15px;
    width: 0;
    height: 0;
    border-width: 9px;
    border-style: solid;
    border-color: #2e8ef2 transparent transparent transparent;
}
.lessons .lesson .lesson-description:hover .status {opacity: 1; top: -17px;}
/* end update 7-2024 */

/* start update 8-2024 */
.accordion-vue {
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.accordion-vue .accordion-vue-title {
    display: block;
    overflow: hidden;
    padding: 7px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    color: inherit;
    cursor: pointer;
}
.accordion-vue .accordion-vue-title > i {float: right;}
[dir="rtl"] .accordion-vue .accordion-vue-title > i {float: left;}
.accordion-vue .accordion-vue-body {
    background: #fff;
}
/* end update 8-2028 */

/* start update 10-2028 */
.examiner-mode input[type="radio"] {
    display: none
}
.examiner-mode label {
    padding: 10px;
    border-radius: 15px;
    border: 3px solid #eee;
    display: block !important;
}
.examiner-mode label i {color: #aaa}
.examiner-mode label i {display: block}
.examiner-mode input[type="radio"]:checked+label,
.examiner-mode label:hover {
    border: 3px solid #333;
}
.examiner-mode input[type="radio"]:checked+label i,
.examiner-mode label:hover i {
    color: #333
}
.examiner-mode p {
    margin: 0
}
.multiselect {
    height: auto;
    min-height: 15px;
    max-height: 200px;
}
.cursor-pointer {cursor: pointer}
#countdown {font-size: 17px}
.discover-slider .bg-book {background-size: cover; background-position: center; height: 250px; border-radius: 12px;}
.form-workspace .multiselect-tag {color: #777; font-size: 12px; background-color: #cdd6dd !important;}
.ql-snow .ql-tooltip {left: 15px !important; right: auto !important}
[dir="rtl"] .ql-snow .ql-tooltip {left: auto !important; right: 15px !important}
.table tr td p {display: inline-block}
[dir="rtl"] .fa-chevron-left,
[lang="ar"] .fa-chevron-left,
[dir="rtl"] .fa-chevron-right,
[lang="ar"] .fa-chevron-right {transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1); -o-transform: scale(-1);}
/* end update 10-2028 */

/* start update 11-2028 */
.rtl {direction: rtl !important; text-align: right}
.ltr {direction: ltr !important; text-align: left}
.rtl .ql-editor {text-align: right !important;}
.ltr .ql-editor {text-align: left !important;}
.rtl .ql-editor ol,
.rtl .ql-editor ul {
    padding-left: 0;
    padding-right: 1.5em;
}
.rtl .ql-editor ol li::before,
.rtl .ql-editor ul li::before {
    margin-left: .3em;
    margin-right: -1.5em;
    text-align: left;
}
/* end update 11-2028 */

/* start update 12-2028 */
.outline-hover:hover {border:1px solid #777 !important}
.sidebar-closed .metismenu .has-arrow::after {opacity:0 !important}
.c-toast-container {z-index: 99999999 !important}
/* end update 12-2028 */

/* start update 1-2025 */
.animate-style .modal-dialog {
    margin: 0;
    right: 0;
    left: auto;
    position: absolute;
}
@media(min-width:1000px) {
    .animate-style .modal-dialog {width: 50%; min-width: 500px;}
}
[dir="rtl"] .animate-style .modal-dialog,
[lang="ar"] .animate-style .modal-dialog {
    left: 0;
    right: auto;
}
[dir="rtl"] .animate-style .modal-dialog .animate__bounceInRight,
[lang="ar"] .animate-style .modal-dialog .animate__bounceInRight {
    animation-name: bounceInLeft;
}
.full-height {height: 100vh;height: 100%;max-height: 100%; min-height: 100vh}
.fixed-bottom {position: fixed; bottom:15px;left:15px;right:15px}
.fa-times {cursor: pointer;}
.good-luck {
    border: 11px solid #f7bf23;
    width: 150px;
    margin: 0 auto 15px;
    border-radius: 60px;
    height: 70px;
    line-height: 50px;
    display: none;
    opacity: 0;
    transition: all .2s ease-in-out;
    -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;
}
.questions-header {
    border: 1px solid #ededed;
    background-color: #F4F5F6;
    border-radius: 15px;
    padding: 7px 15px;
    position: relative;
}
.questions-header .d-flex {position: relative; z-index: 9;}
.questions-header [data-title] {position: relative;}
.questions-header [data-title]::after {
    content: attr(data-title);
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, 90%);
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    padding: 8px;
    line-height: 1;
    font-size: 10px;
    text-transform: capitalize;
    font-family: Arial;
    display: inline-block;
    text-wrap: nowrap;
    font-weight: normal;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.questions-header [data-title]:hover::after {
    opacity: 1;
    transform: translate(-50%, 115%);
}
.questions-header .label-title {
    padding: 0 10px;
    line-height: 1.1;
}
.questions-header .label-title small {font-size: 11px;}
.questions-header .label-title strong {font-size: 16px;}
.questions-header .flagged-question {
    position: absolute;
    bottom: 0;
    transform: translateY(0);
    right: 20px;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: -1;
}
.questions-header .flagged-question.open {
    transform: translateY(115%);
    opacity: 1;
    z-index: 8;
}
.questions-header .flagged-question img {top: -3px; position: relative;}
[dir="rtl"] .questions-header .flagged-question,
[lang="ar"] .questions-header .flagged-question {
    left: 20px;
    right: auto;
}
.questions-header .flagged-question span {
    font-size: 11px;
    color: #aaa;
    display: inline-block;
    width: 60px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    line-height: 1.1;
}
.questions-header .icons i {cursor: pointer; width: 35px; border-radius: 5px; text-align: center;}
.questions-header .icons i:hover,
.questions-header .fa-times:hover {background-color: #ddd;}
.questions-header .steps-progress {background-color: #fff;}
.questions-header .steps-progress .bar-progress::before {
    top: calc(50% - 18px);
    border-radius: 50px;
    padding: 5px;
    font-size: 12px;
}
.modal-content-rounded {border-radius: 20px;}
.info-section h2 {font-size: 35px; font-weight: bold;}
.info-section .tags span {
    display: inline-block;
    background: #ddd;
    border-radius: 5px;
    padding: 2px 7px 0;
    font-size: 12px;
    color: #333;
    margin: 5px;
}
.info-section ul li {color: #aaa; margin-bottom: 5px;}
/* end update 1-2025 */

/* start update 2-2025 */
.modal .modal-body {min-height: 300px}
.table.tr-hover tr:hover {background-color: #f2f2f2;}
.table .tbl-tags {padding: 0; list-style: none; margin: 0;}
.table .tbl-tags li {padding: 2px 5px; display: inline-block; background-color: #eee; border-radius: 5px; margin: 2px;}
/* end update 2-2025 */

/* start update 3-2025 */
.dashboard-card strong {font-size: 15px; display: block; margin-bottom: 10px;}
.dashboard-card p {font-size: 19px; font-weight: bold; margin: 0;}
.dashboard-card span {font-size: 13px;}
.dashboard-card .d-flex > div:first-of-type {width: 175px}

.question_ordinal label {display: block;}
.question_ordinal .answer {border: 3px solid #ddd; border-radius: 7px; cursor: grab;}
.question_ordinal .answer span {color: #777; padding: 10px; border-right: 2px solid #ddd;}
[dir="rtl"] .question_ordinal .answer span,
[lang="ar"] .question_ordinal .answer span {border-right: 0; border-left: 2px solid #ddd;}
.question_ordinal .answer p {color: inherit; margin: 10px 0; padding: 0 10px;}
.question_ordinal input:checked + .answer p {color: #111}
.question_ordinal .answer:hover .fa-compress {color: #00aeff}
.question_ordinal .answer .fa-compress {color: #ddd}
a {
    text-decoration: none !important;
  }
  a:hover {
    text-decoration: none;
  }
  .router-link-exact-active.no-underline {
    text-decoration: none !important;
  }
  .btn {
    border: none !important;
}
#languages.modal {
    z-index: 2051 !important; /* Higher than Bootstrap's default 1050 */
  }
  .video-player{
    max-width: 900px;
  }
  .Certificate-image{
    max-width: 300px;
  }
/* end update 3-2025 */

/* start update 6-2025 */
/* .Certificate-image #certificate {
    width: 100% !important;
    max-height: 300px !important;
    background-size: contain !important;
} */
.certificate-score .exam-score .score {
    width: 55px;
    background-color: #ecf0f3;
    border-radius: 15px;
    position: relative;
}
.certificate-score .novice .score:nth-of-type(1) {height:50px}
.certificate-score .novice .score:nth-of-type(2) {height:100px}
.certificate-score .novice .score:nth-of-type(3) {height:150px}

.certificate-score .intermediate .score:nth-of-type(1) {height:200px}
.certificate-score .intermediate .score:nth-of-type(2) {height:250px}
.certificate-score .intermediate .score:nth-of-type(3) {height:300px}
.certificate-score .intermediate .score:nth-of-type(4) {height:270px}

.certificate-score .advanced .score:nth-of-type(1) {height:150px}
.certificate-score .advanced .score:nth-of-type(2) {height:100px}
.certificate-score .advanced .score:nth-of-type(3) {height:50px}

.certificate-score .exam-score h5 {
    background-color: #ecf0f3;
    height: 50px;
    line-height: 50px;
    text-transform: capitalize;
    font-weight: bold;
    color: #86919b;
    border-radius: 15px;
    margin-top: 15px;
}
.certificate-score .exam-score h5.active {color: #e9bf16; background-color: #fff6d2;}
.certificate-score .exam-score .score.active {background-color: #ffd21e;}
.certificate-score .exam-score .score .icona {
    display: none;
    position: absolute;
    top:-15px;
    left: 4px;
    right: 4px;
    border: 4px solid #fff;
    background-color: #ffd21e;
    color: #fff;
    font-weight: #fff;
    border-radius: 10px;
    width:45px;
    height: 45px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.certificate-score .exam-score .score.active .icona {display: inline-block;}
.certificate-score .exam-score .score .icona::before {
    content: attr(data-score);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* end update 6-2025 */

/* start update 7-2025 */
.questions-fields .ql-toolbar .ql-image,
.questions-fields .ql-toolbar .ql-video {display: none}
#showImage.modal:not(.nofixed) .modal-dialog {
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0) !important;
    width: auto !important;
    max-width: auto !important;
    min-width: auto !important;
    margin: auto;
}
#showImage .modal-content {
    background-color: transparent;
}
#showImage .modal-header .close {color: #fff;}
/* end update 7-2025 */

/*start update 8-2025 */
.upload-file .border {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
}
.gallery-photos .gallery-photo {
    width: 150px;
    height: 150px;
    max-height: 150px;
    border: 1px solid #ddd;
    background-color: #ddd;
    border-radius: 4px;
    width: 150px;
    overflow: hidden;
    display: flex;
}
.gallery-photos .gallery-photo:hover {
    border-color: #ccc;
    cursor: pointer;
}
.gallery-photos .gallery-photo img {
    margin: auto;
}
.mjx-chtml {
    font-size: 18px !important
}
.question .audio-player {text-align: center;}
.question .video-player .plyr {width: 500PX; max-width: 100%; margin: auto;}
.questions-footer-ctrl {
    background-color: #f4f5f6;
    border: 1px solid #f3f3f3
}
/*end update 8-2025 */

/* start update 9-2025 */
.questions img,
.questions .video-player,
.questions .audio-player {margin: 20px auto; width: 100%; max-width: 600px; display: block; border-radius: 5px;}

.student-modal:not(.nofixed) .modal-dialog {
    top: 0 !important;
    transform: translate(0, 0) !important;
    padding: 20px;
}
.student-modal .modal-header,
.student-modal .modal-body {
  padding: 0 !important;
}
.student-modal .modal-body {max-height: max-content !important;}
.student-modal .modal-content {border-radius: 24px !important; padding: 40px; position: relative; overflow: hidden;}
.student-modal .modal-tag {background-color: #212121; color: #fff; padding: 5px 15px;  border-radius: 8px; font-size: 12px; font-weight: bold; display: inline-block; margin-bottom: 8px;}
.student-modal .modal-content[data-bg-stylish]:before {
    content: attr(data-bg-stylish);
    position: absolute;
    left: 16px;
    top: -50px;
    color: #212121;
    opacity: 0.1;
    filter: blur(6px);
    text-overflow: ellipsis;
    font-family: Poppins, sans-serif;
    font-size: 120px;
    font-weight: 900;
    line-height: 144px;
    z-index: -1;
}
.student-modal .sub-title {
    font-size: 16px;
    color: #343434;
    font-weight: 700;
    font-weight: bold;
    margin-bottom: 16px !important;
}
.student-modal button {border-radius: 10px;}
.multiselect-tags {
  max-height: 80px;
  overflow-y: auto;
  flex-wrap: wrap;
}
.examiner-mode input[type='radio'] + label {
    display: flex !important;
  align-content: center;
  border-radius: 12px;
  flex-wrap: wrap;
}
.key-modal {
    border: 1px solid #D6DCDF;
    border-radius: 24px;
    padding: 24px;
    transition: all .15s ease-in-out;
}
.key-modal:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-color: #444;
}
[data-notification] {
    background: linear-gradient(20deg, transparent, transparent, transparent, #E5535390);
    position: relative;
}
[dir="rtl"] [data-notification] {background: linear-gradient(-20deg, transparent, transparent, transparent, #E5535390);}
[data-notification]::before {
    content: attr(data-notification);
    color: #E55353;
    font-size: 18px;
    border-radius: 100%;
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 5px;
}
[dir="rtl"] [data-notification]::before {right: auto; left: 15px;}
/* end update 9-2025 */

/* start update 10-2025 */
.library-list .library-item,
.library-type .library-item {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    transition: all .2s ease-in-out;
    min-width: 300px;
}
.library-list .library-item:hover,
.library-type .library-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-color: #444;
}
.library-list .library-item a,
.library-type .library-item a,
.library-subjects a {color: inherit; text-decoration: none;}
[data-featured] {
    background: linear-gradient(20deg, transparent, transparent, transparent, #FFC10750);
    position: relative;
}
[dir="rtl"] [data-featured] {background: linear-gradient(-20deg, transparent, transparent, transparent, #FFC10750);}
[data-featured]::before {
    content: "\f005";
    color: #FFC107;
    font-size: 18px;
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
[dir="rtl"] [data-featured]::before {right: auto; left: 15px;}
.library-type .library-item {min-width: unset; flex: 0 0 auto;}
.rounded-standerd {border-radius: 20px;}
.label-standerd {
    background-color: #212121;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
}
.library-subjects {background: #fff; transition: all .2s ease-in-out;}
.library-subjects:hover {background: #ededed;}
.direction-ltr,
.ql-snow .ql-editor pre {direction: ltr !important; }
.small-container {min-height: calc(100vh - 150px)}
/* end update 10-2025 */

/* start update 12-2025 */
.sidebar-closed .logo-close {display: block;}
.sidebar-closed .logo-full {display: none;}
.sidebar-full .logo-full {display: block;}
.sidebar-full .logo-close {display: none;}
.main-header,
 .sidebar-closed .sidebar-panel {
    background-color: #f7f7f7 !important;
    box-shadow: unset;
    border: 0;
}
.sidebar-full .sidebar-panel {background-color: #fff !important;}
.main-header .header-icon:hover {background-color: #ddd;}
.main-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: background-color 0.3s ease;
  margin-block: 0 !important;
  margin-inline:  0 !important;
}
/* end update 12-2025 */
/* start update 2-2026 */
.main-content-wrap {padding-bottom: 100px !important;}
/* end update 2-2026 */