:root {
    --bs-card-border-radius: 0;
}

html {
    font-size: 14px;
}
body {
    margin: 0;
    height: auto;
    color: #000000;
}
.shrink-to-fit {
    width: 0.1%;
    white-space: nowrap;
}

a {
    color: var(--theme-color);
    text-decoration: none;
}
.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.display-inline-block {
    display: inline-block;
}

.w-max-content {
    width: max-content;
    min-width: 100%;
}

.table > :not(caption) > * > th {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.table > :not(caption) > * > th .form-check-input {
    margin-top: 0.35em;
}

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

.form-control:read-only {
    background-color: var(--bs-secondary-bg);
}
.form-control,
.form-select {
    --bs-border-color: var(--theme-light-gray);
    border-radius: var(--border-radius);
}

.nav-link {
    font-size: var(--text-base);
    --bs-nav-link-color: var(--theme-light-gray);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--theme-color);
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.badge{
    font-size: var(--text-base);
}

.badge.bg-outline {
    background-color: transparent;
    color: var(--theme-color);
    font-size: 1rem;
    border: 1px solid var(--bs-border-color);
}

.badge.bg-warning{
    color: black;
}

.hover-darken {
    transition: background 0.3s;
}

.hover-darken:hover {
    background: rgba(0, 0, 0, 0.03);
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.focus-page {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.focus-page-top {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.focus-box {
    width: 100%;
    max-width: 768px;
    border-radius: var(--border-radius-md);
    padding: 2rem;
}

.focus-box .focus-box-head {
    text-align: center;
    padding-bottom: 1rem;
}
.focus-box .focus-box-head h1 {
    font-size: var(--text-2xl);
}

.btn-sm i {
    line-height: var(--bs-btn-line-height);
}

.no-sort::after {
    display: none !important;
}
.no-sort::before {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.hidden {
    display: none;
}

.force-hide {
    display: none !important;
}

.borderless td {
    border: 0;
}

.btn-big {
    --bs-btn-padding-x: 2.25rem;
    --bs-btn-padding-y: 0.75rem;
    font-size: var(--text-lg);
}

.navbar-nav .dropdown-menu,
.super-nav .dropdown-menu {
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.prompt {
    display: none;
}
.promptContent {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    top: 0;
}
.promptContent .box {
    background: var(--bs-body-bg);
    width: 100%;
    max-width: 550px;
    border-radius: var(--border-radius);
    padding: 3rem;
    position: relative;
    max-height: 600px;
    overflow: auto;
}
.promptContent .promptIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promptContent .mainIcon {
    padding: 1rem;
}

.prompt.warning .mainIcon {
    color: var(--theme-danger);
}

.prompt h2 {
    margin: 0 0 2rem 0;
}

.prompt.warning h2 {
    color: var(--theme-danger);
}

.prompt.success .mainIcon {
    color: var(--theme-success);
}
.prompt.success h2 {
    color: var(--theme-success);
}

.prompt.info .mainIcon {
    color: var(--theme-info);
}
.prompt.info h2 {
    color: var(--theme-info);
}

.prompt.help .promptContent .box {
    padding: 1.5rem;
    text-align: left;
}
.prompt.help .promptContent .box .fa-question-circle {
    color: var(--bs-body-color);
    margin-right: 0.5rem;
}
.prompt.help .promptContent .box h2 {
    margin: 1rem 0;
}
.prompt.help .promptContent .box span {
    color: var(--bs-body-color);
}

.prompt.help .promptContent .box hr {
    border-top: 1px solid rgba(112, 112, 112, 0.15);
    height: 0;
}
.prompt.delete .promptIcon {
    border: 5px solid var(--color-yellow-500);
}
.prompt.delete .mainIcon {
    color: var(--color-yellow-500);
}
.prompt.delete h2 {
    color: var(--color-yellow-500);
    margin: 25px 0 0;
}

.promptContent span {
    color: var(--bs-body-color);
    display: block;
}
.promptContent .btn {
    margin-top: 35px;
    border-radius: 4px;
}
.promptContent .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--theme-black-color);
    line-height: 1;
    font-size: var(--text-xl);
    cursor: pointer;
}

.sortable-placeholder {
    background-color: rgba(0, 0, 0, 0.05);
}

.toast {
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 1);
}

.btn {
    --bs-btn-line-height: 1.6;
}

.form-check-input {
    border: var(--bs-border-width) solid #b7b7b7;
}
.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
}

.dropdown-menu.dropdown-menu-advanced li.dropdown-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-item-padding-x: 1.75rem;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.dropdown-menu.dropdown-menu-advanced.dropdown-menu-advanced-small li.dropdown-list-item {
    --bs-dropdown-item-padding-x: 1rem;
}
.dropdown-menu.dropdown-menu-advanced li.dropdown-list-item.item-hover:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-menu.dropdown-menu-advanced li.dropdown-list-item.no-end {
    display: block;
}

.dropdown-menu.dropdown-menu-advanced .dropdown-link {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.nav.nav-settings {
    font-size: var(--text-base);
}

.nav.nav-settings .nav-link {
    display: block;
    --bs-nav-link-padding-y: 0.75rem;
    --bs-nav-link-padding-x: 0;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: inherit;
    font-weight: 600;
    color: #353535;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nav.nav-settings .nav-link:hover {
    color: var(--theme-color);
}

.nav.nav-settings .nav-link.active {
    color: var(--theme-color);
    font-weight: bold;
}

.nav.nav-tabs.nav-tabs-underline {
    border-color: transparent;
}

.nav-tabs.nav-tabs-underline .nav-item{
    border: none !important;
}

.nav.nav-tabs.nav-tabs-underline .nav-link {
    font-size: var(--text-base);
    color: var(--text-subtle-color);
    background-color: #f8f8f8;
    transition: all ease 0.1s;
    border: none;
    border-radius: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    position: relative;
}

.nav.nav-tabs.nav-tabs-underline .nav-link:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: all ease 0.1s;
}

.nav-tabs.nav-tabs-underline .nav-link.active{
    color: var(--text-color);
    background-color: transparent;
    font-weight: 600;
}

.nav.nav-tabs.nav-tabs-underline .nav-link.active:after {
    background-color: var(--theme-color);
}

.nav-tabs.nav-tabs-scroll::-webkit-scrollbar {
    height: 4px;
}

.nav-tabs.nav-tabs-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.nav-tabs.nav-tabs-scroll::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 2px;
}

.nav-tabs.nav-tabs-underline.nav-tabs-scroll {
    flex-wrap: nowrap;
}
.nav-tabs.nav-tabs-underline.nav-tabs-scroll .nav-link {
    white-space: nowrap;
}

.fa-theme-gradient {
    background: rgb(90, 219, 250);
    background: linear-gradient(0deg, rgba(90, 219, 250, 1) 0%, rgba(237, 103, 4, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pagination {
    --bs-pagination-color: var(--theme-color);
    --bs-pagination-hover-color: var(--theme-color);
    --bs-pagination-focus-color: var(--theme-color);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--theme-color);
    --bs-pagination-active-bg: var(--theme-color);
    --bs-pagination-active-border-color: var(--theme-color);
}
.card-hover {
    transition: all ease 0.2s;
}
.card-hover:hover {
    --bs-card-border-color: #b0b0b0;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    --bs-border-color: var(--theme-light-gray);
    border-color: var(--bs-border-color);
}

.form-pages {
    transition: all ease 0.3s;
}
.form-pages .form-page {
    display: none;
}

.form-pages .form-page.active {
    display: block;
}

.form-switch .form-check-input.switch-lg {
    width: 2.5em;
    height: 1.25em;
}

.fa-hidden {
    color: transparent;
}

.text-blue {
    color: var(--color-blue-400);
}
.border {
    --bs-border-color: var(--theme-light-gray);
}

.modal {
    --bs-modal-header-border-color: #868e96;
    --bs-modal-footer-border-color: #868e96;
}
.modal-content {
    border-radius: var(--border-radius);
}

.modal-backdrop {
    --bs-backdrop-bg: #c4cad0;
    --bs-backdrop-opacity: 0.49;
}

.modal-content {
    border: none;
    box-shadow: 0 3px 14px #0000003e;
}

.modal-header {
    padding: 1rem 1.5rem;
}

.modal-body {
    padding: 1.5rem;
}

.modal-footer {
    padding: 1rem 1.5rem;
}

.form-label {
    font-size: 12px;
    color: #868e96;
    margin-bottom: 0.35rem;
}
hr {
    color: var(--theme-light-gray);
}



.fa-search-color {
    color: #25b195;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}
.accordion-body {
    padding-top: 0.5rem;
}

.nav-link:focus-visible {
    outline: none;
}

.tab-pane:focus-visible {
    outline: none;
}

.text-light-gray {
    color: #8f9193 !important;
}

.hide-toggle.hidden {
    display: none;
}

@media only screen and (max-width: 991px) {
    .limit-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}



.text-success {
    --bs-text-opacity: 1;
    color: #389380 !important;
}

.modal {
    --bs-modal-header-border-color: #e0e0e0;
    --bs-modal-footer-border-color: #e0e0e0;
}

.display-inline-block {
    display: inline-block;
}

blockquote {
    margin: 0;
}

blockquote p {
    padding: 1rem;
    background: #f5f5f5;
    border-radius: 5px;
}

blockquote p::before {
    content: "\201C";
}

blockquote p::after {
    content: "\201D";
}

audio {
    width: 100%;
    max-width: 300px;
    height: 30px;
    margin-top: 1rem;
}

#contact-form .contact-form-error-class {
    border-radius: 5px;
    border: #ff0000 1px solid;
}

@media only screen and (min-width: 1280px) {
    body {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .tablet-hidden {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .desktop-hidden {
        display: none !important;
    }
}
.placeholder {
    opacity: 0.2;
}

.signature-wrapper {
    width: 100%;
    background-color: #ffead1;
    border-bottom: 2px dashed #da6b6b;
    height: 150px;
    position: relative;
}
.signature-wrapper canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #f6f8fa;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: var(--theme-color);
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: black;
    background: #f6f8fa;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: var(--theme-secondary-color);
}

.snackbar {
    visibility: hidden;
    color: #fff;
    background-color: #22a96cff;
    min-width: 250px;
    margin-left: -125px;
    border-radius: var(--border-radius);
    padding: 1rem;
    text-align: center;
    left: 50%;
    bottom: 1.5rem;
    z-index: 1;
    position: fixed;
}

.snackbar.show {
    visibility: visible;
    -webkit-animation: snackbar-fadein 0.1s, snackbar-fadeout 0.1s 1s forwards;
    animation: snackbar-fadein 0.1s, snackbar-fadeout 0.1s 1s forwards;
}

/* Animations for fading in and out */
@-webkit-keyframes snackbar-fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes snackbar-fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes snackbar-fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes snackbar-fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

.promo-link {
    position: relative;
    width: 100%;
}
.promo-link-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: var(--border-radius);
    padding: 1rem 1.5rem;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
}
.promo-link-button {
    position: absolute;
    right: 6px;
    top: 6px;
    bottom: 6px;
    border: 0;
    background: var(--theme-color);
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 1rem;
    border-radius: var(--border-radius);
    z-index: 9;
}

.promo-link-button:hover {
    background: var(--theme-color-hover);
}

.checkout-pane {
    background: white;
}

.checkout-pane .pane-inner {
    padding-top: 3rem;
}

.checkout-pane .pane-inner .pane-left {
    width: 100%;
}

.checkout-pane .pane-inner .pane-right {
    width: 100%;
}

form.stripe-payment-form {
    width: 100%;
    align-self: center;
    box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    padding: 40px;
}
form.stripe-payment-form.stripe-payment-form-alt {
    width: 100%;
    min-width: initial;
    align-self: initial;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.stripe-payment-form .hidden {
    display: none;
}

.stripe-payment-form #payment-element {
    margin-bottom: 24px;
}

/* Buttons and links */
.stripe-payment-form button {
    background: var(--theme-color);
    font-family: Arial, sans-serif;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.07);
    padding: 0.5rem 1rem;
}
.stripe-payment-form button:hover {
    filter: contrast(115%);
}
.stripe-payment-form button:disabled {
    opacity: 0.5;
    cursor: default;
}

/* spinner/processing state, errors */
.stripe-payment-form .spinner,
.stripe-payment-form .spinner:before,
.stripe-payment-form .spinner:after {
    border-radius: 50%;
}
.stripe-payment-form .spinner {
    color: #ffffff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.stripe-payment-form .spinner:before,
.stripe-payment-form .spinner:after {
    position: absolute;
    content: "";
}
.stripe-payment-form .spinner:before {
    width: 10.4px;
    height: 20.4px;
    background: var(--theme-color);
    border-radius: 20.4px 0 0 20.4px;
    top: -0.2px;
    left: -0.2px;
    -webkit-transform-origin: 10.4px 10.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s;
}
.stripe-payment-form .spinner:after {
    width: 10.4px;
    height: 10.2px;
    background: var(--theme-color);
    border-radius: 0 10.2px 10.2px 0;
    top: -0.1px;
    left: 10.2px;
    -webkit-transform-origin: 0 10.2px;
    transform-origin: 0 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease;
}

.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
    --bs-table-striped-bg: #f6f8fa;
}




.row-collapse {
    display: none;
}

.row-collapse.show {
    display: table-row;
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 600px) {
    form.stripe-payment-form {
        width: 100%;
        min-width: initial;
    }
}

.simple-check-list {
    margin: 0;
    padding-left: 0;
}
.simple-check-list.simple-check-list-lg {
    font-size: var(--text-lg);
    line-height: 1.5;
}

.simple-check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}

.simple-check-list.simple-check-list-lg li {
    padding-left: 2.175rem;
}

.simple-check-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

.simple-check-list.simple-check-list-lg li:before {
    width: 8px;
    height: 17px;
    border-width: 0 2px 2px 0;
}

label.radio-card {
    cursor: pointer;
    width: 100%;
}
label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    padding: 1rem;
    display: grid;
    box-shadow: 0 0 0 2px var(--bs-border-color);
    transition: 200ms linear;
}
label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
}
label.radio-card .check-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}
label.radio-card input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
}
label.radio-card input[type="radio"]:checked + .card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px var(--theme-color);
}
label.radio-card input[type="radio"]:checked + .card-content-wrapper .check-icon {
    background: var(--theme-color);
    border-color: var(--theme-color);
    transform: scale(1.2);
}
label.radio-card input[type="radio"]:checked + .card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}
label.radio-card input[type="radio"]:focus + .card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px rgba(98, 90, 250, 0.2);
    border-color: var(--theme-color);
}
label.radio-card .card-content {
    padding-bottom: 1rem;
}

