@import '_content/Apiar.Components/Apiar.Components.bundle.scp.css';

/* /Components/ActivateAccount/ActivateAccountComponent.razor.rz.scp.css */
.message[b-c1lxgnewyr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px;
    color: #2C2F31;
}

    .message img[b-c1lxgnewyr] {
        width: 120px;
        object-fit: contain;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .message img.GMT[b-c1lxgnewyr] {
            width: 150px;
        }

.title[b-c1lxgnewyr] {
    font-weight: bold;
    font-size: 20px;
    margin: 0px;
}

.message p[b-c1lxgnewyr] {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.login[b-c1lxgnewyr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

.inputs[b-c1lxgnewyr] {
    margin-top: 20px;
}

[b-c1lxgnewyr] button {
    width: 100%;
}

.info[b-c1lxgnewyr] {
    margin-top: 10px;
    margin-bottom: 0px;
}

.info.large[b-c1lxgnewyr] {
    margin-top: 0px;
    font-size: 20px;
    font-weight: bold;
}

.details[b-c1lxgnewyr] {
    color: #2C2F31;
    font-size: 14px;
}

.logo[b-c1lxgnewyr] {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}
/* /Components/Confirmation/ConfirmationComponent.razor.rz.scp.css */
.button-container[b-q2dptc429p] {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
}

[b-q2dptc429p] #confirmation-cancel-btn, [b-q2dptc429p] #confirmation-confirm-btn {
    width: 40%;
}

.question[b-q2dptc429p] {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 18px;
}


@media screen and (max-height: 500px) {
    .confirmation-container[b-q2dptc429p] {
        display: flex;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 20px;
        flex-direction: column;
    }
}
/* /Components/ControlDocument/AssignNewControlDocumentComponent.razor.rz.scp.css */
#control-document-container[b-4z1qlw9jqc] {
    width: 100%;
    height: 100%;
    padding: 15px;
    padding-bottom: 0px;
}

[b-4z1qlw9jqc] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
}

.button-container[b-4z1qlw9jqc] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}
/* /Components/ControlDocument/CancelationConfirmationControlsComponent.razor.rz.scp.css */
.controls-container[b-cibxvn3siz] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-cibxvn3siz] button {
    width: 30%;
}
/* /Components/ControlDocument/ControlDocumentComponent.razor.rz.scp.css */
#control-document-container[b-9z76q0bkyg] {
    width: 100%;
    height: 100%;
}

.grid-header[b-9z76q0bkyg] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-9z76q0bkyg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-9z76q0bkyg], td[b-9z76q0bkyg] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-9z76q0bkyg] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-9z76q0bkyg] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-9z76q0bkyg] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-9z76q0bkyg] {
    overflow-y: auto;
}

tr:hover td[b-9z76q0bkyg] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.project-number[b-9z76q0bkyg] {
    font-size: 16px;
    font-weight: bold;
    color: #6C757D;
    line-height: 45px;
}

.document-info div[b-9z76q0bkyg] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.document-status-icon[b-9z76q0bkyg] {
    display: flex;
    line-height: 70px;
    align-items: center;
}

    .document-status-icon svg[b-9z76q0bkyg] {
        margin-right: 7px;
    }
/* /Components/ControlDocument/ControlDocumentDetailsComponent.razor.rz.scp.css */
#control-document-details-container[b-elb5wehz0x] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    overflow-y: auto;
    height: calc(100% - 83px);
}

.text-field[b-elb5wehz0x] {
    background-color: white;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    height: fit-content;
    padding: .375rem 0.75rem;
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
}

.button-container[b-elb5wehz0x] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-elb5wehz0x] #next-btn {
    width: 100%;
}
/* /Components/ControlDocument/ControlDocumentType1FormComponent.razor.rz.scp.css */
#type1-container[b-neflxcv8np] {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: calc(100% - 83px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.text-field[b-neflxcv8np] {
    background-color: white;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    height: fit-content;
    padding: .375rem 0.75rem;
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
}

.button-container[b-neflxcv8np] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

[b-neflxcv8np] #prev-btn {
    width: 40%;
}

[b-neflxcv8np] #next-btn {
    width: 45%;
}

[b-neflxcv8np] .radio-button-component {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.last[b-neflxcv8np] {
    flex-grow: 1;
}


[b-neflxcv8np] .text-area-component {
    height: calc(100% - 26px);
}

/* /Components/ControlDocument/ControlDocumentType2FormComponent.razor.rz.scp.css */
#type2-container[b-84jmxl3tfr] {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: calc(100% - 83px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.text-field[b-84jmxl3tfr] {
    background-color: white;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    height: fit-content;
    padding: .375rem 0.75rem;
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
}

.button-container[b-84jmxl3tfr] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

[b-84jmxl3tfr] #prev-btn {
    width: 40%;
}

[b-84jmxl3tfr] #next-btn {
    width: 45%;
}

[b-84jmxl3tfr] .radio-button-component {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.small-button[b-84jmxl3tfr] {
    text-align: center;
    width: 70px;
    line-height: 45px;
    cursor: pointer;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    font-size: 16px;
    line-height: 45px;
}

    .small-button.disabled[b-84jmxl3tfr] {
        background-color: #eee;
    }

.section-header[b-84jmxl3tfr] {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}

.form-label-group label[b-84jmxl3tfr] {
    white-space: nowrap;
}

.first[b-84jmxl3tfr] {
    margin-top: 15px;
    margin-bottom: 10px;
}

.last[b-84jmxl3tfr] {
    flex-grow: 1;
}


[b-84jmxl3tfr] .text-area-component {
    height: calc(100% - 26px);
}
/* /Components/ControlDocument/ControlDocumentType3FormComponent.razor.rz.scp.css */
#type3-container[b-3e7i1c8tpa] {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: calc(100% - 83px);
    overflow-y: auto;
}

.button-container[b-3e7i1c8tpa] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

[b-3e7i1c8tpa] #prev-btn {
    width: 100%;
}
/* /Components/Customer/CreateCustomerComponent.razor.rz.scp.css */
#create-customer-component-container[b-u8myonqznw] {
    width: 100%;
    height: 100%;
}

[b-u8myonqznw] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 15px;
}   

.button-container[b-u8myonqznw] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

[b-u8myonqznw] #cancel-btn {
    width: 40%;
}

[b-u8myonqznw] #save-btn {
    width: 45%;
}
/* /Components/Customer/CreateCustomerReferenceComponent.razor.rz.scp.css */
#create-customer-reference-component-container[b-68rrcnhnex] {
    width: 100%;
    height: 100%;
}

[b-68rrcnhnex] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 15px;
}

.button-container[b-68rrcnhnex] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

[b-68rrcnhnex] #cancel-btn {
    width: 40%;
}

[b-68rrcnhnex] #save-btn {
    width: 45%;
}
/* /Components/DatePicker/DatePickerComponent.razor.rz.scp.css */
.picker-container[b-n6ns7a1o9z] {
    padding-left: 12px;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    color: #6c757d;
    cursor: pointer;
    position: relative;
}

    .picker-container:hover:not(.disabled, .invalid)[b-n6ns7a1o9z] {
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
        transition: 0.15s ease-in;
    }

    .picker-container.modified:not(.disabled, .invalid)[b-n6ns7a1o9z] {
        box-shadow: 0 0 0px 1px #19b96e;
        border-color: transparent !important;
    }

    .picker-container.invalid[b-n6ns7a1o9z] {
        box-shadow: 0 0 0px 1px #d50000;
        border-color: transparent;
    }

    .picker-container.disabled[b-n6ns7a1o9z] {
        background-color: #eee;
    }

