/*!
 * Theme: Green
 * Package: DashLite v3.2.2
 * Updated: 08.22.2023
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
**/
.nk-sidebar.is-dark {
  background: #0f192a;
  border-right-color: #1c2f50;
}

.nk-sidebar.is-theme {
  background: #064936;
  border-right-color: #0a7859;
}

.is-dark .nk-sidebar-head {
  border-color: #1c2f50;
}

.is-theme .nk-sidebar-head {
  border-color: #0a7859;
}

.nk-sidebar.is-dark .user-balance-alt,
.nk-sidebar.is-theme .user-balance-alt {
  color: rgba(255, 255, 255, 0.8);
}

.nk-header {
  background: #f5f6fa;
  border-bottom-color: #e5e9f2;
}

.nk-header.is-dark:not([class*=bg-]) {
  background: #0f192a;
}

.nk-header.is-theme:not([class*=bg-]) {
  background: #064936;
}

.is-dark .nk-menu-link {
  color: #8699b2;
}

.is-dark .nk-menu-link:hover {
  background: #172641;
}

.is-dark .active>.nk-menu-link {
  background: #172641;
}

.is-dark .nk-menu-icon {
  color: #9faec2;
}

.is-dark .nk-menu-badge {
  color: #34edba;
  background: #1c2f50;
}

.is-dark .nk-menu-sub .active>.nk-menu-link,
.is-dark .nk-menu-link:hover,
.is-dark .active .nk-menu-text .active>.nk-menu-link,
.is-dark .nk-menu-link:hover .nk-menu-icon,
.is-dark .nk-menu-item.active>.nk-menu-link .nk-menu-icon,
.is-dark .nk-menu-item.current-menu>.nk-menu-link .nk-menu-icon {
  color: #13dba4;
}

.is-dark .user-name {
  color: #90a1b8;
}

.is-dark .nk-quick-nav-icon {
  color: #9faec2;
}

.is-theme .nk-menu-link {
  color: #a3dfcf;
}

.is-theme .nk-menu-link:hover {
  background: #09654b;
}

.is-theme .active>.nk-menu-link {
  background: #09654b;
}

.is-theme .nk-menu-icon {
  color: #c2eadf;
}

.is-theme .nk-menu-badge {
  color: #63f1ca;
  background: #0a7859;
}

.is-theme .nk-quick-nav-icon,
.is-theme .overline-title {
  color: #abe2d3;
}

.is-theme .nk-menu-heading .overline-title {
  color: rgba(171, 226, 211, 0.8);
}

.is-theme .user-name {
  color: #bee9dd;
}

.card-tools-nav li a:before,
.nav-tabs .nav-link:after,
.progress-bar,
.dot-primary,
.alert-fill.alert-primary,
.bg-primary,
.icon-circle,
.noUi-connect,
.nk-msg-menu-item a:after,
.ui-shady .nk-msg-item.active:after,
.ui-shady .nk-msg-item.current:after,
.ui-softy .nk-msg-item.active:after,
.ui-softy .nk-msg-item.current:after {
  background: #0fac81;
}

.card-bordered.is-dark {
  border-color: #07523d;
}

.card.is-dark {
  background: #07523d;
}

.is-dark .nk-wg7-title,
.is-dark .nk-wg7-note {
  color: #abe2d3;
}

.user-avatar,
[class^=user-avatar]:not([class*=-group]) {
  background: #13dba4;
}

