:root {
    /* Supreme - Brand  Colors */
    --primary: #003C78;
    --secondary: #003C78;
    --cyan: #00B1FF;
    --cyan-30: #00B1FF4D;
    --turqoise: #00CECE;
    --t100: #C5EEF0;
    --b600: #085EB4;

    /* Supreme - Gradient */
    --gradient0deg: linear-gradient(0deg, var(--cyan), var(--turqoise));
    --gradient45deg: linear-gradient(45deg, var(--cyan), var(--turqoise));

    /* Gray */
    --gray-25: #FCFCFD;
    --gray-50: #F9FAFB;
    --gray-100: #F2F4F7;
    --gray-200: #EAECF0;
    --gray-300: #D0D5DD;
    --gray-400: #98A2B3;
    --gray-500: #667085;
    --gray-600: #475467;
    --gray-700: #344054;
    --gray-800: #1D2939;
    --gray-900: #101828;

    /* Green */
    --success-25: #F6FEF9;
    --success-50: #ECFDF3;
    --success-100: #D1FADF;
    --success-200: #A6F4C5;
    --success-300: #6CE9A6;
    --success-400: #32D583;
    --success-500: #12B76A;
    --success-600: #039855;
    --success-700: #027A48;
    --success-800: #05603A;
    --success-900: #054F31;

    /* Warning */
    --warning-25: #FFFCF5;
    --warning-50: #FFFAEB;
    --warning-100: #FEF0C7;
    --warning-200: #FEDF89;
    --warning-300: #FEC84B;
    --warning-400: #FDB022;
    --warning-500: #F79009;
    --warning-600: #DC6803;
    --warning-700: #B54708;
    --warning-800: #93370D;
    --warning-900: #7A2E0E;

    /* Danger */
    --danger-25: #FFFBFA;
    --danger-50: #FEF3F2;
    --danger-100: #FEE4E2;
    --danger-200: #FECDCA;
    --danger-300: #FDA29B;
    --danger-400: #F97066;
    --danger-500: #F04438;
    --danger-600: #D92D20;
    --danger-700: #B42318;
    --danger-800: #912018;
    --danger-900: #7A271A;

    --white: #fff;
    --translucent-white-65: #FFFFFFA6;

    --radius-16: 16px;


    --font: "Libre Franklin", sans-serif;

    --dev-form-check-icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6666 3.5L5.24992 9.91667L2.33325 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --dev-bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
    --dev-bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");

    --dev-breadcrumb-icon-dark: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.850098 0.5L7.0001 6.65C7.04792 6.69489 7.08602 6.74911 7.11212 6.80931C7.13812 6.8695 7.15162 6.9344 7.15162 7C7.15162 7.0656 7.13812 7.1305 7.11212 7.19069C7.08602 7.25089 7.04792 7.30511 7.0001 7.35L0.850098 13.5' stroke='%23101828' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --dev-breadcrumb-icon: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.850098 0.5L7.0001 6.65C7.04792 6.69489 7.08602 6.74911 7.11212 6.80931C7.13812 6.8695 7.15162 6.9344 7.15162 7C7.15162 7.0656 7.13812 7.1305 7.11212 7.19069C7.08602 7.25089 7.04792 7.30511 7.0001 7.35L0.850098 13.5' stroke='%23F7F7F7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/* ! Important */

/* This make content to fill full height and footer stay bottom without position: fixed */
html, body, #panel {
    height: 100%;
    /* margin: 0; */
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

@media (min-width: 2560px) {
    .container-fluid {
        max-width: 1320px;
        /* max-width: 100%; */
    }
}

/* ! Important */

[data-bs-theme=dark] {
    --gray-100: #212529!important;
}

body {
    font-family: var(--font);
}

body h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

p {
    font-weight: 400;
}

b, strong {
    font-weight: 700;
}

/* body p {
    margin-bottom: 0px;
} */

.btn {
    padding: .75rem 2.5rem;
    border: none;
    border-radius: 8px;
}

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

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

.btn-primary:hover {
    background-color: var(--cyan)!important;
}

.btn-b600 {
    background-color: var(--b600)!important;
    color: #fff;
}

.btn-b600:hover {
    background-color: var(--primary)!important;
    color: #fff;
}

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

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

.bg-gray-25 {
    background-color: var(--gray-25)!important;
}

.bg-gray-50 {
    background-color: var(--gray-50)!important;
}

.bg-gray-100 {
    background-color: var(--gray-100)!important;
}

.bg-gray-200 {
    background-color: var(--gray-200)!important;
}

.bg-gray-300 {
    background-color: var(--gray-300)!important;
}

.bg-gray-400 {
    background-color: var(--gray-400)!important;
}

.bg-gray-500 {
    background-color: var(--gray-500)!important;
}

.bg-gray-600 {
    background-color: var(--gray-600)!important;
}

.bg-gray-700 {
    background-color: var(--gray-700)!important;
}

.bg-gray-800 {
    background-color: var(--gray-800)!important;
}

.bg-gray-900 {
    background-color: var(--gray-900)!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-white-65 {
    background-color: var(--translucent-white-65)!important;
}

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

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

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

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

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

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

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

.text-white-65 {
    color: var(--translucent-white-65)!important;
}

.text-gray-100 {
    color: var(--gray-100);
}

.text-gray-200 {
    color: var(--gray-200);
}

.text-gray-300 {
    color: var(--gray-300);
}

.text-gray-400 {
    color: var(--gray-400);
}

.text-gray-500 {
    color: var(--gray-500);
}

.text-gray-600 {
    color: var(--gray-600);
}

.text-gray-700 {
    color: var(--gray-700);
}

.text-gray-800 {
    color: var(--gray-800);
}

.text-gray-900 {
    color: var(--gray-900);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gradient-0deg {
    background: var(--gradient0deg);
}

.bg-gradient-45deg {
    background: var(--gradient45deg);
}

.rounded {
    border-radius: var(--radius-16);
}

.bg-primary-gradient {
    background: var(--primary);
    background-image: url('/dir/supremejobs.png');
    background-image: url('/dir/supremejobs.png'), linear-gradient(var(--cyan), var(--turqoise));
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-size: contain;
    background-position: top center;
}

.form-control:focus, .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus, .form-select:focus {
    box-shadow: none;
    border-color: var(--gray-200)!important;
}

.card {
    /* border-radius: var(--radius-16); */
    border-color: var(--gray-200);
}

.supreme-card.card {
    border: 2px solid var(--gray-200, #EAECF0);
}


.supreme-card.card:hover {
    background-color: var(--gray-50);
    border: 2px solid var(--gray-300, #D0D5DD);
    box-shadow: 2px 8px 16px 0px rgba(194, 198, 208, 0.06);
}

.icon-link>.bi {
    height: auto;
}

#supreme-search .nav-link.active {
    color: var(--gray-100);
    background-color: var(--gray-700);
}

#supreme-search .nav-link {
    color: var(--gray-700);
}

#supreme-filters .nav-item .nav-link:hover, #supreme-search .nav-item .nav-link:hover {
    background-color: var(--gray-700);
    color: var(--white)!important;
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.accordion-button:focus {
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    .moving-mouse-holder {
        margin: auto;
        /* z-index: 1090; */
        /* bottom: 75px; */
        bottom: 15px;
        position: absolute;
        /* left: 43%; */
    }
}

@media only screen and (min-width: 768px) {
    .moving-mouse-holder {
        margin: auto;
        /* z-index: 1090; */
        /* bottom: 75px; */
        bottom: 15px;
        position: absolute;
        /* left: 48%; */
    }
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.moving-mouse-holder .mouse {
    width: 26px;
    height: 40px;
    position: relative;
    border-radius: 18px;
}

.moving-mouse-holder .mouse-button {
    width: 2px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    /* left: 50%; */
    /* margin: 0 0 0 -1px; */
}

@media only screen and (min-width: 1440px) {
    #main-search input {
        min-width: 275px;
    }
}

.bg-supreme {
    background-image: url('/dir/hiring-company/Background.png');
    background-blend-mode: soft-light;
    background-position: center;
    background-size: cover;
}

.bg-companies-details {
    background: url('/dir/companies-details/background.png');
    background-position: center;
    background-size: cover;
}

.navbar-nav .nav-item.active {
    background-color: var(--cyan-30);
}

.navbar-nav .nav-item.active:hover {
    background-color: var(--cyan);
}

#offcanvasNavbar .navbar-nav .nav-item {
    /* background-color: var(--cyan); */
    transform: skewX(-25deg);
    border-radius: 6px;
}

#offcanvasNavbar .nav-item a {
    transform: skewX(25deg);
}

.tabs2 .nav-link.active {
    color: var(--gray-200);
    background-color: var(--gray-900);
}

.tabs2 .nav-item {
    margin-right: 5px;
}

.tabs2 .nav-link {
    padding: 5px 12px;
    background-color: var(--gray-50);
    border-color: var(--gray-50);
    color: var(--gray-700);
    font-size: .925rem;
}

.tabs2 .nav-link:hover {
    color: var(--gray-200);
    background-color: var(--gray-900);
}

.nav-underline .nav-link.active, .nav-underline .show>.nav-link {
    font-weight: 500;
    color: var(--b600);
}

nav .nav-link {
    padding: 1rem var(--bs-nav-link-padding-x);
    color: var(--gray-100);
}

nav .nav-link:hover {
    color: var(--white);
}


.nav-item.active a {
    color: #fff!important;
    padding: 7px;
}

.page-link {
    background-color: transparent;
    border: none;
    color: var(--b600);
    font-weight: 600;
}

.page-link.active {
    background-color: #fff;
    color: var(--gray-900);
    font-weight: 600;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* input {
    min-width: 100%;
} */

.accordionFAQInner .accordion-button:not(.collapsed)::after {
    background-image: var(--dev-bs-accordion-btn-icon)!important;
    transform: rotate(45deg);
}
.accordionFAQInner .accordion-button::after {
    background-image: var(--dev-bs-accordion-btn-icon)!important;
}

.accordionFAQInner .accordion-button, .accordionFAQInner .accordion-body {
    background-color: var(--gray-100);
}

.accordionFAQ .accordion-button:focus {
    box-shadow: none;
}

.accordionFAQ .accordion-button[aria-expanded=true] {
    font-weight: 700;
}

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

.accordionFAQInner .accordion-button:not(.collapsed) {
    background-color: var(--gray-100);
    box-shadow: none;
}

.overlay-card .card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    left: 0;
    top: 0;
    transition: all .2s ease;
}

.overlay-card:hover .card::before {
    background: rgba(0, 0, 0, .3);
}

/* input[type=range]::-webkit-slider-thumb {
    background: var(--primary);
    border: 2px solid var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: 25px;
    height: 25px;
    margin-top: -8px;
}
  
input[type=range]::-moz-range-thumb {
    background: var(--gray-100);
}
  
input[type=range]::-ms-thumb {
    background: var(--gray-100);
}

input[type=range]::-webkit-slider-runnable-track {
    background: var(--gray-100);
} */


/* Common styles for all sliders */
input[type=range] {
    -webkit-appearance: none; /* Remove default styling for Webkit browsers */
    appearance: none;
    width: 100%;
    height: 10px;
    background: var(--gray-100);
    outline: none;
    opacity: 0.9;
    transition: opacity 0.2s;
}

input[type=range]:hover {
    opacity: 1;
}

/* Webkit specific styles (Chrome, Safari, etc.) */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--primary);
    border: 2px solid var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: 25px;
    height: 25px;
    margin-top: -8px;
    cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
    background: var(--gray-100);
    height: 10px;
}

