body.authentication-bg {
    background-color: #042c3c;
    background-size: cover;
    background-position: center;
}

.iti {
    width: 100% !important;
}

.navbar-custom-register {
    box-shadow: var(--ct-box-shadow);
    position: relative;
    z-index: 1001;
    background-color: #FFFFFF;
}

body.authentication-bg-pattern,
.bg-pattern {
    transition: background-image 0.5s ease-in-out;
    background-size: cover;

}


.shadow-box {
    box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.75);
}


.glass {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.1px);
    -webkit-backdrop-filter: blur(8.1px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #44bcac;
    --ct-btn-border-color: #44bcac;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #44bcac;
    --ct-btn-hover-border-color: #44bcac;
    --ct-btn-focus-shadow-rgb: 145, 112, 203;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #44bcac;
    --ct-btn-active-border-color: #44bcac;
    --ct-btn-active-shadow: var(--ct-btn-active-box-shadow);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #44bcac;
    --ct-btn-disabled-border-color: #44bcac;
}


body.authentication-bg-pattern {
    background-image: url(../images/bg-pattern.jpg);
}

/* Estilo para o overlay */
#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: flex;
    /* From https://css.glass */
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9.5px);
    -webkit-backdrop-filter: blur(9.5px);
    border: 1px solid rgba(0, 0, 0, 0.31);
}


body.loaded #loading-overlay {
    display: none;
}


body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {
    background-color: var(--ct-bg-topbar-dark);
}


:root {
    --ct-gray-100-rgb: 247, 248, 249;
    --ct-gray-200-rgb: 236, 239, 241;
    --ct-gray-300-rgb: 222, 226, 230;
    --ct-gray-400-rgb: 206, 212, 218;
    --ct-gray-500-rgb: 173, 181, 189;
    --ct-gray-600-rgb: 152, 166, 173;
    --ct-gray-700-rgb: 108, 117, 125;
    --ct-gray-800-rgb: 52, 58, 64;
    --ct-gray-900-rgb: 50, 58, 70;
    --ct-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    --ct-box-shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    --ct-box-shadow-lg: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ct-component-active-color: #fff;
    --ct-component-active-bg: #182433;
    --ct-text-muted: #98a6ad;
    --ct-blockquote-footer-color: #98a6ad;
    --ct-hr-color: #e5e8eb;
    --ct-input-btn-focus-color: rgba(126, 87, 194, 0.25);
    --ct-form-text-color: var(--ct-text-muted);
    --ct-input-bg: #fff;
    --ct-input-disabled-bg: #fff;
    --ct-input-color: #6c757d;
    --ct-input-border-color: #ced4da;
    --ct-input-box-shadow: var(--ct-box-shadow-inset);
    --ct-input-focus-bg: var(--ct-input-bg);
    --ct-input-focus-border-color: #b9bfc4;
    --ct-input-focus-color: var(--ct-input-color);
    --ct-input-placeholder-color: #adb5bd;
    --ct-input-plaintext-color: #6c757d;
    --ct-form-check-input-bg: #fff;
    --ct-form-check-input-border: 1px solid #adb5bd;
    --ct-form-check-input-checked-color: var(--ct-component-active-color);
    --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
    --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
    --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-indeterminate-border-color: var(--ct-form-check-input-indeterminate-bg-color);
    --ct-form-switch-color: #dee2e6;
    --ct-input-group-addon-color: var(--ct-input-color);
    --ct-input-group-addon-bg: #eceff1;
    --ct-input-group-addon-border-color: #ced4da;
    --ct-form-select-color: var(--ct-input-color);
    --ct-form-select-bg: var(--ct-input-bg);
    --ct-form-select-disabled-color: #98a6ad;
    --ct-form-select-disabled-bg: #eceff1;
    --ct-form-select-indicator-color: #343a40;
    --ct-form-range-track-bg: #dee2e6;
    --ct-form-range-track-box-shadow: var(--ct-box-shadow-inset);
    --ct-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-active-bg: #d8cded;
    --ct-form-range-thumb-disabled-bg: #adb5bd;
    --ct-form-file-button-color: var(--ct-input-color);
    --ct-form-file-button-bg: var(--ct-input-group-addon-bg);
    --ct-form-file-button-hover-bg: #e0e3e5;
    --ct-thumbnail-bg: #f2f5f7;
    --ct-thumbnail-border-color: #dee2e6;
    --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
    --ct-figure-caption-color: #98a6ad;
    --ct-breadcrumb-divider-color: #ced4da;
    --ct-breadcrumb-active-color: #adb5bd;
    --ct-carousel-control-color: #fff;
    --ct-carousel-indicator-active-bg: #fff;
    --ct-carousel-caption-color: #fff;
    --ct-carousel-dark-indicator-active-bg: #000;
    --ct-carousel-dark-caption-color: #000;
    --ct-btn-close-color: #000;
    --ct-kbd-color: #fff;
    --ct-kbd-bg: #323a46;
    --ct-pre-color: #323a46;
    --ct-bg-leftbar: #fff;
    --ct-bg-leftbar-dark: #38414a;
    --ct-bg-leftbar-brand: #182433;
    --ct-bg-leftbar-gradient: #683ba9;
    --ct-twocolumn-sidebar-bg: #fff;
    --ct-twocolumn-sidebar-iconview-bg: #3e4852;
    --ct-menu-item-color-dark: #9097a7;
    --ct-menu-item-hover-color-dark: #c8cddc;
    --ct-menu-item-active-color-dark: #fff;
    --ct-menu-item: #6e768e;
    --ct-menu-item-hover: #4fc6e1;
    --ct-menu-item-active: #4fc6e1;
    --ct-menu-sub-item-active: #4fc6e1;
    --ct-menuitem-active-bg: rgba(79, 198, 225, 0.07);
    --ct-hori-menu-item-color: #6e7488;
    --ct-rightbar-bg: #fff;
    --ct-bg-topbar-light: #fff;
    --ct-bg-topbar-dark: #182433;
    --ct-app-search-box-bg: rgba(255, 255, 255, 0.07);
    --ct-box-shadow-condensed: 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
    --ct-footer-bg: #eaeff2;
    --ct-auth-bg: #fff;
    --ct-auth-bg-alt: #182433;
    --ct-apex-grid-color: #f9f9fd;
    --ct-chat-primary-user-bg: #fef5e4;
    --ct-chat-secondary-user-bg: #f1f3fa;
    --ct-heading-color: #343a40;
    --ct-card-overlay-color: #3e4852;
    --ct-card-overlay-bg: rgba(255, 255, 255, 0.8);
    --ct-input-light-bg: #f3f7f9;
    --ct-lighten-300: #edeff1;
    --ct-components-shadow-sm: none;
    --ct-components-shadow: none;
    --ct-components-shadow-lg: none;
}

