/*# sourceMappingURL=custom.min.css.map */
/* Session timeout modal */
#sessionTimeoutModal .modal-dialog {
  max-width: 440px;
}

#sessionTimeoutModal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(25, 35, 45, 0.2);
}

#sessionTimeoutModal .modal-header {
  align-items: center;
  gap: 12px;
  padding: 24px 24px 8px;
}

#sessionTimeoutModal .session-timeout-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 10px;
  background: #fff0f0;
  color: #c92a2a;
  font-size: 21px;
}

#sessionTimeoutModal .modal-title {
  color: #202833;
  font-size: 19px;
  font-weight: 600;
}

#sessionTimeoutModal .modal-body {
  padding: 12px 24px 20px;
}

#sessionTimeoutModal .session-timeout-message {
  margin-bottom: 18px;
  color: #66717d;
  line-height: 1.55;
}

#sessionTimeoutModal .session-timeout-clock {
  padding: 15px;
  border: 1px solid #f4d6d6;
  border-radius: 9px;
  background: #fff8f8;
}

#sessionTimeoutModal #sessionTimeoutCountdown {
  color: #c92a2a;
  font-size: 34px;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

#sessionTimeoutModal .session-timeout-label {
  margin-top: 5px;
  color: #7b858f;
  font-size: 12px;
}

#sessionTimeoutModal .modal-footer {
  justify-content: space-between;
  padding: 0 24px 24px;
}

#sessionTimeoutModal .modal-footer .btn {
  min-width: 112px;
  padding: 9px 16px;
  border-radius: 7px;
  font-weight: 600;
}

#sessionTimeoutModal #sessionTimeoutLogoutBtn {
  background: #c92a2a;
  border-color: #c92a2a;
}

#sessionTimeoutModal #sessionTimeoutLogoutBtn:hover {
  background: #ad2020;
  border-color: #ad2020;
}

@media (max-width: 575.98px) {
  #sessionTimeoutModal .modal-dialog {
    margin: 16px;
  }

  #sessionTimeoutModal .modal-header {
    padding: 20px 20px 8px;
  }

  #sessionTimeoutModal .modal-body {
    padding: 12px 20px 18px;
  }

  #sessionTimeoutModal .modal-footer {
    padding: 0 20px 20px;
  }
}