.nk-menu-link:hover,
.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active>.nk-menu-link .nk-menu-icon,
.nk-menu-item.current-menu>.nk-menu-link .nk-menu-icon,
.nk-menu-link:hover .count,
.nk-menu-sub .nk-menu-link:hover,
.nk-menu-sub .active>.nk-menu-link,
.nk-menu-sm .nk-menu-link:hover,
.nk-menu-main .nk-menu-link:hover,
.nk-menu-main .nk-menu-link:focus,
.nk-menu-main .nk-menu-item.active>.nk-menu-link,
.nk-menu-main .nk-menu-item.current-menu>.nk-menu-link,
.nk-menu-main .nk-menu-item:hover>.nk-menu-link,
.is-light .nk-menu-link:hover,
.is-light .active>.nk-menu-link,
.active>.nk-menu-link,
.active>.nk-menu-link .count,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.active .nav-link,
.nk-menu-footer .nk-menu-icon,
.nk-menu-footer .nk-menu-link:hover,
.nk-footer-copyright a:hover,
.page-link:hover,
.list-plain a:hover,
.link-check li a:hover,
.link-list a:hover,
.link-list-opt a:hover,
.link-list-plain a:hover,
.link-list-menu li.active>a,
.link-list-menu a.active,
.link-list-menu a:hover,
.link-list-menu li.active>a .icon,
.link-list-menu a.active .icon,
.link-list-menu a:hover .icon,
.link-list-menu li.active>a:after,
.link-list-menu a.active:after,
.link-list-menu a:hover:after,
.list-checked li:before,
.list-step li.list-step-current:before,
.accordion-s2 .accordion-head .title,
.accordion-s3 .accordion-head .title,
.badge-outline-primary,
.badge-dim.bg-primary,
.badge-dot.bg-primary,
.badge-dim.bg-outline-primary,
.alert-primary,
.form-clip,
.form-text-hint,
.search-submit:hover,
.attach-item .icon,
.attach-download:hover span,
.nk-reply-meta-info .whom,
.nk-msg-tags li>span .icon,
.nk-msg-menu-item a:hover,
.nk-msg-menu-item.active a,
.user-balance,
.user-avatar[class*=-primary-dim],
a,
.dropzone .dz-message-text span,
.nk-switch-icon.active,
.link-list-plain a .icon,
.chat-upload-option a,
.is-unread .chat-context .status,
.add-opt:hover .sub-text,
.add-opt:hover .icon,
.icon[class*=bg-primary-dim],
.nk-tb-list .tb-asterisk a {
  color: #0fac81;
}

a:hover {
  color: #0c8665;
}

.text-primary,
.link-primary {
  color: #0fac81 !important;
}

.link-primary:hover,
a.text-primary:hover,
a.text-primary:focus,
.chat-upload-option a:hover {
  color: #0c8665 !important;
}

.border-primary,
.nk-kycfm-control:checked~.nk-kycfm-label {
  border-color: #0fac81 !important;
}

.bg-lighter {
  background-color: #f5f6fa !important;
}

.bg-primary {
  background-color: #0fac81 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0b7d5e !important;
}

.bg-primary-dim {
  background-color: #e7f7f2 !important;
}

.text-primary-dim {
  color: #e7f7f2 !important;
}

.alert-primary,
.badge-dim.bg-outline-primary {
  background-color: #e7f7f2;
  border-color: #9fdecd;
}

.alert-pro.alert-primary,
.bg-primary,
.sp-package-choose:checked~label,
.plan-control:checked+.plan-item-card,
.form-control:focus,
.form-control.focus,
.custom-file-input:focus~.custom-file-label,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #0fac81;
}

.nk-order-ovwg-data.sell,
.bg-outline-primary {
  border-color: #9fdecd;
}

.dropdown-menu-s1 {
  border-top-color: #0fac81;
}

.nk-iv-wg2-amount.ui-v2 {
  border-bottom-color: #0fac81;
}

.page-item.active .page-link,
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before {
  background-color: #0fac81;
  border-color: #0fac81;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: #6fcdb3;
}

.badge-dim.bg-primary {
  background-color: #e7f7f2;
  border-color: #e7f7f2;
}

.bg-primary.badge-dot {
  background: transparent !important;
}

.nk-error-head {
  background: -webkit-linear-gradient(#0fac81, #0b8160);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-switch .nav-link.active {
  background: #0fac81;
  color: #ffffff;
}

.icon-avatar {
  color: #0fac81;
  background-color: #dbf3ec;
}

.is-theme .nk-quick-nav-icon:before {
  background-color: #03231a;
}

.btn-primary {
  background-color: #0fac81;
  border-color: #0fac81;
}

.btn-primary:hover {
  background-color: #0d9973;
  border-color: #0d906c;
}

.btn-primary:focus {
  background-color: #0d9973;
  border-color: #0d906c;
}

.btn-primary.btn-dim {
  color: #0fac81;
  background-color: #e5f6f1;
  border-color: #e5f6f1;
}

.btn-dim.btn-outline-primary {
  color: #0fac81;
  background-color: #e5f6f1;
  border-color: #9fdecd;
}

.btn-dim.btn-outline-primary.btn-white {
  background-color: #ffffff;
}

.btn-outline-primary {
  border-color: #0fac81;
  color: #0fac81;
}

.btn-outline-primary:hover {
  background-color: #0fac81;
  border-color: #0fac81;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  background-color: #0e9e76;
  border-color: #0d9973;
}

.btn-primary:focus,
.btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.btn-dim:focus,
.btn-primary.btn-dim:not(:disabled):not(.disabled):active,
.btn-primary.btn-dim:not(:disabled):not(.disabled):active:focus,
.btn-dim.btn-outline-primary:focus,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 172, 129, 0.2);
}

