@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


@font-face {
    font-family: "AvenirNext";
    src: url('/fonts/AvenirNextLTPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "AvenirNext";
    src: url('/fonts/AvenirNextLTPro-Demi.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "AvenirNext";
    src: url('/fonts/AvenirNextLTPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

:root {
    /* 1. COLORS   */
    /* NEUTRAL   */
    --neutral-100: #FFFFFF;
    --neutral-200: #F7F9FC;
    --neutral-300: #E9EAF3;
    --neutral-400: #CACBD7;
    --neutral-500: #989AAD;
    --neutral-600: #6F7182;
    --neutral-700: #303350;
    --neutral-800: #0B0E2C;
    /* PARIS M   */
    --paris-m-100: #4C45B9;
    --paris-m-200: #423BA4;
    --paris-m-300: #39338F;
    --paris-m-400: #2F2A77;
    --paris-m-500: #262262;
    /* RESOLUTION BLUE   */
    --resolution-blue-100: #657AFB;
    --resolution-blue-200: #4D64F4;
    --resolution-blue-300: #3F53CF;
    --resolution-blue-400: #3243AC;
    --resolution-blue-500: #28368D;
    /* SUMMER SKY   */
    --summer-sky-100: #45D8EE;
    --summer-sky-200: #88CCE8;
    --summer-sky-300: #6FC1E3;
    --summer-sky-400: #50B4DE;
    --summer-sky-500: #25AAE1;
    /* TANGERINE YELLOW   */
    --tangerine-yellow-100: #FFEA95;
    --tangerine-yellow-200: #FFE169;
    --tangerine-yellow-300: #FFDA47;
    --tangerine-yellow-400: #FFDE22;
    --tangerine-yellow-500: #FECD08;
    /* FIRE ENGINE RED   */
    --fire-engine-red-100: #E6A1A4;
    --fire-engine-red-200: #DF7F82;
    --fire-engine-red-300: #D65D61;
    --fire-engine-red-400: #D13D42;
    --fire-engine-red-500: #CF2127;
    /* GREEN   */
    --green-100: #96CB7A;
    --green-200: #80C55C;
    --green-300: #69BE3E;
    --green-400: #51BA1C;
    --green-500: #3FB206;
    /* ORANGE   */
    --orange-100: #FFBB93;
    --orange-200: #FFA46F;
    --orange-300: #FFA46F;
    --orange-400: #FF9152;
    --orange-500: #F97D35;
    /* VIOLET   */
    --violet-100: #E9D6FF;
    --violet-200: #D8B6FF;
    --violet-300: #C898FF;
    --violet-400: #B575FF;
    --violet-500: #A3558F9;
    /* ENTERPRISE BLACK*/
    --enterprise-black: #2C2F36;
    --enterprise-black-100: #41444A;
    /* 2. TYPOGRAPHY   */
    /* Heading h1   */
    --heading-h1-color: var(--neutral-800,#0B0E2C);
    --heading-h1-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h1-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h1-font-size: 4.2rem;
    --heading-h1-font-style: normal;
    --heading-h1-font-weight: 700;
    --heading-h1-line-height: 5.4rem;
    /* Heading h2   */
    --heading-h2-color: var(--neutral-800,#0B0E2C);
    --heading-h2-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h2-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h2-font-size: 3.2rem;
    --heading-h2-font-style: normal;
    --heading-h2-font-weight: 700;
    --heading-h2-line-height: 4.8rem;
    /* Heading h3   */
    --heading-h3-color: var(--neutral-800,#0B0E2C);
    --heading-h3-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h3-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h3-font-size: 2.4rem;
    --heading-h3-font-style: normal;
    --heading-h3-font-weight: 700;
    --heading-h3-line-height: 3.4rem;
    /* Heading h4   */
    --heading-h4-color: var(--neutral-800,#0B0E2C);
    --heading-h4-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h4-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h4-font-size: 2.2rem;
    --heading-h4-font-style: normal;
    --heading-h4-font-weight: 700;
    --heading-h4-line-height: 2.8rem;
    /* Heading h5   */
    --heading-h5-color: var(--neutral-800,#0B0E2C);
    --heading-h5-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h5-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h5-font-size: 1.8rem;
    --heading-h5-font-style: normal;
    --heading-h5-font-weight: 700;
    --heading-h5-line-height: 2.4rem;
    /* Heading h6   */
    --heading-h6-color: var(--neutral-800,#0B0E2C);
    --heading-h6-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h6-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h6-font-size: 1.6rem;
    --heading-h6-font-style: normal;
    --heading-h6-font-weight: 700;
    --heading-h6-line-height: 2.2rem;
    /* Body large   */
    --body-large-color: var(--neutral-600,#6F7182);
    --body-large-font-feature-settings: 'liga' off, 'clig' off;
    --body-large-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-large-font-size: 1.8rem;
    --body-large-font-style: normal;
    --body-large-font-weight: 400;
    --body-large-line-height: 3.2rem;
    /* Body medium   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.4rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.6rem;
    /* Body small   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.2rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.2rem;
    /* Text 500   */
    --text-500-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-500-font-size: 1.8rem;
    --text-500-font-style: normal;
    --text-500-line-height: 2rem;
    /* Text 400   */
    --text-400-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-400-font-size: 1.6rem;
    --text-400-font-style: normal;
    --text-400-line-height: 1.8rem;
    /* Text 300   */
    --text-300-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-300-font-size: 1.4rem;
    --text-300-font-style: normal;
    --text-300-line-height: 1.6rem;
    /* Text 200   */
    --text-200-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-200-font-size: 1.2rem;
    --text-200-font-style: normal;
    --text-200-line-height: 1.4em;
    /* Text 100   */
    --text-100-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-100-font-size: 1rem;
    --text-100-font-style: normal;
    --text-100-line-height: 1.2rem;
    /* Text Bold   */
    --text-bold-font-weight: 700;
    /* Text Medium   */
    --text-medium-font-weight: 500;
    /* Text Regular   */
    --text-regular-font-weight: 400;
}

.text-heading-h1 {
    color: var(--heading-h1-color);
    font-feature-settings: var(--heading-h1-font-feature-settings);
    font-family: var(--heading-h1-font-family);
    font-size: var(--heading-h1-font-size);
    font-style: var(--heading-h1-font-style);
    font-weight: var(--heading-h1-font-weight);
    line-height: var(--heading-h1-line-height);
}

.text-heading-h2 {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

.text-heading-h3 {
    color: var(--heading-h3-color);
    font-feature-settings: var(--heading-h3-font-feature-settings);
    font-family: var(--heading-h3-font-family);
    font-size: var(--heading-h3-font-size);
    font-style: var(--heading-h3-font-style);
    font-weight: var(--heading-h3-font-weight);
    line-height: var(--heading-h3-line-height);
}

.text-heading-h4 {
    color: var(--heading-h4-color);
    font-feature-settings: var(--heading-h4-font-feature-settings);
    font-family: var(--heading-h4-font-family);
    font-size: var(--heading-h4-font-size);
    font-style: var(--heading-h4-font-style);
    font-weight: var(--heading-h4-font-weight);
    line-height: var(--heading-h4-line-height);
}

.text-heading-h5 {
    color: var(--heading-h5-color);
    font-feature-settings: var(--heading-h5-font-feature-settings);
    font-family: var(--heading-h5-font-family);
    font-size: var(--heading-h5-font-size);
    font-style: var(--heading-h5-font-style);
    font-weight: var(--heading-h5-font-weight);
    line-height: var(--heading-h5-line-height);
}

.text-body-large {
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.text-body-medium {
    color: var(--body-medium-color);
    font-feature-settings: var(--body-medium-font-feature-settings);
    font-family: var(--body-medium-font-family);
    font-size: var(--body-medium-font-size);
    font-style: var(--body-medium-font-style);
    font-weight: var(--body-medium-font-weight);
    line-height: var(--body-medium-line-height);
}

.text-body-small {
    color: var(--body-small-color);
    font-feature-settings: var(--body-small-font-feature-settings);
    font-family: var(--body-small-font-family);
    font-size: var(--body-small-font-size);
    font-style: var(--body-small-font-style);
    font-weight: var(--body-small-font-weight);
    line-height: var(--body-small-line-height);
}


.text-500 {
    font-family: var(--text-500-font-family);
    font-size: var(--text-500-font-size);
    font-style: var(--text-500-font-style);
    line-height: var(--text-500-line-height);
}

.text-400 {
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.text-300 {
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    line-height: var(--text-300-line-height);
}

.text-200 {
    font-family: var(--text-200-font-family);
    font-size: var(--text-200-font-size);
    font-style: var(--text-200-font-style);
    line-height: var(--text-200-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-bold {
    font-weight: var(--text-bold-font-weight);
}

.text-medium {
    font-weight: var(--text-medium-font-weight);
}

.text-regular {
    font-weight: var(--text-regular-font-weight);
}



.focus-border:focus {
    outline: none;
    border-color: var(--summer-sky-500);
}

.w-full {
    width: 100%;
}

.relative {
    position: relative;
}

body .show-sm,
body .show-md,
body .show-lg,
body .show-xl,
body .show-2xl {
    display: none;
}

@media (max-width: 767px) {
    body .show-sm {
        display: flex;
    }

    body .hide-sm {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body .show-md {
        display: flex;
    }

    body .hide-md {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    body .show-lg {
        display: flex;
    }

    body .hide-lg {
        display: none !important;
    }
}

@media (min-width: 1280px) and (max-width: 1535px) {
    body .show-xl {
        display: flex;
    }

    body .hide-xl {
        display: none !important;
    }
}

@media (min-width: 1536px) {
    body .show-2xl {
        display: flex;
    }

    body .hide-2xl {
        display: none !important;
    }
}

.adm-header {
    min-width: 100%;
    flex-shrink: 0;
}

#main {
    display: flex;
    flex: 1;
    min-height: 0px;
}

#sidebar {
    width: 100%;
    max-width: 25.1rem;
    background-color: var(--neutral-100);
    position: relative;
    padding: 3.6rem 0 2rem 0;
    flex-shrink: 0;
    overflow: visible;
    height: 100%;
    border-right: 1px solid var(--neutral-300);
}

.regular-transition {
    transition: all 250ms;
}

#content {
    flex: 1;
    overflow-y: auto;
    position: relative;
    transition: all 250ms ease;
}

html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100svh;
}

body {
    display: flex;
    flex-direction: column;
    height: 100svh;
    overflow-y: auto;
}

.icon-base {
    height: 2.4rem;
    width: 2.4rem;
}

.neutral-600 {
    color: var(--neutral-600)
}

.neutral-500 {
    color: var(--neutral-600)
}

.line-through {
    text-decoration: line-through;
}

.neutral-800 {
    color: var(--neutral-800)
}

.neutral-100 {
    color: var(--neutral-100)
}

.paris-m-500 {
    color: var(--paris-m-500)
}

.enterprise-black {
    color: var(--enterprise-black)
}

.resolution-blue-500 {
    color: var(--resolution-blue-500)
}

.resolution-blue-500 {
    color: var(--resolution-blue-500)
}

.shrink {
    height: 0 !important;
    max-height: 0 !important;
    display: none;
}

.scroll-hidden-but-space {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    -ms-overflow-style: none;
}

    .scroll-hidden-but-space::-webkit-scrollbar {
        width: 0.8rem;
        background: transparent;
    }

    .scroll-hidden-but-space::-webkit-scrollbar-thumb {
        background: transparent;
    }


.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    transform: translateX(-100%);
    transition: transform 100ms ease;
    display: none;
}

.disabled-link {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}


.open .dropdown-menu.adm-dropdown-menu {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    display: flex;
    padding: 0.8rem 0;
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    min-width: max-content;
    width: -webkit-fill-available;
    transition: opacity 550ms ease;
}

.dropdown-menu.adm-dropdown-menu {
    display: none;
    min-width: max-content;
}

    .dropdown-menu.adm-dropdown-menu > li > a {
        color: var(--neutral-600);
        align-items: center;
        display: inline-flex;
        width: 100%;
        padding: 0.4rem 1.2rem 0.4rem 0.8rem;
        gap: 1.6rem;
        transition: all 200ms ease;
        max-width: 250px;
        align-self: stretch;
    }

        .dropdown-menu.adm-dropdown-menu > li > a:hover {
            background-color: var(--neutral-300);
        }

        .dropdown-menu.adm-dropdown-menu > li > a > svg {
            max-width: 2.4rem;
            max-height: 2.4rem;
            width: 100%;
            height: auto;
            color: var(--paris-m-500);
            flex-shrink: 0;
        }


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    padding: 0.8rem 0;
}

.ui-menu .ui-menu-item.adm-search-result {
    display: flex;
    padding: 0.8rem 1.2rem;
    gap: 0.8rem;
    align-items: center;
    transition: all 300ms ease;
}

    .ui-menu .ui-menu-item.adm-search-result:hover {
        background-color: var(--neutral-300);
    }


.adm-search-result > .adm-search-result__text-content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}

    .adm-search-result > .adm-search-result__text-content > .adm-search-result__text-content-title {
        color: var(--resolution-blue-100);
    }


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete .adm-search-result > svg {
    color: var(--neutral-600);
    list-style-image: none !important;
    max-width: 2.4rem;
    max-height: 2.4rem;
    width: 100%;
    flex-shrink: 0;
    padding: 0;
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.adm-search-result .ui-state-active {
    background: none !important;
    transform: none !important;
    margin: 0 !important;
    color: inherit !important;
    border: none !important;
}

.adm-link-button {
    transition: border-color 0.25s ease !important;
    padding: 1px 0;
    color: var(--summer-sky-500);
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

    .adm-link-button:link, .adm-link-button:visited {
        color: var(--summer-sky-500);
        outline: none;
    }

    .adm-link-button:hover, .adm-link-button:focus, .adm-link-button:focus-visible {
        color: var(--summer-sky-500);
        text-decoration: underline;
        text-underline-offset: 4px;
        outline: none;
    }

.adm__input-label {
    display: flex;
    align-items: center;
    min-height: 3.4rem;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.adm__input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.adm__input-icon > svg {
    position: absolute;
    color: var(--neutral-600);
    top: 0;
    right: 0;
    transform: translate(-50%,50%);
    pointer-events: none;
}

.adm__input-icon > svg {
    width: 2.4rem;
    height: 2.4rem;
}

.hidden {
    display: none !important;
}

.adm__input-wrapper {
    min-width: 100%;
    width: 100%;
    position: relative;
}

.adm__input-text {
    min-width: 100%;
    width: 100%;
    padding: 1rem 1.2rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    outline: none;
    color: var(--neutral-700);
    box-sizing: border-box;
    min-height: 46px;
    transition: all 250ms ease;
}

    .adm__input-text.adm__input-password {
        padding: 1rem 4rem 1rem 1.2rem;
    }

    .adm__input-text.adm__input-select {
        padding: 1rem 4rem 1rem 1.2rem;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -moz-appearance: none;
    }

        .adm__input-text.adm__input-select:invalid {
            color: var(--neutral-600)
        }

.adm-list {
    padding-left: 2rem;
}

.adm__input-text:focus, .adm__input-text:focus-visible {
    border: 1px solid var(--summer-sky-500);
    outline: none;
}

.adm__input-text.error {
    border: 1px solid var(--fire-engine-red-500);
    outline: none;
}

.adm__input-text::placeholder {
    font-family: var(--text-200-font-family);
    font-size: var(--text-200-font-size);
    font-style: var(--text-200-font-style);
    color: var(--neutral-500);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-200-line-height)
}

.adm__password-btn {
    color: var(--neutral-600);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 250ms ease;
    border: 1px solid transparent;
    outline: none;
}

.adm__market-img {
    max-width: 160px;
    max-height: 51px;
    background: black;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__market-img-big {
    max-height: 60px;
    background: black;
    height: 100%;
    width: auto;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__password-btn svg {
    width: 20px;
    height: 20px;
}

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid var(--summer-sky-500);
    outline: none;
}

    .adm__toggle-password:focus .adm__password-btn, .adm__toggle-password:focus-visible .adm__password-btn, .adm__password-btn:hover {
        transform: scale(1.1);
    }

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid transparent;
    outline: none;
}


.adm__toggle-password {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none;
}

.adm_checkbox-hidden {
    display: none;
}

.adm_custom-chekbox {
    display: inline-flex;
    align-items: start;
    cursor: pointer;
    gap: 0.8rem;
}

.adm_checkbox-hidden:disabled + .adm_checkbox-icon {
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-500);
}

.adm_checkbox-hidden:disabled:checked:hover + .adm_checkbox-icon {
    background-color: var(--neutral-500);
}

.adm_checkbox-hidden:disabled:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--neutral-500);
}

.adm_checkbox-icon {
    transition: all 250ms ease;
    width: 18px;
    height: 18px;
    padding: 1px;
    background-color: var(--neutral-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--neutral-300);
}

.adm_checkmark {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .adm_checkmark svg {
        color: var(--neutral-100);
        height: 14px;
        width: 14px;
        visibility: initial;
    }

.adm-list-with-tags {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon .adm_checkmark {
    visibility: visible;
}

.adm_checkbox-hidden:not(:checked) + .adm_checkbox-icon .adm_checkmark {
    visibility: hidden;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--resolution-blue-400);
    border: 1px solid transparent;
}

.adm_checkbox-hidden:checked:hover + .adm_checkbox-icon {
    border: 1px solid transparent;
    background-color: var(--resolution-blue-500);
}

.adm_checkbox-hidden:hover + .adm_checkbox-icon {
    border: 1px solid var(--neutral-400);
}

.adm_checkbox-label-text {
    user-select: none;
}

.adm_toggle-button.adm__btn.adm__btn-primary:not(.active) {
    background-color: transparent;
    color: var(--neutral-600);
}

    .adm_toggle-button.adm__btn.adm__btn-primary:not(.active):hover {
        background-color: var(--neutral-400);
    }

.adm-login__main-form .adm_toggle-container {
    min-width: 513px;
}

    .adm-login__main-form .adm_toggle-container a {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

.adm_toggle-container {
    display: flex;
    gap: 4px;
    background-color: var(--neutral-300);
    padding: 1px;
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
}



.adm__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    transition: all 250ms ease;
    padding: 4px 18px;
    white-space: nowrap;
}

    .adm__btn.adm__btn-primary {
        color: var(--neutral-100);
        background-color: var(--resolution-blue-500);
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        font-weight: var(--text-regular-font-weight);
        line-height: var(--text-300-line-height);
        text-decoration: none;
        position: relative;
    }

    .adm__btn.active > .adm__btn-loading-container {
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        max-height: fit-content;
    }

.adm__btn-loading-container > svg {
    width: 25px;
    height: 25px;
}

.adm__btn > span {
    visibility: visible;
}

.adm__btn.active > span {
    visibility: hidden;
}

.adm__btn.adm__btn-primary:hover, .adm__btn.adm__btn-primary:active, .adm__btn.adm__btn-primary:focus, .adm__btn.adm__btn-primary:focus-visible {
    background-color: var(--resolution-blue-400);
    outline: none;
}


.adm__btn.adm__btn-primary:disabled {
    background-color: var(--resolution-blue-100);
    text-decoration: none;
}

.adm__btn-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adm__btn.adm__btn-secondary {
    color: var(--resolution-blue-500);
    background-color: var(--neutral-100);
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    border: 1px solid var(--resolution-blue-500);
    text-decoration: none;
}

    .adm__btn.adm__btn-secondary:hover, .adm__btn.adm__btn-secondary:active, .adm__btn.adm__btn-secondary:focus, .adm__btn.adm__btn-secondary:focus-visible {
        background-color: var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }


    .adm__btn.adm__btn-secondary:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }

.adm__btn.adm__btn-ghost {
    color: var(--resolution-blue-500);
    background-color: transparent;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-decoration: none;
    outline: none !important;
    appearance: none;
    gap: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .adm__btn.adm__btn-ghost.adm__btn-ghost__icon {
        width: 44px;
        padding: 0;
    }

    .adm__btn.adm__btn-ghost:hover, .adm__btn.adm__btn-ghost:active, .adm__btn.adm__btn-ghost:focus, .adm__btn.adm__btn-ghost:focus-visible {
        background-color: var(--neutral-300);
        outline: none !important;
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost:active {
        background-color: transparent;
        outline: none !important;
        border: 1px solid var(--resolution-blue-500);
        text-decoration: none;
    }


    .adm__btn.adm__btn-ghost:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid transparent !important;
        outline: none !important;
        text-decoration: none;
    }

.adm__input-error {
    color: var(--fire-engine-red-500);
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-100-line-height)
}


.adm__tag {
    line-height: 1.5rem;
    border-radius: 0.5rem;
    padding: 0.3rem 0.8rem;
    margin: auto 0;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    color: var(--neutral-100);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    display: inline-block;
}

.adm__tag-yellow {
    background-color: var(--tangerine-yellow-500);
}

.adm__tag-black {
    background-color: var(--neutral-700);
}

.adm__tag-enterprise {
    background-color: var(--neutral-700);
    color: var(--tangerine-yellow-500);
}

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

.adm__tag-red {
    background-color: var(--fire-engine-red-500);
}

.adm__tag-green {
    background-color: var(--green-500);
}

.adm__tag-blue {
    background-color: var(--summer-sky-500);
    display: inline-block;
}

.adm__tag-dark-blue {
    background-color: var(--paris-m-500);
}

.adm__list {
    gap: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    color: var(--neutral-800);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-400-line-height)
}

    .adm__list ul {
        padding-left: 32px;
    }

input[type="password"]::-webkit-textfield-decoration-container,
input::-ms-reveal,
input::-ms-clear,
input::-webkit-contacts-auto-fill-button,
input::-webkit-creadentials-auto-fill-button {
    display: none !important;
}


.adm-chat_user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}

.adm-chat__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
}

.adm-table__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
    text-decoration: none;
}

.text-decoration-none {
    text-decoration: none !important;
}

.inline-margin-auto {
    margin-inline: auto !important;
}

.adm-table__user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}

.adm-table__user-logo.fallback {
    display: none;
}

.adm-chat__user-logo.fallback {
    display: none;
}

.adm__add-user-to-chat-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

#chat_members_panel #all_users_div.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

#chat_members_panel #users_div {
    display: flex;
    gap: 8px;
}

#chat_members_panel .followers-body {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.margin-left-full {
    margin-left: auto;
}

.adm-card {
    max-width: 577px;
    width: 100%;
    padding: 24px 44px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--neutral-200);
    border-radius: 4px;
}

.adm-ordered-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 24px;
}

.adm-spinner {
    animation: rotate 2s linear infinite;
}

    .adm-spinner circle {
        stroke-dasharray: 100;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.adm-spinner_container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.adm-mini-spinner_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

    .adm-mini-spinner_container > svg {
        width: 3.2rem;
        height: auto;
    }

.adm-tooltip {
    position: absolute;
    background-color: var(--paris-m-500);
    color: var(--neutral-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
    white-space: nowrap;
}

    .adm-tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
    }

.adm-tooltip-bottom::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.adm-tooltip-top::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.custom-toast__container {
    display: flex !important;
    align-items: stretch !important;
    min-width: 250px !important;
    max-width: 527px !important;
    border-radius: 8px !important;
}

    .custom-toast__container.on-page {
        min-width: none !important;
        max-width: none !important;
        width: 100%;
    }


    .custom-toast__container.success .custom-toast__icon {
        background: var(--green-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.error .custom-toast__icon {
        background: var(--fire-engine-red-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.warning .custom-toast__icon {
        background: var(--tangerine-yellow-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.information .custom-toast__icon {
        background: var(--resolution-blue-500) !important;
        color: var(--neutral-100);
    }



.custom-toast__icon {
    min-height: 100% !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 64px !important;
}

    .custom-toast__icon svg {
        border-radius: 100px !important;
        border: 2px solid var(--neutral-100) !important;
        width: 28px !important;
        height: 28px !important;
        padding: 4px !important;
    }

.custom-toast__main {
    flex-grow: 1 !important;
    display: flex !important;
    padding: 1.6rem !important;
    gap: 1.6rem !important;
}

.custom-toast__text-container {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.custom-toast__close-button {
    align-self: start !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--paris-m-500) !important;
    background: var(--neutral-100) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    transition: all 250ms ease !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0;
    align-items: center !important;
}

    .custom-toast__close-button:hover {
        background: var(--neutral-300) !important;
    }

    .custom-toast__close-button:focus,
    .custom-toast__close-button:focus-visible {
        border: 1px solid var(--summer-sky-500) !important;
        outline: none !important;
    }


.adm-toast {
    padding: 0 !important;
    background-image: none !important;
    background-color: var(--neutral-100) !important;
    border-radius: 0.8rem !important;
    overflow: hidden;
    animation: none !important;
    border: 1px solid transparent !important;
    width: 90%;
    position: fixed;
    z-index: 1000;
    width: fit-content;
    transform: translateX(-50%) !important;
    left: 50%;
    transition: all 250ms ease !important;
}

    .adm-toast.on-page {
        max-width: 100%;
        width: fit-content;
    }

    .adm-toast.success {
        border: 1px solid var(--green-500) !important;
    }

    .adm-toast.error {
        border: 1px solid var(--fire-engine-red-500) !important;
    }

    .adm-toast.warning {
        border: 1px solid var(--tangerine-yellow-500) !important;
    }

    .adm-toast.information {
        border: 1px solid var(--resolution-blue-500) !important;
    }


.adm-lines-container {
    position: absolute;
    top: 34.5px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
}

.adm-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.adm-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.adm-step-circle {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    background-color: var(--neutral-400);
    color: var(--neutral-100);
    line-height: 3.1rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.adm-step.active .adm-step-circle, .adm-step.completed .adm-step-circle {
    background-color: var(--paris-m-200);
}

.adm-step-label {
    margin-top: 5px;
    font-size: 12px;
    color: var(--neutral-400);
}

.adm-step.active .adm-step-label {
    color: var(--paris-m-200);
}

.adm-stepper-card {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
    padding: 2rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.adm-step-line {
    height: 3px;
    position: absolute;
    background-color: var(--neutral-400);
    transition: background-color 0.3s;
}

    .adm-step-line.active {
        background-color: var(--paris-m-200);
    }



.adm-stepper__step-content {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: var(--neutral-100);
    gap: 3.2rem;
}


    .adm-stepper__step-content.active {
        display: flex;
    }

.adm_title {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

.adm_title-description {
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.adm__footer-thin {
    text-align: center;
    flex-shrink: 0;
}

@media (max-width: 759px) {
    .adm-search-text, .adm__input-text {
        font-size: 1.6rem !important;
    }

        .adm-search-text::placeholder,
        .adm__input-text::placeholder {
            font-size: 1.6rem !important;
        }
}

@media print {
    html, body {
        height: auto;
        overflow: hidden !important;
    }

    body {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 759px) {

    .adm_title {
        color: var(--heading-h4-color);
        font-feature-settings: var(--heading-h4-font-feature-settings);
        font-family: var(--heading-h4-font-family);
        font-size: var(--heading-h4-font-size);
        font-style: var(--heading-h4-font-style);
        font-weight: var(--heading-h4-font-weight);
        line-height: var(--heading-h4-line-height);
    }

    .adm_title-description {
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }

    .adm__input-label {
        display: flex;
        align-items: center;
        min-height: 3.4rem;
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }
}

.adm_header {
    display: flex;
    flex-direction: column;
}

.dxgvSearchPanel_Office365 {
    background-color: var(--neutral-200);
}

.table {
    background: var(--neutral-100);
}

.adm-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adm-row {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}

.adm-space-between {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}

.adm-col {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}

.adm-rotate {
    transform: rotate(180deg);
}

.adm_button-fit-content .adm__btn.adm__btn-primary {
    width: fit-content;
}

/*BOOTSTRAP OVERRIDE*/
.btn-primary {
    color: var(--neutral-100) !important;
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
}

    .btn-primary:hover {
        background-color: var(--resolution-blue-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--resolution-blue-400) !important;
    }

    .btn-primary.always-disabled
    .btn-primary:disabled {
        background-color: var(--resolution-blue-100) !important;
    }

.btn-success {
    color: var(--neutral-100) !important;
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
    transition: all 250ms ease !important;
}

    .btn-success:hover {
        background-color: var(--green-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--green-400) !important;
    }

    .btn-success:disabled {
        background-color: var(--green-100) !important;
    }

.btn-info {
    color: var(--neutral-100) !important;
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
    transition: all 250ms ease !important;
}

    .btn-info:hover {
        background-color: var(--summer-sky-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--summer-sky-400) !important;
    }

    .btn-info:disabled {
        background-color: var(--summer-sky-100) !important;
    }


.btn-secondary {
    color: var(--resolution-blue-500) !important;
    background-color: var(--neutral-100) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
}

    .btn-secondary:hover {
        background-color: var(--resolution-blue-100) !important;
        color: var(--resolution-blue-500) !important;
    }

    .btn-secondary:disabled {
        color: var(--resolution-blue-100) !important;
        border: 1px solid var(--resolution-blue-100) !important;
    }



.btn-danger {
    color: var(--neutral-100) !important;
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
    transition: all 250ms ease !important;
}

    .btn-danger:hover {
        background-color: var(--fire-engine-red-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--fire-engine-red-400) !important;
    }

    .btn-danger:disabled {
        background-color: var(--fire-engine-red-100) !important;
    }

.btn-warning {
    color: var(--neutral-100) !important;
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
    transition: all 250ms ease !important;
}

    .btn-warning:hover {
        background-color: var(--tangerine-yellow-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--tangerine-yellow-400) !important;
    }

    .btn-warning:disabled {
        background-color: var(--tangerine-yellow-100) !important;
    }

.btn {
    transition: all 250ms ease !important;
}


.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.label-primary,
.progress-bar, .list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.bg-primary {
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
}



.btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.label-danger,
.bg-danger {
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
}

.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
.label-success,
fieldset[disabled] .btn-success.focus,
.bg-success {
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
}


.btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.label-info,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.bg-info {
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
}

.btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.label-warning,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.bg-warning {
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
}


.ui-tabs-active {
    background-color: var(--resolution-blue-100) !important;
    border: 1px solid var(--resolution-blue-100) !important;
}

input[type=checkbox]:checked {
    accent-color: var(--resolution-blue-500) !important;
}

.adm-error_technical-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: var(--neutral-200);
    padding: 16px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
}

    .adm-error_technical-details p {
        text-align: start;
    }

.adm-error_button-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.text-loading > img {
    max-width: 250px;
    width: 100%;
}

.text-loading > img {
    animation: scaleUp 2s ease-in-out infinite, fadeIn 2s ease-in forwards;
}

.text-loading > p {
    animation: fadeIn 2s ease-in forwards;
}

.text-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100svw;
    height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    opacity: 1;
    z-index: 9999;
    background-color: var(--neutral-100);
}

    .text-loading.hide-by-opacity {
        opacity: 0;
        transform: scale(0.95);
        pointer-events: none;
    }


body, html {
    height: 100%;
}

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

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

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

.page {
    flex-direction: column;
    display: flex;
}

.adm-login__body h1,
.adm-login__body h2,
.adm-login__body p {
    margin: 0;
}

.adm-login__body {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    overflow-y: auto;
    background-color: var(--neutral-200);
}

.adm-login__content {
    flex: 1;
    min-height: calc(100svh - 96px);
    height: 100%;
    display: flex;
    justify-content: center;
}

.adm-login__main {
    padding: 4.8rem 0 3.2rem 0;
    width: 100%;
    height: 100%;
    flex: 1;
    min-height: fit-content;
    background-color: var(--neutral-200);
}

.adm-login__main-content {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-inline: 6.9rem;
    align-items: start;
    gap: 8.2rem;
}

.adm-login__main-form-container {
    width: 100%;
    min-width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    gap: 1.6rem;
    max-width: 47rem;
    justify-content: center;
}

.adm-login__main-big-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 75.9rem;
    max-height: 75.9rem;
    overflow: hidden;
}

    .adm-login__main-big-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        text-align: center;
        height: auto;
        overflow: hidden;
        transition: all 250ms ease;
        width: 100%
    }

        .adm-login__main-big-image img.standard-img {
            max-width: 350px;
        }

    .adm-login__main-big-image a {
        overflow: hidden;
    }

        .adm-login__main-big-image a:hover img {
            transform: scale(1.01);
        }

.adm-login__main-form {
    display: flex;
    max-width: 45.5rem;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    width: 100%;
    gap: 2.4rem;
}

.adm-login__main-form-container .adm-login__main-form {
    min-width: fit-content;
    max-width: fit-content;
}

.adm-login__main-form__header {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    width: 100%;
    text-align: left;
}

.adm-login__main-form__body {
    min-width: 100%;
    max-width: 31.5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}



.adm-login__main-form__inputs {
    display: flex;
    justify-content: start;
    flex-direction: column;
    width: 100%;
    text-align: left;
    gap: 0.8rem;
}

.adm-login__main-form__option {
    text-align: center;
}

.adm-login__main-form__options {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    text-align: center;
}

.adm-login__main-form__cloud-flare {
    display: flex;
    justify-content: center;
    width: 100%;
}

.adm-login__main-form__app-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 0.8rem;
    flex-direction: column;
    max-width: 34.7rem;
}

.adm-login__main-form__app-logos {
    display: flex;
}

.adm-login__main-form__input-options {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    text-align: left;
    height: 3.8rem;
}

.adm-login__footer {
    background-color: var(--neutral-200);
    padding: 8px 0;
    text-align: center;
    flex-shrink: 0;
    color: var(--neutral-600);
}


.adm-login__navbar {
    background: var(--neutral-100);
    min-width: 100%;
    max-width: 100%;
    height: 6rem;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.8rem 6.8rem;
    border-bottom: 1px solid var(--neutral-300);
}

    .adm-login__navbar ul {
        list-style: none;
    }

        .adm-login__navbar ul li {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .adm-login__navbar ul svg {
            max-width: 176px;
            max-height: 4.5rem;
            width: auto;
            height: auto;
            overflow: hidden;
            position: relative;
            flex-shrink: 0;
        }


@media (max-width: 759px) {
    .adm-login__main {
        padding-block: 3.2rem;
    }

    .adm-login__main-content {
        margin-inline: 2.8rem;
    }
}
/*@media print {
    a [href]:after {
        content: none !important;
    }
}

@media print {
    button {
        display: none !important;
    }
}
*/

/*
h1, h2 {
    margin-top: 0px;
}
*/


body.adm-login__body > .toastify {
    background: var(--neutral-100) !important;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

    body.adm-login__body > .toastify * {
        box-sizing: border-box;
    }

@media (max-width: 1200px) {
    .adm-login__login-subtitle {
        font-size: 14px;
        line-height: 26px;
    }

    .adm-login__login-title {
        font-size: 42px;
        line-height: 54px;
    }

    .adm-login__main {
        background-color: var(--neutral-100);
        padding-top: 40px;
    }

    .adm-login__main-content {
        margin-inline: 4rem;
    }

    .adm-login__main-form__option {
        max-width: 220px;
    }

    .adm-login__main-form__options {
        gap: 12px;
    }

    .adm-login__botton-links {
        max-width: 255px;
    }
}

.adm-login-navbar__button {
    transition: all 350ms;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.8rem;
}

    .adm-login-navbar__button:link, .adm-login-navbar__button:visited {
        text-decoration: none;
    }

    .adm-login-navbar__button:hover {
        background: var(--neutral-300);
    }

    .adm-login-navbar__button:focus {
        background: var(--neutral-300);
        border: 1px solid var(--summer-sky-500);
    }

    .adm-login-navbar__button:focus-visible {
        outline: none;
        opacity: 1;
    }

.adm-login__main-form-container .adm-login__main-form .adm_toggle-container .adm_toggle-button.adm__btn.adm__btn-primary {
    padding: 6px;
}

@media (max-width: 759px) {
    .adm-login__navbar {
        padding: 0.8rem 3rem;
    }
}

@media (max-width: 1280px) {
    .adm-login__main-form-container,
    .adm-login__main-form-container .adm-login__main-form {
        max-width: 68rem;
        min-width: unset;
    }

    .adm-login__main-form .adm_toggle-container {
        width: 100%;
        overflow-x: auto;
        min-width: unset;
    }
}

@media (max-width: 600px) {
    .adm-login__main-form-container .adm-login__main-form .adm_toggle-container .adm_toggle-button.adm__btn.adm__btn-primary {
        font-size: 12px !important;
        padding: 6px !important;
    }
}


.adm-navbar {
    background: var(--neutral-100);
    min-width: 100%;
    max-width: 100%;
    height: 6.8rem;
    display: flex;
    gap: 4.8rem;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.8rem;
    border-bottom: 1px solid var(--neutral-300);
}

    .adm-navbar.enterprise {
        background: var(--enterprise-black);
        border-top: 5px solid transparent;
        border-image: linear-gradient( to right, #fecd08 0%, #f18800 13.97%, #cf2127 24.52%, #a4287d 44.53%, #25aae1 65.76%, #28368d 85.41%, #262262 100% ) 1;
        box-shadow: 0 1px 0 var(--neutral-100);
        border-bottom: none;
    }

    .adm-navbar button {
        background-color: transparent;
        text-align: left;
    }

.adm-navbar__button.adm-navbar__user-company-name {
    height: 5.6rem;
    max-height: 5.6rem;
    padding: 0.4rem 1.2rem;
    max-width: 176px;
}

.adm-navbar.enterprise .adm-navbar__user-company-name {
    color: var(--neutral-200);
}

.adm-navbar:not(.enterprise) .adm-navbar__user-company-name {
    color: var(--paris-m-500);
}

.adm-navbar__user-company-name > p {
    margin: 0;
}

.adm-navbar:not(.enterprise) .adm-navbar__version-btn.adm-navbar__button {
    color: var(--paris-m-500);
}

.adm-navbar__version-btn.adm-navbar__button {
    width: auto;
    display: flex;
    gap: 8px;
    color: var(--neutral-200);
    padding-inline: 16px;
    height: 56px;
    padding-inline: 12px;
    border-radius: 8px;
    font-weight: var(--text-medium-font-weight);
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}


.adm-navbar__user-company.adm-navbar__button.adm-navbar__brand-container {
    padding: 0;
    max-height: 5.6rem;
    height: auto;
    opacity: 0.7;
    transition: transform 0.3s ease;
    overflow: hidden;
}

    .adm-navbar__user-company.adm-navbar__button.adm-navbar__brand-container:hover, .adm-navbar__user-company.adm-navbar__button.adm-navbar__brand-container:focus-visible {
        outline: none;
        opacity: 1;
    }

    .adm-navbar__user-company.adm-navbar__button.adm-navbar__brand-container:focus {
        border: 1px solid transparent;
        outline: none;
        border-color: var(--summer-sky-500);
    }

.adm-navbar__brand {
    max-width: 176px;
    max-height: 4.8rem;
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 0.8rem;
    flex-shrink: 0;
}

    .adm-navbar__brand > * {
        max-width: 176px;
        max-height: 4.8rem;
        width: auto;
        height: auto;
        overflow: hidden;
        object-fit: contain;
        transition: transform 0.3s ease;
        display: block;
        will-change: transform;
        transform: scale(0.95);
        transform-origin: center;
    }

.adm-navbar__user-company.adm-navbar__button.adm-navbar__brand-container:hover {
    background-color: transparent;
}


.adm-navbar__brand:hover > * {
    transform: scale(0.97);
}

.adm_navbar__mobile > li {
    min-width: 5.6rem;
}

.adm-navbar__search-bar-loader {
    position: absolute;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: unset !important;
    height: 2.4rem;
    width: 2.4rem;
}

.adm-navbar__search-bar {
    width: 100%;
    max-width: 100%;
    height: 4.4rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    padding: 1.2rem 4.2rem 1.2rem 3.6rem;
    background: var(--neutral-100, #FFF);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    transition: all 200ms;
    color: var(--paris-m-500);
}

.adm-navbar.enterprise .adm-navbar__search-bar {
    background: var(--enterprise-black-100);
    border: 1px solid var(--neutral-200);
    color: var(--neutral-200);
}

.adm-navbar__search-bar::placeholder {
    font-family: var(--text-200-font-family);
    font-size: var(--text-200-font-size);
    font-style: var(--text-200-font-style);
    color: var(--neutral-500);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-200-line-height);
}

.adm-navbar.enterprise .adm-navbar__search-bar::placeholder {
    color: var(--neutral-200);
}

.adm-navbar *:focus {
    outline: none;
    border-color: var(--summer-sky-500);
}

.adm-navbar__search-bar-container {
    max-width: 67.5rem;
    width: 100%;
    height: 4.4rem;
    position: relative;
    flex-shrink: 3;
}

.adm-navbar__search-bar-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--neutral-500)
}

.adm-navbar.enterprise .adm-navbar__search-bar-icon {
    color: var(--neutral-200)
}

.adm-navbar__right {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1.6rem;
    align-items: center;
    flex-shrink: 0;
}

.adm_navbar__mobile {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.adm-navbar__user-container {
    max-width: 21.5rem;
    width: 100%;
    height: 5.6rem;
    overflow: hidden;
    gap: 0.9rem;
}

    .adm-navbar__user-container.adm-navbar__usustomer-portal-name {
        max-width: 380px;
    }

.adm-navbar-customer-portal {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 0;
}

.adm-navbar__menu-openner {
    position: relative;
}

.adm-navbar__button:link, .adm-navbar__button:visited {
    text-decoration: none;
}

.adm-navbar__button:hover, .adm-navbar__button:focus {
    background: var(--neutral-300);
}

.adm-navbar.enterprise .adm-navbar__button:hover, .adm-navbar.enterprise .adm-navbar__button:focus {
    background: var(--enterprise-black-100);
    color: var(--neutral-200);
}

.adm-navbar.enterprise .adm__navbar-text-btn {
    background: var(--enterprise-black);
    color: var(--neutral-200);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    transition: all 250ms ease;
    padding: 4px 18px;
    white-space: nowrap;
}

.adm-navbar__user-role {
    color: var(--neutral-600);
    padding: 0;
    text-decoration: none;
    margin: 0;
}

.adm-navbar.enterprise .adm-navbar__user-role {
    color: var(--neutral-400);
}

.adm-navbar__user-name {
    color: var(--paris-m-500);
    padding: 0;
    text-decoration: none;
    margin: 0;
}

.adm-navbar.enterprise .adm-navbar__user-name {
    color: var(--neutral-200);
}

.adm-navbar__user-description {
    width: auto;
    max-width: 12.5rem;
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

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

.truncate-text-bigger-than-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.adm-navbar__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
}

.adm-navbar_user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}

.adm-navbar__user-logo.fallback {
    display: none;
}

.adm-navbar__left {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1.6rem;
    align-items: center;
    flex-shrink: 0;
}

.adm-navbar__button {
    transition: all 350ms;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    padding: 0.4rem;
}

.adm-navbar__navigation-button {
    width: 5.6rem;
    height: 5.6rem;
    padding: 0;
    margin: 0;
    color: var(--paris-m-500);
    background: transparent;
}

.adm-navbar.enterprise .adm-navbar__navigation-button {
    color: var(--neutral-200);
    background: transparent !important;
}

    .adm-navbar.enterprise .adm-navbar__navigation-button.active {
        color: var(--enterprise-black);
        background: transparent !important;
    }

.adm-navbar__button-icon {
    padding: 0;
    margin: 0;
    width: 2.4rem;
    height: 2.4rem;
    display: block;
}

.adm-navbar__notification {
    padding: 0;
    margin: 0;
    width: 5.6rem;
    height: 5.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--paris-m-500);
}

.adm-navbar.enterprise .adm-navbar__notification {
    color: var(--neutral-200);
}

.adm-navbar__user-logo-arrow {
    color: var(--neutral-600);
}

.adm-navbar.enterprise .adm-navbar__user-logo-arrow {
    color: var(--neutral-200);
}

.adm-navbar__notification > svg {
    width: 3.2rem;
    height: 3.2rem;
}

.adm-navbar__notification:hover {
    color: var(--paris-m-500);
}

@media (max-width: 759px) {
    .adm-navbar__menu-openner {
        flex-shrink: 0;
    }

    .adm-navbar {
        padding: 0 1.6rem;
    }

    .adm-navbar__search-bar {
        font-size: 1.6rem;
    }

        .adm-navbar__search-bar::placeholder {
            font-size: 1.6rem;
        }
}

@media (max-width: 1024px) {
    .mobile-search-bar-container {
        margin-bottom: 16px;
    }
}

@media (min-width: 3024px) {
    .adm-navbar__search-bar-container {
        max-width: 100%;
    }
}