@charset "UTF-8";

@font-face {
    font-family: 'Manrope';
    src: url('./Fonts/Manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Manrope';
    src: url('./Fonts/Manrope/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Manrope';
    src: url('./Fonts/Manrope/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Manrope';
    src: url('./Fonts/Manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
}

:root,
[data-bs-theme=light] {
    --bs-blue: #A9C3E8;
    --bs-indigo: #6610f2;
    --bs-purple: #EDE6FF;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #0C371D;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-50: #FAFAFA;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #F1F2F4;
    --bs-gray-300: #E9EAEC;
    --bs-gray-400: #CBD5E0;
    --bs-gray-500: #A0AEC0;
    --bs-gray-600: #7C7C7C;
    --bs-gray-700: #323B49;
    --bs-gray-800: #1F2937;
    --bs-gray-900: #111827;
    --bs-primary-light: #87DBF4;
    --bs-primary: #073C4C;
    --bs-primary-dark: #052F3C;
    --bs-secondary-light: #EEF5EB;
    --bs-secondary: #C7DCBB;
    --bs-secondary-dark: #B5CCA8;
    --bs-success-light: rgba(85,199,144, 0.27);
    --bs-success: #0CAF60;
    --bs-success-dark: #0BA259;
    --bs-info-light: #E6F0FB;
    --bs-info: #A9C3E8;
    --bs-info-dark: #0E7BC3;
    --bs-warning-light: #FFF6D5;
    --bs-warning: #FFD023;
    --bs-warning-dark: #E6BB20;
    --bs-danger-light: #FFEDEC;
    --bs-danger: #E03137;
    --bs-danger-dark: #C02337;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 7, 60, 76;
    --bs-secondary-rgb: 199, 220, 187;
    /*    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;*/
    --bs-primary-text-emphasis: var(--bs-gray-900);
    --bs-secondary-text-emphasis: var(--bs-gray-600);
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #E03137;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    /*    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #E03137;
    --bs-form-invalid-border-color: #E03137;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #369D5D;
    --bs-btn-hover-border-color: #369D5D;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #369D5D;
    --bs-btn-active-border-color: #369D5D;
    --bs-btn-active-shadow: none;*/
    --bs-btn-disabled-color: var(--bs-gray-500);
    --bs-btn-disabled-bg: var(--bs-gray-200);
    --bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-primary {
    --bs-btn-color: var(--bs-white) !important;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white) !important;
    --bs-btn-hover-bg: var(--bs-primary-dark);
    --bs-btn-hover-border-color: var(--bs-primary-dark);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-white) !important;
    --bs-btn-active-bg: var(--bs-primary-dark);
    --bs-btn-active-border-color: var(--bs-primary-dark);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-gray-500);
    --bs-btn-disabled-bg: var(--bs-gray-200);
    --bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-secondary {
    --bs-btn-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-hover-bg: var(--bs-secondary-dark);
    --bs-btn-hover-border-color: var(--bs-secondary-dark);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-active-bg: var(--bs-secondary-dark);
    --bs-btn-active-border-color: var(--bs-secondary-dark);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-gray-500);
    --bs-btn-disabled-bg: var(--bs-gray-200);
    --bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-gray-300);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-gray-300);
    --bs-gradient: none;
}

.btn-outline-light {
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-border-color: var(--bs-gray-400);
    --bs-btn-hover-color: var(--bs-primary-text-emphasis);
    --bs-btn-hover-bg: var(--bs-gray-300);
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-primary-text-emphasis);
    --bs-btn-active-bg: var(--bs-gray-300);
    --bs-btn-active-border-color: var(--bs-gray-400);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-gray-200);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-gray-200);
    --bs-btn-visited-color: var(--bs-primary-text-emphasis);
    --bs-gradient: none;
    border: var(--bs-btn-border-width) solid var(--bs-gray-400) !important;
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-gray-300);
    --bs-btn-active-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-gray-200);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-gray-200);
    --bs-btn-visited-color: var(--bs-white);
    --bs-gradient: none;
    border: var(--bs-btn-border-width) solid var(--bs-primary-text-emphasis) !important;
}

