@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.ujcws5bfym.bundle.scp.css';

/* /Components/Dropdown/DropdownComponent.razor.rz.scp.css */
#tabs-link[b-g94z7btr7t] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-g94z7btr7t] {
    width: 130px;
}

#tabs-link > li > a:link[b-g94z7btr7t],
#tabs-link > li > a:visited[b-g94z7btr7t] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-g94z7btr7t] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-g94z7btr7t] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-g94z7btr7t] {
    display: none;
}

    .content:first-child[b-g94z7btr7t] {
        display: block;
    }

#license[b-g94z7btr7t] {
    display: block;
}


.first-tab[b-g94z7btr7t] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-g94z7btr7t] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-g94z7btr7t] {
    width: 100%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-g94z7btr7t] {
        width: 100%;
    }
}

.modal-body .select-style[b-g94z7btr7t] {
    width: 100%;
}

.select-style select[b-g94z7btr7t] {
    height: 35px;
}

input[placeholder-shown][b-g94z7btr7t], [placeholder][b-g94z7btr7t] {
    color: var(--icon) !important;
}

.select-label[b-g94z7btr7t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-g94z7btr7t] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-g94z7btr7t]::after {
    display: none;
}

.dropdown-item.active[b-g94z7btr7t], .dropdown-item:active[b-g94z7btr7t] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-g94z7btr7t] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-g94z7btr7t] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-g94z7btr7t]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-g94z7btr7t]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-g94z7btr7t] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-g94z7btr7t] {
        color: var(--txt);
    }

.table-wrapper table thead[b-g94z7btr7t] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-g94z7btr7t] {
    overflow: scroll;
}

.table-wrapper[b-g94z7btr7t] {
    max-height: 350px;
}

    .table-wrapper[b-g94z7btr7t]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-g94z7btr7t]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-g94z7btr7t] {
        width: 70px;
    }

    .form-floating[b-g94z7btr7t] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-g94z7btr7t] {
        width: 100%;
    }
}

.title h5[b-g94z7btr7t] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-g94z7btr7t] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-g94z7btr7t] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-g94z7btr7t] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-g94z7btr7t] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-g94z7btr7t] {
    font-weight: normal;
}

tr[b-g94z7btr7t],
td[b-g94z7btr7t] {
    text-align: center;
}

tbody[b-g94z7btr7t] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-g94z7btr7t] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-g94z7btr7t] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-g94z7btr7t],
.page-link.active[b-g94z7btr7t] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-g94z7btr7t] {
    box-shadow: none;
}

.page-link:hover[b-g94z7btr7t] {
    color: var(--icon);
}

.modal-body .form-floating[b-g94z7btr7t] {
    width: 100% !important;
}

.formf[b-g94z7btr7t] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-g94z7btr7t] {
        height: 40%;
    }

fieldset[b-g94z7btr7t] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-g94z7btr7t] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-g94z7btr7t] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-g94z7btr7t] {
    color: var(--icon);
}

.form-check-input:checked[b-g94z7btr7t] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-g94z7btr7t] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-g94z7btr7t] {
    overflow: scroll;
}

.table-wrapper[b-g94z7btr7t] {
    max-height: 350px;
}

    .table-wrapper table thead[b-g94z7btr7t] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-g94z7btr7t] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-g94z7btr7t]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-g94z7btr7t]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-g94z7btr7t]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-g94z7btr7t]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-g94z7btr7t] {
    background-color: var(--table-header);
}

thead tr[b-g94z7btr7t] {
    color: var(--main-txt);
}

td[b-g94z7btr7t] {
    color: var(--icon);
}

tr:hover[b-g94z7btr7t] {
    background-color: var(--main-background);
}

.form-control[b-g94z7btr7t] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-g94z7btr7t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-g94z7btr7t] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-g94z7btr7t] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-g94z7btr7t] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-g94z7btr7t]:before,
    a.sort-by[b-g94z7btr7t]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-g94z7btr7t]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-g94z7btr7t]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-g94z7btr7t] {
    background-color: var(--background);
}

.modal-footer[b-g94z7btr7t] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-g94z7btr7t] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-g94z7btr7t] {
    color: var(--main-color);
}

.btn-close:focus[b-g94z7btr7t] {
    box-shadow: none;
}


.text-table-left tr[b-g94z7btr7t],
.text-table-left td[b-g94z7btr7t] {
    text-align: right !important;
}

.profile-user[b-g94z7btr7t] {
    width: 15%;
}

.selected-profile-image[b-g94z7btr7t] {
    display: none;
}

.zp-tooltip[b-g94z7btr7t] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-g94z7btr7t] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-g94z7btr7t] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-g94z7btr7t] {
    right: -110px !important;
}

.licenseList-dropdown.dropdown-menu[b-g94z7btr7t] {
    /*inset: auto auto 0px 0px;!important;*/
}
.select2-container[b-g94z7btr7t] {
    z-index: 1055 !important;
}
/* /Components/GridComponetnt.razor.rz.scp.css */
#tabs-link[b-ck16867fp4] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-ck16867fp4] {
    width: 130px;
}

#tabs-link > li > a:link[b-ck16867fp4],
#tabs-link > li > a:visited[b-ck16867fp4] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-ck16867fp4] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-ck16867fp4] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-ck16867fp4] {
    display: none;
}

    .content:first-child[b-ck16867fp4] {
        display: block;
    }

#license[b-ck16867fp4] {
    display: block;
}


.first-tab[b-ck16867fp4] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-ck16867fp4] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-ck16867fp4] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-ck16867fp4] {
        width: 100%;
    }
}

.modal-body .select-style[b-ck16867fp4] {
    width: 100%;
}

.select-style select[b-ck16867fp4] {
    height: 35px;
}

input[placeholder-shown][b-ck16867fp4], [placeholder][b-ck16867fp4] {
    color: var(--icon) !important;
}

.select-label[b-ck16867fp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-ck16867fp4] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-ck16867fp4]::after {
    display: none;
}

.dropdown-item.active[b-ck16867fp4], .dropdown-item:active[b-ck16867fp4] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-ck16867fp4] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-ck16867fp4] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-ck16867fp4]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ck16867fp4]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-ck16867fp4] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-ck16867fp4] {
        color: var(--txt);
    }

.table-wrapper table thead[b-ck16867fp4] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-ck16867fp4] {
    overflow: scroll;
}

.table-wrapper[b-ck16867fp4] {
    max-height: 350px;
}

    .table-wrapper[b-ck16867fp4]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-ck16867fp4]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-ck16867fp4] {
        width: 70px;
    }

    .form-floating[b-ck16867fp4] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-ck16867fp4] {
        width: 100%;
    }
}

.title h5[b-ck16867fp4] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ck16867fp4] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-ck16867fp4] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-ck16867fp4] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ck16867fp4] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-ck16867fp4] {
    font-weight: normal;
}

tr[b-ck16867fp4],
td[b-ck16867fp4] {
    text-align: center;
}

tbody[b-ck16867fp4] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ck16867fp4] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-ck16867fp4] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-ck16867fp4],
.page-link.active[b-ck16867fp4] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ck16867fp4] {
    box-shadow: none;
}

.page-link:hover[b-ck16867fp4] {
    color: var(--icon);
}

.modal-body .form-floating[b-ck16867fp4] {
    width: 100% !important;
}

.formf[b-ck16867fp4] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-ck16867fp4] {
        height: 40%;
    }

fieldset[b-ck16867fp4] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-ck16867fp4] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-ck16867fp4] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-ck16867fp4] {
    color: var(--icon);
}

.form-check-input:checked[b-ck16867fp4] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-ck16867fp4] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-ck16867fp4] {
    overflow: scroll;
}

.table-wrapper[b-ck16867fp4] {
    max-height: 350px;
}

    .table-wrapper table thead[b-ck16867fp4] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-ck16867fp4] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-ck16867fp4]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ck16867fp4]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-ck16867fp4]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ck16867fp4]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ck16867fp4] {
    background-color: var(--table-header);
}

thead tr[b-ck16867fp4] {
    color: var(--main-txt);
}

td[b-ck16867fp4] {
    color: var(--icon);
}

tr:hover[b-ck16867fp4] {
    background-color: var(--main-background);
}

.form-control[b-ck16867fp4] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-ck16867fp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-ck16867fp4] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-ck16867fp4] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-ck16867fp4] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-ck16867fp4]:before,
    a.sort-by[b-ck16867fp4]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-ck16867fp4]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-ck16867fp4]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-ck16867fp4] {
    background-color: var(--background);
}

.modal-footer[b-ck16867fp4] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-ck16867fp4] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-ck16867fp4] {
    color: var(--main-color);
}

.btn-close:focus[b-ck16867fp4] {
    box-shadow: none;
}


.text-table-left tr[b-ck16867fp4],
.text-table-left td[b-ck16867fp4] {
    text-align: right !important;
}

.profile-user[b-ck16867fp4] {
    width: 15%;
}

.selected-profile-image[b-ck16867fp4] {
    display: none;
}

.zp-tooltip[b-ck16867fp4] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-ck16867fp4] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-ck16867fp4] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-ck16867fp4] {
    right: -110px !important;
}

.licenseList-dropdown.dropdown-menu[b-ck16867fp4] {
    /*inset: auto auto 0px 0px;!important;*/
}



.table-dropdown[b-ck16867fp4] {
    position: fixed;
    display: none;
    margin: 0;
    color: var(--bs-dropdown-color);
    text-align: right;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    z-index: 1000;
    min-width: 10rem;
    max-width: max-content;
    padding: 0.5rem 0;
    background-color: white;
    border-radius: 0.375rem;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
}

    .table-dropdown .dropdown-item[b-ck16867fp4] {
        border-bottom: 1px solid var(--stroke);
        padding: 4px 15px 4px 15px;
    }

    
/* /Components/ListComponent.razor.rz.scp.css */
#tabs-link[b-cgk58azyvk] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tabs-link li[b-cgk58azyvk] {
    width: 130px;
}

#tabs-link > li > a[b-cgk58azyvk],
#tabs-link > li > a[b-cgk58azyvk] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-cgk58azyvk] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-cgk58azyvk] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-cgk58azyvk] {
    display: none;
}

    .content:first-child[b-cgk58azyvk] {
        display: block;
    }

#license[b-cgk58azyvk] {
    display: block;
}


.first-tab[b-cgk58azyvk] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

.second-tab[b-cgk58azyvk] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}



.select-style[b-cgk58azyvk] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-cgk58azyvk] {
        width: 100%;
    }
}

.modal-body .select-style[b-cgk58azyvk] {
    width: 100%;
}

.select-style select[b-cgk58azyvk] {
    height: 35px;
}

input[placeholder-shown][b-cgk58azyvk], [placeholder][b-cgk58azyvk] {
    color: var(--icon) !important;
}

.select-label[b-cgk58azyvk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-cgk58azyvk] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-cgk58azyvk]::after {
    display: none;
}

.dropdown-item.active[b-cgk58azyvk], .dropdown-item:active[b-cgk58azyvk] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-cgk58azyvk] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-cgk58azyvk] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-cgk58azyvk]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-cgk58azyvk]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-cgk58azyvk] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-cgk58azyvk] {
        color: var(--txt);
    }

.table-wrapper table thead[b-cgk58azyvk] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-cgk58azyvk] {
    overflow: scroll;
}

.table-wrapper[b-cgk58azyvk] {
    max-height: 350px;
}

    .table-wrapper[b-cgk58azyvk]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-cgk58azyvk]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-cgk58azyvk] {
        width: 70px;
    }

    .form-floating[b-cgk58azyvk] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-cgk58azyvk] {
        width: 100%;
    }
}

.title h5[b-cgk58azyvk] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-cgk58azyvk] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-cgk58azyvk] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-cgk58azyvk] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-cgk58azyvk] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-cgk58azyvk] {
    font-weight: normal;
}

tr[b-cgk58azyvk],
td[b-cgk58azyvk] {
    text-align: center;
}

tbody[b-cgk58azyvk] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-cgk58azyvk] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-cgk58azyvk] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-cgk58azyvk],
.page-link.active[b-cgk58azyvk] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-cgk58azyvk] {
    box-shadow: none;
}

.page-link:hover[b-cgk58azyvk] {
    color: var(--icon);
}

.modal-body .form-floating[b-cgk58azyvk] {
    width: 100% !important;
}

.formf[b-cgk58azyvk] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-cgk58azyvk] {
        height: 40%;
    }

fieldset[b-cgk58azyvk] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-cgk58azyvk] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-cgk58azyvk] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-cgk58azyvk] {
    color: var(--icon);
}

.form-check-input:checked[b-cgk58azyvk] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-cgk58azyvk] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-cgk58azyvk] {
    overflow: scroll;
}

.table-wrapper[b-cgk58azyvk] {
    max-height: 350px;
}

    .table-wrapper table thead[b-cgk58azyvk] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-cgk58azyvk] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-cgk58azyvk]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-cgk58azyvk]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-cgk58azyvk]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-cgk58azyvk]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-cgk58azyvk] {
    background-color: var(--table-header);
}

thead tr[b-cgk58azyvk] {
    color: var(--main-txt);
}

td[b-cgk58azyvk] {
    color: var(--icon);
}

tr:hover[b-cgk58azyvk] {
    background-color: var(--main-background);
}

.form-control[b-cgk58azyvk] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-cgk58azyvk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-cgk58azyvk] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-cgk58azyvk] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-cgk58azyvk] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-cgk58azyvk]:before,
    a.sort-by[b-cgk58azyvk]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-cgk58azyvk]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-cgk58azyvk]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-cgk58azyvk] {
    background-color: var(--background);
}

.modal-footer[b-cgk58azyvk] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-cgk58azyvk] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-cgk58azyvk] {
    color: var(--main-color);
}

.btn-close:focus[b-cgk58azyvk] {
    box-shadow: none;
}


.text-table-left tr[b-cgk58azyvk],
.text-table-left td[b-cgk58azyvk] {
    text-align: right !important;
}

.profile-user[b-cgk58azyvk] {
    width: 15%;
}

.selected-profile-image[b-cgk58azyvk] {
    display: none;
}

.zp-tooltip[b-cgk58azyvk] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-cgk58azyvk] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-cgk58azyvk] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-cgk58azyvk] {
    right: -110px !important;
}
/* /Components/LoadingComponent.razor.rz.scp.css */
.loader[b-h50zm7zanc] {
    display: flex;
    justify-content: center;
    align-items: center;
    --color: #232E51;
    --animation: 2s ease-in-out infinite;
}

    .loader .circle[b-h50zm7zanc] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 20px;
        height: 20px;
        border: solid 2px var(--color);
        border-radius: 50%;
        margin: 0 10px;
        background-color: transparent;
        animation: circle-keys-b-h50zm7zanc var(--animation);
    }

        .loader .circle .dot[b-h50zm7zanc] {
            position: absolute;
            transform: translate(-50%, -50%);
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: var(--color);
            animation: dot-keys-b-h50zm7zanc var(--animation);
        }

        .loader .circle .outline[b-h50zm7zanc] {
            position: absolute;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            border-radius: 50%;
            animation: outline-keys-b-h50zm7zanc var(--animation);
        }

.circle:nth-child(2)[b-h50zm7zanc] {
    animation-delay: 0.3s;
}

.circle:nth-child(3)[b-h50zm7zanc] {
    animation-delay: 0.6s;
}

.circle:nth-child(4)[b-h50zm7zanc] {
    animation-delay: 0.9s;
}

.circle:nth-child(5)[b-h50zm7zanc] {
    animation-delay: 1.2s;
}

.circle:nth-child(2) .dot[b-h50zm7zanc] {
    animation-delay: 0.3s;
}

.circle:nth-child(3) .dot[b-h50zm7zanc] {
    animation-delay: 0.6s;
}

.circle:nth-child(4) .dot[b-h50zm7zanc] {
    animation-delay: 0.9s;
}

.circle:nth-child(5) .dot[b-h50zm7zanc] {
    animation-delay: 1.2s;
}

.circle:nth-child(1) .outline[b-h50zm7zanc] {
    animation-delay: 0.9s;
}

.circle:nth-child(2) .outline[b-h50zm7zanc] {
    animation-delay: 1.2s;
}

.circle:nth-child(3) .outline[b-h50zm7zanc] {
    animation-delay: 1.5s;
}

.circle:nth-child(4) .outline[b-h50zm7zanc] {
    animation-delay: 1.8s;
}

.circle:nth-child(5) .outline[b-h50zm7zanc] {
    animation-delay: 2.1s;
}

@keyframes circle-keys-b-h50zm7zanc {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes dot-keys-b-h50zm7zanc {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes outline-keys-b-h50zm7zanc {
    0% {
        transform: scale(0);
        outline: solid 20px var(--color);
        outline-offset: 0;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        outline: solid 0 transparent;
        outline-offset: 20px;
        opacity: 0;
    }
}
/* /Components/ModalComponent.razor.rz.scp.css */
.title h5[b-2wrpqvyh86] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-2wrpqvyh86] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-2wrpqvyh86] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-2wrpqvyh86] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-2wrpqvyh86] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-2wrpqvyh86] {
    font-weight: normal;
}

tr[b-2wrpqvyh86],
td[b-2wrpqvyh86] {
    text-align: center;
}

tbody[b-2wrpqvyh86] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-2wrpqvyh86] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-2wrpqvyh86] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-2wrpqvyh86],
.page-link.active[b-2wrpqvyh86] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-2wrpqvyh86] {
    box-shadow: none;
}

.page-link:hover[b-2wrpqvyh86] {
    color: var(--icon);
}

.modal-body .form-floating[b-2wrpqvyh86] {
    width: 100% !important;
}

.formf[b-2wrpqvyh86] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-2wrpqvyh86] {
        height: 40%;
    }

fieldset[b-2wrpqvyh86] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
}

legend[b-2wrpqvyh86] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-2wrpqvyh86] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-2wrpqvyh86] {
    color: var(--icon);
}

.form-check-input:checked[b-2wrpqvyh86] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-2wrpqvyh86] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-scroll-wrapper[b-2wrpqvyh86] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-2wrpqvyh86]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-2wrpqvyh86]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-2wrpqvyh86]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.table-wrapper[b-2wrpqvyh86]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-2wrpqvyh86] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-2wrpqvyh86] {
    color: var(--main-txt);
}

td[b-2wrpqvyh86] {
    color: var(--icon);
}

tr:hover[b-2wrpqvyh86] {
    background-color: var(--main-background);
}

.form-control[b-2wrpqvyh86] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-2wrpqvyh86] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-2wrpqvyh86] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-2wrpqvyh86] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-2wrpqvyh86] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-2wrpqvyh86]:before,
    a.sort-by[b-2wrpqvyh86]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-2wrpqvyh86]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-2wrpqvyh86]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-2wrpqvyh86] {
    background-color: var(--background);
}

.modal-footer[b-2wrpqvyh86] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-2wrpqvyh86] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-2wrpqvyh86] {
    color: var(--main-color);
}

.btn-close:focus[b-2wrpqvyh86] {
    box-shadow: none;
}


.text-table-left tr[b-2wrpqvyh86], .text-table-left td[b-2wrpqvyh86] {
    text-align: right !important;
}

.profile-user[b-2wrpqvyh86] {
    width: 15%;
}

.selected-profile-image[b-2wrpqvyh86] {
    display: none;
}

.table th[b-2wrpqvyh86], .table tr[b-2wrpqvyh86], td[b-2wrpqvyh86] {
    text-align: right;
}

.table-wrapper[b-2wrpqvyh86] {
    width: 30%;
    max-height: 250px;
}

.table-responsive[b-2wrpqvyh86] {
    overflow: scroll;
}

.title h5[b-2wrpqvyh86] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-2wrpqvyh86] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-2wrpqvyh86] {
    padding-left: 20px;
    padding-right: 20px;
}


.form-floating > label[b-2wrpqvyh86] {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control[b-2wrpqvyh86],
.form-floating > .form-control-plaintext[b-2wrpqvyh86] {
    padding: 7px;
}

.form-floating > .form-control[b-2wrpqvyh86],
.form-floating > .form-control-plaintext[b-2wrpqvyh86],
.form-floating > .form-select[b-2wrpqvyh86] {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
/* .profile-input{
    height: 45px !important;
    color: var(--icon);
} */

.modal .form-floating[b-2wrpqvyh86] {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus[b-2wrpqvyh86] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-2wrpqvyh86] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}


.formf[b-2wrpqvyh86] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-2wrpqvyh86] {
        height: 40%;
    }

fieldset[b-2wrpqvyh86] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    min-height: 190px;
    color: var(--main-txt);
}

legend[b-2wrpqvyh86] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-2wrpqvyh86] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-2wrpqvyh86] {
    color: var(--icon);
}

.form-check-input:checked[b-2wrpqvyh86] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-2wrpqvyh86] {
    box-shadow: none;
    border-color: var(--main-color);
}

.form-control[b-2wrpqvyh86] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
    font-size: 14px;
}

.select-label[b-2wrpqvyh86] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-2wrpqvyh86] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-2wrpqvyh86] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }


.btn-close:hover[b-2wrpqvyh86] {
    color: var(--main-color);
}

.btn-close:focus[b-2wrpqvyh86] {
    box-shadow: none;
}

.form-legend[b-2wrpqvyh86] {
    width: 70%;
}


@media (max-width: 576px) {
    .btn-register[b-2wrpqvyh86] {
        width: 70px;
    }

    .form-floating[b-2wrpqvyh86] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-2wrpqvyh86] {
        width: 100%;
    }
}
/* /Components/MultiselectDropdown/MultiSelectDropdownComponent.razor.rz.scp.css */
.title h5[b-o2mh03fwzo] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-o2mh03fwzo] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-o2mh03fwzo] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.input-group-text {
    border: 1px solid var(--stroke);
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
}*/

.form-control[type=file][b-o2mh03fwzo] {
    height: 45px;
}

/*.form-floating {
    color: var(--icon);
    width: 90%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    padding-top: 0 !important;
    box-shadow: none;
}
*/
input[placeholder-shown][b-o2mh03fwzo],
[placeholder][b-o2mh03fwzo] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-o2mh03fwzo],
[placeholder][b-o2mh03fwzo] {
    color: var(--icon) !important;
}

.input-group .form-control[b-o2mh03fwzo]::placeholder {
    color: var(--icon);
}

input[b-o2mh03fwzo]::placeholder {
    color: var(--icon);
}

[b-o2mh03fwzo]::placeholder {
    color: var(--icon);
}

.input-group-text[b-o2mh03fwzo] {
    color: var(--icon);
}

.form-check-input[b-o2mh03fwzo] {
    background-color: transparent !important;
}

.select-label[b-o2mh03fwzo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-o2mh03fwzo] {
    width: 90%;
    color: var(--icon);
    border-radius: 6px;
    background-color: var(--main-background);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-o2mh03fwzo] {
        height: 35px;
    }

.input-group[b-o2mh03fwzo] {
    height: 35px;
}

    .input-group input[b-o2mh03fwzo],
    .input-group span[b-o2mh03fwzo] {
        padding: 0;
    }

.input-group-text[b-o2mh03fwzo] {
    background-color: var(--main-background) !important;
}

.check-color-supporter[b-o2mh03fwzo] {
    color: #0DCAF0;
}

.check-bgcolor-supporter[b-o2mh03fwzo] {
    background-color: #0DCAF0;
}

.check-color-supporter input[b-o2mh03fwzo] {
    border: 1px solid #0DCAF0;
}

.check-color-waiting[b-o2mh03fwzo] {
    color: #DC3545;
}

.check-bgcolor-waiting[b-o2mh03fwzo] {
    background-color: #DC3545;
}

.check-color-waiting input[b-o2mh03fwzo] {
    border: 1px solid #DC3545;
}

.check-color-closed[b-o2mh03fwzo] {
    color: #198754;
}

.check-bgcolor-closed[b-o2mh03fwzo] {
    background-color: #198754;
}

.check-color-closed input[b-o2mh03fwzo] {
    border: 1px solid #198754;
}

.check-color-cheking[b-o2mh03fwzo] {
    color: #FFC107;
}

.check-bgcolor-cheking[b-o2mh03fwzo] {
    background-color: #FFC107;
}

.check-color-cheking input[b-o2mh03fwzo] {
    border: 1px solid #FFC107;
}

.check-color-response[b-o2mh03fwzo] {
    color: #DF60FF;
}

.check-bgcolor-response[b-o2mh03fwzo] {
    background-color: #DF60FF;
}

.check-color-response input[b-o2mh03fwzo] {
    border: 1px solid #DF60FF;
}

.form-check-input:focus[b-o2mh03fwzo] {
    box-shadow: none;
    border-color: var(--main-color) !important;
}

.form-check-input:checked[b-o2mh03fwzo] {
    background-color: var(--main-color) !important;
}

.ticket-wrapper[b-o2mh03fwzo] {
    border: 1px solid var(--stroke);
    width: 98%;
    background-color: var(--ticket-box);
    border-radius: 5px;
}

.status-wrapper[b-o2mh03fwzo] {
    width: 32px;
}

@media (max-width: 576px) {
    .status-wrapper[b-o2mh03fwzo] {
        width: 0;
    }

    .status[b-o2mh03fwzo] {
        padding: 1px !important;
    }
}

.status[b-o2mh03fwzo] {
    padding: 3px;
    border-radius: 0px 5px 5px 0;
    text-align: center;
}

    .status span[b-o2mh03fwzo] {
        color: var(--txt);
    }

@media (max-width: 992px) {
    .ticket-box[b-o2mh03fwzo] {
        height: 420px !important;
    }
}

.ticket-box[b-o2mh03fwzo] {
    overflow-y: scroll;
    height: 520px;
}

    .ticket-box[b-o2mh03fwzo]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .ticket-box[b-o2mh03fwzo]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.ticket-detail[b-o2mh03fwzo] {
    color: var(--main-txt);
}

.zp-tooltip[b-o2mh03fwzo] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-o2mh03fwzo] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 110%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-o2mh03fwzo] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.select-style[b-o2mh03fwzo] {
    border: 1px solid var(--stroke);
}

.ticket-box .dropdown-toggle[b-o2mh03fwzo]::after {
    display: none;
}

.referral .dropdown-menu[b-o2mh03fwzo] {
    height: 170px;
    overflow-y: scroll;
}

.dropdown-menu[b-o2mh03fwzo]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.dropdown-menu[b-o2mh03fwzo]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

#dropdown-referral[b-o2mh03fwzo] {
    background: white !important;
    width: max-content;
}
/* /Components/New/CheckBox.razor.rz.scp.css */
.checkbox-container[b-hf4zqdrtgb] {
    display: flex;
    gap: 0.8rem;
    padding: 0.5rem;
    margin: 0.2rem 0.5rem;
    /*background: #f8fafc;*/
    border-radius: 16px;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);*/
    max-width: fit-content;
    align-items: center;
}

.ios-checkbox[b-hf4zqdrtgb] {
    --checkbox-size: 28px;
    --checkbox-color: #3b82f6;
    --checkbox-bg: #dbeafe;
    --checkbox-border-color: #93c5fd;
    --checkbox-border-size: 2px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: none !important;
}

    .ios-checkbox input[b-hf4zqdrtgb] {
        display: none;
    }

.checkbox-wrapper[b-hf4zqdrtgb] {
    position: relative;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border-radius: var(--checkbox-border-radius);
    transition: transform 0.2s ease;
}

.checkbox-bg[b-hf4zqdrtgb] {
    position: absolute;
    inset: 0;
    border-radius: var(--checkbox-border-radius);
    border: var(--checkbox-border-size) solid var(--checkbox-border-color);
    background: white;
    transition: all 0.2s ease;
}

.checkbox-icon[b-hf4zqdrtgb] {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 80%;
    height: 80%;
    color: white;
    transform: scale(0);
    transition: all 0.2s ease;
}

.check-path[b-hf4zqdrtgb] {
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    transition: stroke-dashoffset 0.3s ease 0.1s;
}

/* Checked State */
.ios-checkbox input:checked + .checkbox-wrapper .checkbox-bg[b-hf4zqdrtgb] {
    background: var(--checkbox-color);
    border-color: var(--checkbox-color);
}

.ios-checkbox input:checked + .checkbox-wrapper .checkbox-icon[b-hf4zqdrtgb] {
    transform: scale(1);
}

.ios-checkbox input:checked + .checkbox-wrapper .check-path[b-hf4zqdrtgb] {
    stroke-dashoffset: 0;
}

/* Hover Effects */
.ios-checkbox:hover .checkbox-wrapper[b-hf4zqdrtgb] {
    transform: scale(1.05);
}

/* Active Animation */
.ios-checkbox:active .checkbox-wrapper[b-hf4zqdrtgb] {
    transform: scale(0.95);
}

/* Focus Styles */
.ios-checkbox input:focus + .checkbox-wrapper .checkbox-bg[b-hf4zqdrtgb] {
    box-shadow: 0 0 0 4px var(--checkbox-bg);
}

.ios-checkbox ~ .colorize[b-hf4zqdrtgb] {
    color: var(--checkbox-lbl-color) !important;
}
/* Color Themes */
.ios-checkbox.blue[b-hf4zqdrtgb] {
    --checkbox-color: #3b82f6;
    --checkbox-bg: #dbeafe;
    --checkbox-border-color: #93c5fd;
    --checkbox-border-size: 2px;
    --checkbox-border-radius: 8px;
}

    .ios-checkbox.blue ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #3b82f6;
    }

.ios-checkbox.green[b-hf4zqdrtgb] {
    --checkbox-color: #10b981;
    --checkbox-bg: #d1fae5;
    --checkbox-border-color: #6ee7b7;
    --checkbox-border-size: 2px;
    --checkbox-border-radius: 8px;
}
    .ios-checkbox.green ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #10b981;
    }


.ios-checkbox.purple[b-hf4zqdrtgb] {
    --checkbox-color: #8b5cf6;
    --checkbox-bg: #ede9fe;
    --checkbox-border-color: #c4b5fd;
    --checkbox-border-size: 2px;
    --checkbox-border-radius: 8px;
}

    .ios-checkbox.purple ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #8b5cf6;
    }
.ios-checkbox.admin[b-hf4zqdrtgb] {
    --checkbox-color: #173040;
    --checkbox-border-color: #ededed;
    /*#173040;*/
    --checkbox-size: 20px;
    --checkbox-border-size: 1px;
    --checkbox-border-radius: 4px;
}
    .ios-checkbox.admin ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #173040;
    }

.ios-checkbox.red[b-hf4zqdrtgb] {
    --checkbox-color: #ef4444;
    --checkbox-bg: #fee2e2;
    --checkbox-border-size: 2px;
    --checkbox-border-color: #fca5a5;
    --checkbox-border-radius: 8px;
}

    .ios-checkbox.red ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #ef4444;
    }
.ios-checkbox.yellow[b-hf4zqdrtgb] {
    --checkbox-color: #FFC107;
    --checkbox-bg: #FFC107;
    --checkbox-border-size: 2px;
    --checkbox-border-color: #FFC107;
    --checkbox-border-radius: 8px;
}
    .ios-checkbox.yellow ~ .colorize[b-hf4zqdrtgb] {
        --checkbox-lbl-color: #FFC107;
    }

/* Animation */
@keyframes bounce-b-hf4zqdrtgb {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.ios-checkbox input:checked + .checkbox-wrapper[b-hf4zqdrtgb] {
    animation: bounce-b-hf4zqdrtgb 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* /Components/PersianDatePicker.razor.rz.scp.css */
.title h5[b-ez8f4b3b7n] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ez8f4b3b7n] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-ez8f4b3b7n] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-ez8f4b3b7n] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ez8f4b3b7n] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-ez8f4b3b7n] {
    font-weight: normal;
}

tr[b-ez8f4b3b7n],
td[b-ez8f4b3b7n] {
    text-align: center;
}

tbody[b-ez8f4b3b7n] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ez8f4b3b7n] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-ez8f4b3b7n] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-ez8f4b3b7n],
.page-link.active[b-ez8f4b3b7n] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ez8f4b3b7n] {
    box-shadow: none;
}

.page-link:hover[b-ez8f4b3b7n] {
    color: var(--icon);
}

.modal-body .form-floating[b-ez8f4b3b7n] {
    width: 100% !important;
}

.formf[b-ez8f4b3b7n] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-ez8f4b3b7n] {
        height: 40%;
    }

fieldset[b-ez8f4b3b7n] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-ez8f4b3b7n] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-ez8f4b3b7n] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-ez8f4b3b7n] {
    color: var(--icon);
}

.form-check-input:checked[b-ez8f4b3b7n] {
    background-color: var(--main-color);
    border: none;
}
jdp-container[b-ez8f4b3b7n] {
    background: white !important;
}
.form-check-input:focus[b-ez8f4b3b7n] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-ez8f4b3b7n] {
    overflow: scroll;
}

.table-wrapper[b-ez8f4b3b7n] {
    max-height: 350px;
}

    .table-wrapper table thead[b-ez8f4b3b7n] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-ez8f4b3b7n] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-ez8f4b3b7n]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ez8f4b3b7n]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-ez8f4b3b7n]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ez8f4b3b7n]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ez8f4b3b7n] {
    background-color: var(--table-header);
}

thead tr[b-ez8f4b3b7n] {
    color: var(--main-txt);
}

td[b-ez8f4b3b7n] {
    color: var(--icon);
}

tbody tr:hover[b-ez8f4b3b7n] {
    background-color: var(--main-background);
}


.form-control[b-ez8f4b3b7n] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-ez8f4b3b7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-ez8f4b3b7n] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-ez8f4b3b7n] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-ez8f4b3b7n] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-ez8f4b3b7n]:before,
    a.sort-by[b-ez8f4b3b7n]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-ez8f4b3b7n]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-ez8f4b3b7n]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-ez8f4b3b7n] {
    background-color: var(--background);
}

.modal-footer[b-ez8f4b3b7n] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-ez8f4b3b7n] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-ez8f4b3b7n] {
    color: var(--main-color);
}

.btn-close:focus[b-ez8f4b3b7n] {
    box-shadow: none;
}


.text-table-left tr[b-ez8f4b3b7n],
.text-table-left td[b-ez8f4b3b7n] {
    text-align: right !important;
}

.profile-user[b-ez8f4b3b7n] {
    width: 15%;
}

.selected-profile-image[b-ez8f4b3b7n] {
    display: none;
}

.zp-tooltip[b-ez8f4b3b7n] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-ez8f4b3b7n] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-ez8f4b3b7n] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-ez8f4b3b7n] {
        width: 70px;
    }

    .form-floating[b-ez8f4b3b7n] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-ez8f4b3b7n] {
        width: 100%;
    }
}
/* /Components/WaitingPage.razor.rz.scp.css */
.load-page[b-31cis0l8d3] {
    position: relative;
}

.loader-div[b-31cis0l8d3] {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 2.5rem !important;
}

.loader[b-31cis0l8d3] {
    width: 6em;
    height: 6em;
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loader .face[b-31cis0l8d3] {
        position: absolute;
        border-radius: 50%;
        border-style: solid;
        animation: animate023845-b-31cis0l8d3 1.5s linear infinite;
    }

        .loader .face:nth-child(1)[b-31cis0l8d3] {
            width: 100%;
            height: 100%;
            color: #232E51;
            border-color: currentColor transparent transparent currentColor;
            border-width: 0.2em 0.2em 0em 0em;
            --deg: -45deg;
            animation-direction: normal;
        }

        .loader .face:nth-child(2)[b-31cis0l8d3] {
            width: 70%;
            height: 70%;
            color: #ed1944;
            border-color: currentColor currentColor transparent transparent;
            border-width: 0.2em 0em 0em 0.2em;
            --deg: -135deg;
            animation-direction: reverse;
        }

        .loader .face .circle[b-31cis0l8d3] {
            position: absolute;
            width: 50%;
            height: 0.1em;
            top: 50%;
            left: 50%;
            background-color: transparent;
            transform: rotate(var(--deg));
            transform-origin: left;
        }

            .loader .face .circle[b-31cis0l8d3]::before {
                position: absolute;
                top: -0.5em;
                right: -0.5em;
                content: '';
                width: 1em;
                height: 1em;
                background-color: currentColor;
                border-radius: 50%;
                box-shadow: 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 0.5em rgba(255, 255, 0, 0.1);
            }

@keyframes animate023845-b-31cis0l8d3 {
    to {
        transform: rotate(1turn);
    }
}
/* /Layout/ChangePassword.razor.rz.scp.css */
.title h5[b-3hv5i2w1b8] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-3hv5i2w1b8] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-3hv5i2w1b8] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

.profile-input[b-3hv5i2w1b8] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-3hv5i2w1b8] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-3hv5i2w1b8] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-3hv5i2w1b8] {
    font-weight: normal;
}

tr[b-3hv5i2w1b8],
td[b-3hv5i2w1b8] {
    text-align: center;
}

tbody[b-3hv5i2w1b8] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-3hv5i2w1b8] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-3hv5i2w1b8] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-3hv5i2w1b8],
.page-link.active[b-3hv5i2w1b8] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-3hv5i2w1b8] {
    box-shadow: none;
}

.page-link:hover[b-3hv5i2w1b8] {
    color: var(--icon);
}

.modal-body .form-floating[b-3hv5i2w1b8] {
    width: 100% !important;
}

.formf[b-3hv5i2w1b8] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-3hv5i2w1b8] {
        height: 40%;
    }

fieldset[b-3hv5i2w1b8] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-3hv5i2w1b8] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-3hv5i2w1b8] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-3hv5i2w1b8] {
    color: var(--icon);
}

.form-check-input:checked[b-3hv5i2w1b8] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-3hv5i2w1b8] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-3hv5i2w1b8] {
    overflow: scroll;
}

.table-wrapper[b-3hv5i2w1b8] {
    max-height: 350px;
}

    .table-wrapper table thead[b-3hv5i2w1b8] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-3hv5i2w1b8] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-3hv5i2w1b8]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-3hv5i2w1b8]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-3hv5i2w1b8]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-3hv5i2w1b8]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-3hv5i2w1b8] {
    background-color: var(--table-header);
}

thead tr[b-3hv5i2w1b8] {
    color: var(--main-txt);
}

td[b-3hv5i2w1b8] {
    color: var(--icon);
}

tbody tr:hover[b-3hv5i2w1b8] {
    background-color: var(--main-background);
}


/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.select-label[b-3hv5i2w1b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-3hv5i2w1b8] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-3hv5i2w1b8] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-3hv5i2w1b8] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-3hv5i2w1b8]:before,
    a.sort-by[b-3hv5i2w1b8]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-3hv5i2w1b8]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-3hv5i2w1b8]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-3hv5i2w1b8] {
    background-color: var(--background);
}

.modal-footer[b-3hv5i2w1b8] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-3hv5i2w1b8] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-3hv5i2w1b8] {
    color: var(--main-color);
}

.btn-close:focus[b-3hv5i2w1b8] {
    box-shadow: none;
}


.text-table-left tr[b-3hv5i2w1b8],
.text-table-left td[b-3hv5i2w1b8] {
    text-align: right !important;
}

.profile-user[b-3hv5i2w1b8] {
    width: 15%;
}

