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

/* /Components/AddNewHostedUser.razor.rz.scp.css */
ul[b-5xr8r5979r] {
    color: var(--delete-button-color);
}

li.invalid[b-5xr8r5979r] {
    color: var(--delete-button-color);
}

li.valid[b-5xr8r5979r] {
    color: var(--page-text-color);
}

section[b-5xr8r5979r] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    section input[b-5xr8r5979r] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 350px;
        border-radius: 4px;
    }

        section input:focus[b-5xr8r5979r] {
            border-color: var(--primary-color);
        }

    section div[b-5xr8r5979r] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 8px;
    }

    section div.header[b-5xr8r5979r] {
        justify-content: space-between
    }


    section label[b-5xr8r5979r] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

button[b-5xr8r5979r] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
    margin-left: var(--page-gutter);
}

.cancel[b-5xr8r5979r] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

    button:hover[b-5xr8r5979r] {
        border-color: var(--border-color);
    }

    button[disabled][b-5xr8r5979r] {
        opacity: 0.5;
        cursor: default;
    }

.Inputwraper[b-5xr8r5979r] {
    width: 350px;
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}
.DropdownWraper[b-5xr8r5979r] {
    width: 70%;
    color: #000000;
    background-color: #FFFFFF;
}
.block-div[b-5xr8r5979r]{
    display:block;
}

.checkbox-div[b-5xr8r5979r] {
    justify-content: left;
    margin: 0 10px;
}

.checkbox-input[b-5xr8r5979r] {
    width: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.checkbox-label[b-5xr8r5979r] {
    cursor: pointer;
}


h2[b-5xr8r5979r] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

input:hover[b-5xr8r5979r], input:focus[b-5xr8r5979r] {
    border: 1px solid var(--selected-textbox-color);
}

div .passwordRequirements[b-5xr8r5979r] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}

div .displayName > p[b-5xr8r5979r] {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 10px;
    width: 350px;
}

div .genPwrd > p[b-5xr8r5979r] {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 10px;
}
/* /Components/AnnouncementsBar.razor.rz.scp.css */
.announcementsBar[b-mx1z8l2z9w] {
    height: 40px;
    border-bottom: 1px solid var(--border-color);
    margin-left: calc(var(--page-gutter) * -1);
    margin-right: calc(var(--page-gutter) * -1);
}

p[b-mx1z8l2z9w] {
    z-index: 10;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    margin-top: 7px;
}
/* /Components/Checkbox.razor.rz.scp.css */
/* The container */
.container[b-ldmjb5p52b] {
    height: 18px;
    width: 18px;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input[b-ldmjb5p52b] {
    display:none;
}

/* Create a custom checkbox */
.checkmark[b-ldmjb5p52b] {
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 4px;
    background-color: #FFF;
}

/* When the checkbox is checked, add a background */
.container input:checked ~ .checkmark[b-ldmjb5p52b] {
    background-color: var(--primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-ldmjb5p52b]:after {
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-ldmjb5p52b]:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-ldmjb5p52b]:after {
    margin: 1px 0 0 5px;
    width: 4px;
    height: 10px;
    border: solid var(--primary-button-text-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Customized[b-ldmjb5p52b] {
    margin: 0px;
    padding-left: 0px;
}

.checkmark:hover[b-ldmjb5p52b], .checkmark:focus[b-ldmjb5p52b] {
    border: 1px solid var(--selected-textbox-color);
}
/* /Components/ConfirmModal.razor.rz.scp.css */
button[b-bl316c2uub] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

.cancelbtn[b-bl316c2uub] {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
    margin: 18px 0;
    outline: thin;
}

.modalButtons[b-bl316c2uub] {
    display: flex;
    justify-content: end;
}

.deletelist[b-bl316c2uub] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
}
/* /Components/EditHostedUser.razor.rz.scp.css */
ul[b-pvr32sz9ya] {
    color: var(--delete-button-color);
}

li.invalid[b-pvr32sz9ya] {
    color: var(--delete-button-color);
}

li.valid[b-pvr32sz9ya] {
    color: var(--page-text-color);
}

section[b-pvr32sz9ya] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    section input[b-pvr32sz9ya] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 350px;
        border-radius: 4px;
    }

        section input:focus[b-pvr32sz9ya] {
            border-color: var(--primary-color);
        }

    section div[b-pvr32sz9ya] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 8px;
    }


    section label[b-pvr32sz9ya] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

button[b-pvr32sz9ya] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
    margin-left: var(--page-gutter);
}

.cancel[b-pvr32sz9ya] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button:hover[b-pvr32sz9ya] {
    border-color: var(--border-color);
}

button[disabled][b-pvr32sz9ya] {
    opacity: 0.5;
    cursor: default;
}

.Inputwraper[b-pvr32sz9ya] {
    width: 350px;
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}

.DropdownWraper[b-pvr32sz9ya] {
    width: 70%;
    color: #000000;
    background-color: #FFFFFF;
}

.block-div[b-pvr32sz9ya] {
    display: block;
}

.checkbox-div[b-pvr32sz9ya] {
    justify-content: left;
    margin: 0 10px;
}

.checkbox-input[b-pvr32sz9ya] {
    width: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.checkbox-label[b-pvr32sz9ya] {
    cursor: pointer;
}


h2[b-pvr32sz9ya] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

input:hover[b-pvr32sz9ya], input:focus[b-pvr32sz9ya] {
    border: 1px solid var(--selected-textbox-color);
}

div .passwordRequirements[b-pvr32sz9ya] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}

div .displayName[b-pvr32sz9ya] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

    div .displayName > p[b-pvr32sz9ya] {
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        width: 350px;
    }
/* /Components/EditProfile.razor.rz.scp.css */
ul[b-lgdzpd7ihv] {
    color: var(--delete-button-color);
}

header[b-lgdzpd7ihv] {
    display: flex;
    align-items: center;
}

header p[b-lgdzpd7ihv] {
    font-family: opensans-bold,'Arial Black';
    font-size: 16px;
    line-height: 24px;
    flex-grow: 1;
}

header form[b-lgdzpd7ihv] {
    margin: 0;
    padding: 0;
}

header form button[b-lgdzpd7ihv] {
    margin: 0 10px 10px 0;
}

h2[b-lgdzpd7ihv] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

section[b-lgdzpd7ihv] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

section input[b-lgdzpd7ihv] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    min-width: 350px;
}

section .readonly[b-lgdzpd7ihv] {
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    width: 350px;
    display: block;
}

section input:focus[b-lgdzpd7ihv] {
    border-color: var(--primary-color);
}

section div[b-lgdzpd7ihv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

section label[b-lgdzpd7ihv] {
    font-family: montserrat-light,'Helvetica Light';
    font-size: 14px;
    margin: 0 8px 0px 0px;
    text-wrap: none;
}

button[b-lgdzpd7ihv] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
}

button:hover[b-lgdzpd7ihv] {
    border-color: var(--border-color);
}

button[disabled][b-lgdzpd7ihv] {
    opacity: 0.5;
    cursor: default;
}


div .passwordRequirements[b-lgdzpd7ihv] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}

li.invalid[b-lgdzpd7ihv] {
    color: var(--delete-button-color);
}

li.valid[b-lgdzpd7ihv] {
    color: var(--page-text-color);
}

@media (max-width: 485px) {
    section div[b-lgdzpd7ihv] {
        display: unset;
    }

    .passwordRequirements[b-lgdzpd7ihv] {
        width: 100% !important;
        overflow: scroll;
    }

    header[b-lgdzpd7ihv] {
        display: unset
    }

    button[b-lgdzpd7ihv] {
        align-content: end;
        position: relative;
    }
}
/* /Components/FooterBar.razor.rz.scp.css */
footer[b-3ddizzxqi3] {
    border-top: 1px solid var(--border-color);
    padding: var(--page-gutter);
    color: var(--page-text-color);
}

