/* /Components/Inputs/MatteAutocomplete.razor.rz.scp.css */

.autocomplete-container[b-ufvwrz74hz] {
    background-color: var(--page-background);
    color: var(--page-main-text);
    position: relative;
    width: 250px;
    margin: 10px;
}

.suggestions[b-ufvwrz74hz] {
    background-color: var(--page-background);
    color: var(--page-main-text);
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
    border: 1px solid var(--matte-autocomplete-suggestion-border);
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 25;
}

    .suggestions li[b-ufvwrz74hz] {
        padding: 8px;
        cursor: pointer;
    }

        .suggestions li:hover[b-ufvwrz74hz] {
            background: var(--matte-autocomplete-suggestion-hover);
        }
/* /Components/Inputs/MatteCheckbox.razor.rz.scp.css */
.toggle-container[b-5fr5ipzrzn] {
    display: flex;
    align-items: center;
    position: relative;
}

    .toggle-container input[type="checkbox"][b-5fr5ipzrzn] {
        width: 50px;
        height: 24px;
        -webkit-appearance: none;
        appearance: none;
        background: var(--matte-checkbox-back);
        outline: none;
        border-radius: 12px;
        position: relative;
        cursor: pointer;
        transition: background 0.3s;
    }

        .toggle-container input[type="checkbox"]:checked[b-5fr5ipzrzn] {
            background: var(--matte-chackbox-back-checked);
        }

        .toggle-container input[type="checkbox"][b-5fr5ipzrzn]::before {
            content: '';
            width: 20px;
            height: 20px;
            background: var(--page-main-text);
            border-radius: 50%;
            position: absolute;
            top: 2px;
            left: 2px;
            transition: transform 0.3s;
        }

        .toggle-container input[type="checkbox"]:checked[b-5fr5ipzrzn]::before {
            transform: translateX(26px);
        }

    .toggle-container label[b-5fr5ipzrzn] {
        margin-left: 12px;
        cursor: pointer;
        user-select: none;
    }
/* /Components/Inputs/MatteDatePicker.razor.rz.scp.css */
.datepicker[b-czftx0vwt3] {
    position: relative;
    width: 220px;
}

 
.calendar[b-czftx0vwt3] {
    position: absolute;
    top: 40px;
    left: 0;
    width: 260px;
    background: #fff;
    border: 1px solid #888;
    padding: 10px;
    border-radius: 8px;
    z-index: 10;
}

.header[b-czftx0vwt3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.weekdays[b-czftx0vwt3] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.days[b-czftx0vwt3] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

.months[b-czftx0vwt3] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
}

.years[b-czftx0vwt3] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}
 
.cell[b-czftx0vwt3] {
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
}

    .cell:hover[b-czftx0vwt3] {
        background: #cde0ff;
    }

    .cell.empty[b-czftx0vwt3] {
        background: transparent;
        cursor: default;
    }
/* /Components/Inputs/MatteInputFile.razor.rz.scp.css */
.file-drop-zone[b-o6t5vk70j1] {
    border: 2px dashed var(--matte-drop-border-color);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    background: var(--matte-drop-back);
    user-select: none;
}

    .file-drop-zone:hover[b-o6t5vk70j1] {
        border-color: var(--page-main-text);
    }

    .file-drop-zone.dragging[b-o6t5vk70j1] {
        border-color: var(--matte-drop-active-color);
        background: var(--matte-drop-active-back);
        transform: scale(1.02);
    }

.file-drop-content p[b-o6t5vk70j1] {
    margin: 0;
    font-size: 1rem;
    color: var(--matte-file-drop-content-color);
}

.file-drop-content span[b-o6t5vk70j1] {
    font-size: 0.9rem;
    color: var(--matte-file-drop-content-span-color);
}

.file-name[b-o6t5vk70j1] {
    color: var(--page-main-text);
    font-weight: bold;
}
/* /Components/Inputs/MatteTextbox.razor.rz.scp.css */

.input-container[b-fkzwodgb97] {
    position: relative;
    width: 250px;
    margin:10px;
}
 
/* /Components/Inputs/MatteThemeSelector.razor.rz.scp.css */

.theme-selector[b-kpjx3yj4da] {
    position: relative;
    margin-right: 20px;
}

    .theme-selector:hover > .theme-list[b-kpjx3yj4da] {
        visibility: visible;
    }

.theme-list:hover > .theme-list[b-kpjx3yj4da] {
    visibility: visible;
}

.theme-text[b-kpjx3yj4da] {
    cursor: pointer;
}

