@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/Armada.Web/Layouts/AccountLayout.razor.rz.scp.css */
.layout-container[b-dq1ufp8wx5] {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    height: 100%;
}
/* _content/Armada.Web/Layouts/Desktop/DesktopMainLayout.razor.rz.scp.css */
.layout-container[b-6rrsgmv9dp] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-template-rows: 1fr;
    grid-template-columns: 275px 1fr;
    height: 100%;
    overflow: hidden;
}

.sidebar[b-6rrsgmv9dp] {
    background-color: var(--clr-steel-ship-gray);
    display: grid;
    grid-template-rows: 215px 80px 1fr 170px;
    height: 100vh;
    width: 275px;
    transition: width 0.3s linear, opacity 0.3s ease;
    flex-shrink: 0;
}

    .sidebar .location-dropdown[b-6rrsgmv9dp] {
        max-width: 88%;
        margin: 0 auto;
        opacity: 1;
        transition: opacity 0.3s;
    }

    .sidebar .app-logo[b-6rrsgmv9dp] {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: fit-content;
        margin: auto;
        margin-top: 40px;
    }

        .sidebar .app-logo h1[b-6rrsgmv9dp] {
            font-weight: var(--fw-bolder);
            text-transform: uppercase;
            font-size: 40px;
            letter-spacing: 1px;
            opacity: 1;
            transition: opacity 0.3s, font-size 0.3s;
        }

    .sidebar .main-nav[b-6rrsgmv9dp] {
        padding: 2rem 0;
        display: flex;
        flex-flow: column nowrap;
    }

        .sidebar .main-nav[b-6rrsgmv9dp]  a {
            display: flex;
            padding: 18px 0 18px 40px;
            text-decoration: none;
            text-align: left;
            color: var(--clr-white);
            border-left: 10px solid var(--clr-steel-ship-gray);
            height: fit-content;
            font-size: var(--fs-responsive);
        }
            
        .sidebar .main-nav i[b-6rrsgmv9dp] {
            width: 28px;
        }

            .sidebar .main-nav[b-6rrsgmv9dp]  a:hover {
                cursor: pointer;
                border-left: 10px solid var(--clr-skywave-blue);
                background-color: var(--clr-mist-gray-18);
            }

            .sidebar .main-nav[b-6rrsgmv9dp]  a.active {
                border-left: 10px solid var(--clr-skywave-blue);
                background-color: var(--clr-mist-gray-18);
            }

        .sidebar .main-nav .nav-item[b-6rrsgmv9dp] {
            display: flex;
            gap: 22px;
            align-items: center;
        }

.sidebar .main-nav .nav-item span[b-6rrsgmv9dp] {
    opacity: 1;
    transition: opacity 0.3s, font-size 0.3s ease-in;
}

.release-link[b-6rrsgmv9dp] {
    display: flex;
    gap: 22px;
    align-items: center;
}

    .release-link span[b-6rrsgmv9dp] {
        opacity: 1;
        transition: opacity 0.3s, font-size 0.3s ease-in;
    }

.sidebar .footer[b-6rrsgmv9dp] {
    height: fit-content;
    align-content: center;
}

    .sidebar .footer:hover[b-6rrsgmv9dp] {
        cursor: pointer;
        /* background-color: var(--clr-mist-gray-18);*/
    }

.sidebar-small[b-6rrsgmv9dp] {
    background-color: var(--clr-steel-ship-gray);
    display: grid;
    grid-template-rows: 215px 80px 1fr 170px;
    height: 100vh;
    width: 120px;
    transition: width 0.3s linear, opacity 0.3s ease;
}

    .sidebar-small .location-dropdown[b-6rrsgmv9dp] {
        width: 88%;
        margin: 0 auto;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
    }

    .sidebar-small .app-logo h1[b-6rrsgmv9dp] {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
    }

    .sidebar-small .main-nav .nav-item span[b-6rrsgmv9dp] {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
    }

    .sidebar-small .release-link span[b-6rrsgmv9dp] {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
    }

.main-content[b-6rrsgmv9dp] {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    height: 100vh;
}
/* _content/Armada.Web/Layouts/LoginLayout.razor.rz.scp.css */
.layout-container[b-xliavnkj14] {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
/* _content/Armada.Web/Layouts/Mobile/MobileMainLayout.razor.rz.scp.css */
.mobile-container[b-8faiqwl0ho] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    padding: 1rem;
}

.header[b-8faiqwl0ho] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.icon-container[b-8faiqwl0ho] {
    display: flex;
    justify-content: space-between;
}

.logout[b-8faiqwl0ho] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.location-dropdown[b-8faiqwl0ho] {
    display: flex;
}

.main-content[b-8faiqwl0ho]{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}


/* _content/Armada.Web/Pages/Account/Profile/Components/AccountInfo/AccountInfo.razor.rz.scp.css */
.account-info-container[b-k7x9lhlv1n] {
    height: 85%;
    overflow: auto;
    width: 100%;
}

.input-container[b-k7x9lhlv1n] {
    display: flex;
    gap: 27.5px 45px;
}

.input-wrapper[b-k7x9lhlv1n] {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-k7x9lhlv1n] {
        font-size: var(--fs-responsive);
    }

nav[b-k7x9lhlv1n] {
    margin-top: 3em;
}

i[b-k7x9lhlv1n]{
    cursor: pointer;
}

.sign-out[b-k7x9lhlv1n]{
  display: flex;
  gap: 1em;
  margin-top: 2em;
  align-items: center;
}

button[b-k7x9lhlv1n] {
    margin-top: 1em;
}
/* _content/Armada.Web/Pages/Account/Profile/Components/Security/ProfileChangePassword/ProfileChangePassword.razor.rz.scp.css */

.input-wrapper[b-xzk2sog7sw] {
    width: 300px;
    display: flex;
    flex-direction: column;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-xzk2sog7sw] {
        font-size: var(--fs-responsive);
        margin-bottom: 5px; /* Adds space between the label and the input */
        margin-top: 1em; /* Adds space between the previous input and the next label */
    }

button[b-xzk2sog7sw] {
    margin-top: 2em;
}

.clickable-text a[b-xzk2sog7sw] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

nav[b-xzk2sog7sw] {
    margin-top: 1em;
}
/* _content/Armada.Web/Pages/Account/Profile/Components/Security/Security.razor.rz.scp.css */
.security-wrapper[b-q8dbdoisea]{
    display:flex;
    gap:5em;
}

.security-wrapper div[b-q8dbdoisea] {
    flex-shrink: 0;
}
/* _content/Armada.Web/Pages/Admin/Components/JobParameters/JobParameters.razor.rz.scp.css */
.job-parameter-container[b-j42g5lxln4]  .table-container {
    max-height: 50vh;
}
/* _content/Armada.Web/Pages/Admin/Components/PriceFamily/PriceFamilyPage.razor.rz.scp.css */
.shop-source-div[b-fg9eda6c43] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.shop-source-table[b-fg9eda6c43] {
    display: flex;
    flex-direction: column;
}

.shop-source-row[b-fg9eda6c43] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.save-button-row[b-fg9eda6c43] {
    justify-content: center;
}

.less-margin[b-fg9eda6c43] {
    margin-bottom: 0.5rem;
}

.information-row[b-fg9eda6c43] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1rem;
    gap: 1rem;
    min-width: 21rem;
}

    .information-row .information-text[b-fg9eda6c43] {
        line-height: 13px;
    }

    .information-row a[b-fg9eda6c43] {
        font-style: italic;
        font-size: 15px;
        color: var(--clr-shady-lady-gray);
        font-weight: 300;
    }

.add-icon-container[b-fg9eda6c43] {
    display: flex;
    justify-content: center;
    margin: 1rem 0 3rem;
}

    .add-icon-container i[b-fg9eda6c43] {
        cursor: pointer;
    }

