@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.3eliywa438.bundle.scp.css';

/* _content/LTAI.WebApp/Components/AuthButton/AuthButtonComponent.razor.rz.scp.css */
.auth-button-wrapper[b-bus9bpjaqu] {
    width: 100%;

}
/* _content/LTAI.WebApp/Components/BorderTopLine/BorderTopLineComponent.razor.rz.scp.css */
.border-top-line[b-1qdz1enlou] {
    width: 100%;
    height: 16px;
    background-color: #006E52;
}
/* _content/LTAI.WebApp/Components/CalculatedDataTable/CalculatedDataTableComponent.razor.rz.scp.css */
.calculated-data-table-wrapper[b-xbu3i9uhre] {
    display: none;
    width: 100%;
}

table[b-xbu3i9uhre] {
    width: 100%;
}

thead th[b-xbu3i9uhre] {
    background-color: #709775;
    color: white;
    text-align: left;
}

    tbody tr:nth-child(odd)[b-xbu3i9uhre] {
        background-color: #f9f9f9;
    }

tbody tr:nth-child(even)[b-xbu3i9uhre] {
    background-color: #e0e0e0;
}

tbody td[b-xbu3i9uhre] {
    padding: 10px;
    border: 1px solid #ccc;
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
}

th[b-xbu3i9uhre], td[b-xbu3i9uhre] {
    padding: 10px;
    text-align: left;
}
/* _content/LTAI.WebApp/Components/CalculationResult/CalculationResultComponent.razor.rz.scp.css */
.calculation-result-wrapper[b-xjixudak4s] {
    display: flex;
    flex-direction: column;
}

    .calculation-result-wrapper .calc-res-total-time[b-xjixudak4s] {
        padding: 10px 0;
        border-top: 1px solid #ccc;
        display: flex;
    }

        .calculation-result-wrapper .calc-res-total-time label[b-xjixudak4s] {
            width: 100%;
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            color: #373737;
        }

        .calculation-result-wrapper .calc-res-total-time .calc-result-field[b-xjixudak4s] {
            width: 100%;
            border: none;
            outline: none;
            background: transparent;
        }

        .calculation-result-wrapper .calc-res-total-time:last-child[b-xjixudak4s] {
            border-bottom: 1px solid #ccc;
            background: #E5EEEA;
        }

@media (max-width: 470px) {
    .calculation-result-wrapper[b-xjixudak4s] {
        width: 100%;
    }
}
/* _content/LTAI.WebApp/Components/CalculationsBlock/CalculationsBlockComponent.razor.rz.scp.css */
.calculation-block-wrapper[b-7uhl19416i] {
    display: flex;
    gap: 32px;
    background: #F5F5F5;
    padding: 16px 0;
    justify-content: center;
}
    .calculation-block-wrapper .calc-block-right-side[b-7uhl19416i],
    .calculation-block-wrapper .calc-block-left-side[b-7uhl19416i] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 300px;
    }

        .calculation-block-wrapper .calc-block-right-side .calc-block-item[b-7uhl19416i],
        .calculation-block-wrapper .calc-block-left-side .calc-block-item[b-7uhl19416i] {
            display: flex;
            align-items: center;
            gap: 16px;
            justify-content: end;
        }

.calc-block-item label[b-7uhl19416i] {
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: #242424;
}

.calc-block-item .calc-block-editable-input[b-7uhl19416i] {
    background: none;
    border: none;
}

.calc-block-item .calc-block-editable-input:focus-within[b-7uhl19416i] {
    background: #ffffff;
}

@media (max-width: 950px) {
    .calculation-block-wrapper[b-7uhl19416i] {
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
    }
}

@media (max-width: 470px) {
    .calculation-block-wrapper[b-7uhl19416i] {
        padding: 8px;
        overflow-x: auto;
    }
}
/* _content/LTAI.WebApp/Components/CreateCompanyModal/CreateCompany/CreateCompanyComponent.razor.rz.scp.css */
.create-company-wrapper[b-q9dvxmfcs3] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .create-company-wrapper .create-company-title[b-q9dvxmfcs3] {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        color: #242424;
    }

    .create-company-wrapper .create-company-form-wrapper[b-q9dvxmfcs3] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .create-company-wrapper .create-company-form-wrapper .create-company-fields-block[b-q9dvxmfcs3] {
            display: flex;
            gap: 16px;
            width: 100%;
        }

            .create-company-wrapper .create-company-form-wrapper .create-company-fields-block .copmany-form-field[b-q9dvxmfcs3] {
                display: flex;
                flex-direction: column;
                gap: 8px;
                width: 50%;
            }

    .create-company-wrapper .create-company-actions[b-q9dvxmfcs3] {
        display: flex;
        gap: 16px;
        width: 100%;
    }

        .create-company-wrapper .create-company-actions .primary-button[b-q9dvxmfcs3],
        .create-company-wrapper .create-company-actions .secondary-button[b-q9dvxmfcs3] {
            width: 50%;
        }