.text-right[b-3ddizzxqi3] {
    text-align:right;
}

th[b-3ddizzxqi3] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    white-space: nowrap;
    border-bottom: thin;
    min-width: 140px;
    min-height: 30px;
    width: 20vw;
}

td[b-3ddizzxqi3] {
    vertical-align: top;
    text-align: left;
    width: 20vw;
    padding-right: 10px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

    td > a[b-3ddizzxqi3] {
        overflow-wrap: break-word;
    }

table[b-3ddizzxqi3] {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
}

.row[b-3ddizzxqi3] {
    width: 100%;
}

.copyright[b-3ddizzxqi3] {
    font-size: small;
}

.container[b-3ddizzxqi3] {
    max-width: 90%;
}
/* /Components/HostedUsers.razor.rz.scp.css */
.toolbar[b-matrqqmkbm] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

span.summaryInfo[b-matrqqmkbm] {
    font-size: 14px;
    margin-right: 40px;
}

input[type='text'][b-matrqqmkbm], [type='date'][b-matrqqmkbm] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input[type='checkbox'][b-matrqqmkbm], .form-check-label[b-matrqqmkbm] {
    cursor: pointer;
}

input:hover[b-matrqqmkbm], input:focus[b-matrqqmkbm] {
    border: 1px solid var(--selected-textbox-color);
}

.buttonsBar[b-matrqqmkbm] {
    display: flex;
    justify-content: space-between;
    margin: 8px 0 8px 0;
}

    .buttonsBar div button[b-matrqqmkbm] {
        margin: 0 20px 0 0;
    }

div.buttonsBar span[b-matrqqmkbm] {
    margin-right: 10px;
}

button[b-matrqqmkbm] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button.active[b-matrqqmkbm] {
        -webkit-box-shadow: inset 0px 0px 5px #494949;
        -moz-box-shadow: inset 0px 0px 5px #494949;
        box-shadow: inset 0px 0px 5px #494949;
        color: var(--secondary-button-text-color);
        background-color: var(--secondary-button-color);
    }

    button.red[b-matrqqmkbm] {
        color: white;
        background-color: red;
    }

    button.green[b-matrqqmkbm] {
        color: white;
        background-color: green;
    }

    button.yellow[b-matrqqmkbm] {
        color: black;
        background-color: yellow;
    }


td button[b-matrqqmkbm] {
    margin: 5px;
    padding: 5px 15px;
    justify-content: space-between;
    width: auto;
}

td.right[b-matrqqmkbm] {
    text-align: right;
}

button[disabled][b-matrqqmkbm] {
    opacity: 0.5;
    cursor: default;
}

.search[b-matrqqmkbm] {
    display: flex;
    align-items: center;
}

.searchBox[b-matrqqmkbm] {
    position: relative;
    width: 100%;
}

.clear[b-matrqqmkbm] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

    .clear:hover[b-matrqqmkbm], .clear:focus[b-matrqqmkbm] {
        border: 1px solid var(--selected-textbox-color);
    }

th[b-matrqqmkbm] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

.info[b-matrqqmkbm] {
    text-align: left;
    height: 26px;
    font-size: 15px;
}

th.info[b-matrqqmkbm] {
    cursor: pointer;
}

td.viewBtn[b-matrqqmkbm] {
    display: flex;
    vertical-align: top;
    text-align: left;
    font-size: 15px;
    width: 300px;
}

th.viewBtn[b-matrqqmkbm] {
    vertical-align: top;
    font-size: 15px;
    width: 300px;
}

td.viewBtnDisable[b-matrqqmkbm] {
    display: flex;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    width: 110px;
}

th.viewBtnDisable[b-matrqqmkbm] {
    width: 110px;
}

.bborder[b-matrqqmkbm] {
    border-bottom: 1px solid var(--border-color);
}

    .bborder td[b-matrqqmkbm] {
        border: none;
    }

.rightalight[b-matrqqmkbm] {
    text-align: right;
}

.infolink:hover[b-matrqqmkbm] {
    cursor: pointer;
}

.infolink[b-matrqqmkbm] {
    width: 20px;
    margin-left: 10px;
}

ul[b-matrqqmkbm] {
    padding-right: 17px;
}

h3[b-matrqqmkbm] {
    margin: 0px;
    color: var(--page-text-color);
}

label[b-matrqqmkbm] {
    color: var(--page-text-color);
}

p[b-matrqqmkbm] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-matrqqmkbm] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

tbody[b-matrqqmkbm], td[b-matrqqmkbm], th[b-matrqqmkbm], thead[b-matrqqmkbm], tr[b-matrqqmkbm] {
    width: 100%;
}

.hostedUsersTable > thead th:first-child[b-matrqqmkbm] {
    left: 0;
}

.hostedUsersTable > tbody tr td:first-child[b-matrqqmkbm] {
    left: 0;
}

.hostedUsersTable > thead th:nth-child(2)[b-matrqqmkbm] {
    left: 120px;
}

.hostedUsersTable > tbody tr td:nth-child(2)[b-matrqqmkbm] {
    left: 120px;
}

.hostedUsersTable > tbody td[b-matrqqmkbm] {
    padding: .5rem;
}

.hostedUsersTable > tbody tr:nth-child(odd)[b-matrqqmkbm] {
    background-color: #eee;
}

.hostedUsersTable > tbody tr:nth-child(even)[b-matrqqmkbm] {
    background-color: #fff;
}

.hostedUsersTable > tbody tr:hover td[b-matrqqmkbm] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.hostedUsersTable[b-matrqqmkbm] {
    display: block;
    overflow: auto;
    scrollbar-width: thin !important;
}

    .hostedUsersTable[b-matrqqmkbm]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .hostedUsersTable[b-matrqqmkbm]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .hostedUsersTable[b-matrqqmkbm]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .hostedUsersTable[b-matrqqmkbm]::-webkit-scrollbar-button {
        display: none;
    }

table thead tbody[b-matrqqmkbm] {
    display: table !important;
    width: 100%;
}

.Sorted[b-matrqqmkbm] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}

.buttonRow[b-matrqqmkbm] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

td.checkbox-input[b-matrqqmkbm] {
    width: 15px;
    margin-right: 10px;
    cursor: pointer;
}

