#msgbox .modal-dialog
{
    z-index: 999999999;
}

/* Modern dashboard */
.dashboard-modern {
    --dashboard-navy: var(--admin-text, #17223b);
    --dashboard-muted: #74809a;
    --dashboard-border: var(--admin-menu-border, #e8edf5);
    --dashboard-primary: var(--admin-active-bg, #3157d5);
    color: var(--dashboard-navy);
    padding: 4px 0 22px;
}
.dashboard-modern button, .dashboard-modern a { transition: all .2s ease; }
.dashboard-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 188px;
    margin-bottom: 24px;
    padding: 34px 38px;
    overflow: hidden;
    color: var(--admin-header-text, #fff);
    border-radius: 22px;
    background: linear-gradient(125deg, var(--admin-header-bg, #172554) 0%, var(--admin-active-bg, #3157d5) 100%);
    box-shadow: 0 18px 45px rgba(34, 59, 139, .18);
}
.dashboard-hero::before, .dashboard-hero::after { position: absolute; content: ""; border-radius: 50%; background: rgba(255, 255, 255, .07); }
.dashboard-hero::before { width: 240px; height: 240px; right: 18%; top: -165px; }
.dashboard-hero::after { width: 170px; height: 170px; right: -45px; bottom: -100px; }
.dashboard-hero__content, .dashboard-hero__actions { position: relative; z-index: 2; }
.dashboard-hero__content { max-width: 650px; }
.dashboard-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--admin-header-text, #ccd7ff); opacity: .78; }
.dashboard-eyebrow .fa { font-size: 7px; color: #58e6aa; }
.dashboard-hero h2 { margin: 0 0 9px; color: var(--admin-header-text, #fff); font-size: 30px; font-weight: 700; letter-spacing: -.5px; }
.dashboard-hero p { margin: 0; color: var(--admin-header-text, #dce4ff); font-size: 14px; line-height: 1.7; opacity: .84; }
.dashboard-hero p strong { color: var(--admin-header-text, #fff); }
.dashboard-hero__actions { display: flex; gap: 10px; margin-left: 28px; }
.dashboard-hero__mark { position: absolute; right: 32%; bottom: -35px; color: rgba(255, 255, 255, .035); font-size: 155px; transform: rotate(-12deg); }
.dashboard-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 17px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.dashboard-btn:hover { transform: translateY(-2px); }
.dashboard-btn--light { color: var(--admin-header-bg, #233775); background: var(--admin-header-text, #fff); box-shadow: 0 8px 20px rgba(14, 28, 74, .16); }
.dashboard-btn--accent { color: #fff; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .28); }
.dashboard-btn--accent:hover { background: rgba(255, 255, 255, .22); }
.dashboard-btn--primary { color: var(--admin-active-text, #fff); background: var(--dashboard-primary); }
.dashboard-welcome { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid #dfe7fa; border-radius: 14px; background: #f7f9ff; }
.dashboard-welcome__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: var(--dashboard-primary); background: #e8edff; }
.dashboard-welcome h3 { margin: 0 0 2px; font-size: 15px; font-weight: 700; }
.dashboard-welcome p { margin: 0; color: var(--dashboard-muted); font-size: 12px; }
.dashboard-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 22px; }
.dashboard-stat { position: relative; display: flex; align-items: center; width: 100%; min-height: 140px; padding: 22px; overflow: hidden; text-align: left; border: 1px solid var(--dashboard-border); border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(31, 45, 78, .06); }
.dashboard-stat::after { position: absolute; content: ""; width: 90px; height: 90px; right: -45px; top: -45px; border-radius: 50%; background: currentColor; opacity: .055; }
.dashboard-stat:hover { border-color: transparent; transform: translateY(-4px); box-shadow: 0 15px 35px rgba(31, 45, 78, .11); }
.dashboard-stat--blue { color: var(--dashboard-primary); }
.dashboard-stat--green { color: #169b72; }
.dashboard-stat--violet { color: #8055c9; }
.dashboard-stat--disabled { cursor: default; }
.dashboard-stat--disabled:hover { transform: none; }
.dashboard-stat__icon { display: grid; flex: 0 0 54px; place-items: center; width: 54px; height: 54px; margin-right: 16px; border-radius: 15px; color: currentColor; background: currentColor; box-shadow: inset 0 0 0 30px rgba(255, 255, 255, .87); font-size: 21px; }
.dashboard-stat__body { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.dashboard-stat__label { margin-bottom: 2px; color: var(--dashboard-muted); font-size: 12px; font-weight: 600; }
.dashboard-stat__value { color: var(--dashboard-navy); font-size: 31px; line-height: 1.1; }
.dashboard-stat__meta { margin-top: 9px; color: #8a94aa; font-size: 11px; white-space: nowrap; }
.dashboard-stat__meta .fa { margin-right: 4px; }
.dashboard-stat__arrow { margin-left: 8px; opacity: .45; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 22px; align-items: start; }
.dashboard-card { min-width: 0; overflow: hidden; border: 1px solid var(--dashboard-border); border-radius: 18px; background: #fff; box-shadow: 0 9px 30px rgba(31, 45, 78, .055); }
.dashboard-card--wide { grid-column: 1 / -1; }
.dashboard-card__header { display: flex; align-items: center; justify-content: space-between; min-height: 78px; padding: 18px 22px; border-bottom: 1px solid #eef1f6; }
.dashboard-card__kicker { display: block; margin-bottom: 4px; color: #929cb0; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; }
.dashboard-card__header h3 { margin: 0; color: var(--dashboard-navy); font-size: 17px; font-weight: 700; }
.dashboard-card__header h3 .fa { margin-right: 6px; color: var(--dashboard-primary); }
.dashboard-icon-btn { display: grid; place-items: center; width: 37px; height: 37px; color: #65718a; border: 1px solid #e3e8f1; border-radius: 10px; background: #fff; }
.dashboard-icon-btn:hover { color: #fff; border-color: var(--dashboard-primary); background: var(--dashboard-primary); }
.account-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; background: #fafbfe; border-bottom: 1px solid #eef1f6; }
.account-summary__item { display: flex; align-items: center; min-width: 0; padding: 12px; border: 1px solid #edf0f5; border-radius: 12px; background: #fff; }
.account-summary__icon { display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; margin-right: 10px; border-radius: 10px; }
.account-summary__icon--blue { color: var(--dashboard-primary); background: #e9edff; }
.account-summary__icon--green { color: #148863; background: #e4f7f0; }
.account-summary__icon--orange { color: #da8522; background: #fff2df; }
.account-summary__icon--violet { color: #7b55bd; background: #f0e9fc; }
.account-summary__item span:last-child { min-width: 0; }
.account-summary__item strong { display: block; color: var(--dashboard-navy); font-size: 18px; line-height: 1.05; }
.account-summary__item small { display: block; margin-top: 4px; overflow: hidden; color: var(--dashboard-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-table-wrap { overflow-x: auto; }
.dashboard-table-title { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px 5px; color: var(--dashboard-navy); font-size: 12px; font-weight: 700; }
.dashboard-table-title a { color: var(--dashboard-primary); font-size: 11px; font-weight: 600; }
.dashboard-table { margin: 0 !important; }
.dashboard-table > thead > tr > th { padding: 11px 20px; color: #9099ad; border-bottom: 1px solid #edf0f5; font-size: 9px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.dashboard-table > tbody > tr > td { padding: 13px 20px; vertical-align: middle; border-top: 1px solid #f0f2f6; }
.dashboard-table > tbody > tr:hover { background: #fafbff; }
.dashboard-user { display: flex; align-items: center; min-width: 185px; }
.dashboard-user__avatar { display: grid; flex: 0 0 35px; place-items: center; width: 35px; height: 35px; margin-right: 10px; color: var(--dashboard-primary); border-radius: 10px; background: #e9edff; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.dashboard-user strong, .dashboard-user small { display: block; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-user strong { color: #26324a; font-size: 11px; }
.dashboard-user small { margin-top: 2px; color: #929bad; font-size: 9px; }
.dashboard-role { color: #66718a; font-size: 10px; white-space: nowrap; }
.dashboard-status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; color: #9a6270; border-radius: 20px; background: #fff0f2; font-size: 9px; font-weight: 700; white-space: nowrap; }
.dashboard-status .fa { font-size: 6px; }
.dashboard-status--active { color: #13785a; background: #e7f7f1; }
.active-event-banner { position: relative; display: flex; align-items: center; margin: 20px; padding: 17px; overflow: hidden; color: #fff; border-radius: 14px; background: linear-gradient(120deg, #1a8d6d, #26ae82); }
.active-event-banner::after { position: absolute; content: ""; width: 100px; height: 100px; right: -35px; bottom: -55px; border-radius: 50%; background: rgba(255, 255, 255, .09); }
.active-event-banner__icon { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; margin-right: 12px; border-radius: 12px; background: rgba(255, 255, 255, .16); }
.active-event-banner > div { min-width: 0; flex: 1; }
.active-event-banner__label { display: block; margin-bottom: 2px; color: #c8f4e6; font-size: 9px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; }
.active-event-banner strong { display: block; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.active-event-banner small { display: block; margin-top: 5px; color: #daf7ee; font-size: 9px; }
.active-event-banner__live { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 5px; margin-left: 10px; padding: 5px 8px; border-radius: 20px; background: rgba(13, 82, 62, .28); font-size: 9px; font-weight: 700; }
.active-event-banner__live .fa { color: #89ffd8; font-size: 6px; }
.service-list { margin: 0 20px 20px; border: 1px solid #edf0f5; border-radius: 13px; overflow: hidden; }
.service-list__head, .service-list__row { display: grid; grid-template-columns: minmax(0, 1fr) 82px 82px; align-items: center; column-gap: 10px; }
.service-list__head { padding: 10px 14px; color: #949daf; background: #fafbfc; font-size: 8px; font-weight: 700; letter-spacing: .65px; text-transform: uppercase; }
.service-list__head span:not(:first-child) { text-align: center; }
.service-list__row { min-height: 54px; padding: 9px 14px; border-top: 1px solid #f0f2f6; }
.service-list__name { min-width: 0; overflow: hidden; color: #344057; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.service-list__name .fa { margin-right: 7px; color: #8b98b2; }
.service-count { display: inline-block; justify-self: center; min-width: 35px; padding: 5px 8px; text-align: center; border-radius: 8px; font-size: 10px; font-weight: 800; }
.service-count--in { color: #13785a; background: #e8f7f2; }
.service-count--out { color: #9d6824; background: #fff3e2; }
.dashboard-empty-state { padding: 54px 24px 58px; text-align: center; }
.dashboard-empty-state__icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 16px; color: #7084cb; border-radius: 18px; background: #edf1ff; font-size: 24px; }
.dashboard-empty-state h4 { margin: 0 0 7px; color: var(--dashboard-navy); font-size: 16px; font-weight: 700; }
.dashboard-empty-state p { max-width: 360px; margin: 0 auto 18px; color: var(--dashboard-muted); font-size: 11px; line-height: 1.7; }
.dashboard-empty-row { padding: 20px !important; color: #929bad; text-align: center; font-size: 10px; }
@media (max-width: 1100px) { .dashboard-grid { grid-template-columns: 1fr; } .dashboard-card--wide { grid-column: auto; } }
@media (max-width: 900px) {
    .dashboard-hero { align-items: flex-start; flex-direction: column; }
    .dashboard-hero__actions { margin: 22px 0 0; }
    .dashboard-stats { grid-template-columns: 1fr; gap: 12px; }
    .dashboard-stat { min-height: 112px; }
}
@media (max-width: 600px) {
    .dashboard-modern { padding-top: 0; }
    .dashboard-hero { min-height: 0; margin-bottom: 16px; padding: 26px 22px; border-radius: 16px; }
    .dashboard-hero h2 { font-size: 23px; }
    .dashboard-hero__actions { width: 100%; flex-wrap: wrap; }
    .dashboard-hero__actions .dashboard-btn { flex: 1; }
    .dashboard-stats { margin-bottom: 16px; }
    .dashboard-stat { padding: 18px; border-radius: 15px; }
    .dashboard-grid { gap: 16px; }
    .dashboard-card { border-radius: 15px; }
    .account-summary { grid-template-columns: 1fr; }
    .dashboard-table > thead > tr > th, .dashboard-table > tbody > tr > td { padding-left: 14px; padding-right: 14px; }
    .active-event-banner { align-items: flex-start; }
    .active-event-banner__live { position: absolute; right: 10px; top: 10px; }
    .active-event-banner > div { padding-right: 42px; }
    .service-list__head, .service-list__row { grid-template-columns: minmax(0, 1fr) 57px 57px; column-gap: 5px; }
}

/* Admin application design system */
.admin-body { color: var(--admin-text, #17223b); background: var(--admin-bg, #f4f6fb) !important; }
.admin-shell { --admin-primary: var(--admin-active-bg, #3157d5); --admin-navy: var(--admin-text, #17223b); --admin-muted: #74809a; --admin-border: var(--admin-menu-border, #e5eaf2); color: var(--admin-text, #17223b); background: var(--admin-bg, #f4f6fb) !important; }
.admin-shell > .admin-navbar { height: 76px; color: var(--admin-header-text, #fff); border: 0 !important; background: var(--admin-header-bg, #172554) !important; box-shadow: 0 6px 24px rgba(23, 34, 59, .14); }
.admin-navbar .navbar-header { width: 228px; height: 76px; }
.admin-brand { display: flex; align-items: center; height: 76px; padding: 0; }
.admin-logo-plate { display: inline-grid; place-items: center; box-sizing: border-box; width: auto; height: auto; margin: 0 15px; padding: 6px 10px; overflow: visible; border: 1px solid rgba(216, 223, 236, .95); border-radius: 12px; background: linear-gradient(145deg, #fff, #f1f4f9); box-shadow: 0 7px 18px rgba(5, 14, 45, .2), inset 0 1px 0 #fff; }
.admin-brand__logo { display: block; width: auto; height: auto; max-width: 155px; max-height: 52px; object-fit: contain; object-position: center; filter: drop-shadow(0 1px 1px rgba(17, 24, 39, .42)); }
.admin-navbar .navbar-collapse { height: 76px !important; }
.admin-navbar .user-menu { display: flex; align-items: center; height: 76px; margin-right: 25px !important; }
.admin-navbar .user-menu > li > a { display: flex; align-items: center; min-height: 48px; padding: 7px 11px; color: var(--admin-header-text, #fff); line-height: normal; border-radius: 12px; }
.admin-navbar .user-menu > li > a:hover, .admin-navbar .user-menu > li > a:focus, .admin-navbar .user-menu .open > a { background: rgba(255, 255, 255, .09) !important; }
.admin-navbar .admin-user-control { gap: 10px; min-width: 190px; }
.admin-user-avatar { display: grid; place-items: center; width: 36px; height: 36px; color: var(--admin-active-bg, #3157d5); border-radius: 11px; background: var(--admin-header-text, #fff); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.admin-navbar .navbar-nav > li > a span.username { display: flex; flex: 1; flex-direction: column; margin: 0; padding: 0; color: var(--admin-header-text, #fff) !important; border: 0; background: transparent !important; }
.admin-navbar .username small { margin-bottom: 2px; color: var(--admin-header-text, #aebce9); font-size: 9px; font-weight: 500; opacity: .68; }
.admin-navbar .username strong { max-width: 135px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-arrow { color: var(--admin-header-text, #aebce9); font-size: 11px; opacity: .68; }
.admin-navbar .navbar-nav > li > a.settings > i { padding: 10px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .09); }
.admin-navbar .dropdown-menu { margin-top: -5px !important; overflow: hidden; border: 1px solid var(--admin-border) !important; border-radius: 12px !important; box-shadow: 0 14px 35px rgba(25, 37, 70, .16); }

.admin-shell .box-holder { min-height: 1050px !important; }
.admin-shell .left-sidebar { width: 228px; min-height: 100%; border: 0; border-right: 1px solid var(--admin-menu-border, #e5eaf2); background: var(--admin-menu-bg, #fff) !important; box-shadow: 4px 0 24px rgba(31, 45, 78, .055); }
.admin-shell .sidebar-holder { padding: 0 13px 24px; }
.admin-sidebar-nav > .nav-list { height: auto !important; min-height: 600px; margin: 0 !important; padding: 17px 0 24px !important; }
.admin-sidebar-nav .nav-toggle { display: flex; align-items: center; justify-content: space-between; min-height: 53px; margin: 0 0 10px !important; padding: 0 8px; border-bottom: 1px solid var(--admin-menu-border, #eef1f6); }
.admin-menu-title { display: inline-flex; flex-direction: column; text-align: left; }
.admin-menu-title span { color: var(--admin-menu-link, #25314a); font-size: 11px; font-weight: 700; }
.admin-menu-title small { margin-top: 2px; color: #9aa3b5; font-size: 8px; letter-spacing: .6px; text-transform: uppercase; }
.admin-sidebar-nav .nav-toggle .btn-nav-toggle { width: 32px; height: 32px; padding: 0; color: #65718a !important; border: 1px solid #e7ebf2 !important; border-radius: 9px !important; background: #f9fafc !important; }
.admin-sidebar-nav .nav > li.looping-menu { margin-bottom: 5px; }
.admin-sidebar-nav .nav li a { min-height: 45px; padding: 12px 13px; color: var(--admin-menu-link, #65718a) !important; border: 0; border-radius: 11px; font-size: 11px; font-weight: 600; }
.admin-sidebar-nav .nav li a i { margin: 0 10px 0 0; color: var(--admin-menu-link, #8d98ad); font-size: 15px; opacity: .7; }
.admin-sidebar-nav .nav li a:hover { color: var(--admin-active-bg, #3157d5) !important; background: var(--admin-bg, #f0f3ff) !important; }
.admin-sidebar-nav .nav li a:hover i { color: var(--admin-active-bg, #3157d5); }
.admin-sidebar-nav .nav li.active > a { color: var(--admin-active-text, #fff) !important; background: var(--admin-active-bg, #3157d5) !important; box-shadow: 0 8px 18px rgba(49, 87, 213, .22); }
.admin-sidebar-nav .nav li.active > a i { color: var(--admin-active-text, #fff); opacity: 1; }
.admin-sidebar-nav .nav > li ul { margin: 5px 0 8px; padding: 5px; border-radius: 10px; background: var(--admin-bg, #f7f8fb) !important; }
.admin-sidebar-nav .nav > li ul > li > a { min-height: 36px; padding: 9px 12px 9px 36px; border: 0; font-size: 10px; }
.admin-shell.mini-sidebar .left-sidebar { width: 68px !important; }
.admin-shell.mini-sidebar .content { margin-left: 68px; }
.admin-shell.mini-sidebar .admin-sidebar-nav { padding-left: 8px; padding-right: 8px; }
.admin-shell.mini-sidebar .admin-sidebar-nav .nav li a { padding-left: 10px; padding-right: 10px; }

.admin-shell .admin-content { min-height: 950px; margin: 0 0 0 228px; padding: 18px 26px 75px; }
.admin-page-heading { display: flex; flex-direction: column; margin-bottom: 16px !important; }
.admin-page-heading .breadcrumb { order: 2; margin: 5px 0 0; padding: 0 0 0 57px; border: 0; background: transparent !important; }
.admin-page-heading .breadcrumb li, .admin-page-heading .breadcrumb li a { color: var(--admin-menu-link, #929bad) !important; font-size: 9px; opacity: .78; }
.admin-page-heading .breadcrumb > li + li:before { color: #c0c7d4; }
.admin-content .page-header { display: flex; align-items: center; order: 1; margin: 0; padding: 0 !important; color: var(--admin-text, #17223b) !important; border: 0; font-size: 21px; font-weight: 700; letter-spacing: -.25px; }
.page-header__icon { display: grid; place-items: center; width: 43px; height: 43px; margin-right: 13px; color: var(--admin-active-bg, #3157d5); border-radius: 13px; background: var(--admin-menu-bg, #e9edff); border: 1px solid var(--admin-menu-border, #e5eaf2); font-size: 16px; }
.admin-page-view { display: block; min-height: 650px; }
.admin-shell .footer { left: 228px; width: calc(100% - 228px); margin: 0; padding: 18px; color: #8a94a9; border: 0; background: transparent; font-size: 9px; }

.admin-page-card { margin-bottom: 20px; overflow: hidden; border: 1px solid var(--admin-border); border-radius: 17px; background: #fff; box-shadow: 0 8px 30px rgba(31, 45, 78, .055); }
.admin-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px; border-bottom: 1px solid #edf0f5; }
.admin-search-box { position: relative; display: flex; width: min(100%, 420px); }
.admin-search-box > .fa { position: absolute; z-index: 2; left: 14px; top: 14px; color: #9aa4b7; }
.admin-search-box .form-control { height: 42px; padding-left: 39px; border-radius: 11px 0 0 11px; }
.admin-search-box .btn { height: 42px; border-radius: 0 11px 11px 0; }
.admin-create-btn { min-height: 42px; }
.admin-table-wrap { margin: 0; }
.admin-data-table { margin: 0 !important; }
.admin-data-table > thead > tr > th, .admin-data-table > thead > tr > td { padding: 13px 16px; color: #818ba0; border: 0 !important; border-bottom: 1px solid #e9edf3 !important; background: #f9fafc !important; font-size: 9px; font-weight: 700; letter-spacing: .55px; text-transform: uppercase; white-space: nowrap; }
.admin-data-table > tbody > tr > td { padding: 14px 16px; vertical-align: middle; color: #455168; border-color: #eef1f5; font-size: 10px; }
.admin-data-table > tbody > tr:hover { background: #fafbff; }
.admin-data-table img { border-radius: 9px; }
.admin-data-table td:last-child .fa.pointer { display: inline-grid; place-items: center; width: 31px; height: 31px; margin: 2px !important; border-radius: 9px; background: #f1f3f8; }
.admin-table-empty { padding: 55px 20px !important; color: #98a1b3 !important; text-align: center; }
.admin-table-empty .fa, .admin-table-empty span { display: block; }
.admin-table-empty .fa { margin-bottom: 10px; font-size: 25px; }
.admin-list-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 20px; border-top: 1px solid #edf0f5; }
.admin-list-footer pagination .pagination { margin: 0; }

.admin-form-card { padding: 0; overflow: visible; }
.admin-form-fields { margin: 0 !important; padding: 24px 28px !important; }
.admin-form-fields > .row { margin-bottom: 18px; }
.admin-form-fields label { padding-top: 9px; color: var(--admin-text, #455168); font-size: 11px; font-weight: 600; }
.localized-field { display: flex; align-items: stretch; width: 100%; }
.admin-shell .localized-field__language { flex: 0 0 145px; width: 145px; border-radius: 10px 0 0 10px; border-right: 0; background: #f7f8fb; font-weight: 600; }
.admin-shell .localized-field__input { flex: 1; min-width: 0; border-radius: 0 10px 10px 0; }
.admin-shell .localized-field__input--textarea { min-height: 110px; }
.admin-shell .localized-field__language:focus + .localized-field__input { border-left-color: var(--admin-active-bg, #6d88e3); }
.admin-form-actions { margin: 0 !important; padding: 17px 28px; border-top: 1px solid #edf0f5; background: #fafbfc; }
.admin-tabs { display: flex; gap: 4px; overflow-x: auto; margin: 0; padding: 12px 15px 0; border-bottom: 1px solid #e7ebf2; background: #fff; }
.admin-tabs > li { flex: 0 0 auto; margin: 0 0 -1px; }
.admin-tabs > li > a { margin: 0; padding: 11px 14px; color: #7a859b; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 8px 8px 0 0; background: transparent !important; font-size: 10px; font-weight: 600; }
.admin-tabs > li > a:hover { color: var(--admin-active-bg, #3157d5); background: var(--admin-bg, #f5f7ff) !important; }
.admin-tabs > li.active > a, .admin-tabs > li.active > a:hover { color: var(--admin-active-bg, #3157d5) !important; border-bottom-color: var(--admin-active-bg, #3157d5) !important; background: var(--admin-bg, #f7f8ff) !important; }

.admin-shell .form-control { height: 41px; color: #344057; border: 1px solid #dfe4ed; border-radius: 10px; background: #fff; box-shadow: none; font-size: 11px; }
.admin-shell textarea.form-control { min-height: 105px; height: auto; resize: vertical; }
.admin-shell .form-control:focus { border-color: var(--admin-active-bg, #6d88e3); box-shadow: 0 0 0 3px rgba(49, 87, 213, .1); }
.admin-shell .form-control::placeholder { color: #a8b0bf; }
.admin-shell label { color: #4d5970; font-size: 10px; font-weight: 600; }
.admin-shell .btn { min-height: 38px; padding: 9px 14px; border-width: 0; border-radius: 9px; font-size: 10px; font-weight: 700; box-shadow: none; }
.admin-shell .btn:hover { transform: translateY(-1px); box-shadow: 0 7px 16px rgba(31, 45, 78, .12); }
.admin-shell .btn-primary { color: var(--admin-active-text, #fff); background: var(--admin-active-bg, #3157d5); }
.admin-shell .btn-success { color: #fff; background: #18966f; }
.admin-shell .btn-warning { color: #fff; background: #dd8a27; }
.admin-shell .btn-danger { color: #fff; background: #d84d62; }
.admin-shell .btn-info { color: #fff; background: #3986c7; }
.admin-shell .btn-default { color: #59657c; border: 1px solid #dfe4ed; background: #fff; }
.admin-shell .btn-sm { min-height: 31px; padding: 6px 10px; }
.admin-shell .panel { margin-bottom: 20px; border: 1px solid var(--admin-border); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(31, 45, 78, .05); }
.admin-shell .panel > .panel-heading { padding: 16px 20px; color: #26324a; border: 0; border-bottom: 1px solid #edf0f5; border-radius: 16px 16px 0 0; background: #fafbfc; }
.admin-shell .panel > .panel-body { padding: 20px; }
.admin-shell .panel-primary { border-color: var(--admin-border); }
.admin-shell .panel-primary > .panel-heading { color: #26324a; background: #fafbfc; }
.admin-shell .alert { border: 0; border-radius: 12px; font-size: 11px; }
.admin-alert { margin-bottom: 15px; padding: 15px 18px; }
.admin-shell .admin-page-view .table { margin-bottom: 18px; border-color: #edf0f5; background: #fff; }
.admin-shell .admin-page-view .table > thead > tr > th,
.admin-shell .admin-page-view .table > thead > tr > td { padding: 12px 14px; color: #7e899f; border-color: #e8edf3; background: #f9fafc; font-size: 9px; font-weight: 700; letter-spacing: .45px; text-transform: uppercase; }
.admin-shell .admin-page-view .table > tbody > tr > td { padding: 13px 14px; vertical-align: middle; border-color: #eef1f5; font-size: 10px; }
.admin-shell .admin-page-view .table > tbody > tr:hover { background: #fafbff; }
.admin-shell .admin-page-view .badge { padding: 6px 9px; border-radius: 8px; font-size: 9px; font-weight: 600; }
.admin-shell .admin-page-view hr { border-color: #edf0f5; }

.admin-filter-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; padding: 13px 16px; border: 1px solid var(--admin-border); border-radius: 14px; background: #fff; box-shadow: 0 6px 20px rgba(31, 45, 78, .04); }
.admin-filter-label { color: #68748b; font-size: 10px; font-weight: 700; }
.admin-filter-label .fa { margin-right: 6px; color: var(--admin-active-bg, #3157d5); }
.admin-segmented { display: flex; padding: 3px; border-radius: 10px; background: #f0f2f7; }
.admin-segmented .btn { min-height: 32px; color: #718097; border-radius: 8px !important; background: transparent; }
.admin-segmented .btn.active { color: var(--admin-active-text, #fff); background: var(--admin-active-bg, #3157d5); box-shadow: 0 5px 12px rgba(49, 87, 213, .2); }
.admin-settings-list { padding-bottom: 5px; }
.admin-settings-list .table-responsive { padding: 18px; }
.admin-settings-list .table { margin: 0; border: 1px solid #edf0f5; border-radius: 12px; }
.admin-table-card { padding: 10px 18px 18px; }
.admin-filter-card { margin: 0 0 18px !important; }
.payments-page > div:first-child > br { display: none; }
.payments-page .admin-table-card > table { margin-bottom: 8px; }
.admin-event-actions { min-height: 88px; margin-bottom: 14px; padding: 13px 0; }
.admin-event-actions .btn { min-width: 145px; min-height: 70px; }
.admin-event-actions .btn .fa-3x { margin-bottom: 6px; font-size: 20px; }
.admin-event-tabs { margin-bottom: 18px; border: 1px solid var(--admin-border); border-bottom: 1px solid var(--admin-border); border-radius: 14px; padding-top: 10px; }

.admin-shell .modal-content { overflow: hidden; border: 0; border-radius: 17px; box-shadow: 0 20px 60px rgba(20, 31, 57, .22); }
.admin-shell .modal-header { padding: 18px 22px; border-bottom: 1px solid #edf0f5; background: #fafbfc; }
.admin-shell .modal-title { color: #26324a; font-size: 15px; font-weight: 700; }
.admin-shell .modal-body { padding: 22px; }
.admin-shell .modal-footer { padding: 15px 22px; border-top: 1px solid #edf0f5; background: #fafbfc; }
.admin-shell .pagination > li > a, .admin-shell .pagination > li > span { margin: 0 2px; color: #647087; border: 1px solid #e2e7ef; border-radius: 8px; }
.admin-shell .pagination > .active > a, .admin-shell .pagination > .active > span { color: var(--admin-active-text, #fff); border-color: var(--admin-active-bg, #3157d5); background: var(--admin-active-bg, #3157d5); }

/* Settings */
.settings-page { max-width: 1180px; margin: 0 auto; }
.settings-page__intro { position: relative; display: flex; align-items: center; gap: 18px; margin-bottom: 18px; padding: 23px 26px; overflow: hidden; color: var(--admin-header-text, #fff); border-radius: 18px; background: linear-gradient(120deg, var(--admin-header-bg, #172554), var(--admin-active-bg, #3157d5)); box-shadow: 0 12px 34px rgba(31, 45, 78, .12); }
.settings-page__intro::after { position: absolute; right: -45px; top: -70px; width: 180px; height: 180px; content: ""; border-radius: 50%; background: rgba(255, 255, 255, .07); }
.settings-page__intro-icon { position: relative; z-index: 1; display: grid; flex: 0 0 50px; place-items: center; width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 15px; background: rgba(255, 255, 255, .12); font-size: 19px; }
.settings-page__intro > div:last-child { position: relative; z-index: 1; }
.settings-page__eyebrow { display: block; margin-bottom: 5px; font-size: 9px; font-weight: 800; letter-spacing: 1.15px; text-transform: uppercase; opacity: .72; }
.settings-page__intro h2 { margin: 0 0 5px; color: inherit; font-size: 20px; font-weight: 700; }
.settings-page__intro p { margin: 0; color: inherit; font-size: 11px; line-height: 1.6; opacity: .8; }
.theme-preview-card { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(390px, 1.28fr); gap: 26px; align-items: center; margin-bottom: 20px; padding: 24px 26px; border: 1px solid var(--admin-border); border-radius: 18px; background: #fff; box-shadow: 0 8px 30px rgba(31, 45, 78, .055); }
.theme-preview-card__copy h3 { margin: 0 0 8px; color: var(--admin-text, #17223b); font-size: 17px; font-weight: 700; }
.theme-preview-card__copy p { margin: 0; color: #78849b; font-size: 11px; line-height: 1.75; }
.theme-preview-card__swatches { display: flex; gap: 8px; margin-top: 16px; }
.theme-preview-card__swatches span { width: 27px; height: 27px; border: 3px solid #fff; border-radius: 9px; box-shadow: 0 0 0 1px #dfe4ed, 0 4px 10px rgba(31, 45, 78, .1); }
.theme-preview { min-width: 0; overflow: hidden; border: 1px solid var(--admin-border); border-radius: 14px; box-shadow: 0 10px 26px rgba(31, 45, 78, .1); transition: color .2s ease, background-color .2s ease; }
.theme-preview__header { display: flex; align-items: center; justify-content: space-between; height: 42px; padding: 0 15px; font-size: 9px; font-weight: 700; transition: color .2s ease, background-color .2s ease; }
.theme-preview__header .fa-th-large { margin-right: 5px; }
.theme-preview__body { display: grid; grid-template-columns: 105px minmax(0, 1fr); min-height: 145px; }
.theme-preview__body aside { display: flex; flex-direction: column; gap: 5px; padding: 11px 8px; border-right: 1px solid; transition: background-color .2s ease, border-color .2s ease; }
.theme-preview__body aside span { display: block; padding: 7px 8px; overflow: hidden; border-radius: 6px; font-size: 7px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.theme-preview__body aside .fa { width: 12px; }
.theme-preview__body main { min-width: 0; padding: 16px; }
.theme-preview__body main > strong { display: block; margin-bottom: 11px; font-size: 9px; }
.theme-preview__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 11px; }
.theme-preview__cards span { height: 42px; border: 1px solid; border-radius: 7px; background: rgba(255, 255, 255, .75); }
.theme-preview__body button { padding: 6px 9px; border: 0; border-radius: 6px; font-size: 7px; font-weight: 700; }
.theme-color-controls { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 20px; border-top: 1px solid var(--admin-border); }
.theme-color-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; margin: 0; padding: 10px 11px 10px 13px; color: var(--admin-text, #455168) !important; border: 1px solid var(--admin-border); border-radius: 11px; background: var(--admin-bg, #f8f9fc); cursor: pointer; }
.theme-color-control > span:first-child { overflow: hidden; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.theme-color-control__value { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.theme-color-control code { padding: 0; color: #7d879b; background: transparent; font-size: 8px; text-transform: uppercase; }
.theme-color-control input[type="color"] { width: 32px; height: 32px; padding: 2px; border: 1px solid #dce2ec; border-radius: 9px; background: #fff; cursor: pointer; }
.theme-color-control input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
.theme-color-control input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 5px; }
.theme-color-control input[type="color"]::-moz-color-swatch { border: 0; border-radius: 5px; }
.admin-form-section-row { margin: 7px 0 22px !important; }
.admin-form-section { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--admin-border); border-radius: 13px; background: var(--admin-bg, #f7f9fd); }
.admin-form-section__icon { display: grid; flex: 0 0 35px; place-items: center; width: 35px; height: 35px; color: var(--admin-active-bg, #3157d5); border-radius: 10px; background: #fff; box-shadow: 0 3px 10px rgba(31, 45, 78, .08); }
.admin-form-section h4 { margin: 0; color: var(--admin-text, #26324a); font-size: 13px; font-weight: 700; }
.admin-form-section p { margin: 3px 0 0; color: #818ca0; font-size: 9px; line-height: 1.5; }

@media (max-width: 1279px) {
    .admin-shell .left-sidebar { left: -250px; }
    .admin-shell .left-sidebar.show-fullsidebar { left: 0; width: 245px !important; box-shadow: 10px 0 35px rgba(24, 36, 67, .18); }
    .admin-shell .admin-content { margin-left: 0; padding: 18px 20px 70px; }
    .admin-shell .footer { left: 0; width: 100%; }
    .admin-navbar .navbar-header { width: auto; }
}
@media (max-width: 767px) {
    .admin-shell > .admin-navbar { height: 68px; }
    .admin-brand { height: 68px; padding: 0; }
    .admin-logo-plate { padding: 5px 8px; border-radius: 10px; }
    .admin-brand__logo { max-width: 119px; max-height: 38px; }
    .admin-navbar .navbar-collapse { display: block !important; position: absolute; right: 0; top: 0; height: 68px !important; border: 0; box-shadow: none; }
    .admin-navbar .user-menu { height: 68px; margin: 0 8px 0 0 !important; }
    .admin-navbar .admin-user-control { min-width: 0; }
    .admin-navbar .username, .admin-user-arrow { display: none !important; }
    .admin-navbar .user-menu > li:not(:first-child) { display: none; }
    .admin-shell .admin-content { padding: 14px 12px 65px; }
    .admin-page-heading { margin-bottom: 12px !important; }
    .admin-content .page-header { font-size: 17px; }
    .page-header__icon { width: 38px; height: 38px; }
    .admin-page-heading .breadcrumb { padding-left: 50px; }
    .admin-list-toolbar, .admin-filter-bar { align-items: stretch; flex-direction: column; }
    .admin-search-box { width: 100%; }
    .admin-create-btn { width: 100%; }
    .admin-form-fields { padding: 20px 16px !important; }
    .admin-form-actions { padding: 15px 16px; }
    .admin-form-fields > .row > div:first-child label { padding-top: 0; }
    .admin-shell .localized-field__language { flex-basis: 110px; width: 110px; }
    .admin-list-footer { align-items: flex-start; flex-direction: column; }
    .admin-event-actions { display: flex; gap: 8px; min-height: 0; }
    .admin-event-actions .btn { float: none !important; min-width: 0; flex: 1; margin: 0 !important; }
    .admin-shell .modal-dialog[style] { width: auto !important; }
    .settings-page__intro { align-items: flex-start; padding: 20px; }
    .settings-page__intro h2 { font-size: 17px; }
    .theme-preview-card { grid-template-columns: 1fr; padding: 20px 16px; }
    .theme-preview__body { grid-template-columns: 90px minmax(0, 1fr); }
    .theme-color-controls { grid-template-columns: 1fr; }
}
.contentsIsBeingLoading
{
    display: none;
}
.pointer
{
    cursor: pointer !important;
    text-decoration: none !important;
}
.trashed
{
    opacity: 0.5;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.inside-icon select {
    text-indent: 20px;
}
.has-error-input, input.has-error-input
{
    border: 1px solid red !important;
    /*border-radius: 7px;*/
}
.has-error-input::-webkit-input-placeholder
{
    color: #fa7f7f;
}
.hide-more
{
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 118px;
}

/*.stars i
{
    color: #ffca77;
    font-size: 19px; 
    display: inline-block;
    margin-right: 1px;
}*/


div.modal.fade div.modal-dialog
{
    z-index: 999999 !important;
}
.vr
{
    border-right: 1px solid #eee;
}

#loadingForm, .loadingForm
{
    opacity: 0.8;
    background-color: #fff;
    position: fixed;
    z-index: 999999;
    
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*cursor: wait;*/            
}
#loadingForm
{
    display: none;
}

#loadingForm div,.loadingForm div
{
    background-color: #fff;
    background-position: center 20px;
    background-repeat: no-repeat;
    width: 420px;            
    padding-top: 120px;
    text-align: center;
    margin: auto;
    margin-top: 100px;
    border-radius: 10px;
}
label.required:before
{
    content: "* ";
    color: red;
}
.showContents
{
    display: none !important;
    opacity: 0 !important;
}

#the-loading div, .the-loading div
{
    width: 0%;
    height: 5px;
}
#the-loading, .the-loading
{
    position: fixed !important;
    z-index: 5;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
}

.width10
{
    width: 10% !important;
}
.width15
{
    width: 15% !important;
}
.width20
{
    width: 20% !important;
}
.width25
{
    width: 25% !important;
}
.width50
{
    width: 50% !important;
}
.width80
{
    width: 80% !important;
    display: inline-block;
}
.width100
{
    width: 100% !important;
    display: inline-block;
}

.fa-1x
{
    font-size: 17px !important;
}
.fa-1-5x
{
    font-size: 21px !important;
}
.inBlock
{
    display: inline-block !important;
}

.bg-white {
    background-color: #ffffff !important;
}
.text-white {
    color: #ffffff !important;
}

.clear
{
    clear: both !important;
}

.disabled, .disabled a
{
    opacity: 0.7;
    text-decoration: none !important;
    cursor: no-drop !important;
}

ng-picker .dropdown-menu
{
    min-width: 250px;
}
ng-picker .dropdown-menu input.form-control
{
    margin: 0px !important;
  
}
.yellow
{
    color: #F1C40F;
}

.text-bold
{
    font-weight: bold !important;
}

.padding-top-10
{
    padding-top: 10px;
}

.padding-top-20
{
    padding-top: 20px;
}

.row
{
    margin-bottom: 5px;
}

.margin-top-10
{
    margin-top: 10px !important;
}

.fa:disabled, .fa.disabled
{
    cursor: no-drop !important;
}
.rtl
{
    direction: rtl !important;
}
.ltr
{
    direction: ltr !important;
}

.centerblock
{
    display: block;
    margin: auto;
}
.inlineBlock
{
    display: inline-block !important;
}



.line-through
{
  text-decoration: line-through !important;
}

tr.inmiddle td
{
    vertical-align: middle !important;
}

input[type=color].form-control
{
    width: 80px !important;
    height: 40px;
    padding: 0px;
    cursor: pointer;
}