@media (max-width: 550px) {
    .create-company-wrapper .create-company-form-wrapper .create-company-fields-block[b-q9dvxmfcs3] {
        flex-direction: column;
    }

        .create-company-wrapper .create-company-form-wrapper .create-company-fields-block .copmany-form-field[b-q9dvxmfcs3] {
            width: 100%;
        }
}
/* _content/LTAI.WebApp/Components/CreateCompanyModal/CreateCompanyModalComponent.razor.rz.scp.css */
.create-company-modal-wrapper[b-0d79ff32a1] {
}

    .create-company-modal-wrapper .create-status-header[b-0d79ff32a1] {
        display: flex;
        justify-content: space-between;
    }

        .create-company-modal-wrapper .create-status-header .close-button[b-0d79ff32a1]{
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .create-company-modal-wrapper .create-status-header .close-button:hover[b-0d79ff32a1] {
                cursor: pointer;
                background: #F5F5F5;
            }

        .create-company-modal-wrapper .create-status-header[b-0d79ff32a1] {
            margin-bottom: 32px;
        }

        .create-company-modal-wrapper .create-status-header .create-status-info[b-0d79ff32a1] {
            display: flex;
            gap: 16px;
            align-items: center;
        }

            .create-company-modal-wrapper .create-status-header .create-status-info .step-divider[b-0d79ff32a1] {
                width: 32px;
                height: 1px;
                background: #D1D1D1;
            }

            .create-company-modal-wrapper .create-status-header .create-status-info .create-customer-step[b-0d79ff32a1],
            .create-company-modal-wrapper .create-status-header .create-status-info .create-company-step[b-0d79ff32a1] {
                display: flex;
                gap: 16px;
                align-items: center;
            }

                .create-company-modal-wrapper .create-status-header .create-status-info .create-customer-step .step-circle[b-0d79ff32a1],
                .create-company-modal-wrapper .create-status-header .create-status-info .create-company-step .step-circle[b-0d79ff32a1] {
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    border: 1px solid #006E52;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    color: #006E52;
                }

                .create-company-modal-wrapper .create-status-header .create-status-info .create-customer-step .step-name[b-0d79ff32a1],
                .create-company-modal-wrapper .create-status-header .create-status-info .create-company-step .step-name[b-0d79ff32a1] {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 28px;
                    color: #006E52;
                }

                .create-company-modal-wrapper .create-status-header .create-status-info .create-company-step .step-circle.created[b-0d79ff32a1] {
                    background: #006E52;
                }

                .create-company-modal-wrapper .create-status-header .create-status-info .create-customer-step.disabled[b-0d79ff32a1] {
                    opacity: .3;
                }
/* _content/LTAI.WebApp/Components/CreateCustomerModal/CreateCustomer/CreateCustomerComponent.razor.rz.scp.css */
.create-customer-wrapper[b-vxciqzjitg] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .create-customer-wrapper .create-customer-title[b-vxciqzjitg] {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        color: #242424;
    }

    .create-customer-wrapper .create-customer-form-wrapper[b-vxciqzjitg] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .create-customer-wrapper .create-customer-form-wrapper .create-customer-fields-block[b-vxciqzjitg] {
            display: flex;
            gap: 16px;
            width: 100%;
        }

            .create-customer-wrapper .create-customer-form-wrapper .create-customer-fields-block .customer-form-field.email-field[b-vxciqzjitg] {
                width: 50%;
            }

            .create-customer-wrapper .create-customer-form-wrapper .create-customer-fields-block .customer-form-field[b-vxciqzjitg] {
                display: flex;
                flex-direction: column;
                gap: 8px;
                width: 50%;
            }

    .create-customer-wrapper .create-customer-actions[b-vxciqzjitg] {
        display: flex;
        gap: 16px;
        width: 100%;
    }

        .create-customer-wrapper .create-customer-actions .primary-button[b-vxciqzjitg],
        .create-customer-wrapper .create-customer-actions .secondary-button[b-vxciqzjitg] {
            width: 50%;
        }

@media (max-width: 550px) {
    .create-customer-wrapper .create-customer-form-wrapper .create-customer-fields-block[b-vxciqzjitg] {
        flex-direction: column;
    }

        .create-customer-wrapper .create-customer-form-wrapper .create-customer-fields-block .customer-form-field[b-vxciqzjitg] {
            width: 100%;
        }
}
/* _content/LTAI.WebApp/Components/CreateCustomerModal/CreateCustomerModalComponent.razor.rz.scp.css */
/* _content/LTAI.WebApp/Components/Documents/DocumentsComponent.razor.rz.scp.css */
.documents-wrapper[b-odoq5paqz0] {
    display: flex;
    gap: 24px;
}

    .documents-wrapper .document-item[b-odoq5paqz0] {
        display: flex;
        gap: 4px;
        align-items: center;
        padding: 5px 10px;
        border-radius: 5px;
        position: relative;
        justify-content: space-between;
        height: 40px;
    }

        .documents-wrapper .document-item .delete-button-action[b-odoq5paqz0] {
            display: none;
        }

        .documents-wrapper .document-item:hover .delete-button-action[b-odoq5paqz0] {
            display: block;
            background: none;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
        }

            .documents-wrapper .document-item:hover .delete-button-action[b-odoq5paqz0]::after {
                margin: 0;
            }

            .documents-wrapper .document-item:hover[b-odoq5paqz0] {
                cursor: pointer;
                background-color: rgba(211, 211, 211, 0.5);
            }

        .documents-wrapper .document-item label:hover[b-odoq5paqz0]{
            cursor: pointer;
        }

        .documents-wrapper .document-item label[b-odoq5paqz0] {
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            color: #373737;
        }

@media (max-width: 470px) {
    .documents-wrapper[b-odoq5paqz0] {
        flex-direction: column;
    }
}
/* _content/LTAI.WebApp/Components/Header/HeaderComponent.razor.rz.scp.css */
.header-wrapper[b-1k1su9l50g] {
    width: 100%;
    height: 72px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 64px 0 32px;
}

    .header-wrapper .header-logo[b-1k1su9l50g] {
        background: url("img/svg/logo_LTAI.svg") center no-repeat;
        height: 100%;
        width: 101px;
    }

        .header-wrapper .header-logo:hover[b-1k1su9l50g] {
            cursor: pointer;
        }

        .header-wrapper .header-user-logo[b-1k1su9l50g] {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #CBDED6;
            align-items: center;
            display: flex;
            justify-content: center;
        }

            .header-wrapper .header-user-logo label:hover[b-1k1su9l50g] {
                cursor: pointer;
            }

            .header-wrapper .header-user-logo:hover[b-1k1su9l50g] {
                cursor: pointer;
                opacity: .7;
            }

            .header-wrapper .header-user-logo label[b-1k1su9l50g] {
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: #006E52;
            }

    .header-wrapper .header-wrapper-burger-menu[b-1k1su9l50g] {
        display: none;
    }

    @media (max-width: 768px) {
        .header-wrapper[b-1k1su9l50g] {
/*        justify-content: center;*/
            padding: 0 16px;
        }

            .header-wrapper .header-wrapper-burger-menu[b-1k1su9l50g] {
                display: block;
                background: url("img/svg/burger-menu.svg") center no-repeat;
                width: 24px;
                height: 100%;
            }

            .header-wrapper .header-user-logo[b-1k1su9l50g] {
                height: 32px;
                width: 32px;
            }

                .header-wrapper .header-user-logo label[b-1k1su9l50g] {

                }
    }
/* _content/LTAI.WebApp/Components/Loader/LoaderComponent.razor.rz.scp.css */
.loader-wrapper[b-6iadrwjmgg] {
    width: 0;
    height: 0;
}

    .loader-wrapper .loader-black-background[b-6iadrwjmgg] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(1px);
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 998;
    }

    .loader-wrapper .circle-loader[b-6iadrwjmgg] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
    }