@media (min-width: 580px) and (max-width: 1250px) {
    .sticky[b-matrqqmkbm] {
        position: sticky;
        background-color: inherit;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

        .sticky.right[b-matrqqmkbm] {
            right: 0;
            box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
        }

        .sticky.left[b-matrqqmkbm] {
            box-shadow: inset 0 0 0 #000000, inset -1px 0 0 #000000;
        }

    th.sticky[b-matrqqmkbm] {
        background-color: var(--page-color);
    }

    td.viewBtn[b-matrqqmkbm] {
        display: block;
        vertical-align: top;
        text-align: left;
        font-size: 15px;
        width: 175px;
    }

    th.viewBtn[b-matrqqmkbm] {
        vertical-align: top;
        font-size: 15px;
        width: 175px;
    }

    td.viewBtnDisable[b-matrqqmkbm] {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-size: 15px;
    }

    td.viewBtn button[b-matrqqmkbm] {
        margin: 5px;
        padding: 5px 15px;
        justify-content: space-between;
        width: 141px;
    }
}

 If a device is smaller than this[b-matrqqmkbm], it cannot have all of the sticky columns[b-matrqqmkbm], since they are larger than 580px 
@media (max-width: 580px)[b-matrqqmkbm] {
    .sticky.right {
        position: sticky;
        background-color: inherit;
        right: 0;
        box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
    }

    th.sticky[b-matrqqmkbm] {
        background-color: var(--page-color) !important;
    }

    .textSticky[b-matrqqmkbm] {
        position: sticky;
        left: 0;
        height: 37px;
        background-color: white;
        align-content: center;
    }

    td.viewBtn[b-matrqqmkbm] {
        display: block;
        vertical-align: top;
        text-align: left;
        font-size: 15px;
        width: 175px;
    }

    th.viewBtn[b-matrqqmkbm] {
        vertical-align: top;
        font-size: 15px;
        width: 175px;
    }

    td.viewBtnDisable[b-matrqqmkbm] {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-size: 15px;
    }

    td.viewBtn button[b-matrqqmkbm] {
        margin: 5px;
        padding: 5px 15px;
        justify-content: space-between;
        width: 141px;
    }
}
/* /Components/LoadingBar.razor.rz.scp.css */
.slider[b-623fqqw9nf] {
    background-color: var(--page-color);
    height: 5px;
    overflow-x: hidden;
    position: relative;
}

.line[b-623fqqw9nf] {
    position: absolute;
    opacity: 0.4;
    background-color: var(--primary-color);
    width: 150%;
    height: 5px;
}

.subline[b-623fqqw9nf] {
    position: absolute;
    background: var(--primary-color);
    height: 5px;
}

.inc[b-623fqqw9nf] {
    animation: increase-b-623fqqw9nf 2s infinite;
}

.dec[b-623fqqw9nf] {
    animation: decrease-b-623fqqw9nf 2s 0.5s infinite;
}

@keyframes increase-b-623fqqw9nf {
    from {
        left: -5%;
        width: 5%;
    }

    to {
        left: 130%;
        width: 100%;
    }
}

@keyframes decrease-b-623fqqw9nf {
    from {
        left: -80%;
        width: 80%;
    }

    to {
        left: 110%;
        width: 10%;
    }
}
/* /Components/MainLayout.razor.rz.scp.css */
.page[b-fvsd8oqawt] {
    background-color: var(--page-color);
    margin: 0 auto;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media only screen and (min-width: 1490px) {
    .page[b-fvsd8oqawt] {
        max-width: 1490px;
    }
}

main[b-fvsd8oqawt] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width:min-content;
    max-width: 100%;
}

.content[b-fvsd8oqawt] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 0;
    padding: 10px var(--page-gutter);
    padding-bottom: 0;
}

@media (max-width: 530){
    .content[b-fvsd8oqawt] {
        padding: 10px 5px !important;
    }
}
/* /Components/Menu.razor.rz.scp.css */
.menu[b-20bnanmevd] {
    height: 80px;
    display: flex;
    border-bottom: 1px solid var(--border-color);
    padding: 0 var(--page-gutter);
    background-color: var(--Menu-Color);
    color: white;
}

    .menu.webtest[b-20bnanmevd] {
        background-color: var(--Menu-Color-WebTest);
    }

.menu-items[b-20bnanmevd] {
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}

.menu-text[b-20bnanmevd] {
    display: flex;
    align-items: center;
    font-family: Arial;
    font-size: 12px;
    color: white;
}

.menu-spacer[b-20bnanmevd] {
    flex-grow: 1;
}

.menu-icon-spacer[b-20bnanmevd] {
    width: 0.5vw;
}

[b-20bnanmevd] .menu-item {
    height: 60%;
    border-bottom: 3px solid var(--page-color);
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    width: auto;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-inline: 10px;
}

    [b-20bnanmevd] .menu-item.active {
        border-bottom: 3px solid var(--primary-color);
    }

.menu-buttons[b-20bnanmevd] {
    display: flex;
    align-items: center;
}

    .menu-buttons a[b-20bnanmevd] {
        margin: 0 4px;
    }

    .menu-buttons .shopping-lists[b-20bnanmevd] {
        width: 21px;
        margin: 0 7px;
    }

    .menu-buttons .account[b-20bnanmevd] {
        width: 22px;
        margin: 0 5px;
    }

    .menu-buttons .shopping-cart[b-20bnanmevd] {
        width: 24px;
        margin: 0 16px 0 4px;
    }

    .menu-buttons .shopping-cart-count[b-20bnanmevd] {
        font-family: opensans-regular,'Arial';
        font-size: 14px;
        background-color: var(--primary-color);
        color: var(--primary-button-text-color);
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        margin-left: -24px;
        margin-top: -24px;
        line-height: 24px;
    }

.ProfileLogoAndCompanyCode[b-20bnanmevd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.login[b-20bnanmevd] {
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 460px) {
    .cust-logo[b-20bnanmevd] {
        width: 250px;
    }

    .menu-text[b-20bnanmevd] {
        font-size: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 385px) {
    .menu[b-20bnanmevd] {
        padding: 0 5px !important;
    }
}
@media (max-width: 405px) {
    .menu-buttons[b-20bnanmevd] {
        font-size: 12px;
    }
}
/* /Components/MobileUsers.razor.rz.scp.css */
.toolbar[b-xjauczge6x] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content:baseline;
}

input[type='text'][b-xjauczge6x], [type='date'][b-xjauczge6x] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}
input[type='checkbox'][b-xjauczge6x], .form-check-label[b-xjauczge6x] {
    cursor: pointer;
}

input:hover[b-xjauczge6x], input:focus[b-xjauczge6x] {
    border: 1px solid var(--selected-textbox-color);
}

.buttonsBar[b-xjauczge6x] {
    display: flex;
    justify-content: space-between;
}

    .buttonsBar div button[b-xjauczge6x] {
        margin: 0 20px 0 0;
    }

div.buttonsBar span[b-xjauczge6x] {
    margin-right: 10px;
}

button[b-xjauczge6x] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button.active[b-xjauczge6x] {
        -webkit-box-shadow: inset 0px 0px 5px #494949;
        -moz-box-shadow: inset 0px 0px 5px #494949;
        box-shadow: inset 0px 0px 5px #494949;
        color: var(--secondary-button-text-color);
        background-color: var(--secondary-button-color);
    }

    button.red[b-xjauczge6x] {
        color: white;
        background-color: red;
    }

    button.green[b-xjauczge6x] {
        color: white;
        background-color: green;
    }


td button[b-xjauczge6x] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-xjauczge6x] {
    text-align: right;
}

button[disabled][b-xjauczge6x] {
opacity: 0.5;
cursor: default;
}

.search[b-xjauczge6x] {
    display: flex;
    align-items: center;
}

.searchBox[b-xjauczge6x] {
    position: relative;
    width: 100%;
}

.clear[b-xjauczge6x] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

.clear:hover[b-xjauczge6x], .clear:focus[b-xjauczge6x] {
    border: 1px solid var(--selected-textbox-color);
}

th[b-xjauczge6x] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}
.info[b-xjauczge6x] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 120px;
}

th.info[b-xjauczge6x] {
    cursor: pointer;
}

.viewBtn[b-xjauczge6x] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}
.bborder[b-xjauczge6x] {
    border-bottom: 1px solid var(--border-color);
}

.bborder td[b-xjauczge6x] {
    border:none;
}
.rightalight[b-xjauczge6x] {
    text-align: right;
}

.infolink:hover[b-xjauczge6x] {
    cursor: pointer;
}

.infolink[b-xjauczge6x] {
    width:20px;
    margin-left:10px;
}
ul[b-xjauczge6x] {
    padding-right: 17px;
}
h3[b-xjauczge6x]{
    margin:0px;
    color: var(--page-text-color);
}