label.radio-card .card-content img {
    margin-bottom: 10px;
}
label.radio-card .card-content h4 {
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #1f2949;
    margin-bottom: 10px;
}
label.radio-card .card-content p {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #686d73;
}

.offcanvas.offcanvas-end {
    width: 100%;
    max-width: 500px;
}

.transform-ease {
    transition: all ease 0.3s;
}

.bg-light-green{
    background-color: #e0ffd5 !important;
    --bs-border-color: #a5ca9d !important;
}
.bg-light-gray{
    background-color: #f5f7f9 !important;
    --bs-border-color: #c9cacd !important;
}

.bg-light-red{
    background-color: #ffd5e0 !important;
    --bs-border-color: #ca9da5 !important;
}


.table.table-rounded {
    border-collapse: separate;
    border-spacing: 0;
}

.table.table-rounded > thead > tr > th:first-child {
    border-top-left-radius: var(--bs-border-radius);
}

.table.table-rounded > thead > tr > th:last-child {
    border-top-right-radius: var(--bs-border-radius);
}

.table.table-rounded > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: var(--bs-border-radius);
}

.table.table-rounded > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: var(--bs-border-radius);
}

.bg-danger {
    --bs-danger-rgb: var(--theme-color-rgb)
}

.border-bottom, .border-top, .border-left, .border-right, .border {
    --bs-border-color: var(--theme-light-gray);
}