.selected-profile-image[b-3hv5i2w1b8] {
    display: none;
}

.zp-tooltip[b-3hv5i2w1b8] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-3hv5i2w1b8] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-3hv5i2w1b8] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-3hv5i2w1b8] {
        width: 70px;
    }

    .form-floating[b-3hv5i2w1b8] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-3hv5i2w1b8] {
        width: 100%;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */



/*@font-face {
    font-family: "IRANSans";
    src: url("Font/fonts/ttf/IRANSansWeb.ttf");
    src: url("Font/fonts/woff/IRANSansWeb.woff");
}

@font-face {
    font-family: "adell";
    src: url("Font/fonts/AdelleSansARA-Regular.otf");
}

@font-face {
    font-family: "adellBold";
    src: url("Font/fonts/AdelleSansARA-Heavy.otf");
}


.fas, .fa-classic, .fa-solid, .far, .fa-regular {
    font-family: 'Font Awesome 6 Free' !important;
}

.small-fs {
    font-size: 12px;
}

body {
    background-color: var(--main-background);
    direction: rtl;
    font-size: 16px;
}

* {
    text-align: right;
    font-family: "IRANSans";
    box-sizing: border-box;
    color: var(--main-txt);
}

a {
    text-decoration: none;
}

svg {
    color: var(--icon);
}

.box-wrapper {
    height: 100vh;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 992px) {
    .box-wrapper {
        height: 100%;
    }
}

.right-login {
    background-color: var(--main-background);
    width: 100%;
    height: 100%;
    margin: 0;
}

.login-form {
    margin: 40px;
    width: 100%;
}*/

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: 40px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control, .form-floating > .form-control-plaintext {
        padding: 7px;
    }

    .form-floating > label {
        display: flex;
        align-items: center;
        top: 0px;
        right: 10px;
        padding: 0;
    }

.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
/*.form-check-input {
    background-color: transparent !important;
}

    .form-check-input:checked {
        background-color: var(--main-color) !important;
    }

    .form-check-input:checked {
        background-color: var(--main-color) !important;
    }

.btn-register {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

#page-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: var(--background);
}

.top-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    padding: 5px 8px 5px 8px;
    height: 55px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.header-txt {
    color: var(--icon);
}

.zp-logo {
    width: 45%;
}

@media (max-width: 992px) {
    .zp-logo {
        width: 5%;
    }
}

.navbar-brand span {
    color: var(--main-txt);
}

.profile-header div {
    color: var(--main-txt);
}

.profile-name {
    text-decoration: none;
    color: var(--main-txt);
}

.dropdown-menu {
    background-color: var(--background);
    color: var(--main-txt);
    width: 30px;
    inset: 10px auto auto -55px !important;
}

.profile-header .dropdown-menu li:first-child {
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 10px;
}

.profile-header div {
    color: var(--main-txt);
}

.dropdown-menu li .dropdown-item {
    border-bottom: 1px solid var(--stroke);
    padding: 4px 15px 4px 15px;
}

.dropdown-item {
    color: var(--icon);
}

.profile-header div {
    color: var(--main-txt);
}*/
/* /Pages/CustomerPages/Factor/FactorInfo.razor.rz.scp.css */

#invoice[b-crho3rkiic] {
    width: 297mm !important; /* A4 width in landscape */
    min-height: 210mm; /* A4 height in landscape */
    font-size: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /*min-height: 1300px !important;*/ /* Example height of your invoice */
    background: white !important; /* Ensure a clean background */
    padding: 20px !important; /* Optional padding */
    box-sizing: border-box !important; /* Ensure consistent dimensions */
    display: none;
    font-family: "BNazanin" !important;
}

    #invoice *[b-crho3rkiic] {
        font-family: "BNazanin" !important;
    }

    #invoice .invoice-container[b-crho3rkiic] {
        width: 400mm !important;
        min-height: 297mm !important;
        padding: 20mm !important;
        border: 1px solid #ddd !important;
        background: #fff;
        margin: auto;
        font-family: "BNazanin" !important;
    }

    #invoice .header-print[b-crho3rkiic] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 15px;
        font-family: "BNazanin" !important;
    }

        #invoice .header-print img[b-crho3rkiic] {
            width: 50px;
            height: 50px;
        }

        #invoice .header-print .info[b-crho3rkiic] {
            text-align: right;
        }

            #invoice .header-print .info p[b-crho3rkiic] {
                margin: 0;
            }

    #invoice .card-print[b-crho3rkiic] {
        border: 1px solid #ddd;
        margin-bottom: 20px;
    }

    #invoice .card-header-print[b-crho3rkiic] {
        text-align: center;
        border-bottom: solid 2px black;
    }

    #invoice .card-body-print[b-crho3rkiic] {
        padding: 10px;
    }

    #invoice .card-part[b-crho3rkiic] {
        display: flex;
        font-size: small;
    }

    #invoice .card-value.bold[b-crho3rkiic] {
        font-weight: 700;
    }

    #invoice table[b-crho3rkiic] {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

        #invoice table th[b-crho3rkiic], #invoice table td[b-crho3rkiic] {
            /* border: 1px solid #ddd; */
            padding: 5px;
            text-align: center;
            border: 1px solid #918e8e94;
        }

        #invoice table th[b-crho3rkiic] {
            background: #f5f5f5;
        }

    #invoice .footer[b-crho3rkiic] {
        margin-top: 30px;
    }

    #invoice .border-ridge[b-crho3rkiic] {
        border-style: solid !important;
        border: 2px solid black;
    }

@media print {
    #invoice[b-crho3rkiic] {
        margin: 0;
        padding: 0;
        /* display: block !important; */
        visibility: visible; /* نمایش دادن فقط #invoice */
    }

        #invoice *[b-crho3rkiic] {
            visibility: visible;
        }

    body *[b-crho3rkiic] {
        visibility: hidden; /* مخفی کردن همه عناصر */
    }
}

#invoice .header-text[b-crho3rkiic] {
    font-weight: 700;
    font-size: 20px;
    margin: 0 !important;
}

#invoice table[b-crho3rkiic] {
    border: 2px solid black;
}

    #invoice table tbody[b-crho3rkiic] {
        border: 0 !important;
        font-size: 12px !important;
    }

    #invoice table thead[b-crho3rkiic] {
        font-size: 13px !important;
    }

@media print {
    #invoice[b-crho3rkiic] {
        display: block;
    }
}
/* /Pages/CustomerPages/License/ActivateLicenseCustomerModal.razor.rz.scp.css */
.modal-content[b-du9hon3oz3] {
    --background: white !important;
}

.btn-close[b-du9hon3oz3] {
    margin-left: 0;
}
.modal-footer .btn[b-du9hon3oz3] {
    margin-top:0.25rem !important;
}
/* /Pages/CustomerPages/Shop/ShopComponent/ShopFilterComponent.razor.rz.scp.css */
.theiaStickySidebar[b-f9pvsxwe5q] {
    position: sticky;
    top: 1rem;
}
/* /Pages/CustomerPages/Survey/SurveyList.razor.rz.scp.css */
.max-w-350[b-wwpdatjjs3] {
    max-width: 350px !important;
    overflow-x: auto;
}
/* /Pages/CustomerPages/Ticket/TicketDetails.razor.rz.scp.css */
.content-files .file-preview .document-file[b-o57jus1rnq] {
    font-size: 50px;
}
.content-files .file-preview .img-upload[b-o57jus1rnq] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}
.content-files[b-o57jus1rnq] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 10px;
    display:flex;
    margin-top:10px;
}
.content-message[b-o57jus1rnq]{
    white-space:pre-line;
}
.file-preview.col[b-o57jus1rnq] {
    width: 108px;
    height: 72px;
}
.list-details-ticket .content-message[b-o57jus1rnq]{
    padding-bottom:10px !important;
}
.btnFileTrash[b-o57jus1rnq] {
    top: 0;
    position: absolute;
    left: 15px;
}
/* /Pages/Customer/List.razor.rz.scp.css */
.title h5[b-l0gootk3vg] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-l0gootk3vg] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-l0gootk3vg] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
*/
.profile-input[b-l0gootk3vg] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/

/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-l0gootk3vg] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-l0gootk3vg] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-l0gootk3vg] {
    font-weight: normal;
}

tr[b-l0gootk3vg],
td[b-l0gootk3vg] {
    text-align: center;
}

tbody[b-l0gootk3vg] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-l0gootk3vg] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-l0gootk3vg] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-l0gootk3vg],
.page-link.active[b-l0gootk3vg] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-l0gootk3vg] {
    box-shadow: none;
}

.page-link:hover[b-l0gootk3vg] {
    color: var(--icon);
}

.modal-body .form-floating[b-l0gootk3vg] {
    width: 100% !important;
}

.formf[b-l0gootk3vg] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-l0gootk3vg] {
        height: 40%;
    }

fieldset[b-l0gootk3vg] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-l0gootk3vg] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-l0gootk3vg] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-l0gootk3vg] {
    color: var(--icon);
}

.form-check-input:checked[b-l0gootk3vg] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-l0gootk3vg] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-l0gootk3vg] {
    overflow: scroll;
}

.table-wrapper[b-l0gootk3vg] {
    max-height: 350px;
}

    .table-wrapper table thead[b-l0gootk3vg] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-l0gootk3vg] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-l0gootk3vg]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-l0gootk3vg]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-l0gootk3vg]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-l0gootk3vg]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-l0gootk3vg] {
    background-color: var(--table-header);
}

thead tr[b-l0gootk3vg] {
    color: var(--main-txt);
}

td[b-l0gootk3vg] {
    color: var(--icon);
}

tr:hover[b-l0gootk3vg] {
    background-color: var(--main-background);
}

.form-control[b-l0gootk3vg] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-l0gootk3vg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-l0gootk3vg] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-l0gootk3vg] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-l0gootk3vg] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-l0gootk3vg]:before,
    a.sort-by[b-l0gootk3vg]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-l0gootk3vg]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-l0gootk3vg]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-l0gootk3vg] {
    background-color: var(--background);
}

.modal-footer[b-l0gootk3vg] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-l0gootk3vg] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-l0gootk3vg] {
    color: var(--main-color);
}

.btn-close:focus[b-l0gootk3vg] {
    box-shadow: none;
}


.text-table-left tr[b-l0gootk3vg],
.text-table-left td[b-l0gootk3vg] {
    text-align: right !important;
}

.profile-user[b-l0gootk3vg] {
    width: 15%;
}

.selected-profile-image[b-l0gootk3vg] {
    display: none;
}

.zp-tooltip[b-l0gootk3vg] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-l0gootk3vg] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-l0gootk3vg] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-l0gootk3vg] {
        width: 70px;
    }

    .form-floating[b-l0gootk3vg] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-l0gootk3vg] {
        width: 100%;
    }
}
/* /Pages/Customer/Register.razor.rz.scp.css */
.title h5[b-pba3mc5u8p] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-pba3mc5u8p] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-pba3mc5u8p] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

.profile-input[b-pba3mc5u8p] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-pba3mc5u8p] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-pba3mc5u8p] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-pba3mc5u8p] {
    font-weight: normal;
}

tr[b-pba3mc5u8p],
td[b-pba3mc5u8p] {
    text-align: center;
}

tbody[b-pba3mc5u8p] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-pba3mc5u8p] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-pba3mc5u8p] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-pba3mc5u8p],
.page-link.active[b-pba3mc5u8p] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-pba3mc5u8p] {
    box-shadow: none;
}

.page-link:hover[b-pba3mc5u8p] {
    color: var(--icon);
}

.modal-body .form-floating[b-pba3mc5u8p] {
    width: 100% !important;
}

.formf[b-pba3mc5u8p] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-pba3mc5u8p] {
        height: 40%;
    }

fieldset[b-pba3mc5u8p] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-pba3mc5u8p] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-pba3mc5u8p] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-pba3mc5u8p] {
    color: var(--icon);
}

.form-check-input:checked[b-pba3mc5u8p] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-pba3mc5u8p] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-pba3mc5u8p] {
    overflow: scroll;
}

.table-wrapper[b-pba3mc5u8p] {
    max-height: 350px;
}

    .table-wrapper table thead[b-pba3mc5u8p] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-pba3mc5u8p] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-pba3mc5u8p]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-pba3mc5u8p]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-pba3mc5u8p]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-pba3mc5u8p]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-pba3mc5u8p] {
    background-color: var(--table-header);
}

thead tr[b-pba3mc5u8p] {
    color: var(--main-txt);
}

td[b-pba3mc5u8p] {
    color: var(--icon);
}

tr:hover[b-pba3mc5u8p] {
    background-color: var(--main-background);
}

.form-control[b-pba3mc5u8p] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-pba3mc5u8p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-pba3mc5u8p] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-pba3mc5u8p] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-pba3mc5u8p] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-pba3mc5u8p]:before,
    a.sort-by[b-pba3mc5u8p]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-pba3mc5u8p]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-pba3mc5u8p]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-pba3mc5u8p] {
    background-color: var(--background);
}

.modal-footer[b-pba3mc5u8p] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-pba3mc5u8p] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-pba3mc5u8p] {
    color: var(--main-color);
}

.btn-close:focus[b-pba3mc5u8p] {
    box-shadow: none;
}


.text-table-left tr[b-pba3mc5u8p],
.text-table-left td[b-pba3mc5u8p] {
    text-align: right !important;
}

.profile-user[b-pba3mc5u8p] {
    width: 15%;
}

.selected-profile-image[b-pba3mc5u8p] {
    display: none;
}

.zp-tooltip[b-pba3mc5u8p] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-pba3mc5u8p] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-pba3mc5u8p] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-pba3mc5u8p] {
        width: 70px;
    }

    .form-floating[b-pba3mc5u8p] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-pba3mc5u8p] {
        width: 100%;
    }
}
/* /Pages/DashboardPage/CallsComponent/DailyCallsCount.razor.rz.scp.css */
body[b-r9ojtcva8u]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-r9ojtcva8u] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-r9ojtcva8u] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-r9ojtcva8u]{
    padding-left: 40px;
    padding-right: 20px;
}
.form-control[b-r9ojtcva8u] {
    font-size: 14px;
}

/*.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}*/

.form-floating>.form-control[b-r9ojtcva8u],
.form-floating>.form-control-plaintext[b-r9ojtcva8u] {
    padding: 7px;
}

.form-floating>.form-control[b-r9ojtcva8u],
.form-floating>.form-control-plaintext[b-r9ojtcva8u],
.form-floating>.form-select[b-r9ojtcva8u] {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus[b-r9ojtcva8u], .form-floating>.form-control-plaintext:not(:placeholder-shown)[b-r9ojtcva8u], .form-floating>.form-control:focus[b-r9ojtcva8u], .form-floating>.form-control:not(:placeholder-shown)[b-r9ojtcva8u] {
    padding-top: 0;
    padding-bottom: 0;
}
.profile-input[b-r9ojtcva8u]{
    height: 45px !important;
    color: var(--icon);
}

.form-floating[b-r9ojtcva8u] {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    /*box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);*/
}
.small-input .form-floating[b-r9ojtcva8u]{
    width: 165px;
}
.form-control:focus[b-r9ojtcva8u] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-r9ojtcva8u] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-r9ojtcva8u] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-r9ojtcva8u] {

    font-weight: normal;
}

tr[b-r9ojtcva8u],
td[b-r9ojtcva8u] {
    text-align: center;
}

tbody[b-r9ojtcva8u] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-r9ojtcva8u] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-r9ojtcva8u]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-r9ojtcva8u],
.page-link.active[b-r9ojtcva8u] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-r9ojtcva8u] {
    box-shadow: none;
}

.page-link:hover[b-r9ojtcva8u] {
    color: var(--icon);
}
.modal-body .form-floating[b-r9ojtcva8u]{
    width: 100% !important;
}
.formf[b-r9ojtcva8u]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-r9ojtcva8u]{
    height: 40%;
}
fieldset[b-r9ojtcva8u]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-r9ojtcva8u]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-r9ojtcva8u]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-r9ojtcva8u]{
    color: var(--icon);
}
.form-check-input:checked[b-r9ojtcva8u]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-r9ojtcva8u]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-r9ojtcva8u] {

    max-height: 350px;
}

.table-wrapper table thead[b-r9ojtcva8u] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-r9ojtcva8u]{
    overflow: scroll;


}
.table-scroll-wrapper[b-r9ojtcva8u]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-r9ojtcva8u]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-r9ojtcva8u]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-r9ojtcva8u]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-r9ojtcva8u]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-r9ojtcva8u]{
   background-color: var(--table-header);

}
thead tr[b-r9ojtcva8u]{
    color: var(--main-txt);
}
  td[b-r9ojtcva8u]{
    color: var(--icon);
}
tr:hover[b-r9ojtcva8u]{
    background-color: var(--main-background);
}
.form-control[b-r9ojtcva8u]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-r9ojtcva8u]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-r9ojtcva8u]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-r9ojtcva8u]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-r9ojtcva8u] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-r9ojtcva8u]:before,
a.sort-by[b-r9ojtcva8u]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-r9ojtcva8u]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-r9ojtcva8u]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-r9ojtcva8u]{
    background-color: var(--background);
}
.modal-footer[b-r9ojtcva8u]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-r9ojtcva8u]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-r9ojtcva8u]{
    color: var(--main-color);

}
.btn-close:focus[b-r9ojtcva8u]{
    box-shadow: none;
}


.text-table-left tr[b-r9ojtcva8u], .text-table-left td[b-r9ojtcva8u]{
   
        text-align: right !important;

}
.scroll-fieldset[b-r9ojtcva8u]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-r9ojtcva8u]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-r9ojtcva8u]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-r9ojtcva8u] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-r9ojtcva8u] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-r9ojtcva8u] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-r9ojtcva8u] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-r9ojtcva8u] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-r9ojtcva8u] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-r9ojtcva8u] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-r9ojtcva8u]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-r9ojtcva8u]{
    color: green;
}
.ascending svg[b-r9ojtcva8u]{
    color: green;
}
.descending[b-r9ojtcva8u]{
    color: red;
}
.descending svg[b-r9ojtcva8u]{
    color: red;
}
.input-group input[b-r9ojtcva8u], .input-group span[b-r9ojtcva8u] {
    padding: 0;
}
.input-group-text[b-r9ojtcva8u] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-r9ojtcva8u] {
    color: var(--icon);
}

.input-group-text[b-r9ojtcva8u] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-r9ojtcva8u]{
    font-size: 14px;
}
.log[b-r9ojtcva8u]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-r9ojtcva8u]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-r9ojtcva8u]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-r9ojtcva8u]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-r9ojtcva8u]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-r9ojtcva8u]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-r9ojtcva8u],
[placeholder][b-r9ojtcva8u] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-r9ojtcva8u],
[placeholder][b-r9ojtcva8u] {
    color: var(--icon) !important;
}

.input-group .form-control[b-r9ojtcva8u]::placeholder {
    color: var(--icon);
}

input[b-r9ojtcva8u]::placeholder {
    color: var(--icon);
}

[b-r9ojtcva8u]::placeholder {
    color: var(--icon);
}

.input-group-text[b-r9ojtcva8u] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-r9ojtcva8u]{
        width: 70px;
    }
    .form-floating[b-r9ojtcva8u]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-r9ojtcva8u] {
    width: 100%;
}
}
/* /Pages/DashboardPage/dashboard.razor.rz.scp.css */
body[b-yinqhc78lg]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-yinqhc78lg] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-yinqhc78lg] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-yinqhc78lg]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}*/

/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-yinqhc78lg]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-yinqhc78lg]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-yinqhc78lg] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-yinqhc78lg] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-yinqhc78lg] {

    font-weight: normal;
}

tr[b-yinqhc78lg],
td[b-yinqhc78lg] {
    text-align: center;
}

tbody[b-yinqhc78lg] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-yinqhc78lg] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-yinqhc78lg]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-yinqhc78lg],
.page-link.active[b-yinqhc78lg] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-yinqhc78lg] {
    box-shadow: none;
}

.page-link:hover[b-yinqhc78lg] {
    color: var(--icon);
}
.modal-body .form-floating[b-yinqhc78lg]{
    width: 100% !important;
}
.formf[b-yinqhc78lg]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-yinqhc78lg]{
    height: 40%;
}
fieldset[b-yinqhc78lg]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-yinqhc78lg]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-yinqhc78lg]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-yinqhc78lg]{
    color: var(--icon);
}
.form-check-input:checked[b-yinqhc78lg]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-yinqhc78lg]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-yinqhc78lg] {

    max-height: 350px;
}

.table-wrapper table thead[b-yinqhc78lg] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-yinqhc78lg]{
    overflow: scroll;


}
.table-scroll-wrapper[b-yinqhc78lg]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-yinqhc78lg]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-yinqhc78lg]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-yinqhc78lg]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-yinqhc78lg]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-yinqhc78lg]{
   background-color: var(--table-header);

}
thead tr[b-yinqhc78lg]{
    color: var(--main-txt);
}
  td[b-yinqhc78lg]{
    color: var(--icon);
}
tr:hover[b-yinqhc78lg]{
    background-color: var(--main-background);
}
.form-control[b-yinqhc78lg]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-yinqhc78lg]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-yinqhc78lg]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-yinqhc78lg]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-yinqhc78lg] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-yinqhc78lg]:before,
a.sort-by[b-yinqhc78lg]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-yinqhc78lg]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-yinqhc78lg]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-yinqhc78lg]{
    background-color: var(--background);
}
.modal-footer[b-yinqhc78lg]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-yinqhc78lg]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-yinqhc78lg]{
    color: var(--main-color);

}
.btn-close:focus[b-yinqhc78lg]{
    box-shadow: none;
}


.text-table-left tr[b-yinqhc78lg], .text-table-left td[b-yinqhc78lg]{
   
        text-align: right !important;

}
.scroll-fieldset[b-yinqhc78lg]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-yinqhc78lg]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-yinqhc78lg]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-yinqhc78lg] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-yinqhc78lg] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-yinqhc78lg] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-yinqhc78lg] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-yinqhc78lg] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-yinqhc78lg] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-yinqhc78lg] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-yinqhc78lg]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-yinqhc78lg]{
    color: green;
}
.ascending svg[b-yinqhc78lg]{
    color: green;
}
.descending[b-yinqhc78lg]{
    color: red;
}
.descending svg[b-yinqhc78lg]{
    color: red;
}
.input-group input[b-yinqhc78lg], .input-group span[b-yinqhc78lg] {
    padding: 0;
}
.input-group-text[b-yinqhc78lg] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-yinqhc78lg] {
    color: var(--icon);
}

.input-group-text[b-yinqhc78lg] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-yinqhc78lg]{
    font-size: 14px;
}
.log[b-yinqhc78lg]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-yinqhc78lg]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-yinqhc78lg]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-yinqhc78lg]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-yinqhc78lg]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-yinqhc78lg]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-yinqhc78lg],
[placeholder][b-yinqhc78lg] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-yinqhc78lg],
[placeholder][b-yinqhc78lg] {
    color: var(--icon) !important;
}

.input-group .form-control[b-yinqhc78lg]::placeholder {
    color: var(--icon);
}

input[b-yinqhc78lg]::placeholder {
    color: var(--icon);
}

[b-yinqhc78lg]::placeholder {
    color: var(--icon);
}

.input-group-text[b-yinqhc78lg] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-yinqhc78lg]{
        width: 70px;
    }
    .form-floating[b-yinqhc78lg]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-yinqhc78lg] {
    width: 100%;
}
}
/* /Pages/DashboardPage/License/TodayLicense.razor.rz.scp.css */
body[b-qjf3cdxqof]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-qjf3cdxqof] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-qjf3cdxqof] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-qjf3cdxqof]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}*/

/*.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}*/

/*.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
*/}
.profile-input[b-qjf3cdxqof]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.small-input .form-floating{
    width: 165px;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-qjf3cdxqof] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-qjf3cdxqof] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-qjf3cdxqof] {

    font-weight: normal;
}

tr[b-qjf3cdxqof],
td[b-qjf3cdxqof] {
    text-align: center;
}

tbody[b-qjf3cdxqof] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-qjf3cdxqof] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-qjf3cdxqof]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-qjf3cdxqof],
.page-link.active[b-qjf3cdxqof] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-qjf3cdxqof] {
    box-shadow: none;
}

.page-link:hover[b-qjf3cdxqof] {
    color: var(--icon);
}
.modal-body .form-floating[b-qjf3cdxqof]{
    width: 100% !important;
}
.formf[b-qjf3cdxqof]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-qjf3cdxqof]{
    height: 40%;
}
fieldset[b-qjf3cdxqof]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-qjf3cdxqof]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-qjf3cdxqof]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-qjf3cdxqof]{
    color: var(--icon);
}
.form-check-input:checked[b-qjf3cdxqof]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-qjf3cdxqof]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-qjf3cdxqof] {

    max-height: 350px;
}

.table-wrapper table thead[b-qjf3cdxqof] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-qjf3cdxqof]{
    overflow: scroll;


}
.table-scroll-wrapper[b-qjf3cdxqof]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-qjf3cdxqof]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-qjf3cdxqof]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-qjf3cdxqof]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-qjf3cdxqof]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-qjf3cdxqof]{
   background-color: var(--table-header);

}
thead tr[b-qjf3cdxqof]{
    color: var(--main-txt);
}
  td[b-qjf3cdxqof]{
    color: var(--icon);
}
tr:hover[b-qjf3cdxqof]{
    background-color: var(--main-background);
}
.form-control[b-qjf3cdxqof]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-qjf3cdxqof]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-qjf3cdxqof]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-qjf3cdxqof]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-qjf3cdxqof] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-qjf3cdxqof]:before,
a.sort-by[b-qjf3cdxqof]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-qjf3cdxqof]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-qjf3cdxqof]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-qjf3cdxqof]{
    background-color: var(--background);
}
.modal-footer[b-qjf3cdxqof]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-qjf3cdxqof]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-qjf3cdxqof]{
    color: var(--main-color);

}
.btn-close:focus[b-qjf3cdxqof]{
    box-shadow: none;
}


.text-table-left tr[b-qjf3cdxqof], .text-table-left td[b-qjf3cdxqof]{
   
        text-align: right !important;

}
.scroll-fieldset[b-qjf3cdxqof]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-qjf3cdxqof]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-qjf3cdxqof]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-qjf3cdxqof] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-qjf3cdxqof] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-qjf3cdxqof] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-qjf3cdxqof] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-qjf3cdxqof] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-qjf3cdxqof] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-qjf3cdxqof] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-qjf3cdxqof]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-qjf3cdxqof]{
    color: green;
}
.ascending svg[b-qjf3cdxqof]{
    color: green;
}
.descending[b-qjf3cdxqof]{
    color: red;
}
.descending svg[b-qjf3cdxqof]{
    color: red;
}
.input-group input[b-qjf3cdxqof], .input-group span[b-qjf3cdxqof] {
    padding: 0;
}
.input-group-text[b-qjf3cdxqof] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-qjf3cdxqof] {
    color: var(--icon);
}

.input-group-text[b-qjf3cdxqof] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-qjf3cdxqof]{
    font-size: 14px;
}
.log[b-qjf3cdxqof]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-qjf3cdxqof]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-qjf3cdxqof]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-qjf3cdxqof]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-qjf3cdxqof]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-qjf3cdxqof]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-qjf3cdxqof],
[placeholder][b-qjf3cdxqof] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-qjf3cdxqof],
[placeholder][b-qjf3cdxqof] {
    color: var(--icon) !important;
}

.input-group .form-control[b-qjf3cdxqof]::placeholder {
    color: var(--icon);
}

input[b-qjf3cdxqof]::placeholder {
    color: var(--icon);
}

[b-qjf3cdxqof]::placeholder {
    color: var(--icon);
}

.input-group-text[b-qjf3cdxqof] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-qjf3cdxqof]{
        width: 70px;
    }
    .form-floating[b-qjf3cdxqof]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-qjf3cdxqof] {
    width: 100%;
}
}
/* /Pages/DashboardPage/License/WeekLicense.razor.rz.scp.css */
body[b-qwfe00bn3z]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-qwfe00bn3z] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-qwfe00bn3z] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-qwfe00bn3z]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}*/

/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-qwfe00bn3z]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-qwfe00bn3z]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-qwfe00bn3z] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-qwfe00bn3z] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-qwfe00bn3z] {

    font-weight: normal;
}

tr[b-qwfe00bn3z],
td[b-qwfe00bn3z] {
    text-align: center;
}

tbody[b-qwfe00bn3z] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-qwfe00bn3z] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-qwfe00bn3z]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-qwfe00bn3z],
.page-link.active[b-qwfe00bn3z] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-qwfe00bn3z] {
    box-shadow: none;
}

.page-link:hover[b-qwfe00bn3z] {
    color: var(--icon);
}
.modal-body .form-floating[b-qwfe00bn3z]{
    width: 100% !important;
}
.formf[b-qwfe00bn3z]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-qwfe00bn3z]{
    height: 40%;
}
fieldset[b-qwfe00bn3z]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-qwfe00bn3z]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-qwfe00bn3z]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-qwfe00bn3z]{
    color: var(--icon);
}
.form-check-input:checked[b-qwfe00bn3z]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-qwfe00bn3z]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-qwfe00bn3z] {

    max-height: 350px;
}

.table-wrapper table thead[b-qwfe00bn3z] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-qwfe00bn3z]{
    overflow: scroll;


}
.table-scroll-wrapper[b-qwfe00bn3z]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-qwfe00bn3z]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-qwfe00bn3z]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-qwfe00bn3z]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-qwfe00bn3z]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-qwfe00bn3z]{
   background-color: var(--table-header);

}
thead tr[b-qwfe00bn3z]{
    color: var(--main-txt);
}
  td[b-qwfe00bn3z]{
    color: var(--icon);
}
tr:hover[b-qwfe00bn3z]{
    background-color: var(--main-background);
}
.form-control[b-qwfe00bn3z]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-qwfe00bn3z]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-qwfe00bn3z]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-qwfe00bn3z]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-qwfe00bn3z] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-qwfe00bn3z]:before,
a.sort-by[b-qwfe00bn3z]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-qwfe00bn3z]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-qwfe00bn3z]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-qwfe00bn3z]{
    background-color: var(--background);
}
.modal-footer[b-qwfe00bn3z]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-qwfe00bn3z]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-qwfe00bn3z]{
    color: var(--main-color);

}
.btn-close:focus[b-qwfe00bn3z]{
    box-shadow: none;
}


.text-table-left tr[b-qwfe00bn3z], .text-table-left td[b-qwfe00bn3z]{
   
        text-align: right !important;

}
.scroll-fieldset[b-qwfe00bn3z]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-qwfe00bn3z]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-qwfe00bn3z]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-qwfe00bn3z] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-qwfe00bn3z] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-qwfe00bn3z] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-qwfe00bn3z] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-qwfe00bn3z] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-qwfe00bn3z] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-qwfe00bn3z] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-qwfe00bn3z]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-qwfe00bn3z]{
    color: green;
}
.ascending svg[b-qwfe00bn3z]{
    color: green;
}
.descending[b-qwfe00bn3z]{
    color: red;
}
.descending svg[b-qwfe00bn3z]{
    color: red;
}
.input-group input[b-qwfe00bn3z], .input-group span[b-qwfe00bn3z] {
    padding: 0;
}
.input-group-text[b-qwfe00bn3z] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-qwfe00bn3z] {
    color: var(--icon);
}

.input-group-text[b-qwfe00bn3z] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-qwfe00bn3z]{
    font-size: 14px;
}
.log[b-qwfe00bn3z]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-qwfe00bn3z]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-qwfe00bn3z]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-qwfe00bn3z]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-qwfe00bn3z]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-qwfe00bn3z]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-qwfe00bn3z],
[placeholder][b-qwfe00bn3z] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-qwfe00bn3z],
[placeholder][b-qwfe00bn3z] {
    color: var(--icon) !important;
}

.input-group .form-control[b-qwfe00bn3z]::placeholder {
    color: var(--icon);
}

input[b-qwfe00bn3z]::placeholder {
    color: var(--icon);
}

[b-qwfe00bn3z]::placeholder {
    color: var(--icon);
}

.input-group-text[b-qwfe00bn3z] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-qwfe00bn3z]{
        width: 70px;
    }
    .form-floating[b-qwfe00bn3z]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-qwfe00bn3z] {
    width: 100%;
}
}
/* /Pages/DashboardPage/License/YearlyLicense.razor.rz.scp.css */
body[b-ryzyqk1bb2]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-ryzyqk1bb2] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ryzyqk1bb2] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-ryzyqk1bb2]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}
*/
/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-ryzyqk1bb2]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-ryzyqk1bb2]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-ryzyqk1bb2] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ryzyqk1bb2] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-ryzyqk1bb2] {

    font-weight: normal;
}

tr[b-ryzyqk1bb2],
td[b-ryzyqk1bb2] {
    text-align: center;
}

tbody[b-ryzyqk1bb2] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ryzyqk1bb2] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-ryzyqk1bb2]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-ryzyqk1bb2],
.page-link.active[b-ryzyqk1bb2] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ryzyqk1bb2] {
    box-shadow: none;
}

.page-link:hover[b-ryzyqk1bb2] {
    color: var(--icon);
}
.modal-body .form-floating[b-ryzyqk1bb2]{
    width: 100% !important;
}
.formf[b-ryzyqk1bb2]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-ryzyqk1bb2]{
    height: 40%;
}
fieldset[b-ryzyqk1bb2]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-ryzyqk1bb2]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-ryzyqk1bb2]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-ryzyqk1bb2]{
    color: var(--icon);
}
.form-check-input:checked[b-ryzyqk1bb2]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-ryzyqk1bb2]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-ryzyqk1bb2] {

    max-height: 350px;
}

.table-wrapper table thead[b-ryzyqk1bb2] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-ryzyqk1bb2]{
    overflow: scroll;


}
.table-scroll-wrapper[b-ryzyqk1bb2]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-ryzyqk1bb2]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-ryzyqk1bb2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-ryzyqk1bb2]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ryzyqk1bb2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ryzyqk1bb2]{
   background-color: var(--table-header);

}
thead tr[b-ryzyqk1bb2]{
    color: var(--main-txt);
}
  td[b-ryzyqk1bb2]{
    color: var(--icon);
}
tr:hover[b-ryzyqk1bb2]{
    background-color: var(--main-background);
}
.form-control[b-ryzyqk1bb2]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-ryzyqk1bb2]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-ryzyqk1bb2]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-ryzyqk1bb2]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-ryzyqk1bb2] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-ryzyqk1bb2]:before,
a.sort-by[b-ryzyqk1bb2]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-ryzyqk1bb2]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-ryzyqk1bb2]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-ryzyqk1bb2]{
    background-color: var(--background);
}
.modal-footer[b-ryzyqk1bb2]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-ryzyqk1bb2]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-ryzyqk1bb2]{
    color: var(--main-color);

}
.btn-close:focus[b-ryzyqk1bb2]{
    box-shadow: none;
}


.text-table-left tr[b-ryzyqk1bb2], .text-table-left td[b-ryzyqk1bb2]{
   
        text-align: right !important;

}
.scroll-fieldset[b-ryzyqk1bb2]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-ryzyqk1bb2]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-ryzyqk1bb2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-ryzyqk1bb2] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-ryzyqk1bb2] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-ryzyqk1bb2] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-ryzyqk1bb2] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-ryzyqk1bb2] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-ryzyqk1bb2] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-ryzyqk1bb2] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-ryzyqk1bb2]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-ryzyqk1bb2]{
    color: green;
}
.ascending svg[b-ryzyqk1bb2]{
    color: green;
}
.descending[b-ryzyqk1bb2]{
    color: red;
}
.descending svg[b-ryzyqk1bb2]{
    color: red;
}
.input-group input[b-ryzyqk1bb2], .input-group span[b-ryzyqk1bb2] {
    padding: 0;
}
.input-group-text[b-ryzyqk1bb2] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-ryzyqk1bb2] {
    color: var(--icon);
}

.input-group-text[b-ryzyqk1bb2] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-ryzyqk1bb2]{
    font-size: 14px;
}
.log[b-ryzyqk1bb2]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-ryzyqk1bb2]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-ryzyqk1bb2]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-ryzyqk1bb2]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-ryzyqk1bb2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-ryzyqk1bb2]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-ryzyqk1bb2],
[placeholder][b-ryzyqk1bb2] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-ryzyqk1bb2],
[placeholder][b-ryzyqk1bb2] {
    color: var(--icon) !important;
}

.input-group .form-control[b-ryzyqk1bb2]::placeholder {
    color: var(--icon);
}

input[b-ryzyqk1bb2]::placeholder {
    color: var(--icon);
}

[b-ryzyqk1bb2]::placeholder {
    color: var(--icon);
}

.input-group-text[b-ryzyqk1bb2] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-ryzyqk1bb2]{
        width: 70px;
    }
    .form-floating[b-ryzyqk1bb2]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-ryzyqk1bb2] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Shared/YearComponent.razor.rz.scp.css */
body[b-nq9rylnpcq]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-nq9rylnpcq] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-nq9rylnpcq] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-nq9rylnpcq]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}*/