label[b-xjauczge6x]{
    color: var(--page-text-color);
}

p[b-xjauczge6x] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-xjauczge6x] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.mobileDevicesTable > thead th:first-child[b-xjauczge6x] {
    left: 0;
}

.mobileDevicesTable > tbody tr td:first-child[b-xjauczge6x] {
    left: 0;
}

.mobileDevicesTable > thead th:nth-child(2)[b-xjauczge6x] {
    left: 120px;
}

.mobileDevicesTable > tbody tr td:nth-child(2)[b-xjauczge6x] {
    left: 120px;
}


.mobileDevicesTable > thead th:last-child[b-xjauczge6x] {
    max-width: 80px;
}

.mobileDevicesTable > tbody tr td:last-child[b-xjauczge6x] {
    max-width: 80px;
}

.mobileDevicesTable > tbody td[b-xjauczge6x] {
    padding: .5rem;
}

.mobileDevicesTable > tbody tr:nth-child(odd)[b-xjauczge6x] {
    background-color: #eee;
}

.mobileDevicesTable > tbody tr:nth-child(even)[b-xjauczge6x] {
    background-color: #fff;
}

.mobileDevicesTable > tbody tr:hover td[b-xjauczge6x] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.mobileDevicesTable[b-xjauczge6x] {
    display: block;
    overflow: auto;
    scrollbar-width: thin !important;
}

    .mobileDevicesTable[b-xjauczge6x]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .mobileDevicesTable[b-xjauczge6x]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .mobileDevicesTable[b-xjauczge6x]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .mobileDevicesTable[b-xjauczge6x]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-xjauczge6x] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}

.buttonRow[b-xjauczge6x] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

@media (min-width: 580px) and (max-width: 1250px) {
    .sticky[b-xjauczge6x] {
        position: sticky;
        background-color: inherit;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

        .sticky.right[b-xjauczge6x] {
            right: 0;
            box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
        }

        .sticky.left[b-xjauczge6x] {
            box-shadow: inset 0 0 0 #000000, inset -1px 0 0 #000000;
        }

    th.sticky[b-xjauczge6x] {
        background-color: var(--page-color);
    }
}

/* If a device is smaller than this, it cannot have all of the sticky columns, since they are larger than 580px */
@media (max-width: 580px) {
    .sticky.right[b-xjauczge6x] {
        position: sticky;
        background-color: inherit;
        right: 0;
        box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
    }

    th.sticky[b-xjauczge6x] {
        background-color: var(--page-color)!important;
    }

    .textSticky[b-xjauczge6x] {
        position: sticky;
        left: 0;
        height: 37px;
        background-color: white;
        align-content: center;
    }
    
}
/* /Components/OfflinePOS.razor.rz.scp.css */
.toolbar[b-47ahe91ol1] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

input[type='text'][b-47ahe91ol1], [type='date'][b-47ahe91ol1] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input[type='checkbox'][b-47ahe91ol1], .form-check-label[b-47ahe91ol1] {
    cursor: pointer;
}

input:hover[b-47ahe91ol1], input:focus[b-47ahe91ol1] {
    border: 1px solid var(--selected-textbox-color);
}

.form-check-input:checked[b-47ahe91ol1] {
    background-color: var(--secondary-button-color);
    border-color: var(--secondary-button-color);
}

.buttonsBar[b-47ahe91ol1] {
    display: flex;
    justify-content: space-between;
}

    .buttonsBar div button[b-47ahe91ol1] {
        margin: 0 20px 0 0;
    }

div.buttonsBar span[b-47ahe91ol1] {
    margin-right: 10px;
}

button[b-47ahe91ol1] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button.active[b-47ahe91ol1] {
        -webkit-box-shadow: inset 0px 0px 5px #494949;
        -moz-box-shadow: inset 0px 0px 5px #494949;
        box-shadow: inset 0px 0px 5px #494949;
        color: var(--secondary-button-text-color);
        background-color: var(--secondary-button-color);
    }

    button.red[b-47ahe91ol1] {
        color: white;
        background-color: red;
    }

td button[b-47ahe91ol1] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-47ahe91ol1] {
    text-align: right;
}

td.centeralign[b-47ahe91ol1] {
    text-align: center;
}

th.centeralign[b-47ahe91ol1] {
    text-align: center;
}

button[disabled][b-47ahe91ol1] {
    opacity: 0.5;
    cursor: default;
}

.search[b-47ahe91ol1] {
    display: flex;
    align-items: center;
}

.searchBox[b-47ahe91ol1] {
    position: relative;
    width: 100%;
}

.clear[b-47ahe91ol1] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

    .clear:hover[b-47ahe91ol1], .clear:focus[b-47ahe91ol1] {
        border: 1px solid var(--selected-textbox-color);
    }

th[b-47ahe91ol1] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

.info[b-47ahe91ol1] {
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 120px;
}

th.sortable[b-47ahe91ol1] {
    cursor: pointer;
}

.viewBtn[b-47ahe91ol1] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}

.bborder[b-47ahe91ol1] {
    border-bottom: 1px solid var(--border-color);
}

    .bborder td[b-47ahe91ol1] {
        border: none;
    }

.rightalight[b-47ahe91ol1] {
    text-align: right;
}

.infolink:hover[b-47ahe91ol1] {
    cursor: pointer;
}

.infolink[b-47ahe91ol1] {
    width: 20px;
    margin-left: 10px;
}

ul[b-47ahe91ol1] {
    padding-right: 17px;
}

h3[b-47ahe91ol1] {
    margin: 0px;
    color: var(--page-text-color);
}

label[b-47ahe91ol1] {
    color: var(--page-text-color);
}

p[b-47ahe91ol1] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-47ahe91ol1] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.posTerminalTable > thead th:first-child[b-47ahe91ol1] {
    left: 0;
    background-color: var(--page-color);
}

.posTerminalTable > tbody tr td:first-child[b-47ahe91ol1] {
    left: 0;
}

.posTerminalTable > thead th:nth-child(2)[b-47ahe91ol1] {
    left: 120px;
}

.posTerminalTable > tbody tr td:nth-child(2)[b-47ahe91ol1] {
    left: 120px;
}

.posTerminalTable > tbody tr:nth-child(odd)[b-47ahe91ol1] {
    background-color: #eee;
}

.posTerminalTable > tbody tr:nth-child(even)[b-47ahe91ol1] {
    background-color: #fff;
}

.posTerminalTable > thead th:last-child[b-47ahe91ol1] {
    max-width: 80px;
}

.posTerminalTable > tbody tr td:last-child[b-47ahe91ol1] {
    max-width: 80px;
}

.posTerminalTable > tbody td[b-47ahe91ol1] {
    padding: .5rem;
}

.posTerminalTable > tbody tr:hover td[b-47ahe91ol1] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.posTerminalTable[b-47ahe91ol1] {
    display: block;
    overflow: auto;
    scrollbar-width: thin !important;
}

    .posTerminalTable[b-47ahe91ol1]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .posTerminalTable[b-47ahe91ol1]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .posTerminalTable[b-47ahe91ol1]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .posTerminalTable[b-47ahe91ol1]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-47ahe91ol1] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}

.buttonRow[b-47ahe91ol1] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

