﻿.print-body {
    margin-top: 16px;
    font-family: Arial, sans-serif;
    /*    margin: 0;*/
    /*    padding: 14px;*/
    /*    background: #f4f4f4;*/
    font-size: 14px !important;
    color: black;
}

.company {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .company .company-logo {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100px;
        object-fit: contain;
        overflow: hidden;
    }

    .company .company-name {
        font-size: 18px !important;
        text-transform: uppercase;
    }

    .company .company-address {
        max-width: 80%;
        text-align: center;
    }


.form-info {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .form-info .form-info-name {
        font-size: 24px !important;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-info .form-info-type {
        padding: 4px 0px;
        border-bottom: 1px dashed #333;
    }

.header-info {
    margin: 8px 0;
    display: flex;
    flex-direction:row;
}

    .header-info .header-info__box {
        flex: 1;
        margin: 8px 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .header-info .header-info__box .header-info__item {
            font-size: 14px;
            margin-top: 4px;
            display: flex;
            gap: 8px;
        }
            .header-info .header-info__box .header-info__item span {
                width: 120px;
            }
            .header-info .header-info__box .header-info__item .value {
                flex: 1;
            }

.table-info {
    margin-top: 8px;
    table-layout: fixed;
    border-collapse: collapse;
}

    .table-info h3 {
        font-size: 14px;
        font-weight: 700;
    }

    .table-info table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .table-info th,
    .table-info td {
        font-size: 11px;
/*        min-width: 90px;*/
        max-width: 90px;
        border: 1px solid #ccc;
        padding: 5px;
        text-align: center;
    }

    .table-info .tb-value {
        width: fit-content;
/*        font-size: 20px;*/
    }

        .table-info .tb-value.tb-value__time {
/*            font-size: 14px;*/
        }

        .table-info .tb-value.tb-value__no {
            
        }

        .table-info img {
            margin: 0 4px;
            max-height: 60px;
            object-fit: cover;
        }

.footer-info {
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inside-address {
    margin-top: 16px;
    margin-right: 52px;
    text-align: end;
    font-style: italic;
    font-size: 12px;
}

.signatures {
    margin-top: 8px;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-around;
    text-align: center;
}

    .signatures div {
        width: 30%;
        font-weight: 700;
        display: flex;
        flex-direction:column;
        gap: 8px;
    }

        .signatures div small {
            font-weight: 200;
        }