/* Firefox specific styles */
input[type=range]::-moz-range-thumb {
    background: var(--primary);
    border: 2px solid var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: 25px;
    height: 25px;
    cursor: pointer;
}

input[type=range]::-moz-range-track {
    background: var(--gray-100);
    height: 10px;
}

/* Internet Explorer specific styles */
input[type=range]::-ms-thumb {
    background: var(--primary);
    border: 2px solid var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: 25px;
    height: 25px;
    cursor: pointer;
}

input[type=range]::-ms-track {
    background: var(--gray-100);
    height: 10px;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: var(--gray-100);
}

input[type=range]::-ms-fill-upper {
    background: var(--gray-100);
}

/* Edge specific styles */
input[type=range]::-ms-tooltip {
    display: none;
}

/* Additional styles for better consistency */
input[type=range]::-webkit-slider-runnable-track {
    background: var(--gray-100);
    height: 10px;
    border-radius: 5px;
}

input[type=range]::-moz-range-track {
    background: var(--gray-100);
    height: 10px;
    border-radius: 5px;
}

input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    height: 10px;
}


.icon-link .right-arrow-svg {
    opacity: 0;
    transition: opacity 0.3s, margin-left 0.3s;
    margin-left: -20px;
}

.icon-link:hover {
    background-color: var(--gray-100);
    color: var(--gray-900);
}