/*.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-nq9rylnpcq]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-nq9rylnpcq]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-nq9rylnpcq] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-nq9rylnpcq] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-nq9rylnpcq] {

    font-weight: normal;
}

tr[b-nq9rylnpcq],
td[b-nq9rylnpcq] {
    text-align: center;
}

tbody[b-nq9rylnpcq] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-nq9rylnpcq] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-nq9rylnpcq]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-nq9rylnpcq],
.page-link.active[b-nq9rylnpcq] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-nq9rylnpcq] {
    box-shadow: none;
}

.page-link:hover[b-nq9rylnpcq] {
    color: var(--icon);
}
.modal-body .form-floating[b-nq9rylnpcq]{
    width: 100% !important;
}
.formf[b-nq9rylnpcq]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-nq9rylnpcq]{
    height: 40%;
}
fieldset[b-nq9rylnpcq]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-nq9rylnpcq]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-nq9rylnpcq]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-nq9rylnpcq]{
    color: var(--icon);
}
.form-check-input:checked[b-nq9rylnpcq]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-nq9rylnpcq]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-nq9rylnpcq] {

    max-height: 350px;
}

.table-wrapper table thead[b-nq9rylnpcq] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-nq9rylnpcq]{
    overflow: scroll;


}
.table-scroll-wrapper[b-nq9rylnpcq]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-nq9rylnpcq]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-nq9rylnpcq]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-nq9rylnpcq]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-nq9rylnpcq]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-nq9rylnpcq]{
   background-color: var(--table-header);

}
thead tr[b-nq9rylnpcq]{
    color: var(--main-txt);
}
  td[b-nq9rylnpcq]{
    color: var(--icon);
}
tr:hover[b-nq9rylnpcq]{
    background-color: var(--main-background);
}
.form-control[b-nq9rylnpcq]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-nq9rylnpcq]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-nq9rylnpcq]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-nq9rylnpcq]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-nq9rylnpcq] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-nq9rylnpcq]:before,
a.sort-by[b-nq9rylnpcq]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-nq9rylnpcq]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-nq9rylnpcq]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-nq9rylnpcq]{
    background-color: var(--background);
}
.modal-footer[b-nq9rylnpcq]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-nq9rylnpcq]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-nq9rylnpcq]{
    color: var(--main-color);

}
.btn-close:focus[b-nq9rylnpcq]{
    box-shadow: none;
}


.text-table-left tr[b-nq9rylnpcq], .text-table-left td[b-nq9rylnpcq]{
   
        text-align: right !important;

}
.scroll-fieldset[b-nq9rylnpcq]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-nq9rylnpcq]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-nq9rylnpcq]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-nq9rylnpcq] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-nq9rylnpcq] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-nq9rylnpcq] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-nq9rylnpcq] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-nq9rylnpcq] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-nq9rylnpcq] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-nq9rylnpcq] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-nq9rylnpcq]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-nq9rylnpcq]{
    color: green;
}
.ascending svg[b-nq9rylnpcq]{
    color: green;
}
.descending[b-nq9rylnpcq]{
    color: red;
}
.descending svg[b-nq9rylnpcq]{
    color: red;
}
.input-group input[b-nq9rylnpcq], .input-group span[b-nq9rylnpcq] {
    padding: 0;
}
.input-group-text[b-nq9rylnpcq] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-nq9rylnpcq] {
    color: var(--icon);
}

.input-group-text[b-nq9rylnpcq] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-nq9rylnpcq]{
    font-size: 14px;
}
.log[b-nq9rylnpcq]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-nq9rylnpcq]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-nq9rylnpcq]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-nq9rylnpcq]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-nq9rylnpcq]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-nq9rylnpcq]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-nq9rylnpcq],
[placeholder][b-nq9rylnpcq] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-nq9rylnpcq],
[placeholder][b-nq9rylnpcq] {
    color: var(--icon) !important;
}

.input-group .form-control[b-nq9rylnpcq]::placeholder {
    color: var(--icon);
}

input[b-nq9rylnpcq]::placeholder {
    color: var(--icon);
}

[b-nq9rylnpcq]::placeholder {
    color: var(--icon);
}

.input-group-text[b-nq9rylnpcq] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-nq9rylnpcq]{
        width: 70px;
    }
    .form-floating[b-nq9rylnpcq]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-nq9rylnpcq] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Sms/SmsLogList.razor.rz.scp.css */
body[b-ev0wlwk8oz]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-ev0wlwk8oz] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ev0wlwk8oz] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-ev0wlwk8oz]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}*/

/*.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-ev0wlwk8oz]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-ev0wlwk8oz]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-ev0wlwk8oz] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ev0wlwk8oz] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-ev0wlwk8oz] {

    font-weight: normal;
}

tr[b-ev0wlwk8oz],
td[b-ev0wlwk8oz] {
    text-align: center;
}

tbody[b-ev0wlwk8oz] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ev0wlwk8oz] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-ev0wlwk8oz]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-ev0wlwk8oz],
.page-link.active[b-ev0wlwk8oz] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ev0wlwk8oz] {
    box-shadow: none;
}

.page-link:hover[b-ev0wlwk8oz] {
    color: var(--icon);
}
.modal-body .form-floating[b-ev0wlwk8oz]{
    width: 100% !important;
}
.formf[b-ev0wlwk8oz]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-ev0wlwk8oz]{
    height: 40%;
}
fieldset[b-ev0wlwk8oz]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-ev0wlwk8oz]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-ev0wlwk8oz]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-ev0wlwk8oz]{
    color: var(--icon);
}
.form-check-input:checked[b-ev0wlwk8oz]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-ev0wlwk8oz]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-ev0wlwk8oz] {

    max-height: 350px;
}

.table-wrapper table thead[b-ev0wlwk8oz] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-ev0wlwk8oz]{
    overflow: scroll;


}
.table-scroll-wrapper[b-ev0wlwk8oz]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-ev0wlwk8oz]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-ev0wlwk8oz]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-ev0wlwk8oz]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ev0wlwk8oz]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ev0wlwk8oz]{
   background-color: var(--table-header);

}
thead tr[b-ev0wlwk8oz]{
    color: var(--main-txt);
}
  td[b-ev0wlwk8oz]{
    color: var(--icon);
}
tr:hover[b-ev0wlwk8oz]{
    background-color: var(--main-background);
}
.form-control[b-ev0wlwk8oz]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-ev0wlwk8oz]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-ev0wlwk8oz]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-ev0wlwk8oz]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-ev0wlwk8oz] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-ev0wlwk8oz]:before,
a.sort-by[b-ev0wlwk8oz]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-ev0wlwk8oz]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-ev0wlwk8oz]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-ev0wlwk8oz]{
    background-color: var(--background);
}
.modal-footer[b-ev0wlwk8oz]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-ev0wlwk8oz]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-ev0wlwk8oz]{
    color: var(--main-color);

}
.btn-close:focus[b-ev0wlwk8oz]{
    box-shadow: none;
}


.text-table-left tr[b-ev0wlwk8oz], .text-table-left td[b-ev0wlwk8oz]{
   
        text-align: right !important;

}
.scroll-fieldset[b-ev0wlwk8oz]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-ev0wlwk8oz]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-ev0wlwk8oz]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-ev0wlwk8oz] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-ev0wlwk8oz] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-ev0wlwk8oz] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-ev0wlwk8oz] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-ev0wlwk8oz] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-ev0wlwk8oz] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-ev0wlwk8oz] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-ev0wlwk8oz]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-ev0wlwk8oz]{
    color: green;
}
.ascending svg[b-ev0wlwk8oz]{
    color: green;
}
.descending[b-ev0wlwk8oz]{
    color: red;
}
.descending svg[b-ev0wlwk8oz]{
    color: red;
}
.input-group input[b-ev0wlwk8oz], .input-group span[b-ev0wlwk8oz] {
    padding: 0;
}
.input-group-text[b-ev0wlwk8oz] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-ev0wlwk8oz] {
    color: var(--icon);
}

.input-group-text[b-ev0wlwk8oz] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-ev0wlwk8oz]{
    font-size: 14px;
}
.log[b-ev0wlwk8oz]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-ev0wlwk8oz]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
}
.log-list[b-ev0wlwk8oz]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-ev0wlwk8oz]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-ev0wlwk8oz]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-ev0wlwk8oz]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-ev0wlwk8oz],
[placeholder][b-ev0wlwk8oz] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-ev0wlwk8oz],
[placeholder][b-ev0wlwk8oz] {
    color: var(--icon) !important;
}

.input-group .form-control[b-ev0wlwk8oz]::placeholder {
    color: var(--icon);
}

input[b-ev0wlwk8oz]::placeholder {
    color: var(--icon);
}

[b-ev0wlwk8oz]::placeholder {
    color: var(--icon);
}

.input-group-text[b-ev0wlwk8oz] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-ev0wlwk8oz]{
        width: 70px;
    }
    .form-floating[b-ev0wlwk8oz]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-ev0wlwk8oz] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/TodayTicket.razor.rz.scp.css */
body[b-01g8mb7a6p]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-01g8mb7a6p] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-01g8mb7a6p] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-01g8mb7a6p]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-01g8mb7a6p]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-01g8mb7a6p]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-01g8mb7a6p] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-01g8mb7a6p] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-01g8mb7a6p] {

    font-weight: normal;
}

tr[b-01g8mb7a6p],
td[b-01g8mb7a6p] {
    text-align: center;
}

tbody[b-01g8mb7a6p] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-01g8mb7a6p] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-01g8mb7a6p]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-01g8mb7a6p],
.page-link.active[b-01g8mb7a6p] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-01g8mb7a6p] {
    box-shadow: none;
}

.page-link:hover[b-01g8mb7a6p] {
    color: var(--icon);
}
.modal-body .form-floating[b-01g8mb7a6p]{
    width: 100% !important;
}
.formf[b-01g8mb7a6p]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-01g8mb7a6p]{
    height: 40%;
}
fieldset[b-01g8mb7a6p]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-01g8mb7a6p]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-01g8mb7a6p]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-01g8mb7a6p]{
    color: var(--icon);
}
.form-check-input:checked[b-01g8mb7a6p]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-01g8mb7a6p]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-01g8mb7a6p] {

    max-height: 350px;
}

.table-wrapper table thead[b-01g8mb7a6p] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-01g8mb7a6p]{
    overflow: scroll;


}
.table-scroll-wrapper[b-01g8mb7a6p]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-01g8mb7a6p]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-01g8mb7a6p]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-01g8mb7a6p]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-01g8mb7a6p]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-01g8mb7a6p]{
   background-color: var(--table-header);

}
thead tr[b-01g8mb7a6p]{
    color: var(--main-txt);
}
  td[b-01g8mb7a6p]{
    color: var(--icon);
}
tr:hover[b-01g8mb7a6p]{
    background-color: var(--main-background);
}
.form-control[b-01g8mb7a6p]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-01g8mb7a6p]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-01g8mb7a6p]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-01g8mb7a6p]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-01g8mb7a6p] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-01g8mb7a6p]:before,
a.sort-by[b-01g8mb7a6p]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-01g8mb7a6p]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-01g8mb7a6p]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-01g8mb7a6p]{
    background-color: var(--background);
}
.modal-footer[b-01g8mb7a6p]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-01g8mb7a6p]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-01g8mb7a6p]{
    color: var(--main-color);

}
.btn-close:focus[b-01g8mb7a6p]{
    box-shadow: none;
}


.text-table-left tr[b-01g8mb7a6p], .text-table-left td[b-01g8mb7a6p]{
   
        text-align: right !important;

}
.scroll-fieldset[b-01g8mb7a6p]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-01g8mb7a6p]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-01g8mb7a6p]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-01g8mb7a6p] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-01g8mb7a6p] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-01g8mb7a6p] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-01g8mb7a6p] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-01g8mb7a6p] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-01g8mb7a6p] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-01g8mb7a6p] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-01g8mb7a6p]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-01g8mb7a6p]{
    color: green;
}
.ascending svg[b-01g8mb7a6p]{
    color: green;
}
.descending[b-01g8mb7a6p]{
    color: red;
}
.descending svg[b-01g8mb7a6p]{
    color: red;
}
.input-group input[b-01g8mb7a6p], .input-group span[b-01g8mb7a6p] {
    padding: 0;
}
.input-group-text[b-01g8mb7a6p] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-01g8mb7a6p] {
    color: var(--icon);
}

.input-group-text[b-01g8mb7a6p] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-01g8mb7a6p]{
    font-size: 14px;
}
.log[b-01g8mb7a6p]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-01g8mb7a6p]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-01g8mb7a6p]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-01g8mb7a6p]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-01g8mb7a6p]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-01g8mb7a6p]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-01g8mb7a6p],
[placeholder][b-01g8mb7a6p] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-01g8mb7a6p],
[placeholder][b-01g8mb7a6p] {
    color: var(--icon) !important;
}

.input-group .form-control[b-01g8mb7a6p]::placeholder {
    color: var(--icon);
}

input[b-01g8mb7a6p]::placeholder {
    color: var(--icon);
}

[b-01g8mb7a6p]::placeholder {
    color: var(--icon);
}

.input-group-text[b-01g8mb7a6p] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-01g8mb7a6p]{
        width: 70px;
    }
    .form-floating[b-01g8mb7a6p]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-01g8mb7a6p] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/WeekTicket.razor.rz.scp.css */
body[b-wz7vfxi2zb]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-wz7vfxi2zb] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-wz7vfxi2zb] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-wz7vfxi2zb]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-wz7vfxi2zb]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-wz7vfxi2zb]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-wz7vfxi2zb] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-wz7vfxi2zb] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-wz7vfxi2zb] {

    font-weight: normal;
}

tr[b-wz7vfxi2zb],
td[b-wz7vfxi2zb] {
    text-align: center;
}

tbody[b-wz7vfxi2zb] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-wz7vfxi2zb] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-wz7vfxi2zb]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-wz7vfxi2zb],
.page-link.active[b-wz7vfxi2zb] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-wz7vfxi2zb] {
    box-shadow: none;
}

.page-link:hover[b-wz7vfxi2zb] {
    color: var(--icon);
}
.modal-body .form-floating[b-wz7vfxi2zb]{
    width: 100% !important;
}
.formf[b-wz7vfxi2zb]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-wz7vfxi2zb]{
    height: 40%;
}
fieldset[b-wz7vfxi2zb]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-wz7vfxi2zb]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-wz7vfxi2zb]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-wz7vfxi2zb]{
    color: var(--icon);
}
.form-check-input:checked[b-wz7vfxi2zb]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-wz7vfxi2zb]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-wz7vfxi2zb] {

    max-height: 350px;
}

.table-wrapper table thead[b-wz7vfxi2zb] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-wz7vfxi2zb]{
    overflow: scroll;


}
.table-scroll-wrapper[b-wz7vfxi2zb]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-wz7vfxi2zb]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-wz7vfxi2zb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-wz7vfxi2zb]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-wz7vfxi2zb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-wz7vfxi2zb]{
   background-color: var(--table-header);

}
thead tr[b-wz7vfxi2zb]{
    color: var(--main-txt);
}
  td[b-wz7vfxi2zb]{
    color: var(--icon);
}
tr:hover[b-wz7vfxi2zb]{
    background-color: var(--main-background);
}
.form-control[b-wz7vfxi2zb]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-wz7vfxi2zb]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-wz7vfxi2zb]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-wz7vfxi2zb]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-wz7vfxi2zb] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-wz7vfxi2zb]:before,
a.sort-by[b-wz7vfxi2zb]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-wz7vfxi2zb]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-wz7vfxi2zb]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-wz7vfxi2zb]{
    background-color: var(--background);
}
.modal-footer[b-wz7vfxi2zb]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-wz7vfxi2zb]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-wz7vfxi2zb]{
    color: var(--main-color);

}
.btn-close:focus[b-wz7vfxi2zb]{
    box-shadow: none;
}


.text-table-left tr[b-wz7vfxi2zb], .text-table-left td[b-wz7vfxi2zb]{
   
        text-align: right !important;

}
.scroll-fieldset[b-wz7vfxi2zb]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-wz7vfxi2zb]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-wz7vfxi2zb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-wz7vfxi2zb] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-wz7vfxi2zb] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-wz7vfxi2zb] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-wz7vfxi2zb] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-wz7vfxi2zb] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-wz7vfxi2zb] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-wz7vfxi2zb] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-wz7vfxi2zb]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-wz7vfxi2zb]{
    color: green;
}
.ascending svg[b-wz7vfxi2zb]{
    color: green;
}
.descending[b-wz7vfxi2zb]{
    color: red;
}
.descending svg[b-wz7vfxi2zb]{
    color: red;
}
.input-group input[b-wz7vfxi2zb], .input-group span[b-wz7vfxi2zb] {
    padding: 0;
}
.input-group-text[b-wz7vfxi2zb] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-wz7vfxi2zb] {
    color: var(--icon);
}

.input-group-text[b-wz7vfxi2zb] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-wz7vfxi2zb]{
    font-size: 14px;
}
.log[b-wz7vfxi2zb]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-wz7vfxi2zb]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-wz7vfxi2zb]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-wz7vfxi2zb]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-wz7vfxi2zb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-wz7vfxi2zb]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-wz7vfxi2zb],
[placeholder][b-wz7vfxi2zb] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-wz7vfxi2zb],
[placeholder][b-wz7vfxi2zb] {
    color: var(--icon) !important;
}

.input-group .form-control[b-wz7vfxi2zb]::placeholder {
    color: var(--icon);
}

input[b-wz7vfxi2zb]::placeholder {
    color: var(--icon);
}

[b-wz7vfxi2zb]::placeholder {
    color: var(--icon);
}

.input-group-text[b-wz7vfxi2zb] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-wz7vfxi2zb]{
        width: 70px;
    }
    .form-floating[b-wz7vfxi2zb]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-wz7vfxi2zb] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/YearlyAllResponseTime.razor.rz.scp.css */
body[b-3g96p43t6a]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-3g96p43t6a] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-3g96p43t6a] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-3g96p43t6a]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}*/

/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-3g96p43t6a]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-3g96p43t6a]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-3g96p43t6a] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-3g96p43t6a] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-3g96p43t6a] {

    font-weight: normal;
}

tr[b-3g96p43t6a],
td[b-3g96p43t6a] {
    text-align: center;
}

tbody[b-3g96p43t6a] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-3g96p43t6a] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-3g96p43t6a]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-3g96p43t6a],
.page-link.active[b-3g96p43t6a] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-3g96p43t6a] {
    box-shadow: none;
}

.page-link:hover[b-3g96p43t6a] {
    color: var(--icon);
}
.modal-body .form-floating[b-3g96p43t6a]{
    width: 100% !important;
}
.formf[b-3g96p43t6a]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-3g96p43t6a]{
    height: 40%;
}
fieldset[b-3g96p43t6a]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-3g96p43t6a]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-3g96p43t6a]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-3g96p43t6a]{
    color: var(--icon);
}
.form-check-input:checked[b-3g96p43t6a]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-3g96p43t6a]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-3g96p43t6a] {

    max-height: 350px;
}

.table-wrapper table thead[b-3g96p43t6a] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-3g96p43t6a]{
    overflow: scroll;


}
.table-scroll-wrapper[b-3g96p43t6a]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-3g96p43t6a]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-3g96p43t6a]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-3g96p43t6a]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-3g96p43t6a]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-3g96p43t6a]{
   background-color: var(--table-header);

}
thead tr[b-3g96p43t6a]{
    color: var(--main-txt);
}
  td[b-3g96p43t6a]{
    color: var(--icon);
}
tr:hover[b-3g96p43t6a]{
    background-color: var(--main-background);
}
.form-control[b-3g96p43t6a]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-3g96p43t6a]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-3g96p43t6a]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-3g96p43t6a]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-3g96p43t6a] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-3g96p43t6a]:before,
a.sort-by[b-3g96p43t6a]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-3g96p43t6a]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-3g96p43t6a]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-3g96p43t6a]{
    background-color: var(--background);
}
.modal-footer[b-3g96p43t6a]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-3g96p43t6a]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-3g96p43t6a]{
    color: var(--main-color);

}
.btn-close:focus[b-3g96p43t6a]{
    box-shadow: none;
}


.text-table-left tr[b-3g96p43t6a], .text-table-left td[b-3g96p43t6a]{
   
        text-align: right !important;

}
.scroll-fieldset[b-3g96p43t6a]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-3g96p43t6a]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-3g96p43t6a]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-3g96p43t6a] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-3g96p43t6a] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-3g96p43t6a] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-3g96p43t6a] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-3g96p43t6a] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-3g96p43t6a] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-3g96p43t6a] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-3g96p43t6a]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-3g96p43t6a]{
    color: green;
}
.ascending svg[b-3g96p43t6a]{
    color: green;
}
.descending[b-3g96p43t6a]{
    color: red;
}
.descending svg[b-3g96p43t6a]{
    color: red;
}
.input-group input[b-3g96p43t6a], .input-group span[b-3g96p43t6a] {
    padding: 0;
}
.input-group-text[b-3g96p43t6a] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-3g96p43t6a] {
    color: var(--icon);
}

.input-group-text[b-3g96p43t6a] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-3g96p43t6a]{
    font-size: 14px;
}
.log[b-3g96p43t6a]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-3g96p43t6a]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-3g96p43t6a]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-3g96p43t6a]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-3g96p43t6a]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-3g96p43t6a]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-3g96p43t6a],
[placeholder][b-3g96p43t6a] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-3g96p43t6a],
[placeholder][b-3g96p43t6a] {
    color: var(--icon) !important;
}

.input-group .form-control[b-3g96p43t6a]::placeholder {
    color: var(--icon);
}

input[b-3g96p43t6a]::placeholder {
    color: var(--icon);
}

[b-3g96p43t6a]::placeholder {
    color: var(--icon);
}

.input-group-text[b-3g96p43t6a] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-3g96p43t6a]{
        width: 70px;
    }
    .form-floating[b-3g96p43t6a]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-3g96p43t6a] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/YearlyResponseTime.razor.rz.scp.css */
body[b-ikdklao28c]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-ikdklao28c] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ikdklao28c] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-ikdklao28c]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}
*/
/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-ikdklao28c]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-ikdklao28c]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-ikdklao28c] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ikdklao28c] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-ikdklao28c] {

    font-weight: normal;
}

tr[b-ikdklao28c],
td[b-ikdklao28c] {
    text-align: center;
}

tbody[b-ikdklao28c] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ikdklao28c] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-ikdklao28c]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-ikdklao28c],
.page-link.active[b-ikdklao28c] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ikdklao28c] {
    box-shadow: none;
}

.page-link:hover[b-ikdklao28c] {
    color: var(--icon);
}
.modal-body .form-floating[b-ikdklao28c]{
    width: 100% !important;
}
.formf[b-ikdklao28c]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-ikdklao28c]{
    height: 40%;
}
fieldset[b-ikdklao28c]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-ikdklao28c]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-ikdklao28c]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-ikdklao28c]{
    color: var(--icon);
}
.form-check-input:checked[b-ikdklao28c]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-ikdklao28c]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-ikdklao28c] {

    max-height: 350px;
}

.table-wrapper table thead[b-ikdklao28c] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-ikdklao28c]{
    overflow: scroll;


}
.table-scroll-wrapper[b-ikdklao28c]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-ikdklao28c]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-ikdklao28c]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-ikdklao28c]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ikdklao28c]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ikdklao28c]{
   background-color: var(--table-header);

}
thead tr[b-ikdklao28c]{
    color: var(--main-txt);
}
  td[b-ikdklao28c]{
    color: var(--icon);
}
tr:hover[b-ikdklao28c]{
    background-color: var(--main-background);
}
.form-control[b-ikdklao28c]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-ikdklao28c]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-ikdklao28c]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-ikdklao28c]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-ikdklao28c] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-ikdklao28c]:before,
a.sort-by[b-ikdklao28c]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-ikdklao28c]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-ikdklao28c]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-ikdklao28c]{
    background-color: var(--background);
}
.modal-footer[b-ikdklao28c]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-ikdklao28c]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-ikdklao28c]{
    color: var(--main-color);

}
.btn-close:focus[b-ikdklao28c]{
    box-shadow: none;
}


.text-table-left tr[b-ikdklao28c], .text-table-left td[b-ikdklao28c]{
   
        text-align: right !important;

}
.scroll-fieldset[b-ikdklao28c]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-ikdklao28c]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-ikdklao28c]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-ikdklao28c] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-ikdklao28c] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-ikdklao28c] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-ikdklao28c] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-ikdklao28c] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-ikdklao28c] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-ikdklao28c] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-ikdklao28c]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-ikdklao28c]{
    color: green;
}
.ascending svg[b-ikdklao28c]{
    color: green;
}
.descending[b-ikdklao28c]{
    color: red;
}
.descending svg[b-ikdklao28c]{
    color: red;
}
.input-group input[b-ikdklao28c], .input-group span[b-ikdklao28c] {
    padding: 0;
}
.input-group-text[b-ikdklao28c] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-ikdklao28c] {
    color: var(--icon);
}

.input-group-text[b-ikdklao28c] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-ikdklao28c]{
    font-size: 14px;
}
.log[b-ikdklao28c]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-ikdklao28c]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-ikdklao28c]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-ikdklao28c]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-ikdklao28c]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-ikdklao28c]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-ikdklao28c],
[placeholder][b-ikdklao28c] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-ikdklao28c],
[placeholder][b-ikdklao28c] {
    color: var(--icon) !important;
}

.input-group .form-control[b-ikdklao28c]::placeholder {
    color: var(--icon);
}

input[b-ikdklao28c]::placeholder {
    color: var(--icon);
}

[b-ikdklao28c]::placeholder {
    color: var(--icon);
}

.input-group-text[b-ikdklao28c] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-ikdklao28c]{
        width: 70px;
    }
    .form-floating[b-ikdklao28c]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-ikdklao28c] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/YearlyResponseTimeTicketByUser.razor.rz.scp.css */
body[b-0zrubiu52m]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-0zrubiu52m] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-0zrubiu52m] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-0zrubiu52m]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}*/

/*.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-0zrubiu52m]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-0zrubiu52m]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-0zrubiu52m] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-0zrubiu52m] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-0zrubiu52m] {

    font-weight: normal;
}

tr[b-0zrubiu52m],
td[b-0zrubiu52m] {
    text-align: center;
}

tbody[b-0zrubiu52m] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-0zrubiu52m] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-0zrubiu52m]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-0zrubiu52m],
.page-link.active[b-0zrubiu52m] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-0zrubiu52m] {
    box-shadow: none;
}

.page-link:hover[b-0zrubiu52m] {
    color: var(--icon);
}
.modal-body .form-floating[b-0zrubiu52m]{
    width: 100% !important;
}
.formf[b-0zrubiu52m]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-0zrubiu52m]{
    height: 40%;
}
fieldset[b-0zrubiu52m]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-0zrubiu52m]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-0zrubiu52m]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-0zrubiu52m]{
    color: var(--icon);
}
.form-check-input:checked[b-0zrubiu52m]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-0zrubiu52m]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-0zrubiu52m] {

    max-height: 350px;
}

.table-wrapper table thead[b-0zrubiu52m] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-0zrubiu52m]{
    overflow: scroll;


}
.table-scroll-wrapper[b-0zrubiu52m]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-0zrubiu52m]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-0zrubiu52m]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-0zrubiu52m]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-0zrubiu52m]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-0zrubiu52m]{
   background-color: var(--table-header);

}
thead tr[b-0zrubiu52m]{
    color: var(--main-txt);
}
  td[b-0zrubiu52m]{
    color: var(--icon);
}
tr:hover[b-0zrubiu52m]{
    background-color: var(--main-background);
}
.form-control[b-0zrubiu52m]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-0zrubiu52m]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-0zrubiu52m]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-0zrubiu52m]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-0zrubiu52m] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-0zrubiu52m]:before,
a.sort-by[b-0zrubiu52m]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-0zrubiu52m]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-0zrubiu52m]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-0zrubiu52m]{
    background-color: var(--background);
}
.modal-footer[b-0zrubiu52m]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-0zrubiu52m]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-0zrubiu52m]{
    color: var(--main-color);

}
.btn-close:focus[b-0zrubiu52m]{
    box-shadow: none;
}


.text-table-left tr[b-0zrubiu52m], .text-table-left td[b-0zrubiu52m]{
   
        text-align: right !important;

}
.scroll-fieldset[b-0zrubiu52m]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-0zrubiu52m]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-0zrubiu52m]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-0zrubiu52m] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-0zrubiu52m] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-0zrubiu52m] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-0zrubiu52m] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-0zrubiu52m] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-0zrubiu52m] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-0zrubiu52m] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-0zrubiu52m]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-0zrubiu52m]{
    color: green;
}
.ascending svg[b-0zrubiu52m]{
    color: green;
}
.descending[b-0zrubiu52m]{
    color: red;
}
.descending svg[b-0zrubiu52m]{
    color: red;
}
.input-group input[b-0zrubiu52m], .input-group span[b-0zrubiu52m] {
    padding: 0;
}
.input-group-text[b-0zrubiu52m] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-0zrubiu52m] {
    color: var(--icon);
}

.input-group-text[b-0zrubiu52m] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-0zrubiu52m]{
    font-size: 14px;
}
.log[b-0zrubiu52m]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-0zrubiu52m]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-0zrubiu52m]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-0zrubiu52m]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-0zrubiu52m]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-0zrubiu52m]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-0zrubiu52m],
[placeholder][b-0zrubiu52m] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-0zrubiu52m],
[placeholder][b-0zrubiu52m] {
    color: var(--icon) !important;
}

.input-group .form-control[b-0zrubiu52m]::placeholder {
    color: var(--icon);
}

input[b-0zrubiu52m]::placeholder {
    color: var(--icon);
}

[b-0zrubiu52m]::placeholder {
    color: var(--icon);
}

.input-group-text[b-0zrubiu52m] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-0zrubiu52m]{
        width: 70px;
    }
    .form-floating[b-0zrubiu52m]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-0zrubiu52m] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/YearlyTicket.razor.rz.scp.css */
body[b-mxrgcypdrb]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-mxrgcypdrb] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-mxrgcypdrb] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-mxrgcypdrb]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-mxrgcypdrb]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-mxrgcypdrb]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-mxrgcypdrb] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-mxrgcypdrb] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-mxrgcypdrb] {

    font-weight: normal;
}

tr[b-mxrgcypdrb],
td[b-mxrgcypdrb] {
    text-align: center;
}

tbody[b-mxrgcypdrb] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-mxrgcypdrb] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-mxrgcypdrb]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-mxrgcypdrb],
.page-link.active[b-mxrgcypdrb] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-mxrgcypdrb] {
    box-shadow: none;
}

.page-link:hover[b-mxrgcypdrb] {
    color: var(--icon);
}
.modal-body .form-floating[b-mxrgcypdrb]{
    width: 100% !important;
}
.formf[b-mxrgcypdrb]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-mxrgcypdrb]{
    height: 40%;
}
fieldset[b-mxrgcypdrb]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-mxrgcypdrb]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-mxrgcypdrb]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-mxrgcypdrb]{
    color: var(--icon);
}
.form-check-input:checked[b-mxrgcypdrb]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-mxrgcypdrb]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-mxrgcypdrb] {

    max-height: 350px;
}

.table-wrapper table thead[b-mxrgcypdrb] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-mxrgcypdrb]{
    overflow: scroll;


}
.table-scroll-wrapper[b-mxrgcypdrb]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-mxrgcypdrb]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-mxrgcypdrb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-mxrgcypdrb]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-mxrgcypdrb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-mxrgcypdrb]{
   background-color: var(--table-header);

}
thead tr[b-mxrgcypdrb]{
    color: var(--main-txt);
}
  td[b-mxrgcypdrb]{
    color: var(--icon);
}
tr:hover[b-mxrgcypdrb]{
    background-color: var(--main-background);
}
.form-control[b-mxrgcypdrb]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-mxrgcypdrb]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-mxrgcypdrb]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-mxrgcypdrb]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-mxrgcypdrb] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-mxrgcypdrb]:before,
a.sort-by[b-mxrgcypdrb]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-mxrgcypdrb]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-mxrgcypdrb]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-mxrgcypdrb]{
    background-color: var(--background);
}
.modal-footer[b-mxrgcypdrb]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-mxrgcypdrb]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-mxrgcypdrb]{
    color: var(--main-color);

}
.btn-close:focus[b-mxrgcypdrb]{
    box-shadow: none;
}


.text-table-left tr[b-mxrgcypdrb], .text-table-left td[b-mxrgcypdrb]{
   
        text-align: right !important;

}
.scroll-fieldset[b-mxrgcypdrb]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-mxrgcypdrb]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-mxrgcypdrb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-mxrgcypdrb] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-mxrgcypdrb] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-mxrgcypdrb] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-mxrgcypdrb] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-mxrgcypdrb] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-mxrgcypdrb] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-mxrgcypdrb] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-mxrgcypdrb]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-mxrgcypdrb]{
    color: green;
}
.ascending svg[b-mxrgcypdrb]{
    color: green;
}
.descending[b-mxrgcypdrb]{
    color: red;
}
.descending svg[b-mxrgcypdrb]{
    color: red;
}
.input-group input[b-mxrgcypdrb], .input-group span[b-mxrgcypdrb] {
    padding: 0;
}
.input-group-text[b-mxrgcypdrb] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-mxrgcypdrb] {
    color: var(--icon);
}

.input-group-text[b-mxrgcypdrb] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-mxrgcypdrb]{
    font-size: 14px;
}
.log[b-mxrgcypdrb]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-mxrgcypdrb]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-mxrgcypdrb]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-mxrgcypdrb]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-mxrgcypdrb]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-mxrgcypdrb]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-mxrgcypdrb],
[placeholder][b-mxrgcypdrb] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-mxrgcypdrb],
[placeholder][b-mxrgcypdrb] {
    color: var(--icon) !important;
}

.input-group .form-control[b-mxrgcypdrb]::placeholder {
    color: var(--icon);
}

input[b-mxrgcypdrb]::placeholder {
    color: var(--icon);
}

[b-mxrgcypdrb]::placeholder {
    color: var(--icon);
}

.input-group-text[b-mxrgcypdrb] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-mxrgcypdrb]{
        width: 70px;
    }
    .form-floating[b-mxrgcypdrb]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-mxrgcypdrb] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Ticket/YearlyTicketByUser.razor.rz.scp.css */
body[b-tlor43twkl]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-tlor43twkl] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-tlor43twkl] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-tlor43twkl]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-tlor43twkl]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-tlor43twkl]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-tlor43twkl] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-tlor43twkl] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-tlor43twkl] {

    font-weight: normal;
}

tr[b-tlor43twkl],
td[b-tlor43twkl] {
    text-align: center;
}

tbody[b-tlor43twkl] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-tlor43twkl] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-tlor43twkl]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-tlor43twkl],
.page-link.active[b-tlor43twkl] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-tlor43twkl] {
    box-shadow: none;
}

.page-link:hover[b-tlor43twkl] {
    color: var(--icon);
}
.modal-body .form-floating[b-tlor43twkl]{
    width: 100% !important;
}
.formf[b-tlor43twkl]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-tlor43twkl]{
    height: 40%;
}
fieldset[b-tlor43twkl]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-tlor43twkl]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-tlor43twkl]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-tlor43twkl]{
    color: var(--icon);
}
.form-check-input:checked[b-tlor43twkl]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-tlor43twkl]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-tlor43twkl] {

    max-height: 350px;
}

.table-wrapper table thead[b-tlor43twkl] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-tlor43twkl]{
    overflow: scroll;


}
.table-scroll-wrapper[b-tlor43twkl]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-tlor43twkl]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-tlor43twkl]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-tlor43twkl]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-tlor43twkl]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-tlor43twkl]{
   background-color: var(--table-header);

}
thead tr[b-tlor43twkl]{
    color: var(--main-txt);
}
  td[b-tlor43twkl]{
    color: var(--icon);
}
tr:hover[b-tlor43twkl]{
    background-color: var(--main-background);
}
.form-control[b-tlor43twkl]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-tlor43twkl]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-tlor43twkl]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-tlor43twkl]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-tlor43twkl] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-tlor43twkl]:before,
a.sort-by[b-tlor43twkl]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-tlor43twkl]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-tlor43twkl]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-tlor43twkl]{
    background-color: var(--background);
}
.modal-footer[b-tlor43twkl]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-tlor43twkl]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-tlor43twkl]{
    color: var(--main-color);

}
.btn-close:focus[b-tlor43twkl]{
    box-shadow: none;
}


.text-table-left tr[b-tlor43twkl], .text-table-left td[b-tlor43twkl]{
   
        text-align: right !important;

}
.scroll-fieldset[b-tlor43twkl]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-tlor43twkl]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-tlor43twkl]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-tlor43twkl] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-tlor43twkl] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-tlor43twkl] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-tlor43twkl] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-tlor43twkl] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-tlor43twkl] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-tlor43twkl] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-tlor43twkl]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-tlor43twkl]{
    color: green;
}
.ascending svg[b-tlor43twkl]{
    color: green;
}
.descending[b-tlor43twkl]{
    color: red;
}
.descending svg[b-tlor43twkl]{
    color: red;
}
.input-group input[b-tlor43twkl], .input-group span[b-tlor43twkl] {
    padding: 0;
}
.input-group-text[b-tlor43twkl] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-tlor43twkl] {
    color: var(--icon);
}

.input-group-text[b-tlor43twkl] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-tlor43twkl]{
    font-size: 14px;
}
.log[b-tlor43twkl]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-tlor43twkl]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-tlor43twkl]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-tlor43twkl]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-tlor43twkl]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-tlor43twkl]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-tlor43twkl],
[placeholder][b-tlor43twkl] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-tlor43twkl],
[placeholder][b-tlor43twkl] {
    color: var(--icon) !important;
}

.input-group .form-control[b-tlor43twkl]::placeholder {
    color: var(--icon);
}

input[b-tlor43twkl]::placeholder {
    color: var(--icon);
}

[b-tlor43twkl]::placeholder {
    color: var(--icon);
}

.input-group-text[b-tlor43twkl] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-tlor43twkl]{
        width: 70px;
    }
    .form-floating[b-tlor43twkl]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-tlor43twkl] {
    width: 100%;
}
}
/* /Pages/DashboardPage/Version/SoftwareVersionList.razor.rz.scp.css */
body[b-axr6lgpjj6]{
    font-size: 14px;
    color: var(--main-txt);
}
.title h5[b-axr6lgpjj6] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-axr6lgpjj6] {
    min-height: 145px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}
.container-fluid[b-axr6lgpjj6]{
    padding-left: 40px;
    padding-right: 20px;
}
/*.form-control {
    font-size: 14px;
}

.form-floating>label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 7px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 35px;


}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}*/
.profile-input[b-axr6lgpjj6]{
    height: 45px !important;
    color: var(--icon);
}

/*.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/
.small-input .form-floating[b-axr6lgpjj6]{
    width: 165px;
}
/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-axr6lgpjj6] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-axr6lgpjj6] {
    border: 1px solid var(--stroke);
    white-space:nowrap;
}

tr th[b-axr6lgpjj6] {

    font-weight: normal;
}

tr[b-axr6lgpjj6],
td[b-axr6lgpjj6] {
    text-align: center;
}

tbody[b-axr6lgpjj6] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-axr6lgpjj6] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}
.pagination li a[b-axr6lgpjj6]{
    background-color: var(--main-background);
    color: var(--main-txt);
}
.active>.page-link[b-axr6lgpjj6],
.page-link.active[b-axr6lgpjj6] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-axr6lgpjj6] {
    box-shadow: none;
}

.page-link:hover[b-axr6lgpjj6] {
    color: var(--icon);
}
.modal-body .form-floating[b-axr6lgpjj6]{
    width: 100% !important;
}
.formf[b-axr6lgpjj6]{
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}
.formf label[b-axr6lgpjj6]{
    height: 40%;
}
fieldset[b-axr6lgpjj6]{
    border: 1px solid  var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
    
}
legend[b-axr6lgpjj6]{
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;

}
.btn2[b-axr6lgpjj6]{
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}
.form-check-label[b-axr6lgpjj6]{
    color: var(--icon);
}
.form-check-input:checked[b-axr6lgpjj6]{
    background-color: var(--main-color);
    border: none;
}
.form-check-input:focus[b-axr6lgpjj6]{
    box-shadow: none;
    border-color: var(--main-color);
}
.table-wrapper[b-axr6lgpjj6] {

    max-height: 350px;
}

.table-wrapper table thead[b-axr6lgpjj6] {
    position: sticky;
    top: -1px;
    z-index: 3;
}
.table-responsive[b-axr6lgpjj6]{
    overflow: scroll;


}
.table-scroll-wrapper[b-axr6lgpjj6]{
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}
.table-scroll-wrapper[b-axr6lgpjj6]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
.table-scroll-wrapper[b-axr6lgpjj6]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.table-wrapper[b-axr6lgpjj6]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-axr6lgpjj6]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-axr6lgpjj6]{
   background-color: var(--table-header);

}
thead tr[b-axr6lgpjj6]{
    color: var(--main-txt);
}
  td[b-axr6lgpjj6]{
    color: var(--icon);
}
tr:hover[b-axr6lgpjj6]{
    background-color: var(--main-background);
}
.form-control[b-axr6lgpjj6]{
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
.select-label[b-axr6lgpjj6]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}
.select-style[b-axr6lgpjj6]{
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);

}
.select-style select[b-axr6lgpjj6]{
    height: 45px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
a.sort-by[b-axr6lgpjj6] {
    padding-right: 18px;
    position: relative;
}

a.sort-by[b-axr6lgpjj6]:before,
a.sort-by[b-axr6lgpjj6]:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

a.sort-by[b-axr6lgpjj6]:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

a.sort-by[b-axr6lgpjj6]:after {
    border-top-color: #666;
    margin-top: 1px;
}
.modal-content[b-axr6lgpjj6]{
    background-color: var(--background);
}
.modal-footer[b-axr6lgpjj6]{
    border-top: 1px solid var(--stroke);

}
.modal-header[b-axr6lgpjj6]{
    border-bottom: 1px solid var(--stroke);

}

.btn-close:hover[b-axr6lgpjj6]{
    color: var(--main-color);

}
.btn-close:focus[b-axr6lgpjj6]{
    box-shadow: none;
}


.text-table-left tr[b-axr6lgpjj6], .text-table-left td[b-axr6lgpjj6]{
   
        text-align: right !important;

}
.scroll-fieldset[b-axr6lgpjj6]{
    height: 343px;
    overflow-y: scroll;
}

.scroll-fieldset[b-axr6lgpjj6]::-webkit-scrollbar {

    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.scroll-fieldset[b-axr6lgpjj6]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

/* //// */
a[b-axr6lgpjj6] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-axr6lgpjj6] {
    * {
        margin: .1em;
        padding: .1em;
    }

    li[b-axr6lgpjj6] {
        margin-right: 2em;
        list-style: none;
        border-right: 1px solid var(--main-color);
        padding: 2px;

        ul {
            display: none;
        }
    }
}