:root {
    --ct-indigo: #675aa9;
    --ct-purple: #182433;
    --ct-red: #f1556c;
    --ct-orange: #fd7e14;
    --ct-yellow: #f7b84b;
    --ct-green: #1abc9c;
    --ct-teal: #02a8b5;
    --ct-cyan: #4fc6e1;
    --ct-white: #fff;
    --ct-gray: #98a6ad;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f7f8f9;
    --ct-gray-200: #eceff1;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #adb5bd;
    --ct-gray-600: #98a6ad;
    --ct-gray-700: #6c757d;
    --ct-gray-800: #343a40;
    --ct-gray-900: #323a46;
    --ct-primary: #182433;
    --ct-secondary: #6c757d;
    --ct-success: #1abc9c;
    --ct-info: #4fc6e1;
    --ct-warning: #f7b84b;
    --ct-danger: #f1556c;
    --ct-light: #eceff1;
    --ct-dark: #323a46;
    --ct-pink: #f672a7;
    --ct-blue: #4a81d4;
    --ct-primary-rgb: 126, 87, 194;
    --ct-secondary-rgb: 108, 117, 125;
    --ct-success-rgb: 26, 188, 156;
    --ct-info-rgb: 79, 198, 225;
    --ct-warning-rgb: 247, 184, 75;
    --ct-danger-rgb: 241, 85, 108;
    --ct-light-rgb: 236, 239, 241;
    --ct-dark-rgb: 50, 58, 70;
    --ct-pink-rgb: 246, 114, 167;
    --ct-blue-rgb: 74, 129, 212;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg-rgb: 242, 245, 247;
    --ct-font-sans-serif: "Poppins", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: Poppins, sans-serif;
    --ct-body-font-size: 0.8125rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-bg: #f2f5f7;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-2xl: 2rem;
    --ct-border-radius-pill: 50rem;
    --ct-link-color: #182433;
    --ct-link-hover-color: #583d88;
    --ct-code-color: #f672a7;
    --ct-highlight-bg: #fcf8e3;
}