.delete-icon-container[b-fg9eda6c43] {
    border: unset;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.drag-and-drop[b-fg9eda6c43] {
    display:flex;
    align-items:center;
    cursor:pointer;
}

.shop-source-select-box[b-fg9eda6c43] {
    width: 45%;
}

.shop-source-label-small[b-fg9eda6c43] {
    width: 39%;
    margin-left: 1.4em;
}

.shop-source-label-big[b-fg9eda6c43] {
    width: 45%;
}

.invisible[b-fg9eda6c43] {
    visibility: hidden;
}

.save-shop-source[b-fg9eda6c43] {
    display: flex;
    background-color: transparent;
    width: fit-content;
    justify-content: right;
}
/* _content/Armada.Web/Pages/Admin/Components/PriceStrategy/PriceStrategies.razor.rz.scp.css */
.price-strategy-tables[b-ma7kl1y6jz] {
    max-height: 70vh;
    margin-bottom: 2rem;
    padding-right: 2rem;
    overflow: auto;
    width: 100%;
}

.price-strategy-container[b-ma7kl1y6jz] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.edit-sidebar[b-ma7kl1y6jz] {
    max-width: 35%
}

.sidebar-toggle-group[b-ma7kl1y6jz] {
    display: flex;
    flex-flow: row;
}

.delete-button-div[b-ma7kl1y6jz] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
/* _content/Armada.Web/Pages/Admin/Components/PriceStrategy/PriceStrategyList.razor.rz.scp.css */
.price-strategy-strategy[b-hrqy6u6kpu] {
    border: 1px solid white;
    height: 5.25rem;
    width: 8.5rem;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    font-size: large;
}

.price-strategy-strategy:hover[b-hrqy6u6kpu] {
    border-color: #58A5CC;
    border-style: double;
    font-weight: var(--fw-medium);
    color: #58A5CC;
}

.price-strategy-strategy-current[b-hrqy6u6kpu] {
    border: 1px double #58A5CC;
    height: 5.25rem;
    width: 8.5rem;
    font-weight: var(--fw-medium);
    color: #58A5CC;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    font-size: large;
    user-select: none;
}

.price-strategy-table[b-hrqy6u6kpu] {
    border-collapse: collapse;
}

.price-strategy-family[b-hrqy6u6kpu]{
    font-size: large;
}

th[b-hrqy6u6kpu] {
    font-weight: normal;
    padding-bottom: 1rem;
}
/* _content/Armada.Web/Pages/Admin/Components/Sources/Sources.razor.rz.scp.css */
.sources-wrapper[b-ppchlls7zv] {
    display: flex;
    gap: 50px;
}

.sources-sub-nav[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: 10%;
    white-space: nowrap;
}

.a[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    margin-top: 3em;
    padding-left: 2em;
    border-left: 2px solid white;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

    .sources-sub-nav div[b-ppchlls7zv] {
        cursor: pointer;
    }

        .sources-sub-nav div:hover[b-ppchlls7zv] {
            color: var( --clr-skywave-blue);
        }

.active[b-ppchlls7zv] {
    color: var( --clr-skywave-blue);
    font-weight: 600;
}

.sources-container[b-ppchlls7zv] {
    width: 100%;
}

.dropdown-div[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}
.source-dropdown[b-ppchlls7zv] {
    width: 15%;
}

.nav-item[b-ppchlls7zv] {
    width: 7.5rem;
}
/* _content/Armada.Web/Pages/Admin/Components/Vehicles/Vehicles.razor.rz.scp.css */
.vehicles-wrapper[b-33woxxyokk] {
    display: flex;
    gap: 50px;
}

.vehicles-sub-nav[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: 10%;
    white-space: nowrap;
}

.a[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    margin-top: 3em;
    padding-left: 2em;
    border-left: 2px solid white;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

.vehicles-sub-nav div[b-33woxxyokk] {
    cursor: pointer;
}

    .vehicles-sub-nav div:hover[b-33woxxyokk] {
        color: var( --clr-skywave-blue);
    }

.active[b-33woxxyokk] {
    color: var( --clr-skywave-blue);
    font-weight: 600;
}

.sources-container[b-33woxxyokk] {
    width: 100%;
}

.dropdown-div[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}

.source-dropdown[b-33woxxyokk] {
    width: 15%;
}

.nav-item[b-33woxxyokk] {
    width: 7.5rem;
}
/* _content/Armada.Web/Pages/Auth/Components/ForgotPassword.razor.rz.scp.css */
.flex-box[b-2dzai2ff6p] {
    position: absolute;
    top: 15vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;

}

.form-container[b-2dzai2ff6p] {
    max-width: 100%;
}

    .form-container[b-2dzai2ff6p]  form {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }

    .form-container[b-2dzai2ff6p]  input {
        background-color: var(--clr-dark-blue);
        padding: .25rem .5rem;
        width: 255px;
        color: var(--clr-white);
        margin-top: 2em;
    }

    .form-container[b-2dzai2ff6p]  button {
        margin-top: 1.6rem;
        width: 255px;
    }

    .form-container[b-2dzai2ff6p]  h3 {
        text-align: center;
    }

    .form-container[b-2dzai2ff6p]  p {
        padding: 1rem 0;
        text-align: center;
    }

.input-group[b-2dzai2ff6p] {
    width: 16rem;
}

.input-group > label[b-2dzai2ff6p] {
    display: none;
}

.input-group[b-2dzai2ff6p]  .validation-message {
    text-align: center;
}


.message-container[b-2dzai2ff6p] {
    text-align: center;
}

.input-group .btn[b-2dzai2ff6p] {
    width: 100%;
}

.btn:disabled[b-2dzai2ff6p] {
    background-color: var(--clr-steel-ship-gray);
    pointer-events: none;
}
/* _content/Armada.Web/Pages/Auth/Components/LoginForm.razor.rz.scp.css */
.page-background-class[b-99mhh33kdj] {
    background-image: url('Images/ArmadaBackground.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1; /*send to back*/
}

.login-container[b-99mhh33kdj] {
    padding: 0 48px;
    background-color: var(--clr-steel-ship-gray);
    height: fit-content;
    min-height: 380px;
    width: 350px;
}


.logo-image[b-99mhh33kdj] {
    max-width: 100%;
    height: 70px;
    width: auto;
    display: block;
    margin: 26px 0 40px 0;
}

[b-99mhh33kdj] .login-input {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}


.forgot-password[b-99mhh33kdj] {
    color: var(--clr-skywave-blue);
    display: block;
    text-align: center;
    text-decoration: underline;
    margin: 35px 0 20px 0;
    cursor: pointer;
}

.errorMessage[b-99mhh33kdj] {
    color: var(--clr-danger);
    text-align: center;
}
/* _content/Armada.Web/Pages/Auth/Components/PasswordChange.razor.rz.scp.css */
.password-container[b-s2mnb2kzri] {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 100%;
    align-items: center;
    gap: 1rem;
    top: 15vh;
}

.title[b-s2mnb2kzri] {
    text-align: center;
}

.password-container[b-s2mnb2kzri]  p {
    padding: 1rem 0;
    text-align: center;
}

.password-set[b-s2mnb2kzri] {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--clr-deep-fleet-blue);
}

.input-group[b-s2mnb2kzri] {
    width: 255px;
}

.password-set[b-s2mnb2kzri]  form {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.5rem;
    align-self: center;
    padding:0.5rem;
}

/* _content/Armada.Web/Pages/Auth/Components/PasswordReset.razor.rz.scp.css */
.password-container[b-0xbogw9fgy] {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 100%;
    align-items: center;
    gap: 1rem;
    top: 15vh;
}

.title[b-0xbogw9fgy] {
    text-align: center;
}

.password-container[b-0xbogw9fgy]  p {
    padding: 1rem 0;
    text-align: center;
}

.password-set[b-0xbogw9fgy] {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--clr-deep-fleet-blue);
}

.input-group[b-0xbogw9fgy] {
    width: 255px;
}

.password-set[b-0xbogw9fgy]  form {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.5rem;
    align-self: center;
    padding:0.5rem;
}

/* _content/Armada.Web/Pages/Auth/Components/TwoFactorLogin.razor.rz.scp.css */
.page-background-class[b-9xmpx9yuwp] {
    background-image: url('Images/ArmadaBackground.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1; /*send to back*/
}

.login-container[b-9xmpx9yuwp] {
    padding: 0 48px;
    background-color: var(--clr-steel-ship-gray);
    height: fit-content;
    min-height: 300px;
    width: 350px;
}


.logo-image[b-9xmpx9yuwp] {
    max-width: 100%;
    height: 70px;
    width: auto;
    display: block;
    margin: 26px 0 40px 0;
}

[b-9xmpx9yuwp] .login-input {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}


.forgot-password[b-9xmpx9yuwp] {
    color: var(--clr-skywave-blue);
    display: block;
    text-align: center;
    text-decoration: underline;
    margin: 35px 0 20px 0;
    cursor: pointer;
}

.errorMessage[b-9xmpx9yuwp] {
    color: var(--clr-danger);
    text-align: center;
}

.btn-stretch[b-9xmpx9yuwp] {
    margin-top: 2rem;
}
/* _content/Armada.Web/Pages/Auth/Components/TwoFactorSetup.razor.rz.scp.css */
.row[b-dns8squnra] {
    display: flex;
    flex-direction: row;
    padding-bottom: 0.5rem;
}

.column[b-dns8squnra] {
    margin-left: 1rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.step-text[b-dns8squnra] {
    border: 1px solid var(--clr-skywave-blue);
    border-radius: 5rem;
    width: 100%;
    text-align: center;
    align-content: center;
    height: 1.5rem;
    width: auto;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.step-title[b-dns8squnra] {
    font-weight: bold;
    padding-left: 1rem;
}

.qr[b-dns8squnra] {
    height: 10rem;
    width: 10rem;
    border-radius: 0.5rem;
}

.totp-key[b-dns8squnra] {
    letter-spacing: 0.5rem;
    background-color: var(--clr-steel-ship-gray);
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.copy-button[b-dns8squnra] {
    display: flex;
    background-color: transparent;
    border: unset;
    font-weight: normal;
    padding: 0;
    margin-top: 0.5rem;
    gap: 1rem;
    align-items: center;
}

.otp-wrap[b-dns8squnra] {
    display: flex;
    gap: 1.5rem;
}

    .otp-wrap .otp-input[b-dns8squnra] {
        width: 2rem !important;
        text-align: center;
        border-radius: 5px;
        background-color: var(--clr-steel-ship-gray) !important;
    }


.errorBorder[b-dns8squnra] {
    border: 2px solid #dc3545 !important;
}

.confirm[b-dns8squnra] {
    margin-top: 2rem;
    width: 10rem;
}

.margin-top-big[b-dns8squnra] {
    margin-top: 2.5rem;
}

.margin-top-medium[b-dns8squnra] {
    margin-top: 1.5rem;
}
/* _content/Armada.Web/Pages/Auth/Components/UserProfileLink.razor.rz.scp.css */
.profile-container[b-lf8dnk1uo5]  a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    height: fit-content;
    padding: 18px 0;
    font-size: var(--fs-responsive);
}

/* Default state: Show original image */
.profile-icon[b-lf8dnk1uo5]::before {
    content: url('Images/Icons/Robot-White.svg');
    display: block;
    width: 1.4em;
    height: 1.4em;
}

/* When active, show the active image */
.profile-container[b-lf8dnk1uo5]  a.active .profile-icon::before {
    content: url('Images/Icons/Active/Robot-Blue.svg');
}

/* Also change on hover */
.profile-container:hover .profile-icon[b-lf8dnk1uo5]::before {
    content: url('Images/Icons/Active/Robot-Blue.svg');
}
/* _content/Armada.Web/Pages/Build/Build.razor.rz.scp.css */
.build-page[b-vw5hq5ssvg] {
    height: 92%;
    position: relative;
}

button[b-vw5hq5ssvg] {
    position: absolute;
    bottom: 6rem;
    right: 3rem;
    width: fit-content;
}
/* _content/Armada.Web/Pages/Build/Components/BentleysLimit/BentleysLimit.razor.rz.scp.css */
.formula[b-4zh8gpvafx] {
    color: var( --clr-skywave-blue);
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    font-style: italic;
    letter-spacing: 1px;
}

.main-container[b-4zh8gpvafx] {
    display: flex;
    flex-direction: row;
}

.container[b-4zh8gpvafx] {
    display:flex;
    flex-direction: column;
    gap: 4rem;
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    width: 80%;
}

.columns[b-4zh8gpvafx] {
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: flex-start;
    white-space: nowrap; /*keeps label on one line*/
    width: 20.5em;
}

.row[b-4zh8gpvafx] {
    display: flex;
    flex-direction: row;
    gap: 3rem;
}

.target-utilization[b-4zh8gpvafx] {
    display: flex; /*makes the label next to the box*/
    gap: 3rem; /*creates a space between label and input-box*/
    align-items: center; /* Vertically centers label with input box */
    width: 35%; /*allows box to be right aligned with container and take its full width*/
    margin-right: 5%;
}

.incremental-sales[b-4zh8gpvafx] {
    display: flex;
    gap: 2em; /*this size is different because the label here is a diff size than TU*/
    align-items: center;
    width: 35%;
}

.input-wrapper[b-4zh8gpvafx] {
    position: relative; /*need this here in order to allow percent-symbol styling to take affect*/
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 25%;
}
    .target input[b-4zh8gpvafx] {
        padding-right: 1.5rem !important;
        background-color: red;
    }

.right-input-wrapper[b-4zh8gpvafx] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.monthly-holding-cost[b-4zh8gpvafx] {
    display: flex;
    flex-direction: column;
    width: 35%;
    margin-right: 5%;
}

.scroll-box[b-4zh8gpvafx] {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 45vh;
}

    .monthly-holding-cost input[b-4zh8gpvafx] {
        width: 115px;
        display: inline-flex;
    }

.percent-symbol[b-4zh8gpvafx] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 100%;
}

.mhc[b-4zh8gpvafx] {
    min-width: 60%;
    max-width: 60%;
}

.result-word[b-4zh8gpvafx] {
    min-width: 40%;
    max-width: 40%;
}

.vehicle-type[b-4zh8gpvafx] {
    min-width: 25%;
    max-width: 25%;
}

.monthly-input[b-4zh8gpvafx] {
    min-width: 25%;
    max-width: 25%;
    margin-right: 10%;
}

.result[b-4zh8gpvafx] {
    color: var( --clr-skywave-blue);
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    font-weight: 500;
    min-width: 45%;
    max-width: 45%;
}

.labels[b-4zh8gpvafx] {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 40px;
    align-items: center;
    margin-bottom: 1.5rem;
}

/*Takes away arrows in input boxes*/
[b-4zh8gpvafx]::-webkit-outer-spin-button,
[b-4zh8gpvafx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*did not get this fixed yet
.dollar-sign {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 100%;
    left: 10px;
    margin-right:10px;
}*/

table[b-4zh8gpvafx] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

button[b-4zh8gpvafx], input[b-4zh8gpvafx], select[b-4zh8gpvafx] {
    min-width: 100%
}

td[b-4zh8gpvafx], th[b-4zh8gpvafx] {
    text-align: left;
    border-bottom: 1px solid #fff;
}

    td:last-child[b-4zh8gpvafx], th:last-child[b-4zh8gpvafx] {
        width: 100px; /* Makes the last column adjust automatically */
    }

th[b-4zh8gpvafx] {
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    background-color: var(--clr-deep-fleet-blue);
    z-index: 999;
}

    th:empty[b-4zh8gpvafx]::after { /*Fixes issue where this header didn't have a bottom border*/
        content: "\00a0"; /* Non-breaking space */
        display: inline-block;
    }

td[b-4zh8gpvafx] {
    height: 52px
}

tr:not(:first-child):hover[b-4zh8gpvafx] {
    background-color: var(--clr-mist-gray-18)
}

    tr:not(:first-child):hover .icon-group[b-4zh8gpvafx] {
        visibility: visible
    }

.active[b-4zh8gpvafx] {
    background-color: var(--clr-mist-gray-18)
}

    .active .icon-group[b-4zh8gpvafx] {
        visibility: visible
    }

.edit-sidebar[b-4zh8gpvafx] {
    position: absolute;
    right: 0;
    height: 70%;
    border-left: 1px solid white;
    padding-left: 3rem;
    padding-right: 6rem;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.edit-container .title[b-4zh8gpvafx] {
    padding-top: 0;
}

.edit-sidebar-hidden[b-4zh8gpvafx] {
    position: absolute;
    right: 0;
    opacity: 0;
    width: 0%;
    height: 70%;
    border-left: 1px solid white;
    padding-left: 3rem;
    padding-right: 6rem;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.lor-table[b-4zh8gpvafx] {
    width: 35%;
}

.table-container[b-4zh8gpvafx] {
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.add-icon-container[b-4zh8gpvafx] {
    margin-top: 2vh;
    display: flex;
    justify-content: center;
    position: sticky;
}

    .add-icon-container i[b-4zh8gpvafx] {
        cursor: pointer;
        margin: 2vh 0 5px;
    }

.icon-group[b-4zh8gpvafx] {
    display: flex;
    width: fit-content;
    margin: 0 1em 0 auto;
    gap: 30px;
    visibility: hidden
}

    .icon-group i[b-4zh8gpvafx] {
        cursor: pointer
    }

.edit-container[b-4zh8gpvafx] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 100%;
    margin-bottom: 1.3rem;
}

.icon-container[b-4zh8gpvafx] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    transition: height .3s linear,opacity .3s ease
}

.input-group label[b-4zh8gpvafx] {
    font-weight: var(--fw-regular);
}

.input-group input[b-4zh8gpvafx] {
    width: 200px
}

.input-group[b-4zh8gpvafx] {
    margin-bottom: 1.1rem;
    gap: 0.5rem;
}

.hide-add[b-4zh8gpvafx] {
    visibility: hidden;
}

.basement-arrow[b-4zh8gpvafx] {
    margin-right: 1rem;
    margin-left: 1rem;
    display: inline-block;
    transition: transform 0.3s ease;

}

.basement-arrow-flipped[b-4zh8gpvafx]{
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.basement-arrow:hover[b-4zh8gpvafx] {
    cursor: pointer;
}
.basement-arrow-flipped:hover[b-4zh8gpvafx] {
    cursor: pointer;
}

.drilldown-arrow[b-4zh8gpvafx]{
    margin-right: 1rem;
    margin-left: 1.5rem;
    display: inline-block;
    transition: transform 0.3s ease;
}

.basement-text[b-4zh8gpvafx]{
    width: auto;
    margin-right: 2rem;
    margin-top: 2rem;
}
.vehicle-wrapper[b-4zh8gpvafx] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}
.basement-input[b-4zh8gpvafx] {
    margin-top: 2rem;
    min-width: 25%;
    max-width: 25%;
    margin-right: 10%;
}

.basement-input-wrapper[b-4zh8gpvafx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}
/* Visible class - show it smoothly */
.basement-input-wrapper.visible[b-4zh8gpvafx] {
    opacity: 1;
    max-height: 500px; /* Adjust as needed for content height */
}
/* _content/Armada.Web/Pages/Build/Components/Information/Information.razor.rz.scp.css */
.location-info-container[b-87x98i999f] {
    height: 75vh;
    overflow: auto;
    width: 100%;
}

.input-container[b-87x98i999f] {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 27.5px 45px;
    margin-top: 1.35em;
}

.input-wrapper[b-87x98i999f] {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-wrapper label[b-87x98i999f] {
    font-size: var(--fs-responsive);
}

.selector-container[b-87x98i999f] {
    display: flex;
    gap: 7.5em;
    margin: 2.5em 0;
}

.section-header[b-87x98i999f] {
    margin-top: 1.2em;
    line-height: 1;
}

    .section-header h1[b-87x98i999f] {
        font-weight: var(--fw-medium);
    }

[b-87x98i999f].custom-wrapper .active-selection-container .selection-body {
    width: 450px;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

input:not([type="checkbox"]):not([type="file"]):not([type="range"]) .error[b-87x98i999f] {
    border: 1px solid red;
}
/* _content/Armada.Web/Pages/Build/Components/Max/Max.razor.rz.scp.css */
.job-parameter-container[b-b8dt3j72nj]  .table-container {
    max-height: 50vh;
}
/* _content/Armada.Web/Pages/Build/Components/Price/Price.razor.rz.scp.css */
.flex-row[b-c6vri971ii] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3em;
    margin-top: 4em;
}

.input-container[b-c6vri971ii] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    font-size: var(--fs-responsive);
    width: fit-content;
    gap: 15px;
}

.error-container[b-c6vri971ii] {
    color: red;
}

input[type="file"][b-c6vri971ii] {
    display: none;
}

.import-text[b-c6vri971ii] {
    border-bottom: 1px solid white;
    width: 212px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.import-history-container[b-c6vri971ii] {
    height: 50vh;
    overflow: auto;
}

.price-group-select[b-c6vri971ii] {
    width: 250px;
}

table[b-c6vri971ii] {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto; /* Allows columns to size naturally */
    font-size: var(--fs-responsive);
}

th[b-c6vri971ii], td[b-c6vri971ii] {
    text-align: left;
    border-bottom: 1px solid white;
    height: 42px;
    padding-right: 50px;
    white-space: nowrap; /* Prevent text from wrapping */
    text-overflow: ellipsis; /* Add ellipsis for overflow */
    overflow: hidden; /* Hide overflowing text */
    width: 20%;
    max-width: 200px; /* Ensure ellipsis can take effect */
}

    th:last-child[b-c6vri971ii],
    td:last-child[b-c6vri971ii] {
        width: auto; /* Allow the last column to expand */
    }

th[b-c6vri971ii] {
    height: 50px;
}

.clickable-icon[b-c6vri971ii] {
    cursor: pointer;
}

.error-detail[b-c6vri971ii] {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 75%;
    background-color: var(--clr-steel-ship-gray);
    overflow-wrap: anywhere;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    padding: 1rem;
}

    .error-detail[b-c6vri971ii]:after {
        left: 10%;
    }

.error-status:hover .error-detail[b-c6vri971ii]{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.error-text[b-c6vri971ii] {
    text-decoration: underline;
    cursor: pointer;
}





.button-group[b-c6vri971ii] {
    position: relative;
}

    .button-group:hover .tooltip[b-c6vri971ii],
    .button-group:hover .tooltip-regenerate[b-c6vri971ii] {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

.tooltip[b-c6vri971ii] {
    bottom: 160%;
    right: -95%;
    white-space: nowrap;
}

    .tooltip[b-c6vri971ii]:after {
        right: 8px;
    }

.tooltip-dashboard[b-c6vri971ii] {
    bottom: 100%;
    max-width: 170px;
}

    .tooltip-dashboard[b-c6vri971ii]:after {
        left: 10%;
    }


.top-bar-button-div[b-c6vri971ii] {
    margin-left: auto;
    margin-top: auto;
    max-height: 28px;
    margin-bottom: 0.3rem;
    display: flex;
}

.top-bar-button[b-c6vri971ii] {
    cursor: pointer;
    display: inline;
    margin-left: 25px;
    margin-top: auto;
}

    .top-bar-button:hover[b-c6vri971ii] {
        transform: scale(1.03);
    }

.top-bar-button-disabled[b-c6vri971ii] {
    display: inline;
    margin-left: 25px;
    margin-top: auto;
    cursor: default;
}
/* _content/Armada.Web/Pages/Build/Components/Settings/Settings.razor.rz.scp.css */
.location-info-wrapper[b-2idlpe8dod] {
    display: flex;
    flex-direction: column;
}

.location-info-container[b-2idlpe8dod] {
    height: auto;
    overflow: auto;
    width: 100%;
    position: relative;
}

.input-container[b-2idlpe8dod] {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 27.5px 45px;
    margin-top: 1.35em;
    height: 75px;
}

.input-wrapper[b-2idlpe8dod] {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-2idlpe8dod] {
        font-size: var(--fs-responsive);
    }

.section-header[b-2idlpe8dod] {
    margin-top: 1.2em;
    line-height: 1;
}

    .section-header h1[b-2idlpe8dod] {
        font-weight: var(--fw-medium);
    }


.toggle-container[b-2idlpe8dod] {
    display: flex;
    height: 100%;
    align-items: center;
}
/* _content/Armada.Web/Pages/Build/Components/TaxFeeMatrix/TaxFeeGrid.razor.rz.scp.css */
table[b-bnsf49l42k] {
    gap: 0;
    border-spacing: 0;
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of Internet Explorer/Edge */
}

.side-header[b-bnsf49l42k] {
    text-align: left;
}

th[b-bnsf49l42k], td[b-bnsf49l42k] {
    height: 55px;
    width: fit-content;
    text-align: center;
    width: 145px;
    font-weight: var(--fw-medium);
    font-size: var(--fs-responsive);
}

    th div:hover[b-bnsf49l42k] {
        color: var(--clr-skywave-blue)
    }

td[b-bnsf49l42k] {
    border: 1px solid var(--clr-white);
    margin: 0;
}

    td:not(.disabled):not(.td-locked):hover[b-bnsf49l42k] {
        background-color: var(--clr-mist-gray-18);
        cursor: pointer;
    }

.disabled[b-bnsf49l42k] {
    background-color: var(--clr-steel-ship-gray);
}

.enabled[b-bnsf49l42k] {
    width: 15px; /* Diameter of the dot */
    height: 15px; /* Diameter of the dot */
    background-color: var(--clr-skywave-blue); /* Dot color */
    border-radius: 50%; /* Makes the dot round */
    display: inline-block; /* Allows to sit inline with text */
}

.active[b-bnsf49l42k] {
    color: var(--clr-skywave-blue);
}
/* _content/Armada.Web/Pages/Build/Components/TaxFeeMatrix/TaxFeeMatrix.razor.rz.scp.css */
.build-tax-fee-container[b-gh9uke7vk8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.tf-grid-container[b-gh9uke7vk8] {
    max-height: 70vh;
    margin-bottom: 2rem;
    padding-right: 2rem;
    overflow: auto;
    width: 100%;
}
/* _content/Armada.Web/Pages/Build/DeleteModal.razor.rz.scp.css */
.main[b-h62ezt9x91] {
    position: fixed;
    top: 40%;
    left: 40%;
    width: 25rem; 
    background: var( --clr-mist-gray-18);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.45);
    padding: 1rem 2.5rem 1rem 2.5rem;
    z-index: 1111;
}

.overlay[b-h62ezt9x91] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: auto;
}

.clickable-text[b-h62ezt9x91]{
    display:flex;
    gap: 1.5em;
    margin-left: 8em;
    font-size:20px;
}

label[b-h62ezt9x91] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

label:hover[b-h62ezt9x91]{
    font-weight:500;
}

.title[b-h62ezt9x91]{
    font-size:20px;
    font-weight:500;
    display:block;
    margin-bottom:.5em;
}

.message[b-h62ezt9x91] {
    font-size: 17px;
    color: var( --clr-shady-lady-gray);
    display:block;
    margin-bottom:.5em;
}

/* _content/Armada.Web/Pages/Competition/CompetitionPage.razor.rz.scp.css */
.competition-container[b-2wolegx8em] {
    display: flex;
    gap: 8em;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 6em;
    overflow: auto;
    padding-bottom: 1rem;
}

.competitor-container[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
}

.vehicle-container[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
}

.competitor-label[b-2wolegx8em] {
    font-weight: 500;
    margin-left: 3em;
    margin-bottom: 1em;
}

.vehicle-label[b-2wolegx8em] {
    font-weight: 500;
    margin-bottom: 1em;
}

[b-2wolegx8em].competitor-container .active-selection-container .selection-body {
    margin-left: 3em;
    width: 450px;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

[b-2wolegx8em].vehicle-container .active-selection-container .selection-body {
    width: 450px;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

.box-titles[b-2wolegx8em] {
    position: absolute;
    margin-top: 2.5em;
    margin-left: 3em;
}

.title2-competitor[b-2wolegx8em] {
    margin-left: 9em;
}

.box-titles-vehicles[b-2wolegx8em] {
    position: absolute;
    margin-top: 2.5em;
}

.title2-vehicles[b-2wolegx8em] {
    margin-left: 9em;
}

.vehicle-type-menu[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-top: 3.5em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 450px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

    .vehicle-type-menu[b-2wolegx8em]::-webkit-scrollbar-thumb {
        cursor: pointer;
    }

    .vehicle-type-menu[b-2wolegx8em]::-webkit-scrollbar-track {
        background-color: #4a4a4a;
        border-radius: 6px;
    }

    .vehicle-type-menu p[b-2wolegx8em] {
        cursor: pointer;
    }

        .vehicle-type-menu p:hover[b-2wolegx8em] {
            color: var( --clr-skywave-blue);
        }

        .vehicle-type-menu p.selected[b-2wolegx8em] {
            color: var( --clr-skywave-blue);
            font-weight: 600;
        }

.selector-container[b-2wolegx8em] {
    display: flex;
    gap: 3em;
}

.progress-container[b-2wolegx8em] {
    display: flex;
    margin-top: 3em;
    margin-left: 2em;
}

.progress-bar-container[b-2wolegx8em] {
    width: 80%;
    height: 18px;
    margin-top: 20px;
    border: 1px solid var( --clr-skywave-blue);
}

.progress-bar[b-2wolegx8em] {
    height: 100%;
    background-color: var( --clr-skywave-blue);
    transition: width 0.1s ease;
}

.play-button[b-2wolegx8em] {
    height: 3rem;
    width: 3rem;
}

    .play-button:hover[b-2wolegx8em] {
        filter: brightness(1.2);
        transform: scale(1.05);
    }

    .play-button:focus[b-2wolegx8em] {
        filter: brightness(1.2);
    }

button[b-2wolegx8em] {
    margin-top: 7rem;
    border-radius: 10px;
}

.custom-style[b-2wolegx8em] {
    margin-left: 2em;
    margin-top:3em;
}

.progress-container + a[b-2wolegx8em] {
    display:flex;
    margin-left: 2em;
    margin-top:2em;
}
/* _content/Armada.Web/Pages/Dashboard/Components/DashboardTable.razor.rz.scp.css */
.dashboard[b-rdnwmh5z3n] {
    font-size: var(--fs-responsive);
}

.top-bar[b-rdnwmh5z3n] {
    display: flex;
    position: relative;
}

.top-bar-dropdown[b-rdnwmh5z3n] {
    width: 20rem;
}

.tuner-button[b-rdnwmh5z3n] {
    cursor: pointer;
}

.top-bar-button-div[b-rdnwmh5z3n] {
    margin-left: auto;
    margin-top: auto;
    min-height: 60px;
    margin-bottom: 0rem;
    display: flex;
}

.top-bar-button[b-rdnwmh5z3n] {
    cursor: pointer;
    display: inline;
    margin-left: 25px;
    margin-top: auto;
}

    .top-bar-button:hover[b-rdnwmh5z3n] {
        transform: scale(1.03);
    }

.top-bar-button-disabled[b-rdnwmh5z3n] {
    display: inline;
    margin-left: 25px;
    margin-top: auto;
    cursor: default;
}

.button-div[b-rdnwmh5z3n] {
    display: flex;
    align-items: center;
    height: 55px;
    flex-direction: row-reverse;
    margin-right: 0.5rem;
}

.checkbox-div[b-rdnwmh5z3n] {
    display: flex;
    align-items: center;
    margin-left: 0.7rem;
    height: 55px;
}

.text-div[b-rdnwmh5z3n] {
    width: 100%;
    white-space: nowrap;
    margin-right: 1.2rem;
    margin-left: 0.7rem;
}

.button-group[b-rdnwmh5z3n] {
    position: relative;
    display: flex;
    align-items: baseline;
}

.button-group:hover .tooltip[b-rdnwmh5z3n],
.button-group:hover .tooltip-regenerate[b-rdnwmh5z3n] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.tooltip[b-rdnwmh5z3n] {
    bottom:65%;
    right: 0;
    white-space: nowrap;
}

    .tooltip[b-rdnwmh5z3n]:after {
        right: 8px;
    }

.icon-tooltip[b-rdnwmh5z3n]:after {
    left: 90%;
}

.adhoc-tooltip[b-rdnwmh5z3n]:after {
    left: 80%;
}

.tooltip-dashboard[b-rdnwmh5z3n] {
    bottom: 100%;
    max-width: 170px;
}

    .tooltip-dashboard[b-rdnwmh5z3n]:after {
        left: 12%;
    }

.header:hover .tooltip-dashboard[b-rdnwmh5z3n] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.standard-table[b-rdnwmh5z3n] {
    position: relative;
}

tr[b-rdnwmh5z3n] {
    height: 58px;
}

td[b-rdnwmh5z3n] {
    height: 58px;
    line-height: 55px;
}

br[b-rdnwmh5z3n] {
    content: "";
    margin: 4.3rem;
    display: block;
    font-size: 24%;
}

.standard-table th[b-rdnwmh5z3n],
.standard-table td[b-rdnwmh5z3n],
.standard-table tbody tr[b-rdnwmh5z3n] {
    background: none;
    border-bottom: 1px solid var(--clr-white);
}

    .standard-table tbody tr:hover[b-rdnwmh5z3n] {
        background-color: var(--clr-mist-gray-18);
    }

    .standard-table tbody tr td div i[b-rdnwmh5z3n] {
        visibility: hidden;
    }

    .standard-table tbody tr:hover td div i[b-rdnwmh5z3n] {
        visibility: visible;
    }

.standard-table tbody .highlighted-tr[b-rdnwmh5z3n] {
    background-color: var(--clr-mist-gray-18);
}

.standard-table tbody tr td div .highlighted-img i[b-rdnwmh5z3n] {
    visibility: visible;
}

/*PriceFamilyDropdown*/

a[b-rdnwmh5z3n] {
    font-weight: bold;
    font-size: 19px;
}

.price-family-dropdown-container br[b-rdnwmh5z3n] {
    content: "";
    margin: 3em;
    display: block;
    font-size: 24%;
}

p[b-rdnwmh5z3n] {
    position: absolute;
    color: var(--clr-skywave-blue);
    margin-top: 1.6em;
    font-size: 16px;
}
/* _content/Armada.Web/Pages/Dashboard/Components/EventTuner.Razor.rz.scp.css */
/* Container layout */
.event-tuner-container[b-nyf7lb4yat] {
    max-width: 500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr; /* single column */
    grid-template-rows: auto auto 1fr auto; /* date, metrics, body, legend */
    gap: 10px;
    grid-template-areas:
        "date-selector-container"
        "metrics-container"
        "event-tuner-body"
        "legend-container";
    height: 100%;
}

/* Date selector */
.date-selector-container[b-nyf7lb4yat] {
    grid-area: date-selector-container;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--fs-responsive);
}

/* Metrics panel */
.metrics-container[b-nyf7lb4yat] {
    grid-area: metrics-container;
    display: grid;
    grid-template-columns: 1fr 1fr; /* two equal columns */
    gap: 10px;
}

.metric[b-nyf7lb4yat] {
    text-align: center;
    font-weight: var(--fw-bolder);
    font-size: 22px;
    width: fit-content;
    margin: 0 auto;
    cursor: default;
}

.metric-content[b-nyf7lb4yat] {
    color: var(--clr-skywave-blue);
}

/* Scrollable events list */
.event-tuner-body[b-nyf7lb4yat] {
    grid-area: event-tuner-body;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
}

/* Individual event cards */
.event-card-container[b-nyf7lb4yat] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.event-card[b-nyf7lb4yat] {
    /* your existing card styling… */
}

    .event-card img[b-nyf7lb4yat] {
        cursor: pointer;
    }

.event-name[b-nyf7lb4yat] {
    font-weight: var(--fw-bold);
}

/* Event data bars */
.event-data[b-nyf7lb4yat] {
    display: grid;
    grid-template-columns: 65% 35%;
    column-gap: 1rem;
    margin: 0.5rem 0;
}

/* Legend at bottom */
.legend-container[b-nyf7lb4yat] {
    grid-area: legend-container;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.legend-item[b-nyf7lb4yat] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.legend-color[b-nyf7lb4yat] {
    width: 20px;
    height: 20px;
}

.legend-label[b-nyf7lb4yat] {
    font-size: var(--fs-responsive);
}

/* Utility for load‑more arrow */
.load-more img[b-nyf7lb4yat] {
    cursor: pointer;
    margin: 0 auto;
}

/* make sure the metric wrapper still allows overflow */
.metrics-container .metric[b-nyf7lb4yat] {
    position: relative;
    overflow: visible; /* so the tooltip + arrow aren’t clipped */
}

/* center the tooltip box and let it overflow */
.tooltip[b-nyf7lb4yat] {
/*    position: absolute;*/
    margin-top: .65rem;
    left: 50%;
    background-color: var(--clr-deep-fleet-blue);
    width: 100px;
}

/* slide it into view on hover */
.metrics-container .metric:hover .tooltip[b-nyf7lb4yat],
.metrics-container .metric:hover .tooltip-dashboard[b-nyf7lb4yat] {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* arrow lives inside the tooltip, flush to its top‑inside edge */
.tooltip[b-nyf7lb4yat]:after,
.tooltip-dashboard[b-nyf7lb4yat]:after {
    top: 0; /* align to the very top of the tooltip */
    left: 50%; /* center horizontally */
    transform: translate(-50%, -100%);
    /* push it *up* by its own height (10px) so only the point pokes in */
    border-bottom: 10px solid var(--clr-deep-fleet-blue);
    border-top: none;
}
/* _content/Armada.Web/Pages/Dashboard/Components/JobTuner.razor.rz.scp.css */
.main[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    height: 90%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 500px;
    margin: 0 auto;
}

.graph[b-3yzuytu6tu] {
    min-height: 40%;
    width: 90%;
    justify-content: center;
}

.tuner-group[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-evenly;
    margin-top: 20px;
}

.market-leader-text[b-3yzuytu6tu] {
    margin: 2rem;
}

.button-container[b-3yzuytu6tu] {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    gap: 25px;
}

.attack-mode-container[b-3yzuytu6tu] {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 50px;
    margin-bottom: 15px;
}

.basement-mode-container[b-3yzuytu6tu] {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 50px;
    margin-bottom: 15px;
    justify-content: right;
}

.spaceship[b-3yzuytu6tu] {
    position: absolute;
    left: 0;
    transform: translateY(-50%) rotate(90deg) scaleX(1) scaleY(1); /* Default direction */
    transition: left 1s ease-in-out, transform 1s ease-in-out;
    cursor: pointer;
    --fa-primary-color: var(--clr-skywave-blue);
    --fa-secondary-color: var(--clr-skywave-blue);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

    .spaceship.active[b-3yzuytu6tu] {
        left: calc(100% - 40px);
        --fa-primary-color: red;  
        --fa-secondary-color: red;
        transform: translateY(-50%) rotate(90deg) scaleX(-1) scaleY(-1); /* Flipped */
    }

label[b-3yzuytu6tu] {
    margin-top: 20px;
    font-size: var(--fnt-responsive);
    text-transform: uppercase;
}

.button-container[b-3yzuytu6tu] {
    display: flex;
    justify-content: space-around;  
}

.save-state[b-3yzuytu6tu] {
    cursor: wait;
}

    .save-state > *[b-3yzuytu6tu] {
        pointer-events: none;
    }

.toggles[b-3yzuytu6tu] {
    display: flex;
    justify-content: space-between;
}

.toggle[b-3yzuytu6tu] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    position: relative;
    margin-bottom: 0.5rem;
}

    .toggle input[type="checkbox"][b-3yzuytu6tu] {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

    .toggle .box[b-3yzuytu6tu] {
        width: 1.5rem;
        height: 1.5rem;
        border: 2px solid var(--clr-skywave-blue);
        margin-right: 0.2rem;
        box-sizing: border-box;
        position: relative;
    }

    .toggle input:checked + .box[b-3yzuytu6tu]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 1rem;
        background-color: var(--clr-skywave-blue);
        transform: translate(-50%, -50%);
    }

    .toggle .text[b-3yzuytu6tu] {
        font-size: 0.8rem;
        text-transform: none;
    }

.input-group[b-3yzuytu6tu] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.input-group label[b-3yzuytu6tu] {
    margin: 0;
    font-weight: normal;
    text-transform: none;
    min-width: 15rem;
}

.input-group input[b-3yzuytu6tu] {
    max-width: 8rem;
}
/* _content/Armada.Web/Pages/Dashboard/Components/JobTunerCalendar.razor.rz.scp.css */
.calendar-container[b-uny5a536up] {
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    color: white;
    margin-bottom: 1rem;
    align-content: center;
}

.calendar-header-cell[b-uny5a536up] {
    text-align: center;
}

.calendar-body[b-uny5a536up] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    column-gap: 2%;
    row-gap: 10px;
}


.calendar-day[b-uny5a536up] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 0.6;
    margin: 0 auto;
    cursor: pointer;
    font-size: var(--fnt-responsive);
    aspect-ratio: 1 / 1; /* Ensures height equals width */
    width: 100%;
    max-width: 100%;
    flex-grow: 1;
}

    .calendar-day.selected[b-uny5a536up] {
       border: 2px solid var(--clr-skywave-blue);
       color: white;
       background-color: var(--clr-stormy-sea-blue);
       opacity: 1;
    }

    .calendar-day.disabled[b-uny5a536up] {
        border: 2px solid var(--clr-skywave-blue);
        background-color: var(--clr-stormy-sea-blue);
        opacity: .5;
    }

    .calendar-day.outlier[b-uny5a536up] {
       border: 2px solid var(--clr-gold);
       color: var(--clr-gold);
    }

.calendar-controls[b-uny5a536up]{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.calendar-container a[b-uny5a536up] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

.calendar-control a:hover[b-uny5a536up] {
    text-decoration: underline;
}

/* _content/Armada.Web/Pages/Dashboard/Components/ScheduleTuner.razor.rz.scp.css */
.schedule-tuner-container[b-vfpdd346sh] {
    max-width: 500px;
    margin: 0 auto;
    padding-left: 1.5rem;
    display: grid;
    grid-template-columns: 1fr; /* Only one column */
    grid-template-rows: 1fr auto; /* Fixed heights for date selector, metrics, and legend */
    gap: 10px 10px;
    grid-template-areas:
        "schedule-container";
    height: 100%;
    -webkit-touch-callout: none; /* Mobile Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.schedule-container[b-vfpdd346sh] {
    grid-area: schedule-container;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    gap: .15rem;
}

.schedule-item[b-vfpdd346sh] {
    display: flex;
    align-items: center;
    opacity: 1; /* normal state */
    transition: opacity 0.3s ease;
}

    .schedule-item:hover[b-vfpdd346sh] {
        cursor: pointer;
    }

/* when the whole list is hovered, dim all items */
.schedule-container:hover .schedule-item[b-vfpdd346sh] {
    opacity: 0.5;
}

    /* but if *you* hover an individual item, undo the dim */
    .schedule-container:hover .schedule-item:hover[b-vfpdd346sh] {
        opacity: 1;
    }

    .schedule-item .hour[b-vfpdd346sh] {
        width: 50px;
        flex-shrink: 0;
    }

.schedule-data[b-vfpdd346sh] {
    position: relative; /* for absolute‐positioned .changerate */
    flex: 1; /* bar+text fill remaining row */
}

.bar[b-vfpdd346sh] {
    width: 100%;
    height: 1.5rem;
}

.changerate[b-vfpdd346sh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    white-space: nowrap;
}

.disabled[b-vfpdd346sh] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.event-card-container[b-vfpdd346sh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.information-row[b-vfpdd346sh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1rem;
    gap: 1rem;
    min-width: 18rem;
}

    .information-row .information-text[b-vfpdd346sh] {
        line-height: 13px;
    }

    .information-row a[b-vfpdd346sh] {
        font-style: italic;
        font-size: 15px;
        color: var(--clr-shady-lady-gray);
        font-weight: 300;
    }


@media (max-width: 992px) {
    .main[b-vfpdd346sh] {
        margin: 0;
    }

    .schedule-container[b-vfpdd346sh] {
        gap: 1rem;
    }

}

p[b-vfpdd346sh] {
    display: flex;
    margin-bottom: 0.5em;
    margin-left: 1.2em;
    color: var(--clr-skywave-blue);
}

    p:hover[b-vfpdd346sh] {
        cursor: pointer;
        font-weight: 500;
    }

/* _content/Armada.Web/Pages/Dashboard/Components/Tuner.razor.rz.scp.css */
.tuner[b-5yw3m63adi] {
    width: 25vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: width 0.5s ease, opacity 0.5s ease;
    overflow: hidden;
    margin-bottom: auto;
    background-color: var(--clr-steel-ship-gray);
}

    .tuner.visible[b-5yw3m63adi] {
        opacity: 1;
    }

    .tuner.hidden[b-5yw3m63adi] {
        width: 0;
        opacity: 0;
        pointer-events: none;
    }

.tuner-top-button-container[b-5yw3m63adi] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: var(--clr-deep-fleet-blue);
    height: 100px; /*We could get a lot more real estate if we make this smaller*/
    flex-shrink: 0;
}

.active[b-5yw3m63adi] {
    background-color: var(--clr-steel-ship-gray);
}

.tuner-top-button[b-5yw3m63adi] {
    cursor: pointer;
    width: 100%;
    height: auto;
    align-content: center;
    padding: 1rem 0;
}

    .tuner-top-button img[b-5yw3m63adi] {
        margin: 0 auto;
        overflow: unset;
    }

.tuner-body[b-5yw3m63adi] {
    min-height: 600px;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 1rem;

}

.pointer[b-5yw3m63adi] {
    cursor: pointer;
}

.date-row[b-5yw3m63adi] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
}

.text-date[b-5yw3m63adi] {
    margin: 0 auto;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .tuner[b-5yw3m63adi] {
        width: auto;
    }

    .tuner-top-button-container[b-5yw3m63adi] {
        height: auto;
        flex-shrink: 0;
    }
}
/* _content/Armada.Web/Pages/Dashboard/Components/TunerSlider.razor.rz.scp.css */
.tuner[b-qj7l9g05mf] {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: min-content min-content;
    gap: 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "label . . "
        "toggle slider-container input-container";
    width: 100%;
}

    .slider-container[b-qj7l9g05mf] {
        grid-area: slider-container;
        display: flex;
        align-items: center;
    }

.label[b-qj7l9g05mf] {
    margin-top: auto;
    grid-area: label;
    font-size: var(--fnt-responsive);
}

    .toggle[b-qj7l9g05mf] {
        display: flex;
        justify-content: center;
        grid-area: toggle;
        width: fit-content;
    }

    .input-container[b-qj7l9g05mf] {
        grid-area: input-container;
        width: 65px;
        margin: auto;
        text-align: center;
    }

    input[type="range"][b-qj7l9g05mf] {
        -webkit-appearance: none;
        -moz-appearance: none;
        touch-action: none; /* Prevents page movement while sliding */
    }

        input[type="range"][b-qj7l9g05mf]::-webkit-slider-thumb {
            margin: 0;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 100%;
            background-color: var(--clr-skywave-blue);
            outline: none;
        }

    .tuner-slider[b-qj7l9g05mf] {
        background-color: white;
        cursor: pointer;
        height: 7px;
        border-radius: 5px;
        width: 100%;
    }

    .disabled[b-qj7l9g05mf] {
        opacity: 50%;
        pointer-events: none; /* Disable clicking inside of disabled */
    }

.desktop-tuner[b-qj7l9g05mf] {
    display: grid;
    grid-template-columns: 65px;
    grid-template-rows: auto auto auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "label"
        "toggle"
        "slider-container"
        "input-container";
}

.desktop-tuner.label[b-qj7l9g05mf] {
    grid-area: label;
}

.toggle[b-qj7l9g05mf] {
    grid-area: toggle;
    width: 50px;
}

.desktop-tuner .slider-container[b-qj7l9g05mf] {
    grid-area: slider-container;
    display: flex;
    justify-content: center;
}

.desktop-tuner .tuner-slider[b-qj7l9g05mf] {
    writing-mode: vertical-lr;
    height: 16vh;
    width: 0.2vw;
    transform: scale(-1);
    background-color: var(--clr-white);
    border-radius: 2rem;
    margin-top: 1vh;
}

.input-container[b-qj7l9g05mf] {
    grid-area: input-container;
}

.reset[b-qj7l9g05mf] {
    grid-area: reset;
}

.market-leader-info[b-qj7l9g05mf] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease;
    padding: 0;
}

    .market-leader-info.visible[b-qj7l9g05mf] {
        max-height: 200px; /* adjust as needed */
        opacity: 1;
        padding: 0.5rem;
    }

.market-leader-info[b-qj7l9g05mf] {
    position: relative;
    /* your existing “visible” vs. hidden logic should stay, for example:
     .market-leader-info { display: none; }
     .market-leader-info.visible { display: block; }
  */
}

.save-countdown[b-qj7l9g05mf] {
/*    position: absolute;*/

    height: 4px;
    width: 100%;
    background-color: white;
    opacity: 0;
    border-radius: 5px;
    margin: .2rem 0;
    /* no transition here */
}

    .save-countdown.active[b-qj7l9g05mf] {
        /* animate width and opacity over 3s */
        transition: width 3s linear, opacity .3s ease;
        width: 0%;
        opacity: 1;
    }
/* _content/Armada.Web/Pages/Dashboard/Desktop/DesktopDashboard.razor.rz.scp.css */
.no-location-selected[b-uy5pw3y0nj] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    width: auto;
    font: normal normal bold 50px/20px Roboto;
    line-height: 50px;
    margin: .5rem;
    overflow: hidden;
}

.dashboard-wrapper[b-uy5pw3y0nj] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dashboard-container[b-uy5pw3y0nj] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    padding: 3rem;
}

.tuner[b-uy5pw3y0nj] {
    height: 100vh;
    transition: width 0.3s ease, opacity 0.3s ease;
}
    .tuner.visible[b-uy5pw3y0nj] {
        opacity: 1;
        width: 25vw;
    }

    .tuner.hidden[b-uy5pw3y0nj] {
        opacity: 0;
        width: 0;
        pointer-events: none;
    }
.dashboard-table[b-uy5pw3y0nj], 
.dashboard-table-with-tuner[b-uy5pw3y0nj] {
    width: 100%;
    height: 88vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.spinner-container[b-uy5pw3y0nj] {
    height: 100%;
    align-content: center;
}
/* _content/Armada.Web/Pages/Dashboard/Mobile/MobileDashboard.razor.rz.scp.css */
.regenerate-button[b-p4j9k94ik8] {
    display: flex;
    justify-content: end;
    margin: 1rem 0 2rem;
}

.price-families-selector[b-p4j9k94ik8] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.price-families-selector a[b-p4j9k94ik8] {
    font-weight: bold;
    font-size: 19px;
}

    .price-families-selector a.active[b-p4j9k94ik8] {
        text-decoration: underline;
        text-decoration-color: var(--clr-skywave-blue);
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
    }

.metric-tiles-container[b-p4j9k94ik8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.tile[b-p4j9k94ik8] {
    background-color: var(--clr-steel-ship-gray);
    padding: .5rem;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tile label[b-p4j9k94ik8]{
    font-weight: bold;
}

/*Active Metric View*/
.icon-container[b-p4j9k94ik8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 2rem;
}

.expanded-tile[b-p4j9k94ik8] {
    border: 2px solid var(--clr-skywave-blue);
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-column-gap: 10px;
    margin-bottom: 1rem;
}




/* _content/Armada.Web/Pages/Shared/Components/ActiveSelection/ActiveSelectionCompact.razor.rz.scp.css */
.title-span[b-b7vofxlhh1] {
    margin-right: 46px;
}
.active-selection-container .selection-body .selection-panel .selection .selection-item[b-b7vofxlhh1]  {
    width: 100%;
}

.extra-content[b-b7vofxlhh1] {
    color: var( --clr-skywave-blue);
    display:flex;
    align-items: center;
}

.row-wrapper[b-b7vofxlhh1]{
    display: flex;
    align-items:center;
    flex-direction:row;
}

.row-wrapper a[b-b7vofxlhh1]{
    width: 5em;
}
/* _content/Armada.Web/Pages/Shared/Components/ActiveSelection/ActiveSelectionExpanded.razor.rz.scp.css */
.active-selection-container .selection-body[b-ivlwdqdx7s] {
    width: 450px;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

    .active-selection-container .selection-body .selection-panel[b-ivlwdqdx7s] {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center
    }

        .active-selection-container .selection-body .selection-panel .search-input-container[b-ivlwdqdx7s] {
            position: relative;
            display: inline-block;
            width: 155px; /* Adjust width to fit the input and icon */
        }

        .active-selection-container .selection-body .selection-panel input[b-ivlwdqdx7s] {
            border: none;
            border-bottom: 1px solid var(--clr-white);
            width: 100%;
            padding-right: 25px; /* Add padding to avoid text overlap with the icon */
            margin: 10px 0 10px 0;
        }

        .active-selection-container .selection-body .selection-panel i[b-ivlwdqdx7s] {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%); /* Center the icon vertically */
            pointer-events: none;
        }


        .active-selection-container .selection-body .selection-panel .selection[b-ivlwdqdx7s] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: repeat(auto-fill, 30px); /* Repeat rows with a height of 30px */
            grid-row-gap: 0;
            width: 200px;
        }

            .active-selection-container .selection-body .selection-panel .selection .selection-item[b-ivlwdqdx7s] {
                text-align: center;
                padding: 0;
                width: 100%;
            }
/* _content/Armada.Web/Pages/Shared/Components/BounceLoader.razor.rz.scp.css */
body[b-ow2r3sr4b4] {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    background: #2B3236;
}

.wrapper[b-ow2r3sr4b4] {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.circle[b-ow2r3sr4b4] {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background-color: #58A5CC;
    left: 15%;
    transform-origin: 50%;
    animation: circle-b-ow2r3sr4b4 .5s alternate infinite ease;
}

@keyframes circle-b-ow2r3sr4b4 {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1);
    }

    100% {
        top: 0%;
    }
}

.circle:nth-child(2)[b-ow2r3sr4b4] {
    left: 45%;
    animation-delay: .2s;
}

.circle:nth-child(3)[b-ow2r3sr4b4] {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.shadow[b-ow2r3sr4b4] {
    width: 20px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 62px;
    transform-origin: 50%;
    z-index: -1;
    left: 15%;
    filter: blur(1px);
    animation: shadow-b-ow2r3sr4b4 .5s alternate infinite ease;
}

@keyframes shadow-b-ow2r3sr4b4 {
    0% {
        transform: scaleX(1.5);
    }

    40% {
        transform: scaleX(1);
        opacity: .7;
    }

    100% {
        transform: scaleX(.2);
        opacity: .4;
    }
}

.shadow:nth-child(4)[b-ow2r3sr4b4] {
    left: 45%;
    animation-delay: .2s
}

.shadow:nth-child(5)[b-ow2r3sr4b4] {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.wrapper span[b-ow2r3sr4b4] {
    position: absolute;
    top: 75px;
    font-family: 'Roboto';
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    left: 15%;
}
/* _content/Armada.Web/Pages/Shared/Components/ConfirmModal.razor.rz.scp.css */
.main[b-yw5r2ol86d] {
    position: fixed;
    top: 20%; /* or 50% for vertical centering */
    left: 50%;
    transform: translateX(-50%);
    background: var(--clr-deep-fleet-blue);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.45);
    padding: 2rem;
    z-index: 1111;
    width: auto;
}

.messages[b-yw5r2ol86d] {
    text-align: center;
    font-size: var(--fs-responsive);
    font-weight: bold;
}
.button-group[b-yw5r2ol86d] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .button-group button[b-yw5r2ol86d] {
        border: unset;
        background-color: transparent;
        color: var(--clr-skywave-blue);
    }

.button-single[b-yw5r2ol86d] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .button-single button[b-yw5r2ol86d] {
        border: unset;
        background-color: transparent;
        color: var(--clr-skywave-blue);
    }

.overlay[b-yw5r2ol86d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: auto;
}
/* _content/Armada.Web/Pages/Shared/Components/EditSidebar.razor.rz.scp.css */
.edit-sidebar[b-m5yp9rs7rx] {
    width: auto;
    height: 70vh;
    display: flex;
    flex-direction: column;
    border-left: 1px solid white;
    opacity: 0;
    transition: width 0.5s ease, opacity 0.5s ease;
    overflow: scroll;
    margin-bottom: auto;
    flex-shrink: 0;
    padding: 0 1rem 0 2rem;
}

    .edit-sidebar.visible[b-m5yp9rs7rx] {
        opacity: 1;
    }

    .edit-sidebar.hidden[b-m5yp9rs7rx] {
        width: 0;
        opacity: 0;
        pointer-events: none; 
        padding: 0;
    }

h1[b-m5yp9rs7rx] {
    font-size: var(--fs-responsive);
    font-weight: var(--fw-medium);
}
/* _content/Armada.Web/Pages/Shared/Components/LocationDropDown.razor.rz.scp.css */
.location-dropdown-container[b-8f3h3vcyx1] {
    display: flex;
    max-width: 100%; 
    margin: 0 auto; 
    overflow: hidden; 
   
}
    .location-dropdown-container select[b-8f3h3vcyx1] {
        background: var(--clr-deep-fleet-blue);
        color: var(--clr-white);
    }
select[b-8f3h3vcyx1] {
    width: 100%;
    box-sizing: border-box; 
}
/* _content/Armada.Web/Pages/Shared/Components/Pagination.razor.rz.scp.css */
.pagination-container[b-2q1brfgtiq] {
    display: flex;
    flex-flow: row nowrap;
    gap: .5rem;
}

.page-number[b-2q1brfgtiq] {
    border-radius: 5px;
    padding: .25rem .5rem;
}

.page-number.active[b-2q1brfgtiq] {
    background-color: var(--clr-primary);
    color: var(--clr-white);
    padding: .25rem .5rem;
    border-radius: 5px;
}

.arrows[b-2q1brfgtiq] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--clr-primary);
    border-radius: 5px;
    padding: 0 .5rem;
}

button.arrows:disabled[b-2q1brfgtiq] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/Armada.Web/Pages/Shared/Components/PriceFamilyDropDown.razor.rz.scp.css */
.price-family-dropdown-container[b-hdpntn2b2q] {
    display: flex;
    max-width: 100%; 
    margin: 0 auto; 
    overflow: hidden;
    flex-flow: column;
    line-height: 50px;
}
    .price-family-dropdown-container select[b-hdpntn2b2q] {
        background: var(--clr-deep-fleet-blue);
        color: var(--clr-white);
    }
select[b-hdpntn2b2q] {
    width: 100%;
    box-sizing: border-box; 
}
a[b-hdpntn2b2q] {
    font-weight: bold;
    font-size: var(--fs-responsive);
}
/* _content/Armada.Web/Pages/Shared/Components/ReferenceCRUD/ReferenceCrud.razor.rz.scp.css */
table[b-zonw631t4a] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-responsive);
    table-layout: fixed;
}

button[b-zonw631t4a], input[b-zonw631t4a], select[b-zonw631t4a] {
    min-width: 100%
}

td[b-zonw631t4a], th[b-zonw631t4a] {
    text-align: left;
    border-bottom: 1px solid #fff;
}

    td:last-child[b-zonw631t4a], th:last-child[b-zonw631t4a] {
        width: 150px; /* Makes the last column adjust automatically */
    }

th[b-zonw631t4a] {
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    background-color: var(--clr-deep-fleet-blue);
    z-index: 999;
}

    th:empty[b-zonw631t4a]::after { /*Fixes issue where this header didn't have a bottom border*/
        content: "\00a0"; /* Non-breaking space */
        display: inline-block;
    }

td[b-zonw631t4a] {
    height: 52px
}

h1[b-zonw631t4a] {
    padding-top: 0;
}

tr:not(:first-child):hover[b-zonw631t4a] {
    background-color: var(--clr-mist-gray-18)
}

    tr:not(:first-child):hover .icon-group[b-zonw631t4a] {
        visibility: visible
    }

.active[b-zonw631t4a] {
    background-color: var(--clr-mist-gray-18)
}

    .active .icon-group[b-zonw631t4a] {
        visibility: visible
    }

.bigger-crud-container[b-zonw631t4a] {
    display: flex;
    flex-direction: column;
}

.crud-container[b-zonw631t4a] {
    display: flex;
    width: 100%;
}

.edit-sidebar[b-zonw631t4a] {
    margin-left: 2rem;
    width: 265px;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.edit-sidebar-wide[b-zonw631t4a] {
    width: 415px;
}

.edit-sidebar-wider[b-zonw631t4a] {
    width: 615px;
}

.edit-sidebar-hidden[b-zonw631t4a] {
    width: 0px;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.table-container[b-zonw631t4a] {
    width: 100%;
    margin-right: 5.9em;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.price-family-dropdown-container[b-zonw631t4a] {
    width: 20rem;
    margin-bottom: 2rem;
}

.add-icon-container[b-zonw631t4a] {
    margin: 4rem 0;
    display: flex;
    justify-content: center;
    position: sticky;
}

    .add-icon-container i[b-zonw631t4a] {
        cursor: pointer;
        margin-bottom: 5px;
    }

.icon-group[b-zonw631t4a] {
    display: flex;
    width: fit-content;
    margin: 0 1em 0 auto;
    gap: 30px;
    visibility: hidden
}

    .icon-group i[b-zonw631t4a] {
        cursor: pointer
    }

.edit-container[b-zonw631t4a] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: fit-content;
    font-size: var(--fs-responsive)
}

.icon-container[b-zonw631t4a] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    transition: height .3s linear,opacity .3s ease
}

.input-group label[b-zonw631t4a] {
    font-weight: var(--fw-regular)
}

.input-group input[b-zonw631t4a] {
    width: 200px
}

.toggle-group[b-zonw631t4a] {
    display: flex;
    flex-flow: row;
    gap: 1rem;
}

.toggle-group label[b-zonw631t4a] {
    min-width: 10rem;
}

.table-container-with-add-button[b-zonw631t4a] {
    width: 100%;
}
/* _content/Armada.Web/Pages/Shared/Components/SideMenuNav.razor.rz.scp.css */
.side-menu-nav[b-d0ci3gig0i] {
    font-size: var(--fs-responsive);
}

.menu-item[b-d0ci3gig0i] {
    padding: 10px;
    cursor: pointer;
    font-weight: 350;
    border-left: 1px solid white; 
    padding-left: 15px; 
}

    .menu-item.active[b-d0ci3gig0i] {
        color: var(--clr-skywave-blue);
        font-weight: 500;
    }

    .menu-item:hover[b-d0ci3gig0i] {
        color: var(--clr-skywave-blue);
    }

    .menu-item.active:hover[b-d0ci3gig0i] {
        text-shadow: none;
    }
/* _content/Armada.Web/Pages/Shared/Components/Spinner.razor.rz.scp.css */
body[b-jjkfhbgxik] {
    background-color: #2B3236;
    display: flex;
    justify-content: center;
    padding-top: 10%;
}

.spinner-container[b-jjkfhbgxik] {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.spinner[b-jjkfhbgxik] {
    position: absolute;
    width: 9px;
    height: 9px;
}

    .spinner div[b-jjkfhbgxik] {
        position: absolute;
        width: 50%;
        height: 150%;
        background: #58A5CC;
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
        animation: spinner-fzua35-b-jjkfhbgxik 1s infinite ease;
        animation-delay: calc((1 - var(--delay)) * -1s);
        animation-fill-mode: backwards;
    }

        .spinner div:nth-child(1)[b-jjkfhbgxik] {
            --delay: 0.1;
            --rotation: 36;
            --translation: 150;
        }

        .spinner div:nth-child(2)[b-jjkfhbgxik] {
            --delay: 0.2;
            --rotation: 72;
            --translation: 150;
        }

        .spinner div:nth-child(3)[b-jjkfhbgxik] {
            --delay: 0.3;
            --rotation: 108;
            --translation: 150;
        }

        .spinner div:nth-child(4)[b-jjkfhbgxik] {
            --delay: 0.4;
            --rotation: 144;
            --translation: 150;
        }

        .spinner div:nth-child(5)[b-jjkfhbgxik] {
            --delay: 0.5;
            --rotation: 180;
            --translation: 150;
        }

        .spinner div:nth-child(6)[b-jjkfhbgxik] {
            --delay: 0.6;
            --rotation: 216;
            --translation: 150;
        }

        .spinner div:nth-child(7)[b-jjkfhbgxik] {
            --delay: 0.7;
            --rotation: 252;
            --translation: 150;
        }

        .spinner div:nth-child(8)[b-jjkfhbgxik] {
            --delay: 0.8;
            --rotation: 288;
            --translation: 150;
        }

        .spinner div:nth-child(9)[b-jjkfhbgxik] {
            --delay: 0.9;
            --rotation: 324;
            --translation: 150;
        }

        .spinner div:nth-child(10)[b-jjkfhbgxik] {
            --delay: 1;
            --rotation: 360;
            --translation: 150;
        }

@keyframes spinner-fzua35-b-jjkfhbgxik {
    0%, 10%, 20%, 30%, 50%, 60%, 70%, 80%, 90%, 100% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    }

    50% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1.5%));
    }
}
/* _content/Armada.Web/Pages/Shared/Components/SubNav.razor.rz.scp.css */
.sub-nav[b-lp4fk1eawn] {
    display: flex;
    font-size: var(--fs-responsive);
    margin: 2em 0 3.75em 0;
    gap: 2em;
}

.nav-item[b-lp4fk1eawn] {
    padding: 10px;
    cursor: pointer;
    font-weight: 350;
}

    .nav-item.active[b-lp4fk1eawn] {
        text-decoration: underline;
        text-decoration-color: var(--clr-skywave-blue);
        text-underline-offset: 9px;
        text-decoration-thickness: 2px;
        -webkit-text-stroke: .7px white;
    }

    .nav-item:hover[b-lp4fk1eawn] {
        text-shadow: 1px 0 0 currentColor;
    }

    .nav-item.active:hover[b-lp4fk1eawn]{
        text-shadow: none;
    }

  
  


/* _content/Armada.Web/Pages/Shared/Components/Toggle.razor.rz.scp.css */
.slider-checkbox[b-jku92wpbj6] {
    margin: auto;
    position: relative;
    width: 3rem; /* Width of the oval background */
    height: 1.25rem; /* Height of the oval background */
/*    transform: translateY(px);*/
    flex-shrink: 0;
}

.slider-checkbox-no-margin[b-jku92wpbj6] {
    position: relative;
    width: 3rem; /* Width of the oval background */
    height: 1.25rem; /* Height of the oval background */
    /*    transform: translateY(px);*/
    flex-shrink: 0;
}

.slider-checkbox-disabled[b-jku92wpbj6] {
    cursor: default;
}

.slider-checkbox-input[b-jku92wpbj6] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-checkbox label[b-jku92wpbj6] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px; /* Keep the oval shape rounded */
}

.slider-checkbox-no-margin label[b-jku92wpbj6] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px; /* Keep the oval shape rounded */
}

.slider-checkbox-disabled label[b-jku92wpbj6] {
    cursor: default;
}

.slider-checkbox label[b-jku92wpbj6]::before {
    position: absolute;
    content: "";
    height: 1.5rem; /* Adjusted height of the sliding circle */
    width: 1.5rem; /* Adjusted width of the sliding circle */
/*    left: -0.1rem;*/
    bottom: -0.12rem; /* Fine-tune bottom position */
    transition: 0.4s;
    border-radius: 50%; /* Keep the circle shape */
    background-color: var(--clr-shady-lady-gray);
}

.slider-checkbox-no-margin label[b-jku92wpbj6]::before {
    position: absolute;
    content: "";
    height: 1.5rem; /* Adjusted height of the sliding circle */
    width: 1.5rem; /* Adjusted width of the sliding circle */
    /*    left: -0.1rem;*/
    bottom: -0.12rem; /* Fine-tune bottom position */
    transition: 0.4s;
    border-radius: 50%; /* Keep the circle shape */
    background-color: var(--clr-shady-lady-gray);
}

.slider-checkbox .slider-checkbox-label[b-jku92wpbj6] {
    background-color: var(--clr-mist-gray-18);
}

.slider-checkbox-no-margin .slider-checkbox-label[b-jku92wpbj6] {
    background-color: var(--clr-mist-gray-18);
}

.slider-checkbox input:checked + .slider-checkbox-label[b-jku92wpbj6] {
    background-color: #416C81;
}

    .slider-checkbox input:checked + .slider-checkbox-label[b-jku92wpbj6]::before {
        transform: translateX(25px); /* Adjust the translation for the sliding effect */
        background-color: var(--clr-skywave-blue);
    }


.slider-checkbox-no-margin input:checked + .slider-checkbox-label[b-jku92wpbj6] {
    background-color: #416C81;
}

    .slider-checkbox-no-margin input:checked + .slider-checkbox-label[b-jku92wpbj6]::before {
        transform: translateX(25px); /* Adjust the translation for the sliding effect */
        background-color: var(--clr-skywave-blue);
    }
/* _content/Armada.Web/Pages/Shared/Components/Tooltip.razor.rz.scp.css */
.tooltip-container[b-zztsrs0uff] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.tooltip[b-zztsrs0uff] {
    position: absolute;
    background-color: var(--clr-text-gray);
    color: var(--clr-white);
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    top: 100%; /* Position below the element */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
    display: none; /* Hidden by default */
    font-size: var(--fs-small);
    pointer-events: none; /* Prevents the tooltip from receiving mouse events */
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of Internet Explorer/Edge */
}

    .tooltip[b-zztsrs0uff]::after {
        content: "";
        position: absolute;
        bottom: 100%; /* Point of arrow at the bottom of tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #333 transparent;
    }
/* _content/Armada.Web/Pages/Shared/MobileNotSupported.razor.rz.scp.css */
div[b-t6qjypv9pv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-content: center;
    height: 80%;
    align-items: center;
    margin: 1rem;
}


button[b-t6qjypv9pv] {
    margin: 1rem;
}