.folder[b-axr6lgpjj6] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.zp-tooltip[b-axr6lgpjj6] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.zp-tooltip .tooltiptext[b-axr6lgpjj6] {
    visibility: hidden;
    font-size: 14px;
    width: max-content;
   
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1080;
    position: absolute;
    top: -5px;
    left:200%;
    transform: translateX(-50%);
    opacity: 0;
    
    transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.7);
}

/* Show the tooltip text when hovering */
.zp-tooltip:hover .tooltiptext[b-axr6lgpjj6] {
    visibility: visible;
    opacity: 1;
    z-index: 1080;
}
.right-line[b-axr6lgpjj6]{
    background-color: var(--blue-dashboard);
    width: 3px;
    height: 80px;
    border-radius: 10px;
}
.ascending[b-axr6lgpjj6]{
    color: green;
}
.ascending svg[b-axr6lgpjj6]{
    color: green;
}
.descending[b-axr6lgpjj6]{
    color: red;
}
.descending svg[b-axr6lgpjj6]{
    color: red;
}
.input-group input[b-axr6lgpjj6], .input-group span[b-axr6lgpjj6] {
    padding: 0;
}
.input-group-text[b-axr6lgpjj6] {
    background-color: var(--main-background) !important;
}
.input-group-text[b-axr6lgpjj6] {
    color: var(--icon);
}

.input-group-text[b-axr6lgpjj6] {
    border: 1px solid var(--stroke);
}
.zp-wrapper[b-axr6lgpjj6]{
    font-size: 14px;
}
.log[b-axr6lgpjj6]{
    background: var(--blue-dashboard-op);
    height: 45px;
    border-radius: 7px;
    min-width: 1000px;
    
}

.name-list[b-axr6lgpjj6]{
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 7px 7px 0px;
    padding: 15px;
    width: 10%;

}
.log-list[b-axr6lgpjj6]{
    height: 215px;
    overflow-y: scroll;


}
.log-list[b-axr6lgpjj6]::-webkit-scrollbar{
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.log-list[b-axr6lgpjj6]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}
.version[b-axr6lgpjj6]{
    width: 100%;
    border-radius: 7px;
    background-color: var(--blue-dashboard);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
input[placeholder-shown][b-axr6lgpjj6],
[placeholder][b-axr6lgpjj6] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-axr6lgpjj6],
[placeholder][b-axr6lgpjj6] {
    color: var(--icon) !important;
}

.input-group .form-control[b-axr6lgpjj6]::placeholder {
    color: var(--icon);
}

input[b-axr6lgpjj6]::placeholder {
    color: var(--icon);
}

[b-axr6lgpjj6]::placeholder {
    color: var(--icon);
}

.input-group-text[b-axr6lgpjj6] {
    color: var(--icon);
}
@media (max-width: 576px) {
    .btn-register[b-axr6lgpjj6]{
        width: 70px;
    }
    .form-floating[b-axr6lgpjj6]{
        width: 75%;
    }
}
@media (max-width: 400px){
.form-floating[b-axr6lgpjj6] {
    width: 100%;
}
}
/* /Pages/DiscountPages/DiscountCreate.razor.rz.scp.css */
.form-check-input[b-zu2b63mj4a] {
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
}

    .form-check-input:checked[type="radio"][b-zu2b63mj4a] {
    }

    .form-check-input:checked[type="checkbox"][b-zu2b63mj4a] {
        border-radius: 5px !important;
    }

.select2-container--default .select2-search--inline .select2-search__field[b-zu2b63mj4a]{

}
/* /Pages/FactorPage/FactorInfo.razor.rz.scp.css */
#invoice[b-o58k6peuj5] {
    width: 297mm !important; /* A4 width in landscape */
    min-height: 210mm; /* A4 height in landscape */
    font-size: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /*min-height: 1300px !important;*/ /* Example height of your invoice */
    background: white !important; /* Ensure a clean background */
    padding: 20px !important; /* Optional padding */
    box-sizing: border-box !important; /* Ensure consistent dimensions */
    display: none;
    font-family: "BNazanin" !important;
}
    #invoice *[b-o58k6peuj5] {
        font-family: "BNazanin" !important;
    }
    #invoice .invoice-container[b-o58k6peuj5] {
        width: 400mm !important;
        min-height: 297mm !important;
        padding: 20mm !important;
        border: 1px solid #ddd !important;
        background: #fff;
        margin: auto;
        font-family: "BNazanin" !important;
    }

    #invoice .header-print[b-o58k6peuj5] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 15px;
        font-family: "BNazanin" !important;
    }

        #invoice .header-print img[b-o58k6peuj5] {
            width: 50px;
            height: 50px;
        }

        #invoice .header-print .info[b-o58k6peuj5] {
            text-align: right;
        }

            #invoice .header-print .info p[b-o58k6peuj5] {
                margin: 0;
            }

    #invoice .card-print[b-o58k6peuj5] {
        border: 1px solid #ddd;
        margin-bottom: 20px;
    }

    #invoice .card-header-print[b-o58k6peuj5] {
        text-align: center;
        border-bottom: solid 2px black;
    }

    #invoice .card-body-print[b-o58k6peuj5] {
        padding: 10px;
    }

    #invoice .card-part[b-o58k6peuj5] {
        display: flex;
        font-size: small;
    }

    #invoice .card-value.bold[b-o58k6peuj5] {
        font-weight: 700;
    }

    #invoice table[b-o58k6peuj5] {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

        #invoice table th[b-o58k6peuj5], #invoice table td[b-o58k6peuj5] {
            /* border: 1px solid #ddd; */
            padding: 5px;
            text-align: center;
            border: 1px solid #918e8e94;
        }

        #invoice table th[b-o58k6peuj5] {
            background: #f5f5f5;
        }

    #invoice .footer[b-o58k6peuj5] {
        margin-top: 30px;
    }

    #invoice .border-ridge[b-o58k6peuj5] {
        border-style: solid !important;
        border: 2px solid black;
    }

@media print {
    #invoice[b-o58k6peuj5] {
        margin: 0;
        padding: 0;
        /* display: block !important; */
        visibility: visible; /* نمایش دادن فقط #invoice */
    }

        #invoice *[b-o58k6peuj5] {
            visibility: visible;
        }

    body *[b-o58k6peuj5] {
        visibility: hidden; /* مخفی کردن همه عناصر */
    }
}

#invoice .header-text[b-o58k6peuj5] {
    font-weight: 700;
    font-size: 20px;
    margin: 0 !important;
}

#invoice table[b-o58k6peuj5] {
    border: 2px solid black;
}

    #invoice table tbody[b-o58k6peuj5] {
        border: 0 !important;
        font-size: 12px !important;
    }

    #invoice table thead[b-o58k6peuj5] {
        font-size: 13px !important;
    }

@media print {
    #invoice[b-o58k6peuj5] {
        display: block;
    }
}
/* /Pages/FAQ/List.razor.rz.scp.css */
.title h5[b-krzisndumh] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-krzisndumh] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-krzisndumh] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

.profile-input[b-krzisndumh] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-krzisndumh] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-krzisndumh] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-krzisndumh] {
    font-weight: normal;
}

tr[b-krzisndumh],
td[b-krzisndumh] {
    text-align: center;
}

tbody[b-krzisndumh] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-krzisndumh] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-krzisndumh] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-krzisndumh],
.page-link.active[b-krzisndumh] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-krzisndumh] {
    box-shadow: none;
}

.page-link:hover[b-krzisndumh] {
    color: var(--icon);
}

.modal-body .form-floating[b-krzisndumh] {
    width: 100% !important;
}

.formf[b-krzisndumh] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-krzisndumh] {
        height: 40%;
    }

fieldset[b-krzisndumh] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-krzisndumh] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-krzisndumh] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-krzisndumh] {
    color: var(--icon);
}

.form-check-input:checked[b-krzisndumh] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-krzisndumh] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-krzisndumh] {
    overflow: scroll;
}

.table-wrapper[b-krzisndumh] {
    max-height: 350px;
}

    .table-wrapper table thead[b-krzisndumh] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-krzisndumh] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-krzisndumh]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-krzisndumh]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-krzisndumh]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-krzisndumh]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-krzisndumh] {
    background-color: var(--table-header);
}

thead tr[b-krzisndumh] {
    color: var(--main-txt);
}

td[b-krzisndumh] {
    color: var(--icon);
}

tr:hover[b-krzisndumh] {
    background-color: var(--main-background);
}

.form-control[b-krzisndumh] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-krzisndumh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-krzisndumh] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-krzisndumh] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-krzisndumh] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-krzisndumh]:before,
    a.sort-by[b-krzisndumh]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-krzisndumh]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-krzisndumh]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-krzisndumh] {
    background-color: var(--background);
}

.modal-footer[b-krzisndumh] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-krzisndumh] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-krzisndumh] {
    color: var(--main-color);
}

.btn-close:focus[b-krzisndumh] {
    box-shadow: none;
}


.text-table-left tr[b-krzisndumh],
.text-table-left td[b-krzisndumh] {
    text-align: right !important;
}

.profile-user[b-krzisndumh] {
    width: 15%;
}

.selected-profile-image[b-krzisndumh] {
    display: none;
}

.zp-tooltip[b-krzisndumh] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-krzisndumh] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-krzisndumh] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-krzisndumh] {
        width: 70px;
    }

    .form-floating[b-krzisndumh] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-krzisndumh] {
        width: 100%;
    }
}
/* /Pages/FAQ/RegisterFAQ.razor.rz.scp.css */
.title h5[b-b5k7dkrwoe] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-b5k7dkrwoe] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-b5k7dkrwoe] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
*/
.profile-input[b-b5k7dkrwoe] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-b5k7dkrwoe] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-b5k7dkrwoe] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-b5k7dkrwoe] {
    font-weight: normal;
}

tr[b-b5k7dkrwoe],
td[b-b5k7dkrwoe] {
    text-align: center;
}

tbody[b-b5k7dkrwoe] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-b5k7dkrwoe] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-b5k7dkrwoe] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-b5k7dkrwoe],
.page-link.active[b-b5k7dkrwoe] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-b5k7dkrwoe] {
    box-shadow: none;
}

.page-link:hover[b-b5k7dkrwoe] {
    color: var(--icon);
}

.modal-body .form-floating[b-b5k7dkrwoe] {
    width: 100% !important;
}

.formf[b-b5k7dkrwoe] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-b5k7dkrwoe] {
        height: 40%;
    }

fieldset[b-b5k7dkrwoe] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-b5k7dkrwoe] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-b5k7dkrwoe] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-b5k7dkrwoe] {
    color: var(--icon);
}

.form-check-input:checked[b-b5k7dkrwoe] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-b5k7dkrwoe] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-b5k7dkrwoe] {
    overflow: scroll;
}

.table-wrapper[b-b5k7dkrwoe] {
    max-height: 350px;
}

    .table-wrapper table thead[b-b5k7dkrwoe] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-b5k7dkrwoe] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-b5k7dkrwoe]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-b5k7dkrwoe]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-b5k7dkrwoe]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-b5k7dkrwoe]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-b5k7dkrwoe] {
    background-color: var(--table-header);
}

thead tr[b-b5k7dkrwoe] {
    color: var(--main-txt);
}

td[b-b5k7dkrwoe] {
    color: var(--icon);
}

tbody tr:hover[b-b5k7dkrwoe] {
    background-color: var(--main-background);
}


.form-control[b-b5k7dkrwoe] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-b5k7dkrwoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-b5k7dkrwoe] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-b5k7dkrwoe] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-b5k7dkrwoe] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-b5k7dkrwoe]:before,
    a.sort-by[b-b5k7dkrwoe]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-b5k7dkrwoe]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-b5k7dkrwoe]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-b5k7dkrwoe] {
    background-color: var(--background);
}

.modal-footer[b-b5k7dkrwoe] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-b5k7dkrwoe] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-b5k7dkrwoe] {
    color: var(--main-color);
}

.btn-close:focus[b-b5k7dkrwoe] {
    box-shadow: none;
}


.text-table-left tr[b-b5k7dkrwoe],
.text-table-left td[b-b5k7dkrwoe] {
    text-align: right !important;
}

.profile-user[b-b5k7dkrwoe] {
    width: 15%;
}

.selected-profile-image[b-b5k7dkrwoe] {
    display: none;
}

.zp-tooltip[b-b5k7dkrwoe] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-b5k7dkrwoe] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-b5k7dkrwoe] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-b5k7dkrwoe] {
        width: 70px;
    }

    .form-floating[b-b5k7dkrwoe] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-b5k7dkrwoe] {
        width: 100%;
    }
}
/* /Pages/LicenseLogPage/List.razor.rz.scp.css */
.title h5[b-6r4ubkk6mm] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-6r4ubkk6mm] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-6r4ubkk6mm] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
*/
.profile-input[b-6r4ubkk6mm] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/

/*.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-6r4ubkk6mm] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-6r4ubkk6mm] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-6r4ubkk6mm] {
    font-weight: normal;
}

tr[b-6r4ubkk6mm],
td[b-6r4ubkk6mm] {
    text-align: center;
}

tbody[b-6r4ubkk6mm] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-6r4ubkk6mm] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-6r4ubkk6mm] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-6r4ubkk6mm],
.page-link.active[b-6r4ubkk6mm] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-6r4ubkk6mm] {
    box-shadow: none;
}

.page-link:hover[b-6r4ubkk6mm] {
    color: var(--icon);
}

.modal-body .form-floating[b-6r4ubkk6mm] {
    width: 100% !important;
}

.formf[b-6r4ubkk6mm] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-6r4ubkk6mm] {
        height: 40%;
    }

fieldset[b-6r4ubkk6mm] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-6r4ubkk6mm] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-6r4ubkk6mm] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-6r4ubkk6mm] {
    color: var(--icon);
}

.form-check-input:checked[b-6r4ubkk6mm] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-6r4ubkk6mm] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-6r4ubkk6mm] {
    overflow: scroll;
}

.table-wrapper[b-6r4ubkk6mm] {
    max-height: 350px;
}

    .table-wrapper table thead[b-6r4ubkk6mm] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-6r4ubkk6mm] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-6r4ubkk6mm]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-6r4ubkk6mm]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-6r4ubkk6mm]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-6r4ubkk6mm]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-6r4ubkk6mm] {
    background-color: var(--table-header);
}

thead tr[b-6r4ubkk6mm] {
    color: var(--main-txt);
}

td[b-6r4ubkk6mm] {
    color: var(--icon);
}

tr:hover[b-6r4ubkk6mm] {
    background-color: var(--main-background);
}

.form-control[b-6r4ubkk6mm] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-6r4ubkk6mm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-6r4ubkk6mm] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-6r4ubkk6mm] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-6r4ubkk6mm] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-6r4ubkk6mm]:before,
    a.sort-by[b-6r4ubkk6mm]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-6r4ubkk6mm]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-6r4ubkk6mm]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-6r4ubkk6mm] {
    background-color: var(--background);
}

.modal-footer[b-6r4ubkk6mm] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-6r4ubkk6mm] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-6r4ubkk6mm] {
    color: var(--main-color);
}

.btn-close:focus[b-6r4ubkk6mm] {
    box-shadow: none;
}


.text-table-left tr[b-6r4ubkk6mm],
.text-table-left td[b-6r4ubkk6mm] {
    text-align: right !important;
}

.profile-user[b-6r4ubkk6mm] {
    width: 15%;
}

.selected-profile-image[b-6r4ubkk6mm] {
    display: none;
}

.zp-tooltip[b-6r4ubkk6mm] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-6r4ubkk6mm] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-6r4ubkk6mm] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-6r4ubkk6mm] {
        width: 70px;
    }

    .form-floating[b-6r4ubkk6mm] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-6r4ubkk6mm] {
        width: 100%;
    }
}
/* /Pages/LicensePage/ActivateLicenseModal.razor.rz.scp.css */
#tabs-link[b-7qjsoidb30] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-7qjsoidb30] {
    width: 130px;
}

#tabs-link > li > a:link[b-7qjsoidb30],
#tabs-link > li > a:visited[b-7qjsoidb30] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-7qjsoidb30] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-7qjsoidb30] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-7qjsoidb30] {
    display: none;
}

    .content:first-child[b-7qjsoidb30] {
        display: block;
    }

#license[b-7qjsoidb30] {
    display: block;
}


.first-tab[b-7qjsoidb30] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-7qjsoidb30] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-7qjsoidb30] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-7qjsoidb30] {
        width: 100%;
    }
}

.modal-body .select-style[b-7qjsoidb30] {
    width: 100%;
}

.select-style select[b-7qjsoidb30] {
    height: 35px;
}

input[placeholder-shown][b-7qjsoidb30], [placeholder][b-7qjsoidb30] {
    color: var(--icon) !important;
}

.select-label[b-7qjsoidb30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-7qjsoidb30] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-7qjsoidb30]::after {
    display: none;
}

.dropdown-item.active[b-7qjsoidb30], .dropdown-item:active[b-7qjsoidb30] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-7qjsoidb30] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-7qjsoidb30] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-7qjsoidb30]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-7qjsoidb30]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-7qjsoidb30] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-7qjsoidb30] {
        color: var(--txt);
    }

.table-wrapper table thead[b-7qjsoidb30] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-7qjsoidb30] {
    overflow: scroll;
}

.table-wrapper[b-7qjsoidb30] {
    max-height: 350px;
}

    .table-wrapper[b-7qjsoidb30]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-7qjsoidb30]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-7qjsoidb30] {
        width: 70px;
    }

    .form-floating[b-7qjsoidb30] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-7qjsoidb30] {
        width: 100%;
    }
}

.title h5[b-7qjsoidb30] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-7qjsoidb30] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-7qjsoidb30] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
*/
/*.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}*/

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-7qjsoidb30] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-7qjsoidb30] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-7qjsoidb30] {
    font-weight: normal;
}

tr[b-7qjsoidb30],
td[b-7qjsoidb30] {
    text-align: center;
}

tbody[b-7qjsoidb30] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-7qjsoidb30] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-7qjsoidb30] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-7qjsoidb30],
.page-link.active[b-7qjsoidb30] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-7qjsoidb30] {
    box-shadow: none;
}

.page-link:hover[b-7qjsoidb30] {
    color: var(--icon);
}

.modal-body .form-floating[b-7qjsoidb30] {
    width: 100% !important;
}

.formf[b-7qjsoidb30] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-7qjsoidb30] {
        height: 40%;
    }

fieldset[b-7qjsoidb30] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-7qjsoidb30] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-7qjsoidb30] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-7qjsoidb30] {
    color: var(--icon);
}

.form-check-input:checked[b-7qjsoidb30] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-7qjsoidb30] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-7qjsoidb30] {
    overflow: scroll;
}

.table-wrapper[b-7qjsoidb30] {
    max-height: 350px;
}

    .table-wrapper table thead[b-7qjsoidb30] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-7qjsoidb30] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-7qjsoidb30]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-7qjsoidb30]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-7qjsoidb30]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-7qjsoidb30]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-7qjsoidb30] {
    background-color: var(--table-header);
}

thead tr[b-7qjsoidb30] {
    color: var(--main-txt);
}

td[b-7qjsoidb30] {
    color: var(--icon);
}

tr:hover[b-7qjsoidb30] {
    background-color: var(--main-background);
}

.form-control[b-7qjsoidb30] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-7qjsoidb30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-7qjsoidb30] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-7qjsoidb30] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-7qjsoidb30] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-7qjsoidb30]:before,
    a.sort-by[b-7qjsoidb30]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-7qjsoidb30]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-7qjsoidb30]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-7qjsoidb30] {
    background-color: var(--background);
}

.modal-footer[b-7qjsoidb30] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-7qjsoidb30] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-7qjsoidb30] {
    color: var(--main-color);
}

.btn-close:focus[b-7qjsoidb30] {
    box-shadow: none;
}


.text-table-left tr[b-7qjsoidb30],
.text-table-left td[b-7qjsoidb30] {
    text-align: right !important;
}

.profile-user[b-7qjsoidb30] {
    width: 15%;
}

.selected-profile-image[b-7qjsoidb30] {
    display: none;
}

.zp-tooltip[b-7qjsoidb30] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-7qjsoidb30] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-7qjsoidb30] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-7qjsoidb30] {
    right: -110px !important;
}
/* /Pages/LicensePage/ActiveLicenseTab.razor.rz.scp.css */
#tabs-link[b-lxfwz6f82a] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-lxfwz6f82a] {
    width: 130px;
}

#tabs-link > li > a:link[b-lxfwz6f82a],
#tabs-link > li > a:visited[b-lxfwz6f82a] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-lxfwz6f82a] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-lxfwz6f82a] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-lxfwz6f82a] {
    display: none;
}

    .content:first-child[b-lxfwz6f82a] {
        display: block;
    }

#license[b-lxfwz6f82a] {
    display: block;
}


.first-tab[b-lxfwz6f82a] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-lxfwz6f82a] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-lxfwz6f82a] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-lxfwz6f82a] {
        width: 100%;
    }
}

.modal-body .select-style[b-lxfwz6f82a] {
    width: 100%;
}

.select-style select[b-lxfwz6f82a] {
    height: 35px;
}

input[placeholder-shown][b-lxfwz6f82a], [placeholder][b-lxfwz6f82a] {
    color: var(--icon) !important;
}

.select-label[b-lxfwz6f82a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

/*.form-floating {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}*/

tbody td .dropdown-toggle[b-lxfwz6f82a]::after {
    display: none;
}

.dropdown-item.active[b-lxfwz6f82a], .dropdown-item:active[b-lxfwz6f82a] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-lxfwz6f82a] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-lxfwz6f82a] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-lxfwz6f82a]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-lxfwz6f82a]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-lxfwz6f82a] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-lxfwz6f82a] {
        color: var(--txt);
    }

.table-wrapper table thead[b-lxfwz6f82a] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-lxfwz6f82a] {
    overflow: scroll;
}

.table-wrapper[b-lxfwz6f82a] {
    max-height: 350px;
}

    .table-wrapper[b-lxfwz6f82a]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-lxfwz6f82a]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-lxfwz6f82a] {
        width: 70px;
    }

    .form-floating[b-lxfwz6f82a] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-lxfwz6f82a] {
        width: 100%;
    }
}

.title h5[b-lxfwz6f82a] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-lxfwz6f82a] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-lxfwz6f82a] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {*/
    /*padding: 7px;*/
/*}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {*/
    /*height: 35px;*/
    /*padding-top: 1.625rem;*/
    /*padding-bottom: 0.625rem;*/
/*}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-lxfwz6f82a] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-lxfwz6f82a] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-lxfwz6f82a] {
    font-weight: normal;
}

tr[b-lxfwz6f82a],
td[b-lxfwz6f82a] {
    text-align: center;
}

tbody[b-lxfwz6f82a] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-lxfwz6f82a] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-lxfwz6f82a] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-lxfwz6f82a],
.page-link.active[b-lxfwz6f82a] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-lxfwz6f82a] {
    box-shadow: none;
}

.page-link:hover[b-lxfwz6f82a] {
    color: var(--icon);
}

.modal-body .form-floating[b-lxfwz6f82a] {
    width: 100% !important;
}

.formf[b-lxfwz6f82a] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-lxfwz6f82a] {
        height: 40%;
    }

fieldset[b-lxfwz6f82a] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-lxfwz6f82a] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-lxfwz6f82a] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-lxfwz6f82a] {
    color: var(--icon);
}

.form-check-input:checked[b-lxfwz6f82a] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-lxfwz6f82a] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-lxfwz6f82a] {
    overflow: scroll;
}

.table-wrapper[b-lxfwz6f82a] {
    max-height: 350px;
}

    .table-wrapper table thead[b-lxfwz6f82a] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-lxfwz6f82a] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-lxfwz6f82a]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-lxfwz6f82a]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-lxfwz6f82a]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-lxfwz6f82a]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-lxfwz6f82a] {
    background-color: var(--table-header);
}

thead tr[b-lxfwz6f82a] {
    color: var(--main-txt);
}

td[b-lxfwz6f82a] {
    color: var(--icon);
}

tr:hover[b-lxfwz6f82a] {
    background-color: var(--main-background);
}

.form-control[b-lxfwz6f82a] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-lxfwz6f82a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-lxfwz6f82a] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-lxfwz6f82a] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-lxfwz6f82a] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-lxfwz6f82a]:before,
    a.sort-by[b-lxfwz6f82a]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-lxfwz6f82a]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-lxfwz6f82a]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-lxfwz6f82a] {
    background-color: var(--background);
}

.modal-footer[b-lxfwz6f82a] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-lxfwz6f82a] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-lxfwz6f82a] {
    color: var(--main-color);
}

.btn-close:focus[b-lxfwz6f82a] {
    box-shadow: none;
}


.text-table-left tr[b-lxfwz6f82a],
.text-table-left td[b-lxfwz6f82a] {
    text-align: right !important;
}

.profile-user[b-lxfwz6f82a] {
    width: 15%;
}

.selected-profile-image[b-lxfwz6f82a] {
    display: none;
}

.zp-tooltip[b-lxfwz6f82a] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-lxfwz6f82a] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-lxfwz6f82a] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-lxfwz6f82a] {
    right: -110px !important;
}

.licenseList-dropdown.dropdown-menu[b-lxfwz6f82a] {
    /*inset: auto auto 0px 0px;!important;*/
}




.table-dropdown[b-lxfwz6f82a] {
    position: fixed;
    display: none;
    margin: 0;
    color: var(--bs-dropdown-color);
    text-align: right;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    z-index: 1000;
    min-width: 10rem;
    max-width: max-content;
    padding: 0.5rem 0;
    background-color: white;
    border-radius: 0.375rem;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
}

    .table-dropdown .dropdown-item[b-lxfwz6f82a] {
        border-bottom: 1px solid var(--stroke);
        padding: 4px 15px 4px 15px;
    }
/* /Pages/LicensePage/Clients.razor.rz.scp.css */
#tabs-link[b-qp20l54m4h] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-qp20l54m4h] {
    width: 130px;
}

#tabs-link > li > a:link[b-qp20l54m4h],
#tabs-link > li > a:visited[b-qp20l54m4h] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-qp20l54m4h] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-qp20l54m4h] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-qp20l54m4h] {
    display: none;
}

    .content:first-child[b-qp20l54m4h] {
        display: block;
    }

#license[b-qp20l54m4h] {
    display: block;
}


.first-tab[b-qp20l54m4h] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-qp20l54m4h] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-qp20l54m4h] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-qp20l54m4h] {
        width: 100%;
    }
}

.modal-body .select-style[b-qp20l54m4h] {
    width: 100%;
}

.select-style select[b-qp20l54m4h] {
    height: 35px;
}

input[placeholder-shown][b-qp20l54m4h], [placeholder][b-qp20l54m4h] {
    color: var(--icon) !important;
}

.select-label[b-qp20l54m4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-qp20l54m4h] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-qp20l54m4h]::after {
    display: none;
}

.dropdown-item.active[b-qp20l54m4h], .dropdown-item:active[b-qp20l54m4h] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-qp20l54m4h] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-qp20l54m4h] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-qp20l54m4h]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-qp20l54m4h]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-qp20l54m4h] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-qp20l54m4h] {
        color: var(--txt);
    }

.table-wrapper table thead[b-qp20l54m4h] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-qp20l54m4h] {
    overflow: scroll;
}

.table-wrapper[b-qp20l54m4h] {
    max-height: 350px;
}

    .table-wrapper[b-qp20l54m4h]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-qp20l54m4h]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-qp20l54m4h] {
        width: 70px;
    }

    .form-floating[b-qp20l54m4h] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-qp20l54m4h] {
        width: 100%;
    }
}

.title h5[b-qp20l54m4h] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-qp20l54m4h] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-qp20l54m4h] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-qp20l54m4h] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-qp20l54m4h] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-qp20l54m4h] {
    font-weight: normal;
}

tr[b-qp20l54m4h],
td[b-qp20l54m4h] {
    text-align: center;
}

tbody[b-qp20l54m4h] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-qp20l54m4h] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-qp20l54m4h] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-qp20l54m4h],
.page-link.active[b-qp20l54m4h] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-qp20l54m4h] {
    box-shadow: none;
}

.page-link:hover[b-qp20l54m4h] {
    color: var(--icon);
}

.modal-body .form-floating[b-qp20l54m4h] {
    width: 100% !important;
}

.formf[b-qp20l54m4h] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-qp20l54m4h] {
        height: 40%;
    }

fieldset[b-qp20l54m4h] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-qp20l54m4h] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-qp20l54m4h] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-qp20l54m4h] {
    color: var(--icon);
}

.form-check-input:checked[b-qp20l54m4h] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-qp20l54m4h] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-qp20l54m4h] {
    overflow: scroll;
}

.table-wrapper[b-qp20l54m4h] {
    max-height: 350px;
}

    .table-wrapper table thead[b-qp20l54m4h] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-qp20l54m4h] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-qp20l54m4h]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-qp20l54m4h]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-qp20l54m4h]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-qp20l54m4h]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-qp20l54m4h] {
    background-color: var(--table-header);
}

thead tr[b-qp20l54m4h] {
    color: var(--main-txt);
}

td[b-qp20l54m4h] {
    color: var(--icon);
}

tr:hover[b-qp20l54m4h] {
    background-color: var(--main-background);
}

.form-control[b-qp20l54m4h] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-qp20l54m4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-qp20l54m4h] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-qp20l54m4h] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-qp20l54m4h] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-qp20l54m4h]:before,
    a.sort-by[b-qp20l54m4h]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-qp20l54m4h]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-qp20l54m4h]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-qp20l54m4h] {
    background-color: var(--background);
}

.modal-footer[b-qp20l54m4h] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-qp20l54m4h] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-qp20l54m4h] {
    color: var(--main-color);
}

.btn-close:focus[b-qp20l54m4h] {
    box-shadow: none;
}


.text-table-left tr[b-qp20l54m4h],
.text-table-left td[b-qp20l54m4h] {
    text-align: right !important;
}

.profile-user[b-qp20l54m4h] {
    width: 15%;
}

.selected-profile-image[b-qp20l54m4h] {
    display: none;
}

.zp-tooltip[b-qp20l54m4h] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-qp20l54m4h] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 300%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-qp20l54m4h] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-qp20l54m4h] {
    right: -110px !important;
}
/* /Pages/LicensePage/Edit.razor.rz.scp.css */
#tabs-link[b-du61b7exyi] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-du61b7exyi] {
    width: 130px;
}

#tabs-link > li > a:link[b-du61b7exyi],
#tabs-link > li > a:visited[b-du61b7exyi] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-du61b7exyi] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-du61b7exyi] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-du61b7exyi] {
    display: none;
}

    .content:first-child[b-du61b7exyi] {
        display: block;
    }

#license[b-du61b7exyi] {
    display: block;
}


.first-tab[b-du61b7exyi] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-du61b7exyi] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-du61b7exyi] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-du61b7exyi] {
        width: 100%;
    }
}

.modal-body .select-style[b-du61b7exyi] {
    width: 100%;
}

.select-style select[b-du61b7exyi] {
    height: 35px;
}

input[placeholder-shown][b-du61b7exyi], [placeholder][b-du61b7exyi] {
    color: var(--icon) !important;
}

.select-label[b-du61b7exyi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-du61b7exyi] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-du61b7exyi]::after {
    display: none;
}

.dropdown-item.active[b-du61b7exyi], .dropdown-item:active[b-du61b7exyi] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-du61b7exyi] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-du61b7exyi] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-du61b7exyi]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-du61b7exyi]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-du61b7exyi] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-du61b7exyi] {
        color: var(--txt);
    }

.table-wrapper table thead[b-du61b7exyi] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-du61b7exyi] {
    overflow: scroll;
}

.table-wrapper[b-du61b7exyi] {
    max-height: 350px;
}

    .table-wrapper[b-du61b7exyi]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-du61b7exyi]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-du61b7exyi] {
        width: 70px;
    }

    .form-floating[b-du61b7exyi] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-du61b7exyi] {
        width: 100%;
    }
}

.title h5[b-du61b7exyi] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-du61b7exyi] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-du61b7exyi] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-du61b7exyi] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-du61b7exyi] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-du61b7exyi] {
    font-weight: normal;
}

tr[b-du61b7exyi],
td[b-du61b7exyi] {
    text-align: center;
}

tbody[b-du61b7exyi] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-du61b7exyi] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-du61b7exyi] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-du61b7exyi],
.page-link.active[b-du61b7exyi] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-du61b7exyi] {
    box-shadow: none;
}

.page-link:hover[b-du61b7exyi] {
    color: var(--icon);
}

.modal-body .form-floating[b-du61b7exyi] {
    width: 100% !important;
}

.formf[b-du61b7exyi] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-du61b7exyi] {
        height: 40%;
    }

fieldset[b-du61b7exyi] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-du61b7exyi] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-du61b7exyi] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-du61b7exyi] {
    color: var(--icon);
}

.form-check-input:checked[b-du61b7exyi] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-du61b7exyi] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-du61b7exyi] {
    overflow: scroll;
}

.table-wrapper[b-du61b7exyi] {
    max-height: 350px;
}

    .table-wrapper table thead[b-du61b7exyi] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-du61b7exyi] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-du61b7exyi]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-du61b7exyi]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-du61b7exyi]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-du61b7exyi]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-du61b7exyi] {
    background-color: var(--table-header);
}

thead tr[b-du61b7exyi] {
    color: var(--main-txt);
}

td[b-du61b7exyi] {
    color: var(--icon);
}

tr:hover[b-du61b7exyi] {
    background-color: var(--main-background);
}

.form-control[b-du61b7exyi] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-du61b7exyi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-du61b7exyi] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-du61b7exyi] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-du61b7exyi] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-du61b7exyi]:before,
    a.sort-by[b-du61b7exyi]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-du61b7exyi]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-du61b7exyi]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-du61b7exyi] {
    background-color: var(--background);
}

.modal-footer[b-du61b7exyi] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-du61b7exyi] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-du61b7exyi] {
    color: var(--main-color);
}

.btn-close:focus[b-du61b7exyi] {
    box-shadow: none;
}


.text-table-left tr[b-du61b7exyi],
.text-table-left td[b-du61b7exyi] {
    text-align: right !important;
}

.profile-user[b-du61b7exyi] {
    width: 15%;
}

.selected-profile-image[b-du61b7exyi] {
    display: none;
}

.zp-tooltip[b-du61b7exyi] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-du61b7exyi] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-du61b7exyi] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-du61b7exyi] {
    right: -110px !important;
}


.licenseList-dropdown.dropdown-menu[b-du61b7exyi] {
    /*inset: auto auto 0px 0px;!important;*/
}


.register-item[b-du61b7exyi] {
    margin: 10px 0px;
}

/* /Pages/LicensePage/ExpireDateModal.razor.rz.scp.css */
#tabs-link[b-a7l0kyb4v2] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-a7l0kyb4v2] {
    width: 130px;
}

#tabs-link > li > a:link[b-a7l0kyb4v2],
#tabs-link > li > a:visited[b-a7l0kyb4v2] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-a7l0kyb4v2] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-a7l0kyb4v2] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-a7l0kyb4v2] {
    display: none;
}

    .content:first-child[b-a7l0kyb4v2] {
        display: block;
    }

#license[b-a7l0kyb4v2] {
    display: block;
}


.first-tab[b-a7l0kyb4v2] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-a7l0kyb4v2] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-a7l0kyb4v2] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-a7l0kyb4v2] {
        width: 100%;
    }
}

.modal-body .select-style[b-a7l0kyb4v2] {
    width: 100%;
}

.select-style select[b-a7l0kyb4v2] {
    height: 35px;
}

input[placeholder-shown][b-a7l0kyb4v2], [placeholder][b-a7l0kyb4v2] {
    color: var(--icon) !important;
}

.select-label[b-a7l0kyb4v2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-a7l0kyb4v2] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-a7l0kyb4v2]::after {
    display: none;
}

.dropdown-item.active[b-a7l0kyb4v2], .dropdown-item:active[b-a7l0kyb4v2] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-a7l0kyb4v2] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-a7l0kyb4v2] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-a7l0kyb4v2] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-a7l0kyb4v2] {
        color: var(--txt);
    }

.table-wrapper table thead[b-a7l0kyb4v2] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-a7l0kyb4v2] {
    overflow: scroll;
}

.table-wrapper[b-a7l0kyb4v2] {
    max-height: 350px;
}

    .table-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-a7l0kyb4v2] {
        width: 70px;
    }

    .form-floating[b-a7l0kyb4v2] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-a7l0kyb4v2] {
        width: 100%;
    }
}

.title h5[b-a7l0kyb4v2] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-a7l0kyb4v2] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-a7l0kyb4v2] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-a7l0kyb4v2] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-a7l0kyb4v2] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-a7l0kyb4v2] {
    font-weight: normal;
}

tr[b-a7l0kyb4v2],
td[b-a7l0kyb4v2] {
    text-align: center;
}

tbody[b-a7l0kyb4v2] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-a7l0kyb4v2] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-a7l0kyb4v2] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-a7l0kyb4v2],
.page-link.active[b-a7l0kyb4v2] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-a7l0kyb4v2] {
    box-shadow: none;
}