/*body:before { position: fixed; content: ""; top: 0; right: 0; height: 3px; left: 0; z-index: 9999; margin: 0; border-radius: inherit; background: linear-gradient(130deg,#4d72ef,#4d72ef 60.07%,#f99f1e 90.05%); }*/
:root, [data-bs-theme=light] {
    --bnm-font: 'Source Sans 3', 'IBM Plex Sans', sans-serif;
    --bnm-font-display: 'IBM Plex Sans', 'Source Sans 3', sans-serif;
    --bnm-font-size: 0.875rem; /* 14px base */
    --bnm-font-size-sm: 0.8125rem; /* 13px */
    --bnm-font-size-xs: 0.75rem; /* 12px */
    --bnm-font-size-lg: 1rem; /* 16px */
    --bs-body-font-size: var(--bnm-font-size);
    --bs-body-font-family: var(--bnm-font);
    --bs-font-sans-serif: var(--bnm-font);
    --vz-font-sans-serif: var(--bnm-font);
    --vz-font-family-sans-serif: var(--bnm-font);
    --bs-link-color-rgb: 64, 81, 137;
    --bs-danger-rgb: 240,101,72;
    --bs-primary-rgb: 47, 69, 98;
}
/*.btn-primary {
    --bs-btn-bg: #394958;
    --bs-btn-border-color: #394958;
    --bs-btn-hover-bg: #2e3e4c;
    --bs-btn-hover-border-color: #2e3e4c;
    --bs-btn-active-bg: #2e3e4c;
    --bs-btn-active-border-color: #2e3e4c;
    --bs-btn-disabled-bg: #394958;
    --bs-btn-disabled-border-color: #394958
}
.btn-outline-primary {
    --bs-btn-color: #394958;
    --bs-btn-border-color: #394958;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #394958;
    --bs-btn-hover-border-color: #394958;
    --bs-btn-active-bg: #394958;
    --bs-btn-active-border-color: #394958;
    --bs-btn-disabled-color: #394958;
    --bs-btn-disabled-border-color: #394958;
}*/
.btn-secondary {
    --bs-btn-bg: #2f4562;
    --bs-btn-border-color: #2a5fc1;
    --bs-btn-hover-bg: #2a5fc1;
    --bs-btn-hover-border-color: #2f4562;
    --bs-btn-active-bg: #2f4562;
    --bs-btn-active-border-color: #2f4562;
    --bs-btn-disabled-bg: #2a5fc1;
    --bs-btn-disabled-border-color: #2a5fc1;
}
.btn-danger {
    --bs-btn-bg: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-bg: #cc563d;
    --bs-btn-hover-border-color: #cc563d;
    --bs-btn-active-bg: #cc563d;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-disabled-bg: #f06548;
    --bs-btn-disabled-border-color: #f06548
}
.btn-success {
    --bs-btn-bg: #0ab39c;
    --bs-btn-border-color: #0ab39c;
    --bs-btn-hover-bg: #099885;
    --bs-btn-hover-border-color: #099885;
    --bs-btn-active-bg: #099885;
    --bs-btn-active-border-color: #099885;
    --bs-btn-disabled-bg: #0ab39c;
    --bs-btn-disabled-border-color: #0ab39c
}
a { cursor: pointer; }
body {
    background: #eaf0f5;
    font-family: var(--bnm-font);
    font-size: var(--bnm-font-size);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body *:not(i):not([class^="ri-"]):not([class*=" ri-"]):not([class^="mdi-"]):not([class*=" mdi-"]):not([class^="fa"]):not([class*=" fa-"]):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.la):not([class^="icon-"]) {
    font-family: var(--bnm-font);
}
h1, h2, h3, h4, h5, h6,
.card-title, .modal-title, .page-title, .nqtitle, .cm-title,
.navbar-menu .navbar-nav .nav-link,
.cmpage-topheader .card-title {
    font-family: var(--bnm-font-display) !important;
}
h1 { font-size: 1.75rem; font-weight: 700; line-height: 1.3; }
h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.35; }
h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.35; }
h5 { font-size: 1rem; font-weight: 600; line-height: 1.4; }
h6 { font-size: 0.9375rem; font-weight: 600; line-height: 1.4; }
body, .dropdown-menu, .btn, .form-control, .input-group-text, .form-select,
.table, .nav-link, .breadcrumb, .page-link, .alert, .badge, .list-group-item {
    font-size: var(--bnm-font-size);
}
.tooltip { font-size: var(--bnm-font-size-xs); }
.table thead th,
.table > thead > tr > th {
    font-family: var(--bnm-font-display) !important;
    font-size: var(--bnm-font-size-sm);
    font-weight: 600;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
    font-size: var(--bnm-font-size-sm);
}
.navbar-menu .navbar-nav .nav-link {
    font-family: var(--bnm-font-display) !important;
    font-size: 0.9375rem;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    font-family: var(--bnm-font) !important;
    font-size: var(--bnm-font-size-sm);
}
.page-title-box .page-title,
.breadcrumb-item,
.header-item {
    font-family: var(--bnm-font-display);
}
.page-title-box .page-title {
    font-size: 1.125rem;
    font-weight: 600;
}
.table-hover>tbody>tr:hover>* { --bs-table-bg-state: #f3f6f9 }
.table>:not(caption)>*>* { padding:.75rem .6rem }
.btn:focus { outline:none !important }
.btn, .form-control, .input-group-text { padding:.5rem .9rem; }
.btn-close:focus { box-shadow:none; outline:none; }
.form-select { padding:.5rem 2.7rem .5rem .9rem }
.form-control-sm { padding:.25rem .5rem; font-size: var(--bnm-font-size-xs); }
.form-control-lg { padding:.7rem 1.2rem; border-radius:.3rem; font-size: var(--bnm-font-size-lg); }
.card { border-width:0 }
.btn-icon { padding: 0 }
.btn { border-radius:.25rem }
.btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: var(--bnm-font-size-xs); border-radius: .2rem;}
.btn-group-lg>.btn, .btn-lg { padding:.7rem 1.2rem; border-radius:0.4rem; font-size: var(--bnm-font-size-lg); }
.btn.btn-label { padding-left:44px }
.btn.btn-label.right { padding-left:.9rem; padding-right:44px }
.form-control:focus, .form-select:focus, .form-check-input:focus { box-shadow:none; border-color:rgba(0,0,0,0.3); }
.form-check { min-height:1.21875rem }
.topnav-hamburger:focus, .topnav-hamburger:active { outline:none !important; border:0 }
.design-by .btn:focus, .design-by .btn:active, .design-by .btn.show, .design-by .btn:first-child:active { box-shadow:none !important; outline:none !important; border: none !important; transition: none !important; }
.modal .modal-header { border-bottom:0 }
.modal .modal-footer { border-top:0 }
@media (min-width: 1200px) {
  h1 { font-size:2.03125rem }
  h2 { font-size:1.625rem }
  h3 { font-size:1.421875rem }
  h4 { font-size:1.21875rem }
  h5 { font-size:1.015625rem }
  h6 { font-size:.8125rem }
}
.app-search .form-control{
  background-color: #eaecef;
}
.navbar-header .btn-topbar {
  height: 42px;
  width: 42px;
  background-color: #eaecef;
}
.dropdown-menu { border:0 }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { background-color:#f3f6f9; border-color:#f3f6f9; color:#1e2125; border-color: transparent !important; }
.conference-tabs .nav-link.active { background: transparent }
.mt-n4 {margin-top: -1.5rem !important;}
.mx-n4 {margin-right: -1.5rem !important; margin-left: -1.5rem !important;}
.mt-n5 {margin-top: -3rem !important;}
@media (min-width: 1400px) {
    .mt-xxl-n5 { margin-top: -3rem !important; }
}
/*  Loader */
.nq_loader {overflow: hidden;vertical-align: middle;position: fixed;display: table;background: rgba(255,255,255,0.9);width: 100%; height: 100%;min-height: 100%;top: 0;z-index: 9999; -webkit-transition: all 2s ease-in-out;-khtml-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;transition: all 2s ease-in-out;}
.nq_loader.nq_loader_up { -webkit-animation: nq_loader_up 1s 1.5s normal forwards ease-in-out;  -moz-animation: nq_loader_up 1s 1.5s normal forwards ease-in-out; -ms-animation: nq_loader_up 1s 1.5s normal forwards ease-in-out; -o-animation: nq_loader_up 1s 1.5s normal forwards ease-in-out; animation: nq_loader_up 1s 1.5s normal forwards ease-in-out;}
.nq_loader .nq_loader_container { position: relative;vertical-align: middle;z-index: 9;width: 100%;height: 100vh;display: table-cell;}
.nq_loader .nq_loader_container .loader-img { display: flex; align-items: center; position: relative; max-width: 550px;margin: 0 auto; justify-content: center;}
@keyframes nq_loader_up {100% {opacity:0;display: none;z-index: 0}}
@-webkit-keyframes nq_loader_up {100% {opacity:0;display: none;z-index: 0}}
@-moz-keyframes nq_loader_up {100% {opacity:0;display: none;z-index: 0}}
@-o-keyframes nq_loader_up {100% {opacity:0;display: none;z-index: 0}}
/*  Loader End */
[data-layout-mode=light]{ --vz-vertical-menu-bg-dark:#0a003a; --vz-body-bg: #eaf0f5; --vz-vertical-menu-item-color: #212529; --vz-input-border: #e3e3e3; }
.body-color { color: var(--vz-body-color); }
.logo img { max-width: 200px; width: auto;    max-height: 60px; }
.logo .logo-sm img { max-width: 25px; }
[data-layout=vertical][data-sidebar-size=md] .logo img { max-width: 100%; }
[data-layout=twocolumn] .logo img { max-width: 170px; }
[data-layout-style=default] .navbar-brand-box .logo{ line-height: normal;}
[data-layout-mode=light][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box{    background: transparent !important;padding: 12px 0rem;}
[data-layout=vertical][data-sidebar-size=sm] .navbar-brand-box .logo .logo-sm{    border-radius: 100px;display: flex;justify-content: center;align-items: center;margin: auto;width: 50px;height: 50px;background: #fff;}
.vertical-overlay{z-index: 1000;}
[data-layout=horizontal] .horizontal-logo .logo { line-height: 70px }
[data-layout=twocolumn] .navbar-brand-box .logo { line-height: normal; }
[data-layout=horizontal][data-layout-mode=dark] .navbar-menu .navbar-nav .nav-link { color: #ffffff }
[data-layout-mode=light] .btn-theme, [data-layout-mode=light] .btn-primary { background: #2f4562; border-color: #2f4562; color: #ffffff }
[data-layout-mode=light] .btn-theme:hover, [data-layout-mode=light] .btn-primary:hover { background: #16335b; border-color: #16335b; color: #ffffff }
[data-layout-mode=light] .btn-label.btn-theme .label-icon { background: rgba(255,255,255,.1) }
[data-layout=horizontal] #page-topbar .navbar-header { border:0; }
[data-layout=horizontal] .app-menu.navbar-menu #scrollbar { position: relative; float: left; width: calc(100% - 400px); }
[data-layout=horizontal] .app-menu.navbar-menu .navbar-footer { position: relative; float: right; width: 350px; display: flex; }
[data-layout=horizontal] .app-menu.navbar-menu .after-userlogin .py-3.userbtn { padding: 0 !important }
[data-layout=horizontal] .navbar-footer .design-by { padding: 0px 0.5rem }
[data-layout=horizontal] .navbar-footer .design-by .copyright { margin-left: 15px; display: none !important; }
[data-layout=horizontal] .navbar-footer .quick-menu { border-width: 0 1px; }
[data-layout=horizontal][data-layout-mode=light] .navbar-footer .quick-menu { border-color: rgba(106,106,106,0.12); }
[data-layout=horizontal] .navbar-footer .quick-menu li a { padding: 8px 10px; color: #ffffff }
[data-layout=horizontal][data-layout-mode=light] .navbar-footer .quick-menu li a, [data-layout=twocolumn][data-sidebar=light] .navbar-footer .quick-menu li a { color: #6d7080 }
[data-layout=horizontal][data-layout-mode=light] .navbar-footer .quick-menu li + li, [data-layout=twocolumn][data-sidebar=light] .navbar-footer .quick-menu li + li { border-color: rgba(106,106,106,0.12); }
[data-layout=horizontal][data-layout-mode=light] .app-menu.navbar-menu .after-userlogin .userbtn, [data-layout=twocolumn][data-sidebar=light] .after-userlogin .userbtn { color: #6d7080 !important }
[data-layout=horizontal][data-layout-mode=light] .navbar-footer .design-by .copyright svg, [data-layout=twocolumn][data-sidebar=light] .navbar-footer .design-by .copyright svg { fill: #6d7080 }
[data-layout=twocolumn][data-sidebar=light] .navbar-footer .quick-menu { border-color: rgba(106,106,106,0.12); }
[data-layout=horizontal] .after-userlogin .dropdown-menu:after { display: none; }
[data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview { background: #394958 }
[data-layout=twocolumn][data-sidebar=dark] .app-menu { background: #435261; border-color: #435261; }
[data-layout=twocolumn][data-sidebar=light] .app-menu .navbar-brand-box .logo-light { /*display: block;*/ line-height: normal; }
[data-layout=twocolumn] .twocolumn-iconview .logo img { max-width: 22px; } 
[data-layout=twocolumn][data-sidebar=dark] .navbar-footer .quick-menu li a { color: #ffffff }
[data-layout=twocolumn] body.twocolumn-panel .navbar-footer { display: none; }
[data-layout=twocolumn][data-sidebar=dark] .app-menu .navbar-nav .nav-sm .nav-link, [data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview .nav-icon { color: #ffffff }
[data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview .nav-icon i.d-none { display: block !important }
/*Left Fixed Menu*/
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu { position: fixed; }
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-content-wrapper, [data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-mask { overflow: auto !important; }
[data-layout=vertical][data-sidebar-size=sm] .app-menu.navbar-menu #scrollbar { max-height: calc(100vh - 400px) }
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-vertical .simplebar-scrollbar, [data-layout=vertical][data-sidebar-size=sm] .navbar-menu .vertical-menu-btn { display: block !important; }
@media (min-width: 1199px){
  [data-layout=vertical][data-sidebar-size=sm] { min-height: 101vh }
  .page-content { padding: calc(70px + 4rem) calc(6rem / 2) 30px calc(6rem / 2); }
}
/*Left Fixed Menu End*/
[data-layout-mode=dark] .movable-section .portlet-body .padding_right_set .ui-state-default .section-item, [data-layout-mode=dark] .movable-section .ui-state-default.ui-state-default .action-icon.edit, [data-layout-mode=dark] .movable-section .ui-state-default.ui-state-default .action-icon, [data-layout-mode=dark] .movable-section .ui-state-default.ui-state-default .action-icon.delete, [data-layout-mode=dark] .ui-new-section-add .add-icon { background: #1a1d21 }
[data-layout-mode=dark] .ui-state-default, [data-layout-mode=dark] .ui-widget-content .ui-state-default, [data-layout-mode=dark] .ui-widget-header .ui-state-default, [data-layout-mode=dark] .ui-button, [data-layout-mode=dark] .ui-button.ui-state-disabled:hover, [data-layout-mode=dark] .ui-button.ui-state-disabled:active, [data-layout-mode=dark] .ui-state-default a, [data-layout-mode=dark] .ui-state-default a:link, [data-layout-mode=dark] .ui-state-default a:visited, [data-layout-mode=dark] a.ui-button, [data-layout-mode=dark] a:link.ui-button, [data-layout-mode=dark] a:visited.ui-button, [data-layout-mode=dark] .ui-button { color: #ffffff }
[data-layout-mode=dark] .ui-new-section-add { border-color: rgba(255,255,255,0.1) }
.app-search .search-height { max-height: 300px }
.app-search .dropdown-menu .search-height .dropdown-item { white-space: normal; word-break: break-word; padding: 10px 15px; border-bottom: 1px solid var(--vz-body-bg) }
.app-search .genloader i { font-size: 24px !important; display: inline-block; animation: rotation 2s infinite linear; }
@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}}
[data-sidebar-size=sm] .navbar-menu .search-box, [data-sidebar-size=sm] .navbar-menu .chat-title, [data-sidebar-size=sm] .navbar-menu .msg-title { display: none !important; }
body.navdrag-start header#page-topbar, body.navdrag-start .page-content.cm-pagecontent { backdrop-filter: blur(70px); opacity: 0.3 }
body.navdrag-start .simplebar-content-wrapper, body.navdrag-start .simplebar-wrapper, body.navdrag-start .simplebar-mask { overflow: inherit !important; }
body.navdrag-start .menu-dragging { background: #394958; }
[data-layout-mode=dark] body.navdrag-start .menu-dragging { background: var(--vz-vertical-menu-bg-dark); }
body.navdrag-start .page-fixsidebar .menu-dragging { background: transparent; }
body.navdrag-start .navbar-menu .navbar-nav .menu-dragging .nav-item, body.navdrag-start .navbar-menu .navbar-nav .menu-dragging .nav-link { width: 42px !important; height: 42px !important; text-align: center; padding: 0 !important }
body.navdrag-start .navbar-menu .navbar-nav .menu-dragging .nav-link i { min-width: inherit !important; margin: 0 auto }
body.navdrag-start .navbar-menu .navbar-nav .menu-dragging .nav-link i.d-none { display: block !important; }
body.navdrag-start .navbar-menu .navbar-nav .menu-dragging .nav-link span { display: none !important; }
body.navdrag-start .navbar-menu .navbar-nav .nav-sm .menu-dragging .nav-link:before { display: none; }
header#page-topbar, .app-menu.navbar-menu, [data-layout=twocolumn] .twocolumn-iconview { border-top: 0px solid #3368d0 !important }
[data-layout=twocolumn] .twocolumn-iconview { top: -3px; }
[data-layout=vertical][data-layout-style=detached] .app-menu.navbar-menu { border-top: 0px solid #3368d0 !important }
header .develop-by {height: 70px; display: flex; align-items: center; justify-content: center;}
header .develop-by svg { max-width: 160px; width: 100% ; margin-top: 10px;}
[data-layout-mode=dark] header .develop-by svg .fill-clr, [data-topbar=dark] header .develop-by svg .fill-clr { fill: #ffffff }
[data-topbar=dark] #page-topbar { background-color: #394958; border-color: #394958;}
.after-userlogin .dropdown-menu:after { position: absolute; content: ""; bottom: -9px; left: 2px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: var(--vz-dropdown-bg) transparent transparent transparent; }
[data-layout=vertical][data-sidebar=light] .userbtn.text-white { color: #5f6270 !important; }
[data-layout=twocolumn] .app-menu .navbar-nav { height: calc(100vh - 200px); }
/* Dark Theme */
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-dropdown .nav-link span { display: inline-block; padding-left: 0 !important }
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-dropdown .nav-item:hover>a.menu-link { width: 200px; }
[data-layout=vertical][data-sidebar=dark][data-layout-mode=light] .navbar-menu { background: #2f4562; border-right-color: #2f4562; }
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link, [data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link { color: #ffffff; }
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link:hover, [data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link.active { opacity: 0.8; color: #f99f1e; }
[data-layout-mode=light][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box { background: #394958; }
[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box { background: var(--vz-vertical-menu-bg-dark); }
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link, [data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>.menu-dropdown { background: #f99f1e; opacity: 1 }
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:before { background-color: var(--vz-vertical-menu-title-color) !important; }
[data-layout=vertical][data-sidebar-size=sm] .after-userlogin .userbtn .text-start { display: none; }
.topbar-user { background: none; }

.header-profile-user { height: 26px; width: 26px; object-fit: cover; }
/* Camera badge: bottom-right on profile avatar (overrides Velzon left:0) */
.profile-user .profile-photo-edit { position: absolute; right: 0; left: auto; bottom: 0; z-index: 2; }
[data-layout=vertical][data-layout-mode=dark] .cmpage-topheader .filter-dropdown .btn { color: #ffffff }
.cm-floating { position: relative; margin-bottom: 30px !important ; }
.cm-floating>label { position: absolute; top: -9px; left: 7px; margin: 0; padding: 0 0.4rem; z-index: 6; opacity: 0.65 }
[data-layout-mode=light] .cm-floating>label { background: var(--vz-input-bg); color: #686868; opacity: 1 }
/*[data-layout-mode=light] .cm-floating input[type="text"]:disabled + label { background: none; }*/
.cm-floating input[type="text"]:disabled { background:#f9f9f9; border-radius:var(--bs-border-radius) !important }
.dashboard-img { position: relative; display: flex; align-items: center; margin-top: 25px; background: #f99f1e; border-radius: 8px; }
.dashboard-img .content { width: calc(100% - 250px); padding: 30px; min-height: 145px; } 
.dashboard-img .svg-img { width: 250px; position: absolute; right: 15px; top: -25px }
.dashboard-img .title { font-size: 22px; line-height: 130%; font-weight: 400; color: #ffffff; margin: 0; padding: 0 }
.dashboard-img .smtitle  { font-size: 16px; font-weight: 300; line-height: 130%; color: #ffffff; margin: 0 0 10px 0; padding: 0 }
.cm-floating .form-control, .cm-floating .form-select { padding-top: 0.7rem; }
.cm-floating .choices { margin-bottom: 0; }
.cm-floating .choices .choices__inner { padding-top: 0.45rem; min-height:41px }
.cm-floating .choices.is-disabled .choices__inner, .cm-floating .choices.is-disabled .choices__input { background: transparent; }
/*.cm-floating .form-control:disabled,*/ .cm-floating .form-control[readonly] { background-color: transparent; }
.cmpage-topheader .filter-dropdown .filter-btn i { position: relative; top: -1px; }
.cmpage-topheader .filter-dropdown .dropdown-body { min-width: 240px; }
.cmpage-topheader .pp-export-btn-wrap {
  display: flex;
  align-items: center;
}
.cmpage-topheader .pp-export-btn-wrap.ms-auto {
  margin-left: auto !important;
}
@media (max-width: 1199.98px) {
  .cmpage-topheader .pp-export-btn-wrap {
    width: auto;
    margin-left: 0 !important;
    margin-top: 0;
  }
}

/* Minimal search — all list pages */
.cmpage-topheader .filter-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 12px;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
.cmpage-topheader .filter-search .form-control,
.cmpage-topheader .filter-search.visible .form-control {
  width: 220px;
  height: 40px;
  margin: 0;
  padding: 0.4rem 0.85rem 0.4rem 2.35rem;
  opacity: 1;
  visibility: visible;
  display: inline-block;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cmpage-topheader .filter-search .form-control::placeholder {
  color: #98a2b3;
  font-weight: 400;
}
.cmpage-topheader .filter-search .form-control:hover {
  border-color: #d0d5dd;
}
.cmpage-topheader .filter-search .form-control:focus {
  border-color: #2f4562;
  box-shadow: 0 0 0 3px rgba(47, 69, 98, 0.08);
  outline: 0;
}
.cmpage-topheader .filter-search input[type="search"]::-webkit-search-decoration,
.cmpage-topheader .filter-search input[type="search"]::-webkit-search-cancel-button,
.cmpage-topheader .filter-search input[type="search"]::-webkit-search-results-button,
.cmpage-topheader .filter-search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.cmpage-topheader .filter-search .iconsearch,
.cmpage-topheader .filter-search .cursor-pointer {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  color: #667085;
  cursor: pointer;
  line-height: 1;
}
.cmpage-topheader .filter-search .iconsearch i,
.cmpage-topheader .filter-search .cursor-pointer i {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1;
}
.cmpage-topheader .filter-search .iconsearch:hover,
.cmpage-topheader .filter-search .cursor-pointer:hover {
  color: #2f4562;
}
/* Simple magnifying glass (ri-search-line) — keep minimal, never swap to close */
.cmpage-topheader .filter-search .ri-search-2-line:before,
.cmpage-topheader .filter-search.visible .ri-search-2-line:before {
  content: "\f0d1";
}

.cmpage-topheader .filter-action-btn { border:0; width: 42px; height: 42px; line-height: 42px; text-align: center; margin: 0 0 0 10px; padding: 0; transition: all 0.5s ease-in-out; border-radius: 100% !important; -webkit-border-radius: 100% !important; color: #2f4562; background: rgb(47 69 98 / 10%); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cmpage-topheader .filter-action-btn:hover,
.cmpage-topheader .filter-action-btn:focus { color: #2f4562; background: rgb(47 69 98 / 16%); box-shadow: none; }
.cmpage-topheader .filter-action-btn:disabled { opacity: 0.7; cursor: wait; }
.cmpage-topheader .filter-action-btn .spinner-border { width: 1rem; height: 1rem; border-width: 0.15em; }
.pulse-danger { display: block; position: absolute; top: 10px; right: 10px; width: 7px; height: 7px; border-radius: 100%; background: #ee335e;}
.pulse-danger:before { content: ""; top: -4px; right: -4px; width: 15px; height: 15px; position: absolute; border-radius: 100%; background: rgba(238, 51, 94, 0.8); cursor: pointer; box-shadow: 0 0 0 rgb(238 51 94 / 90%); -webkit-animation: dotspulse 2s infinite; animation: dotspulse 2s infinite;}
@-webkit-keyframes dotspulse {
    0% { -webkit-transform: scale(0); opacity: 0;}
    8% { -webkit-transform: scale(0); opacity: 0; }
    15% { -webkit-transform: scale(0.1); opacity: 1; }
    30% { -webkit-transform: scale(0.5); opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale(1.1); }
}
@keyframes dotspulse {
    0% { transform: scale(0); opacity: 0; }
    8% { transform: scale(0); opacity: 0; }
    15% { transform: scale(0.1); opacity: 1; }
    30% { transform: scale(0.5); opacity: 1; }
    100% { opacity: 0; transform: scale(1.1); }
}
.pulse-danger.success { background: #34c33a }
.pulse-danger.success:before { background: rgba(52, 195, 98, 0.8);  box-shadow: 0 0 0 rgba(52, 195, 98, 0.8); }
.cmpage-topheader .nav .nav-item { margin-right: 7px }
.cmpage-topheader .nav .nav-item:last-child { margin-right: 5px }
.cmpage-topheader .nav .nav-item .nav-link, .cmpage-topheader .filter-dropdown .filter-btn { border:0; width: 42px; height: 42px; line-height: 42px; text-align: center; margin: 0; padding: 0; transition: all 0.5s ease-in-out; border-radius: 100% !important; -webkit-border-radius: 100% !important;color: #2f4562; background: rgb(47 69 98 / 10%); }
.cmpage-topheader .nav .nav-item .nav-link.active, .cmpage-topheader .nav .nav-item .nav-link:hover, .cmpage-topheader .filter-dropdown .filter-btn:hover { color: #2f4562; background: rgb(47 69 98 / 10%); }
.cmpage-topheader .nav .nav-item .nav-link::after { display: none; }
.cmpage-topheader .nav .nav-item .badge { position: absolute; right: 0; top: 0 }
.middle-search + .card-body { padding-top: 10px }
.middle-search { padding: 15px 15px 0 15px; }
.middle-search .select-search .select-dropdown { display: inline-block; min-width: 100px; }
.middle-search .select-search .choices__list--dropdown { min-width: 190px }
[data-layout-mode=light] table .star_icon_div { color: inherit; opacity: 0.5 }
table .pages_title_div_row .star_icon_div { vertical-align: top; }
table .pages_title_div_row .star_box { margin: 0 6px 0 3px }
[data-layout-mode=light] table .pages_title_div_row a { color: inherit; }
[data-layout-mode=light] .form-check-input:checked { background-color: #f99f1e; border-color: #f99f1e; }
.form-check-input:checked { background-color: #405189; border-color: #405189; }
.form-check-input { box-shadow:none !important; outline:none; }
table tr:hover .pages_title_div_row a.approval_active, table tr:hover .pages_title_div_row a.approval_inactive { color: #299cdb }
table .pages_title_div_row .show-hover { opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
table tr:hover .pages_title_div_row .show-hover { opacity: 1 }
table .form-switch .form-check-input {width: 2.6em; height: 1.35em}
table .mob_show_title {display:none;}
table .multi_image_thumb img { max-width: 30px; max-height: 30px; }
body.message-page { min-height: 100vh }
@media(min-width: 1279px){
  table .pages_title_div_row .title-txt { max-width: 600px; white-space: normal; display: inline-block; }
}
@media(min-width: 1620px){
  .cm-pagecontent > .container-fluid { max-width: 1350px; margin: 0 auto }
  [data-layout=horizontal] body.message-page .cm-pagecontent > .container-fluid { max-width: 90%; }
}
[data-layout=horizontal] body.message-page .cm-pagecontent { padding-bottom: 0 !important }
[data-layout=horizontal] body.message-page .cm-pagecontent .chat-leftsidebar { height: calc(100vh - 70px - 54px) }
@media(min-width: 767px){
  [data-layout=horizontal] body.message-page .cm-pagecontent .chat-conversation { height: calc(100vh - 284px); }
}
body.fixsidebar-open .page-fixsidebar { z-index: 1046; }
body.fixsidebar-open .rightsidebar-popup { right: 53px; margin-right: 17px }
body.fixsidebar-open .page-fixsidebar .cm-menu .links.active { pointer-events: none; }
body.fixsidebar-open .loading_wrp { left: auto !important; right: 70px }
/*.loading_wrp svg { width: 65px; height: auto; }*/
.cm-pagecontent { width: calc(100% - 70px) }
.page-fixsidebar { position: fixed; right: 0; top: 0; bottom: 0; width: 70px; height: 100vh; background: var(--vz-header-bg); border-left: 1px solid var(--vz-border-color); z-index: 1; }
.page-fixsidebar .cover { padding: 80px 0 }
[data-layout=horizontal] .page-fixsidebar .cover { padding-top: 130px; }
.page-fixsidebar .cm-menu { margin: 0; padding: 0 }
.page-fixsidebar .cm-menu li { position: relative; list-style: outside none none; margin: 0; padding: 5px 0; width: auto !important; height: auto !important; }
.page-fixsidebar .cm-menu .links, .page-fixsidebar .cm-menu a { display: block; width: 42px; height: 42px; line-height: 42px; margin: 0 auto; padding: 0; color: #394958; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 4px; } 
[data-layout-mode=dark] .page-fixsidebar .cm-menu .links, [data-layout-mode=dark] .page-fixsidebar .cm-menu a { color: #ffffff }
.page-fixsidebar .cm-menu .links.active, .page-fixsidebar .cm-menu .links:hover, .page-fixsidebar .cm-menu a:hover { background: #f5f5f5 }
[data-layout=vertical][data-layout-mode=dark] .page-fixsidebar .cm-menu .links { color: #ffffff }
[data-layout=vertical][data-layout-mode=dark] .page-fixsidebar .cm-menu .links.active, [data-layout=vertical][data-layout-mode=dark] .page-fixsidebar .cm-menu .links:hover, [data-layout=vertical][data-layout-mode=dark] .page-fixsidebar .cm-menu a:hover { background: #1a1d21 }
.page-fixsidebar .cm-menu li i { font-size: 22px; line-height: inherit; }
.page-fixsidebar .cover hr { background: #f5f5f5; opacity: 1; max-width: 70%; margin-left: auto; margin-right: auto;  }
.page-fixsidebar .cm-menu li .close-menu { opacity: 0; width: auto !important; height: auto !important; position: absolute; right: 8px; top: 2px; line-height: normal !important; font-size: 6px; z-index: 1; transition: all 0.3s ease-in-out; }
.page-fixsidebar .cm-menu li .close-menu i { font-size: 12px }
.page-fixsidebar .cm-menu li:hover .close-menu { opacity: 1; }
.page-fixsidebar .pagemenu .cm-menu { min-height: 350px }
.page-fixsidebar .pagemenu .cm-menu li { width: 42px; }
.page-fixsidebar .pagemenu .cm-menu i {display: block !important;}
[data-layout=vertical][data-layout-mode=dark] .page-fixsidebar .cover hr { background: #484c50 }
.page-fixsidebar .pagemenu { max-height: calc(100vh - 370px);}
.page-fixsidebar .ui-state-highlight, .page-fixsidebar .ui-widget-content .ui-state-highlight, .page-fixsidebar .ui-widget-header .ui-state-highlight { border: 1px dashed #c3eaff !important; background: #e7f6ff !important; min-height: 48px; max-width: 80%; margin: 0 auto !important; }
.drag-note .sm-title { position: relative; color: #394958; margin: 0 auto 3px; width: 42px; height: 42px; line-height: 42px; border:1px dashed rgba(57,73,88,0.35);  border-radius: 100%; }
[data-layout-mode=dark] .drag-note .sm-title { color: #ffffff; border-color: rgba(255,255,255,0.5); }
.icon-publish { font-size: 33px !important; opacity: 0.3; line-height: normal; }
@media(max-width: 767px){
	.cm-pagecontent { width: 100% }
	.page-fixsidebar { display: none; }
}
/* Fixed Form */
[data-sidebar-size=sm] .fixed_from form { left: 80px }
body.fixsidebar-open .fixed_from .title_icon_ticket { z-index: 9 }
.fixed_from .title_icon_ticket { position:fixed;right:7px;bottom:10px; background:#394958;color:#ffffff;width:49px;height:49px;line-height:49px;border-radius:100%;display:inline-block;text-align:center; z-index:1045; }
.fixed_from .title_icon_ticket i { font-size:24px;display:inline-block;vertical-align:middle;}
/*.fixed_from.open .title_icon_ticket i:before {content: "\eb99";}*/
.fixed_from form { margin:0px;position:fixed;/*right:7px;z-index:1045;*/left: 260px;bottom:7px;z-index:1;width:320px; background:var(--vz-header-bg); visibility:hidden;opacity:0; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transform-origin: right bottom; -webkit-transform-origin: right bottom; box-shadow: 0 0 25px rgba(0,0,0,0.2); border-radius: 8px; overflow: hidden; transform:scale(0); -webkit-transform:scale(0); transform-origin: left bottom; -webkit-transform-origin: left bottom; }
.fixed_from.open form {visibility:visible;opacity:1; transform:scale(1); -webkit-transform:scale(1); }
.fixed_from .bma_form {display:block; padding:25px;}
.fixed_from .form-title { position: relative; margin: 0; font-size: 16px; font-weight: 500; background: #394958; padding: 15px 25px; color: #fff; }
.fixed_from .form-title .title_fixed { position: absolute; right: 14px; top: 15px; color: #ffffff; opacity: 0.5 }
.fixed_from .form-title .title_fixed:hover { opacity: 1 }
.fixed_from .form-title .title_icon_ticket i { font-size: 18px; color: #ffffff; }
.fixed_from .bma_form .form-group {margin-bottom:8px;}
.fixed_from .bma_form textarea.form-control {resize:none;} 
.fixed_from .bma_form select.form-control {width:100%;} 
.fixed_from .bma_form .select2-container--bootstrap {width:100% !important;}
.fixed_from .bma_form .row_file {margin-left:-5px;margin-right:-5px;}
.fixed_from .bma_form .row_file [class*="sm"]{padding-left:5px;padding-right:5px; width: 50%;}
.fixed_from .bma_form .capture_btn { height: 36px;line-height:36px;padding:0;box-shadow:none;display: block;}
.fixed_from .bma_form .btn_fixed { background: #394958; border:0; opacity: 1; transition: all 0.5s ease-in-out }
.fixed_from .bma_form .btn_fixed:hover { opacity: 0.8 }
.fixed_from .row_link label {font-weight:600;}
.fixed_from .row_link .col-xs-10{padding-left:4px;}
.fixed_from .screen {margin:7px 0; max-height:50px; max-width: 150px; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2); }
.fixed_from .js-inputbox .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.fixed_from .inputfile + label { background: var(--vz-input-bg); border: 1px solid var(--vz-input-border); margin: 0px; max-width: 100%; font-size: 0.8rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: block; overflow: hidden; padding: 8px 10px 7px; border-radius: .25rem; }
.fixed_from .js-inputbox svg { position: relative; top: -1px; width: 13px; height: 13px; margin: 0 3px 0 0; fill: #394958 }
[data-layout=vertical][data-layout-mode=dark] .fixed_from .js-inputbox svg { fill: #ffffff }
[data-layout=vertical][data-layout-mode=dark] .fixed_from .form-title { background: #1a1d21 }
[data-layout=vertical][data-layout-mode=dark] .fixed_from .bma_form .btn_fixed{ background: #1a1d21 }
.form-control.resize-none { resize:none; }
.bootstrap-tagsinput { display: block; width: 100%; padding: 0.5rem 0.9rem !important; font-size: .8125rem; font-weight: 400; line-height: 1.5; color: var(--vz-body-color) !important; background-color: var(--vz-input-bg) !important; background-clip: padding-box; border: 1px solid var(--vz-input-border) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; box-shadow: none !important; -webkit-box-shadow: none !important; line-height: normal !important;}
[data-layout-mode=light] .form-check-input:not(:checked) { border-color: #c6c6c6 }
[data-layout-mode=dark] .form-check-input:not(:checked) { border-color: #525252 }
/* Dark Theme End */
table.lastchild-border-0 tr:last-child td { border-bottom: 0 }
.inapproval-card .card-header { padding: 0.7rem 1rem }
.cm-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
}
.cm-search .form-control,
.cm-search.visible .form-control {
  width: 200px;
  height: 40px;
  margin: 0;
  padding: 0.4rem 0.85rem 0.4rem 2.35rem;
  opacity: 1;
  visibility: visible;
  display: inline-block;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 0.875rem;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cm-search .form-control:focus {
  border-color: #2f4562;
  box-shadow: 0 0 0 3px rgba(47, 69, 98, 0.08);
  outline: 0;
}
.cm-search .cursor-pointer {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #667085;
  cursor: pointer;
  line-height: 1;
}
.cm-search .cursor-pointer:hover { color: #2f4562; }
.cm-search .ri-search-2-line:before,
.cm-search.visible .ri-search-2-line:before { content: "\f0d1"; }
.offcanvas .bg-primary, .offcanvas .btn-primary{background-color: #394958 !important;border-color:#394958;}
.choices[data-type*=select-one] .choices__inner { padding-right: 1.65rem; }
.choices__list--dropdown { z-index: 7; }
.bootstrap-maxlength.label-success, .bootstrap-maxlength.label-danger { color: #ffffff; padding-left: 5px; padding-right: 5px }
.bootstrap-maxlength.label-success { background: green; }
.bootstrap-maxlength.label-danger { background: red; }
.border-outline-light { border-color: var(--vz-input-border) !important }
.dashboard-box { border-radius: 10px; }
.dashboard-box .p-3 { padding: 20px 20px 15px 20px !important }
.dashboard-box .bg-bottom { background: #f6f6f8 }
.dashboard-box svg { width: 50px; height: 50px }
/*.app-menu.navbar-menu #scrollbar.h-100*/ .app-menu.navbar-menu #scrollbar { max-height: calc(100% - 115px); }
.navbar-footer { position: absolute; left: 0; right: 0; bottom: 0; }
.navbar-footer .quick-menu { display: table; width: 100%; margin: 0; padding: 0; border-width: 1px 0 1px 0; border-style: solid; border-color: rgba(0,0,0,0.1) }
.navbar-footer .quick-menu li { display: table-cell; list-style: outside none none; margin: 0; padding: 0; width: 25% }
.navbar-footer .quick-menu li + li { border-width: 0 0 0 1px; border-style: solid; border-color: rgba(0,0,0,0.1) }
.navbar-footer .quick-menu li a { color: var(--vz-header-bg); opacity: 1; transition: all 0.5s ease-in-out; display: block; padding: 10px 0 }
.navbar-footer .quick-menu li a:hover { opacity: 0.7 }
.navbar-footer .quick-menu li .pulse-danger { top: 11px; right: 11px; }

[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .quick-menu { display: block !important; }
[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .quick-menu li { width: 100%; display: block; }
[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .quick-menu li + li { border-width: 1px 0 0 0 }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-footer .quick-menu { display: block !important; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-footer .quick-menu li { width: 100%; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .navbar-footer .quick-menu { display: flex !important; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .navbar-footer .quick-menu li { width: 33%; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-footer .design-by .copyright { display: none !important; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .navbar-footer .design-by .copyright { display: inline-block !important; }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .after-userlogin .userbtn .text-start { display: none }
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .after-userlogin .userbtn .text-start { display: inline-block }
[data-layout=vertical] .navbar-footer .quick-menu .help-dropdown .dropdown-menu { margin-left: 62px !important; transform: none !important; }
[data-layout=vertical][data-layout-mode=light] .navbar-footer .quick-menu .help-dropdown .dropdown-menu { box-shadow: 3px 0px 10px rgba(30,32,37,0.25) }
[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .quick-menu .help-dropdown .dropdown-menu { margin-left: 70px !important; }
.navbar-footer .quick-menu .help-dropdown .dropdown-menu a { padding: .35rem 1.2rem }
[data-layout-mode=light][data-sidebar=dark] .navbar-footer .quick-menu .help-dropdown .dropdown-menu a { color: #212529 }
.navbar-footer .design-by { padding: 1px 1.2rem; display: flex; align-items: center; justify-content: space-between; }
.navbar-footer .design-by svg { max-width: 120px; max-height: 55px }
.navbar-footer .design-by .copyright { position: relative; }
.navbar-footer .design-by .copyright svg{width: 18px; height: 18px; fill: #fff;}
[data-layout=vertical][data-sidebar=light] .navbar-footer .design-by .copyright svg { fill: #5f6270; }
[data-layout-mode=light] .navbar-footer .design-by .copyright .hideshow { background: #ffffff }
.navbar-footer .design-by .copyright .hideshow { font-size: 12px; white-space: nowrap; position: absolute; left: 25px; top: 0; transition: all 0.4s ease-in-out; background: var(--vz-body-bg); transform-origin: left center; display: inline-block; z-index: 1; padding: 3px 10px; border-radius: 20px; opacity: 0; visibility: hidden; transform: translateX(-15px); -webkit-transform: translateX(-15px); box-shadow: 0 5px 10px rgb(30 32 37 / 12%); }
.navbar-footer .design-by .copyright:hover .hideshow { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .design-by .copyright { display: none !important; }
[data-layout=vertical][data-sidebar=dark] .navbar-footer .design-by svg .fill-clr { fill: #ffffff }
[data-layout=vertical][data-sidebar=light] .navbar-footer .quick-menu li a { color: var(--vz-vertical-menu-item-color) }
[data-layout=vertical][data-sidebar=light] .navbar-footer .quick-menu { border-top-color: rgba(0,0,0,0.08); border-bottom-color: rgba(0,0,0,0.08) }
[data-layout=vertical][data-sidebar=light] .navbar-footer .quick-menu li + li { border-color: rgba(0,0,0,0.08) }
[data-layout=vertical][data-sidebar-size=sm] .navbar-footer .design-by svg .fill-clr { display: none; }
[data-layout-mode=light][data-topbar=light] #page-topbar .navbar-header .dashboard_title { color: #333333 }
[data-topbar=dark] #page-topbar .navbar-header .dashboard_title { color: #ffffff }
[data-topbar=dark] .date_timer_powerpanel { color: #ffffff }
.sidebar-menu { position: fixed; right: -1px; top: 80px; margin: 0; padding: 0; width: auto; z-index: 999; }
.sidebar-menu .btn { min-width: 48px; background: #ebedf3; color: #405189; border-radius: 50px 0 0 50px; }
.sidebar-menu .btn i { position: relative; right: -2px; font-size: 24px; }
.titlebar .highslide-heading { color: #394958 }
[data-layout=vertical][data-layout-mode=dark] .titlebar .highslide-heading { color: #ffffff }
[data-layout=vertical][data-layout-mode=dark] .highslide-html { background: #000000 }
[data-layout=vertical][data-layout-mode=dark] .highslide-header a:hover { color: #ffffff }
.highslide-container div { font-family: inherit !important; font-size: inherit !important }
.image_thumb { padding: 0; margin-bottom: 10px; }
.image_thumb .form-group { margin-bottom: 0 }
.image_thumb .fileinput { position: relative; width: 100% }
.image_thumb .fileinput .thumbnail { margin: 0; border-radius: 0; height: 150px !important; width: 100%; position: relative; align-items: center; display: flex;}
.image_thumb .fileinput .thumbnail img { max-height: 140px; margin: 0 auto; text-align: center; }
.image_thumb .fileinput .input-group { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 150px; border:1px solid var(--vz-input-border); text-align: center; border-radius: .25rem;}
.image_thumb .fileinput .img_opacity{ opacity:0.5; }
.image_thumb .fileinput .input-group a { bottom: 0; color: #000000; display: block; height: 100%; left: 0; padding-top: 3.4%; position: absolute; right: 0; top: 0; width: 100%; cursor: pointer;}
.image_thumb .fileinput #video_name{ border:1px solid var(--vz-input-border); border-top:none; position:relative; top:-1px;}
.image_thumb .fileinput.page-media { min-height: 150px; background: var(--vz-input-bg); }
.image_thumb .fileinput.page-media .overflow_layer { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.5s ease-in-out; }
.image_thumb .fileinput.page-media .overflow_layer a { color: #ffffff; font-size: 16px; padding: 5px; display: inline-block; cursor: pointer; opacity: 1 }
.image_thumb .fileinput.page-media .overflow_layer a:hover { opacity: 0.8 }
.image_thumb .fileinput.page-media:hover .overflow_layer { opacity: 1 }
.contact-avatar .avatar-sm { width: 37px; height: 37px; }
[data-layout=vertical][data-layout-mode=light] .contact-avatar .avatar-sm .avatar-title { background: #f99f1e !important }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb {width: 220px; min-height: 0; float: none; display: inline-flex; flex-direction: column; margin: 0; vertical-align: top; text-align: center; position: relative; background: var(--vz-card-bg); border: 1px solid var(--vz-border-color); border-radius: 0.5rem; overflow: hidden; box-shadow: none;}
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail_container {padding-bottom: 100%; position: relative; width: 100%; border: 0; overflow: hidden; background: var(--vz-light);}
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb:hover { border-color: #2f4562; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb:hover .thumbnail_container { border-color: transparent; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail {background: transparent; border: medium none; border-radius: 0; height: 100%; margin: 0; padding: 0; position: absolute; width: 100%; display: block; line-height: 0;}
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail a { position: static; display: block; height: 100% }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail img, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail a > img, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.img-box-active .thumbnail img, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.img-box-active .thumbnail a > img, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb:hover .thumbnail img {bottom: 0; display: block; width: 100%; height: 100%; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0;top: 0; padding: 0; object-fit: contain; transform: none; -webkit-transform: none; transition: none; -webkit-transition: none;}
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns { position: relative; bottom: auto; left: auto; right: auto; width: 100%; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid var(--vz-border-color); background: var(--vz-card-bg); opacity: 1 !important; visibility: visible !important; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb:hover .img-btns {border-color: var(--vz-border-color); opacity: 1 !important; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .title-change { flex: 1 1 auto; min-width: 0; position: relative; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .title-change .form-control { min-width: 0; border: 0; box-shadow: none; background: transparent; padding: 0 8px; height: 36px; line-height: 36px; font-size: 0.8125rem; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .text-truncate { margin-right: auto; text-align: left; font-size: 13px; line-height: 32px; max-width: calc(100% - 108px); }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .btn{position: relative; right: 0; top: 0; width: 32px; height: 32px; min-height: 32px; padding: 0; text-align: center; box-shadow: none !important; border: 0; line-height: 32px; background: #eff2f7; color: #212529; flex-shrink: 0; border-radius: 0.35rem; opacity: 1 !important; transition: background-color .2s ease, color .2s ease; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .btn:hover { background: rgba(var(--bs-primary-rgb), 0.12); color: #2f4562; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .btn.btn-danger,
.gallary_manager .title-change .btn.btn-danger { background: rgba(var(--bs-danger-rgb), 0.12); color: #f06548; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns .btn.btn-danger:hover,
.gallary_manager .title-change .btn.btn-danger:hover { background: rgba(var(--bs-danger-rgb), 0.2); color: #f06548; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns a { color: inherit; opacity: 1 !important; font-size: 14px }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns a + a { margin-left: 0 }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .img-btns a .ri-check-line { font-size: 16px }
[data-layout-mode=dark] .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail_container { border-color: rgba(255,255,255,0.1) }
[data-layout-mode=dark] .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .thumbnail { background: var(--vz-body-bg); }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .icon-check {position: absolute; right: 7px; top: 7px; z-index: 2; width: 18px; height: 18px; margin: 0; padding: 0; border-radius: 100%; background: #fff; color: #000; font-family: remixicon!important; font-size: 14px; line-height: 18px; text-align: center; opacity: 0; visibility: hidden; pointer-events: none;}
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .icon-check:before { content: "\eb7b"; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.img-box-active .icon-check, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.active_video .icon-check, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.document-box-active .icon-check { opacity: 1; visibility: visible; }
.gallary_manager .title-change { position: relative; }
.gallary_manager .title-change .form-control { border-radius: 0 }
.gallary_manager .title-change .btn { position: relative; right: 0; top: 0; width: 32px; height: 32px; min-height: 32px; padding: 0; text-align: center; box-shadow: none !important; border: 0; line-height: 32px; background: #eff2f7; color: #212529; border-radius: 0.35rem; transition: background-color .2s ease, color .2s ease; }
.gallary_manager .title-change .btn:hover { background: rgba(var(--bs-primary-rgb), 0.12); color: #2f4562; }
[data-layout-mode=dark] .gallary_manager .title-change .btn { background: var(--vz-light); color: var(--vz-body-color); }
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box .folder-count { position: absolute; top: 8px; left: 8px; z-index: 2; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box.contains_thumb .thumbnail img,
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box.contains_thumb .thumbnail a > img,
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box.contains_thumb .thumbnail img.folder-icon,
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box.contains_thumb:hover .thumbnail img,
.gallary_manager.portlet.portlet-fullscreen .right-panel .folder-box.contains_thumb:hover .thumbnail a > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 6.5rem; height: 5rem; max-width: 6.5rem; max-height: 5rem; padding: 0; object-fit: contain; transform: none; -webkit-transform: none; transition: none; -webkit-transition: none; opacity: 1; filter: none; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .mob_doc, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .mob_desk, .gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb .mob_copy { position: relative; top: 2px; font-size: 16px; margin: 0 2px }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_docs .contains_thumb .mob_doc .ri-cellphone-line.ri-check-line:before { content: "\eb41"; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_docs .contains_thumb .right_check, .gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_audios .contains_thumb .right_check, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_audios .contains_thumb .right_check, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_videos .contains_thumb .right_check, .gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_video .contains_thumb .right_check { position: absolute; right: 5px; top: 2px; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_docs .contains_thumb .right_check i, .gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_audios .contains_thumb .right_check i, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_audios .contains_thumb .right_check i, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_videos .contains_thumb .right_check i, .gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_video .contains_thumb .right_check i { width: 18px; height: 18px; background: #394958; color: #fff; font-size: 14px; border-radius: 100%; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_audios .contains_thumb .mp3_overlay, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_videos .contains_thumb .mp3_overlay, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_audios .contains_thumb .mp3_overlay { position: absolute; bottom: 5px; left: 5px; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_audios .contains_thumb .mp3_overlay i, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_videos .contains_thumb .mp3_overlay i, .gallary_manager.portlet.portlet-fullscreen .right-panel.trashed_audios .contains_thumb .mp3_overlay i { width: 18px; height: 18px; background: #394958; color: #fff; font-size: 14px; border-radius: 100%; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_video .contains_thumb .video_overflow { margin-top: 5px; text-align: center; }
.gallary_manager.portlet.portlet-fullscreen .right-panel.user_uploaded_video .contains_thumb .video_overflow i { display: inline-block; width: 22px; height: 22px; line-height: 22px; background: #394958; color: #fff; font-size: 14px; border-radius: 100%; }
/*  Login Page  */
.form-control::placeholder { color:#878a99 } 
.form-control::-webkit-input-placeholder { color:#878a99 }
.form-control::-moz-placeholder { color:#878a99 } 
.auth-page-content .card{background-color: #ffffff;box-shadow: none; padding: 50px; border-radius:0 }



.Login_form{margin-top: 2rem;}
.auth-page-content .card-body{padding: 0;}
.auth-page-content .Login_form .remember_me{color: #878a99;}
.auth-page-wrapper .auth-page-content{padding-bottom: 0; z-index: 3}

.auth-page-wrapper .forgotpwd .form-control{font-size: 16px;}
.auth-page-content .login-form .form-control, .auth-page-wrapper .forgotpwd .form-control{ padding-left: 50px; height: 50px; border-radius: .25rem !important; outline:none; box-shadow:none; }
.auth-page-content .login-form .form-control:focus, .auth-page-content .login-form .form-control.active, .auth-page-content .login-form .form-control:focus-within, .auth-page-content .login-form .form-control, .auth-page-content .login-form .form-control:visited, .auth-page-content .login-form .form-control:focus-visible{font-size: 14px;}
.auth-page-content .login-form .form-control:focus { border-color:#a0a8c4 }
.auth-page-content .login-form .form-check .forgot-password-link, .auth-page-content .login-form .form-check label{color: #878a99;font-weight: 400}
.auth-page-content .login-form .form-check .forgot-password-link:hover, .auth-page-content .login-form .form-check .remember_me .form-check-label:hover{color: #405189}
.auth-page-content .card-body .login-form .btn{ background-color: #2f4562; border-color: #2f4562; color: #ffffff; font-size: 16px; height: 50px;}
.auth-page-content .card-body .login-form .btn:hover { background-color: #16335b; border-color: #16335b; color: #ffffff}
.auth-page-wrapper .footer{ position: relative; padding: 0; height: auto; margin: 0;}
/*.auth-page-wrapper .footer .footer-bottom p { color: #666666 } */
.auth-page-content .login-form .input-group-btn { position:relative; z-index:9 }
.auth-page-wrapper .footer .footer-bottom p + p{margin: 10px 0 0 0;}
.auth-page-content .card-body .login-form input:-webkit-autofill, .auth-page-content .card-body .login-form input:-webkit-autofill:active, .auth-page-content .card-body .login-form input:-webkit-autofill:focus,  .auth-page-content .card-body .login-form input:-webkit-autofill:hover, .auth-page-content .form-control[readonly] { -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset!important; background: 0 0!important;-webkit-text-fill-color: #000!important;}
.auth-page-content .Login_form .input-group-btn i{position: absolute;font-size: 20px;z-index: 4; top: 10px;left: 17px; color: #2f4562; }
.auth-page-content .login-form .help-block, .help-block { width: 100%; color: red; margin-top: 5px }
/* Reset Password */
.auth-page-wrapper .auth-page-content .auth-logo img{/* max-height: 50px; */ max-width: 270px; /*margin-left: -13px;*/ }
.auth-page-content .card-body .forgotpwd input:-webkit-autofill, .auth-page-content .card-body .forgotpwd input:-webkit-autofill:active, .auth-page-content .card-body .forgotpwd input:-webkit-autofill:focus,  .auth-page-content .card-body .forgotpwd input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset!important; background: 0 0!important;-webkit-text-fill-color: #000!important;}
.pswd_info h4{font-size: 14px;}
.pswd_info { position: absolute;top: calc(100% - -10px);left: 0;width: 100%;max-width: 410px;padding: 13px 15px;background: var(--vz-input-bg); font-size: .875em;border-radius: 3px;box-shadow: 0 3px 11px rgb(0 0 0 / 30%);border: none;z-index: 10;display: none; border-radius: 8px; }
.pswd_info::before { content: "\f0d7";margin-top: 5px;position: absolute;top: -10px;left: 45%;font-size: 30px;line-height: 14px; color: #fff;text-shadow: none;display: block; }
.pswd_info ul {padding: 0;margin: 0;list-style: none;}
.invalid, .valid {padding-left: 22px;position: relative;line-height: 24px;/*color: #4a4545;*/font-size: 13px;color: #ec3f41;}
.invalid:before, .valid:before { position: absolute; left: 2px; top:5px; content: '';height: 13px;width: 13px; border-radius: 100%; border-width: 2px; border-style: solid; }
.invalid:before { border-color: #ec3f41; color: #ec3f41;}
.valid{color:green;}
.valid:before { border-color: green; background: green;}
.form-control.valid { padding-left: 0.9rem; line-height: 1.5 }
footer.footer { z-index: 2 }
.footer .auth-logo{padding: 0 5px 0;}
.footer .auth-logo img { max-width: 20px }
/*.copyright-txt { padding-right: 50px }*/
#back-to-top { position: relative; margin: 0 0 0 auto; bottom: 8px; right: 0px; opacity: 1 }
#back-to-top:hover { animation: none; -webkit-animation: none; opacity: 0.8 }
.customizer-setting { bottom: 10px; right: 8px; }
/*  Side panel  */
.app-menu.navbar-menu .navbar-brand-box{padding: 10px 1.5rem;}
.app-menu.navbar-menu .nav-tabs.nav-border-none { border: 0 }
.app-menu.navbar-menu .nav-tabs .nav-link, .app-menu.navbar-menu .nav-tabs .nav-item.show .nav-link, .app-menu.navbar-menu .nav-tabs .nav-link.active { background: transparent; border:0; }
.dropdown-menu.dropdown-menu-lg .dropdown-item{padding: 15px 20px;}
.dropdown-menu.dropdown-menu-lg .dropdown-item i{font-size: 25px;}
#page-topbar .navbar-header{height: 71px;border-bottom: 1px solid var(--vz-border-color);}
#page-topbar .navbar-header .dashboard_title{padding: calc(46px / 2) 0;}
@media (min-width: 600px){
	.navbar-header .dropdown-menu.dropdown-menu-lg {width: 360px;}
}
#notificationDropdown .dropdown-menu {width: min(360px, calc(100vw - 1rem)); max-width: min(360px, calc(100vw - 1rem)); overflow-x: hidden;}
#notification-list-container {height: 300px; max-height: 300px; overflow-x: hidden;}
#notificationDropdown .empty-notification-elem {min-height: 300px;}
#notificationDropdown .notification-item h6,
#notificationDropdown .notification-item p {overflow-wrap: anywhere; word-break: break-word; min-width: 0;}
/* Hover-only go affordance; Bootstrap has no parent-hover utility. */
#notificationDropdown .notification-item-go { opacity: 0; transform: translateX(6px) scale(0.85); transition: opacity .2s ease, transform .2s ease; }
#notificationDropdown .notification-item:hover .notification-item-go { opacity: 1; transform: translateX(0) scale(1); }
/*  Blog Page css  */
.dataTables_wrapper.no-footer .dataTables_paginate ul { margin: 0 }
.dataTables_wrapper.no-footer .paging_bootstrap_extended .default { margin-left: 0.3rem;border-radius: 0.25rem!important;border: 1px solid #e9ebec;}
.dataTables_wrapper.no-footer .paging_bootstrap_extended .pagination-panel-input { width: auto;min-width: auto;padding: 0;display: inline-block;}
.dataTables_wrapper.no-footer .dataTables_length {float: none!important;display: inline-block;}
.dataTables_wrapper.no-footer .dataTables_info{float: none!important;display: inline-block;}
.dataTables_extended_wrapper.no-footer div.dataTables_length label { margin: 0!important;padding: 0!important;font-size: 13px;float: none!important;display: inline-block!important;}
.dataTables_extended_wrapper.no-footer .seperator {padding: 0 3px;}
.dataTables_wrapper.no-footer .paging_bootstrap_extended .pagination-panel-input {background-color: #364574; color: #fff; height: 32px;width: 32px !important;border-width: 1px;border-style: solid;margin: 0 5px;padding: 5px;border-color: #364574;border-radius: 8px;}
.dataTables_wrapper.no-footer .paging_bootstrap_extended .default { color: #000;font-size: 18px;height: 32px;line-height: 32px;padding: 0 11px;width: 32px;border-width: 1px; border-style: solid;margin: 0 5px;border-radius: 8px !important;border-color: #33416e;}
.dataTables_wrapper.no-footer .fa-angle-left:before,
.dataTables_wrapper.no-footer .ri-arrow-left-s-line:before { content: "\ea60"; font-family: remixicon !important; }
.dataTables_wrapper.no-footer .paging_bootstrap_extended .default i {line-height: 30px;display: block;}
.dataTables_wrapper.no-footer .fa.fa-angle-right:before,
.dataTables_wrapper.no-footer .ri-arrow-right-s-line:before{content: "\ea6c";font-family: remixicon !important;}
div.dataTables_wrapper div.dataTables_length select {width: 75px;display: inline-block;border-radius: 25px;margin: 0 5px;}
.dataTables_wrapper.no-footer .table-responsive {padding-bottom: 11px !important;margin-top: 10px;margin-bottom: 10px;}
.dataTables_wrapper.no-footer .fa.fa-angle-left,
.dataTables_wrapper.no-footer .ri-arrow-left-s-line{transform: none;}
.dataTables_wrapper.no-footer .fa-angle-right,
.dataTables_wrapper.no-footer .ri-arrow-right-s-line{transform: none;}
.tab-content.text-muted .btn.right_bottom_btn{font-size: 13px;padding: 7px 20px;margin-top: 10px;}
.tab-content.text-muted .btn.hide-btn-mob { display: none !important; }
[class^=ri-]{vertical-align: middle;}
.new_table_desing.table-checkable .mob_show_title{display: none;}
.new_table_desing.table-checkable .ri-checkbox-circle-line{font-size: 25px !important;}
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after { position: relative; top: 2px; padding-left: 3px; font-size: 14px; font-family: remixicon !important; }
table.dataTable thead .sorting_desc:after{content:"\ea76" !important; }
table.dataTable thead .sorting:after{content: "\ea74" !important; }
table.dataTable thead .sorting_asc:after{content: "\ea4b" !important; }
.table-norecords { text-align: center; padding: 10px; min-height: calc(100vh - 220px); display: flex; align-items: center; justify-content: center; }
.table-norecords.cursor-pointer { cursor: pointer; }
.table-norecords .svg-img { padding-bottom: 1rem; }
.table-norecords .svg-img svg { width: 120px; fill: #afafaf; opacity: 0.75 }

/* ===== Velzon-style table empty state (all DataTables) ===== */
.pp-table-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 2.85rem 1.25rem 2.5rem;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  user-select: none;
}
.pp-table-empty__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 0.85rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #eef2f7 0%, #e4eaf2 100%);
  color: #2f4562;
  box-shadow: inset 0 0 0 1px rgba(47, 69, 98, 0.06);
}
.pp-table-empty__icon::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px dashed rgba(47, 69, 98, 0.14);
  pointer-events: none;
}
.pp-table-empty__icon svg {
  width: 2.1rem;
  height: 2.1rem;
  display: block;
}
.pp-table-empty__icon i {
  font-size: 1.65rem;
  line-height: 1;
  color: #2f4562;
}
.pp-table-empty__title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 600;
  color: #2f4562;
  letter-spacing: 0.01em;
}
.pp-table-empty__desc {
  margin: 0.1rem 0 0;
  max-width: 26rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.55;
  color: #878a99;
}
.pp-table-empty__desc a {
  color: #405189;
  font-weight: 500;
  text-decoration: underline;
  pointer-events: auto;
}
.pp-table-empty__desc a:hover {
  color: #2f4562;
}
.pp-table-empty__cta {
  margin-top: 1rem;
  pointer-events: auto;
}
table.dataTable tbody td.dataTables_empty,
.dataTables_wrapper table.table tbody td.dataTables_empty,
table tbody tr#not-found > td,
table tbody tr.pp-empty-row > td {
  padding: 0.75rem 1rem !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
/* No hover tint on empty-state rows */
.dataTables_wrapper table.table tbody tr.pp-empty-row:hover,
.dataTables_wrapper table.table tbody tr.pp-empty-row:hover > *,
.dataTables_wrapper table.table tbody tr:has(td.dataTables_empty):hover,
.dataTables_wrapper table.table tbody tr:has(td.dataTables_empty):hover > *,
table.dataTable tbody tr.pp-empty-row:hover,
table.dataTable tbody tr.pp-empty-row:hover > td,
table.dataTable tbody tr:has(td.dataTables_empty):hover > td,
.table-hover > tbody > tr.pp-empty-row:hover > *,
.table-hover > tbody > tr:has(td.dataTables_empty):hover > * {
  background-color: transparent !important;
  --bs-table-bg-state: transparent !important;
  box-shadow: none !important;
}
.bnm-empty-wrap .pp-table-empty {
  padding: 3rem 1.5rem;
  pointer-events: auto;
}
.bnm-empty-wrap .pp-table-empty__icon {
  width: 5rem;
  height: 5rem;
}
.bnm-empty-wrap .pp-table-empty__icon svg {
  width: 2.35rem;
  height: 2.35rem;
}
.bnm-empty-wrap .pp-table-empty__title {
  font-size: 1.05rem;
}
/*tooltip*/
.quick_edit {position: relative;/*z-index: 5;*/display: inline;}
.quick_edit .quick_edit_menu {position: absolute;left: 0px;top: 100%;margin-top: 5px; padding: 7px 5px; width: 270px; text-align: center; background: var(--vz-header-bg);opacity: 0;box-shadow: 0 0 10px rgb(0 0 0 / 15%);display: block; border-radius: 6px; z-index: 1 }
.quick_edit .quick_edit_menu:before {content: '';position: absolute;top: -7px;left: 15px; display: inline-block!important;border-right: 7px solid transparent;border-bottom: 7px solid var(--vz-header-bg); border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, .1);}
.quick_edit .quick_edit_menu:after {content: '';position: absolute;top: -5px;left: 16px; display: inline-block!important; border-right: 6px solid transparent;border-bottom: 6px solid var(--vz-header-bg);border-left: 6px solid transparent;}
.quick_edit .quick_edit_menu span {display: inline-block;vertical-align: 0px; padding: 0 10px;line-height: 100%;}
.quick_edit .quick_edit_menu span + span { border-left: 1px solid #d5d5d5; margin-left: -1px; }
.quick_edit .quick_edit_menu a { font-family: inherit !important; color: var(--vz-body-color); opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.quick_edit .quick_edit_menu a:hover { opacity: 0.8 }
.quick_edit .quick_edit_menu .ri-add-box-line:before, .quick_edit .quick_edit_menu .ri-checkbox-indeterminate-line:before, .quick_edit .quick_edit_menu .ri-history-line:before { font-family: remixicon !important; position: relative; top: 2px; margin: 0 4px 0 0 }
.quick_edit:hover .quick_edit_menu {opacity: 1;}
.live-preview .form-switch .form-check-input { margin-left: 0 }
.live-preview .table-responsive { min-height: 450px; }
/* Add/Edit page css */
.powercomposer { box-shadow: none !important; border:1px solid var(--vz-input-border); border-radius: 0.25rem; padding: 15px 15px 2px 15px; margin-bottom: 0 !important }
.powercomposer .composer-title { font-size: 22px; line-height: 140%; text-align: center; }
.main-content .powercomposer .composerbody .btn{line-height: 1.5;}
.powercomposer .composerbody .button-block .btn i{top: 0!important; position: absolute;}
.expdatelabel.form-label .expiry_lbl{position: static;}
.expdatelabel.form-label{width: 100%;position: relative; margin-top: 10px !important}
.expdatelabel.form-label.no_expiry { margin-top: 0px !important; top: -20px !important; }
.expdatelabel.noexpiry #noexpiry{float:right;}
.expdatelabel.noexpiry .expiry_lbl{position: absolute;top: -9px;font-size: 0;}
.no_expiry .expiry_lbl:after{ vertical-align: middle; content: "\eb96"; margin: 0 0 0 5px; font-size: 16px; font-family: remixicon!important; text-indent: 0;}
.li.add-row {padding: 10px;display: block;font-weight: 600;}
textarea.h148 { height: 78px; resize: none; }
.imagealign { margin: 0; padding: 0 }
.imagealign li{width:auto; display:inline-block; margin-right:15px; list-style: outside none none;}
.imagealign li a{ float:left; width:100%; border:1px solid var(--vz-input-border); text-align:center; padding:10px; position:relative;}
.imagealign li a:hover{color:rgba(16, 128, 242, 1);}
.imagealign li .icon{width:50px; display:inline-block;}
.imagealign li .icon img{max-width:100%}
.imagealign li span{display:block;}
.imagealign li input[type=radio]{ position: absolute; visibility: hidden; }
.imagealign li label{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; }
.imagealign li label:hover{ border:solid 1px rgba(16, 128, 242, 1);  transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.imagealign li .check{ display: block; position: absolute; opacity:0; height: 18px; width: 18px; top: -8px; right:-5px; background: var(--vz-body-bg); border: 1px solid rgba(16, 128, 242, 1); z-index: 5; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: border .25s linear; -webkit-transition: border .25s linear;}
.imagealign li:hover .check { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; opacity:1; }
.imagealign li .check::before { display: block; position: absolute; content: "\eb7b"; font-family: remixicon !important;   top: -1px; left: 1px; font-size:12px; margin: auto; width:100%; left:0; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.imagealign li input[type=radio]:checked ~ .check { color:#fff; opacity:1; }
.imagealign li input[type=radio]:checked ~ .check::before{ background: rgba(16, 128, 242, 1); color:#fff; opacity:1; }
.imagealign li input[type=radio]:checked ~ label{ color: rgba(16, 128, 242, 1); opacity:1;}
/* Audit Log */
table.dataTable.no-footer .public-status {float: right;margin-left: -50px;}
.dataTables_wrapper.no-footer .public-status.pub-log-status ul {margin-right: 0px;margin-left: 0px;}
.dataTables_wrapper.no-footer .public-status ul {margin: 6px 15px 6px 15px;padding: 0px;}
.public-status ul li {list-style: none;display: inline-block;vertical-align: middle;margin: 0px;}
.public-status ul li:not(:last-child) {margin-right: 10px;}
.pub_status:before {font-family: remixicon;content: "\ea70";/*width: 10px;height: 10px;border-radius: 100%;*/display: inline-block; font-size: 17px; line-height: normal; vertical-align: middle;}
.public-status ul li:before {vertical-align: middle;}
.public-status ul li span {display: inline-block;vertical-align: middle;}
[data-layout-mode=light] .public-status ul li a { color: #394958 }
.pub_status span {vertical-align: middle;margin-left: 5px;font-weight: 600;display: none;font-size: 13px;}
.pub_status.adddiv:before {color: #03a9f4;}
.pub_status.updatediv:before {color: #3a528c;}
.pub_status.deletediv:before {color: red;}
.pub_status.transhdiv:before {color: rgba(255,0,0,0.7);}
.pub_status.commentdiv:before {color: #9267c1;}
.pub_status.approveddiv:before {color: #6dcb72;}
.pub_status.copydiv:before {color: #3fc3a9;}
.pub_status.otherdiv:before {color: gray;}
.pub_status.visitordiv:before {color: #b59b00;}
.pub_status.agentassigndiv:before {color: #c2185b;}
.pub_status.cancelvisitdiv:before {color: #8e24aa;}
.pub_status.motpcheckindiv:before {color: #00838f;}
.pub_status.motpcheckoutdiv:before {color: #2e7d32;}
.pub_status.publicdiv:before {color: #02b102;}
.pub_status.privatediv:before {color: #f1963b;}
.pub_status.passworddiv:before {color: #f06548;}
.star_box .pub_status { display: inline-block; vertical-align: middle; /*margin: 4px 0 0 7px*/ }
/* Audit Log legend: keep action filters inside the card on all widths */
.cmpage-topheader .portlet-rh-title,
.cmpage-topheader .public-status.pub-log-status {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.cmpage-topheader > .audit-log-status-wrap {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.cmpage-topheader .public-status.pub-log-status ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
}
.cmpage-topheader .public-status.pub-log-status ul li {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  flex: 0 0 auto;
}
.cmpage-topheader .public-status.pub-log-status ul li:not(:last-child) {
  margin-right: 0 !important;
}
.cmpage-topheader .public-status.pub-log-status .pub_status span,
.cmpage-topheader .public-status.pub-log-status ul li span {
  display: inline-block;
  white-space: nowrap;
}
.cmpage-topheader > .d-xl-flex > .flex-shrink-0:has(.pub-log-status),
.cmpage-topheader > .d-xl-flex > .audit-log-status-wrap {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  width: auto !important;
}
.dataTables_extended_wrapper table.new_table_desing tbody tr td {position: relative;word-break: break-word;}
.dataTables_extended_wrapper table.new_table_desing tbody tr td {padding: 15px 10px !important; background-color: var(--vz-table-bg); /*background: #fff;*/font-size: 13px;vertical-align: middle;border: none;border-bottom: 1px solid #e7ecf1;}
.log_super_box {position: relative;}
.avatar-title {background-color: #eaf0f5;}


.log_super_box h5 {margin: 0;font-weight: 600; font-size: 0.8125rem;}
.log_super_box small {color: #b3b6bd;}
.dataTables_extended_wrapper table.new_table_desing tbody tr td { position: relative;word-break: break-word;}
.dataTables_extended_wrapper table.new_table_desing tr td .pub_status { display: inline-block;vertical-align: middle;}
.table>tbody>tr>td{vertical-align: middle;}
/* Setting */
.media-test {position: fixed;width: 100%;height: 100vh;background: #f7c9c9;z-index: 11111;top: 0;left: 0;}
.simplebar-content-wrapper .simplebar-content{margin: auto;}
.simplebar-content-wrapper .simplebar-content .kt-start-conv{text-align: center;}
.simplebar-content-wrapper .simplebar-content .kt-start-conv .btn-primary{margin: 15px 0;}
.chat-conversation .simplebar-content-wrapper .simplebar-content { width: 100% }
/*  Menu Design  */
.padding_left_set .dd-main-menu { border: 1px solid var(--vz-border-color); background: rgba(64,81,137,.05); border-radius: 0.25rem; padding: 15px; }
.padding_left_set .dd-list {display: block; position: relative; margin: 0; padding: 0; list-style: none;}
.padding_left_set .dd-list .dd-list {padding-left: 30px;}
.padding_left_set .dd-collapsed .dd-list {display: none;}
.padding_left_set .dd-item { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; /*line-height: 20px;*/}
.padding_left_set .bg-grey-steel .dd-handle { color: inherit; padding: 10px 125px 10px 12px; height: auto; background: rgba(64,81,137,.05); border: 1px solid var(--vz-border-color);margin: 5px 0;border-radius: 0.25rem;}
.page-content .dd-item .dd-handle { padding-right: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.padding_left_set .menu_list_set .actions, .actions {position: absolute; font-size: 16px;padding: 10px 5px;top: 0px;right: 0px;}
.padding_right_set .icon_title {display: inline-block;font-size: 16px;line-height: 18px;margin: 10px 0;}
.padding_left_set .dd-item a { color: inherit; }
.padding_left_set .md-checkbox.menu_active { position: relative; vertical-align: middle; }
.padding_left_set .menu_active.md-checkbox input[type="checkbox"]{ opacity:0; position: absolute; }
.padding_left_set .menu_active.md-checkbox input[type="checkbox"]:disabled ~ label { cursor: not-allowed;}
.padding_left_set .menu_active.md-checkbox label{ position: relative; min-width: 16px; min-height: 20px; font-size: 18px; padding:0; margin: 0; cursor: pointer; vertical-align: middle; }
.padding_left_set .menu_active.md-checkbox.menu-published label { /* cursor: not-allowed; */ opacity: 0.7; }
.padding_left_set .menu_active.md-checkbox label .check:before, .padding_left_set .menu_active.md-checkbox label .box:before{ position:absolute; min-width: 16px; min-height: 16px; top: 0; right: 0; /* content:"\eb81"; */ font-family: remixicon !important; }
.padding_left_set .menu_active.md-checkbox label .check:before { /*content:"\ee57";*/ content: "\eb7d" }
.padding_left_set .menu_active.md-checkbox label .box:before{ content:"\eb81"; }
.padding_left_set .menu_active.md-checkbox .check { display: none; }
.padding_left_set .menu_active.md-checkbox.menu-published .check { display: inline-block; min-width: 16px; min-height: 16px; }
.padding_left_set .menu_active.md-checkbox.menu-published .box { display: none; }
.padding_left_set .menu_active.md-checkbox.mobile_view label .check:before { content: "\f15a"; opacity: 0.5; }
.padding_left_set .menu_active.md-checkbox.mobile_view label .box:before{ content:"\f15a"; }
.padding_left_set .menu_active.md-checkbox.mobile_view.mobile-published label .box{ display: none; }
.padding_left_set .menu_active.md-checkbox.mobile_view.mobile-published label .check { display: inline-block; min-width: 16px; min-height: 16px; }
.padding_left_set .menu_active.md-checkbox.decktop_view label .check:before { content: "\ebca"; opacity: 0.5; }
.padding_left_set .menu_active.md-checkbox.decktop_view label .box:before{ content:"\ebca"; }
.padding_left_set .menu_active.md-checkbox.decktop_view.web-published label .box{ display: none; }
.padding_left_set .menu_active.md-checkbox.decktop_view.web-published label .check { display: inline-block; min-width: 16px; min-height: 16px; }
.information_icons ul { list-style: none; margin: 0; padding: 15px; background: rgba(64,81,137,.05); border: 1px solid var(--vz-border-color); border-radius: 0.25rem;}
.information_icons ul li {margin: 0; padding: 0;position: relative; }
.information_icons ul li + li { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--vz-border-color); }
.information_icons ul li span { font-size: 15px; display: inline-block; line-height: 20px;margin-right: 10px;vertical-align: middle;}    
.information_icons ul li .hover_info {position: absolute;width: 170px;height: 200px;left: -10px;top: 100%; background: rgba(255, 255, 255,1);z-index: 9;margin: 0;text-align: center;padding: 10px;cursor: default; border-radius: 10px;opacity: 0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.information_icons ul li .hover_info li {background: transparent;cursor: default;}
.menu_padding_setting .pages-scroll { max-height: 360px; /*max-height: 442px;*/ }
.menu_padding_setting .menu_pages_list.service-list-checks{ /*overflow-x: auto;height: 512px;*/ padding: 0; margin: 0}
.menu_padding_setting .menu_pages_list.service-list-checks li {list-style: none; margin: 0; padding: 0}
.menu_padding_setting .menu_pages_list.service-list-checks li + li { margin-top: 7px; }
.menu_padding_setting .menu_pages_list.service-list-checks li label { position: relative; padding: 0 0 0 22px; margin: 0; font-weight: 400; cursor: pointer; }
.menu_padding_setting .menu_pages_list.service-list-checks li input { position: absolute; left: 0; top: 1px; }
.card-footer.right1 .ri-arrow-right-line{display: none;}
.modal{ position: fixed !important; background-color: rgba(0,0,0,.5); }
.nav-border-top-primary .nav-link{font-size: 15px;}
.nav-border-bottom .nav-link { border-bottom: 3px solid transparent; padding: 0.5rem 0.6rem }
.nav-tabs .nav-link:hover{border-color: transparent;}
.nav-border-top-primary .nav-link.active{background-color: transparent; border-color: transparent;border-bottom: 3px solid #405189;}
.visualComposer-menu {padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.visualComposer-menu li { list-style: none; width: calc(25% - 10px); margin: 0 10px 10px 0; padding: 0}
.visualComposer-menu li a { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(0,0,0,0.09);font-size: 13px; background-color: var(--vz-header-bg); color: var(--vz-gray-600); padding: 12px 10px; font-weight: 500; border-radius: 4px; -webkit-border-radius: 4px; min-height: 110px; height: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.visualComposer-menu li a span{ display: block; margin-bottom: 3px; /*color: var(--vz-body-color);*/ text-align: center; vertical-align: middle; font-size: 30px; font-weight: 400;}
.visualComposer-menu li a:hover { background-color: #f5f5f5; }
[data-layout-mode=dark] .visualComposer-menu li a { border-color: #444444 }
[data-layout-mode=dark] .visualComposer-menu li a:hover { background-color: #1a1d21; }
[data-layout-mode=dark] .nav-border-top-primary .nav-link.active { color: #ffffff; border-bottom-color: #ffffff }
/*Media Manager*/
.portlet-body .video-gallery .media_image_box { position: relative; border-radius: 4px;border:1px solid var(--vz-header-bg);background-color: var(--vz-header-bg);}
.portlet-body .video-gallery .media_image_box .nav-link { position: relative; padding: 60px 30px; margin: 20px; border:2px dashed var(--vz-border-color); border-radius: 6px; }
.portlet-body .video-gallery .media_image_box .icon i{font-size: 30px;height: 75px;width: 75px; line-height: 75px; border-radius: 100%;text-align: center;display: inline-block;}
.portlet-body .video-gallery .media_image_box .content .title { font-size: 18px; font-weight: 500; letter-spacing: 0.2px;line-height: 110%; display: block; margin-top: 20px; color: var(--vz-body-color); }
.portlet.portlet-fullscreen {z-index: 10060;margin: 0;position: fixed;top: 0;left: 0;bottom: 0;right: 0; width: 100%;height: 100%;background: #fff;}
body .n-zoombox { z-index: 20000; }
.gallary_manager.portlet.portlet-fullscreen { background: var(--vz-body-bg); }
.portlet.light {padding: 0;overflow: hidden;}
.Design-preview .portlet-title {padding: 0.85rem 1.25rem !important;margin-bottom: 0 !important}
.gallary_manager.portlet.portlet-fullscreen .portlet-title { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--vz-header-bg); border: none; border-bottom: 1px solid var(--vz-border-color); z-index: 9; position: relative; min-height: 64px; line-height: 1.3; box-shadow: none; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools {padding: 0;margin: 0; float: none; display: flex;}
.portlet>.portlet-title>.tools {display: inline-block;float: right;}
.gallary_manager.portlet.portlet-fullscreen .portlet-title .caption { display: flex; float: none; padding: 0; color: var(--vz-body-color); }
.portlet>.portlet-title>.caption {float: left;display: inline-block;font-size: 18px;line-height: 18px;padding: 10px 0;}
.gallary_manager.portlet.portlet-fullscreen .portlet-title .caption .caption-subject { margin: 0; color: var(--vz-heading-color, var(--vz-body-color)); font-size: 1rem; text-transform: none; letter-spacing: 0; }
.portlet>.portlet-title>.caption>.caption-helper { padding: 0; margin: 0; line-height: 1.3; color: var(--vz-body-color); opacity: 0.65; font-size: 0.75rem; font-weight: 400; }
.portlet.light>.portlet-title>.caption>i {vertical-align: middle; color: #2f4562; font-size: 18px; font-weight: 400; margin-top: 0;}
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .mm-image-search { position: relative; display: inline-flex; align-items: center; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .mm-image-search.d-none { display: none !important; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools input[type="text"]{ display: none; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools input[type="text"]:not(.hide){ display: block; min-width: 220px; padding-right: 2rem; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .mm-search-clear {
  position: absolute;
  right: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--vz-secondary-color, #74788d);
  line-height: 1;
  background: transparent;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .mm-search-clear:hover {
  color: var(--vz-danger, #f06548);
}
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .mm-search-clear.d-none { display: none !important; }
.gallary_manager.portlet.portlet-fullscreen .portlet-title .tools .remove:before{content: "\eb99"; font-family: remixicon!important; position: relative; font-size: 22px; right: 0; top: 0; color: #f06548;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body { display: flex; height: calc(100% - 64px); min-height: 0; background: var(--vz-body-bg); margin-top: 0; overflow: hidden; position: relative; }
.Design-preview .preview-bg {padding: 0 !important;}
.gallary_manager.portlet.portlet-fullscreen .left-panel { position: relative; height: auto; top: auto; width: 240px; flex-shrink: 0; border-right: 1px solid var(--vz-border-color); background: var(--vz-header-bg); }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel { width: auto; float: none; flex: 1; min-width: 0; margin-right: 0; overflow: auto; }
.Design-settings .right-panel {overflow: auto;}
.dropzone .dz-message{text-align: center; margin: 0;}
.dropzone .dz-message i{font-size: inherit; line-height: 1;}
.dropzone .dz-message p{font-size: 0.875rem; margin-bottom: 0;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel .info { margin: 0; border-radius: 0; background: transparent; height: 100%; padding: 1rem 0.75rem; box-shadow: none; width: 100%; float: none; overflow: auto; }
.Design-settings .left-panel .info {width: 100%;}
.Design-preview .left-panel .info {float: none; width: 100%; height: 100%; transition: none; border-radius: 0; overflow: auto;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel ul.nav { margin: 0; padding: 0; border: none; display: flex; flex-direction: column; gap: 0.25rem; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel ul.nav a { display: flex; align-items: center; gap: 0.65rem; color: var(--vz-body-color); margin: 0; padding: 0.7rem 0.85rem; background: none; width: 100%; border: 0; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; text-decoration: none; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel ul.nav a:hover { background: var(--vz-light); color: #2f4562; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel ul.nav a.active { background: rgba(var(--bs-primary-rgb), 0.12); color: #2f4562; }
.left-panel .tab-pane ul li a {border: medium none; border-radius: 0.5rem; display: flex; height: auto; padding: 0.7rem 0.85rem; position: relative; transition: background-color 0.15s ease, color 0.15s ease;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel .info .tab-pane { background: transparent; padding: 0; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel .info .tab-pane.in { display: block; }
.nav>li, .nav>li>a {display: block;position: relative;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .left-panel ul.nav a i { font-size: 1.15rem; margin-right: 0; float: none; position: static; top: auto; display: inline-flex; width: 1.25em; line-height: 1; text-align: center; }
.Design-settings .left-panel .tab-content > .tab-pane.active { height: auto; min-height: 0; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .title_section { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; background: var(--vz-header-bg); border-bottom: 1px solid var(--vz-border-color); border-radius: 0; width: 100%; position: sticky; top: 0; z-index: 3; padding: 0.9rem 1.25rem; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .title_section h2 { box-shadow: none; padding: 0; margin: 0; font-size: 1.05rem; font-weight: 600; float: none; line-height: 1.25; display: flex; align-items: center; color: var(--vz-heading-color, var(--vz-body-color)); }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .title_section .pull-right { float: none !important; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-left: auto; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .title_section .clearfix { display: none; }
.gallary_manager .title_section .trashed-rs-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.gallary_manager .title_section .trashed-rs-inner .btn { margin: 0; }
.pull-right {float: right!important;}
.gallary_manager .title_section .form_fld_title_right { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.gallary_manager .title_section .form_fld_title_right .label-title { margin-right: 0; margin-bottom: 0; font-size: 0.8125rem; font-weight: 600; line-height: 1.25; display: inline-flex; align-items: center; }
.gallary_manager .title_section .form_fld_title_right .form-control,
.gallary_manager .title_section .form_fld_title_right .form-select { margin-right: 0; width: auto; min-width: 160px; height: 32px; border-radius: 0.25rem; display: inline-block; vertical-align: middle; padding: 0.25rem 0.75rem; font-weight: 500; background: var(--vz-input-bg); border-color: var(--vz-input-border); color: var(--vz-body-color); }
.gallary_manager .title_section .form_fld_title_right .mm-folder-select { display: inline-flex; align-items: center; min-width: 180px; }
.gallary_manager .title_section .form_fld_title_right .choices { margin-bottom: 0; min-width: 180px; }
.gallary_manager .title_section .form_fld_title_right .choices__inner { min-height: 32px; padding-top: 0.2rem; padding-bottom: 0.2rem; display: flex; align-items: center; font-size: 0.8125rem; }
.gallary_manager .title_section .form_fld_title_right .choices[data-type*="select-one"] .choices__inner { padding-bottom: 0.2rem; }
.gallary_manager .title_section .form_fld_title_right .FoldeCreatePopup { padding: 0.35rem 0.85rem; line-height: 1.25; min-height: 32px; }
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .portlet { background: transparent; height: auto; min-height: calc(100vh - 150px); margin-top: 0; padding: 1.25rem; }
.gallary_manager .portlet-body .loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; background: var(--vz-header-bg); box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.1); border-radius: 0.5rem; width: auto; height: auto; padding: 1.25rem; text-align: center; }
.gallary_manager .portlet-body .loader img { display: none; }
[data-layout-mode=dark] .gallary_manager .portlet-body .loader { background: var(--vz-body-bg); }
.Design-preview .portlet.light {padding: 0;margin: 0;}
.portlet .Design-preview.Design-settings{box-shadow: none;}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .portlet .scroller { height: auto !important; overflow: visible; padding-bottom: 1rem; }
.scroller {padding: 0;margin: 0;overflow: hidden;}
.gallary_manager.portlet.portlet-fullscreen .right-panel .scroller.gallery { display: block; }
.gallary_manager.portlet.portlet-fullscreen .right-panel #append_user_image,
.gallary_manager.portlet.portlet-fullscreen .right-panel #append_image,
.gallary_manager.portlet.portlet-fullscreen .right-panel #recent_upload_images,
.gallary_manager.portlet.portlet-fullscreen .right-panel #folderimagereplace,
.gallary_manager.portlet.portlet-fullscreen .right-panel #folderdocumentreplace,
.gallary_manager.portlet.portlet-fullscreen .right-panel #folderaudioreplace { display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 100%; flex: 0 0 100%; }
.gallary_manager .folder-back-btn {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 0 0 0.25rem 0;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel .portlet .dropzone,
.gallary_manager .mm-dropzone {
  position: relative;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  width: 100%;
  margin: 0 auto;
  min-height: 280px;
  padding: 2.5rem 1.5rem;
  border: 2px dashed #cfd6e4 !important;
  border-radius: 1rem;
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.gallary_manager .mm-dropzone .dz-message {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}
.gallary_manager .mm-dropzone-inner {
  text-align: center;
  pointer-events: none;
}
.gallary_manager .mm-dropzone-icon {
  width: 72px;
  height: 72px;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 0.5rem 1.25rem rgba(47, 69, 98, 0.12);
}
.gallary_manager .mm-dropzone-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #2f4562;
}
.gallary_manager .mm-dropzone-formats .badge {
  margin: 0 0.2rem;
  font-weight: 500;
  padding: 0.4rem 0.55rem;
}
.gallary_manager .mm-empty-wrap {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  align-self: stretch;
}
.gallary_manager .mm-empty-state {
  box-sizing: border-box;
  width: 100%;
  min-height: 320px;
  padding: 3rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.gallary_manager .mm-empty-desc {
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
}
.gallary_manager .mm-dropzone:hover,
.gallary_manager .mm-dropzone.dz-drag-hover,
.gallary_manager .drop_border.dz-drag-hover {
  border-color: #2f4562 !important;
  background: rgba(47, 69, 98, 0.04);
  box-shadow: 0 0.75rem 1.5rem rgba(47, 69, 98, 0.08);
}
.gallary_manager .mm-dropzone:hover .mm-dropzone-icon,
.gallary_manager .mm-dropzone.dz-drag-hover .mm-dropzone-icon {
  transform: translateY(-4px) scale(1.05);
}
.gallary_manager .mm-dropzone.dz-drag-hover::after {
  content: "Drop files to upload";
  position: absolute;
  inset: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgba(47, 69, 98, 0.88);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.01em;
  z-index: 5;
  pointer-events: none;
}
.gallary_manager .mm-dropzone.dz-drag-hover .dz-message {
  opacity: 0;
}
.gallary_manager .mm-dropzone-meta {
  padding: 0 0.15rem;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .portlet {
  overflow: hidden;
}
/* Cropper: fit large images in viewport instead of stretching page scroll */
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper {
  overflow: hidden;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .img-container {
  width: 100%;
  max-height: calc(100vh - 280px);
  min-height: 240px;
  overflow: hidden;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .img-container .thumbnail_container,
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .img-container .thumbnail {
  padding-bottom: 0 !important;
  width: 100%;
  max-height: inherit;
  overflow: hidden;
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .img-container img#image {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 280px);
}
.gallary_manager.portlet.portlet-fullscreen .portlet-body .right-panel.image_cropper .cropper-container {
  max-height: calc(100vh - 280px) !important;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.drop_border {
  border-color: #cfd6e4 !important;
}
.gallary_manager .dropzone .dz-preview {
  margin: 1rem 0.75rem 0;
}
.gallary_manager .dropzone .dz-preview .dz-image {
  border-radius: 0.65rem;
  overflow: hidden;
}
.gallary_manager .dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 0.65rem;
}
.gallary_manager .dropzone .dz-preview .dz-error-mark,
.gallary_manager .dropzone .dz-preview .dz-success-mark {
  left: auto;
  right: 3px;
  width: 20px;
  height: 20px;
}
.gallary_manager .dropzone .dz-preview .dz-success-mark svg,
.gallary_manager .dropzone .dz-preview .dz-error-mark svg {
  width: 20px;
  height: 20px;
}
.gallary_manager .dropzone .dz-preview .dz-error-message {
  color: #ffffff;
}
.page-portlet-fullscreen .modal {z-index: 10060;}
.FoldeCreatePopupModel {background: rgba(0,0,0,0.75);}
.FoldeCreatePopupModel .modal-dialog {max-width: 500px;}
.portlet.gallary_manager .btn:not(.md-skip) { position: relative; user-select: none; }
.portlet.gallary_manager .portlet.light .btn.btn-green-drake,
.portlet.gallary_manager .btn.btn-green-drake { border: 0; background-color: #eff2f7; color: #212529; border-radius: 0.25rem; padding: 0.4rem 0.9rem; font-weight: 500; opacity: 1 !important; transition: background-color .2s ease, color .2s ease, filter .2s ease; }
.portlet.gallary_manager .btn.btn-green-drake.btn-restore,
.portlet.gallary_manager .title_section #insert_image,
.portlet.gallary_manager .title_section #insert_video,
.portlet.gallary_manager .title_section #insert_document,
.portlet.gallary_manager .title_section #insert_audio { background-color: #2f4562 !important; color: #fff !important; }
.portlet.gallary_manager .btn.btn-green-drake.btn-delete,
.portlet.gallary_manager .title_section #delete_image,
.portlet.gallary_manager .title_section #delete_document,
.portlet.gallary_manager .title_section #delete_audio,
.portlet.gallary_manager .title_section #delete_video,
.portlet.gallary_manager .title_section #permanent_delete_images,
.portlet.gallary_manager .title_section #permanent_delete_document,
.portlet.gallary_manager .title_section #permanent_delete_audio,
.portlet.gallary_manager .title_section #permanent_delete_videos { background-color: #f06548 !important; color: #fff !important; }
.portlet.gallary_manager .btn.btn-green-drake.btn-trash { background-color: #f7b84b !important; color: #fff !important; }
.portlet.gallary_manager .btn.btn-green-drake.btn-restore:hover,
.portlet.gallary_manager .title_section #insert_image:hover,
.portlet.gallary_manager .title_section #insert_video:hover,
.portlet.gallary_manager .title_section #insert_document:hover,
.portlet.gallary_manager .title_section #insert_audio:hover { background-color: #24364d !important; color: #fff !important; filter: none; }
.portlet.gallary_manager .btn.btn-green-drake.btn-delete:hover,
.portlet.gallary_manager .title_section #delete_image:hover,
.portlet.gallary_manager .title_section #delete_document:hover,
.portlet.gallary_manager .title_section #delete_audio:hover,
.portlet.gallary_manager .title_section #delete_video:hover { background-color: #cc563d !important; color: #fff !important; filter: none; }
.portlet.gallary_manager .btn.btn-green-drake.btn-trash:hover { background-color: #e5a63a !important; color: #fff !important; filter: none; }
[data-layout-mode=dark] .portlet.gallary_manager .btn.btn-green-drake:not(.btn-restore):not(.btn-delete):not(.btn-trash) { background-color: var(--vz-light); color: var(--vz-body-color); }
.portlet.gallary_manager .btn-green-drake:hover,
.portlet.gallary_manager .btn-green-drake:focus { filter: brightness(0.97); }
.gallary_manager.portlet.portlet-fullscreen .right-panel .contains_thumb.img-box-active { border-color: #2f4562; box-shadow: 0 0 0 1px #2f4562; }
.gallary_manager.portlet.portlet-fullscreen .right-panel .portlet.light h3 { text-align: center; color: var(--vz-body-color); opacity: 0.65; padding: 4rem 1rem; font-size: 0.95rem; font-weight: 500; }
.portlet>.portlet-body p, .table .btn {margin-top: 0;}
.fade.in{opacity: 1}
.gridjs-footer { padding: 25px 25px;    background-color: #f3f3f9; }
.gridjs-pagination{display: flex; justify-content: space-between; align-items: center;}
.gridjs-pagination .gridjs-summary { margin-top: 0 !important }
.gridjs-pages .pagination,
.gridjs-pages ul.pagination,
.dataTables_wrapper .dataTables_paginate ul.pagination,
.dt-container .dt-paging ul.pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gridjs-pages .pagination .page-item,
.gridjs-pages .pagination .paginate_button,
.gridjs-pages .pagination .dt-paging-button,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dt-container .dt-paging .dt-paging-button,
.dt-container .dt-paging .page-item {
  display: inline-flex;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0 !important;
  height: auto !important;
  float: none !important;
  vertical-align: middle;
}
.gridjs-pages .pagination .page-link,
.gridjs-pages .pagination .paginate_button > a,
.gridjs-pages .pagination .dt-paging-button > a,
.dataTables_wrapper .dataTables_paginate .paginate_button > a,
.dt-container .dt-paging .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background-color: #fff;
  color: #344054;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
  text-decoration: none;
}
.gridjs-pages .pagination .page-item.active .page-link,
.gridjs-pages .pagination .paginate_button.active > a,
.gridjs-pages .pagination .dt-paging-button.active > a,
.gridjs-pages .pagination .active > a,
.dt-container .dt-paging .page-item.active .page-link,
.dt-container .dt-paging .dt-paging-button.active .page-link,
.dt-container .dt-paging .dt-paging-button.current .page-link {
  background-color: #2f4562;
  border-color: #2f4562;
  color: #fff;
  font-weight: 600;
}
.gridjs-pages .pagination .page-item.disabled .page-link,
.gridjs-pages .pagination .paginate_button.disabled > a,
.gridjs-pages .pagination .dt-paging-button.disabled > a,
.gridjs-pages .pagination .disabled > a,
.dt-container .dt-paging .page-item.disabled .page-link,
.dt-container .dt-paging .dt-paging-button.disabled .page-link {
  color: #98a2b3;
  background-color: #fff;
  border-color: #eaecf0;
  cursor: not-allowed;
  opacity: 0.75;
  pointer-events: none;
}
.gridjs-pages .pagination .page-link:hover,
.gridjs-pages .pagination .paginate_button:not(.disabled):not(.active) > a:hover,
.dt-container .dt-paging .page-item:not(.disabled):not(.active) .page-link:hover {
  background-color: #f9fafb;
  color: #101828;
  border-color: #d0d5dd;
}
.gridjs-pages .pagination .ellipsis,
.gridjs-pages .pagination .page-item.disabled.ellipsis,
.dataTables_wrapper .dataTables_paginate .ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 32px;
  color: #667085;
  border: none !important;
  background: transparent !important;
  padding: 0 4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background :none !important; border: none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0 !important; border: none !important; background: transparent !important;}
.card-body.p-30 { padding: 30px; }
.lock-link a { cursor: pointer; }
.lock-link .add_category { float: right; font-size: 20px; }
[data-layout-mode=light] .link-url .alias, [data-layout-mode=light] .link-url .editAlias, [data-layout-mode=light] .link-url .openLink { color: #394958 }
.seocontent-part { margin: 15px 0 0 0; padding: 0.9rem; background: var(--vz-input-bg); border:1px solid var(--vz-input-border); border-radius: 0.25rem; }
.seocontent-part .page-title { color: #2515c1; margin: 0 0 7px 0 }
.seocontent-part .link { color: #006621; margin-bottom: 7px; display: inline-flex; word-break: break-word; } 
.seocontent-part .search-cover { display: flex; flex-wrap: wrap; }
.seocontent-part .search-img { width: 320px; border:1px solid rgba(0,0,0,0.07); }
.seocontent-part .search-part { width: calc(100% - 320px); padding: 0 0 0 35px; }
[data-layout-mode=dark] .seocontent-part .page-title { color: #a6bbff }
[data-layout-mode=dark] .seocontent-part .link { color: #81dd9e;}
[data-layout-mode=light] .flatpickr-months, [data-layout-mode=light] .flatpickr-weekdays { background: #394958 }
[data-layout-mode=light] .flatpickr-day.selected { background: #394958; border-color: #394958 }
[data-layout-mode=light] .flatpickr-day.today { border-color: #394958 }
[data-layout-mode=light] .flatpickr-calendar.arrowTop::after, [data-layout-mode=light] .flatpickr-calendar.arrowTop::before { border-bottom-color:#394958 }
[data-layout-mode=light] .flatpickr-calendar.arrowBottom::after, [data-layout-mode=light] .flatpickr-calendar.arrowBottom::before { border-top-color:#394958 }
.sidebar-activity { /*max-height: calc(100vh - 62px);*/ max-height: calc(100vh - 70px - 50px) }
.sidebar-notification { max-height: calc(100vh - 70px - 50px) }
.cm-checkbox-group {display: flex;flex-wrap: wrap; width: calc(100% - 50px);margin: 10px auto 0 auto; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cm-checkbox-group .checkbox { width: 100%; margin: 7px 0; }
.cm-checkbox-group .checkbox-wrapper { width: 100%; display: block; }
.cm-checkbox-group .checkbox-input {clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
.cm-checkbox-group .checkbox-input:checked + .checkbox-tile {border-color: rgba(57,73,88,0.5);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);color: #394958;}
.cm-checkbox-group .checkbox-input:checked + .checkbox-tile:before {transform: scale(1); -webkit-transform: scale(1); opacity: 1;background-color: #394958;border-color: #394958;}
.cm-checkbox-group .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {color: #394958;}
.cm-checkbox-group .checkbox-input:focus + .checkbox-tile {border-color: #394958;/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;*/}
.cm-checkbox-group .checkbox-input:focus + .checkbox-tile:before {transform: scale(1);opacity: 1;}
.cm-checkbox-group .checkbox-tile {display: flex;align-items: center;/*flex-direction: column;justify-content: center;*/width: 100%; min-height: 72px;border-radius: 0.5rem;border: 1px solid #b5bfd9;background-color: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transition: 0.15s ease;cursor: pointer;position: relative; padding: 0 20px}
.cm-checkbox-group .checkbox-tile:before {content: "";position: absolute;display: block;width: 1.25rem;height: 1.25rem;border: 1px solid #b5bfd9;background-color: #fff;border-radius: 50%;top: 0.5rem;right: 0.5rem;opacity: 0;transform: scale(0);transition: 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 12px;background-repeat: no-repeat;background-position: 50% 50%;}
.cm-checkbox-group .checkbox-tile:hover {border-color: rgba(57,73,88,0.5);}
.cm-checkbox-group .checkbox-tile:hover:before {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.cm-checkbox-group .checkbox-icon { transition: 0.375s ease; }
.cm-checkbox-group .checkbox-icon i { font-size: 30px }
.cm-checkbox-group .checkbox-label { color: #707070; font-size: 14px; padding: 0 0 0 10px; transition: 0.375s ease; }
[data-layout-mode=dark] .cm-checkbox-group .checkbox-label { color: var(--vz-body-color) }
[data-layout-mode=dark] .cm-checkbox-group .checkbox-tile { background-color: var(--vz-body-bg); border-color:var(--vz-input-border); }
[data-layout-mode=dark] .cm-checkbox-group .checkbox-input:checked + .checkbox-tile {border-color: rgba(255,255,255,0.2); color: #ffffff;}
[data-layout-mode=dark] .cm-checkbox-group .checkbox-input:checked + .checkbox-tile .checkbox-icon, [data-layout-mode=dark] .checkbox-input:checked + .checkbox-tile .checkbox-label {color: #ffffff;}
[data-layout-mode=dark] .cm-checkbox-group .checkbox-input:focus + .checkbox-tile {border-color: #ffffff; }
[data-layout-mode=dark] .cm-checkbox-group .checkbox-tile:before { background-color: var(--vz-body-bg); border-color: rgba(255,255,255,0.15); }
.switch_toogle { margin: 0px; position: relative; display: inline-block; width: 40px; height: 20px;}
.switch_toogle input { opacity: 0; width: 0; height: 0;}
.switch_toogle .slider_span { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border:1px solid var(--vz-input-check-border); background: var(--vz-input-bg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 50px;}
.switch_toogle .slider_span:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 3px; background: var(--vz-input-check-border); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 100%;}  
.switch_toogle input:checked + .slider_span { background: #405189; border-color: #405189 }  
.switch_toogle input:focus + .slider_span { box-shadow: 0 0 1px #405189; }  
.switch_toogle input:checked + .slider_span:before { background: var(--vz-input-bg); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}  
.multi_image_list { border:1px solid var(--vz-input-border); border-radius: 0.25rem; }
.multi_image_list ul { margin: 0; padding: 10px; }
.multi_image_list ul li { list-style: outside none none; margin: 0; padding: 0; display: inline-block; }
.multi_image_list ul li + li { padding-left: 7px; }
.multi_image_list ul li span { position: relative; border:1px dashed var(--vz-input-border); min-width: 100px; text-align: center; min-height: 100px; display: inline-block; line-height: 100px; border-radius: 0.25rem; }
.multi_image_list ul li span .delect_image { position: absolute; right: 5px; top: 14px; line-height: 0; }
.multi_image_list ul li span img { max-height: 100px; max-width: 100px; }
.multi_image_list ul li + ul { padding: 0; }
[data-layout-mode=dark][data-sidebar=light] .app-menu.navbar-menu .chat-list>li a, [data-layout-mode=dark][data-sidebar=light] .app-menu.navbar-menu h5.mb-4 { color: #212529 }
[data-layout-mode=light][data-sidebar=dark] .app-menu.navbar-menu .chat-list>li a, [data-layout-mode=light][data-sidebar=dark] .app-menu.navbar-menu h5.mb-4 { color: #ced4da }
[data-layout-mode=light][data-sidebar=dark] .msg-title h4.text-muted { color: #ced4da !important }
[data-layout-mode=light][data-sidebar=dark] .chat-list>li.active a { background-color:rgba(0,0,0,0.2)  }
.chat-conversation {height: calc(100vh - 262px);}
.chartpopup-status { margin: 0; padding: 0 }
.chartpopup-status li { list-style: outside none none; margin: 0; padding: 0 }
.chartpopup-status li + li { margin-top: 10px; padding-top: 10px; border-top:1px solid var(--vz-input-border) !important; }
.chartpopup-status li .pop-widget__item { display: flex; align-items: center; }
.chartpopup-status li .pop-widget__item .pop-userpic { position: relative; width: 24px; }
.chartpopup-status li .pop-widget__item .pop-userpic .kt-badge-dot { width: 10px; height: 10px; background-color: #0ab39c; border-radius: 100%; border: 2px solid var(--vz-card-bg); position: absolute; right: 0; left: auto; bottom: 0; }
.chartpopup-status li .pop-widget__item .pop-widget__info { width: calc(100% - 34px); padding-left: 10px }
.chartpopup-status li a { background: none !important; color: inherit; }
.pt-30 { padding-top: 30px !important }
.pb-30 { padding-bottom: 30px !important }
.mt-30 { margin-top: 30px !important }
.mb-30 { margin-bottom: 30px !important }
/*.opacity-15 { opacity: 0.15 !important }*/
.event-section { padding: 1.3rem 0.9rem; border:1px solid var(--vz-input-border); border-radius: 0.25rem; }
.event-iconbtn { width: 40px; height: 40px; line-height: 38px; padding: 0; }
.cm-documentbox { border:1px solid var(--vz-input-border); border-radius: 0.25rem; }
.builder_doc_list ul { margin: 0; padding: 0 }
.builder_doc_list ul li { position: relative; list-style: outside none none; margin: 0 0 15px 0; padding: 0 }
.builder_doc_list ul li + li { padding-top: 15px; border-top:1px solid var(--vz-input-border); }
.builder_doc_list ul li img { max-width: 30px; margin-right: 5px; }
.builder_doc_list ul li .delect_image { position: absolute; right: 0; }
.form-wrap.form-builder .stage-wrap, .form-wrap.form-builder .stage-wrap.empty { background: transparent !important; padding: 15px !important; border:1px dashed var(--vz-input-border) !important; }
.form-wrap.form-builder .frmb-control li { background: transparent !important; box-shadow: inset 0 0 0 1px var(--vz-input-border) !important }
.form-wrap.form-builder .frmb-control li:hover { background: transparent !important; }
.form-wrap.form-builder .frmb li { background: transparent !important; }
.form-wrap.form-builder .frmb li + li { border-top:1px solid var(--vz-input-border) }
.form-wrap.form-builder .frmb>li:hover { box-shadow: none !important; border-color: var(--vz-input-border) !important }
.form-wrap.form-builder .frmb .field-actions { border:1px solid var(--vz-input-border); border-radius: 2px; margin-top: 2px; }
.form-wrap.form-builder .frmb .field-actions .btn { background: transparent !important; width: 24px !important; height: 24px !important; line-height: 24px !important; font-size: 12px !important; border-width: 0 0 0 1px !important; border-color: var(--vz-input-border) !important }
.form-wrap.form-builder .frmb .field-actions .btn:first-child { border-width: 0 !important }
.form-wrap.form-builder .frmb .field-actions .del-button:hover, .form-wrap.form-builder .frmb .field-actions .toggle-form:hover, .form-wrap.form-builder .frmb .field-actions .copy-button:hover { color: inherit !important; }
.form-wrap.form-builder .frmb .prev-holder select, .form-wrap.form-builder .frmb .prev-holder input[type='text'], .form-wrap.form-builder .frmb .prev-holder textarea, .form-wrap.form-builder .frmb .prev-holder input[type='number'] { background: var(--vz-input-bg) !important; border-color: var(--vz-input-border) !important; width: 100% !important; box-shadow: none !important; min-height: 40px; border-radius: 0.25rem;}
.form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend { font-size: 14px !important; color: inherit !important; }
.form-wrap.form-builder .frmb li .formbuilder-header h1 { font-size: 1.23rem }
.form-wrap.form-builder button { color: inherit !important; }
.form-wrap.form-builder .btn-group>.btn { color: #ffffff !important; } 
.form-wrap.form-builder .cb-wrap .form-actions { margin-top: 15px }
.dropdown-toggle.title_build_email::after { vertical-align: middle; font-size: 20px; }
.build_setting_acc .dropdown-menu { width: 100%; box-shadow: 1px 2px 10px rgb(30 32 37 / 12%); }
.display_ticket_status.mw-200 { min-width: 200px }
.display_ticket_status + .pro-act-btn { margin: 0 0 0 10px }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }
[data-layout-mode=light] .flatpickr-current-month span.arrowUp::after { border-bottom-color:#ffffff; }
[data-layout-mode=light] .flatpickr-current-month span.arrowDown:after { border-top-color:#ffffff; }
[data-layout-mode=light] .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color:rgba(57,57,57,.6); }
.overflow_select select, .overflow_select .form-control { padding:5px 10px; overflow: auto; }
.overflow_select select option { padding: 10px; background: none; cursor: pointer; outline: none; }
.overflow_select select option + option { border-top: 1px solid var(--vz-input-border) } 
.overflow_select select option:hover, .overflow_select select option.active { background: var(--vz-body-bg) }
.cm-pagecontent .card .form-note{margin-top: -15px;margin-bottom: 15px;}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ck-color-base-error) !important }
.alert.alert-sm { padding: 0.5rem 1rem }
.ck.ck-balloon-panel { z-index: 9999 !important }
[data-layout-mode=light] .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark:focus, .btn-soft-dark:hover { background-color: #394958; color: #ffffff }
.chat-input-section .help-block.errorclass { padding-left: 47px; }
.chat-input-section textarea.form-control.chat-input { height: 38px; resize: none; outline: none; box-shadow: none; }
.user-chat-topbar .userStatus { margin-top: 0 }
.tooltip { z-index: 10061 }
/* chat page */
*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 { margin-top: inherit !important; }
#page-topbar .navbar-header .dashboard_title { font-size: 1.21875rem; line-height: 1.2 }
/* chat page end */
.fg-emoji-container { box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 10%) !important }
.fg-emoji-nav { background-color: #394958 !important  }
.fg-emoji-picker-search input { width: calc(100% - 40px) !important; outline: none !important }
.fg-emoji-picker-category-title { margin-top: 10px !important }
.fg-picker-special-buttons a { background-color: #2e3a46 !important  }
.fg-picker-special-buttons a:hover { background-color: #e9ebf1 !important  }
.chat-input-links .links-list-item>.btn.emoji-btn { width: auto; height: auto; }
.crop-imginfo .input-group-text { background: none; min-width: 135px; }
.ic-rotate { transform: rotate(160deg); -webkit-transform: rotate(160deg); display: inline-block; }
.flatpickr-calendar.open { z-index: 1000 }
body.modal-open .flatpickr-calendar.open, body[style*="overflow: hidden; padding-right: 17px;"] .flatpickr-calendar.open, body[style*="padding-right: 17px;"] .flatpickr-calendar.open { z-index: 1056 }
.ui-state-default table, .ck-content .table table { width: 100% }
.chat-conversation .chat-conversation-list li p, .chat-conversation .chat-conversation-list li ul, .chat-conversation .chat-conversation-list li ol, .chat-conversation .chat-conversation-list li dl { margin: 0 }
.chat-conversation .chat-conversation-list li .ctext-wrap-content { position: relative; }
.chat-conversation .chat-conversation-list li .ctext-wrap-content .ri-more-2-fill { position: absolute; top: -2px; color: #878a99; font-size: 18px; cursor: pointer; opacity: 0; transition: all 0.5s ease-in-out }
.chat-conversation .chat-conversation-list li:hover .ctext-wrap-content .ri-more-2-fill { opacity: 1 }
.chat-conversation .chat-conversation-list li.left .ctext-wrap-content .ri-more-2-fill { right: -25px;  }
.chat-conversation .chat-conversation-list li.right .ctext-wrap-content .ri-more-2-fill { left: -25px;  }
.chat-conversation .msg-forward { position: relative; text-align: left; color: #ffffff; background: #3aaae8; background: linear-gradient(45deg, #3aaae8 0%, #60c7f2 100%); padding: 10px 20px 15px; border-radius: 0.25rem; }
.chat-conversation .msg-forward i { display: block; font-size: 16px; }
.chat-conversation .msg-forward .my-quote { opacity: 0.8; font-size: 90%; }
.chat-conversation .msg-forward .my-quote + .quote-bottom-msg { padding-top: 5px; margin-top: 5px; display: block; border-top:1px solid rgba(255,255,255,0.5); }
.forward-popup .modal-header { padding-top: 10px; padding-bottom: 5px; }
.forward-popup .login_user { margin: 0 }
.forward-popup .login_user li .pop-widget__item { display: flex; align-items: center; width: 100%; padding-right: 80px; }
.forward-popup .login_user li { position: relative; margin: 0; padding: 10px 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.forward-popup .login_user li .pop-widget__item .pop-userpic { position: relative; width: 40px; height: 40px; margin: 0 10px 0 0;}
.forward-popup .login_user li .pop-widget__item .pop-userpic img { object-fit: cover; width: 100%; height: 100%; }
.forward-popup .login_user li .pop-widget__item .pop-userpic .kt-badge-dot { width: 12px; height: 12px; background-color: #0ab39c; border-radius: 100%; border: 2px solid #ffffff; position: absolute; right: 0; left: auto; bottom: 0; }
.forward-popup .login_user li .pop-widget__item .pop-userpic { width: 40px; height: 40px; margin: 0 10px 0 0;}
.forward-popup .login_user li .pop-widget__item .pop-userpic img { object-fit: cover; width: 100%; height: 100%; }
.forward-popup .login_user li:last-child { border-bottom: 0; padding-bottom: 0 }
.forward-popup .login_user li .pop-widget__item .f-send { position: absolute; right: 0; }
.forward-popup .login_user li .pop-widget__info { font-weight: 600; font-size: 14px; color: #000; }
.forward-popup .forward-search { margin: 10px 0 2px 0 !important }
.forward-popup .forward-type-message .form-control { outline: none !important; border-radius: 0; border-color: rgba(0,0,0,0.2) !important; }
.forward-popup .forward-search .overlay-input .form-control { outline: none !important; border-radius: 0; }
.forward-popup .forward-type-message .message-title i { padding-right: 2px !important; font-size: 15px; font-style: normal !important; }
.forward-popup .message-title .ri-double-quotes-l,
.forward-popup .message-title .fa-quote-left { font-family: remixicon!important; } 
.forward-popup .message-title .ri-double-quotes-l:before,
.forward-popup .message-title .fa-quote-left:before { content: "\ec51" }
.chatremove-popup { max-width: initial !important }
.movable-section .portlet-body .padding_right_set .ui-state-default .section-item.item-rmbg { background:none; }
.movable-section .portlet-body .padding_right_set .ui-state-default .item-addbg { background: #f6f6f6; margin-top: 25px; border:0; }
.movable-section .portlet-body .padding_right_set .ui-state-default .item-addbg .ui-new-section-add.row { margin-left: 0 }
.movable-section .portlet-body .padding_right_set .ui-state-default .team_box .thumbnail img { /*top: -16px*/ position: static !important; }
.cm-floating label.highlitetext, label.highlitetext { color: #f99f1e; animation: clrchange 2s ease-in-out infinite; -webkit-animation: clrchange 2s ease-in-out infinite; }
[data-layout-mode=dark] label.highlitetext { color: #df4f43 !important }
.choices .help-block { font-size: 13px }
@keyframes clrchange { 0% { color: #f99f1e; } 100% { color: #299cdb; } }
-webkit-@keyframes clrchange { 0% { color: #f99f1e; } 100% { color: #299cdb; } }
.context-menu-list .context-menu-icon::before { font-family: remixicon!important; color: inherit; }
.context-menu-list .context-menu-icon-ri-pencil-fill::before { content: "\efe0"; }
.context-menu-list .context-menu-icon-ri-file-copy-line::before { content: "\ecd5"; }
.context-menu-list .context-menu-icon-ri-share-line::before { content: "\f0fe"; }
.context-menu-list .context-menu-icon-ri-delete-bin-line::before { content: "\ec2a"; }
.context-menu-list .context-menu-icon-quit::before { content: "\eb99"; }
.context-menu-list .context-menu-item.context-menu-hover { background-color: #394958 }
.divices-box .avatar-sm i { color: #394958 }
[data-layout-mode=dark] .divices-box .avatar-sm i { color: #ffffff }
.ui-state-default .section-item [class*="col-"] { padding-left: 12px; padding-right: 12px;}
/*.ui-state-default .section-item.row { margin-right: 0; margin-left: 0 }*/
.marketplace-page .categories-list { border: 1px solid rgba(0,0,0,0.1) }
.marketplace-page .categories-list .title { font-size: 16px; font-weight: 600; padding: 13px 20px; margin: 0; background: rgba(0,0,0,0.03); color: #000; }
.marketplace-page .categories-list .list-info { margin: 0; padding: 0 }
.marketplace-page .categories-list .list-info li { list-style: outside none none; margin: 0; padding: 0; border-top: 1px solid rgba(0,0,0,0.1) }
.marketplace-page .categories-list .list-info a { padding: 10px 15px; display: inline-block; font-size: 15px; color: var(--vz-body-color); }
.marketplace-page .categories-list .list-info a:hover { color: var(--vz-link-color); }
[data-layout-mode=dark] .marketplace-page .categories-list .title { color: var(--vz-heading-color); background: var(--vz-light) }
[data-layout-mode=dark] .marketplace-page .categories-list { border-color: var(--vz-border-color) }
[data-layout-mode=dark] .marketplace-page .categories-list .list-info li { border-color: var(--vz-border-color) }
[data-layout-mode=dark] .marketplace-page .categories-list .list-info a:hover { color: #95aaeb; }
.coming-info { margin: 80px auto 100px }
.coming-info .icon { width: 130px; margin: 0 auto; position: relative; z-index: 1 }
.coming-info .icon:after { position: absolute; content: ''; left: -18px; bottom: 10px; width: 90px; height: 90px; background: rgba(255,152,0,0.9); border-radius: 100%; z-index: -1 }
.coming-info .icon svg {width: 130px; height: auto;}
[data-layout-mode=dark] .coming-info .icon svg path { fill: #ffffff }
.coming-info .title { font-size: 65px; line-height: 85%; font-weight: 600; padding: 15px 0 0 0; margin: 0 !important; }
[data-layout-mode=light] .coming-info .title { color: #000000 }
.coming-logo { border: 1px solid rgba(0,0,0,0.1); padding: 15px; margin: 12px 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.coming-logo:hover { box-shadow: 0 5px 20px 4px rgba(0,0,0,0.10); border-color: transparent; }
.coming-logo .thumbnail-container { padding-bottom: 45%; background-color: rgba(0, 0, 0,0); overflow: hidden; position: relative; width: 100%; border-radius: 0; }
.coming-logo .thumbnail { margin: 0; display: block; padding: 0; border: none; height: 100%; width: 100%; position: absolute; background: none;}
.coming-logo .thumbnail a, .coming-logo .thumbnail img {display: block;height: auto;max-height: 100%;max-width: 100%;width: auto;top: 0;left: 0;bottom: 0;right: 0;margin: auto;position: absolute;}
[data-layout-mode=dark] .coming-logo { border-color: var(--vz-border-color); background: #ffffff }
.fancybox-is-open .fancybox-inner  { height: 100% }
#pgBuiderSections #visualComposer-modal { overflow: hidden; }






@media(max-width: 1600px){
    .dashboard-img .svg-img { width: 225px; }
    .dashboard-img .content { width: calc(100% - 225px) }
    .dashboard-img .title { font-size: 20px; }
    .apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series { margin: 0 5px !important }
}
@media(max-width: 1500px){
	.auth-page-content .Login_form.app_login{margin-top: 0}
	.auth-page-content .card.reset_pwd{margin-top:0!important;}
    table .pages_title_div_row .title-txt { max-width: 450px; }
    .dashboard-img .title { font-size: 16px; }
    .information_icons ul { padding: 9px }
    .auth-page-content .card-body { padding: 5px 0 }
    .Login_form { margin-top: 1.6rem; }
/*    .flatpickr-day { max-width: 35px; height: 35px; line-height: 35px; }*/
}
@media(min-width: 1279px) and (max-width: 1440px){
  .checked_off_on.form-switch { white-space: nowrap; font-size: 12px }
  .checked_off_on.form-switch .ms-2 { margin-left: 0.1rem!important; } 
  .cmpage-topheader .filter-search .form-control,
  .cmpage-topheader .filter-search.visible .form-control { width: 200px; } 
}
@media(max-width: 1365px){
  .cmpage-topheader .filter-search .form-control,
  .cmpage-topheader .filter-search.visible .form-control { width: 180px; }
  .public-status ul li:not(:last-child) {margin-right: 6px;}
  .pub_status span { margin-left: 2px }
}
@media(max-width: 1279px){
  #page-topbar .navbar-header .dashboard_title.me-4 { margin-right: 0.5rem!important } 
  [data-layout=horizontal] .horizontal-logo .logo img { max-width: 180px; } 
  table .pages_title_div_row .title-txt { max-width: 100%; }  
}
@media(max-width: 1199px){
  .auth-one-bg{background-size: 45% auto;}
  .auth-page-content .card{margin-bottom: 0;}
  .Login_form{margin-top: 1.5rem;}
  .dashboard-img .smtitle { font-size: 14px; }
  table .pages_title_div_row .show-hover { opacity: 1; }
  .main-content .powercomposer .composerbody { padding: 30px 10px }
  .powercomposer .composer-title { font-size: 18px; }
  .seocontent-part .search-img { width: 220px; }
  .seocontent-part .search-part { width: calc(100% - 220px); padding: 0 0 0 20px; }
  #pgBuiderSections .modal-dialog { max-width: 90%; }  
  .page-title-box.page-cm-title h4 { font-size: 18px !important }
}
@media(min-width: 1279px){
  .menuBody .card-body { min-height: 80vh }
}
@media(min-width: 992px){
  .timeattendees-info .mt-lg-30 { margin-top: 30px; }
  .timeattendees-info .cm-floating, .timeattendees-info .mb-30 { margin-bottom: 0 !important; }  
}
@media(max-width: 991px){	
  .auth-page-wrapper .footer { margin-top: 15px }  
  .visualComposer-menu li{list-style: none; width: calc(33% - 10px); }
  .coming-info .icon, .coming-info .icon svg { width: 110px }
  .coming-info .title { font-size: 45px }
}
@media(max-width: 767px){
   header .navbar-header .app-search { padding-left: 0 }
   .app-menu.navbar-menu #scrollbar { max-height: calc(100% - 180px); }
   .has-announcement .app-menu.navbar-menu #scrollbar {max-height: calc(100% - 311px);top: 110px;}
   .app-menu.navbar-menu .navbar-brand-box { display: block; padding-top: 10px; padding-bottom: 10px }
   .app-menu.navbar-menu .navbar-brand-box .logo span.logo-sm { display: none; }
   .app-menu.navbar-menu .navbar-brand-box .logo span.logo-lg { display: block; }
   .auth-one-bg{display: none;}
   #back-to-top { display: none !important; }
   .app-search .search-height { max-height: 200px }
   .dropdown-menu.dropdown-menu-lg .app-search .search-height .dropdown-item { padding: 6px 12px }
   .page-title-box.page-cm-title h4 { font-size: 16px !important }
   .navbar-header .btn-topbar { height: 30px; width: 30px;}
   .navbar-footer .design-by .copyright { display: none !important; }
   .cmpage-topheader .filter-search .cursor-pointer .fs-21,
   .cmpage-topheader .filter-search .iconsearch .fs-21 { font-size: 16px !important }
   .visualComposer-menu li{list-style: none; width: calc(50% - 10px); }
   footer.footer { padding-top: 10px; padding-bottom: 10px; height: auto; }
   .live-preview .table-responsive { min-height: 300px; } 
   .table-responsive table { min-width: 500px; }
   .table-responsive .hide-mobile>thead>tr>th, .table-responsive .hide-mobile>tbody>tr>td { display: none; }
   .table-responsive .hide-mobile>thead>tr>th.mob-show_div, .table-responsive .hide-mobile>tbody>tr>td.mob-show_div {display: table-cell;}
   .table.hide-mobile tbody tr td .pages_title_div_row { white-space: normal; max-width: calc(100% - 30px) }
   .table-responsive .hide-mobile>tbody>tr.multitasker>td {display:block;border-bottom:1px solid transparent;}
   .table-responsive .producttbl table tr th{display:none;} 
   .table-responsive .producttbl table tr td{display:block;width:auto;text-align:left !important;}
   .table-responsive .producttbl table tr td:first-child{min-width:auto;max-width:100%;}
   .table-responsive .producttbl table tr td .la-check-circle{font-size:24px !important;}
   table .mob_show_title {display:block;float:left;width:125px;font-weight:600;}
   .card-body.p-30 { padding: 20px }
   .pb-sm-20 { padding-bottom: 20px !important }
   .mb-sm-20 { margin-bottom: 20px !important }
  .powercomposer .composer-title { font-size: 16px }  
  .form-actions.btn-bottom .btn { margin: 0 3px 3px 0; }
  header .develop-by svg { width: 87px }
  .expdatelabel.form-label{ margin-top: 7px !important; margin-bottom: 7px !important }
  .seocontent-part .search-cover { display: block; }
  .seocontent-part .search-img { width: 100%; }
  .seocontent-part .search-part { width: 100%; padding: 15px 0 0 0 }
  .seocontent-part .search-part .all-btngroup .btn { margin-top: 5px }
  .auth-page-wrapper .auth-page-content { padding: 30px 10px 10px 10px; }
  .auth-page-wrapper .auth-page-content .auth-logo img { max-width: 235px }
  .auth-page-wrapper .footer { margin: 0; padding: 0 10px 20px 10px; }
  .auth-page-content .card{ padding: 25px; }
  .fixed_from form, [data-sidebar-size=sm] .fixed_from form { left: 10px }  
  .dashboard-img { display: block; padding: 20px; margin-top: 0 }
  .dashboard-img .content { width: 100%; padding: 0 0 15px 0; min-height: initial; } 
  .dashboard-img .svg-img { position: static; width: 100% }     
  .profile-setting-img { height: 130px; }
  .menuBody .card-header .btn { margin-bottom: 4px }
  /*.builder.powercomposer { padding: 5px }*/
  .seocontent-part .page-title { font-size: 18px }
  .portlet-body .video-gallery .media_image_box .content .title { font-size: 16px }
  .coming-info { margin: 50px 0 }
  .coming-info .icon, .coming-info .icon svg { width: 100px }
  .coming-info .icon:after { width: 75px; height: 75px }
  .coming-info .title { font-size: 35px; padding-bottom: 5px }
  .dashboard-header .all-btn .btn { margin: 1px 0 }
  .dataTables_wrapper.no-footer .dataTables_paginate ul {justify-content:center;}
}
@media(max-width: 575px){
	.middle-search .select-search { width: 100%; margin-bottom: 7px }
	.middle-search .select-search .select-dropdown { display: block; }
	.pub_status span { font-size: 12px; }
	.new_table_desing.table-checkable .mob_show_title{display: inline-block;min-width: 130px;font-size: 14px;font-weight: 600;}
	.new_table_desing.table-checkable tr{display: flex;flex-direction: column;}
	.new_table_desing.table-checkable tr th{display: none}
	.new_table_desing.table-checkable tr td{text-align: left !important;}
	.auth-page-content .text-primary {font-size: 16px;}
	.auth-page-content .login-form .form-control {line-height: 1.7;}
	.auth-page-content .login-form .form-check{flex-direction: column;}
}
@media(max-width: 499px){
  .public-status.me-3 { margin: 0 0 10px 0 !important }
  .gridjs-pagination { display: block; text-align: center; justify-content:center; }
  .gridjs-pagination .gridjs-summary { margin-bottom: 15px }
  .tab-content.text-muted .btn.right_bottom_btn { display: table; margin: 5px auto; }
  .seo-titlepart { display: block !important; }
  .seo-titlepart .form-section { margin-bottom: 10px !important }
  .main-content .powercomposer .composerbody .btn { margin: 3px; }
  .seo-titlepart .all-btngroup .btn { margin: 2px 0 } 
  .cmpage-topheader .nav .nav-item .nav-link, .cmpage-topheader .filter-dropdown .filter-btn, .cmpage-topheader .filter-action-btn { width: 39px; height: 39px; line-height: 39px; } 
}
@media(max-width: 481px){
  .form-wrap.form-builder .frmb-control li { text-align: center !important; }
  .form-wrap.form-builder .frmb-control li::before { font-size: 20px !important; margin: 0 auto !important }
}
@media(max-width: 479px){
  .cmpage-topheader .cm-filter .nav { display: inline-flex; }
	.public-status ul li:not(:last-child) { margin-right: 0 }
}
@media(max-width: 359px){
  .auth-page-wrapper .g-recaptcha { transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin: left center; -webkit-transform-origin: left center; }
  .cmpage-topheader .nav .nav-item .nav-link, .cmpage-topheader .filter-dropdown .filter-btn, .cmpage-topheader .filter-action-btn { width: 32px; height: 32px; line-height: 32px; }
  .cmpage-topheader .nav .nav-item .nav-link .fs-21, .cmpage-topheader .filter-dropdown .filter-btn .fs-21, .cmpage-topheader .filter-action-btn .fs-21 { font-size: 18px !important } 
  .coming-info .title { font-size: 28px; }
}
.loader-menu
{
    width: auto !important;
    height: auto !important;
    left: 0px !important;
    right: 0px !important;
}



[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover,
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active,
[data-layout=vertical][data-sidebar=dark] .navbar-nav>.nav-item .nav-link.active {
  color: #f99f1e !important;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover:before,
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active:before {
  background-color: #f99f1e !important;
}



.notification-li li:nth-child(1) {
  text-align: right;
}
.notification-li li:nth-child(1) .btn {
  margin: 0 15px 10px 15px;
}

.notification-li .dropdown-item{
    background-color: rgba(39, 74, 195, 0.07);
}

.notification-li .dropdown-item:hover{
  background-color: rgba(39, 74, 195, 0.1);
}

.notification-li li:nth-child(n+3) {
  border-top: 1px solid rgba(39, 74, 195, 0.2);;
}

.messages_id .choices__inner {
    width: 200px;
}

.messages_id .choices__list--single .choices__item{
  white-space: nowrap;
}

.form-control-arrow {
  position: relative;
}
.form-control-arrow:before {
  content: "";
  position: absolute;
  z-index: 9;
  top: 20px;
  right: 11px;
  width: 9px;
  height: 9px;
  transform-origin: 50% 50%;
  transform: translate(0, -7.5px) rotate(135deg);
  box-shadow: inset -0.1em 0.1em 0 0 #707070;
}

.form-control-arrow .form-control {
  padding-right: 30px;
}

.notification-li {
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}
.fc-direction-ltr .fc-timegrid .fc-timegrid-col-events{ margin: 0;}
.fc-direction-ltr .fc-timegrid .fc-event{
  margin: 0;
  padding: 2px 5px;
  height: 100%;
}

#kt_calendar .fc-header-toolbar .fc-button-primary span:before{
	display: none;
}

.slot-tentative {
  color: #000;
  background-color: rgba(0, 0, 17, 0.267);
  font-weight: bold;
  }

  .slot-tentative:hover {
    background-color: #40518994 !important;
    color: rgb(255 255 255);
  }  

.custom-radio{position: relative;}
.custom-radio input {position: absolute;width: 100%;height: 100%;left: 0;z-index: 3;right: 0;top: 0;bottom: 0;opacity: 0;}
.radio-btn {cursor: pointer;z-index: 1;position: relative;}
.custom-radio input:checked + .radio-btn {border: 1px solid #405189 !important;}
.sorting{cursor: pointer !important;}
.sorting_asc{cursor: pointer !important;}
.sorting_desc{cursor: pointer !important;}
.seocontent-part .search-img img{max-width:100%;}
/* .padding_right_set .select_box .overflow_select select{padding: 0;} */
#nav-tabContent .cm-floating h5.form-label{
  padding: 20px 0 0 13px;
}
/* .modal.fade:not(.show){
  opacity: 1;
} */
.customQuestions .mainDeleteCustomData .cm-floating{
  margin-bottom: 15px !important;
}
#eventModal{
	z-index: 9999;
}
.fc .fc-timeGridWeek-view .fc-scrollgrid-liquid{
  height: auto !important;
  /* background-color: #fff; */
}
.fc .fc-scroller-liquid-absolute{
  position: relative !important;
}
.fc .fc-v-event.slot-tentative{
  background-color: #bbbbbf !important; 
  border: 1px solid #bbbbbf !important;
}
.fc .fc-v-event.slot-tentative .fc-event-title {
  color: #000;
  font-weight: 600 !important;
}
.small-duration-event .fc-event-main{
  padding: 0;
}
.small-duration-event .fc-event-main .fc-event-title{
  font-size: 8px;
  padding: 0;
}
.small-duration-event.fc-timegrid-event .fc-event-main, .fc-direction-ltr .small-duration-event .fc-event{
  padding: 0;
}
.fc-direction-ltr .fc-timegrid .fc-event{
  padding: 0;
}

.select2-container {
  min-width: 400px;
}

  .select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
  }
  .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
  }
  .select2-results__option--selected:before,
  .select2-results__option[aria-selected=true]:before {
    content: "" !important;
    border-color: #405189;
    background-color: #405189;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px;
    font-family: inherit !important;
    color: transparent;
    padding-left: 0;
  }
  .select2-results__option--selected[aria-selected=false]{
    background-color: #eaeaeb;
    color: #272727;
  }
  .select2-container .select2-results__option[aria-selected=true] {
    background-color: #fff;
  }
  .select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
  }
  .select2-container .select2-selection--multiple {
    margin-bottom: 10px;
  }
  .select2-container.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
    /* display: flex;
    align-items: baseline; */
  }
  .select2-container.select2-container--focus .select2-selection--multiple {
    border-color: #536494;
    border-width: 2px;
  }
  .select2-container .select2-selection--multiple {
    border-width: 2px;
  }
  .select2-container--open .select2-dropdown--below {
    
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
  }
  .select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
  }
  /* select with icons badges single*/
  .select-icon .select2-selection__placeholder .badge {
    display: none;
  }
  .select-icon .placeholder {
  /* 	display: none; */
  }
  .select-icon .select2-results__option:before,
  .select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
  }
  .select-icon  .select2-search--dropdown {
    display: none;
  }
  .select2-container .select2-results__option--hig ted[aria-selected]{
    background-color: #f3f3f9 !important;
    color:#000 !important; 
  }
  .select2-container .select2-results__option[aria-selected=true]{
    background-color: #f3f3f9 !important;
    color:#000 !important; 
  }
/* FullCalendar page */
.fc-toolbar-chunk .fc-today-button {
  background-color: #405189 !important;
  border: #3577f1;
}

.event-out-of-office {
  background-color: #e67e22 !important;
  border-color: #d35400 !important;
  background-image: repeating-linear-gradient(
    45deg,
    #e67e22,
    #e67e22 6px,
    #d35400 6px,
    #d35400 12px
  ) !important;
}
.event-out-of-office .fc-event-title,
.event-out-of-office .fc-event-time,
.event-out-of-office .fc-event-main {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.event-working-location {
  background-color: #16a085 !important;
  border-color: #1abc9c !important;
  background-image: repeating-linear-gradient(
    45deg,
    #16a085,
    #16a085 6px,
    #1abc9c 6px,
    #1abc9c 12px
  ) !important;
}
.event-working-location .fc-event-title,
.event-working-location .fc-event-time,
.event-working-location .fc-event-main {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.event-focus-time {
  background-color: #2980b9 !important;
  border-color: #3498db !important;
  background-image: repeating-linear-gradient(
    45deg,
    #2980b9,
    #2980b9 6px,
    #3498db 6px,
    #3498db 12px
  ) !important;
}
.event-focus-time .fc-event-title,
.event-focus-time .fc-event-time,
.event-focus-time .fc-event-main {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.event-out-of-office,
.event-focus-time {
  cursor: not-allowed;
}
.event-working-location {
  cursor: pointer;
}
.fc-bg-event {
  opacity: 1 !important;
}

#eventModal .modal-content {
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 5px 12px rgba(30, 32, 37, 0.12);
}
#eventModal .modal-header {
  border-bottom: 0;
}
#eventModal .modal-title {
  color: var(--vz-primary, #405189);
  font-weight: 600;
}
#eventModal .event-modal-meta-row .avatar-title {
  font-size: 14px;
}
#eventModal .event-modal-section-title {
  letter-spacing: 0.04em;
}
#eventModal .event-attendee-row + .event-attendee-row {
  margin-top: 0.75rem;
}
#eventModal #attendeesAvatarGroup {
  max-height: 240px;
  overflow-y: auto;
}
#eventModalCalendarLink {
  color: var(--vz-primary, #405189);
  text-decoration: none;
}
#eventModalCalendarLink:hover {
  color: var(--vz-secondary, #3577f1);
}
#eventModal .modal-footer {
  border-top: 1px solid var(--vz-border-color, #e9ebec);
}
#eventModalActionButtons:not(:has(> :not(.d-none))) {
  display: none;
}

.calendar-timezone-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: rgba(53, 119, 241, 0.1);
  border: 1px solid rgba(53, 119, 241, 0.15);
  color: #3577f1;
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  max-width: 100%;
  min-height: 38px;
}

.calendar-page,
.calendar-page .card,
.calendar-page .card-body {
  min-width: 0;
  max-width: 100%;
}

.calendar-filter-users-field {
  position: relative;
  flex: 1 1 300px;
  width: auto;
  min-width: 260px;
  max-width: min(420px, 100%);
}

.calendar-filter-users-wrapper {
  margin-bottom: 1rem;
  padding: 0 0 0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  width: 100%;
  min-width: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #edf1f7;
}

.calendar-filter-users-wrapper .select2-container,
.calendar-filter-users-field .select2-container {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100%;
}

.calendar-filter-users-wrapper .select2-container .select2-selection--multiple {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start;
  overflow: visible !important;
  height: auto !important;
  min-height: 40px !important;
  width: 100% !important;
  max-width: 100%;
  background-color: #f3f3f9;
  padding: 4px 34px 4px 8px !important;
  border-radius: 5px;
  border: 1px solid #f3f3f9 !important;
  box-sizing: border-box;
}

.calendar-filter-users-wrapper .select2-container .select2-selection__rendered {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.calendar-filter-users-wrapper .select2-container .select2-search--inline {
  float: none !important;
  display: inline-flex;
  align-items: center;
}

.calendar-filter-users-wrapper .select2-container .select2-search--inline .select2-search__field {
  height: 24px !important;
  min-height: 24px !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 24px !important;
  font-size: 14px !important;
  background: transparent !important;
  border: 0 !important;
}

.calendar-filter-users-wrapper .select2-container .select2-selection--multiple:after {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.calendar-filter-users-wrapper .select2-container .select2-selection--multiple[aria-expanded=true]:after {
  top: 50% !important;
  transform: translateY(-50%) rotate(-180deg) !important;
}

.calendar-filter-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  min-width: 0;
  flex: 1 1 auto;
}

.calendar-filter-actions .btn,
.calendar-filter-actions .form-select {
  flex: 0 1 auto;
  white-space: nowrap;
  min-height: 38px;
}

.calendar-page #userColorPaletteModalBtn {
  margin-top: 0;
  height: auto;
  min-height: 38px;
}



.calendar-page #kt_calendar {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.calendar-page .fc .fc-toolbar.fc-header-toolbar {
  flex-wrap: wrap;
  gap: 0.6rem 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0 0.1rem;
}

.calendar-page .fc-toolbar-chunk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.calendar-page .fc-toolbar-title {
  font-size: 1.05rem;
  text-align: center;
}

.calendar-page .fc .fc-col-header-cell-cushion {
  white-space: nowrap;
  font-size: 12px;
}

.calendar-page .fc-event-title,
.calendar-page .fc-event-time {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
  .calendar-filter-users-field {
    flex: 1 1 260px;
    width: auto;
    min-width: 220px;
    max-width: min(420px, 100%);
  }
  .calendar-filter-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .calendar-page .fc .fc-timeGridWeek-view .fc-scrollgrid {
    min-width: 680px;
  }
}

@media (max-width: 767.98px) {
  .calendar-page .card-body {
    padding: 0.85rem !important;
  }
  .calendar-filter-users-wrapper {
    padding: 0.8rem;
  }
  .calendar-filter-users-field {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .calendar-filter-actions .btn {
    flex: 1 1 calc(50% - 0.5rem);
    justify-content: center;
  }
  .calendar-timezone-badge {
    flex: 1 1 100%;
    justify-content: center;
  }
  .calendar-page .fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .calendar-page .fc-toolbar-title {
    font-size: 0.95rem;
  }
  .calendar-page .fc .fc-button {
    padding: 6px 10px !important;
  }
  .calendar-page .fc .fc-col-header-cell-cushion {
    font-size: 11px;
    padding: 6px 2px;
  }
  .calendar-page .fc .fc-timegrid-slot-label-cushion {
    font-size: 11px;
    padding: 0 4px;
  }
  body:has(.calendar-page) footer.footer {
    position: relative;
    right: auto;
    left: auto;
    height: auto;
  }
}

@media (max-width: 575.98px) {
  .calendar-filter-actions .btn {
    flex: 1 1 100%;
  }
  .calendar-page .fc .fc-timeGridWeek-view .fc-scrollgrid {
    min-width: 560px;
  }
}

/* Conference Room Booking Calendar */
.conference-calendar-page,
.conference-calendar-page > [class*="col-"],
.conference-calendar-page .card {
  min-width: 0;
  max-width: 100%;
}
.conference-calendar-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem 0.75rem;
  width: 100%;
}
.conference-calendar-actions,
.conference-calendar-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}
.conference-calendar-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin: 0;
}
.conference-calendar-filters .filter-select {
  margin: 0;
  min-width: 0;
  width: 220px;
  max-width: 100%;
}
.conference-calendar-filters .select2-container,
.conference-calendar-filters .form-select {
  width: 100% !important;
  max-width: 100%;
}
.conference-calendar-page #kt_calendar {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
  .conference-calendar-toolbar {
    justify-content: flex-start;
  }
  .conference-calendar-actions,
  .conference-calendar-filters {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .conference-calendar-page .cmpage-topheader {
    padding: 0.85rem !important;
  }
  .conference-calendar-body {
    padding: 0.85rem !important;
  }
  .conference-calendar-actions .btn {
    flex: 1 1 auto;
  }
  .conference-calendar-filters,
  .conference-calendar-filters .filter-select {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .conference-calendar-actions .btn {
    flex: 1 1 100%;
    width: 100%;
  }
}
.select2-container .select2-search--inline .select2-search__field{
  font-size: 15px !important;
    margin-top: 0 !important;
    letter-spacing: 0.4px !important;
}
.select2-container--open .select2-dropdown--below{
  z-index: 9;
}
.select2-container .select2-selection--multiple{
  position: relative;
}
.select2-container .select2-selection--multiple:after {
  content: "\f0140";
  position: absolute;
  border: 0;
  border-color: #212529 transparent transparent;
  right: 11.5px;
  left: auto;
  font-family: "Material Design Icons";
  width: auto;
  height: auto;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 16px;
}
.select2-container .select2-selection--multiple[aria-expanded=true]:after{
  transform: rotate(-180deg);
  top: 25%;
}
#userColorPaletteModal #userColorPaletteFrm table tbody tr{
  margin: 7px 0;
}
#userColorPaletteModal #userColorPaletteFrm table tbody tr td{
  padding-right: 15px;
  padding-top: 10px;
  padding-left: 15px;
}
#userColorPaletteModal #userColorPaletteFrm table tbody tr td input{
  /* border: none;  */
    /* background-color: #edf2fa; */
    border-radius: 5px;
    padding: 2px;
    height: 40px;
    width: 40px;
  cursor: pointer;
  box-shadow: 7px 7px 15px rgba(55, 84, 170, 0.15), -7px -7px 20px rgba(255, 255, 255, 1), inset 0px 0px 4px rgba(255, 255, 255, 0.2), inset 7px 7px 15px rgba(55, 84, 170, 0), inset -7px -7px 20px rgba(255, 255, 255, 0), 0px 0px 4px rgba(255, 255, 255, 0) !important;
}
#userColorPaletteModal #userColorPaletteFrm table tbody tr td input:focus-visible{
  outline:0;
}
#userColorPaletteModal #userColorPaletteFrm table thead{
  background-color: #edf2fa;
}
#userColorPaletteModal #userColorPaletteFrm table thead tr{
  text-align:center;
}
#userColorPaletteModal #userColorPaletteFrm table thead tr th{
  padding:10px;
}
#userColorPaletteModal #userColorPaletteFrm table tbody{
  display: table-caption;
    /* max-height: 300px; */
    height: 650px;
    width: 450px;
    overflow-x: hidden;
    margin-top: 20px;
}
#userColorPaletteModal #userColorPaletteFrm table tbody .c-code{
  padding: 0;
}
#userColorPaletteModal #userColorPaletteFrm table tbody .c-code span{
  background-color: #edf2f9;
    padding: 10px 8px;
    font-weight: 600;
    border-radius: 5px;
}
/* .select2-container .select2-selection--multiple, .select2-container .select2-search--inline .select2-search__field{
  overflow: hidden !important;
  height: auto !important;
  width: 370px !important;
  background-color: #f3f3f9;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #f3f3f9 !important;
} */

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 17px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  /* margin-top: 5px; */
  position: absolute;
  right: 3px;
  top: 0px;
  padding: 1px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__display{
  padding: 5px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container .select2-search--inline .select2-search__field:focus-visible{
  outline:0 !important;
}
.select2-container .select2-search--inline .select2-search__field{
  height:20px !important;
}
.select2-container .select2-selection--multiple.select2-selection--clearable:after{
  display:none;
}
.select2-container .select2-results{
  height: 200px;
  overflow-y: auto;
}
.has-user-filter .event-out-of-office{
 
}
.has-user-filter .event-out-of-office::before{
  background-color: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;

 }


.has-user-filter .event-working-location{
}
.has-user-filter .event-working-location::before{
  background-color: rgba(255,255,255,0.3);
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;

 }
.has-user-filter .event-focus-time{
}
.has-user-filter .event-focus-time::before{
  background-color: rgba(255,255,255,0.4);
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;

 }
.has-user-filter .fc-daygrid-dot-event:hover{
  color: #ffffffc9;
}

#userColorPaletteModalBtn{
  margin-top: 0;
  height: 40px;
  padding: .5rem .4rem !important;
}
#userColorPaletteModalBtn svg{
  width: 24px;
  height: 24px;
  margin-right:5px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{
  padding: 2px 5px;
}

/* confrence booking css */

.calendar-wrap .calendar-left .datepicker table {
  width: 100%;
}
.cldashboard-page .calendar-wrap {
  border: 1px solid #b7b7b766;
  border-radius: 15px;
  margin-bottom: 40px;
  /* box-shadow: -2px 2px 2px #38414a26; */
  box-shadow: 0px 0px 10px #38414a26;
}
.calendar-wrap .calendar-left .nqtitle {
  color: #495057;
  font-size: 21px;
  text-align: center;
  margin-top: 15px;
}
.calendar-wrap .calendar-left .datepicker {
  width: 100%;
  padding: 0;
  border: 0;
}
.calendar-wrap .calendar-left .datepicker .datepicker-switch, .calendar-wrap .calendar-left .datepicker .next, .calendar-wrap .calendar-left .datepicker .prev {
  pointer-events: none;
  font-size: 20px;
  background: 0 0 !important;
  padding: 20px 15px;
}
.calendar-left .datepicker .prev{
  padding-left:0px !important;
}
.calendar-wrap .calendar-left .datepicker .dow {
  background: 0 0 !important;
  text-transform: uppercase;
  font-size: 16px;
  width: 57px;
  color: #495057;
  font-weight: 600;
}
.calendar-wrap .calendar-left .datepicker .datepicker-days .day {
  width: 40px;
  height: 40px;
  line-height: 36px;
  vertical-align: middle;
  border-radius: 50px;
  color: #000;
}
.calendar-wrap .calendar-left .datepicker .datepicker-days .day.disabled {
  opacity: .45;
}
.calendar-wrap .calendar-left .datepicker .datepicker-switch {
  pointer-events: none;
  text-align: center;
  color: #495057;
  font-weight: 600;
  font-size: 18px;
}

.calendar-details .calendar-right .owl-carousel .owl-nav {
  display: none;
}
.calendar-wrap .calendar-right .weekly-calender .owl-stage-outer {
  height: 600px;
  overflow-y: auto;
  margin-right: -15px;
  margin-top: 10px;
  overflow-x: hidden;
}
.calendar-wrap .calendar-right .full-time ul li .btn {
  border-color: #32456299 !important;
  border-radius: 5px;
}
.calendar-wrap .calendar-right .full-time ul li .btn {
  width: 240px;
  /* background-color: #ffffff !important; */
  border-color: #cbd6e2 !important;
  /* color: #324562 !important; */
  height: 47px;
  font-size: 15px;
}
.calendar-wrap .calendar-right .full-time ul li .btn i {
  top: -1px;
  margin-right: 7px;
}
.calendar-wrap .calendar-right .full-time ul li i {
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 12px;
  color: #fff;
  display: none;
}
.calendar-wrap .calendar-right .full-time ul li+li {
  margin-top: 12px;
}
.calendar-details .calendar-wrap .calendar-left {
  height: auto;
  background-color: transparent;
  padding: 15px;
}
.datepicker .dow {
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  color: #fff;
  padding: 10px;
  border-radius: 0;
  background: rgba(55, 99, 235, .8) !important;
}
.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}
.calendar-wrap .calendar-right .time-list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calendar-wrap .calendar-right .time-list .list-inline{
  display: flex;
}
.calendar-wrap .calendar-right .time-list .list-inline li{
  margin: 10px 3px;
}
.calendar-wrap .calendar-right .time-list label {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 5px;
  color: #555555;
}
.weekly-calender .alldatesdatas .year .cal-date {
  text-align: center;
  line-height: 40px;
  background-color: transparent;
  border: 1px solid transparent;
  color: #324562;
  height: 40px;
  width: 40px;
  display: block;
  border-radius: 100%;
  font-size: 22px;
  transition: all 0.5s ease-in-out;
}
.weekly-calender .alldatesdatas .year .day, .weekly-calender .alldatesdatas .year .month {
  color: #70757A;
  font-size: 13px;
  font-weight: 500;
}
.calendar-details .calendar-wrap .calendar-left .datepicker .datepicker-days .day.active, .calendar-wrap .calendar-left .datepicker .datepicker-days .day:hover:hover {
  background: #f99f1e !important;
  color: #fff !important;
}
.calendar-details .calendar-timeslotdesign .cldashboard-page{
    max-width: 800px;
    margin: 0 auto;
}
.datepicker .datepicker-days .day {
  text-shadow: none !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  color: #000;
  padding: 10px;
}
.conference-rooms-details .room .card{
  box-shadow: 0px 0px 10px #38414a26;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.conference-rooms-details .room{
  flex-direction: column;
  display: flex;
 }
.room-available h5#upcomingMeeting{
  color: #5b77cf;
}
.outer-meeting-wrap .outer-meeting-wrap-inner #bookConferenceRoom .c-row .addMeetingUser, .outer-meeting-wrap .outer-meeting-wrap-inner #bookConferenceRoom .c-row .removeMultipleUser {
  margin: 27px auto 0;
  height: 40px;
}
.outer-meeting-wrap-inner .required{
  color: red;
}
.outer-meeting-wrap .top-info .cm-title{
  font-size: 19px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 15px;
  color: #555555;
  text-align: left;
}
#bookConferenceRoom .form-group .form-control{
  height: 40px;
}
/* .conference-rooms-success{
  height: calc(100vh - 230px);
}
@media(max-width:1200px){
  .conference-rooms-success{
    height: calc(100vh - 260px);
  }
}
@media(max-width:1024px){
  .conference-rooms-success{
    height: calc(100vh - 300px);
  }
} */
.conference-rooms-success .success-smg{
  border: 1px solid #b7b7b766;
    border-radius: 15px;
    padding: 30px;
    /* box-shadow: -2px 2px 2px #38414a26; */
    box-shadow: 0px 0px 10px #38414a26;
    text-align: center;
    position: relative;
    margin-top:50px;
    width: 100%;
    /* transform: translate(0%, 20%); */
    /* position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; */
}
.conference-rooms-success .success-smg .true{
  width: 80px;
    height: 80px;
    background-color: #30c060;
    border-radius: 50px;
    position: absolute;
    top: -40px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.conference-rooms-success .success-smg .true i{
  font-size: 50px;
    color: #fff;
    padding: 15px;
}
.conference-rooms-success .success-smg .btn i{
       margin-top: 2px;
}
@media(max-width:575px){
  .conference-rooms-success .success-smg .true{
    top: -30px;
    width: 60px;
    height: 60px;
  }
  .conference-rooms-success .success-smg .true i{
    font-size: 35px;
  }
}
.ulMultipleEmail .toggle-button{
 margin-top: -2px;
}
.email-list {
    list-style-type: none;
    padding: 0;
}
.email-item {
    display: none;
}
.email-item.visible {
    display: list-item;
}
#addMeetingPopup .modal-dialog{
  max-width: 720px;
}
#addMeetingPopup .modal-content {
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 5px 12px rgba(30, 32, 37, 0.12);
}
#addMeetingPopup .modal-header {
  border-bottom: 0;
  padding: 1rem 1.75rem;
}
#addMeetingPopup .modal-title {
  color: var(--vz-primary, #405189);
  font-weight: 600;
}
#addMeetingPopup .modal-body {
  padding: 1.25rem 1.75rem;
}
#addMeetingPopup .modal-body > .row {
  margin-left: 0;
  margin-right: 0;
  --bs-gutter-x: 0;
}
#addMeetingPopup .addMeetingPopup{
  border: 0;
  border-bottom: 1px solid var(--vz-border-color, #e9ebec);
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
#addMeetingPopup .addMeetingPopup:focus {
  border-color: transparent;
  border-bottom-color: var(--vz-primary, #405189);
  box-shadow: none;
}
#addMeetingPopup .form-label {
  font-weight: 500;
}
#addMeetingPopup .form-check {
  display: flex;
  align-items: center;
  text-align: left;
  min-height: auto;
  padding-left: 0;
  margin-bottom: 0.5rem;
}
#addMeetingPopup .form-check-input {
  float: none;
  width: 1.15em;
  height: 1.15em;
  margin: 0 0.5rem 0 0;
  flex-shrink: 0;
  position: relative;
  border: 1px solid #c5cbd3;
  background-color: #fff;
  cursor: pointer;
}
#addMeetingPopup .form-check-input[type="radio"] {
  border-radius: 50%;
}
#addMeetingPopup .form-check-input:checked {
  background-color: #405189 !important;
  border-color: #405189 !important;
}
#addMeetingPopup .form-check-label {
  cursor: pointer;
  margin-bottom: 0;
  color: var(--vz-body-color, #212529);
}
#addMeetingPopup .add-meet-appt-types {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.75rem;
}
#addMeetingPopup .add-meet-appt-types .form-check {
  margin-bottom: 0;
}
#addMeetingPopup .modal-footer {
  border-top: 1px solid var(--vz-border-color, #e9ebec);
  padding: 0.9rem 1.75rem;
}
#addMeetingPopup .addMeetingUser,
#addMeetingPopup .removeMultipleUser{
  width: 38px;
  height: 38px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.location-add, .add-guest{
  border: 0;
  border-bottom: 1px solid #ddd;
  padding-left: 0;
  border-radius: 0; 
}
.resoult-tab {
  justify-content: flex-start;
  flex-direction: column;
  width: 295px;
  height: 0px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 30px -10px #d5dbed;
  margin-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  transition: height 359ms cubic-bezier(0.27, 0.7, 0, 0.99);
} 
.resoult-tab-active {
  height: 100px;
  padding:10px;
  transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
}
.decline-meetings #div3{
  padding-left: 40px;
}

.filter-select .reset-icon { position: absolute; right: 31px; top: 7px; }
.filter-select .reset-icon i:hover { opacity:0.7 }
.filter-select .cursor-pointer { cursor:pointer; }

.repeat-meeting .dropdown-menu.show{
  transform: translate(0px, 40px) !important;
  width: 100%;
}
.repeat-meeting .dropdown-toggle  {
  width: 100%;
  border: 1px solid #ddd;
  height: 40px;
  position:relative;
  text-align:left;
}
.repeat-meeting .dropdown-toggle::after{
  position: absolute;
  right: 10px;
  top: 12px;
}
.repeat-time .dropdown-toggle{
  width: 100%;
  border: 1px solid #ddd;
  height: 40px;
  position:relative;
  text-align:left;
}
.repeat-time .dropdown-toggle:after{
    position: absolute;
    top: 12px;
    right: 12px;
}
.custom-popup.input-wrapper {
  /* width: 50%; */
  height: 45px;
  display: flex;
  border-radius: 12px;
  /* background-color: #ddd; */
  /* justify-content: center; */
}

.custom-popup input[type="number"]::-webkit-inner-spin-button,
.custom-popup input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.custom-popup input[type="number"] {
  padding: 10px;
  text-align: center;
  width: 150px;
}
.custom-popup.input-wrapper * {
  border: none;
  /* width: 20px; */
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #ebebeb;
  align-items: center;
  border-radius: 5px;
}

.custom-popup.input-wrapper button {
  cursor: pointer;
}

.custom-popup.input-wrapper button:first-child, .custom-popup.input-wrapper button:last-child {
  color: #000;
}
.custom-popup2{
  display: flex;
}
.custom-popup2 .r-input{
  background-color: #ebebeb;
  padding: 8px;
  border-radius: 5px;
  align-items: center;
  height: 43px;
}
.custom-popup2 .r-input input{
  width: 50px;
  background: transparent;
  border: none;
  text-align: center;
}
.custom-popup2 .number-icon{
  display: flex;
    flex-direction: column;
    border-radius: 5px;
    background-color: #ebebeb;
}
.custom-popup2 .number-icon button{
  border:none;
  background-color: #ebebeb;
  border-radius: 5px;
}
#bookConferenceRoom .autoCompUserName{
  position:relative;
}
#bookConferenceRoom #users_list, #bookConferenceRoom #users_email_list{
  z-index: 1000;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
  width: 97%;
  border: none;
}
#bookConferenceRoom #users_list .list-group li, #bookConferenceRoom #users_email_list .list-group li{
  border:none;
}
.radiobtn .radio-option .flatpickr-input[disabled]{
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.radiobtn .radio-option .form-check-input:checked > .flatpickr-input[disabled]{
  background-color: transparent;
  cursor: pointer;
}
.customDateTime .input-group-text{
  padding: 11.5px;
}
#disabled-tabpanel-0 .addguest{
  margin: 27px 0 0 0;
}

.step-arrow-nav{
  overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
}
.step-arrow-nav .nav{
  white-space: nowrap;
  display: inline-flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: 100%;
}
@media(max-width:1400px){
  .step-arrow-nav .nav{
    width: fit-content;
  }
}
.required{ color: red; }
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .choices__list--dropdown .choices__list { max-height: 125px; }
}

/* ====== [START] Modern SaaS DataTables Styling ====== */
.dataTables_wrapper.dataTables_extended_wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.dataTables_wrapper .table-responsive{margin:0;padding:0;overflow-x:auto;background:#fff}
.dataTables_wrapper.no-footer .table-responsive{padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.dataTables_wrapper table.table{margin-bottom:0;background-color:#fff;border-collapse:separate;border-spacing:0}
.dataTables_wrapper table.table thead th,
.dataTables_wrapper table.table thead td{background-color:#f9fafb;color:#475467;font-weight:600;font-size:13px;letter-spacing:.01em;padding:14px 16px;border:none;border-bottom:1px solid #eaecf0;vertical-align:middle;text-transform:none;white-space:nowrap}
.dataTables_wrapper table.table thead th.sorting,
.dataTables_wrapper table.table thead th.sorting_asc,
.dataTables_wrapper table.table thead th.sorting_desc{cursor:pointer;user-select:none;background-position:right 12px center;background-size:10px 14px;padding-right:32px!important;transition:background-color .15s ease}
.dataTables_wrapper table.table thead th.sorting:hover,
.dataTables_wrapper table.table thead th.sorting_asc:hover,
.dataTables_wrapper table.table thead th.sorting_desc:hover{background-color:#f3f4f6}
.dataTables_wrapper table.table thead th.sorting:before,
.dataTables_wrapper table.table thead th.sorting:after,
.dataTables_wrapper table.table thead th.sorting_asc:before,
.dataTables_wrapper table.table thead th.sorting_asc:after,
.dataTables_wrapper table.table thead th.sorting_desc:before,
.dataTables_wrapper table.table thead th.sorting_desc:after{opacity:.45;font-size:9px;color:#667085}
.dataTables_wrapper table.table thead th.sorting_asc:before,
.dataTables_wrapper table.table thead th.sorting_desc:after{opacity:1;color:#405189}
.dataTables_wrapper table.table tbody tr td{padding:16px 18px;background-color:#fff;border:none;border-bottom:1px solid #f2f4f7;vertical-align:middle;color:#344054;font-size:14px;line-height:1.45}
.dataTables_wrapper table.table tbody tr td.td_checker {width: 50px;}
.dataTables_wrapper table.table tbody tr:last-child td{border-bottom:none}
.dataTables_wrapper table.table tbody tr{transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.dataTables_wrapper table.table.table-hover tbody tr:hover>td,
.dataTables_wrapper table.table.table-hover tbody tr:hover>th,
.dataTables_wrapper table.table tbody tr:hover>*{background-color:#f3f6f9!important;--bs-table-bg-state:#f3f6f9}
.dataTables_wrapper table.table.table-hover tbody tr:hover{position:relative;z-index:1}
.dataTables_wrapper table.table tbody tr.selected>td,
.dataTables_wrapper table.table tbody tr.active>td{background-color:#eff6ff!important}
.dataTables_wrapper table.table tbody td:first-child .form-check-input,
.dataTables_wrapper table.table thead th:first-child .form-check-input,
.dataTables_wrapper table.table tbody td .multiSelectList,
.dataTables_wrapper table.table thead th .multiSelectList{width:16px;height:16px;border:1px solid #d0d5dd;border-radius:4px;background-color:#fff;cursor:pointer;box-shadow:none}
.dataTables_wrapper table.table tbody td:first-child .form-check-input:checked,
.dataTables_wrapper table.table thead th:first-child .form-check-input:checked{background-color:#405189;border-color:#405189}
.gridjs-footer{padding:14px 18px 18px;border:none;background-color:#fff}
.gridjs-pagination{display:flex;justify-content:space-between;align-items:center}
.gridjs-pagination .gridjs-summary{margin-top:4px!important;color:#667085;font-size:13px}
.gridjs-pagination .gridjs-pages button{margin-left:.25rem;border-radius:8px;border:1px solid #d0d5dd;background-color:#fff;color:#344054;min-width:32px;height:32px;padding:0 10px;font-size:13px;font-weight:500;transition:all .15s ease}
.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button:hover:disabled,
.gridjs-pagination .gridjs-pages button[disabled]{color:#98a2b3;background-color:#fff;border-color:#eaecf0;cursor:not-allowed;opacity:.75}
.gridjs-pagination .gridjs-pages button:hover:not(:disabled){background-color:#f9fafb;color:#101828;border-color:#d0d5dd}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#405189;color:#fff;border-color:#405189;font-weight:600}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage:hover{background-color:#344674;border-color:#344674;color:#fff}
.gridjs-pages .pagination,
.gridjs-pages ul.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}
.gridjs-pages .pagination .page-item,
.gridjs-pages .pagination .paginate_button,
.gridjs-pages .pagination .dt-paging-button{display:inline-flex;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;min-width:0!important;height:auto!important;float:none!important}
.gridjs-pages .pagination .page-link,
.gridjs-pages .pagination .paginate_button>a,
.gridjs-pages .pagination .dt-paging-button>a{display:inline-flex;align-items:center;justify-content:center;margin:0!important;min-width:32px;height:32px;padding:0 10px;border:1px solid #d0d5dd;border-radius:8px;background-color:#fff;color:#344054;font-size:13px;font-weight:500;line-height:1;box-shadow:none;text-decoration:none}
.gridjs-pages .pagination .page-item.active .page-link,
.gridjs-pages .pagination .paginate_button.active>a,
.gridjs-pages .pagination .dt-paging-button.active>a,
.gridjs-pages .pagination .active>a{background-color:#2f4562;border-color:#2f4562;color:#fff;font-weight:600}
.gridjs-pages .pagination .page-item.disabled .page-link,
.gridjs-pages .pagination .paginate_button.disabled>a,
.gridjs-pages .pagination .dt-paging-button.disabled>a,
.gridjs-pages .pagination .disabled>a{color:#98a2b3;background-color:#fff;border-color:#eaecf0;cursor:not-allowed;opacity:.75;pointer-events:none}
.gridjs-pages .pagination .page-item:not(.disabled):not(.active) .page-link:hover,
.gridjs-pages .pagination .paginate_button:not(.disabled):not(.active)>a:hover{background-color:#f9fafb;color:#101828;border-color:#d0d5dd}
.dataTables_wrapper table.table tbody td .badge,
.gridjs-td .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:999px;line-height:1.4;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}
.badge.badge-individual,
.dataTables_wrapper table.table tbody td .badge.badge-individual{color:#2f4562;background-color:#eff6ff;border-color:#dbeafe}
.badge.badge-group,
.dataTables_wrapper table.table tbody td .badge.badge-group{color:#027a48;background-color:#ecfdf3;border-color:#d1fae5}
.badge.badge-any-staff,
.dataTables_wrapper table.table tbody td .badge.badge-any-staff{color:#b54708;background-color:#fffaeb;border-color:#feead2}
.badge.badge-internal,
.dataTables_wrapper table.table tbody td .badge.badge-internal{color:#6941c6;background-color:#f8f5ff;border-color:#e9d7fe}
.badge.badge-external,
.dataTables_wrapper table.table tbody td .badge.badge-external{color:#475467;background-color:#f2f4f7;border-color:#eaecf0}
.dataTables_wrapper table.table tbody td .duration-pill,
.gridjs-td .duration-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:999px;color:#2f4562;background-color:#eff6ff;border:1px solid #dbeafe;line-height:1.4;white-space:nowrap;margin-right:6px}
.dataTables_wrapper table.table tbody td .duration-pill:last-child,
.gridjs-td .duration-pill:last-child{margin-right:0}
.dataTables_wrapper table.table tbody td .pp-user-avatar,
.gridjs-td .pp-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:600;letter-spacing:.03em;flex:0 0 36px;overflow:hidden;margin-right:12px;vertical-align:middle;line-height:1;color:#2f4562;background-color:#eff6ff}
.pp-user-avatar.avatar-0{color:#2f4562;background-color:#eff6ff}
.pp-user-avatar.avatar-1{color:#027a48;background-color:#ecfdf3}
.pp-user-avatar.avatar-2{color:#b54708;background-color:#fffaeb}
.pp-user-avatar.avatar-3{color:#6941c6;background-color:#f8f5ff}
.pp-user-avatar.avatar-4{color:#c11574;background-color:#fdf2fa}
.pp-user-avatar.avatar-5{color:#026aa2;background-color:#f0f9ff}
.pp-user-avatar.avatar-sa{color:#2f4562;background-color:#eff6ff}
.pp-user-avatar.avatar-jd{color:#027a48;background-color:#ecfdf3}
.pp-user-avatar.avatar-mn{color:#b54708;background-color:#fffaeb}
.pp-user-avatar.avatar-du{color:#6941c6;background-color:#f8f5ff}
.pp-user-avatar.avatar-default{color:#475467;background-color:#f2f4f7}
.badge.badge-multiday{color:#475467;background-color:#f2f4f7;border-color:#eaecf0}
.badge.badge-singleday{color:#667085;background-color:#f9fafb;border-color:#eaecf0}
.badge.badge-single,
.dataTables_wrapper table.table tbody td .badge.badge-single{color:#2563eb;background-color:#eff6ff;border-color:#dbeafe}
.badge.badge-virtual{color:#155eef;background-color:#eef4ff;border-color:#d9e6ff}
.badge.badge-inperson{color:#067647;background-color:#e8f7ee;border-color:#c7eed7}
.badge.badge-phone{color:#b54708;background-color:#fffaeb;border-color:#feead2}
.dataTables_wrapper table.table tbody td .pp-user-label,
.gridjs-td .pp-user-label{display:inline-flex;align-items:center;vertical-align:middle;min-height:36px;gap:0;color:#344054;font-weight:500}
.dataTables_wrapper table.table tbody td .pp-user-name,
.gridjs-td .pp-user-name{font-size:14px;font-weight:500;color:#101828;line-height:1.35}
.dataTables_wrapper table.table tbody td .pp-secondary-text,
.gridjs-td .pp-secondary-text{font-size:12px;color:#667085;line-height:1.45;font-weight:400}
.dataTables_wrapper table.table tbody td .pp-cell-primary,
.gridjs-td .pp-cell-primary{font-size:14px;font-weight:600;color:#344054;line-height:1.4}
.dataTables_wrapper table.table tbody td .pp-meeting-slot,
.gridjs-td .pp-meeting-slot{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.dataTables_wrapper table.table tbody td .pp-meeting-date,
.gridjs-td .pp-meeting-date{font-size:14px;font-weight:600;color:#344054;line-height:1.35}
.dataTables_wrapper table.table tbody td .pp-meeting-time,
.gridjs-td .pp-meeting-time{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#667085;line-height:1.4}
.dataTables_wrapper table.table tbody td .pp-meeting-time i,
.gridjs-td .pp-meeting-time i{font-size:13px;line-height:1}
.dataTables_wrapper table.table tbody td .pp-meeting-duration,
.gridjs-td .pp-meeting-duration{margin-top:2px}
.dataTables_wrapper table.table tbody td .pp-meeting-type-stack,
.gridjs-td .pp-meeting-type-stack{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.dataTables_wrapper table.table tbody td .pp-assign-wrap,
.gridjs-td .pp-assign-wrap{min-width:140px;max-width:200px}
.dataTables_wrapper table.table tbody td .pp-assign-select,
.dataTables_wrapper table.table tbody td select.form-select,
.gridjs-td .pp-assign-select{min-height:32px;height:32px;padding:4px 28px 4px 10px;font-size:12.5px;border-radius:6px;border-color:#d0d5dd;min-width:140px;max-width:200px;box-shadow:none;background-color:#fff}
.dataTables_wrapper table.table tbody td .pp-assign-select:focus,
.dataTables_wrapper table.table tbody td select.form-select:focus{border-color:#405189;box-shadow:0 0 0 .15rem rgba(64,81,137,.15)}
.dataTables_wrapper table.table tbody td .btn.btn-success,
.dataTables_wrapper table.table tbody td .btn.btn-danger{height:32px;padding:4px 14px;font-size:12px;font-weight:500;border-radius:6px;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2}
.dataTables_wrapper table.table tbody td .btn.btn-success:hover,
.dataTables_wrapper table.table tbody td .btn.btn-danger:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(16,24,40,.12)}
.dataTables_wrapper table.table tbody td .pro-act-btn .without_bg_icon,
.dataTables_wrapper table.table tbody td a.without_bg_icon.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#667085;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.dataTables_wrapper table.table tbody td .pro-act-btn .without_bg_icon:hover,
.dataTables_wrapper table.table tbody td a.without_bg_icon.btn-icon:hover{background-color:#f2f4f7;color:#344054}
.badge.badge-walkin,
.dataTables_wrapper table.table tbody td .badge.badge-walkin{color:#026aa2;background-color:#f0f9ff;border-color:#b9e6fe}
.badge.badge-predefine,
.dataTables_wrapper table.table tbody td .badge.badge-predefine{color:#6941c6;background-color:#f8f5ff;border-color:#e9d7fe}
.badge.badge-appointment,
.dataTables_wrapper table.table tbody td .badge.badge-appointment{color:#b54708;background-color:#fffaeb;border-color:#fedf89}
.badge.badge-booked,
.dataTables_wrapper table.table tbody td .badge.badge-booked{color:#027a48;background-color:#ecfdf3;border-color:#a6f4c5}
.badge.badge-reschedule,
.dataTables_wrapper table.table tbody td .badge.badge-reschedule{color:#b54708;background-color:#fffaeb;border-color:#fedf89}
.badge.badge-ongoing,
.dataTables_wrapper table.table tbody td .badge.badge-ongoing{color:#026aa2;background-color:#f0f9ff;border-color:#b9e6fe}
.badge.badge-complete,
.dataTables_wrapper table.table tbody td .badge.badge-complete{color:#344054;background-color:#f2f4f7;border-color:#eaecf0}
.badge.badge-canceled,
.dataTables_wrapper table.table tbody td .badge.badge-canceled{color:#b42318;background-color:#fef3f2;border-color:#fee4e2}
.dataTables_wrapper table.table tbody td .bnm-conf-status-cell{min-height:28px}
.dataTables_wrapper table.table tbody td .bnm-conf-status-cell .badge{margin:0;vertical-align:middle}
.dataTables_wrapper table.table tbody td .bnm-conf-status-info.pro-act-btn{display:inline-flex !important;margin:0;vertical-align:middle}
.dataTables_wrapper table.table tbody td .bnm-conf-status-info .without_bg_icon{width:26px;height:26px}
.badge.badge-admin,
.dataTables_wrapper table.table tbody td .badge.badge-admin{color:#405189;background-color:#eef1f8;border-color:#d8deef}
.badge.badge-user,
.dataTables_wrapper table.table tbody td .badge.badge-user{color:#027a48;background-color:#ecfdf3;border-color:#d1fae5}
.dataTables_wrapper table.table tbody td .pp-row-title,
.gridjs-td .pp-row-title{display:inline-flex;align-items:center;gap:0;min-width:0;max-width:100%}
.dataTables_wrapper table.table tbody td .pp-row-title .pp-title-text,
.gridjs-td .pp-row-title .pp-title-text{color:inherit;font-weight:500}
.dataTables_wrapper table.table tbody td .pp-row-icon,
.gridjs-td .pp-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;margin-right:10px;vertical-align:middle;flex:0 0 32px}
.pp-row-icon i{font-size:15px;line-height:1}
.pp-row-icon.pp-icon-calendar{background-color:#eff6ff;color:#2f4562}
.pp-row-icon.pp-icon-alert{background-color:#fef3f2;color:#b42318}
.pp-row-icon.pp-icon-default{background-color:#f2f4f7;color:#475467}
.dataTables_wrapper table.table tbody td .pp-link-icon,
.gridjs-td .pp-link-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:#405189;text-decoration:none}
.dataTables_wrapper table.table tbody td .pp-link-icon:hover,
.gridjs-td .pp-link-icon:hover{background-color:#eff6ff;color:#2f4562}
.dataTables_wrapper table.table tbody td .pp-booked-count,
.gridjs-td .pp-booked-count{color:#405189;font-weight:600;text-decoration:none}
.dataTables_wrapper table.table tbody td .pp-booked-count:hover,
.gridjs-td .pp-booked-count:hover{text-decoration:underline}
.dataTables_wrapper table.table tbody td .pp-muted,
.gridjs-td .pp-muted{color:#98a2b3;font-size:12px;font-weight:500}
.dataTables_wrapper table.table tbody td .btn-icon,
.gridjs-td .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:transparent;color:#667085;border:none;margin:0 2px;padding:0;cursor:pointer;transition:all .15s ease}
.dataTables_wrapper table.table tbody td .btn-icon:hover,
.gridjs-td .btn-icon:hover{background-color:#f2f4f7;color:#344054}
.btn-icon i{font-size:15px;line-height:1}
.dataTables_wrapper table.table tbody td .form-switch .form-check-input{width:32px;height:18px;background-image:none;background-color:#d0d5dd;border:1px solid #d0d5dd;box-shadow:none;cursor:pointer}
.dataTables_wrapper table.table tbody td .form-switch .form-check-input:checked{background-color:#405189;border-color:#405189}

/* DataTables 2 compatibility for the ECAB Laravel 13 build.
   Bootstrap renderer wraps buttons as li.dt-paging-button > a.page-link —
   only style the inner .page-link so we do not get double borders. */
.dt-container.dataTables_wrapper{width:100%}
.dt-container .dt-layout-row{margin:0}
.dt-container .dt-layout-cell{padding:0}
.dt-container .dt-paging{display:flex;justify-content:flex-end;align-items:center;gap:4px}
.dt-container .dt-paging .dt-paging-button,
.dt-container .dt-paging .page-item{
  display:inline-flex!important;
  align-items:center;
  margin:0!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  min-width:0!important;
  height:auto!important;
  float:none!important;
}
.dt-container .dt-paging .dt-paging-button .page-link,
.dt-container .dt-paging .page-item .page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:32px;
  margin:0!important;
  padding:0 10px;
  border:1px solid #d0d5dd!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:13px;
  font-weight:500;
  line-height:1;
  box-shadow:none!important;
  text-decoration:none;
}
.dt-container .dt-paging .dt-paging-button:hover:not(.disabled):not(.active) .page-link,
.dt-container .dt-paging .page-item:hover:not(.disabled):not(.active) .page-link{
  background:#f9fafb!important;
  border-color:#d0d5dd!important;
  color:#101828!important;
}
.dt-container .dt-paging .dt-paging-button.current .page-link,
.dt-container .dt-paging .dt-paging-button.active .page-link,
.dt-container .dt-paging .page-item.active .page-link{
  background:#2f4562!important;
  border-color:#2f4562!important;
  color:#fff!important;
  font-weight:600;
}
.dt-container .dt-paging .dt-paging-button.disabled .page-link,
.dt-container .dt-paging .page-item.disabled .page-link{
  background:#fff!important;
  border-color:#eaecf0!important;
  color:#98a2b3!important;
  cursor:not-allowed;
  opacity:.75;
  pointer-events:none;
}
.dt-container table.table tbody td.dt-empty{height:240px!important;padding:0!important;border-bottom:0!important;text-align:center!important;vertical-align:middle!important}

/* ====== [END] Modern SaaS DataTables Styling ====== */
.avatar-xs {height: 2.5rem;width: 2.5rem;}

/* ==========================================================================
   BookNMeet consolidated page styles
   Source files kept for reference; custom.min.css is the loaded stylesheet.
   ========================================================================== */

/* ====== [START] LOGIN PAGE (from login-page.css) ====== */
/* BookNMeet login — Bootstrap row/col split (form left, image right) */
body:has(.bnm-login) {
  --bnm-navy: #284060;
  --bnm-navy-deep: #1e3048;
  --bnm-navy-soft: #35557a;
  --bnm-orange: #f89818;
  --bnm-orange-soft: #fff4e5;
  --bnm-input-bg: #e9eff6;
  --bnm-muted: #7a8799;
  --bnm-border: #d5dde8;
  --bnm-link: #35557a;
  --bnm-text: #284060;
  --bnm-white: #ffffff;
  --bnm-font-display: 'IBM Plex Sans', 'Source Sans 3', sans-serif;
  --bnm-font-body: 'Source Sans 3', 'IBM Plex Sans', sans-serif;
  font-family: var(--bnm-font-body);
  font-size: 16px;
  font-optical-sizing: auto;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background: var(--bnm-white);
  color: var(--bnm-text);
}

body:has(.bnm-login) .auth-page-wrapper {
  min-height: 100vh;
  background: var(--bnm-white);
  display: block;
  position: relative;
  overflow-x: hidden;
}

body:has(.bnm-login) .auth-one-bg,
body:has(.bnm-login) .particles-js-canvas-el,
body:has(.bnm-login) > .auth-page-wrapper > .footer {
  display: none !important;
}

body:has(.bnm-login) .bnm-login {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  padding: 0;
  background: var(--bnm-white);
}

.bnm-login__row {
  min-height: 100vh;
}

/* ---- Left form column ---- */
.bnm-login__form-col {
  background: var(--bnm-white);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem 1.5rem;
}

.bnm-login__form-wrap {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  animation: bnmFadeUp 0.6s ease both;
}

.bnm-login__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  text-decoration: none;
  margin-bottom: 2.5rem;
  color: var(--bnm-navy);
}

.bnm-login__logo-text {
  font-family: var(--bnm-font-display);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
  color: var(--bnm-navy);
}

.bnm-login__logo-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.05rem;
  border-radius: 50%;
  border: 2px solid var(--bnm-navy);
  background: var(--bnm-orange);
  color: var(--bnm-white);
}

.bnm-login__logo-mark i {
  font-size: 0.8rem;
  line-height: 1;
}

.bnm-login__logo img {
  max-height: 42px;
  width: auto;
}

.bnm-login__heading {
  margin: 0 0 0.5rem;
  font-family: var(--bnm-font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--bnm-navy);
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.bnm-login__sub {
  margin: 0 0 1.75rem;
  font-family: var(--bnm-font-body);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  color: var(--bnm-muted);
}

.bnm-login__google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  height: 48px;
  border-radius: 0.65rem;
  border: 1px solid var(--bnm-border);
  background: var(--bnm-white);
  color: var(--bnm-navy);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.bnm-login__google:hover:not(:disabled),
.bnm-login__google:focus:not(:disabled) {
  background: var(--bnm-input-bg);
  border-color: #c5d0de;
  color: var(--bnm-navy);
}

.bnm-login__google:disabled {
  opacity: 1;
  cursor: default;
}

.bnm-login__google svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.bnm-login__divider {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 1.35rem 0 1.25rem;
  color: var(--bnm-muted);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.bnm-login__divider::before,
.bnm-login__divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--bnm-border);
}

.bnm-login .Login_form {
  margin-top: 0;
}

.bnm-login .login-form .form-control {
  height: 50px;
  padding-left: 2.75rem;
  border-radius: 0.65rem !important;
  border: 1px solid var(--bnm-border);
  font-family: var(--bnm-font-body);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  background: var(--bnm-input-bg);
  color: var(--bnm-navy);
  box-shadow: none;
}

.bnm-login .login-form .form-control:focus {
  border-color: var(--bnm-navy-soft);
  background: var(--bnm-white);
  box-shadow: 0 0 0 3px rgba(40, 64, 96, 0.14);
}

.bnm-login .login-form .form-control::placeholder {
  color: #9aa8ba;
}

.bnm-login .Login_form .input-group-btn i {
  top: 12px;
  left: 15px;
  color: var(--bnm-navy-soft);
  font-size: 1.1rem;
}

.bnm-login .auth-pass-inputgroup .password-addon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: transparent;
  border: 0;
  color: var(--bnm-navy-soft);
  padding: 0.35rem;
  line-height: 1;
  text-decoration: none;
}

.bnm-login .auth-pass-inputgroup .password-addon:hover {
  color: var(--bnm-orange);
}

.bnm-login .auth-pass-inputgroup .form-control {
  padding-right: 2.75rem;
}

.bnm-login__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.15rem 0 1.35rem;
}

.bnm-login__meta .form-check-input {
  width: 1.05rem;
  height: 1.05rem;
  margin-top: 0.12rem;
  border-color: #b7c3d3;
  border-radius: 0.25rem;
}

.bnm-login__meta .form-check-input:checked {
  background-color: var(--bnm-navy);
  border-color: var(--bnm-navy);
}

.bnm-login__meta .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 152, 24, 0.25);
}

.bnm-login__meta .form-check-label {
  font-size: 0.95rem;
  color: var(--bnm-navy-soft);
  font-weight: 400;
  letter-spacing: 0;
}

.bnm-login .forgot-password-link {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--bnm-link) !important;
  text-decoration: none;
  white-space: nowrap;
}

.bnm-login .forgot-password-link:hover {
  text-decoration: underline;
  color: var(--bnm-orange) !important;
}

.bnm-login .login-form .btn-bnm-signin {
  height: 50px;
  border: 0;
  border-radius: 0.65rem;
  background: var(--bnm-navy);
  color: var(--bnm-white);
  font-family: var(--bnm-font-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: none;
  transition: background 0.2s ease, transform 0.15s ease;
}

.bnm-login .login-form .btn-bnm-signin:hover,
.bnm-login .login-form .btn-bnm-signin:focus {
  background: var(--bnm-navy-deep);
  color: var(--bnm-white);
  transform: translateY(-1px);
}

.bnm-login .login-form .btn-bnm-signin:disabled {
  opacity: 0.85;
  transform: none;
}

.bnm-login__signup {
  margin: 1.5rem 0 0;
  text-align: center;
  font-size: 0.95rem;
  color: var(--bnm-muted);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.bnm-login__signup a {
  font-family: var(--bnm-font-body);
  color: var(--bnm-link);
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
}

.bnm-login__signup a:hover {
  text-decoration: underline;
  color: var(--bnm-orange);
}

.bnm-login .help-block {
  color: #d64545;
  font-size: 0.8rem;
  margin-top: 0.35rem;
  display: block;
}

.bnm-login .alert {
  border-radius: 0.65rem;
  font-size: 0.9rem;
  font-family: var(--bnm-font-body);
}

.bnm-login__note {
  background: #eef4fb !important;
  border: 1px solid #d5e2f2 !important;
  color: var(--bnm-navy-soft) !important;
  line-height: 1.55;
  padding: 0.85rem 1rem;
}

.bnm-login__note b {
  color: var(--bnm-navy);
}

.bnm-login .g-recaptcha {
  transform-origin: left center;
}

.bnm-login .forgotpwd .btn-bnm-signin .auth-submit-loading .spinner-border {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}

/* ---- Right promo / image column ---- */
.bnm-login__promo-col {
  min-height: 100vh;
  padding: 0;
  background-color: var(--bnm-navy);
}

.bnm-login__promo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 100vh;
  padding: 3rem 3.25rem 3.5rem;
  background-color: var(--bnm-navy);
  background-image:
    linear-gradient(
      115deg,
      rgba(30, 48, 72, 0.82) 0%,
      rgba(40, 64, 96, 0.58) 42%,
      rgba(30, 48, 72, 0.45) 100%
    ),
    var(--bnm-promo-bg, url('../../../assets/images/login-full-bg-bnm.png'));
  background-size: cover, cover;
  background-position: center center, center center;
  background-repeat: no-repeat, no-repeat;
  overflow: hidden;
  animation: bnmFadeIn 0.7s ease 0.05s both;
  box-sizing: border-box;
}

.bnm-login__float-icon {
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.26);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--bnm-white);
  font-size: 1.45rem;
  box-shadow: 0 10px 24px rgba(20, 35, 55, 0.22);
  animation: bnmFloat 5.5s ease-in-out infinite;
  z-index: 1;
}

.bnm-login__float-icon--cal {
  top: 14%;
  left: 10%;
  color: var(--bnm-orange);
}

.bnm-login__float-icon--video {
  top: 22%;
  right: 12%;
  animation-delay: 0.8s;
}

.bnm-login__float-icon--office {
  top: 38%;
  right: 22%;
  width: 48px;
  height: 48px;
  font-size: 1.2rem;
  animation-delay: 1.2s;
}

.bnm-login__promo-content {
  position: relative;
  z-index: 2;

  animation: bnmFadeUp 0.75s ease 0.15s both;
  margin-bottom: 60px;
}

.bnm-login__promo-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 1rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: rgba(248, 152, 24, 0.16);
  border: 1px solid rgba(248, 152, 24, 0.35);
  color: #ffd59a;
  font-family: var(--bnm-font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.bnm-login__promo-eyebrow i {
  color: var(--bnm-orange);
  font-size: 0.95rem;
}

.bnm-login__promo-title {
  margin: 0 0 1.05rem;
  font-family: var(--bnm-font-display);
  font-size: clamp(1.85rem, 2.5vw, 2.45rem);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-shadow: 0 8px 24px rgba(15, 25, 40, 0.35);
}

.bnm-login__promo-text {
  margin: 0 0 1.5rem;
  font-family: var(--bnm-font-body);
  font-size: 1.08rem;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.9);
  max-width: 34rem;
}

.bnm-login__promo-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.bnm-login__promo-points li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.95);
  font-family: var(--bnm-font-body);
  font-size: 0.98rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}

.bnm-login__promo-point-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(248, 152, 24, 0.18);
  color: var(--bnm-orange);
  font-size: 1rem;
}

@keyframes bnmFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes bnmFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes bnmFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* ---- Tablet / mobile ---- */
@media (max-width: 991.98px) {
  .bnm-login__form-col {
    min-height: 100vh;
    padding: 2rem 1.25rem;
  }

  .bnm-login__form-wrap {
    max-width: 440px;
  }

  .bnm-login__heading {
    font-size: 1.8rem;
  }
}

@media (max-width: 575.98px) {
  .bnm-login__form-col {
    padding: 1.5rem 1.1rem;
  }

  .bnm-login__logo {
    margin-bottom: 1.75rem;
  }

  .bnm-login__logo img {
    max-height: 36px;
  }

  .bnm-login__meta {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .bnm-login__promo {
    padding: 3.5rem 4rem 4rem;
  }
}

@media (min-width: 1400px) {
  .bnm-login__form-wrap {
    max-width: 440px;
  }

  .bnm-login__form-col {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .bnm-login__promo-title {
    font-size: 2.5rem;
    letter-spacing: -0.01em;
    line-height: 1.3;
  }
}

/* ====== [END] LOGIN PAGE ====== */

/* ====== [START] 2FA / OTP — see bnm-2fa.css (linked from authentication.blade.php) ====== */
/* ====== [END] 2FA / OTP ====== */

/* ====== [START] DASHBOARD SAAS (from dashboard-saas.css) ====== */
/* BookNMeet dashboard — premium SaaS glass (Linear / Stripe / Velzon feel) */
.bnm-dashboard {
  --bnm-navy: #284060;
  --bnm-navy-deep: #1e3048;
  --bnm-navy-soft: #35557a;
  --bnm-orange: #f89818;
  --bnm-orange-soft: #fff4e5;
  --bnm-teal: #0f9d8a;
  --bnm-green: #10b981;
  --bnm-red: #ef4444;
  --bnm-violet: #7c6bf0;
  --bnm-slate: #64748b;
  --bnm-page: #eef2f7;
  --bnm-card: #ffffff;
  --bnm-border: rgba(40, 64, 96, 0.08);
  --bnm-shadow: 0 8px 24px rgba(40, 64, 96, 0.07);
  --bnm-shadow-hover: 0 14px 32px rgba(40, 64, 96, 0.12);
  --bnm-radius: 16px;
  --bnm-font: 'Source Sans 3', 'IBM Plex Sans', sans-serif;
  --bnm-font-display: 'IBM Plex Sans', 'Source Sans 3', sans-serif;
  font-family: var(--bnm-font);
  color: var(--bnm-navy);
  position: relative;
}

.main-content:has(.bnm-dashboard),
.page-content:has(.bnm-dashboard),
body:has(.bnm-dashboard) .page-content {
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(248, 152, 24, 0.08), transparent 50%),
    radial-gradient(ellipse 70% 45% at 100% 0%, rgba(40, 64, 96, 0.08), transparent 45%),
    linear-gradient(180deg, #f4f7fb 0%, #eef2f7 100%) !important;
}

.bnm-dashboard .card {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius) !important;
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.bnm-dashboard .card:hover {
  box-shadow: var(--bnm-shadow-hover);
}

.bnm-dashboard .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--bnm-border) !important;
  padding: 1rem 1.25rem !important;
}

.bnm-dashboard .card-title {
  font-family: var(--bnm-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--bnm-navy) !important;
}

.bnm-dashboard .card-header .text-muted,
.bnm-dashboard .card-header-dropdown .text-muted {
  color: var(--bnm-slate) !important;
  font-size: 1.05rem;
  font-weight: normal;
}

.bnm-dashboard .card-body {
  padding: 1.15rem 1.25rem;
}

.bnm-dashboard .card-footer {
  background: transparent !important;
  border-top: 1px solid var(--bnm-border) !important;
}

.bnm-panel-card {
  min-height: 100%;
}

.bnm-panel-card__body {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bnm-panel-card__body .apex-charts {
  width: 100%;
}

.bnm-chart-card .card-header {
  min-height: 64px;
}

.bnm-chart-card .card-title i {
  display: inline-grid;
  width: 30px;
  height: 30px;
  margin-right: 0.55rem !important;
  place-items: center;
  border-radius: 9px;
  background: rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy-soft) !important;
  vertical-align: middle;
}

.bnm-chart-card__body {
  position: relative;
  padding: 1rem 1.2rem 0.85rem !important;
}

.bnm-chart-card--overview .bnm-chart-card__body,
.bnm-chart-card--performance .bnm-chart-card__body {
  min-height: 330px;
}

.bnm-chart-card__subtitle {
  width: 100%;
  margin: 0 0 0.25rem;
  color: var(--bnm-slate);
  font-size: 0.78rem;
  font-weight: 500;
}

.bnm-chart-card--performance .apex-charts {
  flex: 0 0 auto;
  width: 100%;
  min-height: 245px;
}

.bnm-chart-card--performance .bnm-chart-card__body {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.35rem;
}

.bnm-branch-ranking {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 245px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.8rem;
  padding: 0.5rem 0.15rem 0.8rem;
}

.bnm-branch-ranking--single {
  padding-top: 0.65rem;
}

.bnm-branch-ranking--single .bnm-branch-ranking__row {
  position: relative;
  min-height: 205px;
  padding: 1.35rem 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 8%, rgba(15, 157, 138, 0.12), transparent 31%),
    linear-gradient(135deg, rgba(40, 64, 96, 0.055), rgba(255, 255, 255, 0.96));
}

.bnm-branch-ranking--single .bnm-branch-ranking__head {
  margin-bottom: 1.2rem;
}

.bnm-branch-ranking--single .bnm-branch-ranking__rank {
  flex-basis: 42px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 0.9rem;
  box-shadow: 0 7px 16px rgba(40, 64, 96, 0.18);
}

.bnm-branch-ranking--single .bnm-branch-ranking__name {
  font-size: 1rem;
}

.bnm-branch-ranking--single .bnm-branch-ranking__total {
  align-items: flex-end;
  flex-direction: column;
  gap: 0;
}

.bnm-branch-ranking--single .bnm-branch-ranking__total strong {
  font-size: 1.55rem;
  line-height: 1;
}

.bnm-branch-ranking--single .bnm-branch-ranking__track {
  height: 11px;
}

.bnm-branch-ranking--single .bnm-branch-ranking__meta {
  margin-top: 0.75rem;
  font-size: 0.74rem;
}

.bnm-branch-ranking__row {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(40, 64, 96, 0.09);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(40, 64, 96, 0.035), rgba(255, 255, 255, 0.94));
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bnm-branch-ranking__row:hover {
  transform: translateY(-1px);
  border-color: rgba(40, 64, 96, 0.16);
  box-shadow: 0 8px 20px rgba(40, 64, 96, 0.07);
}

.bnm-branch-ranking__head,
.bnm-branch-ranking__identity,
.bnm-branch-ranking__meta,
.bnm-branch-ranking__total {
  display: flex;
  align-items: center;
}

.bnm-branch-ranking__head {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.bnm-branch-ranking__identity {
  min-width: 0;
  gap: 0.65rem;
}

.bnm-branch-ranking__rank {
  display: inline-grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  background: var(--bnm-navy);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
}

.bnm-branch-ranking__name {
  overflow: hidden;
  color: var(--bnm-navy-deep);
  font-size: 0.9rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bnm-branch-ranking__total {
  flex: 0 0 auto;
  gap: 0.3rem;
  color: var(--bnm-slate);
}

.bnm-branch-ranking__total strong {
  color: var(--bnm-navy);
  font-family: var(--bnm-font-display);
  font-size: 1.15rem;
}

.bnm-branch-ranking__total small {
  font-size: 0.72rem;
  font-weight: 600;
}

.bnm-branch-ranking__track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9eef4;
}

.bnm-branch-ranking__bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bnm-navy), var(--bnm-teal));
  box-shadow: 0 2px 7px rgba(15, 157, 138, 0.24);
  transition: width 0.4s ease;
}

.bnm-branch-ranking__meta {
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.55rem;
  color: var(--bnm-slate);
  font-size: 0.7rem;
  font-weight: 600;
}

.bnm-branch-ranking__meta i {
  margin-right: 0.25rem;
  color: var(--bnm-teal);
  font-size: 0.85rem;
  vertical-align: -1px;
}

.bnm-branch-ranking__empty {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: var(--bnm-slate);
  font-size: 0.82rem;
  text-align: center;
}

.bnm-branch-ranking__empty i {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 12px;
  background: rgba(40, 64, 96, 0.07);
  color: var(--bnm-navy-soft);
  font-size: 1.35rem;
}

@media (max-width: 575.98px) {
  .bnm-branch-ranking__row {
    padding: 0.8rem;
  }

  .bnm-branch-ranking__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
  }

  .bnm-branch-ranking__total small {
    display: none;
  }
}


.bnm-chart-card__body--trends {
  min-height: 380px;
  align-items: stretch;
}

.bnm-dashboard .bnm-chart-card--trends #chart_div {
  height: 350px;
  min-height: 350px;
}

.bnm-chart-card--trends-wide .bnm-chart-card__body--trends {
  min-height: 510px;
}

.bnm-dashboard .bnm-chart-card--trends-wide #chart_div {
  height: 480px;
  min-height: 480px;
}

.bnm-chart-card .apexcharts-legend-text {
  color: var(--bnm-slate) !important;
}

.bnm-chart-card .apexcharts-tooltip {
  border: 1px solid var(--bnm-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(30, 48, 72, 0.12) !important;
}

.bnm-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.bnm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--bnm-slate);
}

.bnm-empty-state i {
  font-size: 2rem;
  color: rgba(40, 64, 96, 0.28);
}

.bnm-empty-state p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
}

/* Welcome — BookNMeet branded banner */
.bnm-dashboard__welcome {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.25rem;
  padding: 1.75rem 2rem;
  border-radius: var(--bnm-radius);
  background-color: var(--bnm-navy-deep);
  background-image:
    linear-gradient(
      115deg,
      rgba(30, 48, 72, 0.88) 0%,
      rgba(40, 64, 96, 0.72) 45%,
      rgba(30, 48, 72, 0.55) 100%
    ),
    var(--bnm-welcome-bg, none);
  background-size: cover, cover;
  background-position: center center, center center;
  background-repeat: no-repeat, no-repeat;
  color: #fff;
  box-shadow: 0 14px 36px rgba(40, 64, 96, 0.28);
  overflow: hidden;
  isolation: isolate;
  animation: bnmWelcomeFadeIn 0.65s ease both;
}

.bnm-dashboard__welcome-glow {
  position: absolute;
  right: -40px;
  top: -50px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(248, 152, 24, 0.38) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
  animation: bnmWelcomeGlow 6s ease-in-out infinite;
}

.bnm-dashboard__welcome::after {
  content: '';
  position: absolute;
  left: -40px;
  bottom: -90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  z-index: 0;
  pointer-events: none;
}

.bnm-dashboard__welcome-float {
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  font-size: 1.2rem;
  box-shadow: 0 8px 20px rgba(20, 35, 55, 0.2);
  animation: bnmWelcomeFloat 5.5s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

.bnm-dashboard__welcome-float--cal {
  top: 18%;
  right: 38%;
  color: var(--bnm-orange);
}

.bnm-dashboard__welcome-float--video {
  top: 28%;
  right: 26%;
  animation-delay: 0.8s;
}

.bnm-dashboard__welcome-float--office {
  bottom: 22%;
  right: 34%;
  width: 40px;
  height: 40px;
  font-size: 1.05rem;
  animation-delay: 1.2s;
}

.bnm-dashboard__welcome-copy {
  position: relative;
  z-index: 2;
  max-width: 680px;
  animation: bnmWelcomeFadeUp 0.7s ease 0.08s both;
}

.bnm-dashboard__welcome-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.65rem;
  padding: 0.28rem 0.85rem 0.28rem 0.3rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  font-size: 0.74rem;
 
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bnm-dashboard__welcome-mark {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(145deg, #ffb347, var(--bnm-orange));
  color: #fff;
  font-size: 0.9rem;
  box-shadow: 0 4px 10px rgba(248, 152, 24, 0.35);
}

.bnm-dashboard__welcome-mark i {
  line-height: 1;
}

.bnm-dashboard__welcome-title {
  margin: 0 0 0.45rem;
  font-family: var(--bnm-font-display);
  font-size: clamp(1.4rem, 2.2vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #fff;
}

.bnm-dashboard__welcome-text {
  margin: 0 0 0.95rem;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}

.bnm-dashboard__welcome-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.bnm-dashboard__welcome-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 0.78rem;
 
  color: rgba(255, 255, 255, 0.94);
}

.bnm-dashboard__welcome-meta i {
  color: var(--bnm-orange);
  font-size: 0.95rem;
}

.bnm-dashboard__welcome-aside {
  position: relative;
  z-index: 2;
  display: none;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  animation: bnmWelcomeFadeUp 0.7s ease 0.16s both;
}

.bnm-dashboard__welcome-icon {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--bnm-orange);
  font-size: 1.85rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.bnm-dashboard__welcome-stat {
  display: flex;
  flex-direction: column;
  padding: 0.9rem 1.15rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  min-width: 128px;
}

.bnm-dashboard__welcome-stat strong {
  font-family: var(--bnm-font-display);
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.bnm-dashboard__welcome-stat span {
  margin-top: 0.2rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}

@keyframes bnmWelcomeFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes bnmWelcomeFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes bnmWelcomeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes bnmWelcomeGlow {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}

@media (min-width: 992px) {
  .bnm-dashboard__welcome-aside {
    display: flex;
  }

  .bnm-dashboard__welcome-float {
    display: inline-flex;
  }
}

.bnm-dashboard .dashboard-img {
  background: linear-gradient(125deg, var(--bnm-navy-deep) 0%, var(--bnm-navy) 50%, var(--bnm-navy-soft) 100%) !important;
  border-radius: var(--bnm-radius) !important;
  box-shadow: 0 12px 28px rgba(40, 64, 96, 0.22);
}

.bnm-dashboard .dashboard-img .title,
.bnm-dashboard .dashboard-img .smtitle {
  color: #fff !important;
}

/* KPI strip — 5 premium cards */
.bnm-dashboard__kpi {
  margin-bottom: 1.25rem;
}

.bnm-kpi-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 148px;
  padding: 1.15rem 1.2rem;
  border-radius: var(--bnm-radius);
  border: 1px solid var(--bnm-border);
  background: var(--bnm-card);
  box-shadow: var(--bnm-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bnm-kpi-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--bnm-shadow-hover);
}

.bnm-kpi-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.bnm-kpi-card__icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}

.bnm-kpi-card__icon--navy {
  background: linear-gradient(145deg, rgba(40, 64, 96, 0.14), rgba(40, 64, 96, 0.06));
  color: var(--bnm-navy);
}

.bnm-kpi-card__icon--orange {
  background: linear-gradient(145deg, #ffe8c2, var(--bnm-orange-soft));
  color: var(--bnm-orange);
}

.bnm-kpi-card__icon--teal {
  background: linear-gradient(145deg, rgba(15, 157, 138, 0.18), rgba(15, 157, 138, 0.08));
  color: var(--bnm-teal);
}

.bnm-kpi-card__icon--violet {
  background: linear-gradient(145deg, rgba(124, 107, 240, 0.18), rgba(124, 107, 240, 0.08));
  color: var(--bnm-violet);
}

.bnm-kpi-card__icon--slate {
  background: linear-gradient(145deg, rgba(100, 116, 139, 0.16), rgba(100, 116, 139, 0.07));
  color: var(--bnm-slate);
}

.bnm-kpi-card__label {
  margin: 0 0 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bnm-slate);
  letter-spacing: 0.01em;
}

.bnm-kpi-card__value {
  margin: 0;
  font-family: var(--bnm-font-display);
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--bnm-navy);
  line-height: 1.1;
}

.bnm-kpi-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.65rem;
  margin-top: auto;
  padding-top: 0.75rem;
}

.bnm-kpi-delta {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.78rem;
  font-weight: 700;
}

.bnm-kpi-delta--up {
  color: var(--bnm-green);
}

.bnm-kpi-delta--down {
  color: var(--bnm-red);
}

.bnm-kpi-delta--flat {
  color: var(--bnm-slate);
}

.bnm-kpi-card__hint {
  margin: 0;
  font-size: 0.74rem;
  font-weight: 500;
  color: #94a3b8;
}

.bnm-kpi-spark {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 28px;
  opacity: 0.85;
}

.bnm-kpi-spark span {
  display: block;
  width: 4px;
  border-radius: 2px;
  background: currentColor;
  min-height: 6px;
}

.bnm-kpi-spark--navy { color: var(--bnm-navy); }
.bnm-kpi-spark--orange { color: var(--bnm-orange); }
.bnm-kpi-spark--teal { color: var(--bnm-teal); }
.bnm-kpi-spark--violet { color: var(--bnm-violet); }
.bnm-kpi-spark--slate { color: var(--bnm-slate); }

/* Highlight mini cards (legacy) */
.bnm-highlights {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}

.bnm-highlight-card {
  flex: 1;
  padding: 0.95rem 1rem;
  border-radius: 14px;
  border: 1px solid var(--bnm-border);
  background: var(--bnm-card);
  box-shadow: var(--bnm-shadow);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bnm-highlight-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--bnm-shadow-hover);
}

.bnm-highlight-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.bnm-highlight-card__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.bnm-highlight-card__label {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--bnm-slate);
}

.bnm-highlight-card__value {
  margin: 0 0 0.45rem;
  font-family: var(--bnm-font-display);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--bnm-navy);
  letter-spacing: -0.02em;
}

.bnm-highlight-card__bar {
  height: 5px;
  border-radius: 999px;
  background: rgba(40, 64, 96, 0.08);
  overflow: hidden;
}

.bnm-highlight-card__bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.bnm-highlight-card--navy .bnm-highlight-card__icon {
  background: rgba(40, 64, 96, 0.1);
  color: var(--bnm-navy);
}
.bnm-highlight-card--navy .bnm-highlight-card__bar > span {
  background: var(--bnm-navy);
}

.bnm-highlight-card--orange .bnm-highlight-card__icon {
  background: var(--bnm-orange-soft);
  color: var(--bnm-orange);
}
.bnm-highlight-card--orange .bnm-highlight-card__bar > span {
  background: var(--bnm-orange);
}

.bnm-highlight-card--teal .bnm-highlight-card__icon {
  background: rgba(15, 157, 138, 0.12);
  color: var(--bnm-teal);
}
.bnm-highlight-card--teal .bnm-highlight-card__bar > span {
  background: var(--bnm-teal);
}

.bnm-highlight-card--violet .bnm-highlight-card__icon {
  background: rgba(124, 107, 240, 0.12);
  color: var(--bnm-violet);
}
.bnm-highlight-card--violet .bnm-highlight-card__bar > span {
  background: var(--bnm-violet);
}

/* Status strip — icon-forward metric cards */
.bnm-status-strip {
  margin-bottom: 1.35rem;
}

.bnm-status-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  height: 100%;
  min-height: 92px;
  padding: 1rem 1.05rem;
  border-radius: 14px;
  border: 1px solid var(--bnm-border);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%);
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}



.bnm-status-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--bnm-shadow-hover);
}

.bnm-status-card__body {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.bnm-status-card__label {
  margin: 0 0 0.3rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--bnm-slate);
  letter-spacing: 0.01em;
}

.bnm-status-card__value {
  margin: 0;
  font-family: var(--bnm-font-display);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--bnm-navy);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.bnm-status-card__icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
}

.bnm-status-card--in::before { background: var(--bnm-green); }
.bnm-status-card--in .bnm-status-card__icon {
  background: rgba(16, 185, 129, 0.14);
  color: var(--bnm-green);
}

.bnm-status-card--out::before { background: var(--bnm-slate); }
.bnm-status-card--out .bnm-status-card__icon {
  background: rgba(100, 116, 139, 0.14);
  color: var(--bnm-slate);
}

.bnm-status-card--wait::before { background: var(--bnm-orange); }
.bnm-status-card--wait .bnm-status-card__icon {
  background: rgba(248, 152, 24, 0.16);
  color: var(--bnm-orange);
}

.bnm-status-card--leads::before { background: var(--bnm-navy); }
.bnm-status-card--leads .bnm-status-card__icon {
  background: rgba(40, 64, 96, 0.12);
  color: var(--bnm-navy);
}

.bnm-status-card--forms::before { background: var(--bnm-violet); }
.bnm-status-card--forms .bnm-status-card__icon {
  background: rgba(124, 107, 240, 0.14);
  color: var(--bnm-violet);
}

.bnm-status-card--depts::before { background: var(--bnm-teal); }
.bnm-status-card--depts .bnm-status-card__icon {
  background: rgba(15, 157, 138, 0.14);
  color: var(--bnm-teal);
}

/* Top Branches — leaderboard list */
.bnm-dept-body {
  padding-top: 0.85rem !important;
}

.bnm-dept-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.bnm-dept-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 0.9rem;
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
  border: 1px solid rgba(40, 64, 96, 0.07);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bnm-dept-item:hover {
  border-color: rgba(40, 64, 96, 0.14);
  box-shadow: 0 8px 18px rgba(40, 64, 96, 0.08);
  transform: translateY(-1px);
}

.bnm-dept-item__rank {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.1);
  color: var(--bnm-navy);
  font-family: var(--bnm-font-display);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.bnm-dept-item--rank-1 .bnm-dept-item__rank {
  background: linear-gradient(145deg, #ffe8c2, var(--bnm-orange-soft));
  color: #c46f00;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.bnm-dept-item--rank-1 .bnm-dept-item__bar {
  background: linear-gradient(90deg, var(--bnm-orange), #ffb347);
}

.bnm-dept-item--rank-2 .bnm-dept-item__rank {
  background: linear-gradient(145deg, #e8eef6, #d9e3ef);
  color: var(--bnm-navy);
}

.bnm-dept-item--rank-2 .bnm-dept-item__bar {
  background: linear-gradient(90deg, var(--bnm-navy), var(--bnm-navy-soft));
}

.bnm-dept-item--rank-3 .bnm-dept-item__rank {
  background: linear-gradient(145deg, #e6f7f4, #d4f0eb);
  color: #0a7a6b;
}

.bnm-dept-item--rank-3 .bnm-dept-item__bar {
  background: linear-gradient(90deg, var(--bnm-teal), #34c4b0);
}

.bnm-dept-item__content {
  flex: 1 1 auto;
  min-width: 0;
}

.bnm-dept-item__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
}

.bnm-dept-item__name {
  min-width: 0;
  font-family: var(--bnm-font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--bnm-navy);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bnm-dept-item__count {
  flex-shrink: 0;
  font-family: var(--bnm-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bnm-navy);
  letter-spacing: -0.02em;
}

.bnm-dept-item__track {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.bnm-dept-item__bar-wrap {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 999px;
  background: rgba(40, 64, 96, 0.08);
  overflow: hidden;
}

.bnm-dept-item__bar {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bnm-navy-soft), var(--bnm-slate));
  min-width: 4px;
  transition: width 0.35s ease;
}

.bnm-dept-item__pct {
  flex: 0 0 auto;
  min-width: 2.6rem;
  text-align: right;
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--bnm-slate);
  letter-spacing: 0.01em;
}

/* Visitors list */
.bnm-dashboard .visitorlead .table > :not(caption) > * > * {
  padding: 0.85rem 0.75rem;
  border-bottom-color: var(--bnm-border);
}

.bnm-dashboard .visitorlead .table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--bnm-slate);
  background: #fff;
  border-bottom: 1px solid var(--bnm-border);
}

.bnm-dashboard .visitorlead .table tbody tr {
  transition: background 0.15s ease;
}

.bnm-dashboard .visitorlead .table tbody tr:hover {
  background: rgba(40, 64, 96, 0.035);
}

.bnm-dashboard .visitorlead .avatar-title {
  background: linear-gradient(145deg, var(--bnm-navy), var(--bnm-navy-soft)) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

.bnm-dashboard .visitorlead .badge,
.bnm-dashboard .badge.bg-primary {
  background: rgba(40, 64, 96, 0.1) !important;
  color: var(--bnm-navy) !important;
  font-weight: 600;
}

.bnm-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.bnm-status-pill--assigned {
  background: rgba(40, 64, 96, 0.1);
  color: var(--bnm-navy);
}

.bnm-status-pill--canceled {
  background: rgba(239, 68, 68, 0.1);
  color: var(--bnm-red);
}

.bnm-dashboard .btn-soft-dark,
.bnm-dashboard .btn-soft-primary {
  background: rgba(40, 64, 96, 0.08) !important;
  color: var(--bnm-navy) !important;
  border: 0;
  border-radius: 10px;
  font-weight: 600;
  transition: background 0.15s ease, color 0.15s ease;
}

.bnm-dashboard .btn-soft-dark:hover,
.bnm-dashboard .btn-soft-primary:hover {
  background: rgba(40, 64, 96, 0.14) !important;
  color: var(--bnm-navy-deep) !important;
}

.bnm-dashboard .btn-primary {
  background: var(--bnm-navy) !important;
  border-color: var(--bnm-navy) !important;
}

.bnm-dashboard .btn-primary:hover {
  background: var(--bnm-navy-deep) !important;
  border-color: var(--bnm-navy-deep) !important;
}

.bnm-dashboard .body-color {
  color: var(--bnm-navy-soft) !important;
}

.bnm-dashboard .apex-charts {
  min-height: 300px;
}

.bnm-dashboard #chart_div {
  height: 500px;
  min-height: 500px;
}

.bnm-dashboard .card-height-fill {
  height: 100%;
}

.bnm-dashboard__main-grid > [class*="col-"] {
  display: flex;
}

.bnm-dashboard__main-grid > [class*="col-"] > .card {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .bnm-highlights {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .bnm-highlight-card {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 160px;
  }
}

@media (max-width: 767.98px) {
  .bnm-dashboard__welcome {
    padding: 1.2rem 1.1rem;
  }

  .bnm-dashboard__welcome-title {
    font-size: 1.3rem;
  }

  .bnm-dashboard__welcome-text {
    font-size: 0.9rem;
  }

  .bnm-kpi-card__value {
    font-size: 1.4rem;
  }

  .bnm-status-card {
    min-height: 84px;
  }

  .bnm-status-card__value {
    font-size: 1.25rem;
  }

  .bnm-highlight-card {
    flex: 1 1 100%;
  }
}

/* ====== [END] DASHBOARD SAAS ====== */

/* ====== [START] MEETINGS WIZARD (from meetings-wizard.css) ====== */
/* BookNMeet — Add/Edit Meeting wizard */
.bnm-meetings-wizard {
  --bnm-navy: #284060;
  --bnm-navy-deep: #1e3048;
  --bnm-navy-soft: #35557a;
  --bnm-theme: #2f4562;
  --bnm-orange: #f89818;
  --bnm-orange-soft: #fff4e5;
  --bnm-teal: #0f9d8a;
  --bnm-slate: #64748b;
  --bnm-page: #eef2f7;
  --bnm-card: #ffffff;
  --bnm-select-tint: #f0f3f7;
  --bnm-border: rgba(40, 64, 96, 0.1);
  --bnm-shadow: 0 8px 24px rgba(40, 64, 96, 0.07);
  --bnm-radius: 16px;
  --bnm-font: 'Source Sans 3', 'IBM Plex Sans', sans-serif;
  --bnm-font-display: 'IBM Plex Sans', 'Source Sans 3', sans-serif;
  font-family: var(--bnm-font);
  color: var(--bnm-navy);
}

.bnm-meetings-wizard .live-preview > form > .card {
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius);
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  background: var(--bnm-card);
}

.bnm-meetings-wizard .live-preview > form > .card > .card-body {
  padding: 0 !important;
}

/* ---- Stepper ---- */
.bnm-meetings-wizard .step-arrow-nav {
  margin: 0 !important;
  padding: 0;
  background: linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
  border-bottom: 1px solid var(--bnm-border);
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.bnm-meetings-wizard .step-arrow-nav::-webkit-scrollbar {
  display: none;
}

.bnm-meetings-wizard .step-arrow-nav .nav {
  white-space: nowrap;
  display: inline-flex;
  flex-flow: nowrap;
  width: 100%;
  gap: 0;
  min-width: 920px;
}

.bnm-meetings-wizard .step-arrow-nav .nav-item {
  flex: 1 1 0;
}

.bnm-meetings-wizard .step-arrow-nav .nav-link {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  margin: 0;
  padding: 1rem 0.85rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  color: var(--bnm-slate) !important;
  text-align: left;
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  min-width: 200px;
}

.bnm-meetings-wizard .step-arrow-nav .nav-link::before,
.bnm-meetings-wizard .step-arrow-nav .nav-link::after {
  display: none !important;
}

.bnm-meetings-wizard .step-arrow-nav .nav-link:hover:not(.disabled):not(.active) {
  background: rgba(40, 64, 96, 0.04) !important;
  color: var(--bnm-navy) !important;
}

.step-arrow-nav .nav.nav-pills {
  background-color: #ffffff;
}
.bnm-meetings-wizard .step-arrow-nav .nav-link.active {
  background: rgb(220 227 233) !important;
  color: #2f4562 !important;
  border-bottom-color: #2f4562 !important;
}

.bnm-meetings-wizard .step-arrow-nav .nav-link.disabled {
  opacity: 1;
  pointer-events: none;
}

.bnm-meetings-wizard .bnm-step-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy-soft);
  font-size: 1rem;
  margin: 0 !important;
  padding: 0 !important;
}

.bnm-meetings-wizard .bnm-step-icon--num {
  font-family: var(--bnm-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

.bnm-meetings-wizard .nav-link.active .bnm-step-icon {
  background: #2f4562;
  color: #fff;
  box-shadow: 0 6px 14px rgba(47, 69, 98, 0.28);
}

.bnm-meetings-wizard .bnm-step-copy {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  line-height: 1.35;
}

.bnm-meetings-wizard .bnm-step-title {
  font-family: var(--bnm-font-display);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: inherit;
}

.bnm-meetings-wizard .bnm-step-sub {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--bnm-slate);
  white-space: normal;
}

.bnm-meetings-wizard .nav-link.active .bnm-step-sub {
  color: var(--bnm-navy-soft);
}

/* ---- Tab body ---- */
.bnm-meetings-wizard .tab-content.tab-txt {
  padding: 1.5rem 1.75rem 1.75rem;
}

.bnm-meetings-wizard .bnm-step-intro {
  margin: 0 0 1.5rem;
  padding-bottom: 0;
  border-bottom: 0;
}

.bnm-meetings-wizard .bnm-step-intro__title {
  margin: 0 0 0.4rem;
  font-family: var(--bnm-font-display);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--bnm-theme);
}

.bnm-meetings-wizard .bnm-step-intro__text {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7a8799;
}

/* ---- Forms ---- */
.bnm-meetings-wizard .form_title,
.bnm-meetings-wizard .tab-title,
.bnm-meetings-wizard .form-label {
  font-family: var(--bnm-font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--bnm-navy);
}

.bnm-meetings-wizard .tab-title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--bnm-navy);
  border-bottom: 2px solid rgba(248, 152, 24, 0.35);
  display: inline-block;
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
}

.bnm-meetings-wizard .form_title small,
.bnm-meetings-wizard .form_title + small,
.bnm-meetings-wizard label small {
  font-weight: 400;
  color: var(--bnm-slate);
}

.bnm-meetings-wizard .form-control,
.bnm-meetings-wizard .form-select {
  border-color: rgba(40, 64, 96, 0.14);
  border-radius: 0.25rem;
  min-height: 42px;
  color: var(--bnm-navy);
  font-size: 0.92rem;
}

.bnm-meetings-wizard .form-control:focus,
.bnm-meetings-wizard .form-select:focus {
  border-color: var(--bnm-navy-soft);
  box-shadow: 0 0 0 0.2rem rgba(40, 64, 96, 0.12);
}

.bnm-meetings-wizard .form-check-input:checked {
  background-color: var(--bnm-navy);
  border-color: var(--bnm-navy);
}

.bnm-meetings-wizard .required {
  color: #e11d48;
}

.bnm-meetings-wizard .help-block {
  color: #e11d48;
  font-size: 0.8rem;
}

.bnm-meetings-wizard .text-primary,
.bnm-meetings-wizard .ri-information-line.text-primary {
  color: var(--bnm-navy-soft) !important;
}

/* ---- Meeting type cards — modern, image-forward ---- */
.bnm-meetings-wizard .meetingTypesList {
  margin-top: 0.35rem;
}

.bnm-type-card__content {
  position: absolute;
  bottom: 20px;
}
.bnm-meetings-wizard .bnm-type-card {
  position: relative;
  display: block;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

.bnm-meetings-wizard .bnm-type-card > input[type="radio"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}

.bnm-meetings-wizard .bnm-type-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 440px;
  padding: 0 0 2rem;
  border: 2px solid #e4ebf2;
  border-radius: 0.25rem;
  background: #fff;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 6px 22px rgba(40, 64, 96, 0.07);
  overflow: hidden;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.bnm-meetings-wizard .bnm-type-card__body:hover {
  border-color: #b8c7d8;
  box-shadow: 0 10px 28px rgba(40, 64, 96, 0.11);
}

.bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body {
  border-color: #284060 !important;
  background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 42%);
  box-shadow: 0 10px 28px rgba(40, 64, 96, 0.14);
}

.bnm-meetings-wizard .bnm-type-card > input:disabled + .bnm-type-card__body {
  cursor: not-allowed;
  opacity: 0.85;
}

.bnm-meetings-wizard .bnm-type-card > input:disabled:checked + .bnm-type-card__body {
  opacity: 1;
}

/* Check badge */
.bnm-meetings-wizard .bnm-type-card__check {
  position: absolute;
  top: 0.95rem;
  right: 0.95rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #284060;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 2;
  box-shadow: 0 6px 14px rgba(40, 64, 96, 0.3);
}

.bnm-meetings-wizard .bnm-type-card__check::after {
  content: '';
  width: 8px;
  height: 13px;
  margin-top: -2px;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}

.bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body .bnm-type-card__check {
  opacity: 1;
  transform: scale(1);
}

/* Illustration — dominant visual */
.bnm-meetings-wizard .bnm-type-card__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 100%;
  min-height: 250px;
  
  border-radius: 0.25rem;
  background:
    radial-gradient(ellipse 80% 70% at 50% 40%, rgba(40, 64, 96, 0.05) 0%, transparent 70%);
}

.bnm-meetings-wizard .bnm-type-card__img::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 92%);
  pointer-events: none;
  z-index: 1;
}

.bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body .bnm-type-card__img::after {
  background: linear-gradient(to bottom, rgba(247, 249, 252, 0) 0%, #f7f9fc 55%, #fff 100%);
}

.bnm-meetings-wizard .bnm-type-card__img img {
  max-width: 100%;
  
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  
  transition: transform 0.25s ease;
}

.bnm-meetings-wizard .bnm-type-card__body:hover .bnm-type-card__img img {
  transform: scale(1.03);
}

.bnm-meetings-wizard .bnm-type-card__title {
  display: block;
  margin: 0 0 0.55rem;
  font-family: var(--bnm-font-display);
  font-size: 1.35rem;
  font-weight: 700;
  color: #284060;
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
}

.bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body .bnm-type-card__title {
  color: #284060;
}

.bnm-meetings-wizard .bnm-type-card__desc {
  display: block;
  margin: 0 auto;
  max-width: 280px;
  padding-bottom: 0.35rem;
  font-family: var(--bnm-font);
  font-size: 0.98rem;
  line-height: 1.55;
  color: #64748b;
  text-align: center;
  font-weight: 400;
  position: relative;
  z-index: 1;
}

/* Always reserve accent space so select doesn't shift layout */
.bnm-meetings-wizard .bnm-type-card__title::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  margin: 0.6rem auto 0;
  border-radius: 99px;
  background: transparent;
}

.bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body .bnm-type-card__title::after {
  background: #f89818;
}

/* Override old Velzon custom-radio selected border inside wizard */
.bnm-meetings-wizard .custom-radio input:checked + .radio-btn {
  border-color: #284060 !important;
}

/* ---- Conditional field panels ---- */
.bnm-meetings-wizard .staffIndividualsDetails,
.bnm-meetings-wizard .allstaffDetails,
.bnm-meetings-wizard .staffGroupsDetails {
  max-width: none;
  width: 100%;
  margin-top: 1.25rem !important;
  padding: 1.15rem 1.2rem;
  border: 1px solid #e6ebf2;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(40, 64, 96, 0.04);
}

.bnm-meetings-wizard .staffIndividualsDetails.d-none,
.bnm-meetings-wizard .allstaffDetails.d-none,
.bnm-meetings-wizard .staffGroupsDetails.d-none {
  display: none !important;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.bnm-meetings-wizard .staffIndividualsDetails .form-md-line-input,
.bnm-meetings-wizard .allstaffDetails .form-md-line-input,
.bnm-meetings-wizard .staffGroupsDetails .form-md-line-input {
  margin-bottom: 0.9rem;
}

.bnm-meetings-wizard .staffIndividualsDetails .form-md-line-input:last-child,
.bnm-meetings-wizard .allstaffDetails .form-md-line-input:last-child,
.bnm-meetings-wizard .staffGroupsDetails .form-md-line-input:last-child {
  margin-bottom: 0;
}

/* ---- Buttons (match theme Add Banner: btn-theme + btn-label) ---- */
.bnm-meetings-wizard .text-end,
.bnm-meetings-wizard .form-actions {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bnm-border);
}

.bnm-meetings-wizard .form-actions .btn + .btn,
.bnm-meetings-wizard .text-end .btn + .btn {
  margin-left: 0.5rem;
}

/* Choices.js inside wizard */
.bnm-meetings-wizard .choices {
  margin-bottom: 0;
}

.bnm-meetings-wizard .choices__inner {
  border-radius: 0.25rem !important;
  border: 1px solid #d5dde8 !important;
  background: #fff !important;
  min-height: 44px !important;
  padding: 0.45rem 0.85rem !important;
  font-size: 0.92rem;
  color: var(--bnm-navy);
  box-shadow: none !important;
  line-height: 2 !important;
}

.bnm-meetings-wizard .choices.is-focused .choices__inner,
.bnm-meetings-wizard .choices.is-open .choices__inner {
  border-color: var(--bnm-navy-soft) !important;
  box-shadow: 0 0 0 3px rgba(40, 64, 96, 0.08) !important;
}

.bnm-meetings-wizard .choices__list--single {
  padding: 0;
}

.bnm-meetings-wizard .choices__list--single .choices__item {
  color: var(--bnm-navy);
  font-weight: 500;
}

.bnm-meetings-wizard .choices[data-type*="select-one"]::after {
  border-color: var(--bnm-slate) transparent transparent;
  right: 14px;
}

/* ---- Form sections (full-width via Bootstrap cols) ---- */
.bnm-meetings-wizard .bnm-form-section {
  max-width: none;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1.15rem 1.25rem 1.2rem;
  border: 1px solid #e6ebf2;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(40, 64, 96, 0.03);
}

.bnm-meetings-wizard .bnm-form-section__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.95rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #eef2f7;
}

.bnm-meetings-wizard .bnm-form-section__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.07);
  color: var(--bnm-navy);
  font-size: 1.05rem;
}

.bnm-meetings-wizard .bnm-form-section__icon--orange {
  background: rgba(248, 152, 24, 0.14);
  color: var(--bnm-orange);
}

.bnm-meetings-wizard .bnm-form-section__icon--teal {
  background: rgba(15, 157, 138, 0.12);
  color: var(--bnm-teal);
}

.bnm-meetings-wizard .bnm-form-section__copy {
  min-width: 0;
}

.bnm-meetings-wizard .bnm-form-section__title {
  margin: 0 0 0.15rem;
  font-family: var(--bnm-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bnm-navy);
  letter-spacing: -0.01em;
}

.bnm-meetings-wizard .bnm-form-section__hint {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #7a8799;
  font-weight: 400;
}

.bnm-meetings-wizard .bnm-form-tip {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0 0 0.9rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.25rem;
  background: #f7f9fc;
  border: 1px solid #e8eef5;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--bnm-navy-soft);
}

.bnm-meetings-wizard .bnm-form-tip i {
  flex-shrink: 0;
  margin-top: 0.05rem;
  color: var(--bnm-orange);
  font-size: 0.95rem;
}

.bnm-meetings-wizard .bnm-form-fields {
  max-width: 100%;
}

.bnm-meetings-wizard .bnm-form-fields .form-md-line-input,
.bnm-meetings-wizard .bnm-form-fields > .form-group {
  margin-bottom: 0.85rem;
}

.bnm-meetings-wizard .bnm-form-fields .form-md-line-input:last-child {
  margin-bottom: 0;
}

/* Kill floating-label overlap — use clean top labels */
.bnm-meetings-wizard .cm-floating .form-label,
.bnm-meetings-wizard .cm-floating .form_title,
.bnm-meetings-wizard .form-md-line-input > .form-label,
.bnm-meetings-wizard .form-md-line-input > .form_title {
  position: static !important;
  display: block;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0.4rem !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--bnm-navy) !important;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.bnm-meetings-wizard .form-control,
.bnm-meetings-wizard .form-select {
  border: 1px solid #d5dde8 !important;
  border-radius: 0.25rem !important;
  min-height: 44px;
  padding: 0.5rem 0.85rem;
  color: var(--bnm-navy);
  font-size: 0.92rem;
  background: #fff !important;
  box-shadow: none !important;
}

.bnm-meetings-wizard .form-control:focus,
.bnm-meetings-wizard .form-select:focus {
  border-color: var(--bnm-navy-soft) !important;
  box-shadow: 0 0 0 3px rgba(40, 64, 96, 0.08) !important;
}

.bnm-meetings-wizard .bnm-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border-radius: 0.25rem;
  background: #f4f7fb;
  border: 1px solid #e4ebf3;
}

.bnm-meetings-wizard .bnm-toggle-row .form_title,
.bnm-meetings-wizard .bnm-toggle-row .form-label {
  margin: 0 !important;
  flex: 1 1 auto;
  max-width: calc(100% - 3.5rem);
  white-space: normal;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.45;
}

/* Switch-style checkbox */
.bnm-meetings-wizard .bnm-toggle-row .form-check-input,
.bnm-meetings-wizard .form-switch .form-check-input.publish {
  margin: 0 !important;
  flex-shrink: 0;
  width: 2.75rem !important;
  height: 1.45rem !important;
  border-radius: 999px !important;
  border: 1px solid #c5d0de !important;
  background-color: #c5d0de !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
  background-position: left center !important;
  transition: background-position 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
  cursor: pointer;
  box-shadow: none !important;
}

.bnm-meetings-wizard .bnm-toggle-row .form-check-input:checked,
.bnm-meetings-wizard .form-switch .form-check-input.publish:checked {
  background-color: var(--bnm-navy) !important;
  border-color: var(--bnm-navy) !important;
  background-position: right center !important;
}

.bnm-meetings-wizard .bnm-toggle-row .form-check-input:focus,
.bnm-meetings-wizard .form-switch .form-check-input.publish:focus {
  box-shadow: 0 0 0 3px rgba(40, 64, 96, 0.12) !important;
}

/* Radio chips — clean, no border overlap */
.bnm-meetings-wizard .md-radio-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.bnm-meetings-wizard .md-radio-inline .form-check-inline {
  margin: 0;
  padding: 0.65rem 1rem;
  border-radius: 0.25rem;
  border: 1.5px solid #d5dde8;
  background: #fff;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.bnm-meetings-wizard .md-radio-inline .form-check-inline .check,
.bnm-meetings-wizard .md-radio-inline .form-check-inline .box {
  display: none !important;
}

.bnm-meetings-wizard .md-radio-inline .form-check-input {
  float: none;
  margin: 0 !important;
  position: static;
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
  border: 2px solid #b8c5d6;
  background-color: #fff;
  cursor: pointer;
}

.bnm-meetings-wizard .md-radio-inline .form-check-input:checked {
  background-color: var(--bnm-navy);
  border-color: var(--bnm-navy);
}

.bnm-meetings-wizard .md-radio-inline .form-check-inline:has(input:checked) {
  border-color: var(--bnm-navy);
  background: rgba(40, 64, 96, 0.05);
  box-shadow: 0 0 0 1px rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy);
}

.bnm-meetings-wizard .md-radio-inline .form-check-inline:hover {
  border-color: #a8b6c8;
}

.bnm-meetings-wizard .md-radio-inline .form-check-label {
  font-size: 0.88rem;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

/* Buttons — exact same as theme "Add Banner" (btn-light btn-theme bg-gradient btn-label) */
.bnm-meetings-wizard .btn.btn-label {
  position: relative;
  padding-left: 44px !important;
  padding-right: 0.9rem !important;
  border-radius: 0.25rem !important;
  font-weight: 500;
  box-shadow: none !important;
  overflow: hidden;
  vertical-align: middle;
}

.bnm-meetings-wizard .btn.btn-theme.btn-label,
.bnm-meetings-wizard .btn.btn-light.btn-theme.btn-label,
.bnm-meetings-wizard .btn.btn-primary.btn-label,
.bnm-meetings-wizard .btn.btn-secondary.btn-label {
  background-color: #2f4562 !important;
  border-color: #2f4562 !important;
  color: #fff !important;
}

.bnm-meetings-wizard .btn.btn-theme.btn-label:hover,
.bnm-meetings-wizard .btn.btn-theme.btn-label:focus,
.bnm-meetings-wizard .btn.btn-light.btn-theme.btn-label:hover,
.bnm-meetings-wizard .btn.btn-primary.btn-label:hover,
.bnm-meetings-wizard .btn.btn-secondary.btn-label:hover {
  background-color: #16335b !important;
  border-color: #16335b !important;
  color: #fff !important;
}

/* Icon strip on the left — same as theme btn-label */
.bnm-meetings-wizard .btn.btn-label .label-icon {
  position: absolute !important;
  left: -1px !important;
  right: auto !important;
  top: -1px !important;
  bottom: -1px !important;
  width: 35.5px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1;
}

.bnm-meetings-wizard .btn.btn-label > .d-flex {
  align-items: center;
}

.bnm-meetings-wizard .btn.btn-label > .d-flex > .flex-shrink-0 {
  /* icon is absolute; keep flex slot empty */
  width: 0;
  height: 0;
  overflow: visible;
}

.bnm-meetings-wizard .btn.btn-label > .d-flex > .flex-grow-1 {
  white-space: nowrap;
  color: inherit;
}

.bnm-meetings-wizard .btn.btn-danger.btn-label {
  background-color: #f06548 !important;
  border-color: #f06548 !important;
  color: #fff !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding-left: 44px !important;
}

.bnm-meetings-wizard .btn.btn-danger.btn-label:hover,
.bnm-meetings-wizard .btn.btn-danger.btn-label:focus {
  background-color: #d4553a !important;
  border-color: #d4553a !important;
  color: #fff !important;
}

.bnm-meetings-wizard .btn.btn-danger.btn-label .label-icon {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

.bnm-meetings-wizard .form-actions .btn-label,
.bnm-meetings-wizard .text-end .btn-label {
  margin: 0 0.35rem 0.35rem 0;
}

.bnm-meetings-wizard .hoursdiv,
.bnm-meetings-wizard .minutesdiv,
.bnm-meetings-wizard .mainAvailableHours0 > div.flex-grow-1,
.bnm-meetings-wizard [class*="mainAvailableHours"] > div.flex-grow-1,
.bnm-meetings-wizard [class*="mainAvailableFields"] > div.flex-grow-1 {
  max-width: 160px;
}

/* Square + duration control (not labeled buttons) */
.bnm-meetings-wizard .addDuration.btn-primary {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  box-shadow: none;
  background-color: #2f4562 !important;
  border-color: #2f4562 !important;
  color: #fff !important;
}

/* Protect square red remove / icon-only buttons */
.bnm-meetings-wizard .removeDuration,
.bnm-meetings-wizard .remove_field,
.bnm-meetings-wizard .event-iconbtn,
.bnm-meetings-wizard .removeQuestionsFeilds {
  padding: 0 !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  background: #f06548 !important;
  border-color: #f06548 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 0.25rem !important;
}

.bnm-meetings-wizard .removeDuration:hover,
.bnm-meetings-wizard .remove_field:hover,
.bnm-meetings-wizard .event-iconbtn:hover,
.bnm-meetings-wizard .removeQuestionsFeilds:hover {
  background: #d4553a !important;
  border-color: #d4553a !important;
  color: #fff !important;
}

.bnm-meetings-wizard .removeDuration {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
}

.bnm-meetings-wizard .event-iconbtn {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.bnm-meetings-wizard .userAvailability,
.bnm-meetings-wizard #user-availability-wrapper {
  margin-top: 0.35rem;
}

.bnm-meetings-wizard .alias-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.8rem;
  border-radius: 0.25rem;
  background: rgba(40, 64, 96, 0.04);
  border: 1px solid rgba(40, 64, 96, 0.08);
}

@media (max-width: 991.98px) {
  .bnm-meetings-wizard .tab-content.tab-txt {
    padding: 1.15rem 1.1rem 1.35rem;
  }

  .bnm-meetings-wizard .bnm-step-intro__title {
    font-size: 1.2rem;
  }

  .bnm-meetings-wizard .bnm-type-card__body {
    min-height: 360px;
    margin-bottom: 0.5rem;
    padding: 1rem 1.1rem 1.75rem;
    transform: none;
  }

  .bnm-meetings-wizard .bnm-type-card__body:hover,
  .bnm-meetings-wizard .bnm-type-card > input:checked + .bnm-type-card__body {
    transform: none;
  }

  .bnm-meetings-wizard .bnm-type-card__img {
    min-height: 200px;
    margin-bottom: 1.15rem;
  }

  .bnm-meetings-wizard .bnm-type-card__img img {
    max-height: 220px;
  }

  .bnm-meetings-wizard .bnm-type-card__title {
    font-size: 1.2rem;
  }

  .bnm-meetings-wizard .bnm-type-card__desc {
    font-size: 0.92rem;
  }

  .bnm-meetings-wizard .bnm-form-section {
    padding: 1rem;
  }

  .bnm-meetings-wizard .hoursdiv,
  .bnm-meetings-wizard .minutesdiv,
  .bnm-meetings-wizard [class*="mainAvailableHours"] > div.flex-grow-1,
  .bnm-meetings-wizard [class*="mainAvailableFields"] > div.flex-grow-1 {
    max-width: none;
  }
}

/* ---- Unified form radius (all steps) ---- */
.bnm-meetings-wizard .form-control,
.bnm-meetings-wizard .form-select,
.bnm-meetings-wizard textarea,
.bnm-meetings-wizard .input-group-text,
.bnm-meetings-wizard .input-group > .form-control,
.bnm-meetings-wizard .input-group > .form-select,
.bnm-meetings-wizard .choices__inner,
.bnm-meetings-wizard .choices__list--dropdown,
.bnm-meetings-wizard .choices__list[aria-expanded],
.bnm-meetings-wizard .flatpickr-input,
.bnm-meetings-wizard .bnm-type-card__body,
.bnm-meetings-wizard .staffIndividualsDetails,
.bnm-meetings-wizard .allstaffDetails,
.bnm-meetings-wizard .staffGroupsDetails,
.bnm-meetings-wizard .bnm-form-section,
.bnm-meetings-wizard .bnm-form-section__icon,
.bnm-meetings-wizard .bnm-form-tip,
.bnm-meetings-wizard .bnm-toggle-row,
.bnm-meetings-wizard .md-radio-inline .form-check-inline,
.bnm-meetings-wizard .alias-group,
.bnm-meetings-wizard .btn:not(.rounded-pill):not(.rounded-circle),
.bnm-meetings-wizard .addDuration,
.bnm-meetings-wizard .removeDuration,
.bnm-meetings-wizard .remove_field,
.bnm-meetings-wizard .event-iconbtn,
.bnm-meetings-wizard .removeQuestionsFeilds,
.bnm-meetings-wizard .custom-radio .radio-btn,
.bnm-meetings-wizard select,
.bnm-meetings-wizard input[type="text"],
.bnm-meetings-wizard input[type="email"],
.bnm-meetings-wizard input[type="number"],
.bnm-meetings-wizard input[type="search"],
.bnm-meetings-wizard input[type="url"],
.bnm-meetings-wizard input[type="tel"],
.bnm-meetings-wizard input[type="password"],
.bnm-meetings-wizard input[type="date"],
.bnm-meetings-wizard input[type="time"],
.bnm-meetings-wizard input[type="datetime-local"] {
  border-radius: 0.25rem !important;
}

/* ====== [END] MEETINGS WIZARD ====== */

/* ====== [START] ASSIGNED VISITOR PAGE (from VisitorLead list.blade.php) ====== */
/* ===== Visitor Card View — Polished Design ===== */

    /* Velzon skeleton loader for list + grid views */
    #visitorListBody {
        position: relative;
        min-height: 320px;
    }
    #visitorListBody .visitor-skeleton-loader {
        background-color: var(--vz-body-bg, #f3f3f9);
        padding: 0;
        overflow: hidden;
        border-radius: 0.3rem;
    }
    #visitorListBody .visitor-skeleton-grid,
    #visitorListBody .visitor-skeleton-table {
        height: 100%;
        overflow: hidden;
    }
    #visitorListBody .visitor-skeleton-card {
        border: none;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(64,81,137,.08);
        overflow: hidden;
        pointer-events: none;
        display: flex;
        flex-direction: column;
    }
    #visitorListBody .visitor-skeleton-card .sk-header {
        padding: 16px 18px 14px;
        border-bottom: 1px solid #eef0f5;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    #visitorListBody .visitor-skeleton-card .sk-header .placeholder {
        height: 16px;
        border-radius: 4px;
    }
    #visitorListBody .visitor-skeleton-card .sk-pill {
        display: block;
        width: 72px;
        height: 18px;
        border-radius: 20px;
    }
    #visitorListBody .visitor-skeleton-card .sk-body {
        padding: 12px 16px 10px;
        flex: 1;
    }
    #visitorListBody .visitor-skeleton-card .sk-body .placeholder {
        height: 12px;
        border-radius: 4px;
    }
    #visitorListBody .visitor-skeleton-card .sk-footer {
        border-top: 1px solid #eef0f5;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }
    #visitorListBody .visitor-skeleton-card .sk-assign {
        width: 110px;
        height: 28px;
        border-radius: 5px;
    }
    #visitorListBody .visitor-skeleton-card .sk-date {
        width: 88px;
        height: 22px;
        border-radius: 20px;
    }
    #visitorListBody .visitor-skeleton-table .table {
        margin-bottom: 0;
        background: #fff;
    }
    #visitorListBody .visitor-skeleton-table .placeholder {
        height: 12px;
        border-radius: 4px;
    }
    #visitorListBody .visitor-skeleton-table thead .placeholder {
        height: 10px;
    }
    #visitorListBody .visitor-skeleton-table td,
    #visitorListBody .visitor-skeleton-table th {
        pointer-events: none;
    }

    /* Grid gap */
    #visitorCardView #visitorCardContainer { gap: 0; }

    /* Card shell */
    #visitorCardView .visitor-card {
        border: none;
        
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(64,81,137,.08);
        transition: box-shadow .2s ease, transform .15s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    #visitorCardView .visitor-card:hover {
        box-shadow: 0 4px 20px rgba(64,81,137,.18);
        transform: translateY(-2px);
    }

    /* ── Header ── */
    #visitorCardView .visitor-card .card-header-area {
        /* background: linear-gradient(135deg, #2f4562 0%, #405189 55%, #5b7adf 100%); */
        padding: 14px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        position: relative;
        overflow: hidden;
         
            border-bottom: 1px solid #eef0f5;
    }
    /* Decorative circle glow in header background */
    /* #visitorCardView .visitor-card .card-header-area::before {
        content: '';
        position: absolute;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: rgba(255,255,255,.06);
        right: -20px;
        top: -30px;
        pointer-events: none;
    }
    #visitorCardView .visitor-card .card-header-area::after {
        content: '';
        position: absolute;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        right: 40px;
        bottom: -20px;
        pointer-events: none;
    } */
    #visitorCardView .visitor-card .visitor-name {
        font-weight: 600;
        font-size: 1.05rem;
        color: #212529;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0.01em;
        position: relative;
        z-index: 1;
    }
    /* Name + meeting-type pill — stacked header */
    #visitorCardView .visitor-card .card-header-area {
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
        padding: 16px 18px 14px;
    }
    #visitorCardView .visitor-card .vc-head-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }
    #visitorCardView .visitor-card .vc-name-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        min-width: 0;
        flex: 1 1 auto;
    }
    #visitorCardView .visitor-card .vc-mt-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 50rem;
        padding: 2px 9px;
        font-size: 0.72rem;
        font-weight: 500;
        background: #dce8fd;
        color: #405189;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Popover pills — single colour for all Info badges */
    #visitorCardView .visitor-card .vc-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 50rem;
        padding: 2px 9px;
        font-size: 0.72rem;
        font-weight: 500;
        background: #dce8fd;
        color: #405189;
        cursor: pointer;
        transition: filter .12s;
    }
    #visitorCardView .visitor-card .vc-pill:hover { filter: brightness(.96); }
    /* Accent palette — meeting-type pills only; Info stays one colour */
    #visitorCardView .vc-accent-0 .vc-mt-pill { background: #dce8fd; color: #405189; }
    #visitorCardView .vc-accent-1 .vc-mt-pill { background: #ece9fb; color: #6d5cc3; }
    #visitorCardView .vc-accent-2 .vc-mt-pill { background: #d6f4ee; color: #0ab39c; }
    #visitorCardView .vc-accent-3 .vc-mt-pill { background: #d6eeff; color: #299cdb; }
    #visitorCardView .vc-accent-4 .vc-mt-pill { background: #fef3d8; color: #d29b36; }
    #visitorCardView .vc-accent-5 .vc-mt-pill { background: #fde0f0; color: #e91e8c; }
    /* Check-in/out widget in header */
    #visitorCardView .visitor-card .vc-checkinout-wrap {
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;
        z-index: 1;
        flex-wrap: nowrap;
        justify-content: flex-end;
        flex-shrink: 0;
    }
    #visitorCardView .vc-checkinout-controls {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
    }
    #visitorCardView .vc-checkinout-primary {
        display: inline-flex;
        justify-content: flex-end;
        flex: 0 0 auto;
    }
    #visitorCardView .vc-checkinout-primary .btn-success,
    #visitorCardView .vc-checkinout-primary .btn-danger,
    #visitorCardView .vc-checkinout-primary .vc-checkin-badge {
        width: auto;
        height: 32px;
        min-height: 32px;
        justify-content: center;
        display: inline-flex;
        align-items: center;
        box-sizing: border-box;
    }
    /* Status badge — Checked In */
    #visitorCardView .vc-checkin-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border-radius: 5px;
        padding: 5px 11px;
        font-size: 0.73rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }
    #visitorCardView .vc-checkin-badge i { font-size: 13px; }
    #visitorCardView .vc-checkin-badge.vc-status-icon-only {
        width: 32px;
        min-width: 32px;
        height: 32px;
        padding: 0;
        justify-content: center;
        cursor: help;
    }
    #visitorCardView .vc-checkin-badge.vc-status-icon-only i { font-size: 16px; }
    #visitorCardView .vc-status-in {
        background: rgba(10,179,156,.18);
        color: #0ab39c;
        border: 1.5px solid rgba(10,179,156,.35);
    }
    #visitorCardView .vc-status-out {
        background: rgba(240,101,72,.15);
        color: #f06548;
        border: 1.5px solid rgba(240,101,72,.35);
    }
    /* Info popup trigger */
    #visitorCardView .vc-checkin-info-btn {
        display: inline-flex;
    }
    #visitorCardView .vc-checkin-info-btn a {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #fff;
        border: 1.5px solid #e0e4ef;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #405189 !important;
        font-size: 14px;
        transition: background .15s;
        box-sizing: border-box;
    }
    #visitorCardView .vc-checkin-info-btn a:hover {
        background: #eef1fb;
    }
    /* Action buttons group (Undo/Redo/Reset) */
    #visitorCardView .vc-action-group {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 1px;
        height: 32px;
        width: auto;
        box-sizing: border-box;
        background: #fff;
        border-radius: 7px;
        padding: 2px;
        border: 1px solid #dfe4ec;
        box-shadow: 0 1px 2px rgba(16,24,40,.05);
    }
    #visitorCardView .vc-action-btn {
        width: 27px;
        height: 27px;
        border-radius: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #667085 !important;
        font-size: 14px;
        transition: background .15s, color .15s;
        text-decoration: none;
    }
    #visitorCardView .vc-action-btn:hover {
        background: #eef1f8;
        color: #405189 !important;
    }
    #visitorCardView .vc-action-btn + .vc-action-btn {
        border-left: 1px solid #edf0f4;
    }
    #visitorCardView .vc-action-reset:hover {
        color: #f7b84b !important;
    }
    /* Style Check In / Check Out buttons rendered inside the widget */
    #visitorCardView .vc-checkinout-wrap .btn-success,
    #visitorCardView .vc-checkinout-wrap .btn-danger {
        height: 32px;
        min-height: 32px;
        font-size: 0.76rem;
        padding: 0 14px;
        border-radius: 5px;
        font-weight: 500;
        letter-spacing: 0.02em;
        border: none;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        box-sizing: border-box;
    }
    #visitorCardView .vc-checkinout-wrap .btn-success {
        background: #0ab39c;
        color: #fff;
        box-shadow: 0 2px 8px rgba(10,179,156,.40);
    }
    #visitorCardView .vc-checkinout-wrap .btn-danger {
        background: #f06548;
        color: #fff;
        box-shadow: 0 2px 8px rgba(240,101,72,.40);
    }

    /* ── Body ── */
    #visitorCardView .visitor-card .card-body-area {
        padding: 8px 15px 8px;
        flex: 1;
    }
    #visitorCardView .visitor-card .vc-row {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 0;
        font-size: 0.83rem;
        color: #444;
     
        padding: 4px 0;
    }

    /* Plain dark row icon */
    #visitorCardView .visitor-card .vc-row-icon {
        font-size: 16px;
        color: #495057;
        width: 18px;
        text-align: center;
        flex-shrink: 0;
        line-height: 1;
    }
    #visitorCardView .visitor-card .vc-value {
        color: #212529;
        word-break: break-word;
        line-height: 1.5;
        font-size: 0.83rem;
        flex: 1;
        min-width: 0;
    }

    /* ── Footer ── */
    #visitorCardView .visitor-card .card-footer-area {
        border-top: 1px solid #eef0f5;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        border-radius: 0 0 5px 5px;
      //  background: linear-gradient(180deg, #f8f9fc 0%, #f2f4f9 100%);
    }
    /* Assign pill */
    #visitorCardView .visitor-card .vc-assign-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #fff;
        color: #405189;
        border-radius: 5px;
        padding: 5px 12px 5px 8px;
        font-size: 0.78rem;
        font-weight: 600;
        border: 1.5px solid #c8d4f0;
        box-shadow: 0 1px 4px rgba(64,81,137,.10);
        letter-spacing: 0.01em;
        max-width: 160px;
white-space: nowrap;
overflow: hidden;

    }
    #visitorCardView .visitor-card .vc-assign-pill i {
        font-size: 14px;
        color: #405189;
    }
    /* Canceled state */
    #visitorCardView .visitor-card .vc-assign-canceled {
        background: #fff5f5;
        color: #f06548;
        border-color: #f8c5bb;
    }
    #visitorCardView .visitor-card .vc-assign-canceled i {
        color: #f06548;
    }
    #visitorCardView .visitor-card .vc-assign-icon-only {
        width: 34px;
        min-width: 34px;
        height: 34px;
        padding: 0;
        justify-content: center;
        cursor: help;
    }
    #visitorCardView .visitor-card .vc-assign-icon-only i {
        margin: 0;
        font-size: 16px;
    }
    /* Dropdown wrapper in footer — Velzone choices style */
    #visitorCardView .visitor-card .vc-velzone-dd {
        position: relative;
        min-width: 150px;
        max-width: 165px;
        user-select: none;
    }
    #visitorCardView .visitor-card .vc-dd-selected {
        display: flex;
        align-items: center;
        gap: 4px;
        background: #fff;
        border: 1.5px solid #e0e4ef;
        border-radius: 5px;
        padding: 5px 9px;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 500;
        color: #343a40;
        box-shadow: none;
        transition: border-color .15s, box-shadow .15s;
    }
    #visitorCardView .visitor-card .vc-dd-selected:hover,
    #visitorCardView .visitor-card .vc-velzone-dd.open .vc-dd-selected {
        border-color: #405189;
        box-shadow: 0 0 0 3px rgba(64,81,137,.12);
    }
    #visitorCardView .visitor-card .vc-dd-selected > .ri-user-line {
        font-size: 14px;
        color: #405189;
        flex-shrink: 0;
    }
    #visitorCardView .visitor-card .vc-dd-label {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #visitorCardView .visitor-card .vc-dd-arrow {
        font-size: 16px;
        color: #878a99;
        flex-shrink: 0;
        transition: transform .2s ease;
    }
    #visitorCardView .visitor-card .vc-velzone-dd.open .vc-dd-arrow {
        transform: rotate(180deg);
    }
    /* Dropdown list */
    #visitorCardView .visitor-card .vc-dd-list {
        display: none;
        position: absolute;
        bottom: calc(100% + 5px);
        left: 0;
        right: 0;
        background: #fff;
        border: 1.5px solid #c8d4f0;
        border-radius: 5px;
        box-shadow: 0 8px 24px rgba(64,81,137,.18);
        margin: 0;
        padding: 4px 0;
        list-style: none;
        z-index: 999;
        max-height: 200px;
        overflow-y: auto;
    }
    #visitorCardView .visitor-card .vc-velzone-dd.open .vc-dd-list {
        display: block;
    }
    #visitorCardView .visitor-card .vc-dd-option {
        padding: 8px 14px;
        font-size: 0.8rem;
        color: #495057;
        cursor: pointer;
        transition: background .12s;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #visitorCardView .visitor-card .vc-dd-option:hover {
        background: #eef1fb;
        color: #405189;
    }
    #visitorCardView .visitor-card .vc-dd-option.selected {
        background: #eef1fb;
        color: #405189;
        font-weight: 600;
    }
    #visitorCardView .visitor-card .vc-dd-option.selected::before {
        content: '\eb7b';
        font-family: remixicon !important;
        font-size: 14px;
        color: #405189;
        margin-right: 2px;
    }
    /* Scrollbar styling for list */
    #visitorCardView .visitor-card .vc-dd-list::-webkit-scrollbar { width: 4px; }
    #visitorCardView .visitor-card .vc-dd-list::-webkit-scrollbar-track { background: #f1f3f5; border-radius: 4px; }
    #visitorCardView .visitor-card .vc-dd-list::-webkit-scrollbar-thumb { background: #c8d4f0; border-radius: 4px; }
    /* Right side of footer — note + date */
    #visitorCardView .visitor-card .vc-footer-right {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
    }
    /* Received date chip */
    #visitorCardView .visitor-card .vc-date-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: #fff;
        color: #495057;
        border-radius: 5px;
        padding: 6px 11px;
        font-size: 0.75rem;
        font-weight: 500;
        border: 1.5px solid #e0e4ef;
        box-shadow: none;
    }
    #visitorCardView .visitor-card .vc-date-chip i {
        font-size: 13px;
        color: #495057;
    }
    /* Note popover button — Velzone style */
    #visitorCardView .visitor-card .vc-note-popover-wrap {
        position: relative;
        display: inline-flex;
    }
    #visitorCardView .visitor-card .vc-note-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 33px;
        height: 33px;
        border-radius: 5px;
        background: #fff;
        border: 1.5px solid #0ab39c;
        color: #0ab39c;
        font-size: 16px;
        cursor: pointer;
        box-shadow: none;
        transition: border-color .15s, box-shadow .15s, background .15s;
        position: relative;
        padding: 0;
    }
    #visitorCardView .visitor-card .vc-note-btn:hover {
        background: #eafaf7;
        box-shadow: 0 0 0 3px rgba(10,179,156,.15);
    }
    /* Red dot indicator — note has content */
    #visitorCardView .visitor-card .vc-note-dot {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 7px;
        height: 7px;
        background: #f06548;
        border-radius: 50%;
        border: 1.5px solid #fff;
    }
    /* Popover card */
    #visitorCardView .visitor-card .vc-note-popover {
        display: none;
        position: absolute;
        bottom: calc(100% + 8px);
        right: 0;
        width: 220px;
        background: #fff;
        border: 1.5px solid #e0e4ef;
        border-radius: 5px;
        box-shadow: 0 8px 24px rgba(64,81,137,.15);
        z-index: 9999;
        overflow: hidden;
    }
    #visitorCardView .visitor-card .vc-note-popover-wrap.open .vc-note-popover {
        display: block;
    }
    /* Small arrow pointing down */
    #visitorCardView .visitor-card .vc-note-popover::after {
        content: '';
        position: absolute;
        bottom: -7px;
        right: 10px;
        width: 12px;
        height: 12px;
        background: #fff;
        border-right: 1.5px solid #e0e4ef;
        border-bottom: 1.5px solid #e0e4ef;
        transform: rotate(45deg);
    }
    #visitorCardView .visitor-card .vc-note-popover-header {
        background: linear-gradient(135deg, #2f4562 0%, #405189 100%);
        color: #fff;
        font-size: 0.76rem;
        font-weight: 600;
        padding: 8px 12px;
        letter-spacing: 0.03em;
        display: flex;
        align-items: center;
    }
    #visitorCardView .visitor-card .vc-note-popover-body {
        padding: 10px 12px;
        font-size: 0.8rem;
        color: #495057;
        line-height: 1.55;
        max-height: 120px;
        overflow-y: auto;
    }
    #visitorCardView .visitor-card .vc-note-popover-footer {
        padding: 6px 12px 8px;
        border-top: 1px solid #f0f2f7;
        display: flex;
        justify-content: flex-end;
    }
    /* Edit note link inside popover */
    #visitorCardView .visitor-card .vc-note-edit-btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        color: #405189;
        text-decoration: none;
        padding: 3px 8px;
        border-radius: 4px;
        border: 1px solid #c8d4f0;
        background: #eef1fb;
        transition: background .12s;
    }
    #visitorCardView .visitor-card .vc-note-edit-btn:hover {
        background: #dce8fd;
        color: #2f4562;
    }
    #visitorCardView .visitor-card .vc-note-edit-btn i { font-size: 13px; }
    /* Add note button (no content yet) — green square “+” */
    #visitorCardView .visitor-card .vc-note-add-btn {
        width: 33px;
        height: 33px;
        padding: 0;
        justify-content: center;
        border-radius: 5px;
        font-size: 16px;
        color: #0ab39c;
        border: 1.5px solid #0ab39c;
        background: #fff;
    }
    #visitorCardView .visitor-card .vc-note-add-btn:hover {
        background: #eafaf7;
        color: #089182;
    }

    /* Info popover trigger (Services / Add. Assets / Info) */
    #visitorCardView .visitor-card .vc-info-popover { cursor: pointer; }
    /* One-line popover button row (Services / Add. Assets / Info) */
    #visitorCardView .visitor-card .vc-pop-row {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    #visitorCardView .visitor-card .vc-activity-note {
        display: flex;
        align-items: flex-start;
        gap: 7px;
        flex: 1 0 100%;
        width: 100%;
        margin-top: 3px;
        padding: 8px 10px;
        border: 1px solid #fee4e2;
        border-radius: 6px;
        background: #fef3f2;
        color: #b42318;
        font-size: 0.75rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }
    #visitorCardView .visitor-card .vc-activity-note i {
        flex: 0 0 auto;
        margin-top: 1px;
        font-size: 14px;
    }
    #visitorCardView .visitor-card .vc-activity-pill {
        gap: 5px;
        background: #fef3f2;
        color: #b42318;
        border: 1px solid #fee4e2;
    }
    #visitorCardView .visitor-card .vc-activity-pill:hover {
        background: #fee4e2;
        color: #912018;
    }
    #visitorCardView .visitor-card .vc-pop-btn {
        font-size: 0.75rem;
        font-weight: 600;
    }
    #visitorCardView .visitor-card .vc-pop-btn .label-icon {
        font-size: 15px;
    }
    /* Info popover trigger (card + table) */
    .vc-info-popover { cursor: pointer; }

    /* Bootstrap popover skin — rendered in body, keep outside #visitorCardView scope */
    .popover.vc-info-bs-popover {
        max-width: 400px;
        border: 1.5px solid #e0e4ef;
        box-shadow: 0 8px 24px rgba(64,81,137,.15);
    }
    /* Note popover must fit "Created:" / "Updated:" on one line. Bootstrap otherwise shrinks to the note text. */
    .popover.vc-info-bs-popover.vc-note-bs-popover {
        min-width: 280px;
    }
    .popover.vc-info-bs-popover .popover-header {
        background: linear-gradient(135deg, #2f4562 0%, #405189 100%);
        color: #fff;
        font-size: 0.8rem;
        font-weight: 600;
    }
    .popover.vc-info-bs-popover .popover-body {
        font-size: 0.8rem;
        color: #495057;
        line-height: 1.55;
        max-height: 220px;
        overflow-y: auto;
    }

    /* ── Pagination — table (DataTables) style ── */
    #visitorCardPagination { flex-wrap: wrap; gap: 8px; }
    #visitorCardPagination #visitorCardInfo {
        color: #6c757d;
        font-size: 0.83rem;
    }
    #visitorCardPagination #visitorCardInfo b { color: #212529; font-weight: 700; }
    #visitorCardPagination .page-item { margin: 0 2px; }
    #visitorCardPagination .page-link {
        border-radius: 4px !important;
        font-size: 0.8rem;
        min-width: 34px;
        text-align: center;
        color: #495057;
        background: #fff;
        border: 1px solid #dee2e6;
        padding: 7px 12px;
        box-shadow: none;
        transition: background .12s, color .12s;
    }
    #visitorCardPagination .page-link:hover {
        background: #f5f7fb;
        color: #212529;
    }
    #visitorCardPagination .page-item.active .page-link {
        background: #2f4562;
        border-color: #2f4562;
        color: #fff;
    }
    #visitorCardPagination .page-item.disabled .page-link {
        color: #adb5bd;
        background: #fff;
        pointer-events: none;
    }

    /* Spinner */
    @keyframes spin { to { transform: rotate(360deg); } }
    .spin { display: inline-block; animation: spin 1s linear infinite; }

    /* Toggle: solid primary = active, light = inactive */
    #visitorViewToggle .btn {
        min-width: 40px;
    }
    #visitorViewToggle .btn.btn-light:not(.active) {
        background-color: #fff;
        color: #878a99;
        border-color: #e9ebec;
    }
    #visitorViewToggle .btn.btn-light:not(.active):hover {
        color: var(--vz-primary, #405189);
        border-color: var(--vz-primary, #405189);
        background-color: #f3f6f9;
    }
    #visitorViewToggle .btn.active,
    #visitorViewToggle .btn.btn-primary.active {
        background-color: var(--vz-primary, #405189);
        color: #fff;
        border-color: var(--vz-primary, #405189);
    }

    /* ===== Visitor Table View — Velzon polish ===== */
    #tableViewContainer .dataTables_wrapper table.table tbody td .pp-user-avatar {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        font-size: 12px;
        font-weight: 700;
    }
    #tableViewContainer .dataTables_wrapper table.table tbody td .pp-user-label {
        min-height: 38px;
    }

/* ====== [END] ASSIGNED VISITOR PAGE ====== */
.bnm-meetings-wizard .bnm-type-card__body {
  border-radius: 1rem !important;
}

/* ===== BookNMeet pill tabs (Conference Room Bookings style) ===== */
.bnm-pill-tabs-wrap {
  display: flex;
  align-items: center;
  padding: 1.15rem 1.25rem 0.35rem ;
}
.bnm-conference-booking .bnm-conf-tabs-wrap,
.mDetailsaed .bnm-pill-tabs-wrap {
  padding: 1.15rem 1.25rem 0.35rem ;
}
ul.nav.bnm-pill-tabs,
.bnm-pill-tabs.nav-tabs,
.bnm-pill-tabs.nav-pills,
.bnm-pill-tabs.nav-tabs-custom {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2rem;
  border: 0 !important;
  border-bottom: 0 !important;
  margin: 0;
  padding: 0.38rem 0.42rem;
  background: #eef1f5;
  border-radius: 10px;
  
  max-width: 100%;
}
.bnm-pill-tabs .nav-item {
  margin: 0 !important;
}
.bnm-pill-tabs .nav-link,
.bnm-pill-tabs.nav-tabs-custom .nav-item .nav-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 0.62rem 1.15rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #6b7a90 !important;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.bnm-pill-tabs .nav-link::after,
.bnm-pill-tabs.nav-tabs-custom .nav-item .nav-link::after {
  display: none !important;
  content: none !important;
}
.bnm-pill-tabs .nav-link i {
  font-size: 1.08rem;
  line-height: 1;
  color: inherit;
}
.bnm-pill-tabs .nav-link:hover:not(.active) {
  color: #2f4562 !important;
  background: rgba(255, 255, 255, 0.72) !important;
}
.bnm-pill-tabs .nav-link.active,
.bnm-pill-tabs .nav-item.active > .nav-link,
.bnm-pill-tabs.nav-tabs-custom .nav-item .nav-link.active {
  color: #fff !important;
  background: #2f4562 !important;
  box-shadow: 0 4px 12px rgba(47, 69, 98, 0.28) !important;
}
.bnm-pill-tabs .nav-link.active::before,
.bnm-pill-tabs .nav-item.active > .nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: #f99f1e;
  pointer-events: none;
}
.bnm-pill-tabs .nav-link.active i,
.bnm-pill-tabs .nav-item.active > .nav-link i {
  color: #fff;
}
.bnm-pill-tabs .pulse-danger {
  top: 7px;
  right: 8px;
}
.bnm-pill-tabs .nav-link.disabled,
.bnm-pill-tabs .nav-link:disabled {
  opacity: 0.45;
  pointer-events: none;
  color: #6b7a90 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bnm-pill-tabs .nav-link.disabled::before,
.bnm-pill-tabs .nav-link:disabled::before {
  display: none;
}

/* List header: replace circular icon tabs with pill switch */
.cmpage-topheader .nav.bnm-pill-tabs {
  display: inline-flex;
  flex-shrink: 0;
}
.cmpage-topheader .nav.bnm-pill-tabs .nav-item,
.cmpage-topheader .nav.bnm-pill-tabs .nav-item:last-child {
  margin: 0 !important;
}
.cmpage-topheader .nav.bnm-pill-tabs .nav-item .nav-link {
  width: auto !important;
  height: auto !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #6b7a90 !important;
  padding: 0.55rem 1.05rem !important;
}
.cmpage-topheader .nav.bnm-pill-tabs .nav-item .nav-link.active,
.cmpage-topheader .nav.bnm-pill-tabs .nav-item .nav-link:hover {
  color: #fff !important;
  background: #2f4562 !important;
}
.cmpage-topheader .nav.bnm-pill-tabs .nav-item .nav-link:hover:not(.active) {
  color: #2f4562 !important;
  background: rgba(255, 255, 255, 0.72) !important;
}
.cmpage-topheader .cm-filter {
  gap: 10px;
}
.modal .bnm-pill-tabs {
  flex-wrap: wrap;
  width: 100%;
  border-radius: 18px;
}

@media (max-width: 767.98px) {
  ul.nav.bnm-pill-tabs,
  .bnm-pill-tabs.nav-tabs,
  .bnm-pill-tabs.nav-pills,
  .bnm-pill-tabs.nav-tabs-custom {
    flex-wrap: wrap;
    border-radius: 18px;
    width: 100%;
  }
  .bnm-pill-tabs .nav-item { flex: 1 1 auto; }
  .bnm-pill-tabs .nav-link { width: 100%; padding: 0.55rem 0.7rem !important; }
  .cmpage-topheader .nav.bnm-pill-tabs { width: 100%; margin-bottom: 8px; }
}

[data-layout-mode=dark] ul.nav.bnm-pill-tabs,
[data-layout-mode=dark] .bnm-pill-tabs.nav-tabs,
[data-layout-mode=dark] .bnm-pill-tabs.nav-pills,
[data-layout-mode=dark] .bnm-pill-tabs.nav-tabs-custom {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}
[data-layout-mode=dark] .bnm-pill-tabs .nav-link { color: #a3b0d0 !important; }
[data-layout-mode=dark] .bnm-pill-tabs .nav-link.active { color: #fff !important; background: #2f4562 !important; }

/* List toolbar: two-column on all pages, stacked on smaller screens */
.card-header.cmpage-topheader {
  overflow: visible;
}
.cmpage-topheader > .d-xl-flex {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  width: 100%;
}
.cmpage-topheader > .d-xl-flex > .cm-filter {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 8px;
  order: 1 !important;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
}
.cmpage-topheader > .d-xl-flex > .flex-shrink-0:not(.cm-filter),
.cmpage-topheader > .d-xl-flex > .addpage-btn,
.cmpage-topheader > .d-xl-flex > .pp-export-btn-wrap {
  display: inline-flex;
  align-items: center;
  order: 2 !important;
  flex: 0 0 auto;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}
.cmpage-topheader > .d-xl-flex > .addpage-btn {
  margin-left: auto !important;
}
.cmpage-topheader .pp-export-btn-wrap.ms-auto {
  margin-left: 0 !important;
}
.cmpage-topheader .cm-filter .filter-dropdown,
.cmpage-topheader .cm-filter .filter-action-btn {
  flex: 0 0 auto;
  margin: 0 !important;
}
.cmpage-topheader .cm-filter .filter-search {
  display: flex !important;
  align-items: center;
  flex: 1 1 auto;
  min-width: 140px;
  max-width: 280px;
  margin: 0 !important;
}
.cmpage-topheader .cm-filter .filter-search .form-control,
.cmpage-topheader .cm-filter .filter-search.visible .form-control {
  width: 100% !important;
  max-width: 100%;
}
.cmpage-topheader .cm-filter .nav.bnm-pill-tabs {
  flex: 0 0 auto;
  width: auto;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .cmpage-topheader > .d-xl-flex {
    justify-content: flex-end;
  }
  .cmpage-topheader > .d-xl-flex > .cm-filter {
    flex: 1 0 100%;
    order: 1 !important;
  }
  .cmpage-topheader > .d-xl-flex > .addpage-btn {
    margin-left: 0 !important;
  }
  .cmpage-topheader .cm-filter .filter-search {
    max-width: none;
  }
  /* Audit Log: legend sits on its own full-width row under search/export */
  .cmpage-topheader > .d-xl-flex > .flex-shrink-0:has(.pub-log-status),
  .cmpage-topheader > .d-xl-flex > .audit-log-status-wrap {
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100%;
    justify-content: flex-start;
    order: 2 !important;
  }
  .cmpage-topheader > .audit-log-status-wrap {
    order: unset !important;
  }
  .cmpage-topheader .public-status.pub-log-status ul {
    gap: 6px 10px;
  }
  #visitorCardView .visitor-card .vc-velzone-dd, #visitorCardView .visitor-card .vc-assign-pill{
    min-width: 130px;
    max-width: 130px;
  }
  .availability_time{ margin-bottom: 2.2rem !important;}
  .cm-floating {position: relative;margin-bottom: 25px !important;}
}

@media (max-width: 575.98px) {
  .cmpage-topheader {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }
  .cmpage-topheader > .d-xl-flex {gap: 8px;}
  .cmpage-topheader .cm-filter .nav.bnm-pill-tabs {flex: 1 0 100%;width: 100%;margin-bottom: 4px;}
  .cmpage-topheader .public-status.pub-log-status ul {
    gap: 4px 8px;
  }
  .cmpage-topheader .public-status.pub-log-status .pub_status span,
  .cmpage-topheader .public-status.pub-log-status ul li span {
    font-size: 12px;
    margin-left: 3px;
  }
  .nq_loader .nq_loader_container .loader-img img{width: 200px;}
  
}

/* Schedule Meetings — booking confirmation */
.bnm-schedule-thankyou {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  padding: 2rem 1.25rem;

}
.bnm-schedule-thankyou__panel {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 2.25rem 1.75rem 2rem;
  text-align: center;
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(40, 64, 96, 0.08);
  position: relative;
  overflow: hidden;
}
.bnm-schedule-thankyou__panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, #0ab39c 0%, #2f4562 100%);
}
.bnm-schedule-thankyou__icon {
  position: relative;
  width: 84px;
  height: 84px;
  margin: 0.25rem auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0ab39c;
  animation: bnmThankyouPop 0.55s ease both;
}
.bnm-schedule-thankyou__icon-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(10, 179, 156, 0.12);
  box-shadow: 0 0 0 8px rgba(10, 179, 156, 0.06);
}
.bnm-schedule-thankyou__icon i {
  position: relative;
  z-index: 1;
  font-size: 3.15rem;
  line-height: 1;
}
.bnm-schedule-thankyou__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.75rem;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  background: #e8f8f5;
  color: #0d7a6c;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.bnm-schedule-thankyou__badge i { font-size: 0.95rem; }
.bnm-schedule-thankyou__title {
  margin: 0 0 0.4rem;
  color: #2f4562;
  font-family: var(--bnm-font-display), sans-serif !important;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.bnm-schedule-thankyou__lead {
  margin: 0 0 1.25rem;
  color: #64748b;
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.5;
}
.bnm-schedule-thankyou__when {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  text-align: left;
  margin: 0 auto 1.35rem;
  padding: 0.9rem 1rem;
  max-width: 100%;
  background: #f5f8fb;
  border: 1px solid #e6edf5;
  border-radius: 12px;
}
.bnm-schedule-thankyou__when-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #2f4562;
  color: #fff;
  font-size: 1.2rem;
}
.bnm-schedule-thankyou__when-label {
  display: block;
  margin-bottom: 0.15rem;
  color: #7a8799;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.bnm-schedule-thankyou .thank_details_times {
  display: block;
  color: #2f4562;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
}
.bnm-schedule-thankyou__note {
  margin: 0 0 1.35rem;
  color: #2f4562;
  font-size: 1.05rem;
  font-weight: 600;
}
.bnm-schedule-thankyou__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 200px;
  padding: 0.7rem 1.4rem;
  font-weight: 600;
}
.bnm-schedule-thankyou__btn i { font-size: 1.05rem; }
@keyframes bnmThankyouPop {
  from { transform: scale(0.72); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
@media (max-width: 575.98px) {
  .bnm-schedule-thankyou {
    min-height: 0;
    padding: 1.25rem 0.75rem;
  }
  .bnm-schedule-thankyou__panel { padding: 1.75rem 1.15rem 1.5rem; }
  .bnm-schedule-thankyou__title { font-size: 1.65rem; }
  .bnm-schedule-thankyou__when { align-items: flex-start; }
  .bnm-schedule-thankyou__btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bnm-schedule-thankyou__icon { animation: none; }
}


@media (min-width: 1200px) {

  .visitor-list-body .col-xxl-3 {
     flex: 0 0 auto;
    width: 50%;
  }
 
}
@media (min-width: 1500px) {

  .visitor-list-body .col-xxl-3 {
     flex: 0 0 auto;
    width: 33%;
  }
 
}

@media (min-width: 1800px) {

  .visitor-list-body .col-xxl-3 {
     flex: 0 0 auto;
    width: 25%;
  }
 
}

/* ===== BookNMeet — Conference Room Booking (moved from conference-booking.css) ===== */
/* BookNMeet — Conference Room Booking (room selection + shell polish) */

.bnm-conference-booking {
  --bnm-navy: #284060;
  --bnm-navy-deep: #1e3048;
  --bnm-navy-soft: #35557a;
  --bnm-theme: #2f4562;
  --bnm-orange: #f89818;
  --bnm-orange-soft: #fff4e5;
  --bnm-teal: #0f9d8a;
  --bnm-success: #0f9d8a;
  --bnm-success-bg: #e8f7f4;
  --bnm-danger: #d4553a;
  --bnm-danger-bg: #fdecea;
  --bnm-slate: #64748b;
  --bnm-page: #eef2f7;
  --bnm-card: #ffffff;
  --bnm-border: rgba(40, 64, 96, 0.1);
  --bnm-shadow: 0 8px 24px rgba(40, 64, 96, 0.07);
  --bnm-radius: 12px;
  --bnm-font: 'Source Sans 3', 'IBM Plex Sans', sans-serif;
  --bnm-font-display: 'IBM Plex Sans', 'Source Sans 3', sans-serif;
  font-family: var(--bnm-font);
  color: var(--bnm-navy);
}

.bnm-conference-booking > .card,
.bnm-conference-booking .card.border-0 {
  border: 1px solid var(--bnm-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  background: var(--bnm-card);
}

/* ---- Duration chips (moved into full-width calendar section) ---- */
.bnm-conference-booking .nqtitle {
  font-family: var(--bnm-font-display);
  font-weight: 700;
  color: var(--bnm-navy);
  font-size: 1.15rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--bnm-orange);
  display: inline-block;
}

/* ---- Full-width calendar / duration (no side blank space) ---- */
.bnm-conference-booking > .col-md-12 > .card > .card-body {
  padding: 1.25rem 1.5rem 1.5rem !important;
}

.bnm-conference-booking .calendar-details {
  width: 100%;
  max-width: none;
}

.bnm-conference-booking .calendar-timeslotdesign {
  justify-content: flex-start !important;
  margin: 0 !important;
}

.bnm-conference-booking .calendar-timeslotdesign > [class*="col-"] {
  max-width: 100%;
  flex: 0 0 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0 !important;
}

.bnm-conference-booking .calendar-details .calendar-timeslotdesign .cldashboard-page {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.bnm-conference-booking .cldashboard-page .calendar-wrap {
  margin: 0 !important;
  border: 1px solid var(--bnm-border) !important;
  border-radius: var(--bnm-radius) !important;
  box-shadow: var(--bnm-shadow) !important;
  background: #fff;
  overflow: hidden;
}

.bnm-conference-booking .cldashboard-page .calendar-wrap > [class*="col-lg-7"],
.bnm-conference-booking .cldashboard-page .calendar-wrap > [class*="col-lg-5"] {
  padding: 0;
}

.bnm-conference-booking .calendar-details .calendar-wrap .calendar-left {
  height: 100%;
  padding: 1.25rem 1.5rem 1.5rem !important;
  border-right: 1px solid var(--bnm-border);
}

.bnm-conference-booking .calendar-wrap .calendar-left .nqtitle {
  text-align: left !important;
  margin-top: 0 !important;
  color: var(--bnm-navy) !important;
}

.bnm-conference-booking .calendar-wrap .calendar-left .datepicker {
  width: 100% !important;
  max-width: none !important;
}

.bnm-conference-booking .calendar-wrap .calendar-left .datepicker table {
  width: 100% !important;
  table-layout: fixed;
}

.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .dow {
  width: auto !important;
  color: var(--bnm-slate) !important;
  font-size: 0.8rem !important;
}

.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .datepicker-days .day {
  width: auto !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 0.95rem !important;
}

.bnm-conference-booking .calendar-details .calendar-wrap .calendar-left .datepicker .datepicker-days .day.active,
.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .datepicker-days .day:hover {
  background: var(--bnm-orange) !important;
  color: #fff !important;
}

.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .datepicker-switch,
.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .next,
.bnm-conference-booking .calendar-wrap .calendar-left .datepicker .prev {
  color: var(--bnm-navy) !important;
  font-weight: 700;
}

.bnm-conference-booking .calendar-right.slots-section {
  padding: 1.25rem 1.25rem 1.25rem 1rem;
  height: 100%;
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 40%);
  min-width: 0;
}

.bnm-conference-booking .calendar-right.slots-section .weekly-calender,
.bnm-conference-booking .calendar-right.slots-section .owl-carousel,
.bnm-conference-booking .calendar-right.slots-section .owl-stage-outer,
.bnm-conference-booking .calendar-right.slots-section .owl-stage,
.bnm-conference-booking .calendar-right.slots-section .owl-item,
.bnm-conference-booking .calendar-right.slots-section .owl-item > .item {
  width: 100% !important;
  max-width: 100% !important;
}

.bnm-conference-booking .calendar-wrap .calendar-right .weekly-calender .owl-stage-outer {
  height: auto !important;
  max-height: min(560px, calc(100vh - 280px)) !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  padding-right: 0.35rem;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.bnm-conference-booking .weekly-calender .alldatesatas,
.bnm-conference-booking .weekly-calender .alldatesdatas {
  margin-top: 0 !important;
  width: 100% !important;
}

.bnm-conference-booking .weekly-calender .sm-date {
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

.bnm-conference-booking .weekly-calender .full-time {
  width: 100% !important;
  max-width: 100% !important;
}

.bnm-conference-booking .weekly-calender .full-time ul.list-inline {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bnm-conference-booking .weekly-calender .full-time ul.list-inline > li,
.bnm-conference-booking .weekly-calender .full-time ul.list-inline > li.setTimeSlot {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  float: none !important;
}

.bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li + li {
  margin-top: 0 !important;
}

.bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  background: var(--bnm-theme) !important;
  border-color: var(--bnm-theme) !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.9rem !important;
  box-shadow: none !important;
  white-space: normal;
  line-height: 1.25;
  padding: 0.55rem 0.65rem !important;
}

.bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn:hover,
.bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn.active,
.bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn:focus {
  background: var(--bnm-navy-deep) !important;
  border-color: var(--bnm-navy-deep) !important;
  color: #fff !important;
}

/* Duration bar — full width, left-aligned */
.bnm-conference-booking .user-details > .calendar-wrap {
  margin-bottom: 1.15rem !important;
}

.bnm-conference-booking .time-list {
  width: 100%;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius);
  background: #fff;
  box-shadow: var(--bnm-shadow);
  display: block !important;
  text-align: left;
}

.bnm-conference-booking .time-list > label {
  display: block;
  text-align: left;
  font-family: var(--bnm-font-display);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--bnm-navy);
  margin-bottom: 0.85rem;
}

.bnm-conference-booking .time-list .list-inline-time {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-start !important;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bnm-conference-booking .time-list .list-inline-time > li {
  margin: 0 !important;
}

.bnm-conference-booking .list-inline-time .setDuration {
  border: 1px solid var(--bnm-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--bnm-navy) !important;
  font-weight: 600;
  padding: 0.6rem 1.15rem;
  min-width: 5.5rem;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.bnm-conference-booking .list-inline-time .setDuration:hover,
.bnm-conference-booking .list-inline-time .setDuration.active,
.bnm-conference-booking .list-inline-time li.active .setDuration {
  background: var(--bnm-theme) !important;
  border-color: var(--bnm-theme) !important;
  color: #fff !important;
}

.bnm-conference-booking #customDurationPanel {
  justify-content: flex-start !important;
  margin-top: 0.85rem;
  max-width: 320px;
}

@media (max-width: 991.98px) {
  .bnm-conference-booking > .col-md-12 > .card > .card-body {
    padding: 1rem !important;
  }

  .bnm-conference-booking .calendar-details .calendar-wrap .calendar-left {
    border-right: 0;
    border-bottom: 1px solid var(--bnm-border);
    padding: 1rem !important;
  }

  .bnm-conference-booking .calendar-right.slots-section {
    padding: 1rem !important;
  }

  .bnm-conference-booking .calendar-wrap .calendar-right .weekly-calender .owl-stage-outer {
    max-height: min(480px, calc(100vh - 240px)) !important;
  }

  .bnm-conference-booking .weekly-calender .full-time ul.list-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .bnm-conference-booking .time-list {
    padding: 1rem;
  }

  .bnm-conference-booking .list-inline-time .setDuration {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.55rem 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .bnm-conference-booking > .col-md-12 > .card > .card-body {
    padding: 0.75rem !important;
  }

  .bnm-conference-booking .calendar-details .calendar-wrap .calendar-left,
  .bnm-conference-booking .calendar-right.slots-section {
    padding: 0.85rem !important;
  }

  .bnm-conference-booking .weekly-calender .full-time ul.list-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
  }

  .bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn {
    font-size: 0.8rem !important;
    min-height: 42px !important;
    padding: 0.45rem 0.4rem !important;
  }

  .bnm-conference-booking .calendar-wrap .calendar-right .full-time ul li .btn i {
    margin-right: 4px;
    font-size: 0.85rem;
  }

  .bnm-conference-booking .weekly-calender .alldatesdatas .year .cal-date {
    font-size: 1.5rem;
  }

  .bnm-conference-booking .time-list .list-inline-time {
    gap: 0.4rem;
  }

  .bnm-conference-booking .list-inline-time .setDuration {
    flex: 1 1 calc(50% - 0.4rem);
    font-size: 0.85rem;
  }

  .bnm-conference-booking #customDurationPanel {
    max-width: 100%;
  }
}

/* ---- Room selection: meta header ---- */
.bnm-conference-booking .bnm-conf-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: var(--bnm-card);
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius);
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  margin-bottom: 1rem;
}

.bnm-conference-booking .bnm-conf-meta__item {
  flex: 1 1 220px;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.25rem;
  min-width: 0;
}

.bnm-conference-booking .bnm-conf-meta__item + .bnm-conf-meta__item {
  border-left: 1px solid var(--bnm-border);
}

.bnm-conference-booking .bnm-conf-meta__icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy);
  font-size: 1.15rem;
}

.bnm-conference-booking .bnm-conf-meta__copy {
  min-width: 0;
}

.bnm-conference-booking .bnm-conf-meta__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--bnm-slate);
  letter-spacing: 0.02em;
  margin-bottom: 0.15rem;
}

.bnm-conference-booking .bnm-conf-meta .selected-date-time,
.bnm-conference-booking .bnm-conf-meta .selected-duration {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bnm-navy);
  line-height: 1.35;
}

.bnm-conference-booking .bnm-conf-meta .selected-date-time > span,
.bnm-conference-booking .bnm-conf-meta .selected-duration > span {
  font-weight: 700;
  color: var(--bnm-navy);
}

/* ---- Info banner ---- */
.bnm-conference-booking .bnm-conf-info-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.15rem;
  margin-bottom: 1.25rem;
  border-radius: var(--bnm-radius);
  background: rgba(40, 64, 96, 0.06);
  border: 1px solid rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy-soft);
  font-size: 0.9rem;
  line-height: 1.5;
}

.bnm-conference-booking .bnm-conf-info-banner__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.1);
  color: var(--bnm-navy);
  font-size: 0.95rem;
  margin-top: 1px;
}

.bnm-conference-booking .bnm-conf-info-banner p {
  margin: 0;
  color: inherit;
}

.bnm-conference-booking .bnm-conf-info-banner strong {
  color: var(--bnm-navy);
  font-weight: 700;
}

/* ---- Room cards grid ---- */
.bnm-conference-booking .bnm-conf-rooms {
  margin-left: -0.65rem;
  margin-right: -0.65rem;
}

.bnm-conference-booking .bnm-conf-rooms > [class*="col-"] {
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  margin-bottom: 1.25rem;
}

.bnm-conference-booking .bnm-conf-room-card {
  height: 100%;
  border: 1px solid var(--bnm-border) !important;
  border-radius: var(--bnm-radius) !important;
  box-shadow: var(--bnm-shadow) !important;
  overflow: hidden;
  background: var(--bnm-card);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.bnm-conference-booking .bnm-conf-room-card:hover {
  box-shadow: 0 12px 28px rgba(40, 64, 96, 0.12) !important;
  transform: translateY(-2px);
}

.bnm-conference-booking .bnm-conf-room-card .card-body {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bnm-conference-booking .bnm-conf-room-card__media {
  position: relative;
  height: 150px;
  background: linear-gradient(145deg, #d8e0ea 0%, #aebccd 55%, #8fa0b5 100%);
  overflow: hidden;
}

.bnm-conference-booking .bnm-conf-room-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bnm-conference-booking .bnm-conf-room-card__media-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(40, 64, 96, 0.35);
  font-size: 2.5rem;
}

.bnm-conference-booking .bnm-conf-room-card__media-placeholder i {
  font-size: inherit;
}

.bnm-conference-booking .bnm-conf-room-card__chip {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(40, 64, 96, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bnm-navy);
  font-size: 1rem;
}

.bnm-conference-booking .bnm-conf-room-card__content {
  padding: 1rem 1.1rem 1.15rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.bnm-conference-booking .bnm-conf-room-card__title {
  font-family: var(--bnm-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--bnm-navy) !important;
  margin: 0 0 0.75rem !important;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bnm-conference-booking .bnm-conf-room-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.bnm-conference-booking .bnm-conf-status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 !important;
}

.bnm-conference-booking .bnm-conf-status::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.bnm-conference-booking .bnm-conf-status--available {
  background: var(--bnm-success-bg);
  color: var(--bnm-success);
}

.bnm-conference-booking .bnm-conf-status--unavailable {
  background: var(--bnm-danger-bg);
  color: var(--bnm-danger);
}

.bnm-conference-booking .bnm-conf-capacity {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--bnm-slate);
  margin: 0 !important;
}

.bnm-conference-booking .bnm-conf-capacity i {
  font-size: 1rem;
  color: var(--bnm-navy-soft);
}

.bnm-conference-booking .bnm-conf-room-card__actions {
  margin-top: auto;
}

.bnm-conference-booking .bnm-conf-room-card__actions .bookConferenceRoom,
.bnm-conference-booking a.bookConferenceRoom.bnm-conf-book-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  padding: 0.65rem 1rem !important;
  border-radius: 8px !important;
  background: var(--bnm-theme) !important;
  border-color: var(--bnm-theme) !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.bnm-conference-booking .bnm-conf-room-card__actions .bookConferenceRoom:hover,
.bnm-conference-booking a.bookConferenceRoom.bnm-conf-book-btn:hover {
  background: var(--bnm-navy-deep) !important;
  border-color: var(--bnm-navy-deep) !important;
  color: #fff !important;
}

.bnm-conference-booking .bnm-conf-room-card__actions .bnm-conf-unavailable-msg {
  margin: 0;
  font-size: 0.82rem;
  color: var(--bnm-danger);
  line-height: 1.4;
}

.bnm-conference-booking .bnm-conf-meta__icon i,
.bnm-conference-booking .bnm-conf-info-banner__icon i,
.bnm-conference-booking .bnm-conf-section__icon i {
  display: inline-block;
  line-height: 1;
  font-size: inherit;
}

.bnm-conference-booking .bnm-conf-form__hero-media .bnm-conf-selected-room-img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bnm-conference-booking .bnm-conf-form__hero-media.has-image .bnm-conf-selected-room-img {
  display: block !important;
}

.bnm-conference-booking .bnm-conf-form__hero-media.has-image .bnm-conf-form__hero-placeholder {
  display: none !important;
}

.bnm-conference-booking .bnm-conf-success__media.has-image .bnm-conf-selected-room-img {
  display: block !important;
}

/* Back button — same navy labeled style as Confirm */
.bnm-conference-booking .bookBackBtn.btn-theme.btn-label,
.bnm-conference-booking .conference-form-actions .bookBackBtn.btn-theme.btn-label,
.bnm-conference-booking .bnm-conf-rooms-wrap .bookBackBtn.btn-theme.btn-label {
  background-color: #2f4562 !important;
  border-color: #2f4562 !important;
  color: #fff !important;
  padding-left: 44px !important;
  position: relative;
  border-radius: 0.25rem !important;
  box-shadow: none !important;
}

.bnm-conference-booking .bookBackBtn.btn-theme.btn-label .label-icon,
.bnm-conference-booking .conference-form-actions .bookBackBtn.btn-theme.btn-label .label-icon {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
  color: #fff !important;
}

.bnm-conference-booking .bookBackBtn.btn-theme.btn-label:hover {
  background-color: #16335b !important;
  border-color: #16335b !important;
  color: #fff !important;
}

.bnm-conference-booking .bnm-conf-rooms-wrap > .bookBackBtn {
  margin-top: 1.25rem;
}

/* Ensure remix icons render inside meta circles */
.bnm-conference-booking .bnm-conf-meta__icon i::before {
  font-family: "remixicon" !important;
}

/* Legacy outline back — force to theme when still present */
.bnm-conference-booking .bnm-conf-back:not(.btn-label) {
  display: none;
}

.bnm-conference-booking .bnm-conf-empty {
  border-radius: var(--bnm-radius);
  border: 1px dashed rgba(40, 64, 96, 0.2);
  background: rgba(40, 64, 96, 0.03);
  color: var(--bnm-slate);
  padding: 1.5rem;
  text-align: center;
}

/* ---- Booking Details form ---- */
.bnm-conference-booking .bnm-conf-form__hero {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: stretch;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius);
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
  box-shadow: var(--bnm-shadow);
}

.bnm-conference-booking .bnm-conf-form__hero-media {
  position: relative;
  flex: 0 0 260px;
  max-width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(145deg, #d8e0ea 0%, #aebccd 100%);
}

.bnm-conference-booking .bnm-conf-form__hero-media img,
.bnm-conference-booking .bnm-conf-selected-room-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bnm-conference-booking .bnm-conf-form__hero-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(40, 64, 96, 0.35);
  font-size: 2.25rem;
}

.bnm-conference-booking .bnm-conf-form__hero-body {
  flex: 1 1 260px;
  min-width: 0;
}

.bnm-conference-booking .conference-rooms-form .cm-title {
  font-family: var(--bnm-font-display);
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--bnm-navy);
  text-align: left;
}

.bnm-conference-booking .bnm-conf-form__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

.bnm-conference-booking .bnm-conf-summary-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.55rem 0.85rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--bnm-border);
  min-width: 140px;
  flex: 1 1 160px;
}

.bnm-conference-booking .bnm-conf-summary-chip strong {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--bnm-slate);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.bnm-conference-booking .bnm-conf-summary-chip strong i {
  font-size: 0.95rem;
  color: var(--bnm-navy);
  line-height: 1;
}

.bnm-conference-booking .bnm-conf-summary-chip span {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--bnm-navy);
}

.bnm-conference-booking .bnm-conf-section {
  margin-bottom: 1.25rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--bnm-border);
  border-radius: var(--bnm-radius);
  background: #fff;
  box-shadow: 0 4px 14px rgba(40, 64, 96, 0.04);
}

.bnm-conference-booking .bnm-conf-section__head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(40, 64, 96, 0.08);
}

.bnm-conference-booking .bnm-conf-section__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(40, 64, 96, 0.08);
  color: var(--bnm-navy);
  font-size: 1.05rem;
}

.bnm-conference-booking .bnm-conf-section__title {
  font-family: var(--bnm-font-display);
  font-weight: 700;
  font-size: 1rem;
  color: var(--bnm-navy);
}

.bnm-conference-booking .bnm-conf-attendee-badge {
  background: var(--bnm-theme) !important;
  border-radius: 8px;
  padding: 0.35rem 0.65rem;
}

.bnm-conference-booking .cm-labelbox {
  border: 1px solid var(--bnm-border) !important;
  padding: 0.65rem 1rem !important;
  margin: 0 !important;
  border-radius: 10px !important;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.bnm-conference-booking .cm-labelbox:hover,
.bnm-conference-booking .cm-labelbox:has(input:checked) {
  border-color: rgba(40, 64, 96, 0.35) !important;
  background: rgba(40, 64, 96, 0.04);
  box-shadow: 0 0 0 3px rgba(248, 152, 24, 0.12);
}

.bnm-conference-booking .cm-labelbox label {
  margin: 0 !important;
  padding: 0 0 0 0.35rem !important;
  border: 0 !important;
  vertical-align: middle;
  text-transform: capitalize;
  color: var(--bnm-navy);
  font-weight: 600;
  font-size: 0.88rem;
}

.bnm-conference-booking .conference-rooms-form .form-control,
.bnm-conference-booking .conference-rooms-form .form-select {
  border-radius: 10px !important;
  border-color: rgba(40, 64, 96, 0.14);
}

.bnm-conference-booking .conference-rooms-form .form-control:focus {
  border-color: var(--bnm-theme);
  box-shadow: 0 0 0 3px rgba(40, 64, 96, 0.1);
}

.bnm-conference-booking .conference-form-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bnm-border);
}

.bnm-conference-booking .conference-form-actions .btn-theme.btn-label {
  background-color: #2f4562 !important;
  border-color: #2f4562 !important;
  color: #fff !important;
  padding-left: 44px !important;
  position: relative;
}

.bnm-conference-booking .conference-form-actions .btn-theme.btn-label .label-icon {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
}

/* ---- Success screen (full-width, no side blank space) ---- */
.bnm-conference-booking .conference-rooms-success {
  width: 100%;
  max-width: none;
}

.bnm-conference-booking .bnm-conf-success-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.bnm-conference-booking .bnm-conf-success,
.bnm-conference-booking .conference-rooms-success .success-smg.bnm-conf-success {
  border: 1px solid var(--bnm-border) !important;
  border-radius: 16px !important;
  padding: 1.5rem !important;
  box-shadow: var(--bnm-shadow) !important;
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 42%) !important;
  position: relative;
  margin-top: 0 !important;
  text-align: left !important;
  width: 100%;
  overflow: visible;
}

.bnm-conference-booking .bnm-conf-success__media {
  position: relative;
  flex: 1 1 38%;
  max-width: 420px;
  min-height: 240px;
  height: auto;
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(145deg, #d8e0ea 0%, #aebccd 100%);
  display: block;
  box-shadow: 0 10px 24px rgba(40, 64, 96, 0.12);
}

.bnm-conference-booking .bnm-conf-success .true,
.bnm-conference-booking .conference-rooms-success .success-smg.bnm-conf-success .true {
  width: 52px !important;
  height: 52px !important;
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%) !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.95) !important;
  z-index: 3;
}

.bnm-conference-booking .bnm-conf-success .true i,
.bnm-conference-booking .conference-rooms-success .success-smg.bnm-conf-success .true i {
  font-size: 1.45rem !important;
  color: #fff !important;
  padding: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.bnm-conference-booking .bnm-conf-success__layout {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1.5rem;
  width: 100%;
}

.bnm-conference-booking .bnm-conf-success__media.has-image {
  display: block;
}

.bnm-conference-booking .bnm-conf-success__media img,
.bnm-conference-booking .bnm-conf-success__media.has-image .bnm-conf-selected-room-img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  display: block !important;
}

.bnm-conference-booking .bnm-conf-success__content {
  flex: 1 1 52%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0.35rem;
}

.bnm-conference-booking .bnm-conf-success .conference-status-msg {
  font-family: var(--bnm-font-display);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--bnm-navy);
  margin: 0 0 0.4rem;
  text-align: left;
  line-height: 1.35;
}

.bnm-conference-booking .bnm-conf-success__sub {
  color: var(--bnm-slate);
  font-size: 0.95rem;
  margin: 0 0 1.15rem;
  text-align: left;
}

.bnm-conference-booking .bnm-conf-success__details {
  padding: 1rem 1.15rem;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--bnm-border);
  margin-bottom: 1.15rem;
  box-shadow: 0 4px 14px rgba(40, 64, 96, 0.04);
}

.bnm-conference-booking .bnm-conf-success__details h4 {
  font-family: var(--bnm-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bnm-navy);
  margin: 0 0 0.85rem;
  text-align: left;
}

.bnm-conference-booking .bnm-conf-success__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bnm-conference-booking .bnm-conf-success__chip {
  flex: 1 1 160px;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.7rem 0.85rem;
  border-radius: 10px;
  background: rgba(40, 64, 96, 0.04);
  border: 1px solid rgba(40, 64, 96, 0.08);
  text-align: left;
  margin: 0 !important;
}

.bnm-conference-booking .bnm-conf-success__chip strong {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--bnm-slate);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.bnm-conference-booking .bnm-conf-success__chip strong i {
  font-size: 0.95rem;
  color: var(--bnm-navy);
  line-height: 1;
}

.bnm-conference-booking .bnm-conf-success__chip span,
.bnm-conference-booking .bnm-conf-success__details .conference-room-title,
.bnm-conference-booking .bnm-conf-success__details .selected-date-time,
.bnm-conference-booking .bnm-conf-success__details .selected-duration {
  color: var(--bnm-navy);
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.35;
}

.bnm-conference-booking .bnm-conf-success .btn-theme.btn-label {
  background-color: #2f4562 !important;
  border-color: #2f4562 !important;
  color: #fff !important;
  padding-left: 44px !important;
  position: relative;
  display: inline-block;
  align-self: flex-start;
  margin: 0 !important;
}

.bnm-conference-booking .bnm-conf-success .btn-theme.btn-label .label-icon {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .bnm-conference-booking .bnm-conf-meta__item + .bnm-conf-meta__item {
    border-left: 0;
    border-top: 1px solid var(--bnm-border);
  }

  .bnm-conference-booking .bnm-conf-room-card__media {
    height: 140px;
  }

  .bnm-conference-booking .bnm-conf-form__hero {
    flex-direction: column;
  }

  .bnm-conference-booking .bnm-conf-form__hero-media {
    flex-basis: 100%;
    width: 100%;
    height: 160px;
  }

  .bnm-conference-booking .bnm-conf-form__summary {
    gap: 0.5rem !important;
  }

  .bnm-conference-booking .bnm-conf-summary-chip {
    flex: 1 1 100%;
  }

  .bnm-conference-booking .bnm-conf-form__summary .required {
    margin-left: 0 !important;
    width: 100%;
    text-align: left !important;
  }

  .bnm-conference-booking .conference-form-actions {
    flex-direction: column;
    align-items: stretch !important;
  }

  .bnm-conference-booking .conference-form-actions .btn {
    width: 100%;
  }

  .bnm-conference-booking .bnm-conf-success .true {
    top: 10px !important;
    left: 10px !important;
    width: 46px !important;
    height: 46px !important;
  }

  .bnm-conference-booking .bnm-conf-success__media {
    flex: 1 1 100%;
    min-height: 180px;
  }

  .bnm-conference-booking .bnm-conf-success .conference-status-msg,
  .bnm-conference-booking .bnm-conf-success__sub {
    text-align: center;
  }

  .bnm-conference-booking .bnm-conf-success .btn-theme.btn-label {
    align-self: center;
  }
}

/* ---- Conference bookings list tabs ---- */
.bnm-conference-booking .bnm-conf-list-card {
  border: 1px solid var(--bnm-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--bnm-shadow);
  overflow: hidden;
  background: var(--bnm-card);
}

/* Choices.js multiple select dropdown caret matching theme select-one */
.choices[data-type*="select-multiple"]:after,
.choices[data-type*="select-multiple"]::after {
  content: "\f0140";
  position: absolute;
  border: 0;
  border-color: #212529 transparent transparent;
  right: 11.5px;
  left: auto;
  font-family: "Material Design Icons";
  width: auto;
  height: auto;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.2s ease-in-out;
}

.choices[data-type*="select-multiple"].is-open:after,
.choices[data-type*="select-multiple"].is-open::after {
  margin-top: 0;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.choices[data-type*="select-multiple"] .choices__inner {
  padding-right: 2.25rem;
  cursor: pointer;
}