@media (min-width: 580px) and (max-width: 1250px) {
    .sticky[b-47ahe91ol1] {
        position: sticky;
        background-color: inherit;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

        .sticky.right[b-47ahe91ol1] {
            right: 0;
            box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
        }

        .sticky.left[b-47ahe91ol1] {
            box-shadow: inset 0 0 0 #000000, inset -1px 0 0 #000000;
        }

    th.sticky[b-47ahe91ol1] {
        background-color: var(--page-color);
    }
}

/* If a device is smaller than this, it cannot have all of the sticky columns, since they are larger than 580px */
@media (max-width: 580px) {
    .sticky.right[b-47ahe91ol1] {
        position: sticky;
        background-color: inherit;
        right: 0;
        box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
    }

    th.sticky[b-47ahe91ol1] {
        background-color: var(--page-color) !important;
    }

    .textSticky[b-47ahe91ol1] {
        position: sticky;
        left: 0;
        height: 37px;
        background-color: white;
        align-content: center;
    }
}
/* /Components/Pager.razor.rz.scp.css */
.pager[b-m6pjpzd273] {
    display: flex;
    justify-content: center;
    font-family: montserrat-light;
    font-size: 13px;
    padding: var(--page-gutter);
}

.top-pager[b-m6pjpzd273] {
    border-bottom: 1px solid var(--border-color);
}

.bottom-pager[b-m6pjpzd273] {
}

button[b-m6pjpzd273] {
    width: auto;
    min-width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    margin: 0 8px;
    text-align: center;
    background-color: var(--page-color);
    color: var(--page-text-color);
    cursor: pointer;
    outline: none;
}

span[b-m6pjpzd273] {
    margin: 2px 8px;
    color: var(--page-text-color);
}

button:hover[b-m6pjpzd273] {
    border-color: var(--primary-color);
}

button:disabled[b-m6pjpzd273] {
    border: 1px solid var(--border-color);
    opacity: 0.5;
    cursor: default;
}

.current[b-m6pjpzd273] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
}

.previous[b-m6pjpzd273], .next[b-m6pjpzd273] {
    width: 100px;
}
/* /Components/ResetHostedUserPasswordModal.razor.rz.scp.css */
ul[b-zq5e8lobp5] {
    color: var(--delete-button-color);
}

li.invalid[b-zq5e8lobp5] {
    color: var(--delete-button-color);
}

li.valid[b-zq5e8lobp5] {
    color: var(--page-text-color);
}

div .passwordRequirements[b-zq5e8lobp5] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}

h2[b-zq5e8lobp5] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

button[b-zq5e8lobp5] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
    margin-left: var(--page-gutter);
}

    button[disabled][b-zq5e8lobp5] {
        opacity: 0.5;
        cursor: default;
    }

.cancel[b-zq5e8lobp5] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

section input[b-zq5e8lobp5] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    width: 350px;
    border-radius: 4px;
}

    section input:focus[b-zq5e8lobp5] {
        border-color: var(--primary-color);
    }

section div[b-zq5e8lobp5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}


section label[b-zq5e8lobp5] {
    font-family: montserrat-light;
    font-size: 14px;
    margin: 0 8px 0px 0px;
    text-wrap: none;
}

section[b-zq5e8lobp5] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

div .genPwrd > p[b-zq5e8lobp5] {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 10px;
}
/* /Components/SupportContracts.razor.rz.scp.css */
.toolbar[b-3o3mohch8r] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

input[type='text'][b-3o3mohch8r], [type='date'][b-3o3mohch8r] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input[type='checkbox'][b-3o3mohch8r], .form-check-label[b-3o3mohch8r] {
    cursor: pointer;
}

input:hover[b-3o3mohch8r], input:focus[b-3o3mohch8r] {
    border: 1px solid var(--selected-textbox-color);
}

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

button[b-3o3mohch8r] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 32px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}


td button[b-3o3mohch8r] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-3o3mohch8r] {
    text-align: right;
}

button[disabled][b-3o3mohch8r] {
    opacity: 0.5;
    cursor: default;
}

.search[b-3o3mohch8r] {
    display: flex;
    align-items: center;
}

.searchBox[b-3o3mohch8r] {
    position: relative;
    width: 100%;
}

.clear[b-3o3mohch8r] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

    .clear:hover[b-3o3mohch8r], .clear:focus[b-3o3mohch8r] {
        border: 1px solid var(--selected-textbox-color);
    }

th[b-3o3mohch8r] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

.info[b-3o3mohch8r] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 120px;
}

th.info[b-3o3mohch8r] {
    cursor: pointer;
}

.viewBtn[b-3o3mohch8r] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}

.bborder[b-3o3mohch8r] {
    border-bottom: 1px solid var(--border-color);
}

    .bborder td[b-3o3mohch8r] {
        border: none;
    }

.rightalight[b-3o3mohch8r] {
    text-align: right;
}

.infolink:hover[b-3o3mohch8r] {
    cursor: pointer;
}

.infolink[b-3o3mohch8r] {
    width: 20px;
    margin-left: 10px;
}

ul[b-3o3mohch8r] {
    padding-right: 17px;
}

h3[b-3o3mohch8r] {
    margin: 0px;
    color: var(--page-text-color);
}

label[b-3o3mohch8r] {
    color: var(--page-text-color);
}

p[b-3o3mohch8r] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-3o3mohch8r] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.contractsTable > thead th:first-child[b-3o3mohch8r] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.contractsTable > tbody tr td:first-child[b-3o3mohch8r] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.contractsTable > thead th:nth-child(2)[b-3o3mohch8r] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}

.contractsTable > tbody tr td:nth-child(2)[b-3o3mohch8r] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}


.contractsTable > thead th:last-child[b-3o3mohch8r] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.contractsTable > tbody tr td:last-child[b-3o3mohch8r] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.contractsTable > tbody td[b-3o3mohch8r] {
    padding: .5rem;
}

.contractsTable > tbody tr:hover td[b-3o3mohch8r] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.contractsTable[b-3o3mohch8r] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
}

    .contractsTable[b-3o3mohch8r]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .contractsTable[b-3o3mohch8r]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .contractsTable[b-3o3mohch8r]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .contractsTable[b-3o3mohch8r]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-3o3mohch8r] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}
/* /Components/VideoMessage.razor.rz.scp.css */
body[b-0xa4r4yrtp] {
}
/* /Components/WorkOrders.razor.rz.scp.css */
.toolbar[b-ndqid80ixb] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

input[type='text'][b-ndqid80ixb], [type='date'][b-ndqid80ixb] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input[type='checkbox'][b-ndqid80ixb], .form-check-label[b-ndqid80ixb] {
    cursor: pointer;
}

input:hover[b-ndqid80ixb], input:focus[b-ndqid80ixb] {
    border: 1px solid var(--selected-textbox-color);
}

.buttonsBar[b-ndqid80ixb] {
    display: flex;
    justify-content: space-between;
}

div.buttonsBar span[b-ndqid80ixb]{
    margin-right: 10px;
}

button[b-ndqid80ixb] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button.active[b-ndqid80ixb] {
        -webkit-box-shadow: inset 0px 0px 5px #494949;
        -moz-box-shadow: inset 0px 0px 5px #494949;
        box-shadow: inset 0px 0px 5px #494949;
        color: var(--secondary-button-text-color);
        background-color: var(--secondary-button-color);
    }

    button:not(.clear)[b-ndqid80ixb] {
        margin: 0 20px 0 0;
    }


td button[b-ndqid80ixb] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-ndqid80ixb] {
    text-align: right;
}

button[disabled][b-ndqid80ixb] {
    opacity: 0.5;
    cursor: default;
}

.search[b-ndqid80ixb] {
    display: flex;
    align-items: center;
}

.searchBox[b-ndqid80ixb] {
    position: relative;
    width: 100%;
}

.clear[b-ndqid80ixb] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

    .clear:hover[b-ndqid80ixb], .clear:focus[b-ndqid80ixb] {
        border: 1px solid var(--selected-textbox-color);
    }