/* _content/LTAI.WebApp/Components/SideMenu/FilterBlock/FilterBlockComponent.razor.rz.scp.css */
.filter-block-wrapper[b-hfamip8vya] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
}

    .filter-block-wrapper .filter-block-header[b-hfamip8vya] {
        display: flex;
        justify-content: space-between;
    }

        .filter-block-wrapper .filter-block-header .block-title label[b-hfamip8vya] {
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #242424;
        }

    .filter-block-wrapper .filter-block-field[b-hfamip8vya] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .filter-block-wrapper .filter-block-actions[b-hfamip8vya] {
        display: flex;
        gap: 20px;
    }

    .filter-block-wrapper .filter-block-actions .filter-block-add .filter-block-add-button[b-hfamip8vya] {
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration-line: underline;
        color: #6E1B00;
        border: none;
        background: none;
        padding: 0;
    }

        .filter-block-wrapper .filter-block-actions .clear-filters .clear-filter-button[b-hfamip8vya] {
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-decoration-line: underline;
            color: #C50F1F;
            border: none;
            background: none;
            padding: 0;
        }

    .filter-block-wrapper .filter-block-add .filter-block-add-button:hover[b-hfamip8vya] {
        opacity: .7;
        transition: .2s;
    }

@media (max-width: 768px) {
    .filters-container .filter-block-wrapper[b-hfamip8vya] {
        width: 268px;
    }
}
/* _content/LTAI.WebApp/Components/SideMenu/SideMenuComponent.razor.rz.scp.css */
.side-menu-wrapper[b-2sn85slbqi] {
    background: #CBDED6;
    height: 100%;
    padding-top: 96px;
    padding-left: 54px;
    width: 328px;
    border-right: 1px solid #D9D9D9;
}

    .side-menu-wrapper .side-menu-filters[b-2sn85slbqi] {
        height: calc(100% - 300px);
    }

        .side-menu-wrapper .side-menu-filters .filters-container[b-2sn85slbqi] {
            height: 100%;
        }

        .side-menu-wrapper .side-menu-filters .filters-container .filter-scrollable-container[b-2sn85slbqi] {
            position: absolute;
        }

        .side-menu-wrapper .side-menu-items .back-to-main[b-2sn85slbqi],
        .side-menu-wrapper .side-menu-filters[b-2sn85slbqi] {
            padding-left: 10px;
        }

    .side-menu-wrapper .side-menu-items .back-to-main[b-2sn85slbqi],
    .side-menu-wrapper .side-menu-filters .filters-search-field[b-2sn85slbqi],
    .side-menu-wrapper .side-menu-filters .filters-apply[b-2sn85slbqi] {
        padding-right: 32px;
    }

        .side-menu-wrapper .side-menu-items .back-to-main .back-to-main-button[b-2sn85slbqi] {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            padding: 14px;
        }

    .side-menu-wrapper .side-menu-items[b-2sn85slbqi] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .side-menu-wrapper .side-menu-items .side-menu-items-wrapper.home-page[b-2sn85slbqi] {
            margin-top: 32px;
        }

        .side-menu-wrapper .side-menu-items .side-menu-item[b-2sn85slbqi] {
            display: flex;
            gap: 8px;
            margin-right: 20px;
            padding: 8px 10px 8px 10px;
            align-items: center;
        }

    .side-menu-wrapper .side-menu-filters.home-page[b-2sn85slbqi] {
        margin-top: 16px;
    }

            .side-menu-wrapper .side-menu-items .side-menu-item:hover[b-2sn85slbqi] {
                background: rgb(183, 200, 193);
                border-radius: 5px;
                cursor: pointer;
            }

            .side-menu-wrapper .side-menu-items .side-menu-item label:hover[b-2sn85slbqi] {
                cursor: pointer;
            }

            .side-menu-wrapper .side-menu-items .side-menu-item label[b-2sn85slbqi] {
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                color: #6E1B00;
            }

            .side-menu-wrapper .side-menu-items .side-menu-item.active label[b-2sn85slbqi] {
                font-weight: 700;
            }

            .side-menu-wrapper .side-menu-filters[b-2sn85slbqi] {
                margin-top: 32px;
            }

        .side-menu-wrapper .side-menu-filters .filters-title[b-2sn85slbqi] {
            display: flex;
            gap: 8px;
            align-items: center;
        }

            .side-menu-wrapper .side-menu-filters .filters-title label[b-2sn85slbqi] {
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                color: #6E1B00;
            }

        .side-menu-wrapper .side-menu-filters .filters-search-field[b-2sn85slbqi] {
            margin-top: 28px;
            margin-bottom: 8px;
        }

        .side-menu-wrapper .side-menu-filters .filters-container[b-2sn85slbqi] {
            position: relative;
            overflow-y: auto;
            margin-right: 4px;
        }


        .side-menu-wrapper .side-menu-filters .filters-apply[b-2sn85slbqi] {
            margin-top: 24px;
        }