.input-group-text {
    --bs-border-color: var(--theme-light-gray);
}

.nav.nav-root {
    font-size: var(--text-base);
}

.nav.nav-root .nav-link {
    display: block;
    --bs-nav-link-padding-y: 0.75rem;
    --bs-nav-link-padding-x: 0.75rem;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: inherit;
    font-weight: 600;
    color: black;
    background: var(--bs-tertiary-bg);
    text-decoration: none;
    border-radius: var(--border-radius);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    white-space: nowrap;
}
.nav.nav-root .nav-link:hover {
    background: var(--theme-secondary-color);
    color: white;
}

.nav.nav-root .nav-link.active {
    color: white;
    background: var(--theme-color);
}

.btn-primary {
    --bs-btn-color: var(--theme-primary-btn-color);
    --bs-btn-bg: var(--theme-primary-btn-bg);
    --bs-btn-border-color: var(--theme-primary-btn-border-color);
    --bs-btn-hover-color: var(--theme-primary-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-primary-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-primary-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-primary-btn-active-color);
    --bs-btn-active-bg: var(--theme-primary-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-primary-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-primary-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-primary-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-primary-btn-disabled-border-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--theme-primary-btn-border-color);
    --bs-btn-border-color: var(--theme-primary-btn-border-color);
    --bs-btn-hover-color: var(--theme-primary-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-primary-btn-bg);
    --bs-btn-hover-border-color: var(--theme-primary-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-primary-btn-color);
    --bs-btn-active-bg: var(--theme-primary-btn-bg);
    --bs-btn-active-border-color: var(--theme-primary-btn-border-color);
    --bs-btn-disabled-color: var(--theme-primary-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-primary-btn-disabled-border-color);
}

.btn-secondary {
    --bs-btn-color: var(--theme-secondary-btn-color);
    --bs-btn-bg: var(--theme-secondary-btn-bg);
    --bs-btn-border-color: var(--theme-secondary-btn-border-color);
    --bs-btn-hover-color: var(--theme-secondary-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-secondary-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-secondary-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-secondary-btn-active-color);
    --bs-btn-active-bg: var(--theme-secondary-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-secondary-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-secondary-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-secondary-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-secondary-btn-disabled-border-color);
}