th[b-ndqid80ixb] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

.info[b-ndqid80ixb] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
}

th.info[b-ndqid80ixb] {
    cursor: pointer;
}

tr.bborder[b-ndqid80ixb] {
    cursor: pointer;
}

.viewBtn[b-ndqid80ixb] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}

.bborder[b-ndqid80ixb] {
    border-bottom: 1px solid var(--border-color);
}

    .bborder td[b-ndqid80ixb] {
        border: none;
    }

.rightalight[b-ndqid80ixb] {
    text-align: right;
}

.infolink:hover[b-ndqid80ixb] {
    cursor: pointer;
}

.infolink[b-ndqid80ixb] {
    width: 20px;
    margin-left: 10px;
}

ul[b-ndqid80ixb] {
    padding-right: 17px;
}

h3[b-ndqid80ixb] {
    margin: 0px;
    color: var(--page-text-color);
}

label[b-ndqid80ixb] {
    color: var(--page-text-color);
}

p[b-ndqid80ixb] {
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

p.noWorkOrders[b-ndqid80ixb] {
    text-align: center;
}

table[b-ndqid80ixb] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
    table-layout: fixed;
    width: 95%;
}

/*.workOrderTable > thead th:first-child {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.workOrderTable > tbody tr td:first-child {
    position: sticky;
    left: 0;
}*/

.workOrderTable > tbody tr:nth-child(odd) td:first-child[b-ndqid80ixb] {
    background-color: #eee;
}

.workOrderTable > tbody tr:nth-child(even) td:first-child[b-ndqid80ixb] {
    background-color: #fff;
}

.workOrderTable > tbody td[b-ndqid80ixb] {
    padding: .5rem;
}

.workOrderTable > tbody tr:hover td[b-ndqid80ixb] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.workOrderTable > tbody tr:nth-child(odd)[b-ndqid80ixb] {
    background-color: #eee;
}

.workOrderTable > tbody tr:nth-child(even)[b-ndqid80ixb] {
    background-color: #fff;
}

.workOrderTable[b-ndqid80ixb] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
}

    .workOrderTable[b-ndqid80ixb]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .workOrderTable[b-ndqid80ixb]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .workOrderTable[b-ndqid80ixb]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .workOrderTable[b-ndqid80ixb]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-ndqid80ixb] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}

p.summaryInfo[b-ndqid80ixb] {
    margin-top: 15px;
}

span.summaryInfo[b-ndqid80ixb]{
    font-size: 14px;
    margin-right: 40px;
}

.buttonRow[b-ndqid80ixb] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

@media (min-width: 580px) and (max-width: 1250px) {
    .pSticky[b-ndqid80ixb] {
        position: sticky;
        left: 0;
    }
    .sticky[b-ndqid80ixb] {
        position: sticky;
        background-color: inherit;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

        .sticky.right[b-ndqid80ixb] {
            right: 0;
            box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
        }

        .sticky.left[b-ndqid80ixb] {
            box-shadow: inset 0 0 0 #000000, inset -1px 0 0 #000000;
            left: 0;
        }

    th.sticky[b-ndqid80ixb] {
        background-color: var(--page-color);
    }
}

/* If a device is smaller than this, it cannot have all of the sticky columns, since they are larger than 580px */
@media (max-width: 580px) {
    .sticky.right[b-ndqid80ixb] {
        position: sticky;
        background-color: inherit;
        right: 0;
        box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
    }

    th.sticky[b-ndqid80ixb] {
        background-color: var(--page-color) !important;
    }

    .textSticky[b-ndqid80ixb] {
        position: sticky;
        left: 0;
        height: 37px;
        background-color: white;
        align-content: center;
    }
}
/* /Pages/ContractDetails.razor.rz.scp.css */
label[b-uhqw5akjmf] {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    margin-left: 20px;
}

table[b-uhqw5akjmf] {
    font-size: 15px;
    margin: 10px;
}

.footer[b-uhqw5akjmf] {
    margin-top: 35px;
    display: block;
    overflow-x: auto;
}

thead > th:first-child[b-uhqw5akjmf] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer > tbody tr.bborder:hover td[b-uhqw5akjmf] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.bborder > td:first-child[b-uhqw5akjmf] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer[b-uhqw5akjmf]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.footer[b-uhqw5akjmf]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.footer[b-uhqw5akjmf]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.footer[b-uhqw5akjmf]::-webkit-scrollbar-button {
    display: none;
}

th[b-uhqw5akjmf] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 15px;
    white-space: nowrap;
    border-bottom: solid;
}

td[b-uhqw5akjmf] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    /*min-width: 140px;*/
}

tr.bborder td[b-uhqw5akjmf] {
    padding: 8px 4px;
}

.bborder[b-uhqw5akjmf] {
    border-bottom: 1px solid var(--border-color);
}

.kitItem[b-uhqw5akjmf] {
    border-bottom: none !important;
}

.flex[b-uhqw5akjmf] {
    display: flex;
    margin: 5px;
}

div[b-uhqw5akjmf] {
    font-size: 15px;
}

label[b-uhqw5akjmf] {
    font-size: 15px;
}

.top[b-uhqw5akjmf] {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    color: var(--page-text-color);
    display: flex;
    align-items: center;
    height: 73px;
}


.clickable[b-uhqw5akjmf] {
    font-weight: bold;
    color: var(--primary-color);
    cursor: pointer;
}

.backarrow[b-uhqw5akjmf] {
    font-size: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: pointer;
    color: var(--primary-color);
}

.rightalign[b-uhqw5akjmf] {
    text-align: right;
}

.centeralign[b-uhqw5akjmf] {
    text-align: center;
}

button[b-uhqw5akjmf] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
}

    button[disabled][b-uhqw5akjmf] {
        opacity: 0.5;
        cursor: help;
    }

.cpybtn[b-uhqw5akjmf] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: 2px solid var(--secondary-button-color);
}

.printbtn[b-uhqw5akjmf] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
}

.loader[b-uhqw5akjmf] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-uhqw5akjmf 2s linear infinite;
}

.flex[b-uhqw5akjmf] {
    color: var(--page-text-color);
}

.footer[b-uhqw5akjmf] {
    color: var(--page-text-color);
}

h2[b-uhqw5akjmf] {
    color: var(--page-text-color);
}

@keyframes spin-b-uhqw5akjmf {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.contractInfo[b-uhqw5akjmf] {
    margin-right: 10px;
}

a:not(.prodCode)[b-uhqw5akjmf] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
    text-decoration: none;
}

.disabled[b-uhqw5akjmf] {
    opacity: 0.5;
    cursor: default !important;
    pointer-events: none;
}

button[b-uhqw5akjmf] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
    margin-left: 5px;
}

    button[disabled][b-uhqw5akjmf] {
        opacity: 0.5;
        cursor: help;
    }

.spacer[b-uhqw5akjmf] {
    width: 95vh;
}

.arrowdown[b-uhqw5akjmf] {
    cursor: pointer;
}

    .arrowdown[b-uhqw5akjmf]::before {
        margin-right: 5PX;
        cursor: pointer;
    }

.arrowright[b-uhqw5akjmf] {
    cursor: pointer;
}

    .arrowright[b-uhqw5akjmf]::before {
        margin-right: 5PX;
        cursor: pointer;
    }
/* /Pages/Design.razor.rz.scp.css */
h1[b-wsspn39okp] {
    font-family: opensans-bold,'Arial Black';
    font-size: 20px;
    line-height: 24px;
}

h2[b-wsspn39okp] {
    font-family: opensans-bold,'Arial Black';
    font-size: 16px;
    line-height: 24px;
}