.btn-white, .btn-white:visited {
    color: var(--bs-white);
    border-color: var(--bs-white);
}

    .btn-white:hover, .btn-white:active, .btn-white.active, .btn-white:focus{
        color: var(--bs-primary);
        background-color: var(--bs-white);
        border-color: var(--bs-white);
    }


.btn {
    padding: 16px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    line-height: 1;
    min-width: 132px;
}

    .btn:hover, .btn:focus-visible, .btn.active {
        box-shadow: none;
    }

    .btn:disabled {
        cursor: not-allowed;
    }

    .btn.medium {
        padding: 8px 30px;
    }

.btn-primary:visited, .btn-secondary:visited {
    color: var(--bs-white);
}

.btn-outline-light:visited {
    color: var(--bs-primary-text-emphasis)
}

.btn-outline-primary:visited, .btn-outline-primary.active, .btn-outline-primary:focus {
    --bs-btn-color: var(--bs-primary);
    color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    color: var(--bs-white);
}

.bs-blue-dark {
    color: var(--bs-info-dark);
}

.card {
    border-color: var(--bs-gray-300);
    border-radius: 0.625rem;
    padding: 1.5rem;
}

.card-body {
    padding: 1.5rem;
}

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

.text-error-dark {
    color: var(--bs-danger-dark) !important;
}

.badge {
    padding: 6px 12px;
    font-size: 0.625rem;
    font-weight: var(--bs-badge-font-weight);
    border-radius: 4px;
}

.badge-primary {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}

.badge-success {
    background-color: var(--bs-success-light);
    color: var(--bs-success);
}

.badge-warning {
    background-color: var(--bs-warning-light);
    color: var(--bs-warning-dark);
}

.badge-info {
    background-color: var(--bs-info-light);
    color: var(--bs-info-dark);
}

.badge-danger {
    background-color: var(--bs-danger-light);
    color: var(--bs-danger-dark);
}

.text-dark {
    color: var(--bs-primary-text-emphasis) !important;
}

.text-muted {
    color: var(--bs-secondary-text-emphasis) !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: 'Manrope', sans-serif;
    background: var(--bs-body-bg);
    color: var(--bs-primary-text-emphasis);
    font-size: 16px;
}

em, small {
    letter-spacing: 0
}

body, li, p {
    line-height: 1.5em
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.first-section {
    margin-top: 80px;
}

.DNNEmptyPane {
    display: none !important
}

.paneOutline {
    border: 1px dashed #ccc
}

a, a img, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    border: 0
}

.TB_Wrapper, .TB_Wrapper *, .dnnActionMenu, .dnnActionMenu *, .dnnActionMenu:after, .dnnActionMenu:before, .dnn_mact, .dnn_mact *, .dnn_mact:after, .dnn_mact:before, [id*=ControlPanel], [id*=ControlPanel] *, [id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[class*=RadAjaxPanel] *, [class*=Digital] * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

li, p {
    font-size: 16px;
}

ol.list-unstyled, ol.list-unstyled > li, ul.list-unstyled, ul.list-unstyled > li {
    list-style: none;
    margin: 0
}

ul.row {
    margin-left: -15px;
    margin-right: -15px
}

ol, ul {
    list-style: none
}

    ul li {
        list-style-type: none;
    }

        ul li li {
            list-style-type: circle
        }

    ol li {
        list-style-type: decimal;
        list-style-position: inside
    }

.nav li {
    list-style: none !important
}

a {
    text-decoration: none;
    outline: 0 !important
}

ul#myTab {
    padding: 0;
    margin: 0
}

.popover {
    z-index: 1040;
}

.mark, mark {
    padding: 0;
    background-color: transparent
}

.mb-5 {
    margin-bottom: 2rem !important;
}


.mb-6 {
    margin-bottom: 2.5rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}

.mb-8 {
    margin-bottom: 3.5rem !important;
}

.mb-9 {
    margin-bottom: 3.75rem !important;
}

.mb-10 {
    margin-bottom: 4rem !important;
}

.py-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bs-callout-danger, .bs-callout-info, .bs-callout-primary, .bs-callout-success, .bs-callout-warning {
    display: block;
    padding: 15px 30px 15px 15px
}