.btn-minimal {
    --bs-btn-color: var(--theme-minimal-btn-color);
    --bs-btn-bg: var(--theme-minimal-btn-bg);
    --bs-btn-border-color: var(--theme-minimal-btn-border-color);
    --bs-btn-hover-color: var(--theme-minimal-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-minimal-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-minimal-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-minimal-btn-active-color);
    --bs-btn-active-bg: var(--theme-minimal-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-minimal-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-minimal-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-minimal-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-minimal-btn-disabled-border-color);
}

.btn-outline-secondary {
    --bs-btn-color: var(--theme-secondary-btn-border-color);
    --bs-btn-border-color: var(--theme-secondary-btn-border-color);
    --bs-btn-hover-color: var(--theme-secondary-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-secondary-btn-bg);
    --bs-btn-hover-border-color: var(--theme-secondary-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-secondary-btn-color);
    --bs-btn-active-bg: var(--theme-secondary-btn-bg);
    --bs-btn-active-border-color: var(--theme-secondary-btn-border-color);
    --bs-btn-disabled-color: var(--theme-secondary-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-secondary-btn-disabled-border-color);
}

.btn-outline-minimal {
    --bs-btn-color: var(--theme-minimal-btn-border-color);
    --bs-btn-border-color: var(--theme-minimal-btn-border-color);
    --bs-btn-hover-color: var(--theme-minimal-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-minimal-btn-bg);
    --bs-btn-hover-border-color: var(--theme-minimal-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-minimal-btn-color);
    --bs-btn-active-bg: var(--theme-minimal-btn-bg);
    --bs-btn-active-border-color: var(--theme-minimal-btn-border-color);
    --bs-btn-disabled-color: var(--theme-minimal-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-minimal-btn-disabled-border-color);
}

.btn-danger {
    --bs-btn-color: var(--theme-danger-btn-color);
    --bs-btn-bg: var(--theme-danger-btn-bg);
    --bs-btn-border-color: var(--theme-danger-btn-border-color);
    --bs-btn-hover-color: var(--theme-danger-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-danger-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-danger-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-danger-btn-active-color);
    --bs-btn-active-bg: var(--theme-danger-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-danger-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-danger-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-danger-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-danger-btn-disabled-border-color);
}

.btn-outline-danger {
    --bs-btn-color: var(--theme-danger-btn-border-color);
    --bs-btn-border-color: var(--theme-danger-btn-border-color);
    --bs-btn-hover-color: var(--theme-danger-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-danger-btn-bg);
    --bs-btn-hover-border-color: var(--theme-danger-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-danger-btn-color);
    --bs-btn-active-bg: var(--theme-danger-btn-bg);
    --bs-btn-active-border-color: var(--theme-danger-btn-border-color);
    --bs-btn-disabled-color: var(--theme-danger-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-danger-btn-disabled-border-color);
}

.btn-success {
    --bs-btn-color: var(--theme-success-btn-color);
    --bs-btn-bg: var(--theme-success-btn-bg);
    --bs-btn-border-color: var(--theme-success-btn-border-color);
    --bs-btn-hover-color: var(--theme-success-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-success-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-success-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-success-btn-active-color);
    --bs-btn-active-bg: var(--theme-success-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-success-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-success-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-success-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-success-btn-disabled-border-color);
}

.btn-outline-success {
    --bs-btn-color: var(--theme-success-btn-border-color);
    --bs-btn-border-color: var(--theme-success-btn-border-color);
    --bs-btn-hover-color: var(--theme-success-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-success-btn-bg);
    --bs-btn-hover-border-color: var(--theme-success-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-success-btn-color);
    --bs-btn-active-bg: var(--theme-success-btn-bg);
    --bs-btn-active-border-color: var(--theme-success-btn-border-color);
    --bs-btn-disabled-color: var(--theme-success-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-success-btn-disabled-border-color);
}

.btn-warning {
    --bs-btn-color: var(--theme-warning-btn-color);
    --bs-btn-bg: var(--theme-warning-btn-bg);
    --bs-btn-border-color: var(--theme-warning-btn-border-color);
    --bs-btn-hover-color: var(--theme-warning-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-warning-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-warning-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-warning-btn-active-color);
    --bs-btn-active-bg: var(--theme-warning-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-warning-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-warning-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-warning-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-warning-btn-disabled-border-color);
}

.btn-outline-warning {
    --bs-btn-color: var(--theme-warning-btn-border-color);
    --bs-btn-border-color: var(--theme-warning-btn-border-color);
    --bs-btn-hover-color: var(--theme-warning-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-warning-btn-bg);
    --bs-btn-hover-border-color: var(--theme-warning-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-warning-btn-color);
    --bs-btn-active-bg: var(--theme-warning-btn-bg);
    --bs-btn-active-border-color: var(--theme-warning-btn-border-color);
    --bs-btn-disabled-color: var(--theme-warning-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-warning-btn-disabled-border-color);
}

.btn-info {
    --bs-btn-color: var(--theme-info-btn-color);
    --bs-btn-bg: var(--theme-info-btn-bg);
    --bs-btn-border-color: var(--theme-info-btn-border-color);
    --bs-btn-hover-color: var(--theme-info-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-info-btn-hover-bg);
    --bs-btn-hover-border-color: var(--theme-info-btn-hover-border-color);
    --bs-btn-active-color: var(--theme-info-btn-active-color);
    --bs-btn-active-bg: var(--theme-info-btn-active-bg);
    --bs-btn-active-border-color: var(--theme-info-btn-active-border-color);
    --bs-btn-disabled-color: var(--theme-info-btn-disabled-color);
    --bs-btn-disabled-bg: var(--theme-info-btn-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-info-btn-disabled-border-color);
}

.btn-outline-info {
    --bs-btn-color: var(--theme-info-btn-border-color);
    --bs-btn-border-color: var(--theme-info-btn-border-color);
    --bs-btn-hover-color: var(--theme-info-btn-hover-color);
    --bs-btn-hover-bg: var(--theme-info-btn-bg);
    --bs-btn-hover-border-color: var(--theme-info-btn-border-color);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--theme-info-btn-color);
    --bs-btn-active-bg: var(--theme-info-btn-bg);
    --bs-btn-active-border-color: var(--theme-info-btn-border-color);
    --bs-btn-disabled-color: var(--theme-info-btn-disabled-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-info-btn-disabled-border-color);
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--theme-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--theme-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--theme-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline;
}