.date-picker-icon[b-n6ns7a1o9z] {
    position: absolute;
    top: 0px;
    border-left: 1px solid #CED4DA;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    cursor: pointer;
    right: 0;
    background-color: #FAFAFA;
    display: flex;
    align-items: center;
    width: 45px;
    justify-content: center;
}

.date-picker-clear[b-n6ns7a1o9z] {
    cursor: pointer;
    position: absolute;
    height: 45px;
    right: 55px;
    color: #000;
    opacity: 0.5;
    width: 45px;
    display: flex;
    justify-content: right;
    top: 0px;
    font-size: 20px;
}

    .date-picker-clear:hover[b-n6ns7a1o9z] {
        opacity: 1;
    }

    .date-picker-clear button[b-n6ns7a1o9z] {
        background-color: transparent;
        border: none;
        font-weight: bold;
        height: 45px;
    }

    button:focus-visible[b-n6ns7a1o9z] {
        border: none;
        outline: none;
    }

button:focus[b-n6ns7a1o9z] {
    outline: none;
}
/* /Components/Employee/EmployeeCertificateComponent.razor.rz.scp.css */
#employee-certificate-container[b-rsykagjc3i] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 100%;
    height: calc(100% - 83px);
    overflow-y: auto;
}

[b-rsykagjc3i] #add-photo-btn, [b-rsykagjc3i] #download-photo-btn {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 20px;
}

.photo-container[b-rsykagjc3i] {
    border-radius: 3px;
    width: 100%;
    height: 180px;
    background-color: white;
    border: 1px solid #CED4DA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    position: relative;
}

    .photo-container img[b-rsykagjc3i] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        cursor: pointer;
    }

    .photo-container .image-preview-clear[b-rsykagjc3i] {
        cursor: pointer;
        position: absolute;
        height: 40px;
        right: 3px;
        top: 1px;
        color: #000;
        opacity: 0.5;
        background-color: white;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

        .photo-container .image-preview-clear:hover[b-rsykagjc3i] {
            opacity: 1;
        }

        .photo-container .image-preview-clear button[b-rsykagjc3i] {
            background-color: transparent;
            border: none;
            font-weight: bold;
            outline-style: none;
        }

.button-container[b-rsykagjc3i] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

    .button-container.edit[b-rsykagjc3i] {
        display: flex;
        justify-content: space-between;
    }

[b-rsykagjc3i] #submit-certificate-btn {
    width: 100%;
}

.button-container.edit[b-rsykagjc3i]  #submit-certificate-btn {
    width: 45%;
}

[b-rsykagjc3i] #certificate-delete-btn {
    width: 35%;
}

.router-component[b-rsykagjc3i] {
    height: 100%;
}

@media screen and (max-height: 500px) {
    .button-container[b-rsykagjc3i] {
        height: 68px;
    }

    #employee-certificate-container[b-rsykagjc3i] {
        height: calc(100% - 68px);
    }
}
/* /Components/Employee/EmployeeComponent.razor.rz.scp.css */
.tab-container[b-w2a81smhai] {
    display: flex;
    height: 50px;
    background-color: #F6F6F6;
}

.tab-item[b-w2a81smhai] {
    height: 100%;
    width: 50%;
    font-size: 16px;
    color: #2C2F31;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
}

    .tab-item[b-w2a81smhai]:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .tab-item.active[b-w2a81smhai] {
        background-color: #E5E5E5;
    }

[b-w2a81smhai] .information-form {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

[b-w2a81smhai] #ice-phone-input {
    margin-top: 10px;
}

.button-container[b-w2a81smhai] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-w2a81smhai] #save-btn, [b-w2a81smhai] #add-certificate-btn {
    width: 100%;
}

.grid-header[b-w2a81smhai] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-w2a81smhai] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

th[b-w2a81smhai], td[b-w2a81smhai] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-w2a81smhai] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-w2a81smhai] {
    height: 55px;
    line-height: 55px;
    font-size: 15px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6C757D;
    overflow: hidden;
}

.form-container[b-w2a81smhai] {
    height: calc(100% - 83px);
    overflow-y: auto;
}

.table-container[b-w2a81smhai] {
    height: 100%;
    overflow-y: auto;
}

tr:hover td[b-w2a81smhai] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.router-component[b-w2a81smhai] {
    height: 100%;
}

@media screen and (max-height: 500px) {
    .button-container[b-w2a81smhai] {
        display: none;
    }

    .tab-container[b-w2a81smhai] {
        display:none;
    }

    .form-container[b-w2a81smhai] {
        height: 100%;
    }    

    .router-component[b-w2a81smhai] {
        height: 100% !important;
    }
}
/* /Components/ForgotPassword/ForgotPasswordComponent.razor.rz.scp.css */
.message[b-sn5kx8tesc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px;
    color: #2C2F31;
}

.title[b-sn5kx8tesc] {
    padding-top: 80px;
    font-weight: bold;
    font-size: 20px;
    margin: 0px;
}

.message p[b-sn5kx8tesc] {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.login[b-sn5kx8tesc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

.logo[b-sn5kx8tesc] {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}

.logo svg[b-sn5kx8tesc] {
    cursor: pointer;
}

[b-sn5kx8tesc] button {
    width: 100%;
}

.info[b-sn5kx8tesc] {
    margin-top: 10px;
    margin-bottom: 0px;
}

@media only screen and (max-height: 730px) {
    .logo[b-sn5kx8tesc] {
        bottom: 60px;
    }
}

@media only screen and (max-height: 690px) {
    .title[b-sn5kx8tesc] {
        padding-top: 30px;
    }
}

@media only screen and (max-height: 570px) {
    .logo[b-sn5kx8tesc] {
        bottom: 30px;
    }
}

@media only screen and (max-height: 500px) {
    .title[b-sn5kx8tesc] {
        padding-top: 10px;
    }
}

@media only screen and (max-height: 390px) {
    .logo[b-sn5kx8tesc] {
        display: none;
    }
}
/* /Components/Home/HomeComponent.razor.rz.scp.css */
#home-page-container[b-jf6i7g8xa1] {
    padding-top: 30px;
    text-align: center;
    height: calc(100% - 83px);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.welcome[b-jf6i7g8xa1] {
    font-size: 31px;
    font-weight: bold;
    color: #a9a9a9;
}

.text[b-jf6i7g8xa1] {
    font-size: 24px;
    color: #2C2F31;
}

.button-container[b-jf6i7g8xa1] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-jf6i7g8xa1] #time-report-btn {
    width: 100%;
}

.router-component[b-jf6i7g8xa1] {
    height: 100%;
}
/* /Components/Material/MaterialComponent.razor.rz.scp.css */
#material-container[b-nch11beox9] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    overflow-y: auto;
    height: calc(100% - 83px);
}

.button-container[b-nch11beox9] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-nch11beox9] #save-btn {
    width: 100%;
}

.button-container.edit[b-nch11beox9] {
    display: flex;
    justify-content: space-between;
}

    .button-container.edit[b-nch11beox9]  #save-btn {
        width: 45%;
    }

[b-nch11beox9] #delete-btn {
    width: 35%;
}

[b-nch11beox9] form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.description[b-nch11beox9] {
    flex-grow: 1;
}

[b-nch11beox9] .text-area-component {
    height: calc(100% - 26px);
}