.CommandButton, .Head, .Normal, .NormalBold, .NormalDisabled, .NormalRed, .NormalTextBox, .SubHead, .SubSubHead, a:hover, a:link, a:visited, body, h1, h2, h3, h4, h5, h6, input, table, td, th {
    font-family: 'Manrope', sans-serif;
}

.SubHead {
    color: #000
}

Body #Form {
    height: 100%
}

embed, img, object {
    max-width: 100%
}

[class*=map] img, [class*=Map] img, [id*=map] img, [id*=Map] img, table img {
    max-width: none !important
}

img {
    height: auto
}

em {
    font-style: italic
}

strong {
    color: #333;
    font-weight: 700
}

.medium {
    font-size: 0.875rem;
}

small, .small {
    font-size: 12px
}

a:hover, a:active, a:link, a:visited {
    text-decoration: none
}

/*a:hover {
    text-decoration: underline
}*/

ol li > ol li {
    list-style-type: lower-latin
}

hr {
    border-color: var(--bs-gray-300);
}

@media (min-width: 1920px) {
    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1680px;
    }
}

.dnnFormMessage {
    position: fixed;
    max-width: 500px;
    background-color: var(--bs-white) !important;
    border: none !important;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    right: 0px;
    top: 24px;
    font-size: 0.875rem;
    font-weight: 500;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    transform: translateX(0%);
    transition: all 0.4s ease-in-out;
    z-index: 99999;
}

    .dnnFormMessage::before {
        font-family: "bootstrap-icons";
        font-size: 1.5em;
        display: inline-block;
        line-height: 1;
        vertical-align: top;
        margin-top: 0px;
        padding: 12px;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        content: "\f430"; /* bi-info-circle-fill */
        color: var(--bs-white); /* Bootstrap's info color */
        background-color: var(--bs-info); /* Bootstrap's info color */
    }

.dnnFormSuccess::before {
    content: "\f26a"; /* bi-check-circle-fill */
    background-color: var(--bs-success);
}

.dnnFormWarning::before {
    content: "\f33a"; /* bi-exclamation-triangle-fill */
    background-color: var(--bs-warning);
}

.dnnFormError::before {
    content: "\f623"; /* bi-x-circle-fill */
    background-color: var(--bs-danger);
}

.dnnFormValidationSummary::before {
    content: "\f623"; /* bi-x-circle-fill */
    background-color: var(--bs-danger);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--bs-primary-text-emphasis);
    line-height: 1.3em;
    margin: 0 0 10px
}

@media (min-width:1200px) {
    h1 {
        font-size: 3rem !important;
        font-weight: 700 !important;
    }

    h2 {
        font-size: 2.5rem !important;
        font-weight: 700 !important;
    }

    h3 {
        font-size: 2rem !important;
        font-weight: 700 !important;
    }

    h4 {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }

    h5 {
        font-size: 1.25rem !important;
        font-weight: 500 !important;
    }

    h6 {
        font-size: 1.125rem !important;
        font-weight: 500 !important;
    }

    .password-strength-container .password-strength-tooltip h2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
}

