:root {
    --default-primary: #3f6bed;
    --default-primary-dark: #3158d4;
    --default-primary-soft: #eef3ff;
    --default-sidebar: #ffffff;
    --default-page: #f4f6fb;
    --default-border: #e4e8f0;
    --default-text: #1f2937;
    --default-muted: #6b7280;
    --default-success: #3f8f5b;
    --default-danger: #dc5548;
}

html,
body {
    min-height: 100%;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

body.default-admin,
body.default-login-page {
    background: var(--default-page);
    color: var(--default-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
}

body.default-admin {
    overflow-x: hidden;
}

.default-sidebar [class^="ti-"]:before,
.default-sidebar [class*=" ti-"]:before,
.default-header [class^="ti-"]:before,
.default-header [class*=" ti-"]:before {
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ti-home:before { content: "\f015"; }
.ti-id-badge:before { content: "\f2c1"; }
.ti-settings:before { content: "\f013"; }
.ti-ruler-pencil:before { content: "\f040"; }
.ti-shopping-cart:before { content: "\f07a"; }
.ti-user:before { content: "\f007"; }
.ti-face-smile:before { content: "\f118"; }
.ti-menu-alt:before { content: "\f022"; }
.ti-video-camera:before { content: "\f03d"; }
.ti-money:before { content: "\f0d6"; }
.ti-star:before { content: "\f005"; }
.ti-credit-card:before { content: "\f09d"; }
.ti-wallet:before { content: "\f0d6"; }
.ti-package:before { content: "\f187"; }
.ti-truck:before { content: "\f0d1"; }
.ti-email:before { content: "\f0e0"; }
.ti-power-off:before { content: "\f011"; }
.ti-angle-right:before { content: "\f105"; }
.ti-angle-left:before { content: "\f104"; }
.ti-menu:before { content: "\f0c9"; }
.ti-search:before { content: "\f002"; }

.default-shell {
    min-height: 100vh;
}

.default-sidebar {
    background: var(--default-sidebar);
    bottom: 0;
    border-right: 1px solid var(--default-border);
    box-shadow: none;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 240px;
    z-index: 1020;
}

.default-brand {
    align-items: center;
    border-bottom: 1px solid var(--default-border);
    display: flex;
    height: 82px;
    justify-content: space-between;
    padding: 18px 24px;
}

.default-brand-link {
    align-items: center;
    color: var(--default-primary);
    display: flex;
    min-width: 0;
    text-decoration: none;
}

.default-brand-link:hover,
.default-brand-link:focus {
    color: var(--default-primary);
    text-decoration: none;
}

.default-brand-mark {
    align-items: center;
    background: var(--default-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    margin-right: 12px;
    width: 40px;
}

.default-brand-name {
    color: var(--default-primary);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 1.25;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.default-sidebar-toggle {
    align-items: center;
    background: #fff;
    border: 1px solid #c9d5f5;
    border-radius: 8px;
    color: #4b5563;
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    margin-left: 12px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    width: 36px;
}

.default-sidebar-toggle:hover,
.default-sidebar-toggle:focus {
    background: var(--default-primary-soft);
    border-color: var(--default-primary);
    color: var(--default-primary);
    outline: none;
}

.default-sidebar-toggle i {
    color: inherit;
    font-size: 16px;
    line-height: 1;
}

.default-sidebar-menu .sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 16px 18px 28px;
}

.default-sidebar-menu .nav-item {
    margin: 4px 0;
}

.default-sidebar-menu .sidebar-link,
.default-sidebar-menu .dropdown-toggle {
    align-items: center;
    border-radius: 7px;
    color: #4b5563 !important;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    min-height: 42px;
    padding: 11px 16px !important;
    text-decoration: none;
}

.default-sidebar-menu .sidebar-link:hover,
.default-sidebar-menu .dropdown-toggle:hover,
.default-sidebar-menu .nav-item.active > .sidebar-link,
.default-sidebar-menu .nav-item.open > .dropdown-toggle {
    background: var(--default-primary);
    color: #fff !important;
}

.default-sidebar-menu .icon-holder {
    color: inherit !important;
    display: inline-flex !important;
    flex: 0 0 28px;
    justify-content: center;
    margin-right: 12px;
    text-align: center;
}

.default-sidebar-menu .icon-holder i {
    color: inherit !important;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    min-width: 20px;
}

.default-sidebar-menu .title {
    flex: 1 1 auto;
    text-align: left;
}

.default-sidebar-menu .arrow {
    color: inherit;
    margin-left: 8px;
}

.default-sidebar-menu .dropdown-menu {
    background: #f8faff;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    display: none;
    float: none;
    margin: 4px 0 8px;
    min-width: 0;
    padding: 6px 0;
    position: static;
}

.default-sidebar-menu .nav-item.open > .dropdown-menu {
    display: block;
}

.default-sidebar-menu .dropdown-menu li {
    margin: 0;
}

.default-sidebar-menu .dropdown-menu a,
.default-sidebar-menu .dropdown-menu .sidebar-link {
    align-items: center;
    background: transparent !important;
    border-radius: 6px;
    color: #5f6b7a !important;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 1.35;
    margin: 2px 8px;
    min-height: 36px;
    padding: 9px 18px 9px 48px !important;
    text-decoration: none;
}

.default-sidebar-menu .dropdown-menu a:hover,
.default-sidebar-menu .dropdown-menu a:focus,
.default-sidebar-menu .dropdown-menu .sidebar-link:hover,
.default-sidebar-menu .dropdown-menu .sidebar-link:focus {
    background: var(--default-primary-soft) !important;
    color: var(--default-primary) !important;
}

.default-page {
    margin-left: 240px;
    max-width: calc(100vw - 240px);
    min-height: 100vh;
    overflow-x: hidden;
    width: calc(100vw - 240px);
}

body.default-sidebar-collapsed .default-sidebar {
    width: 78px;
}

body.default-sidebar-collapsed .default-page {
    margin-left: 78px;
    max-width: calc(100vw - 78px);
    width: calc(100vw - 78px);
}

body.default-sidebar-collapsed .default-brand {
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
}

body.default-sidebar-collapsed .default-brand-name,
body.default-sidebar-collapsed .default-sidebar-menu .title,
body.default-sidebar-collapsed .default-sidebar-menu .arrow {
    display: none;
}

body.default-sidebar-collapsed .default-brand-link {
    display: none;
}

body.default-sidebar-collapsed .default-brand-mark {
    margin-right: 0;
}

body.default-sidebar-collapsed .default-sidebar-menu .sidebar-link,
body.default-sidebar-collapsed .default-sidebar-menu .dropdown-toggle {
    justify-content: center;
}

body.default-sidebar-collapsed .default-sidebar-menu .icon-holder {
    margin-right: 0;
}

.default-header {
    background: transparent;
    border: 0;
    box-shadow: none;
    height: 96px;
    max-width: 100%;
    overflow: visible;
    padding: 24px 28px 0;
    position: static;
    z-index: 1010;
}

.default-header-container {
    align-items: center;
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .06);
    display: flex;
    height: 70px;
    justify-content: space-between;
    padding: 0 22px;
}

.default-header-left,
.default-header-right {
    align-items: center;
    display: flex;
    min-width: 0;
}

.default-header-left {
    flex: 1 1 auto;
}

.default-header-right {
    flex: 0 0 auto;
    margin-left: 16px;
}

.default-icon-button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #4b5563;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    margin-right: 16px;
    width: 40px;
}

.default-page-title {
    color: var(--default-text);
    flex: 1 1 auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.default-user-toggle {
    align-items: center;
    color: var(--default-text);
    display: flex;
    text-decoration: none;
}

.default-user {
    position: relative;
}

.default-user-toggle:hover,
.default-user-toggle:focus {
    color: var(--default-text);
    text-decoration: none;
}

.default-user-name {
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
    margin-right: 12px;
}

.default-user-avatar {
    align-items: center;
    background: #111827;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.default-user-avatar i {
    color: inherit;
    font-size: 19px;
    line-height: 1;
}

.default-user-menu {
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(32, 45, 72, .12);
    display: none;
    float: none;
    list-style: none;
    margin: 10px 0 0;
    min-width: 190px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1100;
}

.default-user.open > .default-user-menu {
    display: block;
}

.default-user-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.default-user-menu a {
    align-items: center;
    border-radius: 7px;
    color: var(--default-text);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    padding: 10px 12px;
    text-decoration: none !important;
    white-space: nowrap;
}

.default-user-menu a:hover,
.default-user-menu a:focus {
    background: var(--default-primary-soft);
    color: var(--default-primary);
    text-decoration: none !important;
}

.default-user-menu i {
    color: inherit;
    flex: 0 0 20px;
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
}

.default-user-menu .divider {
    background: var(--default-border);
    height: 1px;
    margin: 6px 4px;
    overflow: hidden;
}

.default-user-menu a.text-danger {
    color: var(--default-danger) !important;
}

.default-user-menu a.text-danger:hover,
.default-user-menu a.text-danger:focus {
    background: #fff1f0;
    color: var(--default-danger) !important;
}

.default-content {
    background: var(--default-page);
    max-width: 100%;
    min-height: calc(100vh - 144px);
    overflow-x: hidden;
    padding: 22px 28px 32px;
}

.default-footer {
    color: var(--default-muted);
    font-size: 13px;
    padding: 20px 32px 28px;
    text-align: center;
}

.layers.bd,
.panel,
.panel-flat,
.card,
.bgc-white {
    background: #fff !important;
    border: 1px solid var(--default-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .06) !important;
    max-width: 100%;
    overflow-x: auto;
}

.panel-heading,
.panel-footer,
.layers.bd .layer {
    border-color: var(--default-border) !important;
}

h1, h2, h3, h4, h5, h6,
.panel-title,
h4.menu-title {
    color: var(--default-text) !important;
    font-weight: 700;
    letter-spacing: 0;
}

.default-content-title-hidden {
    display: none !important;
}

.table,
table {
    background: #fff;
    border-collapse: separate !important;
    border-spacing: 0;
    color: #596273;
    margin-bottom: 0;
    width: 100%;
}

.table > thead > tr > th,
table > thead > tr > th {
    background: #3f6bed !important;
    border: 0 !important;
    border-bottom: 0 !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 15px 18px !important;
    text-align: left !important;
    text-transform: none;
    vertical-align: middle;
}

.table > thead > tr > th:first-child,
table > thead > tr > th:first-child {
    border-top-left-radius: 7px;
}

.table > thead > tr > th:last-child,
table > thead > tr > th:last-child {
    border-top-right-radius: 7px;
}

.table > tbody > tr > td,
table > tbody > tr > td,
.table > tbody > tr > th,
table > tbody > tr > th {
    border: 0 !important;
    color: #596273;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 18px !important;
    text-align: left !important;
    vertical-align: middle;
}

.table > thead > tr > th:first-child,
table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child,
table > tbody > tr > td:first-child,
.table > tbody > tr > th:first-child,
table > tbody > tr > th:first-child {
    text-align: center !important;
    width: 72px;
}

.table > thead > tr > th:last-child,
table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child,
table > tbody > tr > td:last-child,
.table > tbody > tr > th:last-child,
table > tbody > tr > th:last-child {
    text-align: center !important;
}

.table > tbody > tr > td:last-child,
table > tbody > tr > td:last-child {
    min-width: 230px;
    white-space: normal;
}

.table > tbody > tr > td:last-child br,
table > tbody > tr > td:last-child br {
    display: none;
}

.table > tbody > tr > td:last-child .btn,
table > tbody > tr > td:last-child .btn {
    margin: 3px !important;
    vertical-align: middle;
}

.table > tbody > tr > td:last-child .btn-group,
table > tbody > tr > td:last-child .btn-group {
    display: inline-flex;
    margin: 3px !important;
    position: relative;
    vertical-align: middle;
}

.table > tbody > tr > td:last-child .btn-group > .btn,
table > tbody > tr > td:last-child .btn-group > .btn {
    margin: 0 !important;
}

.table > tbody > tr > td:last-child .btn-group:not(.open) > .dropdown-menu,
table > tbody > tr > td:last-child .btn-group:not(.open) > .dropdown-menu {
    display: none !important;
}

.table > tbody > tr > td:last-child .btn-group.open > .dropdown-menu,
table > tbody > tr > td:last-child .btn-group.open > .dropdown-menu {
    display: block !important;
}

.table > tbody > tr > td:last-child .dropdown-menu,
table > tbody > tr > td:last-child .dropdown-menu {
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(32, 45, 72, .14);
    left: auto;
    margin-top: 6px;
    min-width: 132px;
    padding: 6px;
    right: 0;
    text-align: left;
}

.table > tbody > tr > td:last-child .dropdown-menu > li,
table > tbody > tr > td:last-child .dropdown-menu > li {
    list-style: none;
}

.table > tbody > tr > td:last-child .dropdown-menu > li > a,
table > tbody > tr > td:last-child .dropdown-menu > li > a {
    border-radius: 6px;
    color: var(--default-danger);
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
    text-decoration: none;
    white-space: nowrap;
}

.table > tbody > tr > td:last-child .dropdown-menu > li > a:hover,
table > tbody > tr > td:last-child .dropdown-menu > li > a:hover {
    background: #fff1f0;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
    border: 0 !important;
}

.table > tbody > tr,
table > tbody > tr {
    background: #fff;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table > tbody > tr:nth-of-type(odd),
table > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(even),
.table > tbody > tr:nth-of-type(even),
table > tbody > tr:nth-of-type(even) {
    background-color: #f7f6ff !important;
}

.table-striped > tbody > tr:hover,
.table > tbody > tr:hover,
table > tbody > tr:hover {
    background-color: var(--default-primary-soft) !important;
}

.table a:not(.btn) {
    color: var(--default-primary);
    font-weight: 700;
    text-decoration: none;
}

.dataTables_wrapper {
    color: #596273;
}

.dataTables_wrapper .row:first-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: #596273;
    font-size: 13px;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_filter {
    margin-left: auto;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 7px;
    box-shadow: none;
    color: #374151;
    height: 36px;
    margin: 0 6px;
    padding: 6px 10px;
}

.dataTables_wrapper .dataTables_info {
    color: #6b7280;
    font-size: 13px;
    padding-top: 18px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.pagination > li > a,
.pagination > li > span {
    background: #fff !important;
    border: 1px solid var(--default-border) !important;
    color: #596273 !important;
    margin-left: 4px;
    min-width: 36px;
    padding: 8px 12px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.pagination > .active > a,
.pagination > .active > span {
    background: var(--default-primary) !important;
    border-color: var(--default-primary) !important;
    color: #fff !important;
}

.default-admin .btn,
.default-admin button.btn,
.default-admin input[type="submit"].btn,
.default-login-page .btn,
.default-login-page button.btn,
.default-login-page input[type="submit"].btn {
    align-items: center;
    border-radius: 7px !important;
    box-shadow: none !important;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    justify-content: center;
    line-height: 1.2;
    min-height: 36px;
    padding: 8px 14px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    vertical-align: middle;
    white-space: nowrap;
}

.default-admin .btn:hover,
.default-admin .btn:focus,
.default-login-page .btn:hover,
.default-login-page .btn:focus {
    box-shadow: none !important;
    outline: none;
    text-decoration: none !important;
}

.default-admin .btn:active,
.default-admin .btn.active,
.default-admin .btn-group.open .dropdown-toggle,
.default-login-page .btn:active,
.default-login-page .btn.active,
.default-login-page .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
}

.default-admin .btn-xs,
.default-admin .btn-sm,
.default-login-page .btn-xs,
.default-login-page .btn-sm {
    border-radius: 6px !important;
    font-size: 12px;
    min-height: 30px;
    padding: 6px 10px !important;
}

.default-admin table td .btn,
.default-admin .table td .btn {
    margin: 2px 6px 2px 0;
}

.default-admin table td .btn:last-child,
.default-admin .table td .btn:last-child {
    margin-right: 0;
}

.default-admin .btn-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.default-admin .btn-group > .btn {
    border-radius: 7px !important;
    margin: 0 !important;
}

.default-admin .btn-default,
.default-login-page .btn-default {
    background: #fff !important;
    border-color: #d7ddea !important;
    color: #374151 !important;
}

.default-admin .btn-primary,
.default-admin .bg-info-400,
.default-admin .bg-primary,
.default-admin .btn-info,
.default-login-page .btn-primary,
.default-login-page .bg-info-400,
.default-login-page .bg-primary,
.default-login-page .btn-info {
    background: var(--default-primary) !important;
    border-color: var(--default-primary) !important;
    color: #fff !important;
}

.default-admin .btn-primary:hover,
.default-admin .btn-info:hover,
.default-admin .bg-info-400:hover,
.default-admin .bg-primary:hover,
.default-login-page .btn-primary:hover,
.default-login-page .btn-info:hover,
.default-login-page .bg-info-400:hover,
.default-login-page .bg-primary:hover {
    background: var(--default-primary-dark) !important;
    border-color: var(--default-primary-dark) !important;
}

.default-admin .btn-success,
.default-admin .bg-success-400,
.default-admin .bg-teal-400,
.default-login-page .btn-success,
.default-login-page .bg-success-400,
.default-login-page .bg-teal-400 {
    background: var(--default-success) !important;
    border-color: var(--default-success) !important;
    color: #fff !important;
}

.default-admin .btn-success:hover,
.default-admin .bg-success-400:hover,
.default-admin .bg-teal-400:hover,
.default-login-page .btn-success:hover,
.default-login-page .bg-success-400:hover,
.default-login-page .bg-teal-400:hover {
    background: #377e50 !important;
    border-color: #377e50 !important;
}

.default-admin .btn-danger,
.default-admin .bg-danger-400,
.default-login-page .btn-danger,
.default-login-page .bg-danger-400 {
    background: var(--default-danger) !important;
    border-color: var(--default-danger) !important;
    color: #fff !important;
}

.default-admin .btn-danger:hover,
.default-admin .bg-danger-400:hover,
.default-login-page .btn-danger:hover,
.default-login-page .bg-danger-400:hover {
    background: #c94d42 !important;
    border-color: #c94d42 !important;
}

.default-admin .btn-warning,
.default-admin .bg-warning-400,
.default-login-page .btn-warning,
.default-login-page .bg-warning-400 {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #fff !important;
}

.default-admin .btn-warning:hover,
.default-admin .bg-warning-400:hover,
.default-login-page .btn-warning:hover,
.default-login-page .bg-warning-400:hover {
    background: #df8f08 !important;
    border-color: #df8f08 !important;
}

.default-admin .btn-link,
.default-login-page .btn-link {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--default-primary) !important;
    min-height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-control,
.select2-container .select2-choice,
.select2-selection {
    background-color: #fff !important;
    border: 1px solid #d7deea !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
    color: #1f2937;
    font-size: 14px;
    min-height: 42px;
    padding: 9px 12px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    width: 100% !important;
}

.form-control:hover,
.select2-container .select2-choice:hover,
.select2-selection:hover {
    border-color: #b8c6db !important;
}

.form-control:focus,
.select2-container .select2-choice:focus,
.select2-selection:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
    border-color: var(--default-primary) !important;
    box-shadow: 0 0 0 3px rgba(63, 107, 237, 0.14) !important;
    outline: none !important;
}

.form-control::placeholder {
    color: #9aa4b2;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f7f9fc !important;
    color: #6b7280;
    cursor: not-allowed;
    opacity: 1;
}

.select2-container .select2-choice {
    align-items: center;
    display: flex !important;
    line-height: 1.3;
}

.select2-container .select2-choice > .select2-chosen {
    color: inherit;
    line-height: 1.3;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
    border: 1px solid #d7deea !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
    min-height: 42px;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #1f2937;
    line-height: 40px;
    padding-left: 0;
    padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 1.4;
    padding-top: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--default-primary-soft);
    border: 0;
    border-radius: 999px;
    color: var(--default-primary-dark);
    margin-top: 4px;
    padding: 4px 10px;
}

.default-admin label {
    color: #374151;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}

.default-admin .form-group {
    margin-bottom: 18px;
}

.default-admin .content-group {
    margin-bottom: 0;
}

.default-admin .required {
    color: var(--default-danger);
    margin-left: 2px;
}

.default-admin .row.gap-20.masonry,
.default-admin .masonry.pos-r {
    align-items: flex-start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.default-admin .masonry-sizer {
    float: none !important;
    max-width: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.default-admin .mT-30 {
    margin-top: 18px !important;
}

.default-admin .input-group {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.default-admin .input-group-addon {
    align-items: center;
    background: #f8faff;
    border: 1px solid var(--default-border);
    border-radius: 7px 0 0 7px;
    border-right: 0;
    color: #4b5563;
    display: inline-flex;
    font-weight: 700;
    min-height: 38px;
    padding: 8px 12px;
}

.default-admin .input-group .form-group {
    flex: 1 1 auto;
    margin: 0;
}

.default-admin .input-group .form-control {
    border-radius: 0 7px 7px 0 !important;
}

.default-admin input[type="checkbox"],
.default-admin input[type="radio"] {
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.default-admin .checkbox label,
.default-admin .radio label {
    align-items: center;
    display: inline-flex;
    font-weight: 600;
    gap: 4px;
    margin-bottom: 0;
}

.default-admin .help-block,
.default-admin .form-group p {
    color: #6b7280 !important;
    font-size: 13px;
    margin: 6px 0 0;
}

.default-admin .form-group p[style*="ec0000"] {
    color: var(--default-danger) !important;
    font-weight: 700;
}

.default-admin textarea.form-control {
    min-height: 160px;
    resize: vertical;
}

.default-admin .mce-panel,
.default-admin .mce-tinymce {
    border-color: var(--default-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    max-width: 100%;
    overflow: hidden;
}

.default-admin .mce-edit-area iframe {
    min-height: 260px;
}

.default-admin .img-post-cover {
    border: 1px solid var(--default-border);
    border-radius: 8px;
    max-width: 100%;
    padding: 4px;
}

.default-admin .checkout-page-button {
    grid-column: 1 / -1;
    justify-self: end;
    margin-bottom: 0 !important;
    width: auto !important;
}

.default-admin .filter {
    background: #fbfcff;
    border: 1px solid var(--default-border);
    border-radius: 10px;
    margin-bottom: 16px;
    padding: 16px !important;
}

.default-admin .filter + .filter {
    margin-top: 12px;
}

.default-admin .filter p {
    margin: 0 0 10px;
}

.default-admin .filter .form-horizontal .row {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto auto;
    margin-left: 0;
    margin-right: 0;
}

.default-admin .filter .form-horizontal [class*="col-"] {
    float: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.default-admin .filter label,
.default-admin .filter h6 {
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 7px;
}

.default-admin .filter .form-control {
    background: #fff;
    height: 42px;
}

.default-admin .filter .btn {
    min-height: 42px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: auto !important;
}

.default-admin .filter .btn i {
    margin: 0 !important;
}

.default-admin .filter select.form-control {
    max-width: 420px;
}

.default-admin .form-date {
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 12px;
    display: grid;
    gap: 16px;
    margin: 8px 0 22px !important;
    padding: 20px !important;
}

.default-admin .form-date > form {
    align-items: end;
    display: grid !important;
    gap: 14px;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    margin: 0 !important;
    width: 100% !important;
}

.default-admin .form-date > form > [class*="col-"],
.default-admin .form-date > [class*="col-"] {
    float: none !important;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto !important;
}

.default-admin .form-date label,
.default-admin .form-date h6 {
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 7px;
}

.default-admin .form-date .form-control {
    background: #fff;
    height: 42px;
}

.default-admin .form-date > form .btn {
    min-height: 42px;
    padding-left: 18px !important;
    padding-right: 18px !important;
    width: auto !important;
}

.default-admin .form-date > form .btn i {
    margin: 0 !important;
}

.default-admin .form-date > .col-md-12 {
    display: grid;
    gap: 10px;
    margin-bottom: 0 !important;
}

.default-admin .form-date .layer,
.default-admin .form-date .peers {
    display: block;
    margin: 0 !important;
    width: 100%;
}

.default-admin .form-date select[form="formDatePicker"] {
    max-width: 420px;
}

.default-admin .form-date > .col-md-12:last-of-type {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.default-admin .form-date > .col-md-12:last-of-type .btn {
    margin: 0 !important;
    width: auto !important;
}

.default-admin .form-date > br {
    display: none;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.mB-20 {
    margin-bottom: 20px !important;
}

.p-20 {
    padding: 22px !important;
}

.padding-bottom-10 {
    padding-bottom: 14px !important;
}

.img-sm {
    max-height: 52px;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

.modal.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.modal.in {
    display: block;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    margin: 80px auto;
    max-width: calc(100% - 32px);
    position: relative;
}

.modal-lg {
    width: min(980px, calc(100vw - 48px));
}

.modal-sm {
    width: 420px;
}

.modal-content {
    background: #fff;
    border: 1px solid var(--default-border);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
    max-height: calc(100vh - 80px);
    outline: 0;
    overflow: hidden;
}

.modal-header {
    align-items: center;
    border-bottom: 1px solid var(--default-border);
    display: flex;
    justify-content: space-between;
    padding: 18px 24px;
}

.modal-header .close {
    align-items: center;
    background: #f8faff;
    border: 1px solid var(--default-border);
    border-radius: 7px;
    color: #4b5563;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 34px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    opacity: 1;
    order: 2;
    padding: 0;
    text-shadow: none;
    width: 34px;
}

.modal-header .modal-title {
    color: var(--default-text) !important;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    order: 1;
}

.modal-body {
    max-height: calc(100vh - 196px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px;
}

.modal-footer {
    border-top: 1px solid var(--default-border);
    padding: 16px 24px;
    text-align: right;
}

.default-admin #newTransaction .modal-body > .row {
    margin: 0 !important;
    padding: 0 !important;
}

.default-admin #newTransaction form > .row {
    display: grid;
    gap: 18px 24px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-left: 0;
    margin-right: 0;
}

.default-admin #newTransaction form > .row > [class*="col-"],
.default-admin #newTransaction form > .col-md-12 {
    float: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.default-admin #newTransaction .form-group {
    margin-bottom: 16px;
}

.default-admin #newTransaction textarea.form-control {
    min-height: 112px;
}

.default-admin #newTransaction .checkout-page-button {
    width: auto !important;
}

.default-admin #newTransaction .modal-footer {
    background: #fbfcff;
}

.modal-backdrop {
    background: #111827;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: .42;
}

.default-login-shell {
    display: flex;
    min-height: 100vh;
}

.default-login-shell-clean {
    align-items: center;
    background:
        radial-gradient(circle at top left, rgba(63, 107, 237, .07), transparent 24%),
        linear-gradient(180deg, #f8f9fc 0%, #f3f5fa 100%);
    justify-content: center;
    padding: 56px 20px;
}

.default-login-visual {
    align-items: center;
    background-color: var(--default-primary);
    background-position: center;
    background-size: cover;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-height: 100vh;
    padding: 40px;
    position: relative;
}

.default-login-visual-clean {
    background:
        linear-gradient(135deg, rgba(63, 107, 237, .94), rgba(49, 88, 212, .90)),
        linear-gradient(135deg, #3f6bed, #3158d4);
    border-radius: 28px 0 0 28px;
    box-shadow: 0 24px 70px rgba(21, 31, 53, .10);
    flex: 1 1 58%;
    overflow: hidden;
}

.default-login-visual:before {
    background:
        radial-gradient(circle at 22% 18%, rgba(255, 255, 255, .16), transparent 24%),
        radial-gradient(circle at 80% 78%, rgba(255, 255, 255, .12), transparent 25%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.default-login-brand {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

.default-login-brand img {
    background: #fff;
    border-radius: 22px;
    height: 112px;
    margin-bottom: 24px;
    object-fit: contain;
    padding: 18px;
    width: 112px;
}

.default-login-brand strong {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
}

.default-login-panel {
    align-items: center;
    background: transparent;
    display: flex;
    flex: 0 1 560px;
    justify-content: center;
    min-height: auto;
    padding: 0;
}

.default-login-shell-clean .default-login-panel {
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
}

.default-login-card {
    background: #fff;
    border: 1px solid #d7e0ef;
    border-radius: 24px;
    box-shadow: 0 22px 58px rgba(31, 41, 55, .08);
    max-width: 560px;
    padding: 56px 56px 48px;
    width: 100%;
}

.default-login-brand-mark {
    align-items: center;
    display: flex;
    gap: 14px;
    margin-bottom: 34px;
    position: static;
}

.default-login-brand-mark img {
    height: 44px;
    object-fit: contain;
    width: 44px;
}

.default-login-brand-mark span {
    color: var(--default-text);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.default-login-heading {
    margin-bottom: 30px;
}

.default-login-heading span {
    color: var(--default-primary);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.default-login-card h4 {
    color: var(--default-text);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.06;
    margin: 0 0 12px;
}

.default-login-heading p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.65;
    margin: 0;
    max-width: 420px;
}

.default-login-heading a {
    color: #007c89;
    font-weight: 600;
    text-decoration: underline;
}

.default-login-card .form-group {
    margin-bottom: 22px;
}

.default-login-card label {
    color: #111827;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.default-login-card .form-control {
    border: 1px solid #d5ddea;
    border-radius: 14px;
    box-shadow: none;
    color: var(--default-text);
    font-size: 16px;
    height: 58px;
    padding: 0 20px;
}

.default-login-card .form-control:focus {
    border-color: var(--default-primary);
    box-shadow: 0 0 0 4px rgba(63, 107, 237, .12);
}

.default-login-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}

.default-login-link {
    color: #007c89;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
}

.default-login-link:hover,
.default-login-link:focus {
    color: #005f68;
}

.default-login-submit {
    background: var(--default-primary) !important;
    border-color: var(--default-primary-dark) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 24px rgba(63, 107, 237, .18);
    font-size: 16px;
    font-weight: 600;
    height: 58px;
    margin-top: 6px;
    min-width: 180px;
    width: 180px;
}

.default-login-submit:hover,
.default-login-submit:focus {
    background: var(--default-primary-dark) !important;
}

.default-login-register {
    color: var(--default-muted);
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
}

.default-login-register a {
    color: var(--default-primary);
    font-weight: 800;
    margin-left: 4px;
}

.default-login-register a:hover,
.default-login-register a:focus {
    color: var(--default-primary-dark);
    text-decoration: none;
}

.default-login-help {
    color: #007c89;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 34px;
    text-decoration: underline;
}

.default-login-help:hover,
.default-login-help:focus {
    color: #005f68;
}

.default-check {
    align-items: center;
    color: #667085;
    display: inline-flex;
    font-weight: 500;
    gap: 8px;
    margin: 0;
}

@media (max-width: 991px) {
    .default-sidebar {
        transform: translateX(-100%);
        transition: transform .2s ease;
    }

    body.default-sidebar-open .default-sidebar {
        transform: translateX(0);
    }

    .default-page {
        margin-left: 0;
        max-width: 100vw;
        width: 100vw;
    }

    .default-page-title {
        font-size: 18px;
        max-width: calc(100vw - 170px);
    }

    .default-content {
        padding: 18px;
    }

    .default-admin .row.gap-20.masonry,
    .default-admin .masonry.pos-r {
        grid-template-columns: 1fr;
    }

    .default-admin .checkout-page-button {
        justify-self: stretch;
        width: 100% !important;
    }

    .default-admin .filter .form-horizontal .row {
        grid-template-columns: 1fr;
    }

    .default-admin .filter .btn,
    .default-admin .filter select.form-control {
        max-width: none;
        width: 100% !important;
    }

    .default-admin .form-date,
    .default-admin .form-date > form {
        grid-template-columns: 1fr;
    }

    .default-admin .form-date select[form="formDatePicker"],
    .default-admin .form-date > form .btn {
        max-width: none;
        width: 100% !important;
    }

    .default-admin #newTransaction form > .row {
        grid-template-columns: 1fr;
    }

    .default-login-shell {
        display: block;
    }

    .default-login-shell-clean {
        padding: 24px 18px;
    }

    .default-login-visual {
        min-height: 220px;
    }

    .default-login-visual-clean {
        border-radius: 22px 22px 0 0;
    }

    .default-login-panel {
        flex-basis: auto;
        min-height: auto;
    }

    .default-login-shell-clean .default-login-panel {
        border-left: 0;
        border-radius: 0;
    }

    .default-login-card {
        border-radius: 20px;
        padding: 36px 24px 30px;
    }

    .default-login-brand-mark {
        gap: 10px;
        margin-bottom: 28px;
    }

    .default-login-card h4 {
        font-size: 34px;
    }

    .default-login-submit {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .default-header-container {
        padding: 0 14px;
    }

    .default-page-title {
        font-size: 16px;
        max-width: calc(100vw - 112px);
    }

    .default-user-name {
        display: none;
    }
}