[b-nch11beox9] .text-area-component.invalid {
    height: calc(100% - 60px);
}
/* /Components/Menu/MenuComponent.razor.rz.scp.css */
.menu-component-container.sidebar[b-lbhlxzifvx] {
    width: 0;
    height: 100%;
    background-color: white;
    position: fixed;
    z-index: 1;
    top: 80px;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.logout-container[b-lbhlxzifvx] {
    padding-left: 66px;
    position: absolute;
    bottom: 120px;
    height: 60px;
    line-height: 60px;
}

.logout-text[b-lbhlxzifvx] {
    font-size: 16px;
    color: #2C2F31;
    cursor: pointer;
}

@media screen and (max-height: 500px) {
    .logout-container[b-lbhlxzifvx] {
        position: unset;
        bottom: unset;
        height: 45px;
        line-height: 45px;
    }
}
/* /Components/Notifications/NotificationsComponent.razor.rz.scp.css */
#notifications-container[b-9bs2k84pmd] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    overflow-y:auto;
}
/* /Components/Project/ProjectComponent.razor.rz.scp.css */
#project-component-container[b-mm3p33pn4a] {
    width: 100%;
    height: 100%;
}

#project-component-container.create[b-mm3p33pn4a] {
    width: 100%;
    height: calc(100% - 83px);
}

.project-header[b-mm3p33pn4a] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 15px;
}

.last-seen-container[b-mm3p33pn4a] {
    width: 100%;
}

.info[b-mm3p33pn4a] {
    font-size: 14px;
    color: #2C2F31;
    margin-bottom: 7px;
}

.last-buttons[b-mm3p33pn4a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 45px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.last-button[b-mm3p33pn4a] {
    width: 85px;
    height: 50px;
    font-size: 17px;
    font-weight: bold;
    color: #19b96e;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.search-container[b-mm3p33pn4a]  .search-field-container {
    border: 1px solid #CED4DA;
    border-radius: 4px;
}

[b-mm3p33pn4a] .search-field-button {
    width: 50px;
    height: unset;
    padding-left: 0px;
    padding-top: 0px;
    border-left: 1px solid #ced4da87;
    background-color: #f4f6f9b8;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-mm3p33pn4a] .search-field-button svg {
        width: 18px;
        height: 18px;
    }

.grid-header[b-mm3p33pn4a] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-mm3p33pn4a] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    white-space: nowrap;
}

th[b-mm3p33pn4a], td[b-mm3p33pn4a] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-mm3p33pn4a] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-mm3p33pn4a] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-mm3p33pn4a] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-mm3p33pn4a] {
    overflow-y: auto;
}

tr:hover td[b-mm3p33pn4a] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.project-number[b-mm3p33pn4a] {
    font-size: 16px;
    font-weight: bold;
    color: black;
    line-height: 45px;
}

.project-info .title[b-mm3p33pn4a], .project-info .customer[b-mm3p33pn4a] {
    color: #6C757D;
    height: 30px;
    line-height: 30px;
}

.button-container[b-mm3p33pn4a] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    border-top: 1px solid #E1E2E4;
}

[b-mm3p33pn4a] #create-btn {
    width: 100%;
}

.project-status-icon[b-mm3p33pn4a] {
    display: flex;
    align-items: center;
}

    .project-status-icon svg[b-mm3p33pn4a] {
        margin-right: 7px;
    }

    .search-container[b-mm3p33pn4a] {
        height: 45px;
    }

@media screen and (max-width: 375px) {
    .last-button[b-mm3p33pn4a] {
        width: 80px;       
    }
}

@media screen and (max-height: 500px) {
    .last-seen-container[b-mm3p33pn4a] {
        display: none;
    }

    .table-container[b-mm3p33pn4a] {
        height: 100% !important;
    }    
}
/* /Components/Project/ProjectControlDocumentsComponent.razor.rz.scp.css */
#project-component-container[b-pic6fqm8f4] {
    width: 100%;
    height: 100%;
}

#project-component-container.create[b-pic6fqm8f4] {
    width: 100%;
    height: calc(100% - 83px);
}

.button-container[b-pic6fqm8f4] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

.grid-header[b-pic6fqm8f4] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-pic6fqm8f4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-pic6fqm8f4], td[b-pic6fqm8f4] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-pic6fqm8f4] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-pic6fqm8f4] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-pic6fqm8f4] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-pic6fqm8f4] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-pic6fqm8f4] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.document-info div[b-pic6fqm8f4] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.document-status-icon[b-pic6fqm8f4] {
    display: flex;
    align-items: center;
}

    .document-status-icon svg[b-pic6fqm8f4] {
        margin-right: 7px;
    }
/* /Components/Project/ProjectDashboardComponent.razor.rz.scp.css */
#project-details-container[b-iwsd5l3ssy] {
    overflow-y: auto;
    height: 100%;
    flex-direction: column;
    display: flex;
    padding: 15px;
}

.project-details-group[b-iwsd5l3ssy] {
    margin-bottom: 25px;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #DBE0E3;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 5%);
    overflow: hidden;
}

    .project-details-group:last-of-type[b-iwsd5l3ssy]{
        margin-bottom: 0px;
    }

.days-info[b-iwsd5l3ssy] {
    min-height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.day-count[b-iwsd5l3ssy] {
    font-size: 30px;
    font-weight: bold;
    color: #00a8e9;
    line-height: 30px;
    margin-right: 10px;
}

.day-text[b-iwsd5l3ssy] {
    font-size: 24px;
    line-height: 30px;
    color: #00a8e9;
    font-weight: bold;
}

.day-count.overdue[b-iwsd5l3ssy] {
    color: #f76a64;
}

.day-text.overdue[b-iwsd5l3ssy] {
    color: #f76a64
}

.day-text.finished[b-iwsd5l3ssy] {
    color: #f7ba43;
}

.day-text.billed[b-iwsd5l3ssy] {
    color: #28d985;
}

.day-text.cancelled[b-iwsd5l3ssy] {
    color: #767676;
}

.detail-header[b-iwsd5l3ssy] {
    display: flex;
    color: #212529;
    font-size: 16px;
    justify-content: space-between;
    height: 50px;
}

.left[b-iwsd5l3ssy] {
    text-align: left;
}

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

.progress-group[b-iwsd5l3ssy] {
    min-height: 170px;
}

.progress-container[b-iwsd5l3ssy] {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.progress-bar[b-iwsd5l3ssy] {
    width: 100%;
    height: 20px;
    border: 1px solid #7c7c7c;
}

    .progress-bar.total-cost[b-iwsd5l3ssy] {
        background-color: rgba(0, 154, 255, 0.45);
    }

    .progress-bar.hours[b-iwsd5l3ssy] {
        background-color: rgba(247, 186, 67, 0.4);
    }

    .progress-bar.material[b-iwsd5l3ssy] {
        background-color: #19b96e8c;
    }

.fill[b-iwsd5l3ssy] {
    height: 100%;
    transition: transform 0.5s ease;
}

.total-cost .fill[b-iwsd5l3ssy] {
    background-color: #00a8e9;
}

.hours .fill[b-iwsd5l3ssy] {
    background-color: rgba(247, 186, 67, 1);
}

.material .fill[b-iwsd5l3ssy] {
    background-color: #19B96E;
}

.mark-container[b-iwsd5l3ssy] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: bold;
    height: 11px;
    line-height: 11px;
    position: relative;
    opacity: .4;
}

    .mark-container div[b-iwsd5l3ssy] {
        margin-top: -1.5px;
    }

        .mark-container div:first-of-type[b-iwsd5l3ssy] {
            margin-left: -1px;
        }

        .mark-container div:last-of-type[b-iwsd5l3ssy] {
            margin-right: -1px;
        }

.label-container[b-iwsd5l3ssy] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #212529;
}