.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 148, 174, 0.1);
}

.btn-trigger:focus {
  box-shadow: none;
}

.form-control:focus,
.form-control.focus,
.custom-control-input:focus~.custom-control-label::before,
.custom-file-input:focus~.custom-file-label,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  box-shadow: 0 0 0 3px rgba(15, 172, 129, 0.1);
}

.form-control-simple:focus {
  box-shadow: none;
}

.btn-primary.btn-dim:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #0fac81;
  border-color: #0fac81;
}

.form-focus-none:focus {
  border-color: transparent;
  box-shadow: none;
}

@media (min-width: 992px) {
  .nk-menu-main>li>.nk-menu-link:before {
    background: #0fac81;
  }

  .is-theme .nk-menu-main>li>.nk-menu-link {
    color: #abe2d3;
  }

  .is-theme .nk-menu-main>li>.nk-menu-link.nk-menu-toggle:after {
    color: rgba(171, 226, 211, 0.7);
  }
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #dbf3ec;
  color: #0fac81;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #72ceb5;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background-color: #0fac81;
}

.code-tag {
  color: blue;
}

.alert-pro {
  background: #ffffff;
  color: #526484;
}

.nk-menu-badge {
  color: #57c5a7;
  background-color: #e7f7f2;
}

.is-theme .nk-sidebar-footer,
.nk-apps-sidebar.is-theme,
.is-theme .nk-sidebar-profile-fixed {
  background: #064936;
  border-color: #0a7859;
}

.is-theme .nk-menu-footer .nk-menu-link,
.is-theme .sub-text,
.is-theme .lead-text span {
  color: #abe2d3;
}

.nav-switch-s2 .nav-link:hover,
.nav-switch-s2 .nav-link:focus {
  color: #526484;
}

.nav-switch-s2 .nav-link.active {
  color: #364a63;
}

.active .nk-ibx-menu-text,
.active .nk-ibx-menu-item .icon,
.nk-reply-form-nav li a:hover,
.nk-reply-form-input .toggle-opt:hover {
  color: #0fac81;
}

.nk-ibx-menu li.active {
  background: #ecf8f5;
}

.nk-fmg-menu li.active {
  background: #ecf8f5;
}

.nk-file-name .asterisk .icon,
.nk-file-name-text a.title:hover,
.nk-file-link:hover .title,
.active .nk-fmg-menu-item .icon,
.active .nk-fmg-menu-text {
  color: #0fac81;
}

.nk-files-view-list .nk-file.selected {
  background-color: #e2f5f0;
}

.chat.is-me .chat-msg {
  background-color: #0fac81;
}

.kanban-add-task {
  color: #0fac81;
}

.kanban-add-task:hover {
  background: #0fac81;
  border-color: #0fac81;
}

.actions ul li a {
  border-color: #0fac81;
  background: #0fac81;
}

.nk-wizard-simple .steps ul li.done h5,
.nk-wizard-simple .steps ul li.done .number,
.nk-wizard-simple .steps ul li.current h5,
.nk-wizard-simple .steps ul li.current .number {
  color: #0fac81;
}

.nk-wizard-simple .steps ul li:after {
  background: #0fac81;
}

.invoice-contact ul .icon,
.invoice-desc .title,
.invoice-bills .table th {
  color: #0fac81;
}

.product-gallery .slider-nav .slider-item.slick-current .thumb,
.custom-control-pro.no-control .custom-control-input:checked~.custom-control-label,
.custom-control-pro.no-control .custom-control-input:not(:disabled):active~.custom-control-label,
.custom-control.color-control .custom-control-label:before {
  border-color: #0fac81 !important;
}