.form-label {
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control {
    border: 1px solid var(--bs-gray-300);
    border-radius: 8px;
    padding: 1rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--bs-primary-text-emphasis);
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus {
        border-color: var(--bs-primary);
        color: var(--bs-primary-text-emphasis);
        box-shadow: none;
        outline: none;
    }

    .form-control::placeholder {
        color: var(--bs-gray-500);
        opacity: 1;
    }

    .form-control:disabled {
        background-color: var(--bs-gray-200);
        color: var(--bs-gray-500);
        opacity: 1;
    }

textarea.form-control {
    border-radius: 10px;
    resize: none;
}

.form-control[type=file] {
    padding: 0.3rem 0.5rem;
}

input[type="file"]::-webkit-file-upload-button {
    padding: 16px 16px 16px 24px;
}

.input-group-text {
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 8px;
}

.form-check-radio td {
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.form-check {
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}


.form-check-radio td:first-child {
    padding-left: 0;
}

.form-horizontal {
    width: 100%;
}

    .form-horizontal .form-label {
        font-weight: 600;
    }

.form-group {
    margin-bottom: 16px;
}

.invalid-feedback {
    font-size: 0.75rem;
    margin-top: 0.625rem;
}

.form-error span {
    color: var(--bs-form-invalid-color);
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.625rem;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid var(--bs-gray-400);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s ease;
    accent-color: var(--bs-primary);
}

    input[type="checkbox"]:checked {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

        input[type="checkbox"]:checked::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 1px;
            width: 6px;
            height: 12px;
            border: solid var(--bs-white);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.search-filter {
    position: relative;
    width: 100%;
}

    .search-filter input {
        border-width: 1px;
        width: 100%;
        padding-left: 40px;
        padding: 16px 40px 16px 18px;
    }

    .search-filter .search-btn {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--bs-primary-text-emphasis);
        padding: 0;
        width: 40px;
        height: 40px;
        background: var(--bs-primary);
        color: var(--bs-white);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

.auth-inner-container {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(./Images/auth_background.png);
    background-size: 100% 100%;
    padding: 1.5rem;
}

@media (max-width: 768px) {
    .auth_banner_container {
        display: none;
    }
}

.auth-box {
    width: 100%;
    max-width: 480px;
}

.dnnLabel {
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.dnnFormError {
    color: var(--bs-form-invalid-color);
    font-size: 0.75rem;
}

.password-strength-container {
    width: 100%;
    max-width: none;
}

    .password-strength-container input[type="password"] {
        border: 1px solid var(--bs-gray-300);
        border-radius: 8px;
        padding: 1rem 1.125rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: var(--bs-primary-text-emphasis);
        box-shadow: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .password-strength-container .password-strength-tooltip {
        bottom: 95px !important;
        padding: 1.5rem !important;
    }

        .password-strength-container .password-strength-tooltip h2 {
            font-size: 1.5rem !important;
            margin-bottom: 1rem !important;
        }

        .password-strength-container .password-strength-tooltip ul {
            margin: 0 !important;
            padding: 0 !important;
        }

ul.dropdown-menu {
    padding: 16px;
    border: 0;
    box-shadow: 5px 5px 50px 0px #1A202C0F;
}

    ul.dropdown-menu li:not(:last-child) {
        margin-bottom: 8px;
    }

    ul.dropdown-menu li a {
        font-size: 1rem;
        font-weight: 700;
        padding: 16px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        gap: 4px;
        transition: all 0.2s ease;
    }

        ul.dropdown-menu li a i {
            font-size: 16px;
            color: var(--bs-secondary-text-emphasis);
        }

        ul.dropdown-menu li a:hover, ul.dropdown-menu li a:visited, ul.dropdown-menu li a:focus, ul.dropdown-menu li a.active, ul.dropdown-menu li.active a {
            background-color: var(--bs-gray-100);
        }

.dropdown {
    position: relative;
}

#profileDropdown img {
    width: 32px;
    height: 32px;
}

/* Custom Popover Content */
popover-body {
    padding: 0;
}

.nail-profile-popover.dropdown-menu {
    min-width: 220px;
    border: 0;
    box-shadow: 5px 5px 50px 0px #1A202C0F;
    border-radius: 10px;
}

.nail-profile-popover .nail-profile-list {
    margin: 0;
    padding: 0;
}

.nail-profile-popover .nail-profile-user span {
    display: block;
    font-size: 0.875rem;
}

.nail-profile-popover .nail-profile-list li a.profile-menu-item {
    font-size: 1rem;
    font-weight: 600;
    padding: 20px;
/*    margin: 8px 0;*/
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bs-primary-text-emphasis);
    transition: all 0.2s ease;
}

    .nail-profile-popover .nail-profile-list li a.profile-menu-item i {
        font-size: 16px;
        color: var(--bs-secondary-text-emphasis);
    }

ul.nail-profile-list li a:hover, ul.nail-profile-list li a:visited, ul.nail-profile-list li a:focus, ul.nail-profile-list li a.active, ul.nail-profile-list li.active a {
    background-color: var(--bs-secondary);
    border-radius: 0;
}

.dot-separator {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--bs-gray-400);
    display: inline-block;
}

/* Full overlay to cover parent container */
.update-progress-overlay {
    position: absolute; /* Will cover the parent container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* semi-transparent background */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999; /* ensures loader stays on top */
}

/* Loader image */
.loader-img {
    width: 64px; /* adjust based on your gif */
    height: 64px;
}

.avatarImg {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
}

.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

    .pagination-container span, .pagination-container a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        border-radius: 8px;
        line-height: 1;
        font-size: 12px;
        font-weight: 600;
        margin: 0;
    }

    .pagination-container a {
        /*    background-color: var(--bs-secondary-light);*/
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary);
        font-weight: 700;
        min-width: 80px;
    }


        .pagination-container a:hover {
            background-color: var(--bs-primary);
            color: var(--bs-white);
            font-weight: 700;
        }

        .pagination-container a.aspNetDisabled {
            background-color: var(--bs-btn-disabled-bg);
            border: 1px solid var(--bs-btn-disabled-border-color);
            color: var(--bs-btn-disabled-color);
            font-weight: 700;
        }