.label-container div:first-of-type[b-iwsd5l3ssy] {
    margin-left: -5px;
}

.label-container div:last-of-type[b-iwsd5l3ssy] {
    margin-right: -20px;
}

.amount-pointer[b-iwsd5l3ssy] {
    margin-bottom: -4px;
    position: relative;
}

.red:not(.amount-pointer)[b-iwsd5l3ssy] {
    background-color: #f94949 !important;
}

    .red svg path[b-iwsd5l3ssy] {
        fill: #f94949;
    }

.amount-box[b-iwsd5l3ssy] {
    height: 35px;
    color: white;
    font-size: 17px;
    border-radius: 3px;
    width: fit-content;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 35px;
    margin-bottom: -10px;
    position: relative;
    transform: translateX(-50%);
    margin-left: -2px;
}

    .amount-box.total-cost[b-iwsd5l3ssy] {
        background-color: #00a8e9;
    }

    .amount-box.hours[b-iwsd5l3ssy] {
        background-color: rgba(247, 186, 67, 1);
    }

    .amount-box.material[b-iwsd5l3ssy] {
        background-color: #19B96E;
    }

/* /Components/Project/ProjectDetailsComponent.razor.rz.scp.css */
#project-details-container[b-wrtlmx3cwq] {
    overflow-y: auto;
    height: 100%;
    flex-direction: column;
    display: flex;
    padding: 15px;
}

.project-details-group[b-wrtlmx3cwq] {
    margin-bottom: 15px;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #DBE0E3;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 5%);
}

    .project-details-group.last[b-wrtlmx3cwq] {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        color: black;
        overflow-wrap: break-word;
    }


    .project-details-group:not(.last)[b-wrtlmx3cwq] {
        border-bottom: 1px solid #DBE0E3;
    }

.project-detals-title[b-wrtlmx3cwq] {
    font-size: 20px;
    font-weight: bold;
    color: #19b96e;
    margin-bottom: 10px;
}

.project-detail-columns[b-wrtlmx3cwq] {
    display: flex;
    font-size: 16px;
    color: black;
}

.details-column.left[b-wrtlmx3cwq] {
    width: 160px;
}

.details-column.right[b-wrtlmx3cwq] {
}

.cell[b-wrtlmx3cwq] {
    height: 24px;
    line-height: 24px;
}

.description[b-wrtlmx3cwq] {
    font-weight: bold;
    height: calc(100% - 120px);
    margin-bottom: 10px;
}

    .description.menu-variant[b-wrtlmx3cwq] {
        height: calc(100% - 200px);
    }

    .description div[b-wrtlmx3cwq] {
        height: calc(50% - 10px);
    }

    .description.cause div[b-wrtlmx3cwq] {
        height: calc(33.33% - 10px);
    }

[b-wrtlmx3cwq] #description-area, [b-wrtlmx3cwq] #other-information-area, [b-wrtlmx3cwq] #cause-area {
    background-color: white;
    height: calc(100% - 25px);
}

.button-container[b-wrtlmx3cwq] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    min-height: 215px;
    margin-top: auto;
}

.button-column[b-wrtlmx3cwq] {
    display: flex;
    flex-direction: column;
    width: calc(50% - 5px);
    justify-content: start;
}

[b-wrtlmx3cwq] #material-btn, [b-wrtlmx3cwq] #media-btn {
    width: 100%;
}

[b-wrtlmx3cwq] #material-btn {
    margin-top: 15px;
}


element.style[b-wrtlmx3cwq] {
}

.button.button-white.light[b-kn9npumkrb][b-wrtlmx3cwq] {
    color: #6C757D;
}

.button.button-white.light[b-kn9npumkrb][b-wrtlmx3cwq] {
    color: #6C757D;
}

.button.stretch[b-kn9npumkrb][b-wrtlmx3cwq] {
    width: 100%;
}

.button.button-white[b-kn9npumkrb][b-wrtlmx3cwq] {
    color: white;
    background-color: white;
    border: 1px solid #CED4DA;
    color: #495057;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
}

.button.stretch[b-kn9npumkrb][b-wrtlmx3cwq] {
    width: 100%;
}

.button.button-white[b-kn9npumkrb][b-wrtlmx3cwq] {
    color: white;
    background-color: white;
    border: 1px solid #CED4DA;
    color: #495057;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
}

.button-container[b-wrtlmx3cwq]  button:not(:last-child) {
    margin-bottom: 12px;
}
/* /Components/Project/ProjectDocumentDetailsComponent.razor.rz.scp.css */
#project-document-details-container[b-z1qlg17swy] {
    height: calc(100% - 83px);
}

#media-preview[b-z1qlg17swy] {
    height: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    padding: 20px;
    cursor: default;
}

    #media-preview img[b-z1qlg17swy] {
        object-fit: contain;
        cursor: pointer;
        width: 100%;
        cursor: default;
        max-height: 400px;
    }

    #media-preview .document[b-z1qlg17swy] {
        width: 100%;
        height: 100%;
    }

.button-container[b-z1qlg17swy] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-z1qlg17swy] #download-btn {
    width: 100%;
}

.router-component[b-z1qlg17swy] {
    height: 100%;
}

@media screen and (max-height: 500px) {
    .button-container[b-z1qlg17swy] {
        display: none;
    }
}
/* /Components/Project/ProjectDocumentsComponent.razor.rz.scp.css */
#project-documents-container[b-xkow7ia6yx] {
    height: calc(100% - 83px);
    position: relative;
}

.grid-header[b-xkow7ia6yx] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-xkow7ia6yx] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-xkow7ia6yx], td[b-xkow7ia6yx] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-xkow7ia6yx] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-xkow7ia6yx] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #6C757D;
}

.table-container[b-xkow7ia6yx] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-xkow7ia6yx] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.document-info .name[b-xkow7ia6yx], .document-info .date[b-xkow7ia6yx] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.media-menu[b-xkow7ia6yx] {
    display: flex;
    height: 50px;
    background-color: #F6F6F6;
}

    .media-menu .menu-item[b-xkow7ia6yx] {
        height: 100%;
        padding-left: 25px;
        padding-right: 25px;
        line-height: 50px;
        font-size: 16px;
        color: #2C2F31;
        cursor: pointer;
        width: 50%;
        text-align: center;
    }

        .media-menu .menu-item.active-document[b-xkow7ia6yx] {
            background-color: #E5E5E5;
        }

.button-container[b-xkow7ia6yx] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-xkow7ia6yx] #add-btn {
    width: 100%;
}
/* /Components/Project/ProjectMaterialsComponent.razor.rz.scp.css */
#project-materials-container[b-gli6448y62] {
    height: calc(100% - 83px);
    position: relative;
}

.grid-header[b-gli6448y62] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-gli6448y62] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    white-space: nowrap;
}

th[b-gli6448y62], td[b-gli6448y62] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-gli6448y62] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-gli6448y62] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6C757D;
    overflow: hidden;
}

.table-container[b-gli6448y62] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-gli6448y62] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.document-info .name[b-gli6448y62], .document-info .date[b-gli6448y62], .document-info .cost[b-gli6448y62] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
    text-align: right;
}

.button-container[b-gli6448y62] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-gli6448y62] #add-btn {
    width: 100%;
}

.description[b-gli6448y62] {
    white-space: normal;
    line-height: 22px;
    max-height: 95px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}
/* /Components/Project/ProjectPhotosComponent.razor.rz.scp.css */
#project-photos-container[b-e50fhaivzi] {
    height: calc(100% - 83px);
    position: relative;
}