.page-link:hover[b-a7l0kyb4v2] {
    color: var(--icon);
}

.modal-body .form-floating[b-a7l0kyb4v2] {
    width: 100% !important;
}

.formf[b-a7l0kyb4v2] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-a7l0kyb4v2] {
        height: 40%;
    }

fieldset[b-a7l0kyb4v2] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-a7l0kyb4v2] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-a7l0kyb4v2] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-a7l0kyb4v2] {
    color: var(--icon);
}

.form-check-input:checked[b-a7l0kyb4v2] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-a7l0kyb4v2] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-a7l0kyb4v2] {
    overflow: scroll;
}

.table-wrapper[b-a7l0kyb4v2] {
    max-height: 350px;
}

    .table-wrapper table thead[b-a7l0kyb4v2] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-a7l0kyb4v2] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-a7l0kyb4v2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-a7l0kyb4v2] {
    background-color: var(--table-header);
}

thead tr[b-a7l0kyb4v2] {
    color: var(--main-txt);
}

td[b-a7l0kyb4v2] {
    color: var(--icon);
}

tr:hover[b-a7l0kyb4v2] {
    background-color: var(--main-background);
}

.form-control[b-a7l0kyb4v2] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-a7l0kyb4v2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-a7l0kyb4v2] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-a7l0kyb4v2] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-a7l0kyb4v2] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-a7l0kyb4v2]:before,
    a.sort-by[b-a7l0kyb4v2]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-a7l0kyb4v2]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-a7l0kyb4v2]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-a7l0kyb4v2] {
    background-color: var(--background);
}

.modal-footer[b-a7l0kyb4v2] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-a7l0kyb4v2] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-a7l0kyb4v2] {
    color: var(--main-color);
}

.btn-close:focus[b-a7l0kyb4v2] {
    box-shadow: none;
}


.text-table-left tr[b-a7l0kyb4v2],
.text-table-left td[b-a7l0kyb4v2] {
    text-align: right !important;
}

.profile-user[b-a7l0kyb4v2] {
    width: 15%;
}

.selected-profile-image[b-a7l0kyb4v2] {
    display: none;
}

.zp-tooltip[b-a7l0kyb4v2] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-a7l0kyb4v2] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-a7l0kyb4v2] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-a7l0kyb4v2] {
    right: -110px !important;
}
/* /Pages/LicensePage/FeatureList.razor.rz.scp.css */
#tabs-link[b-fbmmhmcpci] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-fbmmhmcpci] {
    width: 130px;
}

#tabs-link > li > a:link[b-fbmmhmcpci],
#tabs-link > li > a:visited[b-fbmmhmcpci] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-fbmmhmcpci] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-fbmmhmcpci] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-fbmmhmcpci] {
    display: none;
}

    .content:first-child[b-fbmmhmcpci] {
        display: block;
    }

#license[b-fbmmhmcpci] {
    display: block;
}


.first-tab[b-fbmmhmcpci] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-fbmmhmcpci] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-fbmmhmcpci] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-fbmmhmcpci] {
        width: 100%;
    }
}

.modal-body .select-style[b-fbmmhmcpci] {
    width: 100%;
}

.select-style select[b-fbmmhmcpci] {
    height: 35px;
}

input[placeholder-shown][b-fbmmhmcpci], [placeholder][b-fbmmhmcpci] {
    color: var(--icon) !important;
}

.select-label[b-fbmmhmcpci] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-fbmmhmcpci] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-fbmmhmcpci]::after {
    display: none;
}

.dropdown-item.active[b-fbmmhmcpci], .dropdown-item:active[b-fbmmhmcpci] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-fbmmhmcpci] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-fbmmhmcpci] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-fbmmhmcpci]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-fbmmhmcpci]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-fbmmhmcpci] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-fbmmhmcpci] {
        color: var(--txt);
    }

.table-wrapper table thead[b-fbmmhmcpci] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-fbmmhmcpci] {
    overflow: scroll;
}

.table-wrapper[b-fbmmhmcpci] {
    max-height: 350px;
}

    .table-wrapper[b-fbmmhmcpci]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-fbmmhmcpci]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-fbmmhmcpci] {
        width: 70px;
    }

    .form-floating[b-fbmmhmcpci] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-fbmmhmcpci] {
        width: 100%;
    }
}

.title h5[b-fbmmhmcpci] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-fbmmhmcpci] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-fbmmhmcpci] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-fbmmhmcpci] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-fbmmhmcpci] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-fbmmhmcpci] {
    font-weight: normal;
}

tr[b-fbmmhmcpci],
td[b-fbmmhmcpci] {
    text-align: center;
}

tbody[b-fbmmhmcpci] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-fbmmhmcpci] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-fbmmhmcpci] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-fbmmhmcpci],
.page-link.active[b-fbmmhmcpci] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-fbmmhmcpci] {
    box-shadow: none;
}

.page-link:hover[b-fbmmhmcpci] {
    color: var(--icon);
}

.modal-body .form-floating[b-fbmmhmcpci] {
    width: 100% !important;
}

.formf[b-fbmmhmcpci] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-fbmmhmcpci] {
        height: 40%;
    }

fieldset[b-fbmmhmcpci] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-fbmmhmcpci] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-fbmmhmcpci] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-fbmmhmcpci] {
    color: var(--icon);
}

.form-check-input:checked[b-fbmmhmcpci] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-fbmmhmcpci] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-fbmmhmcpci] {
    overflow: scroll;
}

.table-wrapper[b-fbmmhmcpci] {
    max-height: 350px;
}

    .table-wrapper table thead[b-fbmmhmcpci] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-fbmmhmcpci] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-fbmmhmcpci]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-fbmmhmcpci]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-fbmmhmcpci]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-fbmmhmcpci]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-fbmmhmcpci] {
    background-color: var(--table-header);
}

thead tr[b-fbmmhmcpci] {
    color: var(--main-txt);
}

td[b-fbmmhmcpci] {
    color: var(--icon);
}

tr:hover[b-fbmmhmcpci] {
    background-color: var(--main-background);
}

.form-control[b-fbmmhmcpci] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-fbmmhmcpci] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-fbmmhmcpci] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-fbmmhmcpci] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-fbmmhmcpci] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-fbmmhmcpci]:before,
    a.sort-by[b-fbmmhmcpci]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-fbmmhmcpci]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-fbmmhmcpci]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-fbmmhmcpci] {
    background-color: var(--background);
}

.modal-footer[b-fbmmhmcpci] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-fbmmhmcpci] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-fbmmhmcpci] {
    color: var(--main-color);
}

.btn-close:focus[b-fbmmhmcpci] {
    box-shadow: none;
}


.text-table-left tr[b-fbmmhmcpci],
.text-table-left td[b-fbmmhmcpci] {
    text-align: right !important;
}

.profile-user[b-fbmmhmcpci] {
    width: 15%;
}

.selected-profile-image[b-fbmmhmcpci] {
    display: none;
}

.zp-tooltip[b-fbmmhmcpci] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-fbmmhmcpci] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-fbmmhmcpci] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-fbmmhmcpci] {
    right: -110px !important;
}
/* /Pages/LicensePage/Features.razor.rz.scp.css */
#tabs-link[b-09boab13h8] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-09boab13h8] {
    width: 130px;
}

#tabs-link > li > a:link[b-09boab13h8],
#tabs-link > li > a:visited[b-09boab13h8] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-09boab13h8] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-09boab13h8] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-09boab13h8] {
    display: none;
}

    .content:first-child[b-09boab13h8] {
        display: block;
    }

#license[b-09boab13h8] {
    display: block;
}


.first-tab[b-09boab13h8] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-09boab13h8] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-09boab13h8] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-09boab13h8] {
        width: 100%;
    }
}

.modal-body .select-style[b-09boab13h8] {
    width: 100%;
}

.select-style select[b-09boab13h8] {
    height: 35px;
}

input[placeholder-shown][b-09boab13h8], [placeholder][b-09boab13h8] {
    color: var(--icon) !important;
}

.select-label[b-09boab13h8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-09boab13h8] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-09boab13h8]::after {
    display: none;
}

.dropdown-item.active[b-09boab13h8], .dropdown-item:active[b-09boab13h8] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-09boab13h8] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-09boab13h8] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-09boab13h8]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-09boab13h8]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-09boab13h8] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-09boab13h8] {
        color: var(--txt);
    }

.table-wrapper table thead[b-09boab13h8] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-09boab13h8] {
    overflow: scroll;
}

.table-wrapper[b-09boab13h8] {
    max-height: 350px;
}

    .table-wrapper[b-09boab13h8]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-09boab13h8]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-09boab13h8] {
        width: 70px;
    }

    .form-floating[b-09boab13h8] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-09boab13h8] {
        width: 100%;
    }
}

.title h5[b-09boab13h8] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-09boab13h8] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-09boab13h8] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-09boab13h8] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-09boab13h8] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-09boab13h8] {
    font-weight: normal;
}

tr[b-09boab13h8],
td[b-09boab13h8] {
    text-align: center;
}

tbody[b-09boab13h8] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-09boab13h8] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-09boab13h8] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-09boab13h8],
.page-link.active[b-09boab13h8] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-09boab13h8] {
    box-shadow: none;
}

.page-link:hover[b-09boab13h8] {
    color: var(--icon);
}

.modal-body .form-floating[b-09boab13h8] {
    width: 100% !important;
}

.formf[b-09boab13h8] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-09boab13h8] {
        height: 40%;
    }

fieldset[b-09boab13h8] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-09boab13h8] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-09boab13h8] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-09boab13h8] {
    color: var(--icon);
}

.form-check-input:checked[b-09boab13h8] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-09boab13h8] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-09boab13h8] {
    overflow: scroll;
}

.table-wrapper[b-09boab13h8] {
    max-height: 350px;
}

    .table-wrapper table thead[b-09boab13h8] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-09boab13h8] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-09boab13h8]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-09boab13h8]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-09boab13h8]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-09boab13h8]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-09boab13h8] {
    background-color: var(--table-header);
}

thead tr[b-09boab13h8] {
    color: var(--main-txt);
}

td[b-09boab13h8] {
    color: var(--icon);
}

tr:hover[b-09boab13h8] {
    background-color: var(--main-background);
}

.form-control[b-09boab13h8] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-09boab13h8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-09boab13h8] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-09boab13h8] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-09boab13h8] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-09boab13h8]:before,
    a.sort-by[b-09boab13h8]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-09boab13h8]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-09boab13h8]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-09boab13h8] {
    background-color: var(--background);
}

.modal-footer[b-09boab13h8] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-09boab13h8] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-09boab13h8] {
    color: var(--main-color);
}

.btn-close:focus[b-09boab13h8] {
    box-shadow: none;
}


.text-table-left tr[b-09boab13h8],
.text-table-left td[b-09boab13h8] {
    text-align: right !important;
}

.profile-user[b-09boab13h8] {
    width: 15%;
}

.selected-profile-image[b-09boab13h8] {
    display: none;
}

.zp-tooltip[b-09boab13h8] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-09boab13h8] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-09boab13h8] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-09boab13h8] {
    right: -110px !important;
}
/* /Pages/LicensePage/LicenseTab.razor.rz.scp.css */
#tabs-link[b-enfbtn6avu] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-enfbtn6avu] {
    width: 130px;
}

#tabs-link > li > a:link[b-enfbtn6avu],
#tabs-link > li > a:visited[b-enfbtn6avu] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-enfbtn6avu] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-enfbtn6avu] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-enfbtn6avu] {
    display: none;
}

    .content:first-child[b-enfbtn6avu] {
        display: block;
    }

#license[b-enfbtn6avu] {
    display: block;
}


.first-tab[b-enfbtn6avu] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-enfbtn6avu] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-enfbtn6avu] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-enfbtn6avu] {
        width: 100%;
    }
}

.modal-body .select-style[b-enfbtn6avu] {
    width: 100%;
}

.select-style select[b-enfbtn6avu] {
    height: 35px;
}

input[placeholder-shown][b-enfbtn6avu], [placeholder][b-enfbtn6avu] {
    color: var(--icon) !important;
}

.select-label[b-enfbtn6avu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-enfbtn6avu] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-enfbtn6avu]::after {
    display: none;
}

.dropdown-item.active[b-enfbtn6avu], .dropdown-item:active[b-enfbtn6avu] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-enfbtn6avu] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-enfbtn6avu] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-enfbtn6avu]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-enfbtn6avu]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-enfbtn6avu] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-enfbtn6avu] {
        color: var(--txt);
    }

.table-wrapper table thead[b-enfbtn6avu] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-enfbtn6avu] {
    overflow: scroll;
}

.table-wrapper[b-enfbtn6avu] {
    max-height: 350px;
}

    .table-wrapper[b-enfbtn6avu]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-enfbtn6avu]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-enfbtn6avu] {
        width: 70px;
    }

    .form-floating[b-enfbtn6avu] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-enfbtn6avu] {
        width: 100%;
    }
}

.title h5[b-enfbtn6avu] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-enfbtn6avu] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-enfbtn6avu] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext,
 {*/
    /*height: 35px;*/
    /*padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

/*.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-enfbtn6avu] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-enfbtn6avu] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-enfbtn6avu] {
    font-weight: normal;
}

tr[b-enfbtn6avu],
td[b-enfbtn6avu] {
    text-align: center;
}

tbody[b-enfbtn6avu] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-enfbtn6avu] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-enfbtn6avu] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-enfbtn6avu],
.page-link.active[b-enfbtn6avu] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-enfbtn6avu] {
    box-shadow: none;
}

.page-link:hover[b-enfbtn6avu] {
    color: var(--icon);
}

.modal-body .form-floating[b-enfbtn6avu] {
    width: 100% !important;
}

.formf[b-enfbtn6avu] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-enfbtn6avu] {
        height: 40%;
    }

fieldset[b-enfbtn6avu] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-enfbtn6avu] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-enfbtn6avu] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-enfbtn6avu] {
    color: var(--icon);
}

.form-check-input:checked[b-enfbtn6avu] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-enfbtn6avu] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-enfbtn6avu] {
    overflow: scroll;
}

.table-wrapper[b-enfbtn6avu] {
    max-height: 350px;
}

    .table-wrapper table thead[b-enfbtn6avu] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-enfbtn6avu] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-enfbtn6avu]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-enfbtn6avu]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-enfbtn6avu]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-enfbtn6avu]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-enfbtn6avu] {
    background-color: var(--table-header);
}

thead tr[b-enfbtn6avu] {
    color: var(--main-txt);
}

td[b-enfbtn6avu] {
    color: var(--icon);
}

tr:hover[b-enfbtn6avu] {
    background-color: var(--main-background);
}

.form-control[b-enfbtn6avu] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-enfbtn6avu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-enfbtn6avu] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-enfbtn6avu] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-enfbtn6avu] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-enfbtn6avu]:before,
    a.sort-by[b-enfbtn6avu]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-enfbtn6avu]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-enfbtn6avu]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-enfbtn6avu] {
    background-color: var(--background);
}

.modal-footer[b-enfbtn6avu] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-enfbtn6avu] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-enfbtn6avu] {
    color: var(--main-color);
}

.btn-close:focus[b-enfbtn6avu] {
    box-shadow: none;
}


.text-table-left tr[b-enfbtn6avu],
.text-table-left td[b-enfbtn6avu] {
    text-align: right !important;
}

.profile-user[b-enfbtn6avu] {
    width: 15%;
}

.selected-profile-image[b-enfbtn6avu] {
    display: none;
}

.zp-tooltip[b-enfbtn6avu] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-enfbtn6avu] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-enfbtn6avu] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-enfbtn6avu] {
    right: -110px !important;
}

.licenseList-dropdown.dropdown-menu[b-enfbtn6avu] {
    /*inset: auto auto 0px 0px;!important;*/
}




.table-dropdown[b-enfbtn6avu] {
    position: fixed;
    display: none;
    margin: 0;
    color: var(--bs-dropdown-color);
    text-align: right;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    z-index: 1000;
    min-width: 10rem;
    max-width: max-content;
    padding: 0.5rem 0;
    background-color: white;
    border-radius: 0.375rem;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
}

    .table-dropdown .dropdown-item[b-enfbtn6avu] {
        border-bottom: 1px solid var(--stroke);
        padding: 4px 15px 4px 15px;
    }

    
/* /Pages/LicensePage/List.razor.rz.scp.css */
#tabs-link[b-x556hxibcp] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-x556hxibcp] {
    width: 130px;
}

#tabs-link > li > a:link[b-x556hxibcp],
#tabs-link > li > a:visited[b-x556hxibcp] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-x556hxibcp] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-x556hxibcp] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-x556hxibcp] {
    display: none;
}

    .content:first-child[b-x556hxibcp] {
        display: block;
    }

#license[b-x556hxibcp] {
    display: block;
}


.first-tab[b-x556hxibcp] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-x556hxibcp] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-x556hxibcp] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-x556hxibcp] {
        width: 100%;
    }
}

.modal-body .select-style[b-x556hxibcp] {
    width: 100%;
}

.select-style select[b-x556hxibcp] {
    height: 35px;
}

input[placeholder-shown][b-x556hxibcp], [placeholder][b-x556hxibcp] {
    color: var(--icon) !important;
}

.select-label[b-x556hxibcp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-x556hxibcp] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-x556hxibcp]::after {
    display: none;
}

.dropdown-item.active[b-x556hxibcp], .dropdown-item:active[b-x556hxibcp] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-x556hxibcp] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-x556hxibcp] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-x556hxibcp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-x556hxibcp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-x556hxibcp] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-x556hxibcp] {
        color: var(--txt);
    }

.table-wrapper table thead[b-x556hxibcp] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-x556hxibcp] {
    overflow: scroll;
}

.table-wrapper[b-x556hxibcp] {
    max-height: 350px;
}

    .table-wrapper[b-x556hxibcp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-x556hxibcp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-x556hxibcp] {
        width: 70px;
    }

    .form-floating[b-x556hxibcp] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-x556hxibcp] {
        width: 100%;
    }
}

.title h5[b-x556hxibcp] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-x556hxibcp] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-x556hxibcp] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-x556hxibcp] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-x556hxibcp] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-x556hxibcp] {
    font-weight: normal;
}

tr[b-x556hxibcp],
td[b-x556hxibcp] {
    text-align: center;
}

tbody[b-x556hxibcp] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-x556hxibcp] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-x556hxibcp] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-x556hxibcp],
.page-link.active[b-x556hxibcp] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-x556hxibcp] {
    box-shadow: none;
}

.page-link:hover[b-x556hxibcp] {
    color: var(--icon);
}

.modal-body .form-floating[b-x556hxibcp] {
    width: 100% !important;
}

.formf[b-x556hxibcp] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-x556hxibcp] {
        height: 40%;
    }

fieldset[b-x556hxibcp] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-x556hxibcp] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-x556hxibcp] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-x556hxibcp] {
    color: var(--icon);
}

.form-check-input:checked[b-x556hxibcp] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-x556hxibcp] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-x556hxibcp] {
    overflow: scroll;
}

.table-wrapper[b-x556hxibcp] {
    max-height: 350px;
}

    .table-wrapper table thead[b-x556hxibcp] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-x556hxibcp] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-x556hxibcp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-x556hxibcp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-x556hxibcp]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-x556hxibcp]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-x556hxibcp] {
    background-color: var(--table-header);
}

thead tr[b-x556hxibcp] {
    color: var(--main-txt);
}

td[b-x556hxibcp] {
    color: var(--icon);
}

tr:hover[b-x556hxibcp] {
    background-color: var(--main-background);
}

.form-control[b-x556hxibcp] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-x556hxibcp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-x556hxibcp] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-x556hxibcp] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-x556hxibcp] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-x556hxibcp]:before,
    a.sort-by[b-x556hxibcp]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-x556hxibcp]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-x556hxibcp]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-x556hxibcp] {
    background-color: var(--background);
}

.modal-footer[b-x556hxibcp] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-x556hxibcp] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-x556hxibcp] {
    color: var(--main-color);
}

.btn-close:focus[b-x556hxibcp] {
    box-shadow: none;
}


.text-table-left tr[b-x556hxibcp],
.text-table-left td[b-x556hxibcp] {
    text-align: right !important;
}

.profile-user[b-x556hxibcp] {
    width: 15%;
}

.selected-profile-image[b-x556hxibcp] {
    display: none;
}

.zp-tooltip[b-x556hxibcp] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-x556hxibcp] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-x556hxibcp] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-x556hxibcp] {
    right: -110px !important;
}

.licenseList-dropdown.dropdown-menu[b-x556hxibcp] {
    /*inset: auto auto 0px 0px;!important;*/
}
/* /Pages/LicensePage/Register.razor.rz.scp.css */
#tabs-link[b-jivesyg3b5] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-jivesyg3b5] {
    width: 130px;
}

#tabs-link > li > a:link[b-jivesyg3b5],
#tabs-link > li > a:visited[b-jivesyg3b5] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-jivesyg3b5] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-jivesyg3b5] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-jivesyg3b5] {
    display: none;
}

    .content:first-child[b-jivesyg3b5] {
        display: block;
    }

#license[b-jivesyg3b5] {
    display: block;
}


.first-tab[b-jivesyg3b5] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-jivesyg3b5] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-jivesyg3b5] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-jivesyg3b5] {
        width: 100%;
    }
}

.modal-body .select-style[b-jivesyg3b5] {
    width: 100%;
}

.select-style select[b-jivesyg3b5] {
    height: 35px;
}

input[placeholder-shown][b-jivesyg3b5], [placeholder][b-jivesyg3b5] {
    color: var(--icon) !important;
}

.select-label[b-jivesyg3b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-jivesyg3b5] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-jivesyg3b5]::after {
    display: none;
}

.dropdown-item.active[b-jivesyg3b5], .dropdown-item:active[b-jivesyg3b5] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-jivesyg3b5] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-jivesyg3b5] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-jivesyg3b5] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-jivesyg3b5] {
        color: var(--txt);
    }

.table-wrapper table thead[b-jivesyg3b5] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-jivesyg3b5] {
    overflow: scroll;
}

.table-wrapper[b-jivesyg3b5] {
    max-height: 350px;
}

    .table-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-jivesyg3b5] {
        width: 70px;
    }

    .form-floating[b-jivesyg3b5] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-jivesyg3b5] {
        width: 100%;
    }
}

.title h5[b-jivesyg3b5] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-jivesyg3b5] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-jivesyg3b5] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-jivesyg3b5] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-jivesyg3b5] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-jivesyg3b5] {
    font-weight: normal;
}

tr[b-jivesyg3b5],
td[b-jivesyg3b5] {
    text-align: center;
}

tbody[b-jivesyg3b5] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-jivesyg3b5] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-jivesyg3b5] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-jivesyg3b5],
.page-link.active[b-jivesyg3b5] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-jivesyg3b5] {
    box-shadow: none;
}

.page-link:hover[b-jivesyg3b5] {
    color: var(--icon);
}

.modal-body .form-floating[b-jivesyg3b5] {
    width: 100% !important;
}

.formf[b-jivesyg3b5] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-jivesyg3b5] {
        height: 40%;
    }

fieldset[b-jivesyg3b5] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-jivesyg3b5] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-jivesyg3b5] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-jivesyg3b5] {
    color: var(--icon);
}

.form-check-input:checked[b-jivesyg3b5] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-jivesyg3b5] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-jivesyg3b5] {
    overflow: scroll;
}

.table-wrapper[b-jivesyg3b5] {
    max-height: 350px;
}

    .table-wrapper table thead[b-jivesyg3b5] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-jivesyg3b5] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-jivesyg3b5] {
    background-color: var(--table-header);
}

thead tr[b-jivesyg3b5] {
    color: var(--main-txt);
}

td[b-jivesyg3b5] {
    color: var(--icon);
}

tr:hover[b-jivesyg3b5] {
    background-color: var(--main-background);
}

.form-control[b-jivesyg3b5] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-jivesyg3b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-jivesyg3b5] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-jivesyg3b5] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-jivesyg3b5] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-jivesyg3b5]:before,
    a.sort-by[b-jivesyg3b5]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-jivesyg3b5]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-jivesyg3b5]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-jivesyg3b5] {
    background-color: var(--background);
}

.modal-footer[b-jivesyg3b5] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-jivesyg3b5] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-jivesyg3b5] {
    color: var(--main-color);
}

.btn-close:focus[b-jivesyg3b5] {
    box-shadow: none;
}


.text-table-left tr[b-jivesyg3b5],
.text-table-left td[b-jivesyg3b5] {
    text-align: right !important;
}

.profile-user[b-jivesyg3b5] {
    width: 15%;
}

.selected-profile-image[b-jivesyg3b5] {
    display: none;
}

.zp-tooltip[b-jivesyg3b5] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-jivesyg3b5] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-jivesyg3b5] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-jivesyg3b5] {
    right: -110px !important;
}


.licenseList-dropdown.dropdown-menu[b-jivesyg3b5] {
    /*inset: auto auto 0px 0px;!important;*/
}


.register-item[b-jivesyg3b5] {
    margin: 10px 0px;
}
#tabs-link[b-jivesyg3b5] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-jivesyg3b5] {
    width: 130px;
}

#tabs-link > li > a:link[b-jivesyg3b5],
#tabs-link > li > a:visited[b-jivesyg3b5] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-jivesyg3b5] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-jivesyg3b5] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-jivesyg3b5] {
    display: none;
}

    .content:first-child[b-jivesyg3b5] {
        display: block;
    }

#license[b-jivesyg3b5] {
    display: block;
}


.first-tab[b-jivesyg3b5] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-jivesyg3b5] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-jivesyg3b5] {
    width: 80%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-jivesyg3b5] {
        width: 100%;
    }
}

.modal-body .select-style[b-jivesyg3b5] {
    width: 100%;
}

.select-style select[b-jivesyg3b5] {
    height: 35px;
}

input[placeholder-shown][b-jivesyg3b5], [placeholder][b-jivesyg3b5] {
    color: var(--icon) !important;
}

.select-label[b-jivesyg3b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-jivesyg3b5] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-jivesyg3b5]::after {
    display: none;
}

.dropdown-item.active[b-jivesyg3b5], .dropdown-item:active[b-jivesyg3b5] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-jivesyg3b5] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-jivesyg3b5] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-jivesyg3b5] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-jivesyg3b5] {
        color: var(--txt);
    }

.table-wrapper table thead[b-jivesyg3b5] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-jivesyg3b5] {
    overflow: scroll;
}

.table-wrapper[b-jivesyg3b5] {
    max-height: 350px;
}

    .table-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-jivesyg3b5] {
        width: 70px;
    }

    .form-floating[b-jivesyg3b5] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-jivesyg3b5] {
        width: 100%;
    }
}

.title h5[b-jivesyg3b5] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-jivesyg3b5] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-jivesyg3b5] {
    padding-left: 20px;
    padding-right: 20px;
}

.form-control[b-jivesyg3b5] {
    font-size: 14px;
}

.form-floating > label[b-jivesyg3b5] {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control[b-jivesyg3b5],
.form-floating > .form-control-plaintext[b-jivesyg3b5] {
    padding: 7px;
}

.form-floating > .form-control[b-jivesyg3b5],
.form-floating > .form-control-plaintext[b-jivesyg3b5],
.form-floating > .form-select[b-jivesyg3b5] {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input[b-jivesyg3b5] {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating[b-jivesyg3b5] {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus[b-jivesyg3b5] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-jivesyg3b5] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-jivesyg3b5] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-jivesyg3b5] {
    font-weight: normal;
}

tr[b-jivesyg3b5],
td[b-jivesyg3b5] {
    text-align: center;
}

tbody[b-jivesyg3b5] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-jivesyg3b5] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-jivesyg3b5] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-jivesyg3b5],
.page-link.active[b-jivesyg3b5] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-jivesyg3b5] {
    box-shadow: none;
}

.page-link:hover[b-jivesyg3b5] {
    color: var(--icon);
}

.modal-body .form-floating[b-jivesyg3b5] {
    width: 100% !important;
}

.formf[b-jivesyg3b5] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-jivesyg3b5] {
        height: 40%;
    }

fieldset[b-jivesyg3b5] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-jivesyg3b5] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-jivesyg3b5] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-jivesyg3b5] {
    color: var(--icon);
}

.form-check-input:checked[b-jivesyg3b5] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-jivesyg3b5] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-jivesyg3b5] {
    overflow: scroll;
}

.table-wrapper[b-jivesyg3b5] {
    max-height: 350px;
}

    .table-wrapper table thead[b-jivesyg3b5] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-jivesyg3b5] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-jivesyg3b5]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-jivesyg3b5]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-jivesyg3b5] {
    background-color: var(--table-header);
}

thead tr[b-jivesyg3b5] {
    color: var(--main-txt);
}

td[b-jivesyg3b5] {
    color: var(--icon);
}

tr:hover[b-jivesyg3b5] {
    background-color: var(--main-background);
}

.form-control[b-jivesyg3b5] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-jivesyg3b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-jivesyg3b5] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-jivesyg3b5] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-jivesyg3b5] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-jivesyg3b5]:before,
    a.sort-by[b-jivesyg3b5]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-jivesyg3b5]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-jivesyg3b5]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-jivesyg3b5] {
    background-color: var(--background);
}

.modal-footer[b-jivesyg3b5] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-jivesyg3b5] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-jivesyg3b5] {
    color: var(--main-color);
}

.btn-close:focus[b-jivesyg3b5] {
    box-shadow: none;
}


.text-table-left tr[b-jivesyg3b5],
.text-table-left td[b-jivesyg3b5] {
    text-align: right !important;
}

.profile-user[b-jivesyg3b5] {
    width: 15%;
}

.selected-profile-image[b-jivesyg3b5] {
    display: none;
}

.zp-tooltip[b-jivesyg3b5] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-jivesyg3b5] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-jivesyg3b5] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-jivesyg3b5] {
    right: -110px !important;
}


.licenseList-dropdown.dropdown-menu[b-jivesyg3b5] {
    /*inset: auto auto 0px 0px;!important;*/
}


.register-item[b-jivesyg3b5] {
    margin: 10px 0px;
}

/* /Pages/LicensePage/SupportDateModal.razor.rz.scp.css */
#tabs-link[b-172d9jlkel] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-172d9jlkel] {
    width: 130px;
}

#tabs-link > li > a:link[b-172d9jlkel],
#tabs-link > li > a:visited[b-172d9jlkel] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-172d9jlkel] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-172d9jlkel] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-172d9jlkel] {
    display: none;
}

    .content:first-child[b-172d9jlkel] {
        display: block;
    }

#license[b-172d9jlkel] {
    display: block;
}


.first-tab[b-172d9jlkel] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-172d9jlkel] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-172d9jlkel] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-172d9jlkel] {
        width: 100%;
    }
}

.modal-body .select-style[b-172d9jlkel] {
    width: 100%;
}

.select-style select[b-172d9jlkel] {
    height: 35px;
}

input[placeholder-shown][b-172d9jlkel], [placeholder][b-172d9jlkel] {
    color: var(--icon) !important;
}

.select-label[b-172d9jlkel] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-172d9jlkel] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-172d9jlkel]::after {
    display: none;
}

.dropdown-item.active[b-172d9jlkel], .dropdown-item:active[b-172d9jlkel] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-172d9jlkel] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-172d9jlkel] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-172d9jlkel]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-172d9jlkel]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-172d9jlkel] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-172d9jlkel] {
        color: var(--txt);
    }

.table-wrapper table thead[b-172d9jlkel] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-172d9jlkel] {
    overflow: scroll;
}

.table-wrapper[b-172d9jlkel] {
    max-height: 350px;
}

    .table-wrapper[b-172d9jlkel]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-172d9jlkel]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-172d9jlkel] {
        width: 70px;
    }

    .form-floating[b-172d9jlkel] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-172d9jlkel] {
        width: 100%;
    }
}

.title h5[b-172d9jlkel] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-172d9jlkel] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-172d9jlkel] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-172d9jlkel] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-172d9jlkel] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-172d9jlkel] {
    font-weight: normal;
}

tr[b-172d9jlkel],
td[b-172d9jlkel] {
    text-align: center;
}

tbody[b-172d9jlkel] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-172d9jlkel] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-172d9jlkel] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-172d9jlkel],
.page-link.active[b-172d9jlkel] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-172d9jlkel] {
    box-shadow: none;
}

.page-link:hover[b-172d9jlkel] {
    color: var(--icon);
}

.modal-body .form-floating[b-172d9jlkel] {
    width: 100% !important;
}

.formf[b-172d9jlkel] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-172d9jlkel] {
        height: 40%;
    }

fieldset[b-172d9jlkel] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-172d9jlkel] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-172d9jlkel] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-172d9jlkel] {
    color: var(--icon);
}

.form-check-input:checked[b-172d9jlkel] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-172d9jlkel] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-172d9jlkel] {
    overflow: scroll;
}

.table-wrapper[b-172d9jlkel] {
    max-height: 350px;
}

    .table-wrapper table thead[b-172d9jlkel] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-172d9jlkel] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-172d9jlkel]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-172d9jlkel]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-172d9jlkel]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-172d9jlkel]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-172d9jlkel] {
    background-color: var(--table-header);
}

thead tr[b-172d9jlkel] {
    color: var(--main-txt);
}

td[b-172d9jlkel] {
    color: var(--icon);
}

tr:hover[b-172d9jlkel] {
    background-color: var(--main-background);
}

.form-control[b-172d9jlkel] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-172d9jlkel] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-172d9jlkel] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-172d9jlkel] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-172d9jlkel] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-172d9jlkel]:before,
    a.sort-by[b-172d9jlkel]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-172d9jlkel]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-172d9jlkel]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-172d9jlkel] {
    background-color: var(--background);
}

.modal-footer[b-172d9jlkel] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-172d9jlkel] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-172d9jlkel] {
    color: var(--main-color);
}

.btn-close:focus[b-172d9jlkel] {
    box-shadow: none;
}


.text-table-left tr[b-172d9jlkel],
.text-table-left td[b-172d9jlkel] {
    text-align: right !important;
}

.profile-user[b-172d9jlkel] {
    width: 15%;
}

.selected-profile-image[b-172d9jlkel] {
    display: none;
}

.zp-tooltip[b-172d9jlkel] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-172d9jlkel] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-172d9jlkel] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-172d9jlkel] {
    right: -110px !important;
}
/* /Pages/LicensePage/SystemCodeModal.razor.rz.scp.css */
#tabs-link[b-1hqeed4tlp] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

#tab-link li[b-1hqeed4tlp] {
    width: 130px;
}

#tabs-link > li > a:link[b-1hqeed4tlp],
#tabs-link > li > a:visited[b-1hqeed4tlp] {
    display: block;
    padding: 5px;
    border-bottom: 0;
    text-decoration: none;
    color: var(--main-txt);
    width: 100%;
    text-align: center;
    position: relative;
}

#tabs-link > li > a > i[b-1hqeed4tlp] {
    position: absolute;
    top: 5px;
    left: 5px;
}

#tabs-link > li > a.active[b-1hqeed4tlp] {
    background-color: var(--background);
    transform: translateY(1px);
    border: 1px solid var(--background);
}

.content[b-1hqeed4tlp] {
    display: none;
}

    .content:first-child[b-1hqeed4tlp] {
        display: block;
    }

#license[b-1hqeed4tlp] {
    display: block;
}


.first-tab[b-1hqeed4tlp] {
    border-radius: 0 10px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}

.second-tab[b-1hqeed4tlp] {
    border-radius: 10px 0px 0 0;
    border: 1px solid var(--stroke);
    border-bottom: none;
}



.select-style[b-1hqeed4tlp] {
    width: 80%;
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

@media (max-width: 576px) {
    .select-style[b-1hqeed4tlp] {
        width: 100%;
    }
}

.modal-body .select-style[b-1hqeed4tlp] {
    width: 100%;
}

.select-style select[b-1hqeed4tlp] {
    height: 35px;
}

input[placeholder-shown][b-1hqeed4tlp], [placeholder][b-1hqeed4tlp] {
    color: var(--icon) !important;
}

.select-label[b-1hqeed4tlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.form-floating[b-1hqeed4tlp] {
    color: var(--icon);
    width: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

tbody td .dropdown-toggle[b-1hqeed4tlp]::after {
    display: none;
}

.dropdown-item.active[b-1hqeed4tlp], .dropdown-item:active[b-1hqeed4tlp] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-1hqeed4tlp] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-1hqeed4tlp] {
    height: 400px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-1hqeed4tlp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-1hqeed4tlp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-1hqeed4tlp] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-1hqeed4tlp] {
        color: var(--txt);
    }

.table-wrapper table thead[b-1hqeed4tlp] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-1hqeed4tlp] {
    overflow: scroll;
}

.table-wrapper[b-1hqeed4tlp] {
    max-height: 350px;
}

    .table-wrapper[b-1hqeed4tlp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-1hqeed4tlp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

@media (max-width: 576px) {
    .btn-register[b-1hqeed4tlp] {
        width: 70px;
    }

    .form-floating[b-1hqeed4tlp] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-1hqeed4tlp] {
        width: 100%;
    }
}

.title h5[b-1hqeed4tlp] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-1hqeed4tlp] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-1hqeed4tlp] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-1hqeed4tlp] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-1hqeed4tlp] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-1hqeed4tlp] {
    font-weight: normal;
}

tr[b-1hqeed4tlp],
td[b-1hqeed4tlp] {
    text-align: center;
}

tbody[b-1hqeed4tlp] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-1hqeed4tlp] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-1hqeed4tlp] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-1hqeed4tlp],
.page-link.active[b-1hqeed4tlp] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-1hqeed4tlp] {
    box-shadow: none;
}

.page-link:hover[b-1hqeed4tlp] {
    color: var(--icon);
}

.modal-body .form-floating[b-1hqeed4tlp] {
    width: 100% !important;
}

.formf[b-1hqeed4tlp] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-1hqeed4tlp] {
        height: 40%;
    }

fieldset[b-1hqeed4tlp] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-1hqeed4tlp] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-1hqeed4tlp] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-1hqeed4tlp] {
    color: var(--icon);
}

.form-check-input:checked[b-1hqeed4tlp] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-1hqeed4tlp] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-1hqeed4tlp] {
    overflow: scroll;
}

.table-wrapper[b-1hqeed4tlp] {
    max-height: 350px;
}

    .table-wrapper table thead[b-1hqeed4tlp] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-1hqeed4tlp] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-1hqeed4tlp]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-1hqeed4tlp]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-1hqeed4tlp]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-1hqeed4tlp]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-1hqeed4tlp] {
    background-color: var(--table-header);
}

thead tr[b-1hqeed4tlp] {
    color: var(--main-txt);
}

td[b-1hqeed4tlp] {
    color: var(--icon);
}

tr:hover[b-1hqeed4tlp] {
    background-color: var(--main-background);
}

.form-control[b-1hqeed4tlp] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-1hqeed4tlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-1hqeed4tlp] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-1hqeed4tlp] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-1hqeed4tlp] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-1hqeed4tlp]:before,
    a.sort-by[b-1hqeed4tlp]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-1hqeed4tlp]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-1hqeed4tlp]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-1hqeed4tlp] {
    background-color: var(--background);
}