.icon-link:hover .right-arrow-svg {
    opacity: 1;
    margin-left: 1px;
    color: var(--primary);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    background-color: var(--gray-200)!important;
    color: var(--gray-600);
    opacity: var(--bs-btn-disabled-opacity);
}

.input-group-text {
    background-color: var(--bs-body-bg);
}

#pricing-tab .nav-item .nav-link.active {
    background-color: var(--gray-100);
    color: var(--gray-900);
}

#pricing-tab .nav-item .nav-link {
    color: var(--gray-25);
}

#billing-table tbody tr td {
    border: none!important;
    padding-left: 0px;
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: var(--dev-form-check-icon);
}

.select2-container {
    display: block;
    width: 100% !important;
}

.select2-selection--multiple:before {
    content: none;
}

.select2-selection {
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
    padding: .375rem 2.25rem .375rem .375rem!important;
    border-radius: var(--bs-border-radius)!important;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: right .75rem center;
    display: block;
    background-image: 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")!important;
}

.select2-selection--single {
    height: 40px!important;
}

.select2-selection__arrow {
    display: none;
}

/* .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
} */

.select2-selection__rendered li:first-child {
    margin-left: 0!important;
}

.select2 .select2-search__field {
    line-height: 1;
}

select.is-valid ~ span.select2-container .select2-selection {
    border-color: var(--bs-form-valid-border-color) !important;
}