.accordion .accordion-item {
    border: 0;
    background: none;
}

    .accordion .accordion-item:not(:first-child) {
        padding-top: 32px;
    }

    .accordion .accordion-item:not(:last-child) {
        padding-bottom: 32px;
        border-bottom: 1px solid var(--bs-gray-300);
    }

.accordion-button {
    padding: 0;
    background: none;
    margin-bottom: 0;
}

    .accordion-button:not(.collapsed) {
        box-shadow: none;
        background: none;
    }

.accordion-body {
    padding: 0;
    color: var(--bs-secondary-text-emphasis);
    margin-top: 8px;
    font-size: 1rem;
    line-height: 1.4;
}


.nav-tabs {
    --bs-nav-tabs-border-color: var(--bs-gray-300);
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: none;
    --bs-nav-tabs-link-active-color: var(--bs-primary);
    --bs-nav-tabs-link-active-bg: none;
    --bs-nav-tabs-link-active-border-color: none;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--bs-gray-500);
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-link-disabled-color: var(--bs-gray-300);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs {
    margin: 0 0 32px 0 !important;
}

    .nav-tabs .nav-link {
        font-size: 1rem;
        font-weight: 500;
        padding: 10px 16px;
        min-width: 139px;
        text-align: center;
        color: var(--bs-gray-500);
        border: 0;
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-link.active {
            color: var(--bs-primary);
            font-weight: 700;
            border: 0 !important;
            border-bottom: 2px solid var(--bs-nav-tabs-link-active-color) !important;
        }


/*---------------Pages Css Started--------------*/

.nail-container {
    position: relative;
}

.header-container {
    position: relative;
}

.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid var(--bs-gray-300);
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 20px 0px;
    position: relative;
    z-index: 10;
    transition: all 0.1s ease;
}

    .top-header .brand-logo img, .header .brand-logo img {
        height: 57px;
    }

#main-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.auth-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

    .auth-buttons a {
        font-size: 0.875rem;
    }

.header .navbar-toggler {
    border: none;
    padding: 0;
}

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