.block[b-wsspn39okp] {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}

.block label[b-wsspn39okp], .block label.before[b-wsspn39okp] {
    padding-right: 8px;
}

.block label.after[b-wsspn39okp] {
    padding-left: 8px;
}

.color-sample[b-wsspn39okp] {
    border-radius: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #666;
}

.font-sample[b-wsspn39okp] {
    border-radius: 8px;
    padding:8px;
    border: 1px solid #666;
    font-size:14px;
}
/* /Pages/Home.razor.rz.scp.css */
.main[b-luo955wdbi] {
    display: flex;
    min-height: 100%;
}

.navbarex[b-luo955wdbi] {
    /*min-height: calc(100vh);*/
    width: 15%;
    display: block;
}

    .navbarex p[b-luo955wdbi] {
        font-family: opensans-bold, 'Arial Black';
        font-size: 16px;
        color: var(--page-text-color);
    }

li[b-luo955wdbi] {
    margin-top: var(--page-gutter);
    margin-bottom: calc(var(--page-gutter)/2);
}

ul[b-luo955wdbi] {
    padding-left: 0px;
}

/*.top {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    color: var(--page-text-color);
    display: flex;
    align-items: center;
}

.menu-items {
    display: flex;
    align-items: flex-end;
}*/

[b-luo955wdbi] .menu-item {
    height: 60%;
    /*border-bottom: 3px solid var(--page-color);*/
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    width: auto;
    color: var(--page-text-color);
    text-align: center;
    text-decoration: none;
    margin-inline: 10px;
}

    [b-luo955wdbi] .menu-item.active {
        border-bottom: 3px solid var(--primary-color);
    }

.layout[b-luo955wdbi] {
    flex-grow: 1;
    /* display: flex;*/
    width: 80%;
    border-left: 1px solid var(--border-color);
}

.lists[b-luo955wdbi] {
    line-height: 24px;
    color: var(--page-text-color);
    white-space: nowrap;
    margin-right: var(--page-gutter);
    flex-grow: 0.25;
}

.lists a[b-luo955wdbi], a:visited[b-luo955wdbi] {
    font-family: montserrat-light;
    font-size: 12px;
    text-decoration: none;
    color: var(--page-text-color);
}

.lists a:hover[b-luo955wdbi], a.current[b-luo955wdbi] {
    color: var(--primary-color);
}

.lists a.current[b-luo955wdbi] {
    font-family: montserrat-semibold;
}

h1[b-luo955wdbi] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    margin: var(--page-gutter) 0 10px 0;
}

.listitem[b-luo955wdbi] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.listitem label[b-luo955wdbi] {
    justify-content: left;
    margin-left: 14px;
    font-family: montserrat-medium;
}


.listitem .header[b-luo955wdbi] {
    display: flex;
    justify-content: space-between;
    font-family: montserrat-light;
    font-size: 13px;
    padding: var(--page-gutter);
    border-bottom: 1px solid var(--border-color);
}

.listitem .header label[b-luo955wdbi] {
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
}


.listitem .item .properties[b-luo955wdbi] {
    flex-grow: 1;
    margin-left: var(--page-gutter);
}

.disabled[b-luo955wdbi] {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.nodot[b-luo955wdbi] {
    list-style: none;
}

.menu-icon > .line[b-luo955wdbi] {
    background-color: var(--primary-color);
    height: 3px;
    display: block;
    width: 20px;
}

.menu-icon > .line + .line[b-luo955wdbi] {
    margin-top: 5px;
}

.nodot a[b-luo955wdbi] {
    display: flex;
    align-items: center;
}

.nodot svg[b-luo955wdbi] {
    margin-right: 5px;
}

.icon[b-luo955wdbi] {
    display: none;
    z-index: 80;
    padding-left: 3px;
    padding-top: 3px;
}

.navHeader[b-luo955wdbi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navHeader h4[b-luo955wdbi] {
    margin-bottom: 0;
}

.close[b-luo955wdbi] {
    margin-right: 10px;
}

#closeBtn[b-luo955wdbi] {
    display: none;
}

@media (max-width: 1160px) {
    #closeBtn[b-luo955wdbi] {
        display: block;
    }

    a.icon[b-luo955wdbi] {
        float: left;
        display: block;
        padding-right: 10px;
        height: fit-content;
    }

    a.icon.hide[b-luo955wdbi] {
        display: none;
    }

    .navbarex[b-luo955wdbi] {
        display: none;
    }

    .navbarex.responsive[b-luo955wdbi] {
        position: absolute;
        display: block;
        background-color: var(--primary-color);
        color: var(--primary-button-text-color);
        width: 200px;
        top: 0;
        bottom: 0;
        left: 0px;
        z-index: 50;
        padding-left: 10px;
    }

    .navbarex a[b-luo955wdbi] {
        color: white;
    }

    .navbarex svg path[b-luo955wdbi] {
        fill: white;
    }

    .navbarex.responsive > div[b-luo955wdbi]{
        margin-top: 25px;
        margin-left: var(--page-gutter);
    }

    [b-luo955wdbi] .menu-item.active {
        border-bottom: 3px solid white;
        background-color: #000a31;
    }
}

/* /Pages/Login.razor.rz.scp.css */
h1[b-4lerbiy05p] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-4lerbiy05p] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-4lerbiy05p] {
    font-size: 14px;
    margin-right: 8px;
    color: var(--page-text-color);
}

div[b-4lerbiy05p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

input[b-4lerbiy05p] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    min-width: 300px;
}

input:focus[b-4lerbiy05p] {
    border-color: var(--primary-color);
}

button[b-4lerbiy05p] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}
button:hover[b-4lerbiy05p] {
    border-color: var(--border-color);
}

button[disabled][b-4lerbiy05p] {
    opacity: 0.5;
    cursor: default;
}

ul[b-4lerbiy05p] {
    color: var(--delete-button-color);
}

a:hover[b-4lerbiy05p] {
    color: var(--primary-color);
}

.loginForm[b-4lerbiy05p] {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    margin-top: 150px;
    padding: 30px 30px 50px 30px;
    background-color: white;
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
}

@media (max-width: 460px) {
    .content[b-4lerbiy05p] {
        padding: 0 10px;
    }

    .loginForm[b-4lerbiy05p] {
        max-width: 100%;
        overflow: auto;
        padding: 25px 25px 35px 25px;
        margin-top: 50%;
    }

    .loginInputs[b-4lerbiy05p] {
        display: unset;
    }

    .loginInputs input[b-4lerbiy05p] {
        margin-right: 10px;
        width: 100%;
    }
}

@media (max-width: 400px) {
    .loginInputs input[b-4lerbiy05p] {
        min-width: 100%;
    }
}
/* /Pages/Register.razor.rz.scp.css */
h1[b-da4g2zsw7x] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-da4g2zsw7x] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-da4g2zsw7x] {
    font-size: 14px;
    margin-right: 8px;
}

div[b-da4g2zsw7x] {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

    div .passwordRequirements[b-da4g2zsw7x] {
        justify-content: flex-start;
        width: 100%;
        max-width: 500px;
        display: block;
        overflow: auto;
    }

input[b-da4g2zsw7x] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
}

ul[b-da4g2zsw7x] {
    color: var(--delete-button-color);
}

li.invalid[b-da4g2zsw7x] {
    color: var(--bs-red);
}

li.valid[b-da4g2zsw7x] {
    color: var(--bs-green);
}


input:focus[b-da4g2zsw7x] {
    border-color: var(--primary-color);
}

button[b-da4g2zsw7x] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

button:hover[b-da4g2zsw7x] {
    border-color: var(--border-color);
}