/* ///////////////////////////////////// */

.dark-mode .sub-box {
  background: #162231;
  border-color: #0e1e32;
}

.sub-box {
  background: #f2f5f7;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.swal-footer {
  text-align: center;
}

#feedback {
  text-transform: capitalize;
  display: none;
  position: fixed;
  bottom: 10px;
  left: 0px;
  padding: 10px;
  margin: 15px;
  width: 300px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  overflow: hidden;
  z-index: 9999;
  color: #fff;
  background: #000;
}

.notfound,
.hidden {
  display: none;
}

.scroll {
  text-align: center;
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 35px;
  display: none;
  cursor: pointer;
  color: white;
  background-color: #6576ff;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid white;
  z-index: 999;
  border-radius: 20px;
}

.scrollup {
  right: 30px;
  z-index: 1;
}

.ex-alert {
  border: 2px solid red;
}

#select-count {
  font-size: 1.5em;
  color: #fff;
  background: transparent;
  border-top: none;
}


.notifyjs-foo-base .title {
  width: 180px;
  float: right;
  color: white;
  text-align: left;
}



.notifyjs-foo-base .img {
  border-radius: 100%;
  width: 70px;
  height: 70px;
  float: left;
}

.notifyjs-foo-base .bell {
  width: 70px;
  height: 70px;
  position: relative;
  /* top: 20px;
        left:20px; */
  color: white;
  font-size: 6em;
  float: left;
}

.noty-ok,
.birthday-view {

  color: #6576ff !important;
}

.noty-ok:hover {

  background: white !important;
  color: #6576ff !important;
}


.notfound,
.hidden {
  display: none;
}

.Err {

  color: red
}

.err {
  display: none;
  color: red;
}

.see {
  cursor: pointer;
}

.dark-mode .sub-box {
  background: #162231;
  border-color: #0e1e32;
}

.calk {
  border: 1px solid #dbdfea;
  margin-bottom: 10px;
}

.dark-mode .calk {
  border-color: #1a283a;
  margin-bottom: 10px;
}

.fotsale {
  background: #f4f8fb;
  margin-top: 20px
}

.dark-mode .fotsale {
  background: #162231;
}

.nosearch {
  background: rgb(255, 255, 255);
  border-radius: 0px 0px 10px;
}

.dark-mode .nosearch {
  background: #141c26;
}

.notice {
  position: fixed;
  top: 72px;
  left: 45%;
  border: 1px solid #f0c36d;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 6px 10px;
  border-radius: 0 0 2px 2px;
  text-align: center;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  display: none;
  z-index: 99999px;
}

#notice-board-err {

  background-color: #FF490D;
  color: white;


}

#notice-board-success {

  background-color: #f9edbe;
  color: 222;

}

.hidden,
.notfound {
  display: none
}

.edit-alert {
  display: none;
  margin-top: 30px;
}

.ex-page-content {
  padding-top: 50px
}

.checkboxoption {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 0px;
  margin: 15px;
  width: 25%;
  height: auto;
  z-index: 999
}

#rightbottomoptions1 .alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: linear-gradient(135deg, #2d3436 0%, #3d4852 100%);
  color: #fff;
  border: none;
  border-left: 4px solid #27ae60;
  border-radius: 8px;
  padding: 16px 40px 16px 16px;
  margin: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

#rightbottomoptions1 .alert .icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: #27ae60;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
}

#rightbottomoptions1 .alert .alert-body {
  flex: 1;
}

#rightbottomoptions1 .alert .alert-body .alert-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 6px;
}

#rightbottomoptions1 .alert .alert-body .alert-detail {
  font-size: 14px;
  color: #d1d5db;
  line-height: 1.6;
  margin: 0;
  text-transform: capitalize;
}

#rightbottomoptions1 .alert .alert-body .alert-detail b {
  color: #fff;
  font-weight: 500;
}

#rightbottomoptions1 .alert .close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  color: #9ca3af;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  opacity: 0.8;
  transition: opacity 0.2s;
}

#rightbottomoptions1 .alert .close:hover {
  opacity: 1;
  color: #fff;
}