.header #dnnMenu ul.navbar-nav {
    gap: 20px;
}

    .header #dnnMenu ul.navbar-nav li a {
        font-size: 0.875rem;
        color: var(--bs-primary-text-emphasis);
        text-decoration: none;
        font-weight: 700;
        transition: opacity 0.2s;
        padding: 15px 0;
    }

    .header #dnnMenu ul.navbar-nav > li > a:hover, .header #dnnMenu ul.navbar-nav > li.active > a {
        border-bottom: 4px solid var(--bs-primary);
    }


    .header #dnnMenu ul.navbar-nav .menuItem.dropdown:hover > .dropdown-menu {
        display: block !important;
    }

    .header #dnnMenu ul.navbar-nav .dropdown .dropdown-menu {
        background: var(--bs-white);
        border-radius: 10px;
        color: var(--bs-primary-text-emphasis);
        width: 260px;
        border: 0;
        box-shadow: 5px 5px 50px 0px #0000001a;
        position: absolute;
        top: 35px;
        left: -88px;
        z-index: 999;
    }

        .header #dnnMenu ul.navbar-nav .dropdown .dropdown-menu::after {
            left: 45%;
            border-bottom-color: var(--bs-white);
            margin-left: 0;
        }

    .header #dnnMenu ul.navbar-nav .dropdown-menu li {
        min-width: 168px;
        border-bottom: 0px;
        padding: 0;
        overflow: hidden;
        margin-bottom: 0 !important;
    }

        .header #dnnMenu ul.navbar-nav .dropdown-menu li:first-child {
            border-radius: 10px 10px 0 0;
        }

        .header #dnnMenu ul.navbar-nav .dropdown-menu li:last-child {
            border-radius: 0 0 10px 10px;
        }


        .header #dnnMenu ul.navbar-nav .dropdown-menu li a {
            display: block;
            padding: 20px;
            color: var(--bs-primary-text-emphasis) !important;
            transition: all 0.2s ease;
        }

            .header #dnnMenu ul.navbar-nav .dropdown-menu li a:hover, .header #dnnMenu ul.navbar-nav .dropdown-menu li.active a {
                background: var(--bs-secondary) !important;
                border-radius: 0;
            }

    .header #dnnMenu ul.navbar-nav a.has-submenu {
        padding-right: 24px !important;
    }

        .header #dnnMenu ul.navbar-nav a.has-submenu .caret {
            font-size: 12px;
            font-weight: 700;
            position: absolute;
            right: 4px;
            top: 7px;
            margin: 0;
            padding: 0;
            width: auto;
            height: auto;
            line-height: 0;
            border: none !important;
            transition: all 0.2s ease;
        }

        .header #dnnMenu ul.navbar-nav a.has-submenu:hover .caret {
            transform: rotate(-180deg);
        }

        .header #dnnMenu ul.navbar-nav a.has-submenu .caret:before {
            display: none !important;
            content: "" !important;
        }

.offcanvas-body {
    padding: 0;
}

.offcanvas.offcanvas-end, .offcanvas.offcanvas-start {
    max-width: 270px;
}

.offcanvas-header {
    border-bottom: 1px solid var(--bs-gray-300);
}

@media (max-width: 991px) {
    .offcanvas-body #dnnMenu ul.navbar-nav {
        margin-left: 0;
        margin-bottom: 16px;
    }

        .offcanvas-body #dnnMenu ul.navbar-nav li {
            border: none;
            background: none;
        }

        .offcanvas-body #dnnMenu ul.navbar-nav a {
            color: var(--bs-primary-text-emphasis);
            padding: 20px;
            display: block;
            transition: all 0.2s ease;
            font-weight: 500;
            font-size: 0.875rem;
            text-decoration: none;
        }

            .offcanvas-body #dnnMenu ul.navbar-nav a:hover, .offcanvas-body #dnnMenu ul.navbar-nav li.active a {
                background-color: var(--bs-primary);
                color: var(--bs-white);
                font-weight: 700;
            }

            .offcanvas-body #dnnMenu ul.navbar-nav a span {
                padding: 0;
                line-height: 1.5;
            }

            .offcanvas-body #dnnMenu ul.navbar-nav a:hover span, .header #dnnMenu ul.navbar-nav li.active a span {
                color: var(--bs-white);
            }

        .offcanvas-body #dnnMenu ul.navbar-nav .dropdown .dropdown-menu {
            border-radius: 10px;
            border: none;
            background: none;
            box-shadow: 0px 0px 5px 0px #0000001a inset;
        }

            .offcanvas-body #dnnMenu ul.navbar-nav .dropdown .dropdown-menu::after {
                display: none !important;
                content: "" !important;
            }

        .offcanvas-body #dnnMenu ul.navbar-nav .dropdown-menu li {
            padding: 0;
        }

            .offcanvas-body #dnnMenu ul.navbar-nav .dropdown-menu li a {
                padding: 16px 32px;
                font-weight: 500;
            }

            .offcanvas-body #dnnMenu ul.navbar-nav .dropdown-menu a:hover, .offcanvas-body #dnnMenu ul.navbar-nav .dropdown-menu li.active a {
                background-color: var(--bs-secondary);
                color: var(--bs-primary-text-emphasis);
                font-weight: 700;
            }

        .offcanvas-body #dnnMenu ul.navbar-nav a.has-submenu {
            padding-right: 24px !important;
            position: relative;
        }

            .offcanvas-body #dnnMenu ul.navbar-nav a.has-submenu .caret {
                width: 32px;
                height: 26px;
                background: none;
                top: 20px;
                font-size: 16px;
                position: absolute;
                right: 4px;
                margin: 0;
                padding: 0;
                border: none !important;
                transition: all 0.2s ease;
            }

                .offcanvas-body #dnnMenu ul.navbar-nav a.has-submenu .caret i {
                    display: none;
                }

                .offcanvas-body #dnnMenu ul.navbar-nav a.has-submenu .caret:before {
                    content: "˅";
                }

        .offcanvas-body #dnnMenu ul.navbar-nav li.open a.has-submenu .caret:before {
            content: "˄";
        }

    .offcanvas-body .auth-buttons a {
        min-width: 112px;
    }
}