.side-menu-wrapper > .close-icon[b-2sn85slbqi] {
    display: none;
}

@media (max-width: 768px) {
    .side-menu-wrapper[b-2sn85slbqi] {
        padding-top: 72px;
        padding-left: 16px;
        position: relative;
    }

    .side-menu-wrapper > .close-icon[b-2sn85slbqi] {
        position: absolute;
        top: 20px;
        right: 32px;
        display: block;
    }

    .side-menu-wrapper > .close-icon > img[b-2sn85slbqi] {
        user-select: none;
        cursor: pointer;
    }
    
    .side-menu-wrapper .side-menu-filters .filters-search-field[b-2sn85slbqi] {
        padding-right: 32px;
    }
    
    .side-menu-wrapper .back-to-main[b-2sn85slbqi] {
        padding: 0 32px 0 0;
    }
}
/* _content/LTAI.WebApp/Components/UploadFile/UploadFileComponent.razor.rz.scp.css */
.upload-file-wrapper[b-vbttvgfl0n] {
    display: flex;
    justify-content: space-between;
    padding: 52px 32px 52px 64px;
    background: #E5EEEA;
    border-top: 1px solid #D9D9D9;
}

    .upload-file-wrapper .upload-file-contract .upload-file-allowed-expansion[b-vbttvgfl0n],
    .upload-file-wrapper .upload-file-sof .upload-file-allowed-expansion[b-vbttvgfl0n] {
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        color: #616161;
        margin-top: 8px;
    }

    .upload-file-wrapper .upload-file-sof[b-vbttvgfl0n],
    .upload-file-wrapper .upload-file-contract[b-vbttvgfl0n] {
        width: 30%;
    }