.grid-header[b-e50fhaivzi] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-e50fhaivzi] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-e50fhaivzi], td[b-e50fhaivzi] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-e50fhaivzi] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-e50fhaivzi] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #6C757D;
}

.table-container[b-e50fhaivzi] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-e50fhaivzi] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.document-info .name[b-e50fhaivzi], .document-info .date[b-e50fhaivzi] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.media-menu[b-e50fhaivzi] {
    display: flex;
    height: 50px;
    background-color: #F6F6F6;
}

    .media-menu .menu-item[b-e50fhaivzi] {
        height: 100%;
        padding-left: 25px;
        padding-right: 25px;
        line-height: 50px;
        font-size: 16px;
        color: #2C2F31;
        cursor: pointer;
        width: 50%;
        text-align: center;
    }

        .media-menu .menu-item.active-photo[b-e50fhaivzi] {
            background-color: #E5E5E5;
        }

.button-container[b-e50fhaivzi] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-e50fhaivzi] #add-btn {
    width: 100%;
}
/* /Components/Project/ProjectSettingsBasicComponent.razor.rz.scp.css */
#project-component-container[b-3skclynppz] {
    width: 100%;
    height: calc(100% - 83px);
}  

.description[b-3skclynppz] {
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

[b-3skclynppz] form {
    display: flex;
    flex-direction: column;   
    height: 100%;
    overflow-y: auto;
    padding: 15px;
}

    [b-3skclynppz] form.readonly {
        height: 100%;
    }

.description div[b-3skclynppz] {
    height: calc(50% - 5px);
}

[b-3skclynppz] .text-area-component {
    height: calc(100% - 26px);
}

[b-3skclynppz] .text-area-component.invalid {
    height: calc(100% - 50px);
}

.button-container[b-3skclynppz] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

[b-3skclynppz] #prev-btn {
    width: 40%;
}

[b-3skclynppz] #next-btn {
    width: 45%;
}
/* /Components/Project/ProjectSettingsBudgetComponent.razor.rz.scp.css */
#project-component-container[b-c5suxrhvav] {
    width: 100%;
    height: 100%;
}

[b-c5suxrhvav] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 15px;
}

    [b-c5suxrhvav] form.readonly {
        height: 100%;
    }

.button-container[b-c5suxrhvav] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

[b-c5suxrhvav] #prev-btn {
    width: 40%;
}

[b-c5suxrhvav] #next-btn {
    width: 45%;
}
/* /Components/Project/ProjectSettingsComponent.razor.rz.scp.css */
#project-component-container[b-feb6uwpnls] {
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y:auto;
}

.form-label-group[b-feb6uwpnls] {
    margin-bottom: 20px;
}

.form-label-group:last-of-type[b-feb6uwpnls] {
    margin-bottom: 0px;
}
/* /Components/Project/ProjectSettingsCustomerComponent.razor.rz.scp.css */
#project-component-container[b-tqwcyrzt67] {
    width: 100%;
    height: 100%;
}

[b-tqwcyrzt67] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 15px;
}

    [b-tqwcyrzt67] form.readonly {
        height: 100%;
    }

.button-container[b-tqwcyrzt67] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

[b-tqwcyrzt67] #prev-btn {
    width: 40%;
}

[b-tqwcyrzt67] #next-btn {
    width: 45%;
}

.flex-group[b-tqwcyrzt67] {
    display: flex;
}

.plus-button[b-tqwcyrzt67] {
    width: 60px;
    height: 45px;
    margin-left: 30px;
    background-color: #19B96E;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    border-radius: 3px;
}
/* /Components/Project/ProjectSettingsDateComponent.razor.rz.scp.css */
#project-component-container[b-61nnsan7h5] {
    width: 100%;
    height: 100%;
}

[b-61nnsan7h5] form {
    height: calc(100% - 83px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 15px;
}

    [b-61nnsan7h5] form.readonly {
        height: 100%;
    }

.button-container[b-61nnsan7h5] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: white;
    height: 83px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

[b-61nnsan7h5] #prev-btn {
    width: 40%;
}

[b-61nnsan7h5] #next-btn {
    width: 45%;
}
/* /Components/Project/ProjectSettingsStatusComponent.razor.rz.scp.css */
#project-component-container[b-wovhsxlbek] {
    width: 100%;
    height: 100%;
}  

[b-wovhsxlbek] form {
    display: flex;
    flex-direction: column;   
    padding: 15px;
}
  
.button-container[b-wovhsxlbek] {
    width: 100%;
    padding-top: 10px;
}

.grid-header[b-wovhsxlbek] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-wovhsxlbek] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    white-space: nowrap;
}

th[b-wovhsxlbek], td[b-wovhsxlbek] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-wovhsxlbek] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-wovhsxlbek] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-wovhsxlbek] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-wovhsxlbek] {
    overflow-y: auto;
    height: calc(100% - 167px);
}

tr:hover td[b-wovhsxlbek] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.history-info div[b-wovhsxlbek] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.project-status-icon[b-wovhsxlbek] {
    display: flex;
    align-items: center;
}

    .project-status-icon svg[b-wovhsxlbek] {
        margin-right: 7px;
    }

[b-wovhsxlbek] #save-btn {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-height: 500px) {
    [b-wovhsxlbek] form {
        display: none;
    }

    .table-container[b-wovhsxlbek] {
        height: 100%;
    }
}
/* /Components/Project/ProjectSubprojectsComponent.razor.rz.scp.css */
#project-component-container[b-9xutyupjkg] {
    width: 100%;
    height: 100%;
}

#project-component-container.create[b-9xutyupjkg] {
    width: 100%;
    height: calc(100% - 83px);
}

.grid-header[b-9xutyupjkg] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-9xutyupjkg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-9xutyupjkg], td[b-9xutyupjkg] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-9xutyupjkg] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-9xutyupjkg] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-9xutyupjkg] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-9xutyupjkg] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-9xutyupjkg] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.project-number[b-9xutyupjkg] {
    font-size: 16px;
    font-weight: bold;
    color: black;
    line-height: 45px;
}

.project-info .title[b-9xutyupjkg], .project-info .customer[b-9xutyupjkg] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.button-container[b-9xutyupjkg] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-9xutyupjkg] #create-btn {
    width: 100%;
}

.project-status-icon[b-9xutyupjkg] {
    display: flex;
    align-items: center;
}

    .project-status-icon svg[b-9xutyupjkg] {
        margin-right: 7px;
    }

tr.active td[b-9xutyupjkg] {
    border-left: none;
    border-right: none;
    background-color: #f1f1f1;
    border-bottom: 3px solid #19B96E;
}
/* /Components/Project/ProjectTimeReportsComponent.razor.rz.scp.css */
#project-component-container[b-7fgfu8gu1n] {
    width: 100%;
    height: 100%;
}

#project-component-container.create[b-7fgfu8gu1n] {
    width: 100%;
    height: calc(100% - 83px);
}

.button-container[b-7fgfu8gu1n] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

.grid-header[b-7fgfu8gu1n] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-7fgfu8gu1n] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-7fgfu8gu1n], td[b-7fgfu8gu1n] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-7fgfu8gu1n] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-7fgfu8gu1n] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-7fgfu8gu1n] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-7fgfu8gu1n] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-7fgfu8gu1n] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.report-info-a div[b-7fgfu8gu1n], .report-info-b div[b-7fgfu8gu1n] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.report-info-b div[b-7fgfu8gu1n] {
    text-align: right;
}

/* /Components/ResetPassword/ResetPasswordComponent.razor.rz.scp.css */
.message[b-1z8lc48088] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px;
    color: #2C2F31;
}