div#bottomheader {
  background-color: white;
  width: 100%;
  padding: 15px;
  text-transform: capitalize;
  text-align: left;
  font-size: 20px;
}

.notice {
  position: fixed;
  top: 72px;
  left: 45%;
  display: none;
  z-index: 99999px;
}

.hidden,
.notfound,
.notfound1 {
  display: none
}

.ex-page-content {
  padding-top: 50px
}

.edit-alert {
  display: none;
  margin-top: 30px;
}

.hiddennhistopup {
  display: none;
}

.scroll {
  text-align: center;
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 35px;
  display: none;
  cursor: pointer;
  color: white;
  background-color: #0b1d2d;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid white;
  z-index: 999;
}

.scrollup {
  right: 30px;
  z-index: 1;
}


div#bottomheader {
  background-color: white;
  width: 100%;
  padding: 0px 15px;
  text-transform: capitalize;
  text-align: left;
  font-size: 20px;
}

.calc-show-print {
  display: none !important;
}

.quote-header {
  display: flex;
 justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  margin-bottom: 16px;
}

.quote-logo img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.quote-facility h4 {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}

.quote-facility p {
  margin: 2px 0;
  font-size: 12px;
  color: #555;
}

.quote-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.quote-meta-left .quote-label {
  font-size: 22px;
  font-weight: 700;
  color: #4361ee;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.quote-meta-right,.quote-facility-right {
  text-align: right;
}

.quote-meta-right p {
  margin: 2px 0;
  font-size: 12px;
  color: #444;
}

.quote-divider {
  border: none;
  border-top: 2px solid #4361ee;
  margin: 12px 0;
}

.quote-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}

.quote-footer-left p {
  margin: 2px 0;
  font-size: 11px;
  color: #666;
}

.quote-footer-right .quote-thankyou {
  font-size: 13px;
  font-style: italic;
  color: #4361ee;
  font-weight: 600;
}

@media print {

  .lab-details {
    font-size: 7px;
    text-align: left;
    line-height: 8px !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .lab-img {
    width: 65% !important;
    height: 15px !important;
  }

  #QuoteToPrint {
    margin: 0 !important;
    padding: 15px !important;
    color: #1a1a2e !important;
    font-size: 12px;
    font-family: 'Segoe UI', Arial, sans-serif;
  }

  #Quote {
    border: none !important;
    border-collapse: collapse;
    width: 100%;
  }

  #Quote thead tr {
    background: #4361ee !important;
  }

  #Quote thead th {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    padding: 8px 10px !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  #Quote td {
    padding: 7px 10px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    font-size: 11px !important;
    vertical-align: middle !important;
  }

  #Quote tbody tr:nth-child(even) {
    background: #f8f9fc !important;
  }

  #Quote tbody tr:hover {
    background: #eef1ff !important;
  }

  #Quote tfoot tr {
    background: #f0f2ff !important;
    border-top: 2px solid #4361ee !important;
  }

  #Quote tfoot td {
    padding: 10px !important;
    font-size: 12px !important;
    border: none !important;
  }

  #Quote tbody+tbody {
    border: none !important;
  }

  .calc-show-print {
    display: block !important;
  }

  .calc-print-hide {
    display: none !important;
  }

  .quote-header {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #4361ee !important;
  }

  .quote-logo img {
    width: 60px !important;
    height: 60px !important;
  }

  .quote-facility h4 {
    font-size: 16px !important;
    margin: 0 0 3px 0 !important;
    color: #1a1a2e !important;
  }

  .quote-facility p {
    font-size: 11px !important;
    margin: 1px 0 !important;
    color: #555 !important;
  }

  .quote-meta {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
  }

  .quote-meta-left .quote-label {
    font-size: 18px !important;
    color: #4361ee !important;
  }

  .quote-meta-right p {
    font-size: 11px !important;
    margin: 1px 0 !important;
  }

  .quote-divider {
    border: none !important;
    border-top: 2px solid #4361ee !important;
    margin: 10px 0 !important;
  }

  .quote-footer {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 20px !important;
    padding-top: 10px !important;
    border-top: 1px solid #ddd !important;
  }

  .quote-footer-left p {
    font-size: 10px !important;
    margin: 1px 0 !important;
  }

  .quote-footer-right .quote-thankyou {
    font-size: 12px !important;
    color: #4361ee !important;
  }

  .by {
    display: none !important;
  }

}