.modal-footer[b-1hqeed4tlp] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-1hqeed4tlp] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-1hqeed4tlp] {
    color: var(--main-color);
}

.btn-close:focus[b-1hqeed4tlp] {
    box-shadow: none;
}


.text-table-left tr[b-1hqeed4tlp],
.text-table-left td[b-1hqeed4tlp] {
    text-align: right !important;
}

.profile-user[b-1hqeed4tlp] {
    width: 15%;
}

.selected-profile-image[b-1hqeed4tlp] {
    display: none;
}

.zp-tooltip[b-1hqeed4tlp] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-1hqeed4tlp] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-1hqeed4tlp] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-1hqeed4tlp] {
    right: -110px !important;
}
/* /Pages/LogOfCallPage/List.razor.rz.scp.css */
.title h5[b-jxyiy78q1i] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-jxyiy78q1i] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-jxyiy78q1i] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-jxyiy78q1i] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-jxyiy78q1i] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-jxyiy78q1i] {
    font-weight: normal;
}

tr[b-jxyiy78q1i],
td[b-jxyiy78q1i] {
    text-align: center;
}

tbody[b-jxyiy78q1i] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-jxyiy78q1i] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-jxyiy78q1i] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-jxyiy78q1i],
.page-link.active[b-jxyiy78q1i] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-jxyiy78q1i] {
    box-shadow: none;
}

.page-link:hover[b-jxyiy78q1i] {
    color: var(--icon);
}

.modal-body .form-floating[b-jxyiy78q1i] {
    width: 100% !important;
}

.formf[b-jxyiy78q1i] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-jxyiy78q1i] {
        height: 40%;
    }

fieldset[b-jxyiy78q1i] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-jxyiy78q1i] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-jxyiy78q1i] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-jxyiy78q1i] {
    color: var(--icon);
}

.form-check-input:checked[b-jxyiy78q1i] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-jxyiy78q1i] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-jxyiy78q1i] {
    overflow: scroll;
}

.table-wrapper[b-jxyiy78q1i] {
    max-height: 350px;
}

    .table-wrapper table thead[b-jxyiy78q1i] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-jxyiy78q1i] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-jxyiy78q1i]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-jxyiy78q1i]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-jxyiy78q1i]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-jxyiy78q1i]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-jxyiy78q1i] {
    background-color: var(--table-header);
}

thead tr[b-jxyiy78q1i] {
    color: var(--main-txt);
}

td[b-jxyiy78q1i] {
    color: var(--icon);
}

tbody tr:hover[b-jxyiy78q1i] {
    background-color: var(--main-background);
}


.form-control[b-jxyiy78q1i] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-jxyiy78q1i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-jxyiy78q1i] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-jxyiy78q1i] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-jxyiy78q1i] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-jxyiy78q1i]:before,
    a.sort-by[b-jxyiy78q1i]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-jxyiy78q1i]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-jxyiy78q1i]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-jxyiy78q1i] {
    background-color: var(--background);
}

.modal-footer[b-jxyiy78q1i] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-jxyiy78q1i] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-jxyiy78q1i] {
    color: var(--main-color);
}

.btn-close:focus[b-jxyiy78q1i] {
    box-shadow: none;
}


.text-table-left tr[b-jxyiy78q1i],
.text-table-left td[b-jxyiy78q1i] {
    text-align: right !important;
}

.profile-user[b-jxyiy78q1i] {
    width: 15%;
}

.selected-profile-image[b-jxyiy78q1i] {
    display: none;
}

.zp-tooltip[b-jxyiy78q1i] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-jxyiy78q1i] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-jxyiy78q1i] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-jxyiy78q1i] {
        width: 70px;
    }

    .form-floating[b-jxyiy78q1i] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-jxyiy78q1i] {
        width: 100%;
    }
}
/* /Pages/Message/List.razor.rz.scp.css */
.title h5[b-ez8d2wbfo9] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ez8d2wbfo9] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-ez8d2wbfo9] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-ez8d2wbfo9] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ez8d2wbfo9] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-ez8d2wbfo9] {
    font-weight: normal;
}

tr[b-ez8d2wbfo9],
td[b-ez8d2wbfo9] {
    text-align: center;
}

tbody[b-ez8d2wbfo9] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ez8d2wbfo9] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-ez8d2wbfo9] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-ez8d2wbfo9],
.page-link.active[b-ez8d2wbfo9] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ez8d2wbfo9] {
    box-shadow: none;
}

.page-link:hover[b-ez8d2wbfo9] {
    color: var(--icon);
}

.modal-body .form-floating[b-ez8d2wbfo9] {
    width: 100% !important;
}

.formf[b-ez8d2wbfo9] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-ez8d2wbfo9] {
        height: 40%;
    }

fieldset[b-ez8d2wbfo9] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-ez8d2wbfo9] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-ez8d2wbfo9] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-ez8d2wbfo9] {
    color: var(--icon);
}

.form-check-input:checked[b-ez8d2wbfo9] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-ez8d2wbfo9] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-ez8d2wbfo9] {
    overflow: scroll;
}

.table-wrapper[b-ez8d2wbfo9] {
    max-height: 350px;
}

    .table-wrapper table thead[b-ez8d2wbfo9] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-ez8d2wbfo9] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-ez8d2wbfo9]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ez8d2wbfo9]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-ez8d2wbfo9]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ez8d2wbfo9]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ez8d2wbfo9] {
    background-color: var(--table-header);
}

thead tr[b-ez8d2wbfo9] {
    color: var(--main-txt);
}

td[b-ez8d2wbfo9] {
    color: var(--icon);
}

tr:hover[b-ez8d2wbfo9] {
    background-color: var(--main-background);
}

.form-control[b-ez8d2wbfo9] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-ez8d2wbfo9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-ez8d2wbfo9] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-ez8d2wbfo9] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-ez8d2wbfo9] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-ez8d2wbfo9]:before,
    a.sort-by[b-ez8d2wbfo9]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-ez8d2wbfo9]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-ez8d2wbfo9]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-ez8d2wbfo9] {
    background-color: var(--background);
}

.modal-footer[b-ez8d2wbfo9] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-ez8d2wbfo9] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-ez8d2wbfo9] {
    color: var(--main-color);
}

.btn-close:focus[b-ez8d2wbfo9] {
    box-shadow: none;
}


.text-table-left tr[b-ez8d2wbfo9],
.text-table-left td[b-ez8d2wbfo9] {
    text-align: right !important;
}

.profile-user[b-ez8d2wbfo9] {
    width: 15%;
}

.selected-profile-image[b-ez8d2wbfo9] {
    display: none;
}

.zp-tooltip[b-ez8d2wbfo9] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-ez8d2wbfo9] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-ez8d2wbfo9] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-ez8d2wbfo9] {
        width: 70px;
    }

    .form-floating[b-ez8d2wbfo9] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-ez8d2wbfo9] {
        width: 100%;
    }
}
/* /Pages/ReadyAnswerPage/List.razor.rz.scp.css */
.title h5[b-xb784xbez0] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-xb784xbez0] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-xb784xbez0] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-xb784xbez0] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-xb784xbez0] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-xb784xbez0] {
    font-weight: normal;
}

tr[b-xb784xbez0],
td[b-xb784xbez0] {
    text-align: center;
}

tbody[b-xb784xbez0] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-xb784xbez0] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-xb784xbez0] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-xb784xbez0],
.page-link.active[b-xb784xbez0] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-xb784xbez0] {
    box-shadow: none;
}

.page-link:hover[b-xb784xbez0] {
    color: var(--icon);
}

.modal-body .form-floating[b-xb784xbez0] {
    width: 100% !important;
}

.formf[b-xb784xbez0] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-xb784xbez0] {
        height: 40%;
    }

fieldset[b-xb784xbez0] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-xb784xbez0] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-xb784xbez0] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-xb784xbez0] {
    color: var(--icon);
}

.form-check-input:checked[b-xb784xbez0] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-xb784xbez0] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-xb784xbez0] {
    overflow: scroll;
}

.table-wrapper[b-xb784xbez0] {
    max-height: 350px;
}

    .table-wrapper table thead[b-xb784xbez0] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-xb784xbez0] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-xb784xbez0]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-xb784xbez0]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-xb784xbez0]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-xb784xbez0]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-xb784xbez0] {
    background-color: var(--table-header);
}

thead tr[b-xb784xbez0] {
    color: var(--main-txt);
}

td[b-xb784xbez0] {
    color: var(--icon);
}

tr:hover[b-xb784xbez0] {
    background-color: var(--main-background);
}

.form-control[b-xb784xbez0] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-xb784xbez0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-xb784xbez0] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-xb784xbez0] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-xb784xbez0] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-xb784xbez0]:before,
    a.sort-by[b-xb784xbez0]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-xb784xbez0]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-xb784xbez0]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-xb784xbez0] {
    background-color: var(--background);
}

.modal-footer[b-xb784xbez0] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-xb784xbez0] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-xb784xbez0] {
    color: var(--main-color);
}

.btn-close:focus[b-xb784xbez0] {
    box-shadow: none;
}


.text-table-left tr[b-xb784xbez0],
.text-table-left td[b-xb784xbez0] {
    text-align: right !important;
}

.profile-user[b-xb784xbez0] {
    width: 15%;
}

.selected-profile-image[b-xb784xbez0] {
    display: none;
}

.zp-tooltip[b-xb784xbez0] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-xb784xbez0] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-xb784xbez0] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-xb784xbez0] {
        width: 70px;
    }

    .form-floating[b-xb784xbez0] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-xb784xbez0] {
        width: 100%;
    }
}
/* /Pages/ReadyAnswerPage/Register.razor.rz.scp.css */
.title h5[b-5dq0e14eyx] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-5dq0e14eyx] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-5dq0e14eyx] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-5dq0e14eyx] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-5dq0e14eyx] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-5dq0e14eyx] {
    font-weight: normal;
}

tr[b-5dq0e14eyx],
td[b-5dq0e14eyx] {
    text-align: center;
}

tbody[b-5dq0e14eyx] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-5dq0e14eyx] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-5dq0e14eyx] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-5dq0e14eyx],
.page-link.active[b-5dq0e14eyx] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-5dq0e14eyx] {
    box-shadow: none;
}

.page-link:hover[b-5dq0e14eyx] {
    color: var(--icon);
}

.modal-body .form-floating[b-5dq0e14eyx] {
    width: 100% !important;
}

.formf[b-5dq0e14eyx] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-5dq0e14eyx] {
        height: 40%;
    }

fieldset[b-5dq0e14eyx] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-5dq0e14eyx] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-5dq0e14eyx] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-5dq0e14eyx] {
    color: var(--icon);
}

.form-check-input:checked[b-5dq0e14eyx] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-5dq0e14eyx] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-5dq0e14eyx] {
    overflow: scroll;
}

.table-wrapper[b-5dq0e14eyx] {
    max-height: 350px;
}

    .table-wrapper table thead[b-5dq0e14eyx] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-5dq0e14eyx] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-5dq0e14eyx]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-5dq0e14eyx]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-5dq0e14eyx]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-5dq0e14eyx]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-5dq0e14eyx] {
    background-color: var(--table-header);
}

thead tr[b-5dq0e14eyx] {
    color: var(--main-txt);
}

td[b-5dq0e14eyx] {
    color: var(--icon);
}

tr:hover[b-5dq0e14eyx] {
    background-color: var(--main-background);
}

.form-control[b-5dq0e14eyx] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-5dq0e14eyx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-5dq0e14eyx] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-5dq0e14eyx] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-5dq0e14eyx] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-5dq0e14eyx]:before,
    a.sort-by[b-5dq0e14eyx]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-5dq0e14eyx]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-5dq0e14eyx]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-5dq0e14eyx] {
    background-color: var(--background);
}

.modal-footer[b-5dq0e14eyx] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-5dq0e14eyx] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-5dq0e14eyx] {
    color: var(--main-color);
}

.btn-close:focus[b-5dq0e14eyx] {
    box-shadow: none;
}


.text-table-left tr[b-5dq0e14eyx],
.text-table-left td[b-5dq0e14eyx] {
    text-align: right !important;
}

.profile-user[b-5dq0e14eyx] {
    width: 15%;
}

.selected-profile-image[b-5dq0e14eyx] {
    display: none;
}

.zp-tooltip[b-5dq0e14eyx] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-5dq0e14eyx] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-5dq0e14eyx] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-5dq0e14eyx] {
        width: 70px;
    }

    .form-floating[b-5dq0e14eyx] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-5dq0e14eyx] {
        width: 100%;
    }
}
/* /Pages/Reminder/List.razor.rz.scp.css */
.title h5[b-f69d34g3mx] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-f69d34g3mx] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-f69d34g3mx] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-f69d34g3mx] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-f69d34g3mx] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-f69d34g3mx] {
    font-weight: normal;
}

tr[b-f69d34g3mx],
td[b-f69d34g3mx] {
    text-align: center;
}

tbody[b-f69d34g3mx] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-f69d34g3mx] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-f69d34g3mx] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-f69d34g3mx],
.page-link.active[b-f69d34g3mx] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-f69d34g3mx] {
    box-shadow: none;
}

.page-link:hover[b-f69d34g3mx] {
    color: var(--icon);
}

.modal-body .form-floating[b-f69d34g3mx] {
    width: 100% !important;
}

.formf[b-f69d34g3mx] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-f69d34g3mx] {
        height: 40%;
    }

fieldset[b-f69d34g3mx] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-f69d34g3mx] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-f69d34g3mx] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-f69d34g3mx] {
    color: var(--icon);
}

.form-check-input:checked[b-f69d34g3mx] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-f69d34g3mx] {
    box-shadow: none;
    border-color: var(--main-color);
}


.table-wrapper table thead[b-f69d34g3mx] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-f69d34g3mx] {
    overflow: scroll;
}

.table-wrapper[b-f69d34g3mx] {
    max-height: 350px;
}

.table-scroll-wrapper[b-f69d34g3mx] {
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}

    .table-scroll-wrapper[b-f69d34g3mx]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-f69d34g3mx]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-f69d34g3mx]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-f69d34g3mx]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-f69d34g3mx] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-f69d34g3mx] {
    color: var(--main-txt);
}

td[b-f69d34g3mx] {
    color: var(--icon);
}

tr:hover[b-f69d34g3mx] {
    background-color: var(--main-background);
}

.form-control[b-f69d34g3mx] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-f69d34g3mx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-f69d34g3mx] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-f69d34g3mx] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-f69d34g3mx] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-f69d34g3mx]:before,
    a.sort-by[b-f69d34g3mx]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-f69d34g3mx]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-f69d34g3mx]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-f69d34g3mx] {
    background-color: var(--background);
}

.modal-footer[b-f69d34g3mx] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-f69d34g3mx] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-f69d34g3mx] {
    color: var(--main-color);
}

.btn-close:focus[b-f69d34g3mx] {
    box-shadow: none;
}


.text-table-left tr[b-f69d34g3mx], .text-table-left td[b-f69d34g3mx] {
    text-align: right !important;
}


@media (min-width: 576px) {
    #staticBackdrop .modal-dialog[b-f69d34g3mx] {
        max-width: 700px !important;
    }
}

table .btn-register[b-f69d34g3mx] {
    height: 30px;
    font-size: 14px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 85px;
}

.zp-tooltip[b-f69d34g3mx] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-f69d34g3mx] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-f69d34g3mx] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.form-control:focus .form-floating > label[b-f69d34g3mx] {
    font-size: 5px !important;
}

@media (max-width: 576px) {
    .btn-register[b-f69d34g3mx] {
        width: 70px;
    }

    .form-floating[b-f69d34g3mx] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-f69d34g3mx] {
        width: 100%;
    }
}
/* /Pages/Reminder/Register.razor.rz.scp.css */
.title h5[b-o7c1qas837] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-o7c1qas837] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-o7c1qas837] {
    padding-left: 20px;
    padding-right: 20px;
}

./*form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-o7c1qas837] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-o7c1qas837] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-o7c1qas837] {
    font-weight: normal;
}

tr[b-o7c1qas837],
td[b-o7c1qas837] {
    text-align: center;
}

tbody[b-o7c1qas837] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-o7c1qas837] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-o7c1qas837] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-o7c1qas837],
.page-link.active[b-o7c1qas837] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-o7c1qas837] {
    box-shadow: none;
}

.page-link:hover[b-o7c1qas837] {
    color: var(--icon);
}

.modal-body .form-floating[b-o7c1qas837] {
    width: 100% !important;
}

.formf[b-o7c1qas837] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-o7c1qas837] {
        height: 40%;
    }

fieldset[b-o7c1qas837] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-o7c1qas837] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-o7c1qas837] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-o7c1qas837] {
    color: var(--icon);
}

.form-check-input:checked[b-o7c1qas837] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-o7c1qas837] {
    box-shadow: none;
    border-color: var(--main-color);
}


.table-wrapper table thead[b-o7c1qas837] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-o7c1qas837] {
    overflow: scroll;
}

.table-wrapper[b-o7c1qas837] {
    max-height: 350px;
}

.table-scroll-wrapper[b-o7c1qas837] {
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}

    .table-scroll-wrapper[b-o7c1qas837]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-o7c1qas837]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-o7c1qas837]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-o7c1qas837]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-o7c1qas837] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-o7c1qas837] {
    color: var(--main-txt);
}

td[b-o7c1qas837] {
    color: var(--icon);
}

tr:hover[b-o7c1qas837] {
    background-color: var(--main-background);
}

.form-control[b-o7c1qas837] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-o7c1qas837] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-o7c1qas837] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-o7c1qas837] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-o7c1qas837] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-o7c1qas837]:before,
    a.sort-by[b-o7c1qas837]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-o7c1qas837]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-o7c1qas837]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-o7c1qas837] {
    background-color: var(--background);
}

.modal-footer[b-o7c1qas837] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-o7c1qas837] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-o7c1qas837] {
    color: var(--main-color);
}

.btn-close:focus[b-o7c1qas837] {
    box-shadow: none;
}


.text-table-left tr[b-o7c1qas837], .text-table-left td[b-o7c1qas837] {
    text-align: right !important;
}


@media (min-width: 576px) {
    #staticBackdrop .modal-dialog[b-o7c1qas837] {
        max-width: 700px !important;
    }
}

table .btn-register[b-o7c1qas837] {
    height: 30px;
    font-size: 14px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 85px;
}

.zp-tooltip[b-o7c1qas837] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-o7c1qas837] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-o7c1qas837] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.form-control:focus .form-floating > label[b-o7c1qas837] {
    font-size: 5px !important;
}

@media (max-width: 576px) {
    .btn-register[b-o7c1qas837] {
        width: 70px;
    }

    .form-floating[b-o7c1qas837] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-o7c1qas837] {
        width: 100%;
    }
}
/* /Pages/Reminder/UserList.razor.rz.scp.css */
.title h5[b-25ym5ezcsf] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-25ym5ezcsf] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-25ym5ezcsf] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-25ym5ezcsf] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-25ym5ezcsf] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-25ym5ezcsf] {
    font-weight: normal;
}

tr[b-25ym5ezcsf],
td[b-25ym5ezcsf] {
    text-align: center;
}

tbody[b-25ym5ezcsf] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-25ym5ezcsf] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-25ym5ezcsf] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-25ym5ezcsf],
.page-link.active[b-25ym5ezcsf] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-25ym5ezcsf] {
    box-shadow: none;
}

.page-link:hover[b-25ym5ezcsf] {
    color: var(--icon);
}

.modal-body .form-floating[b-25ym5ezcsf] {
    width: 100% !important;
}

.formf[b-25ym5ezcsf] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-25ym5ezcsf] {
        height: 40%;
    }

fieldset[b-25ym5ezcsf] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-25ym5ezcsf] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-25ym5ezcsf] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-25ym5ezcsf] {
    color: var(--icon);
}

.form-check-input:checked[b-25ym5ezcsf] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-25ym5ezcsf] {
    box-shadow: none;
    border-color: var(--main-color);
}


.table-wrapper table thead[b-25ym5ezcsf] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-25ym5ezcsf] {
    overflow: scroll;
}

.table-wrapper[b-25ym5ezcsf] {
    max-height: 350px;
}

.table-scroll-wrapper[b-25ym5ezcsf] {
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}

    .table-scroll-wrapper[b-25ym5ezcsf]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-25ym5ezcsf]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-25ym5ezcsf]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-25ym5ezcsf]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-25ym5ezcsf] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-25ym5ezcsf] {
    color: var(--main-txt);
}

td[b-25ym5ezcsf] {
    color: var(--icon);
}

tr:hover[b-25ym5ezcsf] {
    background-color: var(--main-background);
}

.form-control[b-25ym5ezcsf] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-25ym5ezcsf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-25ym5ezcsf] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-25ym5ezcsf] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-25ym5ezcsf] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-25ym5ezcsf]:before,
    a.sort-by[b-25ym5ezcsf]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-25ym5ezcsf]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-25ym5ezcsf]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-25ym5ezcsf] {
    background-color: var(--background);
}

.modal-footer[b-25ym5ezcsf] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-25ym5ezcsf] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-25ym5ezcsf] {
    color: var(--main-color);
}

.btn-close:focus[b-25ym5ezcsf] {
    box-shadow: none;
}


.text-table-left tr[b-25ym5ezcsf], .text-table-left td[b-25ym5ezcsf] {
    text-align: right !important;
}


@media (min-width: 576px) {
    #staticBackdrop .modal-dialog[b-25ym5ezcsf] {
        max-width: 700px !important;
    }
}

table .btn-register[b-25ym5ezcsf] {
    height: 30px;
    font-size: 14px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 85px;
}

.zp-tooltip[b-25ym5ezcsf] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-25ym5ezcsf] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-25ym5ezcsf] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.form-control:focus .form-floating > label[b-25ym5ezcsf] {
    font-size: 5px !important;
}

@media (max-width: 576px) {
    .btn-register[b-25ym5ezcsf] {
        width: 70px;
    }

    .form-floating[b-25ym5ezcsf] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-25ym5ezcsf] {
        width: 100%;
    }
}
/* /Pages/Role/List.razor.rz.scp.css */
.title h5[b-m8279ex2re] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-m8279ex2re] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-m8279ex2re] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-m8279ex2re] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-m8279ex2re] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-m8279ex2re] {
    font-weight: normal;
}

tr[b-m8279ex2re],
td[b-m8279ex2re] {
    text-align: center;
}

tbody[b-m8279ex2re] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-m8279ex2re] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-m8279ex2re] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-m8279ex2re],
.page-link.active[b-m8279ex2re] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-m8279ex2re] {
    box-shadow: none;
}

.page-link:hover[b-m8279ex2re] {
    color: var(--icon);
}

.modal-body .form-floating[b-m8279ex2re] {
    width: 100% !important;
}

.formf[b-m8279ex2re] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-m8279ex2re] {
        height: 40%;
    }

fieldset[b-m8279ex2re] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
}

legend[b-m8279ex2re] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-m8279ex2re] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-m8279ex2re] {
    color: var(--icon);
}

.form-check-input:checked[b-m8279ex2re] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-m8279ex2re] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-wrapper[b-m8279ex2re] {
    max-height: 350px;
}

    .table-wrapper table thead[b-m8279ex2re] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }

.table-responsive[b-m8279ex2re] {
    overflow: scroll;
}

.table-scroll-wrapper[b-m8279ex2re] {
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}

    .table-scroll-wrapper[b-m8279ex2re]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-m8279ex2re]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-m8279ex2re]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-m8279ex2re]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-m8279ex2re] {
    background-color: var(--table-header);
}

thead tr[b-m8279ex2re] {
    color: var(--main-txt);
}

td[b-m8279ex2re] {
    color: var(--icon);
}

tr:hover[b-m8279ex2re] {
    background-color: var(--main-background);
}

.form-control[b-m8279ex2re] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-m8279ex2re] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-m8279ex2re] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-m8279ex2re] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-m8279ex2re] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-m8279ex2re]:before,
    a.sort-by[b-m8279ex2re]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-m8279ex2re]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-m8279ex2re]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-m8279ex2re] {
    background-color: var(--background);
}

.modal-footer[b-m8279ex2re] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-m8279ex2re] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-m8279ex2re] {
    color: var(--main-color);
}

.btn-close:focus[b-m8279ex2re] {
    box-shadow: none;
}


.text-table-left tr[b-m8279ex2re], .text-table-left td[b-m8279ex2re] {
    text-align: right !important;
}

.scroll-fieldset[b-m8279ex2re] {
    height: 343px;
    overflow-y: scroll;
}

    .scroll-fieldset[b-m8279ex2re]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .scroll-fieldset[b-m8279ex2re]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

/* //// */
a[b-m8279ex2re] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-m8279ex2re] {
    *

{
    margin: .1em;
    padding: .1em;
}

li[b-m8279ex2re] {
    margin-right: 2em;
    list-style: none;
    border-right: 1px solid var(--main-color);
    padding: 2px;
    ul

{
    display: none;
}

}
}

.folder[b-m8279ex2re] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.zp-tooltip[b-m8279ex2re] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-m8279ex2re] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-m8279ex2re] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-m8279ex2re] {
        width: 70px;
    }

    .form-floating[b-m8279ex2re] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-m8279ex2re] {
        width: 100%;
    }
}
/* /Pages/Role/Register.razor.rz.scp.css */
.title h5[b-ok53ukvy3c] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-ok53ukvy3c] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-ok53ukvy3c] {
    padding-left: 20px;
    padding-right: 20px;
}
/*
.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-ok53ukvy3c] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-ok53ukvy3c] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-ok53ukvy3c] {
    font-weight: normal;
}

tr[b-ok53ukvy3c],
td[b-ok53ukvy3c] {
    text-align: center;
}

tbody[b-ok53ukvy3c] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-ok53ukvy3c] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-ok53ukvy3c] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-ok53ukvy3c],
.page-link.active[b-ok53ukvy3c] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-ok53ukvy3c] {
    box-shadow: none;
}

.page-link:hover[b-ok53ukvy3c] {
    color: var(--icon);
}

.modal-body .form-floating[b-ok53ukvy3c] {
    width: 100% !important;
}

.formf[b-ok53ukvy3c] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-ok53ukvy3c] {
        height: 40%;
    }

fieldset[b-ok53ukvy3c] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    min-height: 289px;
}

legend[b-ok53ukvy3c] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-ok53ukvy3c] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-ok53ukvy3c] {
    color: var(--icon);
}

.form-check-input:checked[b-ok53ukvy3c] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-ok53ukvy3c] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-wrapper[b-ok53ukvy3c] {
    max-height: 350px;
}

    .table-wrapper table thead[b-ok53ukvy3c] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }

.table-responsive[b-ok53ukvy3c] {
    overflow: scroll;
}

.table-scroll-wrapper[b-ok53ukvy3c] {
    height: 223px;
    overflow-x: scroll;
    direction: ltr;
}

    .table-scroll-wrapper[b-ok53ukvy3c]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ok53ukvy3c]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-ok53ukvy3c]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-ok53ukvy3c]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-ok53ukvy3c] {
    background-color: var(--table-header);
}

thead tr[b-ok53ukvy3c] {
    color: var(--main-txt);
}

td[b-ok53ukvy3c] {
    color: var(--icon);
}

tr:hover[b-ok53ukvy3c] {
    background-color: var(--main-background);
}

.form-control[b-ok53ukvy3c] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-ok53ukvy3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-ok53ukvy3c] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-ok53ukvy3c] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-ok53ukvy3c] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-ok53ukvy3c]:before,
    a.sort-by[b-ok53ukvy3c]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-ok53ukvy3c]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-ok53ukvy3c]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-ok53ukvy3c] {
    background-color: var(--background);
}

.modal-footer[b-ok53ukvy3c] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-ok53ukvy3c] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-ok53ukvy3c] {
    color: var(--main-color);
}

.btn-close:focus[b-ok53ukvy3c] {
    box-shadow: none;
}


.text-table-left tr[b-ok53ukvy3c], .text-table-left td[b-ok53ukvy3c] {
    text-align: right !important;
}

.scroll-fieldset[b-ok53ukvy3c] {
    height: 343px;
    overflow-y: scroll;
}

    .scroll-fieldset[b-ok53ukvy3c]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .scroll-fieldset[b-ok53ukvy3c]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

/* //// */
a[b-ok53ukvy3c] {
    text-decoration: none;
    color: var(--main-txt);
    font-size: 14px;
}

.treeview[b-ok53ukvy3c] {
    *

{
    margin: .1em;
    padding: .1em;
}

li[b-ok53ukvy3c] {
    margin-right: 2em;
    list-style: none;
    border-right: 1px solid var(--main-color);
    padding: 2px;
    ul

{
    display: none;
}

}
}

.folder[b-ok53ukvy3c] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.zp-tooltip[b-ok53ukvy3c] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-ok53ukvy3c] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-ok53ukvy3c] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-ok53ukvy3c] {
        width: 70px;
    }

    .form-floating[b-ok53ukvy3c] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-ok53ukvy3c] {
        width: 100%;
    }
}
/* /Pages/SettingPage/FinancialSettingsTab.razor.rz.scp.css */
.form-switch .form-check-input[b-ki1fvf13h0] {
    width: 2.2em !important;
    background-image: var(--bs-form-switch-bg);
    height: 1.2rem !important;
}

/* /Pages/SoftwarePage/List.razor.rz.scp.css */
.title h5[b-po8mwxpafu] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-po8mwxpafu] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-po8mwxpafu] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-po8mwxpafu] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-po8mwxpafu] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-po8mwxpafu] {
    font-weight: normal;
}

tr[b-po8mwxpafu],
td[b-po8mwxpafu] {
    text-align: center;
}

tbody[b-po8mwxpafu] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-po8mwxpafu] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-po8mwxpafu] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-po8mwxpafu],
.page-link.active[b-po8mwxpafu] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-po8mwxpafu] {
    box-shadow: none;
}

.page-link:hover[b-po8mwxpafu] {
    color: var(--icon);
}

.modal-body .form-floating[b-po8mwxpafu] {
    width: 100% !important;
}

.formf[b-po8mwxpafu] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-po8mwxpafu] {
        height: 40%;
    }

fieldset[b-po8mwxpafu] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
}

legend[b-po8mwxpafu] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-po8mwxpafu] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-po8mwxpafu] {
    color: var(--icon);
}

.form-check-input:checked[b-po8mwxpafu] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-po8mwxpafu] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-scroll-wrapper[b-po8mwxpafu] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-po8mwxpafu]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-po8mwxpafu]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-po8mwxpafu]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.table-wrapper[b-po8mwxpafu]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-po8mwxpafu] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-po8mwxpafu] {
    color: var(--main-txt);
}

td[b-po8mwxpafu] {
    color: var(--icon);
}

tr:hover[b-po8mwxpafu] {
    background-color: var(--main-background);
}

.form-control[b-po8mwxpafu] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-po8mwxpafu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-po8mwxpafu] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-po8mwxpafu] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-po8mwxpafu] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-po8mwxpafu]:before,
    a.sort-by[b-po8mwxpafu]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-po8mwxpafu]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-po8mwxpafu]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-po8mwxpafu] {
    background-color: var(--background);
}

.modal-footer[b-po8mwxpafu] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-po8mwxpafu] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-po8mwxpafu] {
    color: var(--main-color);
}

.btn-close:focus[b-po8mwxpafu] {
    box-shadow: none;
}


.text-table-left tr[b-po8mwxpafu], .text-table-left td[b-po8mwxpafu] {
    text-align: right !important;
}

.profile-user[b-po8mwxpafu] {
    width: 15%;
}

.selected-profile-image[b-po8mwxpafu] {
    display: none;
}

.table th[b-po8mwxpafu], .table tr[b-po8mwxpafu], td[b-po8mwxpafu] {
    text-align: right;
}

.table-wrapper[b-po8mwxpafu] {
    width: 30%;
    max-height: 250px;
}

.table-responsive[b-po8mwxpafu] {
    overflow: scroll;
}

.title h5[b-po8mwxpafu] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-po8mwxpafu] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-po8mwxpafu] {
    padding-left: 20px;
    padding-right: 20px;
}


.form-floating > label[b-po8mwxpafu] {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control[b-po8mwxpafu],
.form-floating > .form-control-plaintext[b-po8mwxpafu] {
    padding: 7px;
}

.form-floating > .form-control[b-po8mwxpafu],
.form-floating > .form-control-plaintext[b-po8mwxpafu],
.form-floating > .form-select[b-po8mwxpafu] {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
/* .profile-input{
    height: 45px !important;
    color: var(--icon);
} */

.modal .form-floating[b-po8mwxpafu] {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus[b-po8mwxpafu] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-po8mwxpafu] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}


.formf[b-po8mwxpafu] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-po8mwxpafu] {
        height: 40%;
    }

fieldset[b-po8mwxpafu] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    min-height: 190px;
    color: var(--main-txt);
}

legend[b-po8mwxpafu] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-po8mwxpafu] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-po8mwxpafu] {
    color: var(--icon);
}

.form-check-input:checked[b-po8mwxpafu] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-po8mwxpafu] {
    box-shadow: none;
    border-color: var(--main-color);
}

.form-control[b-po8mwxpafu] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
    font-size: 14px;
}

.select-label[b-po8mwxpafu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-po8mwxpafu] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-po8mwxpafu] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }


.btn-close:hover[b-po8mwxpafu] {
    color: var(--main-color);
}

.btn-close:focus[b-po8mwxpafu] {
    box-shadow: none;
}

.form-legend[b-po8mwxpafu] {
    width: 70%;
}


@media (max-width: 576px) {
    .btn-register[b-po8mwxpafu] {
        width: 70px;
    }

    .form-floating[b-po8mwxpafu] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-po8mwxpafu] {
        width: 100%;
    }
}


.zp-tooltip[b-po8mwxpafu] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-po8mwxpafu] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-po8mwxpafu] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.dropdown-menu.show[b-po8mwxpafu] {
    right: -110px !important;
}
.table-primary[b-po8mwxpafu] {
    --bs-table-color: var(--main-background);
    --bs-table-bg: var(--main-color);
    --bs-table-border-color: var(--main-color);
    --bs-table-striped-bg: var(--main-color);
    --bs-table-striped-color: var(--main-background);
    --bs-table-active-bg: var(--main-color);
    --bs-table-active-color: var(--main-background);
    --bs-table-hover-bg: var(--main-color);
    --bs-table-hover-color: var(--main-color);
    color: var(--main-background) !important;
    border-color: var(--bs-table-border-color);
}
    .table-primary > td[b-po8mwxpafu] {
        color: var(--main-background) !important;
    }
/* /Pages/SoftwarePage/RegisterSoftware.razor.rz.scp.css */
.title h5[b-pzashtaufa] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-pzashtaufa] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-pzashtaufa] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-pzashtaufa] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-pzashtaufa] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-pzashtaufa] {
    font-weight: normal;
}

tr[b-pzashtaufa],
td[b-pzashtaufa] {
    text-align: center;
}

tbody[b-pzashtaufa] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-pzashtaufa] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-pzashtaufa] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-pzashtaufa],
.page-link.active[b-pzashtaufa] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-pzashtaufa] {
    box-shadow: none;
}

.page-link:hover[b-pzashtaufa] {
    color: var(--icon);
}

.modal-body .form-floating[b-pzashtaufa] {
    width: 100% !important;
}

.formf[b-pzashtaufa] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-pzashtaufa] {
        height: 40%;
    }

fieldset[b-pzashtaufa] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
}

legend[b-pzashtaufa] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-pzashtaufa] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-pzashtaufa] {
    color: var(--icon);
}

.form-check-input:checked[b-pzashtaufa] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-pzashtaufa] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-scroll-wrapper[b-pzashtaufa] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-pzashtaufa]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-pzashtaufa]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-pzashtaufa]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.table-wrapper[b-pzashtaufa]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-pzashtaufa] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-pzashtaufa] {
    color: var(--main-txt);
}

td[b-pzashtaufa] {
    color: var(--icon);
}

tr:hover[b-pzashtaufa] {
    background-color: var(--main-background);
}

.form-control[b-pzashtaufa] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-pzashtaufa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-pzashtaufa] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-pzashtaufa] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-pzashtaufa] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-pzashtaufa]:before,
    a.sort-by[b-pzashtaufa]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-pzashtaufa]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-pzashtaufa]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-pzashtaufa] {
    background-color: var(--background);
}

.modal-footer[b-pzashtaufa] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-pzashtaufa] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-pzashtaufa] {
    color: var(--main-color);
}

.btn-close:focus[b-pzashtaufa] {
    box-shadow: none;
}


.text-table-left tr[b-pzashtaufa], .text-table-left td[b-pzashtaufa] {
    text-align: right !important;
}

.profile-user[b-pzashtaufa] {
    width: 15%;
}

.selected-profile-image[b-pzashtaufa] {
    display: none;
}

.table th[b-pzashtaufa], .table tr[b-pzashtaufa], td[b-pzashtaufa] {
    text-align: right;
}

.table-wrapper[b-pzashtaufa] {
    width: 30%;
    max-height: 250px;
}

.table-responsive[b-pzashtaufa] {
    overflow: scroll;
}

.title h5[b-pzashtaufa] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-pzashtaufa] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-pzashtaufa] {
    padding-left: 20px;
    padding-right: 20px;
}


.form-floating > label[b-pzashtaufa] {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control[b-pzashtaufa],
.form-floating > .form-control-plaintext[b-pzashtaufa] {
    padding: 7px;
}

.form-floating > .form-control[b-pzashtaufa],
.form-floating > .form-control-plaintext[b-pzashtaufa],
.form-floating > .form-select[b-pzashtaufa] {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
/* .profile-input{
    height: 45px !important;
    color: var(--icon);
} */

.modal .form-floating[b-pzashtaufa] {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus[b-pzashtaufa] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-pzashtaufa] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}


.formf[b-pzashtaufa] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-pzashtaufa] {
        height: 40%;
    }

fieldset[b-pzashtaufa] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    min-height: 190px;
    color: var(--main-txt);
}

legend[b-pzashtaufa] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-pzashtaufa] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-pzashtaufa] {
    color: var(--icon);
}

.form-check-input:checked[b-pzashtaufa] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-pzashtaufa] {
    box-shadow: none;
    border-color: var(--main-color);
}

.form-control[b-pzashtaufa] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
    font-size: 14px;
}

.select-label[b-pzashtaufa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-pzashtaufa] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-pzashtaufa] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }


.btn-close:hover[b-pzashtaufa] {
    color: var(--main-color);
}

.btn-close:focus[b-pzashtaufa] {
    box-shadow: none;
}

.form-legend[b-pzashtaufa] {
    width: 70%;
}


@media (max-width: 576px) {
    .btn-register[b-pzashtaufa] {
        width: 70px;
    }

    .form-floating[b-pzashtaufa] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-pzashtaufa] {
        width: 100%;
    }
}
/* /Pages/SoftwarePage/RegisterSoftwareType.razor.rz.scp.css */
.title h5[b-939s83civd] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-939s83civd] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-939s83civd] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-939s83civd] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-939s83civd] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-939s83civd] {
    font-weight: normal;
}