.title[b-1z8lc48088] {
    padding-top: 80px;
    font-weight: bold;
    font-size: 20px;
    margin: 0px;
}

.message p[b-1z8lc48088] {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.login[b-1z8lc48088] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

[b-1z8lc48088] button {
    width: 100%;
}

.info[b-1z8lc48088] {
    margin-top: 10px;
    margin-bottom: 0px;
}

@media only screen and (max-height: 690px) {
    .title[b-1z8lc48088] {
        padding-top: 30px;
    }
}

@media only screen and (max-height: 500px) {
    .title[b-1z8lc48088] {
        padding-top: 10px;
    }
}
/* /Components/Select/ControlDocumentSelectComponent.razor.rz.scp.css */
.select-container[b-6ni3mq8hht] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-6ni3mq8hht] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-6ni3mq8hht] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-6ni3mq8hht] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/CustomerSelectComponent.razor.rz.scp.css */
.select-container[b-ztvcvd4fb4] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-ztvcvd4fb4] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-ztvcvd4fb4] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-ztvcvd4fb4] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/DepartmentSelectComponent.razor.rz.scp.css */
.select-container[b-oi87rekt4q] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-oi87rekt4q] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-oi87rekt4q] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-oi87rekt4q] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/EmployeeSelectComponent.razor.rz.scp.css */
.select-container[b-mm8jtxay7e] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-mm8jtxay7e] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-mm8jtxay7e] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-mm8jtxay7e] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/LanguageSelectComponent.razor.rz.scp.css */
.select-container[b-mbafsxycfx] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-mbafsxycfx] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-mbafsxycfx] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-mbafsxycfx] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/MaterialSelectComponent.razor.rz.scp.css */
#materials-container[b-fg5e8njbj1] {
    height: calc(100% - 136px);
    position: relative;
}

materials-container.readonly[b-fg5e8njbj1] {
    height: 100%;
}


.grid-header[b-fg5e8njbj1] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-fg5e8njbj1] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-fg5e8njbj1], td[b-fg5e8njbj1] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-fg5e8njbj1] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-fg5e8njbj1] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6C757D;
    overflow: hidden;
}

.table-container[b-fg5e8njbj1] {
    overflow-y: auto;
    height: 100%;
}

tr:hover td[b-fg5e8njbj1] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #ebebeb1c;
    transition: 0.15s ease-in;
}

.document-info .name[b-fg5e8njbj1], .document-info .date[b-fg5e8njbj1] {
    color: #6C757D;
    line-height: 30px;
    height: 30px;
}

.button-container[b-fg5e8njbj1] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 136px;
    padding-top: 15px;
}

[b-fg5e8njbj1] #submit-btn {
    width: 100%;
}

[b-fg5e8njbj1] #add-material-btn {
    width: 100%;
    margin-bottom: 15px;
}

.description[b-fg5e8njbj1] {
    white-space: normal;
    line-height: 22px;
    max-height: 75px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.description.short[b-fg5e8njbj1] {   
    padding-right: 0px;
}
/* /Components/Select/MultiSelectActivityComponent.razor.rz.scp.css */
.select-container[b-tvc48g9rz5] {
    overflow-y: auto;
    height: calc(100% - 83px);
}

.select-row[b-tvc48g9rz5] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-tvc48g9rz5] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-tvc48g9rz5] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }

        .select-row.active + .active[b-tvc48g9rz5] {
            border-top: none;
        }

.button-container[b-tvc48g9rz5] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-tvc48g9rz5] #select-btn {
    width: 100%;
}
/* /Components/Select/MultiSelectComponent.razor.rz.scp.css */
.multi-select-container[b-b1pkqt7onx] {
    padding-left: 12px;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    font-size: 15px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    color: #6c757d;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-height: 67px;
    height: fit-content;
    overflow-y: auto;
    min-height: 45px;
}

    .multi-select-container:hover:not(.disabled, .invalid)[b-b1pkqt7onx] {
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
        transition: 0.15s ease-in;
    }

    .multi-select-container.modified:not(.disabled, .invalid)[b-b1pkqt7onx] {
        box-shadow: 0 0 0px 1px #19b96e;
        border-color: transparent !important;
    }

    .multi-select-container.invalid[b-b1pkqt7onx] {
        box-shadow: 0 0 0px 1px #d50000;
        border-color: transparent;
    }

    .multi-select-container.disabled[b-b1pkqt7onx] {
        background-color: #eee;
        cursor: default;
    }

    .multi-select-container.items[b-b1pkqt7onx] {
        padding-top: 5px;
    }

.multi-value[b-b1pkqt7onx] {
    display: flex;
    background-color: #19b96e;
    color: white;
    font-size: 11px;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}

.multi-value-text[b-b1pkqt7onx] {
    padding-left: 7px;
    padding-right: 7px;
}

.multi-value-clear[b-b1pkqt7onx] {
    border-right: 1px solid white;
    width: 25px;
    text-align: center;
}
/* /Components/Select/MultiSelectCustomerReferenceComponent.razor.rz.scp.css */
.select-container[b-83nnztdhvj] {
    overflow-y: auto;
    height: calc(100% - 83px);
}

.select-row[b-83nnztdhvj] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-83nnztdhvj] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-83nnztdhvj] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }

    .select-row.active + .active[b-83nnztdhvj] {
        border-top: none;
    }

.button-container[b-83nnztdhvj] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-83nnztdhvj] #select-btn {
    width: 100%;
}
/* /Components/Select/OfferSelectComponent.razor.rz.scp.css */
.select-container[b-5ckk02a4nx] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-5ckk02a4nx] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-5ckk02a4nx] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-5ckk02a4nx] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/PhotoSelectComponent.razor.rz.scp.css */
.select-container[b-m37x65qrdm] {
    overflow-y: auto;
    height: calc(100% - 136px);
    padding-left: 15px;
    padding-right: 15px;
}

    .select-container.readonly[b-m37x65qrdm] {
        height: 100%;
    }

.photo-container[b-m37x65qrdm] {
    border-radius: 3px;
    width: 100%;
    height: 180px;
    background-color: white;
    border: 1px solid #CED4DA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    position: relative;
}

    .photo-container img[b-m37x65qrdm] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        cursor: pointer;
    }

    .photo-container .image-preview-clear[b-m37x65qrdm] {
        cursor: pointer;
        position: absolute;
        height: 40px;
        right: 3px;
        top: 1px;
        color: #000;
        opacity: 0.5;
        background-color: white;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

        .photo-container .image-preview-clear:hover[b-m37x65qrdm] {
            opacity: 1;
        }

        .photo-container .image-preview-clear button[b-m37x65qrdm] {
            background-color: transparent;
            border: none;
            font-weight: bold;
            outline-style: none;
        }

.button-container[b-m37x65qrdm] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 136px;
    padding-top: 15px;
}

[b-m37x65qrdm] #submit-btn {
    width: 100%;
}

[b-m37x65qrdm] #add-photo-btn {
    width: 100%;
    margin-bottom: 15px;
}
/* /Components/Select/SelectAbsenceTypeComponent.razor.rz.scp.css */
.select-container[b-khf5aupvdf] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-khf5aupvdf] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-khf5aupvdf] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-khf5aupvdf] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/SelectCertificateTypeComponent.razor.rz.scp.css */
.select-container[b-ujl56nyorc] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-ujl56nyorc] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-ujl56nyorc] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-ujl56nyorc] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/SelectComponent.razor.rz.scp.css */
.select-container[b-2sr1jlcaun] {
    padding-left: 12px;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    color: #6c757d;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-container:hover:not(.disabled, .invalid)[b-2sr1jlcaun] {
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
        transition: 0.15s ease-in;
    }

    .select-container.modified:not(.disabled, .invalid)[b-2sr1jlcaun] {
        box-shadow: 0 0 0px 1px #19b96e;
        border-color: transparent !important;
    }

    .select-container.invalid[b-2sr1jlcaun] {
        box-shadow: 0 0 0px 1px #d50000;
        border-color: transparent;
    }

    .select-container.disabled[b-2sr1jlcaun] {
        background-color: #eee;
        cursor: default;
    }