.theme-list[b-kpjx3yj4da] {
    visibility: hidden;
    width: 80px;
    min-height: 100px;
    display: flex;
    left: -35px;
    top: -5px;
    flex-flow: column;
    justify-content: center;
    align-content:center;
    position: absolute;
    background-color: var(--page-background);
    color: var(--page-main-text);
    border: 2px solid var(--matte-modal-borders);
}


    .theme-list li[b-kpjx3yj4da] {
        cursor: pointer;
        width: 15px;
        height: 15px;
        padding: 10px;
    }

        .theme-list li:hover[b-kpjx3yj4da] {
            color: var(--page-main-text-hover);
        }

        .theme-list li.active[b-kpjx3yj4da] {
            color: var(--page-main-text-active);
        }
/* /Components/Label/MatteLabel.razor.rz.scp.css */

.matte-label[b-yi9prvary4]
{
    display:flex;
    flex-direction:column;
}

.matte-label-title[b-yi9prvary4] {
    color: var(--matte-label-title);
    font-size: 0.9em;
}

.matte-label-value[b-yi9prvary4]{
    font-weight: bold; 
}
/* /Components/Login/LoginComponent.razor.rz.scp.css */
body[b-ko4xyifgr7] {
    margin: 0px;
}

.login-page[b-ko4xyifgr7] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--matte-login-page-background);
    width: 100%;
    height: 100vh;
    margin: 0;
}

.login-form[b-ko4xyifgr7] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--page-background);
    color: var(--page-main-text);
    padding: 40px;
    border-radius: 8px;
    min-width: 200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.login-form-circle[b-ko4xyifgr7]{ 
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: -60px;
    left: 120px;
    background-color: var(--matte-topbar-back);
}

.login-form-image[b-ko4xyifgr7]{
    position: relative; 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 80%;
    margin: 10%;
    background-color: #fff;
    border-radius: 50%;
}

.login-form-image img[b-ko4xyifgr7] {
    max-width: 90%;
    max-height: 90%;
    border-radius: 50%;
}
/* /Components/Modal/MatteModal.razor.rz.scp.css */
.modal-root[b-fgezurlsg5] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: var(--matte-modal-caption-back);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal[b-fgezurlsg5] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    min-height: 250px;
    background-color: var(--page-background);
}

    .modal.Normal[b-fgezurlsg5] {
        width: 60%;
    }

    .modal.Small[b-fgezurlsg5] {
        width: 300px;
    }

    .modal.Big[b-fgezurlsg5] {
        width: 90%;
    }

    .hidden[b-fgezurlsg5] {
        display: none;
    }

.modal-header[b-fgezurlsg5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1em;
    margin: 10px;
    font-weight: bold;
    border-bottom: 1px solid var(--matte-modal-borders);
    height: 30px;
}

    .modal-header .closing-button[b-fgezurlsg5] {
        cursor: pointer;
        padding:5px;
        border-radius: 50%;
    }

        .modal-header .closing-button:hover[b-fgezurlsg5] {
            background-color: var(--matte-modal-closingbutton-hover);
        }

    .modal-header .closing-button:active[b-fgezurlsg5] {
        transform: scale(0.9);
    }

.modal-body[b-fgezurlsg5] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    text-align: left;
    margin: 10px;
    flex: 1;
}

.modal-footer[b-fgezurlsg5] {
    border-top: 1px solid var(--matte-modal-borders);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 50px;
}

.popup[b-fgezurlsg5]{
    z-index: 30;
}
/* /Components/SideMenu/SideMenuComponent.razor.rz.scp.css */
.side[b-0yj8y4913p] {
    position: absolute;
    display: flex;
    padding: 10px;
    min-width: 40px;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - var(--matte-topbar-height));
    background-color: var(--matte-sidebar-back);
    z-index:10;
}

.collapse[b-0yj8y4913p] {
    min-width: 40px;
    overflow: auto;
    height: calc(100% - 50px);
    position: relative;
}

.large[b-0yj8y4913p]{
    min-width: 80px;
}

.side-menu-nav[b-0yj8y4913p] {
    display: flex;
    flex-direction: column;
}

.nav-item[b-0yj8y4913p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    padding-top: 5px;
    padding-left: 5px; 
}

    .nav-item:first-of-type[b-0yj8y4913p] {
        padding-top: 1rem;
    }
     
    .nav-item:last-of-type[b-0yj8y4913p] {
        padding-bottom: 1rem;
    }

.nav-link[b-0yj8y4913p] {
    cursor:pointer;
    text-decoration: none;
    margin-left: 10px;
}

    .nav-link .icon[b-0yj8y4913p] {
        color: var(--page-reverse-text);
    }

.nav-link-text[b-0yj8y4913p] {
    margin-left: 10px;
    color: var(--page-main-text);
}