button[disabled][b-da4g2zsw7x] {
    opacity: 0.5;
    cursor: default;
}

.instructions[b-da4g2zsw7x] {
    display: block;
    width: fit-content;
}

.instructions p[b-da4g2zsw7x] {
    margin-bottom: 0;
}
/* /Pages/SelectCustomer.razor.rz.scp.css */
table[b-moagy1woea] {
    border-spacing: 0;
}

thead th[b-moagy1woea] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

tbody th[b-moagy1woea] {
    text-align: left;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td[b-moagy1woea] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td.right[b-moagy1woea] {
    text-align: right;
}

tr:hover[b-moagy1woea] {
    background-color: var(--page-on-hover);
}

.toolbar[b-moagy1woea] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

input[b-moagy1woea] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input:hover[b-moagy1woea], input:focus[b-moagy1woea] {
    border: 1px solid var(--selected-textbox-color);
}

button[b-moagy1woea] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 32px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

button[disabled][b-moagy1woea] {
    opacity: 0.5;
    cursor: default;
}

.search[b-moagy1woea] {
    display: flex;
    align-items: center;
}

.searchBox[b-moagy1woea] {
    position: relative;
    width: 100%;
}

.clear[b-moagy1woea] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.clear:hover[b-moagy1woea], .clear:focus[b-moagy1woea] {
    border: 1px solid var(--selected-textbox-color);
}

.warningmsg[b-moagy1woea] {
    color: var(--delete-button-color);
}

.content[b-moagy1woea] {
    color: var(--page-text-color);
}

.table[b-moagy1woea] {
    color: var(--page-text-color);
}

.Sorted[b-moagy1woea] {
    border-bottom: 3px solid var(--secondary-button-color) !important;
}

.right-Align[b-moagy1woea] {
    margin-left: auto;
    flex-basis: content;
    padding-right: 0px;
}

@media (max-width: 635px) {
    .sticky[b-moagy1woea] {
        position: sticky;
        right: 0;
        background-color: var(--page-color) !important;
        box-shadow: inset 1px 0 0 #000000, inset -2px 0 0 #000000 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .sticky button[b-moagy1woea] {
        margin: 0px !important;
    }
}
/* /Pages/WorkOrderDetails.razor.rz.scp.css */
label[b-wmu171kait] {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    margin-left: 20px;
}


.footer[b-wmu171kait] {
    margin-top: 35px;
    display: block;
    overflow-x: auto;
}


    .footer > tbody tr.bborder:hover td[b-wmu171kait] {
        background-color: var(--page-on-hover) !important;
        color: var(--page-text-color);
    }

.bborder > td:first-child[b-wmu171kait] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer[b-wmu171kait]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.footer[b-wmu171kait]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.footer[b-wmu171kait]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.footer[b-wmu171kait]::-webkit-scrollbar-button {
    display: none;
}


.bborder[b-wmu171kait] {
    border-bottom: 1px solid var(--border-color);
}

.top[b-wmu171kait] {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    color: var(--page-text-color);
    display: flex;
    align-items: center;
    height: 73px;
}


.clickable[b-wmu171kait] {
    font-weight: bold;
    color: var(--primary-color);
    cursor: pointer;
}

.backarrow[b-wmu171kait] {
    font-size: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: pointer;
    color: var(--primary-color);
}

.rightalign[b-wmu171kait] {
    text-align: right;
}

.centeralign[b-wmu171kait] {
    text-align: center;
}

button[b-wmu171kait] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
}

    button[disabled][b-wmu171kait] {
        opacity: 0.5;
        cursor: help;
    }

.cpybtn[b-wmu171kait] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: 2px solid var(--secondary-button-color);
}

.printbtn[b-wmu171kait] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
}

.loader[b-wmu171kait] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-wmu171kait 2s linear infinite;
}

.flex[b-wmu171kait] {
    color: var(--page-text-color);
}

.footer[b-wmu171kait] {
    color: var(--page-text-color);
}

h2[b-wmu171kait] {
    color: var(--page-text-color);
}

@keyframes spin-b-wmu171kait {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.orderInfo[b-wmu171kait] {
    margin-right: 10px;
}

a:not(.prodCode)[b-wmu171kait] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
    text-decoration: none;
}

.disabled[b-wmu171kait] {
    opacity: 0.5;
    cursor: default !important;
    pointer-events: none;
}

button[b-wmu171kait] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
    margin-left: 5px;
}

    button[disabled][b-wmu171kait] {
        opacity: 0.5;
        cursor: help;
    }

.spacer[b-wmu171kait] {
    width: 95vh;
}

.arrowdown[b-wmu171kait] {
    cursor: pointer;
}

    .arrowdown[b-wmu171kait]::before {
        margin-right: 5PX;
        cursor: pointer;
    }

.arrowright[b-wmu171kait] {
    cursor: pointer;
}

    .arrowright[b-wmu171kait]::before {
        margin-right: 5PX;
        cursor: pointer;
    }

.odd-row[b-wmu171kait] {
    background-color: #eee;
}

.even-row[b-wmu171kait] {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Container for the "table" */
.divTable[b-wmu171kait] {
    display: grid;
    overflow: hidden;
    width: 100%;
}

.divTable-Row[b-wmu171kait] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr) minmax(min(150px, 100%), 1fr)); /*repeat(auto-fit, minmax(150px, 1fr));*/
}

.divTable-Cell.label[b-wmu171kait] {
    background-color: rgb(from var(--secondary-button-color) r g b / 85%);
    color: var(--secondary-button-text-color);
}

.label[b-wmu171kait] {
    text-align: right;
}

.divTable-Cell.value[b-wmu171kait] {
    padding-left: 5px;
    padding-right: 5px;
}

.table-header[b-wmu171kait] {
    background-color: #f4f4f4;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.cspan7[b-wmu171kait] {
    grid-column: 2 / span 7;
}

.detailsContainer[b-wmu171kait] {
    border: solid 1px black;
}

@media(min-width: 1248px) {
    /* header div table */
    .divTable .divTable-Row:nth-child(even)[b-wmu171kait] {
        border-top: 1.5px solid #eee;
        border-bottom: 1.5px solid #eee;
    }

    /* odd rows with grey background need white borders */
    .odd-row .divTable .divTable-Row:nth-child(even)[b-wmu171kait] {
        border-top: 1.5px solid white;
        border-bottom: 1.5px solid white;
    }
    /* even rows with white background need grey borders */
    .even-row .divTable .divTable-Row:nth-child(even)[b-wmu171kait] {
        border-top: 1.5px solid #eee;
        border-bottom: 1.5px solid #eee;
    }
}

@media (max-width: 1248px) {
    div.label[b-wmu171kait] {
        border-top: 1.5px solid #eee;
    }

    div.value[b-wmu171kait] {
        border-top: 1.5px solid #eee;
    }

    .even-row .label[b-wmu171kait] {
        border-top: 1.5px solid #eee;
    }

    .even-row .value[b-wmu171kait] {
        border-top: 1.5px solid #eee;
    }

    .odd-row .label[b-wmu171kait] {
        border-top: 1.5px solid white;
    }

    .odd-row .value[b-wmu171kait] {
        border-top: 1.5px solid white;
    }
}


/* Mobile stacked layout */
@media (max-width: 760px) {
    .divTable[b-wmu171kait] {
        display: block;
    }

    .table-row[b-wmu171kait] {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }

    .divTable-Cell[b-wmu171kait] {
        justify-content: space-between;
        padding: 5px 0;
    }

        .divTable-Cell.value[b-wmu171kait] {
            overflow-wrap: break-word;
        }
}