.time-icon-container[b-2sr1jlcaun] {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #CED4DA;
    position: absolute;
    top: 0;
    right: 0;
}
/* /Components/Select/SelectProjectComponent.razor.rz.scp.css */
#project-component-container[b-ju97jb2ky3] {
    width: 100%;
    height: 100%;
}

    #project-component-container.create[b-ju97jb2ky3] {
        width: 100%;
        height: calc(100% - 83px);
    }

.project-header[b-ju97jb2ky3] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 15px;
}

.last-seen-container[b-ju97jb2ky3] {
    width: 100%;
}

.info[b-ju97jb2ky3] {
    font-size: 14px;
    color: #2C2F31;
    margin-bottom: 7px;
}

.last-buttons[b-ju97jb2ky3] {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 45px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.last-button[b-ju97jb2ky3] {
    width: 85px;
    height: 50px;
    font-size: 17px;
    font-weight: bold;
    color: #19b96e;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.search-container[b-ju97jb2ky3]  .search-field-container {
    border: 1px solid #CED4DA;
    border-radius: 4px;
}

[b-ju97jb2ky3] .search-field-button {
    width: 50px;
    height: unset;
    padding-left: 0px;
    padding-top: 0px;
    border-left: 1px solid #ced4da87;
    background-color: #f4f6f9b8;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-ju97jb2ky3] .search-field-button svg {
        width: 18px;
        height: 18px;
    }

.grid-header[b-ju97jb2ky3] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-ju97jb2ky3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-ju97jb2ky3], td[b-ju97jb2ky3] {
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-ju97jb2ky3] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-ju97jb2ky3] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6C757D;
}

    td div[b-ju97jb2ky3] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.table-container[b-ju97jb2ky3] {
    overflow-y: auto;
}

tr:hover td[b-ju97jb2ky3] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

.project-number[b-ju97jb2ky3] {
    font-size: 16px;
    font-weight: bold;
    color: black;
    line-height: 45px;
}

.project-info .title[b-ju97jb2ky3], .project-info .customer[b-ju97jb2ky3] {
    color: #6C757D;
    height: 30px;
    line-height: 30px;
}

.button-container[b-ju97jb2ky3] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
    border-top: 1px solid #E1E2E4;
}

[b-ju97jb2ky3] #create-btn {
    width: 100%;
}

.project-status-icon[b-ju97jb2ky3] {
    display: flex;
    align-items: center;
}

    .project-status-icon svg[b-ju97jb2ky3] {
        margin-right: 7px;
    }

.search-container[b-ju97jb2ky3] {
    height: 45px;
}

tr.active td[b-ju97jb2ky3] {
    border-left: none;
    border-right: none;
    background-color: #19B96E;
    color: white;
}

    tr.active td .project-info .title[b-ju97jb2ky3], tr.active td .project-info .customer[b-ju97jb2ky3] {
        color: white;
    }


@media screen and (max-height: 500px) {
    .last-seen-container[b-ju97jb2ky3] {
        display: none;
    }

    .table-container[b-ju97jb2ky3] {
        height: 100% !important;
    }

    .button-container[b-ju97jb2ky3] {
        display: none;
    }

    #project-component-container.create[b-ju97jb2ky3] {
        height: 100%;
    }

    .project-header[b-ju97jb2ky3] {
        display: none;
    }
}
/* /Components/Select/SelectTimeComponent.razor.rz.scp.css */
.select-container[b-4pft7yeq9i] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-4pft7yeq9i] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-4pft7yeq9i] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-4pft7yeq9i] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/SelectTimeReportTypeComponent.razor.rz.scp.css */
.select-container[b-naikkxu1v3] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-naikkxu1v3] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-naikkxu1v3] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-naikkxu1v3] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/Select/StatusSelectComponent.razor.rz.scp.css */
.select-container[b-bj847el3xh] {
    overflow-y: auto;
    height: 100%;
}

.select-row[b-bj847el3xh] {
    border-bottom: 1px solid #DBE0E3;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #504e4e;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-row:hover[b-bj847el3xh] {
        background-color: #ebebeb1c;
        color: #504e4e;
        transition: 0.15s ease-out;
        box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    }

    .select-row.active[b-bj847el3xh] {
        border-left: none;
        border-right: none;
        background-color: #19B96E;
        color: white;
    }
/* /Components/SignIn/SignInComponent.razor.rz.scp.css */
.message[b-qdmq31kvvk] {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    color: #2C2F31;
}

    .message img[b-qdmq31kvvk] {
        width: 120px;
        object-fit: contain;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .message img.GMT[b-qdmq31kvvk] {
        width: 150px;
    }

.title[b-qdmq31kvvk] {
    padding-top: 80px;
    font-size: 50px;
    margin: 0px;
}

.info[b-qdmq31kvvk] {
    font-size: 20px;
}

.message p[b-qdmq31kvvk] {
    margin: 0px;
}

.inputs[b-qdmq31kvvk] {
    margin-top: 20px;
}

.login[b-qdmq31kvvk] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: 50px;
}

    .login p[b-qdmq31kvvk] {
        color: #2C2F31;
        font-size: 16px;
        margin-top: 15px;
        cursor: pointer;
    }

.logo[b-qdmq31kvvk] {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}

[b-qdmq31kvvk] button {
    width: 100%;
}

[b-qdmq31kvvk] .inputs #remember-me {
    margin-top: 25px;
}
/* /Components/TimeReport/AbsenceReportComponent.razor.rz.scp.css */
.time-reports-form-container[b-02be54jk16] {
    width: 100%;
    height: calc(100% - 83px);
    overflow-y: auto;
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    overflow-y: auto;
}

.time-container[b-02be54jk16] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.hour-display[b-02be54jk16] {
    width: 75px;
    height: 45px;
    background-color: #19b96e;
    line-height: 45px;
    text-align: center;
    color: white;
    border-radius: 3px;
    margin-bottom: 10px;
}

.time-select-container[b-02be54jk16] {
    width: calc(50% - 60px);
}

    .time-select-container.date[b-02be54jk16] {
        width: calc(50% - 10px);
    }

.button-container[b-02be54jk16] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-02be54jk16] #save-btn {
    width: 100%;
}

.router-component[b-02be54jk16] {
    height: 100%;
}

.button-container.edit[b-02be54jk16] {
    display: flex;
    justify-content: space-between;
}

    .button-container.edit[b-02be54jk16]  #save-btn {
        width: 45%;
    }

[b-02be54jk16] #delete-btn {
    width: 35%;
}

#employee-group.short[b-02be54jk16], #date-group.short[b-02be54jk16] {
    display: none;
}
/* /Components/TimeReport/TimeReportComponent.razor.rz.scp.css */
.time-reports-form-container[b-aws2meyttb] {
    width: 100%;
    overflow-y: auto;
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    overflow-y: auto;

}

    [b-aws2meyttb] .time-reports-form-container form {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

.time-container[b-aws2meyttb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.hour-display[b-aws2meyttb] {
    width: 75px;
    height: 45px;
    background-color: #19b96e;
    line-height: 45px;
    text-align: center;
    color: white;
    border-radius: 3px;
    margin-bottom: 10px;
}

.time-select-container[b-aws2meyttb] {
    width: calc(50% - 60px);
}

    .time-select-container.date[b-aws2meyttb] {
        width: calc(50% - 10px);
    }

.button-container[b-aws2meyttb] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    height: 83px;
    padding-top: 15px;
}

[b-aws2meyttb] #save-btn {
    width: 100%;
}