.nav-item[b-0yj8y4913p]  a {
    color: var(--matte-mav-item-link);
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

    .nav-item[b-0yj8y4913p]  a.active {
        color: var(--page-reverse-text-active);
    }

    .nav-item[b-0yj8y4913p]  a:hover {
        color: var(--page-reverse-text-hover);
    }

.bottom-row[b-0yj8y4913p] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.arrow[b-0yj8y4913p] {
    text-align: right;
    font-size: 1.5em;
    color: var(--page-main-text);
}
 
@media (min-width: 641px) {
    .navbar-toggler[b-0yj8y4913p] {
        display: none;
    }

    .collapse[b-0yj8y4913p] {
        display: block;
    }
}

@media (max-width: 640px) {
    .bottom-row[b-0yj8y4913p] {
        display: block;
    }
}
/* /Components/SplashScreen/SplashScreenComponent.razor.rz.scp.css */
.loading-page[b-o0uukt91ob] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--matte-loading-page-back);
}

.loading-card[b-o0uukt91ob] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 150px;
    background-color: var(--matte-loading-color);
    font-size: 1.5em;
}
/* /Components/Tables/MatteTable.razor.rz.scp.css */

.table-content[b-4peovifcrn] {
    width: 90%;
    margin-left: 5%;
}

.table-div[b-4peovifcrn] {
    overflow: auto;
    height: calc(100% - 50px);
    position: relative;
    display: block;
}

table[b-4peovifcrn]::-webkit-scrollbar {
    width: 8px;
}

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

thead[b-4peovifcrn] {
    background-color: var(--matte-table-header-back);
    color: var(--page-main-text);
    height: 40px;
    border: 0;
    text-align: center;
}

tbody tr:nth-child(even)[b-4peovifcrn] {
    background-color: var(--matte-table-row-even);
}

tbody tr:nth-child(odd)[b-4peovifcrn] {
    background-color: var(--matte-table-row-odd);
}

tbody tr:hover[b-4peovifcrn] {
    background-color: var(--page-background-hover);
}

tbody tr:active[b-4peovifcrn] {
    transform: scale(0.99);
}

.pagination[b-4peovifcrn] {
    display: flex;
    justify-content: center;
    list-style: none;
    height: 20px;
    padding: 0px;
}

    .pagination li a[b-4peovifcrn] {
        display: block;
        padding: 8px 12px;
        text-decoration: none;
        border: 1px solid gray;
        color: black;
        margin: 0 4px;
        border-radius: 5px;
        cursor: pointer;
    }

        .pagination li a:active[b-4peovifcrn] {
            transform: scale(0.9);
        }

        .pagination li a .select[b-4peovifcrn] {
            background-color: var(--page-main-text-active);
        }
/* /MainPage.razor.rz.scp.css */

.top[b-2qmp85i7a3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--matte-topbar-back);
    color: var(--page-reverse-text);
    height: var(--matte-topbar-height);
}

.top-title[b-2qmp85i7a3] {
    color: var(--page-reverse-text);
    font-weight: bold;
    padding: 5px;
    margin-left: 15px;
    font-size: 1.5em;
}

.top-menu[b-2qmp85i7a3] {
    display: flex;
    align-items: center;
    color: var(--page-reverse-text);
}

.top-menu label[b-2qmp85i7a3] {
    margin-right: 20px;
}

.top-usermenu[b-2qmp85i7a3] {
    display: flex;
    align-items: center;
    padding: 5px;
    margin-right: 15px;
}

.top-usermenu label[b-2qmp85i7a3] {
    margin-right: 20px;
}

.userImage[b-2qmp85i7a3] {
    width: 35px;
    height: 35px;
    background-color: var(--matte-topbar-userimage-back);
    padding: 5px;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userImage li[b-2qmp85i7a3] {
    font-size: 1.5em;
}

.userMenu[b-2qmp85i7a3] {
    visibility: hidden;
    width: 200px;
    height: 150px;
    background-color: var(--page-background);
    color: var(--page-main-text);
    border: 1px solid black;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 50px;
    right: 0px;
    text-align: center;
}

.userMenu-content[b-2qmp85i7a3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.userMenu-content a[b-2qmp85i7a3] {
    padding: 10px;
}

    .userMenu-content a:hover[b-2qmp85i7a3] {
        color: var(--page-main-text-hover);
        border-radius: 10px;
    }

.top-usermenu:hover .userMenu[b-2qmp85i7a3] {
    visibility: visible;
}

.page[b-2qmp85i7a3] {
    background-color: var(--page-background);
    color: var(--page-main-text);
    margin-left: 60px;
    padding: 2px;
    height: 100dvh;
    z-index: 5;
}

.tooltip[b-2qmp85i7a3] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: pointer; 
}

.tooltipText[b-2qmp85i7a3] {
    visibility: hidden;
    width: 130px;
    background-color: var(--matte-tooltip-back);
    color: var(--matte-tooltip-color);
    text-align: center;
    text-transform: lowercase !important;
    font-size: 1em;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -65px;
}

.tooltip:hover .tooltipText[b-2qmp85i7a3] {
    visibility: visible;
}