@media (max-width: 850px) {
    .upload-file-wrapper[b-vbttvgfl0n] {
        width: 100%;
        flex-direction: column;
        padding: 32px;
    }

        .upload-file-wrapper .upload-file-sof[b-vbttvgfl0n],
        .upload-file-wrapper .upload-file-contract[b-vbttvgfl0n] {
            width: 100%;
        }
}
/* _content/LTAI.WebApp/Pages/CalculateDocuments/CalculateDocumentsPage.razor.rz.scp.css */
.calculate-document-wrapper[b-1x9dw1h2qn] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .calculate-document-wrapper .calc-document-content[b-1x9dw1h2qn] {
        padding: 32px 64px 0 64px;
    }

        .calculate-document-wrapper .calc-document-content .calc-doc-calculated-info[b-1x9dw1h2qn] {
            display: flex;
            gap: 32px;
            padding-top: 32px;
            justify-content: space-between;
        }

.calc-doc-calculated-info .calc-doc-report[b-1x9dw1h2qn] {
    width: 80%;
}

.calc-doc-calculated-info .calc-doc-buttons-vertical[b-1x9dw1h2qn] {
    display: flex;
    flex-direction: column-reverse;
    align-items: end;
    gap: 12px;
    width: 20%;
}

.calculate-document-wrapper .calc-document-content .calc-doc-table[b-1x9dw1h2qn] {
    margin-top: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

    .calculate-document-wrapper .calc-document-content .calc-doc-table .calc-doc-table-wrapper[b-1x9dw1h2qn] {
        min-width: 1000px;
    }

    .calculate-table-class .text-field-editable-time-to-count[b-1x9dw1h2qn],
    .calculate-table-class .text-field-editable[b-1x9dw1h2qn],
    .calculate-table-class .time-field-editable[b-1x9dw1h2qn],
    .calculate-table-class .date-field-editable[b-1x9dw1h2qn] {
        background: none;
        border: none;
        resize: none;
        width: 100%;
    }

        .calculate-table-class .time-field-editable[b-1x9dw1h2qn]::-webkit-calendar-picker-indicator,
        .calculate-table-class .date-field-editable[b-1x9dw1h2qn]::-webkit-inner-spin-button,
        .calculate-table-class .date-field-editable[b-1x9dw1h2qn]::-webkit-calendar-picker-indicator {
            display: none;
            -webkit-appearance: none;
        }

.calculate-table-class .text-field-editable-time-to-count[b-1x9dw1h2qn] {
    width: 50%;
}

.calc-document-content .calc-doc-result[b-1x9dw1h2qn] {
    width: 50%;
    margin: 16px auto;
}


.calc-document-content .calc-doc-save-actions[b-1x9dw1h2qn] {
    width: 100%;
    display: flex;
    justify-content: end;
}

.calc-document-content .calc-doc-buttons[b-1x9dw1h2qn] {
    display: flex;
    gap: 32px;
    width: 40%;
    margin-top: 32px;
    margin-bottom: 64px;
}

@media (max-width: 750px) {
    .calc-document-content .calc-doc-calculated-info[b-1x9dw1h2qn] {
        flex-direction: column;
    }

        .calc-document-content .calc-doc-calculated-info .calc-doc-report[b-1x9dw1h2qn] {
            width: 100%;
        }

        .calc-document-content .calc-doc-calculated-info .calc-doc-button[b-1x9dw1h2qn] {
            width: 100%;
        }

    .calc-document-content .calc-doc-save-actions .calc-doc-buttons[b-1x9dw1h2qn] {
        width: 100%;
    }

    .calc-document-content .calc-doc-result[b-1x9dw1h2qn] {
        width: 100%;
    }

    
}

@media (max-width: 850px) {
    .calculate-document-wrapper .calc-document-content[b-1x9dw1h2qn] {
        padding: 32px;
    }
}
/* _content/LTAI.WebApp/Pages/Companies/CompaniesPage.razor.rz.scp.css */
.companies-wrapper[b-iqg4yezuia] {
    padding: 24px 64px 64px 32px;
    height: 100%;
}

.companies-wrapper .companies-header[b-iqg4yezuia] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.companies-wrapper .companies-header .companies-title[b-iqg4yezuia] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.companies-wrapper .companies-header .companies-title h2[b-iqg4yezuia] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373737;
    margin: 0;
}

.companies-wrapper .companies-header .companies-title label[b-iqg4yezuia] {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #373737;
}

.companies-wrapper .companies-header .companies-add-company[b-iqg4yezuia] {
    display: flex;
    align-items: end;
}

.companies-wrapper .companies-search[b-iqg4yezuia] {
    margin-bottom: 16px;
}

.companies-wrapper .customer-table-pagination[b-iqg4yezuia] {
    margin-top: 32px;
}

.companies-wrapper .companies-table[b-iqg4yezuia] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.companies-wrapper .companies-table .companies-table-wrapper[b-iqg4yezuia] {
    min-width: 750px;
}