.receipt-type {
  cursor: pointer;
}

.hidden-rows {
  display: none;
}

.font-w {
  font-weight: bold;
}

.bg-t {
  background: #f1f5f7;
}

.card-center {
  margin: 0 auto;
}

.border-test {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  min-height: 125px;
}

.nicescroll {
  overflow: scroll;

}

.dark-switch.active::before {
  background-color: #0fac81;
  border-color: #0fac81;
}

.dark-mode .link-list a:hover {
  color: #0fac81;
}

.notfound2 {
  display: none;
}

#leftbottomfeedback {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999
}

.data-item {
  padding: 0.5rem 1.25rem !important;
}

.dark-mode .border-test{
  border-color: #384d69;
}

textarea.form-control, .dual-listbox textarea.dual-listbox__search {
  min-height: inherit;
  padding-top: 0.65625rem;
}

.cal-lab {
  position: fixed;
  padding: 16px 20px;
  left: 60%;
  bottom: 100px;
  background: #ef5800;
  border-radius: 50%;
  z-index: 99;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}

.cal-lab i {
  color: #fff;
  font-size: 30px;
}

.not-admin-hidden {
  display: none !important;
}

.notifyjs-foo-base {
  width: 300px;
  background: #0fac81;
  padding: 5px;
  border-radius: 5px;
}

.notifyjs-foo-base .title {
  width: 210px;
  float: right;
  color: white;
  text-align: left;
}

.notifyjs-foo-base .buttons {
  float: right;
}

.notifyjs-foo-base .img {
  border-radius: 100%;
  width: 70px;
  height: 70px;
  float: left;
}


.notifyjs-foo-base button {
  margin: 10px;
  background: #fff;
}

.noty-ok,
.view,
.birthday-view {
  color: #0b1d2d !important;
}

.noty-ok:hover {
  background: white !important;
  color: #0b1d2d!important;
}

.swal2-content{
  font-size: 1rem;
}

.nk-ecwg6-ck .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  height: 100px;
  width: 100px;
  border-radius: 6px;
}

.nk-ecwg6-ck {
  position: relative;
  top: -41px;
}

.form-control:focus, .dual-listbox .dual-listbox__search:focus, div.dataTables_wrapper div.dataTables_filter input:focus{
  border-color: #0fac81!important;
}

.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0fac81 !important;
  border-color: #0fac81 !important;
}

.dark-mode .page-item.active .page-link {
  color: #fff !important;
  background-color: #0fac81 !important;
  border-color: #0fac81 !important;
}

.dark-mode .link-list-menu a.active,.dark-mode .link-list-menu a:hover{
  color:#0fac81 !important;
}

.dark-mode .alert-fill.alert-primary {
  color: #fff;
  background: #0fac81;
}

.parameters{
  cursor: pointer;
}

.dark-mode .alert-pro.alert-primary{
  border-color: #0fac81 !important;
}

.table{
  margin-bottom: 0px !important;
}

.verify_banner{
  margin-top: 4rem;
}

.eve-details{
    /*width: 38.1mm;
    height: 12.7mm;*/
    font-size:20px;
    text-align: left;
    font-weight: 500;
    line-height: 20px;
    margin:0px;
    text-align:center;
    margin:100px auto;
}

/* ////Terms and conditions */

:root {
    --terms-ink: #0f172a;
    --terms-muted: #64748b;
    --terms-line: rgba(148, 163, 184, 0.22);
    --terms-surface: rgba(255, 255, 255, 0.88);
    --terms-surface-strong: #ffffff;
    --terms-accent: #0f766e;
    --terms-accent-2: #0ea5e9;
    --terms-accent-soft: rgba(14, 165, 233, 0.12);
}

body.terms-page {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.20), transparent 28%),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.20), transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #eef4f9 100%);
}

.terms-shell {
    min-height: 100vh;
    padding: 32px 16px 24px;
    position: relative;
    overflow: hidden;
}

.terms-shell::before,
.terms-shell::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    filter: blur(40px);
    opacity: 0.55;
    pointer-events: none;
}

.terms-shell::before {
    width: 240px;
    height: 240px;
    background: rgba(14, 165, 233, 0.15);
    top: -70px;
    right: -60px;
}