.alert-success {
    --bs-alert-color: var(--theme-success-text-emphasis);
    --bs-alert-bg: var(--theme-success-bg-subtle);
    --bs-alert-border-color: var(--theme-success-border-subtle);
    --bs-alert-link-color: var(--theme-success-text-emphasis);
}

.alert-danger {
    --bs-alert-color: var(--theme-danger-text-emphasis);
    --bs-alert-bg: var(--theme-danger-bg-subtle);
    --bs-alert-border-color: var(--theme-danger-border-subtle);
    --bs-alert-link-color: var(--theme-danger-text-emphasis);
}

.alert-warning {
    --bs-alert-color: var(--theme-warning-text-emphasis);
    --bs-alert-bg: var(--theme-warning-bg-subtle);
    --bs-alert-border-color: var(--theme-warning-border-subtle);
    --bs-alert-link-color: var(--theme-warning-text-emphasis);
}

.alert-info {
    --bs-alert-color: var(--theme-info-text-emphasis);
    --bs-alert-bg: var(--theme-info-bg-subtle);
    --bs-alert-border-color: var(--theme-info-border-subtle);
    --bs-alert-link-color: var(--theme-info-text-emphasis);
}

.alert-light {
    --bs-alert-color: var(--theme-light-text-emphasis);
    --bs-alert-bg: var(--theme-light-bg-subtle);
    --bs-alert-border-color: var(--theme-light-border-subtle);
    --bs-alert-link-color: var(--theme-light-text-emphasis);
}

.alert-theme {
    --bs-alert-color: var(--theme-color);
    --bs-alert-bg: var(--theme-color-light);
    --bs-alert-border-color: var(--theme-color);
    --bs-alert-link-color: var(--theme-color-active);
}

.bg-primary {
    background-color: var(--theme-color) !important;
}

.bg-secondary {
    background-color: var(--theme-secondary-color) !important;
}

.bg-success {
    background-color: var(--theme-success) !important;
}

.bg-danger {
    background-color: var(--theme-danger) !important;
}

.bg-warning {
    background-color: var(--theme-warning) !important;
}

.bg-info {
    background-color: var(--theme-info) !important;
}

.text-primary {
    color: var(--theme-color) !important;
}

.text-secondary {
    color: var(--theme-secondary-color) !important;
}

.text-success {
    color: var(--theme-success) !important;
}

.text-danger {
    color: var(--theme-danger) !important;
}

.text-warning {
    color: var(--theme-warning) !important;
}

.text-info {
    color: var(--theme-info) !important;
}

.min-h-100 {
    min-height: 100vh;
}

.navbar .dropdown-toggle::after {
    font: var(--fa-font-light);
    display: inline-block;
    margin-left: .5em;
    vertical-align: .0;
    content: "\f107";
    border: none;
}

.dashboard-page {
    background-color: #FFFFFF;
    flex-grow: 1;
    border-bottom: 1px solid var(--theme-light-gray);
    padding: 0.5rem;
}
.support-dashboard-page{
    border-top: 3px solid var(--theme-color);
}

@media (min-width: 992px) {
    .dashboard-page {
        padding: 1.5rem 2.5rem;
    }
}

.dashboard-footer {
    background-color: #FFFFFF;
    font-size: var(--text-sm);
    line-height: var(--line-height-sm);
}

/* ==Page Title== */
.page-title {
    font-weight: bold;
    font-size: var(--text-sixteen);
    margin-bottom: 0;
}

.page-subtitle {
    font-weight: 400;
    margin-bottom: 0;
}

.dashboard-title {
    font-size: var(--text-xl);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.5rem;
}

.dashboard-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: var(--theme-color);
    font-size: var(--text-base);
    border-radius: var(--border-radius-md);
}
.dashboard-icon-clean {
    background-color: transparent;
}
.mainSearchInput, .mainSearchInput:focus {
    background-color: #fafafa;
    color: black;
    max-width: 500px;
}

.mainSearchInput:focus::placeholder{
    color: transparent;
}

.mainSearchInput::placeholder {
    color: #535353;
}

.mainSearchIcon{
    background-color: #fafafa;
    color: #535353;
}


/* ==Cards== */
.card {
    --bs-card-border-color: #FAFAFA;
    --bs-card-border-radius: 10px;
    --bs-card-spacer-y: 1.75rem;
    --bs-card-spacer-x: 1.25rem;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 5px 10px 0;
}

.card.jump-card {
    border: none;
    position: relative;
    overflow: hidden;
}

.card.jump-card .card-body {
    position: relative;
    z-index: 1;
}

.card.jump-card:before {
    content: '';
    position: absolute;
    top: 65px;
    right: -35px;
    width: 425px;
    height: 48px;
    transform: rotate(-16deg);
    background: #caf3fd 0 0 no-repeat padding-box;
    border-radius: 24px;
    z-index: 0;
}

.card.jump-card:after {
    content: '';
    position: absolute;
    top: -7px;
    right: -171px;
    width: 425px;
    height: 48px;
    transform: rotate(-16deg);
    background: var(--theme-color) 0 0 no-repeat padding-box;
    border-radius: 24px;
    z-index: 0;
}

.main_nav_title a {
    font-size: 14px !important;
}

.headerDateSelect {
    background: none;
    border: none;
    color: #839092;
    display: inline-block;
    cursor: pointer;
}

/*a > i{*/
/*  vertical-align: middle !important;*/
/*}*/
.mover-container .mover-sub-boxes {
    padding-left: 3rem;
}

.mover-container .mover-sub-boxes .mover-box {
    margin-top: -1px;
}

.mover-box {
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #DEDEDE;
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius-sm);
}

.mover-top-box {
    background-color: #f6f8fa;
}