tr[b-939s83civd],
td[b-939s83civd] {
    text-align: center;
}

tbody[b-939s83civd] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-939s83civd] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-939s83civd] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-939s83civd],
.page-link.active[b-939s83civd] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-939s83civd] {
    box-shadow: none;
}

.page-link:hover[b-939s83civd] {
    color: var(--icon);
}

.modal-body .form-floating[b-939s83civd] {
    width: 100% !important;
}

.formf[b-939s83civd] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-939s83civd] {
        height: 40%;
    }

fieldset[b-939s83civd] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
}

legend[b-939s83civd] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-939s83civd] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-939s83civd] {
    color: var(--icon);
}

.form-check-input:checked[b-939s83civd] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-939s83civd] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-scroll-wrapper[b-939s83civd] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-939s83civd]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-939s83civd]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-939s83civd]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.table-wrapper[b-939s83civd]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-939s83civd] {
    background-color: var(--table-header);
    position: sticky;
    top: -1px;
    z-index: 3;
}

thead tr[b-939s83civd] {
    color: var(--main-txt);
}

td[b-939s83civd] {
    color: var(--icon);
}

tr:hover[b-939s83civd] {
    background-color: var(--main-background);
}

.form-control[b-939s83civd] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-939s83civd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-939s83civd] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-939s83civd] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-939s83civd] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-939s83civd]:before,
    a.sort-by[b-939s83civd]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-939s83civd]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-939s83civd]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-939s83civd] {
    background-color: var(--background);
}

.modal-footer[b-939s83civd] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-939s83civd] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-939s83civd] {
    color: var(--main-color);
}

.btn-close:focus[b-939s83civd] {
    box-shadow: none;
}


.text-table-left tr[b-939s83civd], .text-table-left td[b-939s83civd] {
    text-align: right !important;
}

.profile-user[b-939s83civd] {
    width: 15%;
}

.selected-profile-image[b-939s83civd] {
    display: none;
}

.table th[b-939s83civd], .table tr[b-939s83civd], td[b-939s83civd] {
    text-align: right;
}

.table-wrapper[b-939s83civd] {
    width: 30%;
    max-height: 250px;
}

.table-responsive[b-939s83civd] {
    overflow: scroll;
}

.title h5[b-939s83civd] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-939s83civd] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-939s83civd] {
    padding-left: 20px;
    padding-right: 20px;
}


.form-floating > label[b-939s83civd] {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control[b-939s83civd],
.form-floating > .form-control-plaintext[b-939s83civd] {
    padding: 7px;
}

.form-floating > .form-control[b-939s83civd],
.form-floating > .form-control-plaintext[b-939s83civd],
.form-floating > .form-select[b-939s83civd] {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
/* .profile-input{
    height: 45px !important;
    color: var(--icon);
} */

.modal .form-floating[b-939s83civd] {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus[b-939s83civd] {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}

.btn-register[b-939s83civd] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}


.formf[b-939s83civd] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-939s83civd] {
        height: 40%;
    }

fieldset[b-939s83civd] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    min-height: 190px;
    color: var(--main-txt);
}

legend[b-939s83civd] {
    text-align: end;
    float: none;
    width: auto;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-939s83civd] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-939s83civd] {
    color: var(--icon);
}

.form-check-input:checked[b-939s83civd] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-939s83civd] {
    box-shadow: none;
    border-color: var(--main-color);
}

.form-control[b-939s83civd] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
    font-size: 14px;
}

.select-label[b-939s83civd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-939s83civd] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-939s83civd] {
        height: 45px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }


.btn-close:hover[b-939s83civd] {
    color: var(--main-color);
}

.btn-close:focus[b-939s83civd] {
    box-shadow: none;
}

.form-legend[b-939s83civd] {
    width: 70%;
}


@media (max-width: 576px) {
    .btn-register[b-939s83civd] {
        width: 70px;
    }

    .form-floating[b-939s83civd] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-939s83civd] {
        width: 100%;
    }
}

.list-products-feature[b-939s83civd] {
    list-style: none;
    margin-top: 40px;
    min-height: 0px !important;
}

    .list-products-feature li[b-939s83civd] {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .list-products-feature .isax.list-style[b-939s83civd] {
        font-size: 20px;
        color: #ed1944;
    }

    .list-products-feature .text[b-939s83civd] {
        font-size: 14px;
        font-weight: 300;
        margin-right: 5px;
    }

.table-fit[b-939s83civd]{
    max-height:fit-content !important;
}
.zp-tooltip[b-939s83civd] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-939s83civd] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -29px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-939s83civd] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }
/* /Pages/SoftwareVersionPage/List.razor.rz.scp.css */
.title h5[b-gfzb5zmluv] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-gfzb5zmluv] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-gfzb5zmluv] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-gfzb5zmluv] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-gfzb5zmluv] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-gfzb5zmluv] {
    font-weight: normal;
}

tr[b-gfzb5zmluv],
td[b-gfzb5zmluv] {
    text-align: center;
}

tbody[b-gfzb5zmluv] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-gfzb5zmluv] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-gfzb5zmluv] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-gfzb5zmluv],
.page-link.active[b-gfzb5zmluv] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-gfzb5zmluv] {
    box-shadow: none;
}

.page-link:hover[b-gfzb5zmluv] {
    color: var(--icon);
}

.modal-body .form-floating[b-gfzb5zmluv] {
    width: 100% !important;
}

.formf[b-gfzb5zmluv] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-gfzb5zmluv] {
        height: 40%;
    }

fieldset[b-gfzb5zmluv] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-gfzb5zmluv] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-gfzb5zmluv] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-gfzb5zmluv] {
    color: var(--icon);
}

.form-check-input:checked[b-gfzb5zmluv] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-gfzb5zmluv] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-gfzb5zmluv] {
    overflow: scroll;
}

.table-wrapper[b-gfzb5zmluv] {
    max-height: 350px;
}

    .table-wrapper table thead[b-gfzb5zmluv] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-gfzb5zmluv] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-gfzb5zmluv]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-gfzb5zmluv]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-gfzb5zmluv]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-gfzb5zmluv]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-gfzb5zmluv] {
    background-color: var(--table-header);
}

thead tr[b-gfzb5zmluv] {
    color: var(--main-txt);
}

td[b-gfzb5zmluv] {
    color: var(--icon);
}

tr:hover[b-gfzb5zmluv] {
    background-color: var(--main-background);
}

.form-control[b-gfzb5zmluv] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-gfzb5zmluv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-gfzb5zmluv] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-gfzb5zmluv] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-gfzb5zmluv] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-gfzb5zmluv]:before,
    a.sort-by[b-gfzb5zmluv]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-gfzb5zmluv]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-gfzb5zmluv]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-gfzb5zmluv] {
    background-color: var(--background);
}

.modal-footer[b-gfzb5zmluv] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-gfzb5zmluv] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-gfzb5zmluv] {
    color: var(--main-color);
}

.btn-close:focus[b-gfzb5zmluv] {
    box-shadow: none;
}


.text-table-left tr[b-gfzb5zmluv],
.text-table-left td[b-gfzb5zmluv] {
    text-align: right !important;
}

.profile-user[b-gfzb5zmluv] {
    width: 15%;
}

.selected-profile-image[b-gfzb5zmluv] {
    display: none;
}

.zp-tooltip[b-gfzb5zmluv] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-gfzb5zmluv] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-gfzb5zmluv] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }


@media (max-width: 576px) {
    .btn-register[b-gfzb5zmluv] {
        width: 70px;
    }

    .form-floating[b-gfzb5zmluv] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-gfzb5zmluv] {
        width: 100%;
    }
}
/* /Pages/SoftwareVersionPage/Register.razor.rz.scp.css */
.title h5[b-lcx5k2p40w] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-lcx5k2p40w] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-lcx5k2p40w] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-lcx5k2p40w] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-lcx5k2p40w] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-lcx5k2p40w] {
    font-weight: normal;
}

tr[b-lcx5k2p40w],
td[b-lcx5k2p40w] {
    text-align: center;
}

tbody[b-lcx5k2p40w] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-lcx5k2p40w] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-lcx5k2p40w] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-lcx5k2p40w],
.page-link.active[b-lcx5k2p40w] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-lcx5k2p40w] {
    box-shadow: none;
}

.page-link:hover[b-lcx5k2p40w] {
    color: var(--icon);
}

.modal-body .form-floating[b-lcx5k2p40w] {
    width: 100% !important;
}

.formf[b-lcx5k2p40w] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-lcx5k2p40w] {
        height: 40%;
    }

fieldset[b-lcx5k2p40w] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-lcx5k2p40w] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-lcx5k2p40w] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-lcx5k2p40w] {
    color: var(--icon);
}

.form-check-input:checked[b-lcx5k2p40w] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-lcx5k2p40w] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-lcx5k2p40w] {
    overflow: scroll;
}

.table-wrapper[b-lcx5k2p40w] {
    max-height: 350px;
}

    .table-wrapper table thead[b-lcx5k2p40w] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-lcx5k2p40w] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-lcx5k2p40w]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-lcx5k2p40w]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-lcx5k2p40w]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-lcx5k2p40w]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-lcx5k2p40w] {
    background-color: var(--table-header);
}

thead tr[b-lcx5k2p40w] {
    color: var(--main-txt);
}

td[b-lcx5k2p40w] {
    color: var(--icon);
}

tr:hover[b-lcx5k2p40w] {
    background-color: var(--main-background);
}

.form-control[b-lcx5k2p40w] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-lcx5k2p40w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-lcx5k2p40w] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-lcx5k2p40w] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-lcx5k2p40w] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-lcx5k2p40w]:before,
    a.sort-by[b-lcx5k2p40w]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-lcx5k2p40w]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-lcx5k2p40w]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-lcx5k2p40w] {
    background-color: var(--background);
}

.modal-footer[b-lcx5k2p40w] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-lcx5k2p40w] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-lcx5k2p40w] {
    color: var(--main-color);
}

.btn-close:focus[b-lcx5k2p40w] {
    box-shadow: none;
}


.text-table-left tr[b-lcx5k2p40w],
.text-table-left td[b-lcx5k2p40w] {
    text-align: right !important;
}

.profile-user[b-lcx5k2p40w] {
    width: 15%;
}

.selected-profile-image[b-lcx5k2p40w] {
    display: none;
}

.zp-tooltip[b-lcx5k2p40w] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-lcx5k2p40w] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-lcx5k2p40w] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }


@media (max-width: 576px) {
    .btn-register[b-lcx5k2p40w] {
        width: 70px;
    }

    .form-floating[b-lcx5k2p40w] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-lcx5k2p40w] {
        width: 100%;
    }
}
/* /Pages/SurveyPage/List.razor.rz.scp.css */
.title h5[b-bw1rh0b4vu] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-bw1rh0b4vu] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-bw1rh0b4vu] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-bw1rh0b4vu] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-bw1rh0b4vu] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-bw1rh0b4vu] {
    font-weight: normal;
}

tr[b-bw1rh0b4vu],
td[b-bw1rh0b4vu] {
    text-align: center;
}

tbody[b-bw1rh0b4vu] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-bw1rh0b4vu] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-bw1rh0b4vu] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-bw1rh0b4vu],
.page-link.active[b-bw1rh0b4vu] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-bw1rh0b4vu] {
    box-shadow: none;
}

.page-link:hover[b-bw1rh0b4vu] {
    color: var(--icon);
}

.modal-body .form-floating[b-bw1rh0b4vu] {
    width: 100% !important;
}

.formf[b-bw1rh0b4vu] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-bw1rh0b4vu] {
        height: 40%;
    }

fieldset[b-bw1rh0b4vu] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-bw1rh0b4vu] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-bw1rh0b4vu] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-bw1rh0b4vu] {
    color: var(--icon);
}

.form-check-input:checked[b-bw1rh0b4vu] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-bw1rh0b4vu] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-bw1rh0b4vu] {
    overflow: scroll;
}

.table-wrapper[b-bw1rh0b4vu] {
    max-height: 350px;
}

    .table-wrapper table thead[b-bw1rh0b4vu] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-bw1rh0b4vu] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-bw1rh0b4vu]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-bw1rh0b4vu]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-bw1rh0b4vu]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-bw1rh0b4vu]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-bw1rh0b4vu] {
    background-color: var(--table-header);
}

thead tr[b-bw1rh0b4vu] {
    color: var(--main-txt);
}

td[b-bw1rh0b4vu] {
    color: var(--icon);
}

tr:hover[b-bw1rh0b4vu] {
    background-color: var(--main-background);
}

.form-control[b-bw1rh0b4vu] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-bw1rh0b4vu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-bw1rh0b4vu] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-bw1rh0b4vu] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-bw1rh0b4vu] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-bw1rh0b4vu]:before,
    a.sort-by[b-bw1rh0b4vu]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-bw1rh0b4vu]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-bw1rh0b4vu]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-bw1rh0b4vu] {
    background-color: var(--background);
}

.modal-footer[b-bw1rh0b4vu] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-bw1rh0b4vu] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-bw1rh0b4vu] {
    color: var(--main-color);
}

.btn-close:focus[b-bw1rh0b4vu] {
    box-shadow: none;
}


.text-table-left tr[b-bw1rh0b4vu],
.text-table-left td[b-bw1rh0b4vu] {
    text-align: right !important;
}

.profile-user[b-bw1rh0b4vu] {
    width: 15%;
}

.selected-profile-image[b-bw1rh0b4vu] {
    display: none;
}

.zp-tooltip[b-bw1rh0b4vu] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-bw1rh0b4vu] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-bw1rh0b4vu] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-bw1rh0b4vu] {
        width: 70px;
    }

    .form-floating[b-bw1rh0b4vu] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-bw1rh0b4vu] {
        width: 100%;
    }
}
/* /Pages/SurveyPage/Register.razor.rz.scp.css */
.title h5[b-4tqffrk86z] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-4tqffrk86z] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-4tqffrk86z] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-4tqffrk86z] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-4tqffrk86z] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-4tqffrk86z] {
    font-weight: normal;
}

tr[b-4tqffrk86z],
td[b-4tqffrk86z] {
    text-align: center;
}

tbody[b-4tqffrk86z] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-4tqffrk86z] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-4tqffrk86z] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-4tqffrk86z],
.page-link.active[b-4tqffrk86z] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-4tqffrk86z] {
    box-shadow: none;
}

.page-link:hover[b-4tqffrk86z] {
    color: var(--icon);
}

.modal-body .form-floating[b-4tqffrk86z] {
    width: 100% !important;
}

.formf[b-4tqffrk86z] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-4tqffrk86z] {
        height: 40%;
    }

fieldset[b-4tqffrk86z] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-4tqffrk86z] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-4tqffrk86z] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-4tqffrk86z] {
    color: var(--icon);
}

.form-check-input:checked[b-4tqffrk86z] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-4tqffrk86z] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-4tqffrk86z] {
    overflow: scroll;
}

.table-wrapper[b-4tqffrk86z] {
    max-height: 350px;
}

    .table-wrapper table thead[b-4tqffrk86z] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-4tqffrk86z] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-4tqffrk86z]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-4tqffrk86z]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-4tqffrk86z]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-4tqffrk86z]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-4tqffrk86z] {
    background-color: var(--table-header);
}

thead tr[b-4tqffrk86z] {
    color: var(--main-txt);
}

td[b-4tqffrk86z] {
    color: var(--icon);
}

tbody tr:hover[b-4tqffrk86z] {
    background-color: var(--main-background);
}


.form-control[b-4tqffrk86z] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-4tqffrk86z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-4tqffrk86z] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-4tqffrk86z] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-4tqffrk86z] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-4tqffrk86z]:before,
    a.sort-by[b-4tqffrk86z]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-4tqffrk86z]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-4tqffrk86z]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-4tqffrk86z] {
    background-color: var(--background);
}

.modal-footer[b-4tqffrk86z] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-4tqffrk86z] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-4tqffrk86z] {
    color: var(--main-color);
}

.btn-close:focus[b-4tqffrk86z] {
    box-shadow: none;
}


.text-table-left tr[b-4tqffrk86z],
.text-table-left td[b-4tqffrk86z] {
    text-align: right !important;
}

.profile-user[b-4tqffrk86z] {
    width: 15%;
}

.selected-profile-image[b-4tqffrk86z] {
    display: none;
}

.zp-tooltip[b-4tqffrk86z] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-4tqffrk86z] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-4tqffrk86z] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-4tqffrk86z] {
        width: 70px;
    }

    .form-floating[b-4tqffrk86z] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-4tqffrk86z] {
        width: 100%;
    }
}
/* /Pages/Ticket/Details.razor.rz.scp.css */
.container-fluid[b-j1y8c9il6x] {
    padding-left: 20px;
    padding-right: 0;
}

/*@import url('Font/fonts/AdelleSansARA-Regular.otf');*/

*[b-j1y8c9il6x] {
    box-sizing: border-box;
    font-family: 'IRANSans';
}

*[b-j1y8c9il6x] {
    box-sizing: border-box;
    font-family: 'IRANSans';
}

:root[b-j1y8c9il6x] {
    --white: #fff;
    --black: #000;
    --bg: #f8f8f8;
    --grey: #999;
    --dark: #1a1a1a;
    --light: #e6e6e6;
    --wrapper: 1000px;
    --blue: #00b0ff;
}


.wrapper[b-j1y8c9il6x] {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}




.people[b-j1y8c9il6x] {
    list-style-type: none;
    font-family: "IRANSans" !important;
    /*height: 78vh;*/
    /*overflow-y: scroll;*/
}

    /*.people::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }*/

   /* .people::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }
*/
.person[b-j1y8c9il6x] {
    position: relative;
    width: 100%;
    padding: 0.5rem;
    cursor: pointer;
    background-color: var(--background);
}

    .person[b-j1y8c9il6x]:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        content: '';
    }

    .person img[b-j1y8c9il6x] {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 12px;
        border-radius: 50%;
        object-fit: cover;
    }

    .person .name[b-j1y8c9il6x] {
        font-size: 14px;
        line-height: 22px;
        color: var(--main-txt);
        text-align: end;
    }

    .person .time[b-j1y8c9il6x] {
        font-size: 14px;
        position: absolute;
        top: 16px;
        right: 4%;
        padding: 0;
        color: var(--grey);
    }

    .person .preview[b-j1y8c9il6x] {
        font-size: 14px;
        text-align: end;
        overflow: hidden !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--grey);
    }

    .person.active[b-j1y8c9il6x],
    .person:hover[b-j1y8c9il6x] {
        background-color: var(--chat-you);
        color: var(--bs-list-group-active-color);
    }

        .person.active span[b-j1y8c9il6x],
        .person.active div[b-j1y8c9il6x],
        .person:hover span[b-j1y8c9il6x],
        .person:hover div[b-j1y8c9il6x] {
            color: var(--white);
            background: transparent;
        }

        .person.active[b-j1y8c9il6x]:after,
        .person:hover[b-j1y8c9il6x]:after {
            display: none;
        }

.right .top[b-j1y8c9il6x] {
    width: 100%;
}

    .right .top span[b-j1y8c9il6x] {
        font-size: 14px;
    }

        .right .top span .name[b-j1y8c9il6x] {
            color: var(--dark);
        }




.right .top[b-j1y8c9il6x] {
    width: 100%;
}

    .right .top span[b-j1y8c9il6x] {
        font-size: 14px;
    }

        .right .top span .name[b-j1y8c9il6x] {
            color: var(--dark);
        }


.chat-wrapper[b-j1y8c9il6x] {
    /*height: 68vh;*/
    /*overflow-y: scroll;*/
    direction: ltr;
}

@media (max-width: 767px) {

    .chat-wrapper[b-j1y8c9il6x] {
        height: 73vh;
    }
}

/*.chat-wrapper::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}
*/
/*.chat-wrapper::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}*/

.chat[b-j1y8c9il6x] {
    position: relative;
    display: none;
    padding: 0 35px 92px;
    /* border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: var(--light); */
    height: calc(100% - 48px);
    justify-content: flex-end;
    flex-direction: column;
}

    .chat.active-chat[b-j1y8c9il6x] {
        display: block;
    }

        .chat.active-chat .bubble[b-j1y8c9il6x] {
            transition-timing-function: cubic-bezier(.4, -.04, 1, 1);
            direction: rtl;
        }

            /* برای شبیه‌سازی حلقه‌ی @for در SASS، به صورت دستی nth-of-type تنظیم می‌کنیم */
            .chat.active-chat .bubble:nth-of-type(1)[b-j1y8c9il6x] {
                animation-duration: 0.15s;
            }

            .chat.active-chat .bubble:nth-of-type(2)[b-j1y8c9il6x] {
                animation-duration: 0.30s;
            }

            .chat.active-chat .bubble:nth-of-type(3)[b-j1y8c9il6x] {
                animation-duration: 0.45s;
            }

            .chat.active-chat .bubble:nth-of-type(4)[b-j1y8c9il6x] {
                animation-duration: 0.60s;
            }

            .chat.active-chat .bubble:nth-of-type(5)[b-j1y8c9il6x] {
                animation-duration: 0.75s;
            }

            .chat.active-chat .bubble:nth-of-type(6)[b-j1y8c9il6x] {
                animation-duration: 0.90s;
            }

            .chat.active-chat .bubble:nth-of-type(7)[b-j1y8c9il6x] {
                animation-duration: 1.05s;
            }

            .chat.active-chat .bubble:nth-of-type(8)[b-j1y8c9il6x] {
                animation-duration: 1.20s;
            }

            .chat.active-chat .bubble:nth-of-type(9)[b-j1y8c9il6x] {
                animation-duration: 1.35s;
            }

            .chat.active-chat .bubble:nth-of-type(10)[b-j1y8c9il6x] {
                animation-duration: 1.50s;
            }


.write[b-j1y8c9il6x] {
    height: 42px;
    /*padding-left: 8px;*/
    /*border: 1px solid var(--table-header);*/
    /*background-color: var(--table-header);*/
    border-radius: 5px;
}

    .write input[b-j1y8c9il6x] {
        font-size: 16px;
        float: left;
        width: 90%;
        height: 40px;
        padding: 0 10px;
        color: var(--dark);
        border: 0;
        outline: none;
        background-color: var(--table-header);
    }

@media (max-width: 972px) {
    .write input[b-j1y8c9il6x] {
        width: 80%;
    }
}

.write-link.attach[b-j1y8c9il6x]:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/attachment.png');
    background-repeat: no-repeat;
    background-position: center;
}

.write-link.smiley[b-j1y8c9il6x]:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/smiley.png');
    background-repeat: no-repeat;
    background-position: center;
}

.write-link.send[b-j1y8c9il6x]:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    margin-left: 11px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/send.png');
    background-repeat: no-repeat;
    background-position: center;
}


.bubble[b-j1y8c9il6x] {
    /*font-size: 1px;*/
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
}

    .bubble[b-j1y8c9il6x]:before {
        position: absolute;
        top: 19px;
        display: block;
        width: 8px;
        height: 6px;
        content: '\00a0';
        transform: rotate(29deg) skew(-35deg);
    }

    .bubble.you[b-j1y8c9il6x] {
        float: left;
        color: var(--txt);
        background-color: var(--chat-you);
        align-self: flex-start;
        animation-name: slideFromLeft-b-j1y8c9il6x;
    }

        .bubble.you[b-j1y8c9il6x]:before {
            left: -3px;
            background-color: var(--chat-you);
        }

    .bubble.me[b-j1y8c9il6x] {
        float: right;
        color: var(--dark);
        background-color: var(--chat-me);
        align-self: flex-end;
        animation-name: slideFromRight-b-j1y8c9il6x;
    }

        .bubble.me[b-j1y8c9il6x]:before {
            right: -3px;
            background-color: var(--chat-me);
        }


.conversation-start[b-j1y8c9il6x] {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    margin-bottom: 27px;
    text-align: center;
}

    .conversation-start span[b-j1y8c9il6x] {
        font-size: 14px;
        display: inline-block;
        color: var(--grey);
        position: relative;
    }

        .conversation-start span[b-j1y8c9il6x]:before,
        .conversation-start span[b-j1y8c9il6x]:after {
            position: absolute;
            top: 10px;
            display: inline-block;
            width: 30%;
            height: 1px;
            content: '';
            background-color: var(--stroke);
        }

        .conversation-start span[b-j1y8c9il6x]:before {
            left: 0;
        }

        .conversation-start span[b-j1y8c9il6x]:after {
            right: 0;
        }



@keyframes slideFromLeft-b-j1y8c9il6x {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight-b-j1y8c9il6x {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.user-profile[b-j1y8c9il6x] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.name-gray[b-j1y8c9il6x] {
    font-size: 14px;
    color: var(--grey);
}

/*.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {*/
    /*padding: 7px;*/
/*}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {*/
    /*height: 35px;*/
/*}


.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control {
    font-size: 14px;
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

    .form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--background);
        border-color: var(--stroke);
        outline: 0;
        padding: 0 !important;
        box-shadow: none;
    }*/

input[placeholder-shown][b-j1y8c9il6x],
[placeholder][b-j1y8c9il6x] {
    color: var(--icon) !important;
}

input[b-j1y8c9il6x]::placeholder {
    color: var(--icon);
}

[b-j1y8c9il6x]::placeholder {
    color: var(--icon);
}

.select-label[b-j1y8c9il6x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-j1y8c9il6x] {
    width: 100%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-j1y8c9il6x] {
        height: 35px;
    }

.name[b-j1y8c9il6x] {
    color: var(--main-txt);
}

.mssg-you-wrapper[b-j1y8c9il6x] {
    float: left;
    clear: both;
}

.seen-time-you[b-j1y8c9il6x] {
    text-align: left;
}

    .seen-time-you svg[b-j1y8c9il6x] {
        color: var(--icon) !important;
    }

    .seen-time-you span[b-j1y8c9il6x] {
        color: var(--icon);
        font-size: 12px;
    }

.time-you svg[b-j1y8c9il6x] {
    color: var(--txt);
}

.time-you span[b-j1y8c9il6x] {
    color: var(--chat-you-time);
    font-size: 12px;
}




.mssg-me-wrapper[b-j1y8c9il6x] {
    float: right;
    clear: both;
}

.seen-time-me[b-j1y8c9il6x] {
    text-align: right;
}

    .seen-time-me svg[b-j1y8c9il6x] {
        color: var(--icon) !important;
    }

    .seen-time-me span[b-j1y8c9il6x] {
        color: var(--icon);
        font-size: 12px;
    }

.time-me svg[b-j1y8c9il6x] {
    color: var(--chat-me-time);
}

.time-me span[b-j1y8c9il6x] {
    color: var(--chat-me-time);
    font-size: 12px;
}

.zp-tooltip[b-j1y8c9il6x] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-j1y8c9il6x] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 110%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-j1y8c9il6x] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }


.high-red[b-j1y8c9il6x]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #DC3545;
}

.mediume-yellow[b-j1y8c9il6x]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #FFC107;
}

.low-green[b-j1y8c9il6x]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #01A437;
}

.bubble svg[b-j1y8c9il6x] {
    color: var(--txt) !important;
}

.btn-file[b-j1y8c9il6x] {
    background: none;
    border: 0;
}

.btn2[b-j1y8c9il6x] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.modal-header[b-j1y8c9il6x] {
    color: var(--main-txt);
}

.btn-register[b-j1y8c9il6x] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 90px;
}

tbody td .dropdown-toggle[b-j1y8c9il6x]::after {
    display: none;
}

.dropdown-item.active[b-j1y8c9il6x], .dropdown-item:active[b-j1y8c9il6x] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-j1y8c9il6x] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-j1y8c9il6x] {
    height: 320px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-j1y8c9il6x]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-j1y8c9il6x]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-j1y8c9il6x] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-j1y8c9il6x] {
        color: var(--txt);
    }

.table-wrapper table thead[b-j1y8c9il6x] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-j1y8c9il6x] {
    overflow: scroll;
}

.table-wrapper[b-j1y8c9il6x] {
    max-height: 350px;
}

    .table-wrapper[b-j1y8c9il6x]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-j1y8c9il6x]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

tr:hover[b-j1y8c9il6x] {
    background-color: var(--main-background);
}

thead tr[b-j1y8c9il6x] {
    color: var(--main-txt);
}

.table thead[b-j1y8c9il6x] {
    background-color: var(--table-header);
}

tbody[b-j1y8c9il6x] {
    color: var(--icon);
    vertical-align: middle !important;
}

th[b-j1y8c9il6x] {
    font-weight: normal;
}

.modal[b-j1y8c9il6x] {
    direction: rtl;
}

.chat-container[b-j1y8c9il6x] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}


.chat-input[b-j1y8c9il6x] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    box-sizing: border-box;
    border: none;
    outline: none;
    resize: none;
    overflow: hidden;
    /*background-color: #eeee;*/
    font-size:13px;
}

.chat-input[b-j1y8c9il6x] {
    max-height: 150PX;
   
}
/* /Pages/Ticket/FilesModal.razor.rz.scp.css */
.container-fluid[b-ui8useul37] {
    padding-left: 20px;
    padding-right: 0;
}

/*@import url('Font/fonts/AdelleSansARA-Regular.otf');*/

*[b-ui8useul37] {
    box-sizing: border-box;
    font-family: 'IRANSans';
}

*[b-ui8useul37] {
    box-sizing: border-box;
    font-family: 'IRANSans';
}

:root[b-ui8useul37] {
    --white: #fff;
    --black: #000;
    --bg: #f8f8f8;
    --grey: #999;
    --dark: #1a1a1a;
    --light: #e6e6e6;
    --wrapper: 1000px;
    --blue: #00b0ff;
}


.wrapper[b-ui8useul37] {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}




.people[b-ui8useul37] {
    list-style-type: none;
    font-family: "IRANSans" !important;
    height: 78vh;
    overflow-y: scroll;
}

    .people[b-ui8useul37]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .people[b-ui8useul37]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.person[b-ui8useul37] {
    position: relative;
    width: 100%;
    padding: 12px 10% 16px;
    cursor: pointer;
    background-color: var(--background);
    &:after

{
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    content: '';
    background-color: var(--stroke);
    transform: translate(-50%, 0);
}

img[b-ui8useul37] {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
    object-fit: cover;
}

.name[b-ui8useul37] {
    font-size: 14px;
    line-height: 22px;
    color: var(--main-txt);
    text-align: end
}

.time[b-ui8useul37] {
    font-size: 14px;
    position: absolute;
    top: 16px;
    right: 4%;
    padding: 0;
    color: var(--grey);
    background-color: var(--background);
}

.preview[b-ui8useul37] {
    font-size: 14px;
    text-align: end;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--grey);
}

&.active[b-ui8useul37],
&:hover[b-ui8useul37] {
    background-color: var(--chat-you);
    span, div

{
    color: var(--white);
    background: transparent;
}

&[b-ui8useul37]:after {
    display: none;
}

}
}



.right .top[b-ui8useul37] {
    width: 100%;
    padding: 15px 29px;
    background-color: var(--table-header);
    span

{
    font-size: 14px;
    .name

{
    color: var(--dark);
}

}
}

.chat-wrapper[b-ui8useul37] {
    height: 68vh;
    overflow-y: scroll;
    direction: ltr;
}

@media (max-width: 767px) {

    .chat-wrapper[b-ui8useul37] {
        height: 73vh;
    }
}

.chat-wrapper[b-ui8useul37]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.chat-wrapper[b-ui8useul37]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.chat[b-ui8useul37] {
    position: relative;
    display: none;
    padding: 0 35px 92px;
    /* border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: var(--light); */
    height: calc(100% - 48px);
    justify-content: flex-end;
    flex-direction: column;
    &.active-chat

{
    display: block;
    .bubble

{
    transition-timing-function: cubic-bezier(.4, -.04, 1, 1);
    direction: rtl;

    @for $i from 1 through 10 {
        &:nth-of-type(#{$i})[b-ui8useul37] {
            animation-duration: .15s * $i;
        }
    }
}

}
}

.write[b-ui8useul37] {
    height: 42px;
    padding-left: 8px;
    border: 1px solid var(--table-header);
    background-color: var(--table-header);
    border-radius: 5px;
    input

{
    font-size: 16px;
    float: left;
    width: 90%;
    height: 40px;
    padding: 0 10px;
    color: var(--dark);
    border: 0;
    outline: none;
    background-color: var(--table-header);
}

@media (max-width: 972px) {
    input[b-ui8useul37] {
        width: 80%;
    }
}

.write-link[b-ui8useul37] {
    &.attach

{
    &:before

{
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/attachment.png');
    background-repeat: no-repeat;
    background-position: center;
}

}

&.smiley[b-ui8useul37] {
    &:before

{
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/smiley.png');
    background-repeat: no-repeat;
    background-position: center;
}

}

&.send[b-ui8useul37] {
    &:before

{
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    margin-left: 11px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/send.png');
    background-repeat: no-repeat;
    background-position: center;
}

}
}
}

.bubble[b-ui8useul37] {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
    &:before

{
    position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    transform: rotate(29deg) skew(-35deg);
}

&.you[b-ui8useul37] {
    float: left;
    color: var(--txt);
    background-color: var(--chat-you);
    align-self: flex-start;
    animation-name: slideFromLeft-b-ui8useul37;
    &:before

{
    left: -3px;
    background-color: var(--chat-you);
}

}

&.me[b-ui8useul37] {
    float: right;
    color: var(--dark);
    background-color: var(--chat-me);
    align-self: flex-end;
    animation-name: slideFromRight-b-ui8useul37;
    &:before

{
    right: -3px;
    background-color: var(--chat-me);
}

}
}

.conversation-start[b-ui8useul37] {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    margin-bottom: 27px;
    text-align: center;
    span

{
    font-size: 14px;
    display: inline-block;
    color: var(--grey);
    &:before, &:after

{
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: '';
    background-color: var(--stroke);
}

&[b-ui8useul37]:before {
    left: 0;
}

&[b-ui8useul37]:after {
    right: 0;
}

}
}


@keyframes slideFromLeft-b-ui8useul37 {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight-b-ui8useul37 {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.user-profile[b-ui8useul37] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.name-gray[b-ui8useul37] {
    font-size: 14px;
    color: var(--grey);
}

/*.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
}


.form-floating {
    color: var(--icon);
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control {
    font-size: 14px;
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

    .form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--background);
        border-color: var(--stroke);
        outline: 0;
        padding: 0 !important;
        box-shadow: none;
    }
*/
input[placeholder-shown][b-ui8useul37],
[placeholder][b-ui8useul37] {
    color: var(--icon) !important;
}

input[b-ui8useul37]::placeholder {
    color: var(--icon);
}

[b-ui8useul37]::placeholder {
    color: var(--icon);
}

.select-label[b-ui8useul37] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-ui8useul37] {
    width: 100%;
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-ui8useul37] {
        height: 35px;
    }

.name[b-ui8useul37] {
    color: var(--main-txt);
}

.mssg-you-wrapper[b-ui8useul37] {
    float: left;
    clear: both;
}

.seen-time-you[b-ui8useul37] {
    text-align: left;
}

    .seen-time-you svg[b-ui8useul37] {
        color: var(--icon) !important;
    }

    .seen-time-you span[b-ui8useul37] {
        color: var(--icon);
        font-size: 12px;
    }

.time-you svg[b-ui8useul37] {
    color: var(--txt);
}

.time-you span[b-ui8useul37] {
    color: var(--chat-you-time);
    font-size: 12px;
}




.mssg-me-wrapper[b-ui8useul37] {
    float: right;
    clear: both;
}

.seen-time-me[b-ui8useul37] {
    text-align: right;
}

    .seen-time-me svg[b-ui8useul37] {
        color: var(--icon) !important;
    }

    .seen-time-me span[b-ui8useul37] {
        color: var(--icon);
        font-size: 12px;
    }

.time-me svg[b-ui8useul37] {
    color: var(--chat-me-time);
}

.time-me span[b-ui8useul37] {
    color: var(--chat-me-time);
    font-size: 12px;
}

.zp-tooltip[b-ui8useul37] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-ui8useul37] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 110%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-ui8useul37] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }


.high-red[b-ui8useul37]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #DC3545;
}

.mediume-yellow[b-ui8useul37]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #FFC107;
}

.low-green[b-ui8useul37]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 10px;
    background-color: #01A437;
}

.bubble svg[b-ui8useul37] {
    color: var(--txt) !important;
}

.btn-file[b-ui8useul37] {
    background: none;
    border: 0;
}

.btn2[b-ui8useul37] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.modal-header[b-ui8useul37] {
    color: var(--main-txt);
}

.btn-register[b-ui8useul37] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 90px;
}

tbody td .dropdown-toggle[b-ui8useul37]::after {
    display: none;
}

.dropdown-item.active[b-ui8useul37], .dropdown-item:active[b-ui8useul37] {
    background-color: var(--main-color);
}

tbody td .dropdown-menu[b-ui8useul37] {
    min-width: 130px !important;
}

.table-scroll-wrapper[b-ui8useul37] {
    height: 320px;
    overflow-y: scroll;
    padding: 0;
}

    .table-scroll-wrapper[b-ui8useul37]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-ui8useul37]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.add-btn[b-ui8useul37] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 35px;
}

    .add-btn svg[b-ui8useul37] {
        color: var(--txt);
    }

.table-wrapper table thead[b-ui8useul37] {
    position: sticky;
    top: -1px;
    z-index: 3;
}

.table-responsive[b-ui8useul37] {
    overflow: scroll;
}

.table-wrapper[b-ui8useul37] {
    max-height: 350px;
}

    .table-wrapper[b-ui8useul37]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
        height: 8px;
    }

    .table-wrapper[b-ui8useul37]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

tr:hover[b-ui8useul37] {
    background-color: var(--main-background);
}

thead tr[b-ui8useul37] {
    color: var(--main-txt);
}

.table thead[b-ui8useul37] {
    background-color: var(--table-header);
}

tbody[b-ui8useul37] {
    color: var(--icon);
    vertical-align: middle !important;
}

th[b-ui8useul37] {
    font-weight: normal;
}

.modal[b-ui8useul37] {
    direction: rtl;
}
/* /Pages/Ticket/List.razor.rz.scp.css */
.title h5[b-imjn24c0b2] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-imjn24c0b2] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-imjn24c0b2] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}*/

.input-group-text[b-imjn24c0b2] {
    border: 1px solid var(--stroke);
}

/*.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext {*/
    /*padding: 7px;*/
/*}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {*/
    /*height: 35px;*/
    /*padding-top: 1.625rem;*/
    /*padding-bottom: 0.625rem;*/
/*}

.form-control[type=file] {
    height: 45px;
}

.form-floating {
    color: var(--icon);
    width: 90%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    padding-top: 0 !important;
    box-shadow: none;
}*/

input[placeholder-shown][b-imjn24c0b2],
[placeholder][b-imjn24c0b2] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-imjn24c0b2],
[placeholder][b-imjn24c0b2] {
    color: var(--icon) !important;
}

.input-group .form-control[b-imjn24c0b2]::placeholder {
    color: var(--icon);
}