.terms-shell::after {
    width: 180px;
    height: 180px;
    background: rgba(15, 118, 110, 0.12);
    bottom: 30px;
    left: -60px;
}

.terms-grid {
    position: relative;
    z-index: 1;
    max-width: 1220px;
    margin: 0 auto;
}

.terms-hero {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(15, 118, 110, 0.92));
    color: #fff;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.terms-hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -120px auto;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.02) 62%, transparent 70%);
}

.terms-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.terms-title {
    margin: 18px 0 10px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #fff;
}

.terms-lead {
    max-width: 720px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 22px;
}

.terms-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.terms-meta-item {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;
    padding: 14px 16px;
    backdrop-filter: blur(10px);
}

.terms-meta-label {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    margin-bottom: 4px;
}

.terms-meta-value {
    font-weight: 700;
    color: #fff;
}

.terms-main {
    margin-top: 22px;
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.95fr);
    gap: 22px;
    align-items: start;
}

.terms-card {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 20px;
    background: var(--terms-surface);
    backdrop-filter: blur(16px);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.terms-card-inner {
    padding: 28px;
}

.terms-section + .terms-section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--terms-line);
}

.terms-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 20px;
    color: var(--terms-ink);
    letter-spacing: -0.02em;
    font-weight: 800;
}

.terms-section-badge {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background: var(--terms-accent-soft);
    color: var(--terms-accent);
    font-size: 14px;
    font-weight: 800;
    flex: 0 0 auto;
}

.terms-copy {
    color: var(--terms-muted);
    line-height: 1.85;
    font-size: 14px;
}

.terms-list {
    margin: 0;
    padding-left: 18px;
    color: var(--terms-muted);
    line-height: 1.85;
    font-size: 14px;
}

.terms-list li + li {
    margin-top: 8px;
    list-style-type: disc;
}

.terms-quote {
    border-left: 4px solid var(--terms-accent);
    background: rgba(14, 165, 233, 0.08);
    border-radius: 16px;
    padding: 16px 18px;
    color: var(--terms-ink);
    margin: 18px 0 0;
}

.terms-side {
    position: sticky;
    top: 22px;
}

.terms-side-header {
    padding: 28px 28px 16px;
    border-bottom: 1px solid var(--terms-line);
}

.terms-side-title {
    margin: 0 0 8px;
    color: var(--terms-ink);
    font-size: 22px;
    font-weight: 800;
}

.terms-side-subtitle {
    margin: 0;
    color: var(--terms-muted);
    line-height: 1.7;
    font-size: 14px;
}

.terms-highlights {
    display: grid;
    gap: 12px;
    padding: 20px 28px;
}