.mover-handle {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.mover-text {
    flex: 1 1 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mover-action {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cursor-pointer {
    cursor: pointer;
}

.settings-grid, .settings-grid-col a {
    color: #161D1F;
}

.settings-grid-row {
    border-top: 1px solid #E0E1E3;
}

.settings-grid-col {
    border-right: 1px solid #E0E1E3;
}

.settings-grid-col:last-child {
    border-right: none;
}

.settings-grid .settings-grid-card {
    padding: 25px 35px;
    box-sizing: border-box;
    cursor: pointer;
}

.settings-grid .settings-grid-col:first-child .settings-grid-card {
    padding-left: 0;
}

.settings-grid .settings-grid-col:last-child .settings-grid-card {
    padding-right: 0;
}

.settings-grid i {
    font-size: 24px;
    display: inline-block;
    margin-right: 0.75rem;
    color: #625AFA;
}

/* NEW SETTINGS */

.grid-flow-link {
    color: #161D1F;
    text-decoration: none;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    display: block;
    height: 100%;
    padding: 1rem 2rem;
}


.settings-grid-flow-card p {
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.65)
}

.settings-grid-flow-card .flow-icon {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    color: white;
    background: var(--theme-color);
    border-radius: var(--border-radius-lg);
    margin-right: 1rem;
}

.settings-grid-flow-card .flow-icon.flow-icon-theme-gradient {
    background: rgb(90, 219, 250);
    background: linear-gradient(0deg, rgba(90, 219, 250, 1) 0%, rgba(237, 103, 4, 1) 100%);
}

.settings-grid-flow-card .flow-icon i {
    font-size: var(--text-xl);
}

/* NEW SETTINGS END */

.nav-settings hr {
    margin: 4px 20px 4px 0;
}

.clickableTableRows > tr {
    cursor: pointer;
}

.clickableTableRows > tr.disabled {
    cursor: default;
}

.clickableTableRows > tr:hover {
    background-color: #f5f5f5;
}

.clickableTableRows > tr.disabled:hover {
    background-color: transparent;
}

.select-item-color-pill {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    font-weight: bold;
    font-size: 12px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    color: rgb(25, 25, 25);
    background-color: rgba(125, 125, 125, 0.1);
}

.profile-banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 0;
    gap: 1rem;
}


.profile-banner .profile-avatar {
    position: relative;
    width: 120px;
    height: 120px;
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    padding: 2px;
}

.profile-banner .profile-avatar.avatar-small{
    width: 80px;
    height: 80px;
}

.profile-banner .profile-avatar.avatar-smaller{
    width: 48px;
    height: 48px;
}


.profile-banner .profile-avatar .avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.top-menu-avatar, .list-avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.list-avatar {
    width: 24px;
    height: 24px;
}

.list-avatar-small {
    width: 14px;
    height: 14px;
}

.list-avatar-lg {
    width: 48px;
    height: 48px;
}

.profile-banner .profile-avatar .change-avatar-button {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: inherit;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: all ease 0.3s;
    opacity: 0;
}

.profile-banner .profile-avatar:hover .change-avatar-button {
    opacity: 1;
}

.profile-banner .profile-avatar .change-avatar-button i {
    font-size: 2em;
    color: white;
}

.profile-banner .profile-details {
    padding-left: 1rem;
}

@media only screen and (max-width: 767px) {
    .profile-banner {
        flex-direction: column;
    }

    .profile-banner .profile-details {
        text-align: center;
        padding-left: 0;
        margin-top: 1rem;
    }

    .profile-banner .profile-details .detail-title {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .settings-grid-col {
        border: 1px solid #E0E1E3;
        border-top: none;
    }

    .settings-grid-row {
        border-top: none;
    }

    .settings-grid-row:first-child {
        border-top: 1px solid #E0E1E3;
    }

    .settings-grid-col:last-child {
        border-right: 1px solid #E0E1E3;
    }

    .settings-grid .settings-grid-card {
        padding-left: 1.5rem;
    }

    .settings-grid .settings-grid-col:first-child .settings-grid-card {
        padding-left: 1.5rem;
    }
}

.coloris-square .clr-field button,
.coloris-circle .clr-field button {
    width: 28px;
    height: 28px;
    left: 5px;
    right: auto;
    border-radius: 5px;
}

.coloris-square .clr-field input,
.coloris-circle .clr-field input {
    padding-left: 36px;
}

.coloris-circle .clr-field button {
    border-radius: 50%;
}

.coloris-full .clr-field button {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.activity-box {
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 1.5rem;
}

.activity-box:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.activity-box .activity-user-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.upload-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 2px dashed var(--theme-color);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all ease 0.2s;
    background-color: rgba(0, 0, 0, 0.01);
}

.shake-it {
    animation: shake 0.4s;
    animation-iteration-count: 1;
    border-color: var(--bs-danger);
}

.loading-box-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
}

.price-interval-switch {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interval-switch-component {
    position: relative;
    margin: auto;
    background: var(--theme-color);
    display: block;
    padding: 0.5rem 0.5rem;
    color: white
}

.interval-switch.monthly,
.interval-switch.annual {
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
    transition: 300ms ease-out;
    padding: 0.2rem 1rem;
}

.interval-selector {
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    transition: 300ms ease-out;
    color: var(--theme-color);
    box-shadow: 0 2px 13px 0 #9b9b9b;
    padding: 0.2rem 0;
    background-color: white;
}

.pattern-bg {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='8' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(213, 100%, 39%, 1)'/><path d='M-.02 22c8.373 0 11.938-4.695 16.32-9.662C20.785 7.258 25.728 2 35 2c9.272 0 14.215 5.258 18.7 10.338C58.082 17.305 61.647 22 70.02 22M-.02 14.002C8.353 14 11.918 9.306 16.3 4.339 20.785-.742 25.728-6 35-6 44.272-6 49.215-.742 53.7 4.339c4.382 4.967 7.947 9.661 16.32 9.664M70 6.004c-8.373-.001-11.918-4.698-16.3-9.665C49.215-8.742 44.272-14 35-14c-9.272 0-14.215 5.258-18.7 10.339C11.918 1.306 8.353 6-.02 6.002'  stroke-width='1' stroke='hsla(213, 100%, 49%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

.border-top-theme {
    border-top: 2px solid hsla(243, 89%, 70%, 1) !important;
}

.border-theme {
    border-color: hsla(243, 89%, 70%, 1) !important;
}

.pattern-bg-red {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='8' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 94%, 30%, 1)'/><path d='M-.02 22c8.373 0 11.938-4.695 16.32-9.662C20.785 7.258 25.728 2 35 2c9.272 0 14.215 5.258 18.7 10.338C58.082 17.305 61.647 22 70.02 22M-.02 14.002C8.353 14 11.918 9.306 16.3 4.339 20.785-.742 25.728-6 35-6 44.272-6 49.215-.742 53.7 4.339c4.382 4.967 7.947 9.661 16.32 9.664M70 6.004c-8.373-.001-11.918-4.698-16.3-9.665C49.215-8.742 44.272-14 35-14c-9.272 0-14.215 5.258-18.7 10.339C11.918 1.306 8.353 6-.02 6.002'  stroke-width='1' stroke='hsla(0, 89%, 35%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

.border-top-red {
    border-top: 2px solid hsla(0, 89%, 35%, 1);
}

.filter-menu-inline {
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: 1rem;
}

@media only screen and (max-width: 767px) {
    .filter-menu-inline {
        flex-direction: column;
    }
}

.ck-editor__editable_inline {
    min-height: 300px;
}

.ck-rounded-corners {
    border-radius: var(--bs-border-radius);
}

@keyframes shake {
    0% {
        transform: translateX(1px);
    }
    10% {
        transform: translateX(-1px);
    }
    20% {
        transform: translateX(-3px);
    }
    30% {
        transform: translateX(3px);
    }
    40% {
        transform: translateX(1px);
    }
    50% {
        transform: translateX(-1px);
    }
    60% {
        transform: translateX(-3px);
    }
    70% {
        transform: translateX(3px);
    }
    80% {
        transform: translateX(-1px);
    }
    90% {
        transform: translateX(1px);
    }
    100% {
        transform: translateX(1px);
    }
}

@media print {

    @page {
        margin-top: 100px;
        margin-bottom: 0;
    }

    body * {
        visibility: hidden;
    }

    #section-to-print, #section-to-print * {
        visibility: visible;
    }

    #section-to-print {
        color: #000;
        position: absolute;
        left: 0;
        top: 0;
    }

    .card,
    .card-body {
        all: unset;
    }

    #section-to-print td {
        color: #000;
    }

    #section-to-print table {
        width: 100%;
    }
}

.dashboard-boxes .card {
    background: #fff;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.05) 3px 5px 10px 0;
    border: 1px solid #ffffff;
}

.dashboard-boxes .card h3 {
    font-weight: bold;
    font-size: var(--text-2xl);
    margin: -2px 0 0;
}

.dashboard-boxes .card .card-icon {
    background: var(--theme-color);
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: var(--text-2xl);
    border-radius: var(--border-radius-full);
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.dashboard-boxes .card .more-icon {
    background-color: transparent;
    border-radius: var(--border-radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    margin-left: 10px;
    color: #ccc;
}

.dashboard-boxes .card .more-icon:hover {
    color: rgba(98, 90, 250, 1);
}

.dashboard-boxes .card small {
    color: rgba(3, 31, 64, .65);
    text-transform: uppercase;
    font-size: var(--text-base);
}

.dashboard-boxes .card-header {
    background: #fff;
    padding: 0 0 10px;
    margin-bottom: 1rem;
}

.vs-stat-box {
    background: var(--bs-body-bg);
    box-shadow: rgba(0, 0, 0, 0.05) 3px 5px 10px 0;
    border-radius: 10px;
    border: 1px solid #ffffff;
    padding-bottom: 0.5rem;
}

.vs-stat-box__title {
    color: var(--bs-gray-600);
    padding: 1.25rem 1.5rem 0 1.5rem;
    font-weight: 600;
}

.vs-stat-box__main {
    text-align: center;
    padding: 2rem 0;
}

.vs-stat-box__main h3 {
    display: inline-block;
    font-size: var(--text-3xl);
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
}

.vs-stat-box__main h3 .up-code {
    font-size: var(--text-base);
    color: var(--bs-gray-600);
    font-weight: normal;
    vertical-align: super;
    position: absolute;
    top: 0.37rem;
    left: 100%;
}


.vs-stat-box__main p {
    margin-bottom: 0;
    font-weight: 300;
    font-size: var(--text-lg);
}

.vs-stat-box__footer {
    font-size: var(--text-xs);
    color: var(--bs-gray-600);
    font-weight: 600;
    text-align: center;
    padding-bottom: 1rem;
}

.ui-progressbar {
    height: 12px;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    border-radius: var(--bs-border-radius-pill);

    background: var(--bs-dark-bg-subtle);
}

.ui-progressbar .ui-progress {
    width: 0;
    height: 8px;
    border-radius: var(--bs-border-radius-pill);

    background: var(--theme-color);
}

.ui-progressbar.progress-success {
    background: var(--bs-success-bg-subtle);
}

.ui-progressbar.progress-success .ui-progress {
    background: var(--bs-success);
}

.ui-progressbar.progress-warning {
    background: var(--bs-warning-bg-subtle);
}

.ui-progressbar.progress-warning .ui-progress {
    background: var(--bs-warning);
}

.ui-progressbar.progress-danger {
    background: var(--bs-danger-bg-subtle);
}

.ui-progressbar.progress-danger .ui-progress {
    background: var(--bs-danger);
}

.ui-progressbar-with-label {
    position: relative;
    height: 24px;
    width: 100%;
    background: var(--bs-dark-bg-subtle);
    border-radius: 4px;
    overflow: hidden;
    padding: 2px;
}

.ui-progressbar-with-label .ui-progress {
    height: 100%;
    background: var(--theme-color);
    transition: width 0.3s ease;
    border-radius: 2px;
}

.ui-progressbar-with-label .ui-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

.sub-shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.inv-shadow {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
}

.cube-image-container {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}

.cube-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 112px;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding: .5rem;
    border-radius: var(--border-radius);
    font-size: 2.24rem;
    color: var(--theme-color);
    overflow: hidden;
}

.cube-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cube-image .cube-image-delete {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    right: 10px;
    color: white;
    font-size: 1rem;
    height: 24px;
    width: 24px;
    background-color: var(--color-red-600);
    border-radius: var(--border-radius);
    cursor: pointer;
    opacity: 0;
    transition: all ease 0.2s;
}

.cube-image:hover .cube-image-delete {
    opacity: 1;
}

.cube-image .cube-image-fill {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #f6f8fa;
}

@media only screen and (max-width: 1199px) {

    .dashboard-boxes .card small {
        font-size: 9px;
    }

    .dashboard-boxes .card h3 {
        font-size: 22px;
    }

}

.kanban-board {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: auto;
    flex: 1 0 auto;
    padding-top: 1.5rem;
}

.kanban-lanes {
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 1rem;
    overflow-x: auto;
    height: 100%;
    flex: 1 0 auto;
}

.kanban-lane {
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
    box-shadow: var(--box-shadow);
    padding: 1rem;
    border-radius: var(--border-radius-lg);
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    max-height: 100%;
    flex-shrink: 0;
}

.kanban-lane-body {
    flex-grow: 1;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-right: 0.5rem;
    box-sizing: content-box;
}

.kanban-lane-heading {
    font-size: var(--text-base);
    margin-bottom: 0;
}

.kanban-lane-hr {
    width: 100%;
    height: 4px;
    border-radius: var(--bs-border-radius-pill);
}

.kanban-item {
    background: white;
    color: black;
    padding: 1rem;
    border-radius: var(--border-radius-lg);
    cursor: move;
    border: 1px solid #e4e4e4;
    transition: all ease 0.2s;
}

.is-dragging {
    scale: 1.05;
    rotate: 1deg;
    box-shadow: var(--box-shadow-lg);
    border: 1px dashed var(--theme-color);
}

.is-dragged {
    border-color: var(--color-lime-600);
}

.dark-box {
    padding: 1rem;
    background-color: #f6f8fa;
    border: 1px solid #DEDEDE;
    border-radius: var(--bs-border-radius-lg);
    max-width: 500px;
    width: 100%;
}

.dark-box .form-label {
    color: #262626;
}

.table-responsive .btn-group.dropdown-btn-group {
    position: static !important;
    z-index: 10;
}

.dashboard-navbar {
    background-color: #000000;
}

.dropdown-menu, .navbar.dashboard-navbar .nav-link {
    font-size: var(--text-base) !important;
    font-weight: 600;
}

.container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.table.pt-0 thead tr th {
    padding-top: 0;
}

.table tr td:first-child, .table tr th:first-child {
    padding-left: 1rem;
}

.table tr td:last-child, .table tr th:last-child {
    padding-right: 1rem;
}
.table > thead > tr > th {
    font-size: var(--text-base);
    line-height: var(--line-height-base);
    font-weight: 500;
    color: var(--text-subtle-color);
    background: var(--bs-tertiary-bg);
}
.table > thead > tr > th .form-check {
    font-size: var(--text-lg);
    line-height: var(--line-height-lg);
}

.table > thead > tr > th{
    border-top-width: 1px;
}

.table > tbody > tr > td{
    border-bottom-width: 1px;
}

.table > thead > tr > th:first-child, .table > tbody > tr > td:first-child{
    border-left-width: 1px;
}

.table > thead > tr > th:last-child, .table > tbody > tr > td:last-child{
    border-right-width: 1px;
}

.table > tbody > tr > td {
    font-size: var(--text-base);
    line-height: var(--line-height-base);
}

.table > :not(caption) > * > th {
    padding-bottom: 0.55rem;
    padding-top: 0.55rem;
}

.table > tbody > tr > td:nth-child(even){
    background-color: #fafafa;
}

.table > tbody > tr.table-danger > td:nth-child(even){
    background-color: #f8d7da;
}

.table > tbody > tr.table-warning > td:nth-child(even){
    background-color: #fff3cd;
}

.table > tbody > tr.table-info > td:nth-child(even){
    background-color: #cff4fc;
}

.table > tbody > tr.table-success > td:nth-child(even){
    background-color: #d1e7dd;
}

.table > tbody > tr.table-primary > td:nth-child(even){
    background-color: #cfe2ff;
}


.table tr.text-danger td {
    color: var(--bs-danger);
}

.btn {
    --bs-btn-padding-x: 0.55rem;
    --bs-btn-padding-y: 0.275rem;
    --bs-btn-font-size: var(--text-base);
    --bs-btn-line-height: var(--line-height-base);
}

.form-select-sm {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance:
        none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position:
        right .45rem center;
    background-size: 12px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition:
        border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding:
        .25rem .85rem .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}

.pagination {
    --bs-pagination-font-size: var(--text-base);
    --bs-pagination-padding-y: 0.275rem;
    --bs-pagination-padding-x: 0.55rem;
    --bs-pagination-color: var(--theme-color);
    --bs-pagination-active-bg: var(--theme-color);
    --bs-pagination-active-border-color: var(--theme-color);
}

.form-label, .form-check-label {
    font-size: var(--text-base);
}

.modal-content, .modal-header, .modal-footer {
    border-radius: 0;
}

.modal-title {
    font-size: var(--text-lg);
    font-weight: 500;
}

.dp-loading-overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: start;
    align-items: center;
    padding: 4rem;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.help-text-container .help-text-button {
    cursor: pointer;
}

.help-text-container .help-text-description {
    display: none;
    font-size: var(--text-base);
    line-height: var(--line-height-base);
    color: var(--text-color);
    margin-top: 0.5rem;
    padding: 1rem;
    background: #f6f8fa;
    border-radius: var(--bs-card-border-radius);
}

.help-text-container .help-text-description.show-help-description {
    display: block;
}

.import-loading-overlay{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
}

.btn-check:checked + .btn.btn-active-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: white;
}


.btn-check:checked + .btn.btn-active-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: white;
}

.btn-check:checked + .btn.btn-active-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: white;
}

.btn-check:checked + .btn.btn-active-low {
    background-color: var(--color-amber-500);
    border-color: var(--color-amber-500);
    color: white;
}

.btn-check:checked + .btn.btn-active-mid {
    background-color: var(--color-violet-600);
    border-color: var(--color-violet-600);
    color: white;
}

.btn-check:checked + .btn.btn-active-high {
    background-color: var(--color-gray-800);
    border-color: var(--color-gray-800);
    color: white;
}

.active>.page-link, .page-link.active {
    z-index: auto !important;
}