.hero-container {
    position: relative;
    padding: 110px 0;
    background-color: var(--bs-primary);
    background-image: url('Images/home_hero_patern.png');
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.hero-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 962px;
    margin: 0 auto;
}

    .hero-content h1 {
        font-size: 3rem !important;
        font-weight: 500 !important;
        color: var(--bs-white);
        line-height: 1.1;
        margin-bottom: 0;
    }

    .hero-content h6 {
        font-weight: 400 !important;
        color: var(--bs-white);
        line-height: 1.5;
        margin-bottom: 0;
    }


@media (min-width: 992px) {
    .hero-content h1 {
        font-size: 4rem !important;
    }
}

/* For title Line  */
.title-line {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-start;
}

.line {
    width: 36px;
    height: 2px;
    background: var(--bs-primary);
}

.title-text {
    color: var(--bs-primary);
    font-weight: 600;
    font-size: 1rem;
}

.hero-title-line {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.hero-line {
    width: 36px;
    height: 2px;
    background: var(--bs-white);
}

.hero-title-text {
    color: var(--bs-white);
    font-weight: 600;
    font-size: 1rem;
}

/********************************** Footer & Footer Banner Section **********************************/

.footer-banner-content .footer-banner {
    background: url(Images/home_hero_patern.png) no-repeat, var(--bs-primary);
    padding: 72px 110px;
    position: relative;
    border-radius: 10px;
}

.footer-banner .footer-banner-detail {
    max-width: 953px;
    margin: 0 auto;
}

.footer-banner .footer-banner-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    text-align: center;
}

    .footer-banner .footer-banner-detail h1 {
        font-weight: 500 !important;
        max-width: 823px;
        margin-bottom: 0;
        color: var(--bs-white);
    }

    .footer-banner .footer-banner-detail h6 {
        margin-bottom: 0;
        color: var(--bs-white);
    }

.footer-section {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    padding: 6rem 0 0;
    border-radius: 24px 24px 0 0;
}

    .footer-section .brand img {
        max-width: 210px;
    }

.footer-description {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
}

.footer-heading {
    font-weight: 700 !important;
    margin-bottom: 1.5rem;
    color: var(--bs-white);
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-nav li {
        margin-bottom: 1rem;
    }

.footer-link {
    color: var(--bs-white) !important;
    text-decoration: none;
    display: block;
    margin-bottom: 1rem;
    transition: opacity 0.3s ease;
}

    .footer-link:active, .footer-link:focus, .footer-link:visited {
        color: var(--bs-white) !important;
        font-weight: 700;
    }

    .footer-link:hover {
        color: var(--bs-white) !important;
        font-weight: 700;
    }

.footer-copyright {
    margin: 40px 0 0;
    border-top: 1px solid var(--bs-gray-600);
    padding: 32px 0;
}

    .footer-copyright .footer-text {
        font-weight: 500;
        text-decoration: none;
        color: var(--bs-white) !important;
    }

        .footer-copyright .footer-text a {
            text-decoration: none;
            color: var(--bs-white) !important;
        }

            .footer-copyright .footer-text a:hover {
                color: var(--bs-white) !important;
            }

        .footer-copyright .footer-text .brand-name {
            font-weight: 700;
        }