.terms-highlight {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.terms-highlight-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(15, 118, 110, 0.12);
    color: var(--terms-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 15px;
}

.terms-highlight h6 {
    margin: 0 0 4px;
    color: var(--terms-ink);
    font-weight: 700;
}

.terms-highlight p {
    margin: 0;
    color: var(--terms-muted);
    font-size: 13px;
    line-height: 1.65;
}

.terms-actions {
    padding: 20px 28px 28px;
    display: grid;
    gap: 12px;
}

.terms-consent {
    border: 1px solid rgba(14, 165, 233, 0.18);
    background: rgba(14, 165, 233, 0.06);
    border-radius: 18px;
    padding: 14px 16px;
}

.terms-consent .custom-control-label {
    color: var(--terms-ink);
    font-weight: 600;
    line-height: 1.6;
}

.terms-consent .custom-control-label a {
    color: var(--terms-accent);
    font-weight: 700;
}

.terms-note {
    color: var(--terms-muted);
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.terms-footer {
    margin: 40px auto;
    text-align: center;
    color: rgba(15, 23, 42, 0.58);
    font-size: 14px;
}

@media (max-width: 991px) {
    .terms-main {
        grid-template-columns: 1fr;
    }

    .terms-side {
        position: static;
    }
}

@media (max-width: 767px) {
    .terms-shell {
        padding: 18px 12px 18px;
    }

    .terms-hero {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .terms-meta {
        grid-template-columns: 1fr;
    }

    .terms-card-inner,
    .terms-side-header,
    .terms-highlights,
    .terms-actions {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* ////Consult Dashbaord */

.consult-modern .profile-card {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s ease;
}
.consult-modern .profile-card:hover {
    box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}
.consult-modern .profile-header {
    background: linear-gradient(135deg, #03523d 0%, #0fac81 100%);
    padding: 28px 24px 50px;
    text-align: center;
    position: relative;
}
.consult-modern .profile-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    border: 3px solid rgba(255,255,255,0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}
.consult-modern .profile-name {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}
.consult-modern .profile-spec {
    color: rgba(255,255,255,0.75);
    font-size: 0.85rem;
    margin-top: 4px;
}
.consult-modern .profile-body {
    padding: 0 24px 24px;
    margin-top: -36px;
    position: relative;
}
.consult-modern .profile-info-row {
    display: flex;
    justify-content: space-around;
    background: #fff;
    border-radius: 12px;
    padding: 16px 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 16px;
}
.consult-modern .profile-info-item {
    text-align: center;
    flex: 1;
}
.consult-modern .profile-info-item .info-value {
    font-size: 1rem;
    font-weight: 700;
    color: #253746;
    word-break: break-all;
}
.consult-modern .profile-info-item .info-label {
    font-size: 0.72rem;
    color: #8094ae;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 2px;
}
.consult-modern .profile-actions {
    display: flex;
    gap: 10px;
}
.consult-modern .profile-actions .btn {
    flex: 1;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 10px;
    transition: all 0.2s ease;
}

.consult-modern .stat-card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}
.consult-modern .stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.10);
}
.consult-modern .stat-card .card-inner {
    padding: 20px 24px;
}
.consult-modern .stat-earnings {
    background: linear-gradient(135deg, #03523d 0%, #0fac81 50%, #0d8a6a 100%);
}
.consult-modern .stat-earnings .card-inner {
    padding: 28px 28px;
}
.consult-modern .stat-earnings .stat-label {
    color: rgba(255,255,255,0.8);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
}
.consult-modern .stat-earnings .stat-value {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
    margin-top: 6px;
}
.consult-modern .stat-earnings .stat-sub {
    color: rgba(255,255,255,0.6);
    font-size: 0.78rem;
    margin-top: 4px;
}

.consult-modern .stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.consult-modern .stat-icon.icon-info { background: rgba(0,206,209,0.12); color: #00ced1; }
.consult-modern .stat-icon.icon-primary { background: rgba(133,79,255,0.12); color: #5417e2; }
.consult-modern .stat-icon.icon-danger { background: rgba(255,71,87,0.12); color: #ff4757; }
.consult-modern .stat-icon.icon-warning { background: rgba(255,165,2,0.12); color: #ffa502; }

.consult-modern .stat-label {
    font-size: 0.78rem;
    color: #8094ae;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 600;
}
.consult-modern .stat-value {
    font-size: 1.35rem;
    font-weight: 700;
    color: #253746;
}

.consult-modern .table-card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05);
    overflow: hidden;
}
.consult-modern .table-card .card-header-custom {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.consult-modern .table-card .card-header-custom h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #253746;
}
.consult-modern .table-card .table {
    margin: 0;
}
.consult-modern .table-card .table thead th {
    background: #f8f9fb;
    border-bottom: 2px solid #eef1f5;
    font-size: 0.75rem;
    font-weight: 700;
    color: #8094ae;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 16px;
}
.consult-modern .table-card .table tbody td {
    padding: 14px 16px;
    vertical-align: middle;
    font-size: 0.88rem;
    color: #364a5f;
}
.consult-modern .badge-status {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

.consult-modern .btn-send-request {
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 10px 20px;
    background: linear-gradient(135deg, #03523d, #0fac81);
    border: none;
    color: #fff;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(3, 82, 61, 0.3);
}
.consult-modern .btn-send-request:hover {
    box-shadow: 0 6px 20px rgba(3, 82, 61, 0.45);
    transform: translateY(-1px);
    color: #fff;
}
.consult-modern .empty-state {
    text-align: center;
    padding: 40px 20px;
}
.consult-modern .empty-state img {
    height: 80px;
    opacity: 0.6;
    margin-bottom: 12px;
}
.consult-modern .empty-state p {
    color: #8094ae;
    font-size: 0.9rem;
}