.router-component[b-aws2meyttb] {
    height: 100%;
}

.button-container.edit[b-aws2meyttb] {
    display: flex;
    justify-content: space-between;
}

    .button-container.edit[b-aws2meyttb]  #save-btn {
        width: 45%;
    }

[b-aws2meyttb] #delete-btn {
    width: 35%;
}

#buttons-middle-container[b-aws2meyttb] {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

[b-aws2meyttb] #photos-btn, [b-aws2meyttb] #material-btn {
    width: calc(50% - 10px);
}

[b-aws2meyttb] .description {
    flex-grow: 1;
}

[b-aws2meyttb] #description-area {
    background-color: white;
    height: calc(100% - 25px);
}

[b-aws2meyttb] #description-area.disabled {
    background-color: #eee;
    height: calc(100% - 25px);
}

[b-aws2meyttb] #description-area.invalid {
    height: calc(100% - 48px);
}

#employee-group.short[b-aws2meyttb], #date-group.short[b-aws2meyttb] {
    display: none;
}
/* /Components/TimeReport/TimeReportsListComponent.razor.rz.scp.css */
.grid-header[b-1ctxpq1sdb] {
    height: 40px;
    line-height: 40px;
    background-color: #F8F9FA;
    font-weight: bold;
    position: sticky;
    top: 0;
}

table[b-1ctxpq1sdb] {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

th[b-1ctxpq1sdb], td[b-1ctxpq1sdb] {    
    color: #1E272E;
    border-bottom: 1px solid #E1E2E4;
}

th[b-1ctxpq1sdb] {
    border-top: 1px solid #E1E2E4;
    font-size: 13px;
}

td[b-1ctxpq1sdb] {
    height: 55px;
    line-height: 55px;
    font-size: 15px;
    cursor: pointer;
    color: #6C757D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-container[b-1ctxpq1sdb] {
    overflow-y: auto;
    height: calc(100% - 155px - 95px);
}

    .table-container.extended[b-1ctxpq1sdb] {
        height: calc(100% - 85px - 87px - 103px);
    }

tr:hover td[b-1ctxpq1sdb] {
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    transition: 0.15s ease-in;
}

#time-report-header[b-1ctxpq1sdb] {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    height: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-item[b-1ctxpq1sdb] {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    cursor: pointer;
}

.date-picker[b-1ctxpq1sdb] {
    font-weight: bold;
    color: #19b96e;
    font-size: 16px;
    width: calc(100% - 200px);
}

.date-arrow[b-1ctxpq1sdb] {
    width: 80px;
}

    .date-arrow:last-of-type[b-1ctxpq1sdb] {
        transform: rotate(180deg);
    }

.button-container[b-1ctxpq1sdb] {
    position: sticky;
    bottom: 0px;
    height: 155px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    padding-bottom: 30px;
}

.button-container.admin[b-1ctxpq1sdb] {   
    height: 83px;
}

.export-container[b-1ctxpq1sdb] {
    width: 100%;
}

[b-1ctxpq1sdb] #export-btn {
    width: 100%;
}

.control-container[b-1ctxpq1sdb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-1ctxpq1sdb] #absence-btn {
    width: 40%;
}

[b-1ctxpq1sdb] #report-btn {
    width: 55%;
}

#time-report-employee-selector[b-1ctxpq1sdb] {
    padding: 15px;
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
}

    #time-report-employee-selector .form-label-group[b-1ctxpq1sdb] {
        width: calc(100% - 100px);
    }

    #time-report-employee-selector .export-container[b-1ctxpq1sdb] {
        align-items: end;
        display: flex;
        margin-bottom: 10px;
        width: 80px;
    }

.footer td[b-1ctxpq1sdb] {
    height: 40px;
    line-height: 40px;
}

@media screen and (max-height: 620px) {
    .footer[b-1ctxpq1sdb] {
        display: none;
    }
}


@media screen and (max-height: 500px) {
    .button-container[b-1ctxpq1sdb] {
        display: none;
    }

    #time-report-header[b-1ctxpq1sdb] {
        display: none;
    }

    .table-container[b-1ctxpq1sdb] {
        height: 100%;
    }

    #time-report-employee-selector[b-1ctxpq1sdb] {
        display: none;
    }

    .table-container[b-1ctxpq1sdb], .table-container.extended[b-1ctxpq1sdb] {
        height: 100%;
    }
}
/* /Components/Toolbar/ToolbarComponent.razor.rz.scp.css */
.toolbar-container[b-xt8cel3t12] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #2C2F31;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #DBE0E3;
}

.back-button-container[b-xt8cel3t12], .date-info-container[b-xt8cel3t12] {
    min-width: 95px;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 60px;
}

    .back-button-container.short[b-xt8cel3t12], .date-info-container.short[b-xt8cel3t12] {
        width: 50px;
    }

    .date-info-container.none[b-xt8cel3t12] {
        width: 0px;
    }

    .back-button-container.none[b-xt8cel3t12] {
        width: 20px;
    }


.back-button-container[b-xt8cel3t12] {
    cursor: pointer;
}

.date-info-container[b-xt8cel3t12] {
    text-align: right;
    justify-content: right;
}

.location-info-container[b-xt8cel3t12] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 60px;
}

@media screen and (max-height: 744px) {
    .toolbar-container[b-xt8cel3t12]{
        display: none;
    }
}
/* /Components/TopBar/TopBarComponent.razor.rz.scp.css */
.top-bar-container[b-uwgtovf9fu] {
    height: 80px;
    width: 100%;
    background-color: #2C2F31;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#hamburger-icon[b-uwgtovf9fu], #notification-icon[b-uwgtovf9fu] {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    width: 60px;
}

#hamburger-icon[b-uwgtovf9fu] {
    padding-left: 20px;
}

#notification-icon[b-uwgtovf9fu] {
    padding-right: 20px;
    justify-content: right;
}

    #notification-icon #unread[b-uwgtovf9fu] {
        width: 21px;
        height: 23px;
    }

    #notification-icon #read[b-uwgtovf9fu] {
        width: 16px;
        height: 16px;
        margin-top: 7.5px;
    }

#location-container[b-uwgtovf9fu] {
    display: none;
}

#logo-icon img[b-uwgtovf9fu] {
    width: 80px;
    object-fit: contain;
}

#logo-icon img.GMT[b-uwgtovf9fu] {
    width: 115px;
}

@media screen and (max-height: 744px) {
    #location-container[b-uwgtovf9fu] {
        display: block;
        color: white;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding-top: 5px;
    }

    #logo-icon[b-uwgtovf9fu] {
        display: none;
    }
}
/* /Pages/AuthPage.razor.rz.scp.css */
.auth-container[b-pljwoxxe8g] {
    box-sizing: border-box;
    height: 100vh;
    margin: 0;
    background-size: cover, contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.form-container[b-pljwoxxe8g] {
    height: 100%;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
/* /Pages/MainPage.razor.rz.scp.css */
.router-component[b-obupu8bliv] {
    height: calc(100% - 80px - 60px);
}

@media screen and (max-height: 744px) {
    .router-component[b-obupu8bliv] {
        height: calc(100% - 80px);
    }
}