select.is-invalid ~ span.select2-container .select2-selection {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.select2-selection {
    padding: .075rem 2.25rem .375rem .375rem!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ebebeb;
    border: 1px solid #e7e7e7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 16px;
}

.select2-container .select2-selection--multiple {
    min-height: 36px;
}

.select2-dropdown {
    z-index: 1055;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--dev-breadcrumb-icon, "/");
    line-height: 0;
}

.breadcrumb-item {
    line-height: 1;
}

/* .input-group.is-invalid .input-group-text {
    border-color: var(--bs-form-invalid-border-color);
}

.input-group.is-invalid .form-control:focus ~ .input-group-text {
    border-color: var(--gray-200) !important;
} */

.alert {
    /* border-radius: 0 0 6px 6px; */
    padding: 10px;
}

.alert-success {
    background-color: #009e56;
    border-color: #009e56;
    color: var(--white);
}

.alert-danger {
    background-color: var(--danger-700);
    border-color: var(--danger-700);
    color: var(--white);
}

.alert .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.border-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.border-title::before,
.border-title::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--gray-200);
    margin: 0 10px;
}

.pac-container {
    z-index: 1070;
}

/* CKEditor CSS */
.simple-ckeditor .cke_chrome {
    border: none;
}

.simple-ckeditor .cke_top {
    background-color: transparent;
    border-bottom: none;
}

.simple-ckeditor .cke_bottom {
    display: none;
}

.cke_combopanel {
    min-width: 210px !important; /* Lățimea minimă */
    min-height: 210px !important; /* Înălțimea maximă */
}

.cke_combopanel a {
    white-space: normal !important; /* Permite textului să facă wrap */
}

.textarea-validation.is-invalid textarea ~ .cke {
    border: 1px solid #dc3545;
    border-radius: 6px;
}

.textarea-validation.is-valid textarea ~ .cke {
    border: 1px solid #198754;
    border-radius: 6px;
}

.textarea-validation textarea ~ .cke_chrome {
    padding: 6px!important;
}

.cke_contents {
    padding: 1rem!important;
}

.simple-editor .textarea-validation textarea ~ .cke_chrome {
    padding: 0px!important;
}

.simple-editor .cke_inner {
    border-radius: 6px!important;
}
/* CKEditor CSS */

.range-points {
    height: 12px;
}

.range-point {
    position: relative;
    width: 0;
    height: 0;
}

.range-point::before {
    content: '';
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 5px;
    height: 5px;
    background-color: var(--b600);
    opacity: .5;
    border-radius: 50%;
}

@media (min-width: 576px) {
    .dropdown-user .dropdown-menu {
        min-width: 240px;
    }
}

@media (max-width: 370px) {
    .dropdown-user img {
        height: 30px!important;
        width: 30px!important;
    }
}

.dropdown-user .dropdown-item.active {
    background-color: var(--gray-100)!important;
}

.dropdown-user .dropdown-item:hover {
    border-radius: inherit!important;
}

.dropdown-user .dropdown-item {
    font-weight: 500;
    color: var(--gray-700);
    padding: 8px 10px;
}

.dropdown-user .dropdown-item:focus, .dropdown-user .dropdown-item:hover {
    background-color: var(--gray-100);
}

.simplebar-scrollbar:before {
    background: var(--gray-400);
}

.iti {
    display: block!important;
}

blockquote {
    padding: 50px;
    color: var(--gray-900);
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 5px 50px rgba(0, 0, 0, .05);
}

.text-truncate2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto!important
    }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}

.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    height: 11px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    right: 2px;
    width: 6px
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    width: 11px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}
.dropdown-menu.dropdown-menu-end{
    z-index:1023!important;
}
.bg-white.sticky-top{
    z-index: 1022!important;
    /* background-color: var(--white); */
}

.ellipse-top-right {
    border-radius: 468px;
    background: rgb(0 177 255 / 30%);
    filter: blur(150px);
    position: absolute;
    right: 3%;
    top: 0;
    width: 30%;
    height: 30%;
    z-index: -1;
}

.ellipse-bottom-left {
    border-radius: 468px;
    background: rgb(0 177 255 / 30%);
    filter: blur(150px);
    position: absolute;
    left: 3%;
    bottom: 0;
    width: 30%;
    height: 30%;
    z-index: -1;
}