input[b-imjn24c0b2]::placeholder {
    color: var(--icon);
}

[b-imjn24c0b2]::placeholder {
    color: var(--icon);
}

.input-group-text[b-imjn24c0b2] {
    color: var(--icon);
}

.form-check-input[b-imjn24c0b2] {
    background-color: transparent !important;
}

.select-label[b-imjn24c0b2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-imjn24c0b2] {
    width: 90%;
    color: var(--icon);
    border-radius: 6px;
    background-color: var(--main-background);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-imjn24c0b2] {
        height: 35px;
    }

.input-group[b-imjn24c0b2] {
    height: 35px;
}

    .input-group input[b-imjn24c0b2],
    .input-group span[b-imjn24c0b2] {
        padding: 0;
    }

.input-group-text[b-imjn24c0b2] {
    background-color: var(--main-background) !important;
}

.check-color-supporter[b-imjn24c0b2] {
    color: #0DCAF0;
}

.check-bgcolor-supporter[b-imjn24c0b2] {
    background-color: #0DCAF0;
}

.check-color-supporter input[b-imjn24c0b2] {
    border: 1px solid #0DCAF0;
}

.check-color-waiting[b-imjn24c0b2] {
    color: #DC3545;
}

.check-bgcolor-waiting[b-imjn24c0b2] {
    background-color: #DC3545;
}

.check-color-waiting input[b-imjn24c0b2] {
    border: 1px solid #DC3545;
}

.check-color-closed[b-imjn24c0b2] {
    color: #198754;
}

.check-bgcolor-closed[b-imjn24c0b2] {
    background-color: #198754;
}

.check-color-closed input[b-imjn24c0b2] {
    border: 1px solid #198754;
}

.check-color-cheking[b-imjn24c0b2] {
    color: #FFC107;
}

.check-bgcolor-cheking[b-imjn24c0b2] {
    background-color: #FFC107;
}

.check-color-cheking input[b-imjn24c0b2] {
    border: 1px solid #FFC107;
}

.check-color-response[b-imjn24c0b2] {
    color: #DF60FF;
}

.check-bgcolor-response[b-imjn24c0b2] {
    background-color: #DF60FF;
}

.check-color-response input[b-imjn24c0b2] {
    border: 1px solid #DF60FF;
}

.form-check-input:focus[b-imjn24c0b2] {
    box-shadow: none;
    border-color: var(--main-color) !important;
}

.form-check-input:checked[b-imjn24c0b2] {
    background-color: var(--main-color) !important;
}

.ticket-wrapper[b-imjn24c0b2] {
    border: 1px solid var(--stroke);
    width: 98%;
    background-color: var(--ticket-box);
    border-radius: 5px;
}

.status-wrapper[b-imjn24c0b2] {
    width: 32px;
}

@media (max-width: 576px) {
    .status-wrapper[b-imjn24c0b2] {
        width: 0;
    }

    .status[b-imjn24c0b2] {
        padding: 1px !important;
    }
}

.status[b-imjn24c0b2] {
    padding: 3px;
    border-radius: 0px 5px 5px 0;
    text-align: center;
}

    .status span[b-imjn24c0b2] {
        color: var(--txt);
    }

@media (max-width: 992px) {
    .ticket-box[b-imjn24c0b2] {
        height: 420px !important;
    }
}

.ticket-box[b-imjn24c0b2] {
    overflow-y: scroll;
    height: 520px;
}

    .ticket-box[b-imjn24c0b2]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .ticket-box[b-imjn24c0b2]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.ticket-detail[b-imjn24c0b2] {
    color: var(--main-txt);
}

.zp-tooltip[b-imjn24c0b2] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-imjn24c0b2] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 110%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-imjn24c0b2] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.select-style[b-imjn24c0b2] {
    border: 1px solid var(--stroke);
}

.ticket-box .dropdown-toggle[b-imjn24c0b2]::after {
    display: none;
}

.referral .dropdown-menu[b-imjn24c0b2] {
    height: 170px;
    overflow-y: scroll;
}

.dropdown-menu[b-imjn24c0b2]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.dropdown-menu[b-imjn24c0b2]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

#dropdown-referral[b-imjn24c0b2] {
    background: white !important;
    width: max-content;
}
/* /Pages/Ticket/UserLogList.razor.rz.scp.css */
.title h5[b-egb5ailgh8] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-egb5ailgh8] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-egb5ailgh8] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.input-group-text[b-egb5ailgh8] {
    border: 1px solid var(--stroke);
}

/*.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
}

.form-control[type=file] {
    height: 45px;
}*/

/*.form-floating {
    color: var(--icon);
    width: 90%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    padding-top: 0 !important;
    box-shadow: none;
}*/

input[placeholder-shown][b-egb5ailgh8],
[placeholder][b-egb5ailgh8] {
    color: var(--icon) !important;
}

.form-control[placeholder-shown][b-egb5ailgh8],
[placeholder][b-egb5ailgh8] {
    color: var(--icon) !important;
}

.input-group .form-control[b-egb5ailgh8]::placeholder {
    color: var(--icon);
}

input[b-egb5ailgh8]::placeholder {
    color: var(--icon);
}

[b-egb5ailgh8]::placeholder {
    color: var(--icon);
}

.input-group-text[b-egb5ailgh8] {
    color: var(--icon);
}

.form-check-input[b-egb5ailgh8] {
    background-color: transparent !important;
}

.select-label[b-egb5ailgh8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-egb5ailgh8] {
    width: 90%;
    color: var(--icon);
    border-radius: 6px;
    background-color: var(--main-background);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-egb5ailgh8] {
        height: 35px;
    }

.input-group[b-egb5ailgh8] {
    height: 35px;
}

    .input-group input[b-egb5ailgh8],
    .input-group span[b-egb5ailgh8] {
        padding: 0;
    }

.input-group-text[b-egb5ailgh8] {
    background-color: var(--main-background) !important;
}

.check-color-supporter[b-egb5ailgh8] {
    color: #0DCAF0;
}

.check-bgcolor-supporter[b-egb5ailgh8] {
    background-color: #0DCAF0;
}

.check-color-supporter input[b-egb5ailgh8] {
    border: 1px solid #0DCAF0;
}

.check-color-waiting[b-egb5ailgh8] {
    color: #DC3545;
}

.check-bgcolor-waiting[b-egb5ailgh8] {
    background-color: #DC3545;
}

.check-color-waiting input[b-egb5ailgh8] {
    border: 1px solid #DC3545;
}

.check-color-closed[b-egb5ailgh8] {
    color: #198754;
}

.check-bgcolor-closed[b-egb5ailgh8] {
    background-color: #198754;
}

.check-color-closed input[b-egb5ailgh8] {
    border: 1px solid #198754;
}

.check-color-cheking[b-egb5ailgh8] {
    color: #FFC107;
}

.check-bgcolor-cheking[b-egb5ailgh8] {
    background-color: #FFC107;
}

.check-color-cheking input[b-egb5ailgh8] {
    border: 1px solid #FFC107;
}

.check-color-response[b-egb5ailgh8] {
    color: #DF60FF;
}

.check-bgcolor-response[b-egb5ailgh8] {
    background-color: #DF60FF;
}

.check-color-response input[b-egb5ailgh8] {
    border: 1px solid #DF60FF;
}

.form-check-input:focus[b-egb5ailgh8] {
    box-shadow: none;
    border-color: var(--main-color) !important;
}

.form-check-input:checked[b-egb5ailgh8] {
    background-color: var(--main-color) !important;
}

.ticket-wrapper[b-egb5ailgh8] {
    border: 1px solid var(--stroke);
    width: 98%;
    background-color: var(--ticket-box);
    border-radius: 5px;
}

.status-wrapper[b-egb5ailgh8] {
    width: 32px;
}

@media (max-width: 576px) {
    .status-wrapper[b-egb5ailgh8] {
        width: 0;
    }

    .status[b-egb5ailgh8] {
        padding: 1px !important;
    }
}

.status[b-egb5ailgh8] {
    padding: 3px;
    border-radius: 0px 5px 5px 0;
    text-align: center;
}

    .status span[b-egb5ailgh8] {
        color: var(--txt);
    }

@media (max-width: 992px) {
    .ticket-box[b-egb5ailgh8] {
        height: 420px !important;
    }
}

.ticket-box[b-egb5ailgh8] {
    overflow-y: scroll;
    height: 520px;
}

    .ticket-box[b-egb5ailgh8]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .ticket-box[b-egb5ailgh8]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.ticket-detail[b-egb5ailgh8] {
    color: var(--main-txt);
}

.zp-tooltip[b-egb5ailgh8] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-egb5ailgh8] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 110%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-egb5ailgh8] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

.select-style[b-egb5ailgh8] {
    border: 1px solid var(--stroke);
}

.ticket-box .dropdown-toggle[b-egb5ailgh8]::after {
    display: none;
}

.referral .dropdown-menu[b-egb5ailgh8] {
    height: 170px;
    overflow-y: scroll;
}

.dropdown-menu[b-egb5ailgh8]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.dropdown-menu[b-egb5ailgh8]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

#dropdown-referral[b-egb5ailgh8] {
    background: white !important;
    width: max-content;
}
/* /Pages/Ticket_topic/List.razor.rz.scp.css */
a[b-p4lwpqsmrx] {
    text-decoration: none;
    color: var(--main-txt);
}
/*.treeview {*/
/*    min-height: 400px;*/
/*    overflow-x: scroll;*/
/*    direction: ltr;*/
/*    color: var(--main-txt);*/
/*    * {*/
/*        margin: .1em;*/
/*        padding: .1em;*/
/*    }*/

/*    li {*/
/*        margin-right: 2em;*/
/*        list-style: none;*/
/*        border-right: 1px solid var(--main-color);*/
/*        padding: 2px;*/

/*        ul {*/
/*            display: none;*/
/*        }*/
/*    }*/
/*}*/

.folder[b-p4lwpqsmrx] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.treeview[b-p4lwpqsmrx]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.treeview[b-p4lwpqsmrx]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

input[type=number][b-p4lwpqsmrx] {
    direction: rtl;
}
/* /// */
.title h5[b-p4lwpqsmrx] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-p4lwpqsmrx] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-p4lwpqsmrx] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}*/

/*.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

/*.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}*/

/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-p4lwpqsmrx] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-p4lwpqsmrx] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-p4lwpqsmrx] {
    font-weight: normal;
}

tr[b-p4lwpqsmrx],
td[b-p4lwpqsmrx] {
    text-align: center;
}

tbody[b-p4lwpqsmrx] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-p4lwpqsmrx] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-p4lwpqsmrx] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-p4lwpqsmrx],
.page-link.active[b-p4lwpqsmrx] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-p4lwpqsmrx] {
    box-shadow: none;
}

.page-link:hover[b-p4lwpqsmrx] {
    color: var(--icon);
}

.modal-body .form-floating[b-p4lwpqsmrx] {
    width: 100% !important;
}

.formf[b-p4lwpqsmrx] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-p4lwpqsmrx] {
        height: 40%;
    }

fieldset[b-p4lwpqsmrx] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-p4lwpqsmrx] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-p4lwpqsmrx] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-p4lwpqsmrx] {
    color: var(--icon);
}

.form-check-input:checked[b-p4lwpqsmrx] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-p4lwpqsmrx] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-p4lwpqsmrx] {
    overflow: scroll;
}

.table-wrapper[b-p4lwpqsmrx] {
    max-height: 350px;
}

    .table-wrapper table thead[b-p4lwpqsmrx] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-p4lwpqsmrx] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-p4lwpqsmrx]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-p4lwpqsmrx]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-p4lwpqsmrx]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-p4lwpqsmrx]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-p4lwpqsmrx] {
    background-color: var(--table-header);
}

thead tr[b-p4lwpqsmrx] {
    color: var(--main-txt);
}

td[b-p4lwpqsmrx] {
    color: var(--icon);
}

tr:hover[b-p4lwpqsmrx] {
    background-color: var(--main-background);
}

.form-control[b-p4lwpqsmrx] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-p4lwpqsmrx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-p4lwpqsmrx] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
    width: 100%;
}

    .select-style select[b-p4lwpqsmrx] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-p4lwpqsmrx] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-p4lwpqsmrx]:before,
    a.sort-by[b-p4lwpqsmrx]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-p4lwpqsmrx]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-p4lwpqsmrx]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-p4lwpqsmrx] {
    background-color: var(--background);
}

.modal-footer[b-p4lwpqsmrx] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-p4lwpqsmrx] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-p4lwpqsmrx] {
    color: var(--main-color);
}

.btn-close:focus[b-p4lwpqsmrx] {
    box-shadow: none;
}


.text-table-left tr[b-p4lwpqsmrx],
.text-table-left td[b-p4lwpqsmrx] {
    text-align: right !important;
}

.profile-user[b-p4lwpqsmrx] {
    width: 15%;
}

.selected-profile-image[b-p4lwpqsmrx] {
    display: none;
}

.zp-tooltip[b-p4lwpqsmrx] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-p4lwpqsmrx] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-p4lwpqsmrx] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-p4lwpqsmrx] {
        width: 70px;
    }

    .form-floating[b-p4lwpqsmrx] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-p4lwpqsmrx] {
        width: 100%;
    }
}

#accordiontreeView .accordion-item[b-p4lwpqsmrx] {
    border: none;
    background-color: transparent;
}

#accordionQuestions .accordion-body[b-p4lwpqsmrx] {
    margin: 5px 0;
    padding: 0.5rem;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5rem;
    color: var(--main-txt);
    background-color: var(--background);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

#accordiontreeView .accordion-item[b-p4lwpqsmrx] {
    border-right: 1px solid black;
    width: 40%;
}

#accordiontreeView .accordion-button[b-p4lwpqsmrx],
#accordiontreeView .accordion-button:not(.collapsed)[b-p4lwpqsmrx] {
    color: var(--main-txt);
    background: transparent;
    padding: 12px;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    #accordiontreeView .accordion-button[b-p4lwpqsmrx]::after {
        display: none;
    }


    #accordiontreeView .accordion-button:focus[b-p4lwpqsmrx],
    #accordiontreeView .accordion-button:not(.collapsed)[b-p4lwpqsmrx] {
        box-shadow: none;
    }
/* /Pages/Ticket_topic/Register.razor.rz.scp.css */
a[b-mmuuhfw0yj] {
    text-decoration: none;
    color: var(--main-txt);
}

.treeview[b-mmuuhfw0yj] {
    min-height: 400px;
    overflow-x: scroll;
    direction: ltr;
    color: var(--main-txt);
    *

{
    margin: .1em;
    padding: .1em;
}

li[b-mmuuhfw0yj] {
    margin-right: 2em;
    list-style: none;
    border-right: 1px solid var(--main-color);
    padding: 2px;
    ul

{
    display: none;
}

}
}

.folder[b-mmuuhfw0yj] {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.treeview[b-mmuuhfw0yj]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
}

.treeview[b-mmuuhfw0yj]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

input[type=number][b-mmuuhfw0yj] {
    direction: rtl;
}
/* /// */
.title h5[b-mmuuhfw0yj] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-mmuuhfw0yj] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-mmuuhfw0yj] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}*/

/*.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}*/

/*.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
/*.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-mmuuhfw0yj] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-mmuuhfw0yj] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-mmuuhfw0yj] {
    font-weight: normal;
}

tr[b-mmuuhfw0yj],
td[b-mmuuhfw0yj] {
    text-align: center;
}

tbody[b-mmuuhfw0yj] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-mmuuhfw0yj] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-mmuuhfw0yj] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-mmuuhfw0yj],
.page-link.active[b-mmuuhfw0yj] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-mmuuhfw0yj] {
    box-shadow: none;
}

.page-link:hover[b-mmuuhfw0yj] {
    color: var(--icon);
}

.modal-body .form-floating[b-mmuuhfw0yj] {
    width: 100% !important;
}

.formf[b-mmuuhfw0yj] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-mmuuhfw0yj] {
        height: 40%;
    }

fieldset[b-mmuuhfw0yj] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-mmuuhfw0yj] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-mmuuhfw0yj] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-mmuuhfw0yj] {
    color: var(--icon);
}

.form-check-input:checked[b-mmuuhfw0yj] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-mmuuhfw0yj] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-mmuuhfw0yj] {
    overflow: scroll;
}

.table-wrapper[b-mmuuhfw0yj] {
    max-height: 350px;
}

    .table-wrapper table thead[b-mmuuhfw0yj] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-mmuuhfw0yj] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-mmuuhfw0yj]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-mmuuhfw0yj]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-mmuuhfw0yj]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-mmuuhfw0yj]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-mmuuhfw0yj] {
    background-color: var(--table-header);
}

thead tr[b-mmuuhfw0yj] {
    color: var(--main-txt);
}

td[b-mmuuhfw0yj] {
    color: var(--icon);
}

tr:hover[b-mmuuhfw0yj] {
    background-color: var(--main-background);
}

.form-control[b-mmuuhfw0yj] {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.select-label[b-mmuuhfw0yj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-mmuuhfw0yj] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-mmuuhfw0yj] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-mmuuhfw0yj] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-mmuuhfw0yj]:before,
    a.sort-by[b-mmuuhfw0yj]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-mmuuhfw0yj]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-mmuuhfw0yj]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-mmuuhfw0yj] {
    background-color: var(--background);
}

.modal-footer[b-mmuuhfw0yj] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-mmuuhfw0yj] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-mmuuhfw0yj] {
    color: var(--main-color);
}

.btn-close:focus[b-mmuuhfw0yj] {
    box-shadow: none;
}


.text-table-left tr[b-mmuuhfw0yj],
.text-table-left td[b-mmuuhfw0yj] {
    text-align: right !important;
}

.profile-user[b-mmuuhfw0yj] {
    width: 15%;
}

.selected-profile-image[b-mmuuhfw0yj] {
    display: none;
}

.zp-tooltip[b-mmuuhfw0yj] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-mmuuhfw0yj] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-mmuuhfw0yj] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-mmuuhfw0yj] {
        width: 70px;
    }

    .form-floating[b-mmuuhfw0yj] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-mmuuhfw0yj] {
        width: 100%;
    }
}
/* /Pages/UserPage/List.razor.rz.scp.css */
.title h5[b-xd2b1vrmgj] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-xd2b1vrmgj] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-xd2b1vrmgj] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-xd2b1vrmgj] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-xd2b1vrmgj] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-xd2b1vrmgj] {
    font-weight: normal;
}

tr[b-xd2b1vrmgj],
td[b-xd2b1vrmgj] {
    text-align: center;
}

tbody[b-xd2b1vrmgj] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-xd2b1vrmgj] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-xd2b1vrmgj] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-xd2b1vrmgj],
.page-link.active[b-xd2b1vrmgj] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-xd2b1vrmgj] {
    box-shadow: none;
}

.page-link:hover[b-xd2b1vrmgj] {
    color: var(--icon);
}

.modal-body .form-floating[b-xd2b1vrmgj] {
    width: 100% !important;
}

.formf[b-xd2b1vrmgj] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-xd2b1vrmgj] {
        height: 40%;
    }

fieldset[b-xd2b1vrmgj] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-xd2b1vrmgj] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-xd2b1vrmgj] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-xd2b1vrmgj] {
    color: var(--icon);
}

.form-check-input:checked[b-xd2b1vrmgj] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-xd2b1vrmgj] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-xd2b1vrmgj] {
    overflow: scroll;
}

.table-wrapper[b-xd2b1vrmgj] {
    max-height: 350px;
}

    .table-wrapper table thead[b-xd2b1vrmgj] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-xd2b1vrmgj] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-xd2b1vrmgj]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-xd2b1vrmgj]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-xd2b1vrmgj]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-xd2b1vrmgj]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-xd2b1vrmgj] {
    background-color: var(--table-header);
}

thead tr[b-xd2b1vrmgj] {
    color: var(--main-txt);
}

td[b-xd2b1vrmgj] {
    color: var(--icon);
}

tbody tr:hover[b-xd2b1vrmgj] {
    background-color: var(--main-background);
}

/*
.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.select-label[b-xd2b1vrmgj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-xd2b1vrmgj] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-xd2b1vrmgj] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-xd2b1vrmgj] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-xd2b1vrmgj]:before,
    a.sort-by[b-xd2b1vrmgj]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-xd2b1vrmgj]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-xd2b1vrmgj]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-xd2b1vrmgj] {
    background-color: var(--background);
}

.modal-footer[b-xd2b1vrmgj] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-xd2b1vrmgj] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-xd2b1vrmgj] {
    color: var(--main-color);
}

.btn-close:focus[b-xd2b1vrmgj] {
    box-shadow: none;
}


.text-table-left tr[b-xd2b1vrmgj],
.text-table-left td[b-xd2b1vrmgj] {
    text-align: right !important;
}

.profile-user[b-xd2b1vrmgj] {
    width: 15%;
}

.selected-profile-image[b-xd2b1vrmgj] {
    display: none;
}

.zp-tooltip[b-xd2b1vrmgj] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-xd2b1vrmgj] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-xd2b1vrmgj] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-xd2b1vrmgj] {
        width: 70px;
    }

    .form-floating[b-xd2b1vrmgj] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-xd2b1vrmgj] {
        width: 100%;
    }
}
/* /Pages/UserPage/Register.razor.rz.scp.css */
.title h5[b-nxvf2zfydf] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-nxvf2zfydf] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-nxvf2zfydf] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-nxvf2zfydf] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-nxvf2zfydf] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-nxvf2zfydf] {
    font-weight: normal;
}

tr[b-nxvf2zfydf],
td[b-nxvf2zfydf] {
    text-align: center;
}

tbody[b-nxvf2zfydf] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-nxvf2zfydf] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-nxvf2zfydf] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-nxvf2zfydf],
.page-link.active[b-nxvf2zfydf] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-nxvf2zfydf] {
    box-shadow: none;
}

.page-link:hover[b-nxvf2zfydf] {
    color: var(--icon);
}

.modal-body .form-floating[b-nxvf2zfydf] {
    width: 100% !important;
}

.formf[b-nxvf2zfydf] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-nxvf2zfydf] {
        height: 40%;
    }

fieldset[b-nxvf2zfydf] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-nxvf2zfydf] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-nxvf2zfydf] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-nxvf2zfydf] {
    color: var(--icon);
}

.form-check-input:checked[b-nxvf2zfydf] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-nxvf2zfydf] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-nxvf2zfydf] {
    overflow: scroll;
}

.table-wrapper[b-nxvf2zfydf] {
    max-height: 350px;
}

    .table-wrapper table thead[b-nxvf2zfydf] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-nxvf2zfydf] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-nxvf2zfydf]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-nxvf2zfydf]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-nxvf2zfydf]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-nxvf2zfydf]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-nxvf2zfydf] {
    background-color: var(--table-header);
}

thead tr[b-nxvf2zfydf] {
    color: var(--main-txt);
}

td[b-nxvf2zfydf] {
    color: var(--icon);
}

tbody tr:hover[b-nxvf2zfydf] {
    background-color: var(--main-background);
}


/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}*/

.select-label[b-nxvf2zfydf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-nxvf2zfydf] {
    color: var(--icon);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-nxvf2zfydf] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-nxvf2zfydf] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-nxvf2zfydf]:before,
    a.sort-by[b-nxvf2zfydf]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-nxvf2zfydf]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-nxvf2zfydf]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-nxvf2zfydf] {
    background-color: var(--background);
}

.modal-footer[b-nxvf2zfydf] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-nxvf2zfydf] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-nxvf2zfydf] {
    color: var(--main-color);
}

.btn-close:focus[b-nxvf2zfydf] {
    box-shadow: none;
}


.text-table-left tr[b-nxvf2zfydf],
.text-table-left td[b-nxvf2zfydf] {
    text-align: right !important;
}

.profile-user[b-nxvf2zfydf] {
    width: 15%;
}

.selected-profile-image[b-nxvf2zfydf] {
    display: none;
}

.zp-tooltip[b-nxvf2zfydf] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-nxvf2zfydf] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -30px;
        left: 0;
        /*transform: translateX(-50%);*/
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-nxvf2zfydf] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-nxvf2zfydf] {
        width: 70px;
    }

    .form-floating[b-nxvf2zfydf] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-nxvf2zfydf] {
        width: 100%;
    }
}
/* /Pages/Vacation/List.razor.rz.scp.css */
.title h5[b-tlmrzebcux] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-tlmrzebcux] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-tlmrzebcux] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-tlmrzebcux] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-tlmrzebcux] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-tlmrzebcux] {
    font-weight: normal;
}

tr[b-tlmrzebcux],
td[b-tlmrzebcux] {
    text-align: center;
}

tbody[b-tlmrzebcux] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-tlmrzebcux] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-tlmrzebcux] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-tlmrzebcux],
.page-link.active[b-tlmrzebcux] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-tlmrzebcux] {
    box-shadow: none;
}

.page-link:hover[b-tlmrzebcux] {
    color: var(--icon);
}

.modal-body .form-floating[b-tlmrzebcux] {
    width: 100% !important;
}

.formf[b-tlmrzebcux] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-tlmrzebcux] {
        height: 40%;
    }

fieldset[b-tlmrzebcux] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-tlmrzebcux] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-tlmrzebcux] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-tlmrzebcux] {
    color: var(--icon);
}

.form-check-input:checked[b-tlmrzebcux] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-tlmrzebcux] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-tlmrzebcux] {
    overflow: scroll;
}

.table-wrapper[b-tlmrzebcux] {
    max-height: 350px;
}

    .table-wrapper table thead[b-tlmrzebcux] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-tlmrzebcux] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-tlmrzebcux]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-tlmrzebcux]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-tlmrzebcux]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-tlmrzebcux]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-tlmrzebcux] {
    background-color: var(--table-header);
}

thead tr[b-tlmrzebcux] {
    color: var(--main-txt);
}

td[b-tlmrzebcux] {
    color: var(--icon);
}

tr:hover[b-tlmrzebcux] {
    background-color: var(--main-background);
}

/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.select-label[b-tlmrzebcux] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-tlmrzebcux] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-tlmrzebcux] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-tlmrzebcux] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-tlmrzebcux]:before,
    a.sort-by[b-tlmrzebcux]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-tlmrzebcux]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-tlmrzebcux]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-tlmrzebcux] {
    background-color: var(--background);
}

.modal-footer[b-tlmrzebcux] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-tlmrzebcux] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-tlmrzebcux] {
    color: var(--main-color);
}

.btn-close:focus[b-tlmrzebcux] {
    box-shadow: none;
}


.text-table-left tr[b-tlmrzebcux],
.text-table-left td[b-tlmrzebcux] {
    text-align: right !important;
}

.profile-user[b-tlmrzebcux] {
    width: 15%;
}

.selected-profile-image[b-tlmrzebcux] {
    display: none;
}

.zp-tooltip[b-tlmrzebcux] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-tlmrzebcux] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-tlmrzebcux] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-tlmrzebcux] {
        width: 70px;
    }

    .form-floating[b-tlmrzebcux] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-tlmrzebcux] {
        width: 100%;
    }
}
/* /Pages/Vacation/Register.razor.rz.scp.css */
.title h5[b-97lgnelqce] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-97lgnelqce] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-97lgnelqce] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-97lgnelqce] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-97lgnelqce] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-97lgnelqce] {
    font-weight: normal;
}

tr[b-97lgnelqce],
td[b-97lgnelqce] {
    text-align: center;
}

tbody[b-97lgnelqce] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-97lgnelqce] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-97lgnelqce] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-97lgnelqce],
.page-link.active[b-97lgnelqce] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-97lgnelqce] {
    box-shadow: none;
}

.page-link:hover[b-97lgnelqce] {
    color: var(--icon);
}

.modal-body .form-floating[b-97lgnelqce] {
    width: 100% !important;
}

.formf[b-97lgnelqce] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-97lgnelqce] {
        height: 40%;
    }

fieldset[b-97lgnelqce] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-97lgnelqce] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-97lgnelqce] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-97lgnelqce] {
    color: var(--icon);
}

.form-check-input:checked[b-97lgnelqce] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-97lgnelqce] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-97lgnelqce] {
    overflow: scroll;
}

.table-wrapper[b-97lgnelqce] {
    max-height: 350px;
}

    .table-wrapper table thead[b-97lgnelqce] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-97lgnelqce] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-97lgnelqce]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-97lgnelqce]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-97lgnelqce]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-97lgnelqce]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-97lgnelqce] {
    background-color: var(--table-header);
}

thead tr[b-97lgnelqce] {
    color: var(--main-txt);
}

td[b-97lgnelqce] {
    color: var(--icon);
}

tr:hover[b-97lgnelqce] {
    background-color: var(--main-background);
}

/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.select-label[b-97lgnelqce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-97lgnelqce] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-97lgnelqce] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-97lgnelqce] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-97lgnelqce]:before,
    a.sort-by[b-97lgnelqce]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-97lgnelqce]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-97lgnelqce]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-97lgnelqce] {
    background-color: var(--background);
}

.modal-footer[b-97lgnelqce] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-97lgnelqce] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-97lgnelqce] {
    color: var(--main-color);
}

.btn-close:focus[b-97lgnelqce] {
    box-shadow: none;
}


.text-table-left tr[b-97lgnelqce],
.text-table-left td[b-97lgnelqce] {
    text-align: right !important;
}

.profile-user[b-97lgnelqce] {
    width: 15%;
}

.selected-profile-image[b-97lgnelqce] {
    display: none;
}

.zp-tooltip[b-97lgnelqce] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-97lgnelqce] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-97lgnelqce] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-97lgnelqce] {
        width: 70px;
    }

    .form-floating[b-97lgnelqce] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-97lgnelqce] {
        width: 100%;
    }
}
/* /Pages/WorkRule/List.razor.rz.scp.css */
.title h5[b-cpd8x33oex] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-cpd8x33oex] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-cpd8x33oex] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}
*/
.btn-register[b-cpd8x33oex] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-cpd8x33oex] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-cpd8x33oex] {
    font-weight: normal;
}

tr[b-cpd8x33oex],
td[b-cpd8x33oex] {
    text-align: center;
}

tbody[b-cpd8x33oex] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-cpd8x33oex] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-cpd8x33oex] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-cpd8x33oex],
.page-link.active[b-cpd8x33oex] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-cpd8x33oex] {
    box-shadow: none;
}

.page-link:hover[b-cpd8x33oex] {
    color: var(--icon);
}

.modal-body .form-floating[b-cpd8x33oex] {
    width: 100% !important;
}

.formf[b-cpd8x33oex] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-cpd8x33oex] {
        height: 40%;
    }

fieldset[b-cpd8x33oex] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-cpd8x33oex] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-cpd8x33oex] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-cpd8x33oex] {
    color: var(--icon);
}

.form-check-input:checked[b-cpd8x33oex] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-cpd8x33oex] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-cpd8x33oex] {
    overflow: scroll;
}

.table-wrapper[b-cpd8x33oex] {
    max-height: 350px;
}

    .table-wrapper table thead[b-cpd8x33oex] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-cpd8x33oex] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-cpd8x33oex]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-cpd8x33oex]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-cpd8x33oex]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-cpd8x33oex]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-cpd8x33oex] {
    background-color: var(--table-header);
}

thead tr[b-cpd8x33oex] {
    color: var(--main-txt);
}

td[b-cpd8x33oex] {
    color: var(--icon);
}

tr:hover[b-cpd8x33oex] {
    background-color: var(--main-background);
}

/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}*/

.select-label[b-cpd8x33oex] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-cpd8x33oex] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-cpd8x33oex] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-cpd8x33oex] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-cpd8x33oex]:before,
    a.sort-by[b-cpd8x33oex]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-cpd8x33oex]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-cpd8x33oex]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-cpd8x33oex] {
    background-color: var(--background);
}

.modal-footer[b-cpd8x33oex] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-cpd8x33oex] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-cpd8x33oex] {
    color: var(--main-color);
}

.btn-close:focus[b-cpd8x33oex] {
    box-shadow: none;
}


.text-table-left tr[b-cpd8x33oex],
.text-table-left td[b-cpd8x33oex] {
    text-align: right !important;
}

.profile-user[b-cpd8x33oex] {
    width: 15%;
}

.selected-profile-image[b-cpd8x33oex] {
    display: none;
}

.zp-tooltip[b-cpd8x33oex] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-cpd8x33oex] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-cpd8x33oex] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-cpd8x33oex] {
        width: 70px;
    }

    .form-floating[b-cpd8x33oex] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-cpd8x33oex] {
        width: 100%;
    }
}
/* /Pages/WorkRule/Register.razor.rz.scp.css */
.title h5[b-xw65865xgk] {
    font-family: "adellBold";
    color: var(--main-txt);
}

.box-wrapper[b-xw65865xgk] {
    min-height: 100px;
    background-color: var(--background);
    border-radius: 7px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 5%), -2px -2px 5px 0px rgb(0 0 0 / 5%);
}

.container-fluid[b-xw65865xgk] {
    padding-left: 20px;
    padding-right: 20px;
}

/*.form-control {
    font-size: 14px;
}

.form-floating > label {
    display: flex;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 7px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: 35px;
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.profile-input {
    height: 45px !important;
    color: var(--icon);
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}

.form-floating {
    color: var(--icon);
    width: 50%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background);
    border-color: var(--stroke);
    outline: 0;
    box-shadow: none;
}*/

.btn-register[b-xw65865xgk] {
    height: 35px;
    background-color: var(--main-color);
    border: none;
    border-radius: 7px;
    color: var(--txt);
    width: 120px;
}

.table[b-xw65865xgk] {
    border: 1px solid var(--stroke);
    white-space: nowrap;
}

tr th[b-xw65865xgk] {
    font-weight: normal;
}

tr[b-xw65865xgk],
td[b-xw65865xgk] {
    text-align: center;
}

tbody[b-xw65865xgk] {
    color: var(--icon);
    vertical-align: middle !important;
}

.pagination[b-xw65865xgk] {
    --bs-pagination-active-bg: var(--main-color) !important;
    --bs-pagination-color: var(--icon) !important;
}

    .pagination li a[b-xw65865xgk] {
        background-color: var(--main-background);
        color: var(--main-txt);
    }

.active > .page-link[b-xw65865xgk],
.page-link.active[b-xw65865xgk] {
    background-color: var(--main-color);
    border-color: var(--stroke);
}

.page-link:focus[b-xw65865xgk] {
    box-shadow: none;
}

.page-link:hover[b-xw65865xgk] {
    color: var(--icon);
}

.modal-body .form-floating[b-xw65865xgk] {
    width: 100% !important;
}

.formf[b-xw65865xgk] {
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .formf label[b-xw65865xgk] {
        height: 40%;
    }

fieldset[b-xw65865xgk] {
    border: 1px solid var(--stroke);
    border-radius: 10px;
    color: var(--main-txt);
    background-color: var(--main-background);
}

legend[b-xw65865xgk] {
    text-align: end;
    float: none;
    width: 51%;
    font-size: 16px;
    margin-right: 20px;
}

.btn2[b-xw65865xgk] {
    border: 1px solid var(--main-color);
    height: 35px;
    background-color: var(--background);
    border-radius: 7px;
    color: var(--main-txt);
    width: 100px;
}

.form-check-label[b-xw65865xgk] {
    color: var(--icon);
}

.form-check-input:checked[b-xw65865xgk] {
    background-color: var(--main-color);
    border: none;
}

.form-check-input:focus[b-xw65865xgk] {
    box-shadow: none;
    border-color: var(--main-color);
}

.table-responsive[b-xw65865xgk] {
    overflow: scroll;
}

.table-wrapper[b-xw65865xgk] {
    max-height: 350px;
}

    .table-wrapper table thead[b-xw65865xgk] {
        position: sticky;
        top: -1px;
        z-index: 3;
    }
/* .table-wrapper table tbody{
    overflow: scroll;
    height: 200px;

} */
.table-scroll-wrapper[b-xw65865xgk] {
    height: 223px;
    overflow-x: scroll;
}

    .table-scroll-wrapper[b-xw65865xgk]::-webkit-scrollbar {
        background-color: var(--bg-color);
        border-radius: 10px;
        width: 8px;
    }

    .table-scroll-wrapper[b-xw65865xgk]::-webkit-scrollbar-thumb {
        background-color: #b5b5b5;
        border-radius: 10px;
    }

.table-wrapper[b-xw65865xgk]::-webkit-scrollbar {
    background-color: var(--bg-color);
    border-radius: 10px;
    width: 8px;
    height: 8px;
}

.table-wrapper[b-xw65865xgk]::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}


.table thead[b-xw65865xgk] {
    background-color: var(--table-header);
}

thead tr[b-xw65865xgk] {
    color: var(--main-txt);
}

td[b-xw65865xgk] {
    color: var(--icon);
}

tr:hover[b-xw65865xgk] {
    background-color: var(--main-background);
}

/*.form-control {
    background-color: var(--main-background);
    border: 1px solid var(--stroke);
}
*/
.select-label[b-xw65865xgk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
}

.select-style[b-xw65865xgk] {
    color: var(--icon);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 5%), -1px -1px 2px 0px rgb(0 0 0 / 5%);
}

    .select-style select[b-xw65865xgk] {
        height: 39px;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

a.sort-by[b-xw65865xgk] {
    padding-right: 18px;
    position: relative;
}

    a.sort-by[b-xw65865xgk]:before,
    a.sort-by[b-xw65865xgk]:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    a.sort-by[b-xw65865xgk]:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    a.sort-by[b-xw65865xgk]:after {
        border-top-color: #666;
        margin-top: 1px;
    }

.modal-content[b-xw65865xgk] {
    background-color: var(--background);
}

.modal-footer[b-xw65865xgk] {
    border-top: 1px solid var(--stroke);
}

.modal-header[b-xw65865xgk] {
    border-bottom: 1px solid var(--stroke);
}

.btn-close:hover[b-xw65865xgk] {
    color: var(--main-color);
}

.btn-close:focus[b-xw65865xgk] {
    box-shadow: none;
}


.text-table-left tr[b-xw65865xgk],
.text-table-left td[b-xw65865xgk] {
    text-align: right !important;
}

.profile-user[b-xw65865xgk] {
    width: 15%;
}

.selected-profile-image[b-xw65865xgk] {
    display: none;
}

.zp-tooltip[b-xw65865xgk] {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .zp-tooltip .tooltiptext[b-xw65865xgk] {
        visibility: hidden;
        font-size: 14px;
        width: max-content;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        z-index: 1080;
        position: absolute;
        top: -5px;
        left: 200%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    /* Show the tooltip text when hovering */
    .zp-tooltip:hover .tooltiptext[b-xw65865xgk] {
        visibility: visible;
        opacity: 1;
        z-index: 1080;
    }

@media (max-width: 576px) {
    .btn-register[b-xw65865xgk] {
        width: 70px;
    }

    .form-floating[b-xw65865xgk] {
        width: 75%;
    }
}

@media (max-width: 400px) {
    .form-floating[b-xw65865xgk] {
        width: 100%;
    }
}


.work-rule-items[b-xw65865xgk] {
    right: 0;
    height: 100%;
    overflow-y: scroll;
    direction: ltr;
    padding-bottom: 100px;
}