@media (max-width: 450px) {

    .companies-wrapper .companies-header[b-iqg4yezuia] {
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .companies-wrapper[b-iqg4yezuia] {
        padding: 24px 32px;
    }
}
/* _content/LTAI.WebApp/Pages/Customers/CustomersPage.razor.rz.scp.css */
.customers-wrapper[b-eubayozeft] {
    padding: 24px 64px 64px 32px;
    height: 100%;
}

    .customers-wrapper .customers-header[b-eubayozeft] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }

        .customers-wrapper .customers-header .customers-title[b-eubayozeft] {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

            .customers-wrapper .customers-header .customers-title h2[b-eubayozeft] {
                font-size: 20px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                color: #373737;
                margin: 0;
            }

            .customers-wrapper .customers-header .customers-title label[b-eubayozeft] {
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                color: #373737;
            }

        .customers-wrapper .customers-header .customers-add-company[b-eubayozeft] {
            display: flex;
            align-items: end;
        }

    .customers-wrapper .customers-search[b-eubayozeft] {
        margin-bottom: 16px;
    }

    .customers-wrapper .customer-table-pagination[b-eubayozeft] {
        margin-top: 32px;
    }

    .customers-wrapper .customers-table[b-eubayozeft] {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .customers-wrapper .customers-table .customers-table-wrapper[b-eubayozeft] {
            min-width: 750px;
        }



@media (max-width: 450px) {

    .customers-wrapper .customers-header[b-eubayozeft] {
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .customers-wrapper[b-eubayozeft] {
        padding: 24px 32px;
    }
}
/* _content/LTAI.WebApp/Pages/ForgotPassword/ForgotPasswordComponent.razor.rz.scp.css */
.forgot-password-wrapper[b-iet6ykhniq] {
    width: 100%;
}

    .forgot-password-wrapper .forgot-password-title label[b-iet6ykhniq] {
        font-size: 30px;
        font-weight: 600;
        line-height: 36px;
        color: #373737;
    }

    .forgot-password-wrapper .forgot-password-description[b-iet6ykhniq] {
        margin-top: 16px;
    }

        .forgot-password-wrapper .forgot-password-description label[b-iet6ykhniq] {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            color: #373737;
        }

    .forgot-password-wrapper .forgot-password-form[b-iet6ykhniq] {
        margin-top: 26px;
        display: flex;
        flex-direction: column;
    }

        .forgot-password-wrapper .forgot-password-form .forgot-password-form-email[b-iet6ykhniq] {
            display: flex;
            flex-direction: column;
            gap: 4px;
            margin-bottom: 32px;
        }

.forgot-password-back-to-login .back-to-login-link[b-iet6ykhniq] {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 24px;
}

.forgot-password-back-to-login .back-to-login-link[b-iet6ykhniq]::before {
    content: '';
    display: inline-block;
    background-image: url("img/svg/arrow-back.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

            .forgot-password-back-to-login .back-to-login-link label[b-iet6ykhniq] {
                font-size: 12px;
                font-weight: 500;
                color: #424242;
            }

                .forgot-password-back-to-login .back-to-login-link label:hover[b-iet6ykhniq] {
                    cursor: pointer;
                }

    .forgot-password-back-to-login .back-to-login-link:hover[b-iet6ykhniq] {
        cursor: pointer;
        transition: .2s;
        opacity: .7;
    }
/* _content/LTAI.WebApp/Pages/Main/MainPage.razor.rz.scp.css */
.main-page-wrapper[b-udzn6tai3h] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

    .main-page-wrapper .main-page-content[b-udzn6tai3h] {
        padding: 24px 64px 32px;
        height: calc(100% - 150px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .main-page-wrapper .main-page-content .main-page-table[b-udzn6tai3h] {
            width: 100%;
            overflow-x: auto;
        }

            .main-page-wrapper .main-page-content .main-page-table .main-table-scroller[b-udzn6tai3h] {
                min-width: 920px;
            }

.main-page-wrapper .main-table-pagination[b-udzn6tai3h] {
    margin-top: 32px;
}

@media (max-width: 768px) {
    .main-page-wrapper .main-page-content[b-udzn6tai3h] {
        padding: 24px 32px;
    }

    .main-page-wrapper .main-page-content[b-udzn6tai3h] {
        height: calc(100% - 120px);
    }
}
/* _content/LTAI.WebApp/Pages/Profile/ProfilePage.razor.rz.scp.css */
.profile-wrapper[b-qd4ok1mi6l] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.profile-wrapper > .profile-settings-title[b-qd4ok1mi6l] {
    margin-top: 67px;
    margin-left: 64px;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373737;
}

.profile-wrapper > .user-data[b-qd4ok1mi6l] {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 67px;
    row-gap: 64px;
}

.profile-wrapper > .user-data > .card-wrapper[b-qd4ok1mi6l] {
    margin-left: 64px;
    width: 264px;
    min-height: 203px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    padding-bottom: 10px;
}

.profile-wrapper > .user-data > .card-wrapper > .avatar[b-qd4ok1mi6l] {
    margin-top: 24px;
    width: 67px;
    height: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #CBDED6;
}

.profile-wrapper > .user-data > .card-wrapper > .avatar > .initials[b-qd4ok1mi6l] {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #006E52;
}

.profile-wrapper > .user-data > .card-wrapper > .user-info[b-qd4ok1mi6l] {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.profile-wrapper > .user-data > .card-wrapper > .user-info > .name[b-qd4ok1mi6l] {
    text-align: center;
    padding: 0 10px;
    
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #242424;
}

.profile-wrapper > .user-data > .card-wrapper > .user-info > .email[b-qd4ok1mi6l] {
    text-align: center;
    padding: 0 10px;
    
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #616161;
}

.profile-wrapper > .user-data > .profile-info[b-qd4ok1mi6l] {
    margin-left: 64px;
    display: flex;
    flex-direction: column;
}

.profile-wrapper > .user-data > .profile-info > .user-info[b-qd4ok1mi6l] {
    width: 462px;
    padding: 34px;
    
    display: grid;
    row-gap: 32px;
    grid-template-columns: 1fr 1fr;
    
    border-radius: 4px;
    border: 1px solid #D9D9D9;
}

.profile-wrapper > .user-data > .profile-info > .user-info > .block[b-qd4ok1mi6l] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.profile-wrapper > .user-data > .profile-info > .user-info > .block > .title[b-qd4ok1mi6l] {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #616161;
}

.profile-wrapper > .user-data > .profile-info > .user-info > .block > .value[b-qd4ok1mi6l] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #242424;
}

.profile-wrapper > .user-data > .profile-info > .change-password[b-qd4ok1mi6l] {
    margin-top: 16px;
    margin-bottom: 32px;
    width: fit-content;
    cursor: pointer;
    display: flex;
    gap: 8px;
}

.profile-wrapper > .user-data > .profile-info > .change-password > img[b-qd4ok1mi6l] {
    width: 20px;
    height: 20px;
    user-select: none;
}
    .profile-wrapper > .user-data > .profile-info .save-password-wrapper .save-password label[b-qd4ok1mi6l],
    .profile-wrapper > .user-data > .profile-info .save-password-wrapper .close-change-password label[b-qd4ok1mi6l],
    .profile-wrapper > .user-data > .profile-info > .change-password > label[b-qd4ok1mi6l] {
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        color: #006E52;
        cursor: pointer;
        user-select: none;
    }

    .profile-wrapper > .user-data > .profile-info .save-password-wrapper .close-change-password label[b-qd4ok1mi6l] {
        color: #C50F1F;
    }

    .profile-wrapper > .user-data > .profile-info .save-password-wrapper[b-qd4ok1mi6l] {
        display: flex;
        gap: 20px;
        margin-top: 24px;
    }

    @media only screen and (max-width: 540px) {
        .profile-wrapper[b-qd4ok1mi6l] {
        align-items: center;
    }

    .profile-wrapper > .user-data[b-qd4ok1mi6l] {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 64px;
    }    
    
    .profile-wrapper > .user-data > .card-wrapper[b-qd4ok1mi6l] {
        width: calc(100% - 64px);
        margin: 0 32px;
    }

    .profile-wrapper > .user-data > .profile-info[b-qd4ok1mi6l] {
        width: calc(100% - 64px);
        margin: 0 32px;
    }

    .profile-wrapper > .user-data > .profile-info > .user-info[b-qd4ok1mi6l] {
        width: 100%;
        grid-template-columns: 1fr;
        row-gap: 24px;
        height: unset;
    }
    
    .profile-wrapper > .profile-settings-title[b-qd4ok1mi6l] {
        margin-left: 0;
    }
}
/* _content/LTAI.WebApp/Pages/SignIn/SignInPage.razor.rz.scp.css */
.sign-in-wrapper[b-r6s4gtmxke] {
    width: 100%;
}

    .sign-in-wrapper .sign-in-title label[b-r6s4gtmxke] {
        font-size: 30px;
        font-weight: 600;
        font-family: "Inter";
        line-height: 36px;
        color: #373737;
    }

    .sign-in-wrapper .sign-in-description[b-r6s4gtmxke] {
        margin-top: 16px;
    }

        .sign-in-wrapper .sign-in-description label[b-r6s4gtmxke] {
            font-size: 18px;
            font-weight: 500;
            font-family: "Inter";
            line-height: 22px;
            color: #373737;
        }

    .sign-in-wrapper .sign-in-form[b-r6s4gtmxke] {
        display: flex;
        flex-direction: column;
        margin-top: 26px;
        gap: 16px;
    }

        .sign-in-wrapper .sign-in-form .sign-in-form-email[b-r6s4gtmxke],
        .sign-in-wrapper .sign-in-form .sign-in-form-password[b-r6s4gtmxke] {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        
        .sign-in-wrapper .sign-in-form .sign-in-remember-me[b-r6s4gtmxke] {
            display: flex;
            justify-content: space-between;
            margin-top: 16px;
            margin-bottom: 16px;
        }

            .sign-in-wrapper .sign-in-form .sign-in-remember-me input[type=checkbox][b-r6s4gtmxke] {
                width: 16px;
                height: 16px;
                accent-color: #006E52;
            }

            .sign-in-wrapper .sign-in-form .sign-in-remember-me .remember-me-wrapper[b-r6s4gtmxke] {
                display: flex;
                gap: 8px;
                align-items: center;
            }

                .sign-in-wrapper .sign-in-form .sign-in-remember-me .remember-me-wrapper label[b-r6s4gtmxke] {
                    color: #616161;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                }

                .sign-in-wrapper .sign-in-form .sign-in-remember-me .sign-in-forgot-password-link label[b-r6s4gtmxke] {
                    font-family: "Inter";
                    font-size: 12px;
                    font-weight: 500;
                    color: #424242;
                }

            .sign-in-wrapper .sign-in-form .sign-in-remember-me .sign-in-forgot-password-link label:hover[b-r6s4gtmxke]{
                cursor: pointer;
                opacity: .7;
                transition: .2s;
            }
/* _content/LTAI.WebApp/Shared/Layouts/Auth/AuthLayout.razor.rz.scp.css */
.auth-layout-wrapper[b-0gn6jj4ubp] {
    width: 100%;
    height: calc(100% - 16px);
}

    .auth-layout-wrapper .auth-layout-content[b-0gn6jj4ubp] {
        display: flex;
        width: 100%;
        height: 100%;
    }

        .auth-layout-wrapper .auth-layout-content .auth-layout-company-img[b-0gn6jj4ubp] {
            background: url("img/png/company-background-img.png") center no-repeat;
            background-size: cover;
            width: 50%;
            height: 100%;
            padding: 80px 64px;
        }

        .auth-layout-wrapper .auth-layout-content .auth-layout-form[b-0gn6jj4ubp] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .auth-layout-wrapper .auth-layout-content .auth-layout-form .auth-layout-form-content[b-0gn6jj4ubp] {
                width: 70%;
                max-width: 400px;
            }

            .auth-layout-company-img .auth-layout-logo[b-0gn6jj4ubp] {
                background: url(img/svg/logo_LTAI.svg) center no-repeat;
                background-size: contain;
                width: 185px;
                height: 67px;
            }

.auth-layout-company-img .auth-layout-title[b-0gn6jj4ubp] {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

    .auth-layout-company-img .auth-layout-title > span[b-0gn6jj4ubp] {
        font-size: 40px;
        line-height: 64px;
        font-weight: 500;
        font-family: "Montserrat";
        color: #FFFFFF;
        text-transform: uppercase;
    } 

    .auth-layout-wrapper .auth-layout-content .auth-layout-form[b-0gn6jj4ubp] {
        width: 50%;
        height: 100%;
    }

@media (max-width: 768px) {
    .auth-layout-wrapper .auth-layout-content .auth-layout-company-img[b-0gn6jj4ubp] {
        display: none;
    }

    .auth-layout-wrapper .auth-layout-content .auth-layout-form[b-0gn6jj4ubp] {
        width: 100%;
        padding: 32px;
    }

        .auth-layout-wrapper .auth-layout-content .auth-layout-form .auth-layout-form-content[b-0gn6jj4ubp] {
            width: 100%;
        }
}
/* _content/LTAI.WebApp/Shared/Layouts/Main/MainLayout.razor.rz.scp.css */
.main-layout-wrapper[b-j8xhdlmnuv] {
    height: 100%;
}

.main-layout-content[b-j8xhdlmnuv] {
    overflow-y: auto;
}

.main-layout-wrapper .main-layout-content-container[b-j8xhdlmnuv] {
    display: flex;
    width: 100%;
    height: calc(100% - 16px);
}

    .main-layout-wrapper .main-layout-content-container .main-layout-header[b-j8xhdlmnuv] {
        display: flex;
        flex-direction: column;
    }
            
            .main-layout-wrapper .main-layout-content-container .main-layout-header .main-layout-content[b-j8xhdlmnuv] {
                height: 100%;
            }
            
@media (max-width: 768px) {

    .main-layout-wrapper .main-layout-content-container[b-j8xhdlmnuv] {
        position: relative;
        overflow: hidden;
    }
    
    .main-layout-wrapper .main-layout-content-container .main-layout-menu[b-j8xhdlmnuv] {
        position: absolute;
        left: -328px;
        transition: all 200ms ease;
        z-index: 10;
        height: 100%;
    }

        .main-layout-wrapper .main-layout-content-container .main-layout-menu.shown-on-mobile[b-j8xhdlmnuv] {
            width: 200%;
            background: rgba(0, 0, 0, 0.40);
        }
    
    .main-layout-wrapper .main-layout-content-container .main-layout-header[b-j8xhdlmnuv] {
        width: 100% !important;
    }
}