.Documents {
}

    .Documents .DataContainer {
        margin-top: 50px;
    }

        .Documents .DataContainer .DataTable {
            width: auto;
        }

            .Documents .DataContainer .DataTable .Type {
                border: solid 0px Black;
                overflow: hidden;
                width: 100px;
            }

            .Documents .DataContainer .DataTable .Reference {
                border: solid 0px Black;
                overflow: hidden;
                width: 80px;
            }

            .Documents .DataContainer .DataTable .ReferenceDate {
                border: solid 0px Black;
                overflow: hidden;
                width: 100px;
            }

            .Documents .DataContainer .DataTable .DriverFixNumber {
                border: solid 0px Black;
                overflow: hidden;
                width: 80px;
            }

            .Documents .DataContainer .DataTable .CustomerFixNumber {
                border: solid 0px Black;
                overflow: hidden;
                width: 80px;
            }

            .Documents .DataContainer .DataTable .Details {
                border: solid 0px Black;
                overflow: hidden;
                width: calc(100vw - 1080px);
            }

            .Documents .DataContainer .DataTable .Status {
                border: solid 0px Black;
                overflow: hidden;
                width: 100px;
            }

            .Documents .DataContainer .DataTable .TotalPrice {
                border: solid 0px Black;
                overflow: hidden;
                width: 100px;
            }

            .Documents .DataContainer .DataTable .TotalPriceWithVat {
                border: solid 0px Black;
                overflow: hidden;
                width: 100px;
            }

            .Documents .DataContainer .DataTable .More {
                border: solid 0px Black;
                overflow: hidden;
                width: 30px;
            }

            .Documents .DataContainer .DataTableBody {
                height: calc(100vh - 400px);
                overflow-x: hidden;
                overflow-y: auto;
            }

    .Documents .DataElements {
        margin-top: 50px;
    }

.DocumentModal {
}

    .DocumentModal .modal-dialog {
        margin-top: 90px;
        max-width: none;
    }

    .DocumentModal .LabCardModal .modal-header {
        height: 140px;
    }

    .DocumentModal .modal-header {
        border-bottom: none !important;
        height: 120px;
        margin-bottom: 10px;
    }

        .DocumentModal .modal-header .Title {
            border-bottom: solid 1px #cccccc;
            color: var(--custom-color-1);
            font-size: 26px;
            font-weight: 500;
            padding-bottom: 10px;
        }

            .DocumentModal .modal-header .Title .Line2 {
                font-size: 16px;
                font-weight: 400;
            }

            .DocumentModal .modal-header .Title .Connector {
                color: #565B60;
                font-size: 15px;
                font-weight: 400;
            }

            .DocumentModal .modal-header .Title .ReferenceDate {
                color: #565B60;
                font-size: 15px;
                font-weight: 400;
            }

    .DocumentModal .modal-body {
        max-height: calc(100vh - 250px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .DocumentModal .Details {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

        .DocumentModal .Details .FieldContainer {
            display: flex;
        }

            .DocumentModal .Details .FieldContainer .FieldTitle {
                color: rgba(86, 91, 96, 0.6);
                width: 100px;
            }

            .DocumentModal .Details .FieldContainer .FieldValue {
                color: rgba(86, 91, 96, 1);
            }

    .DocumentModal .Buttons {
        margin-top: 20px;
    }

        .DocumentModal .Buttons button {
            margin-left: 20px;
        }

.DocumentSendRequestModal {
}

    .DocumentSendRequestModal .modal-dialog {
        margin-top: 230px;
    }

    .DocumentSendRequestModal input {
        margin-top: 10px;
    }

    .DocumentSendRequestModal button {
        margin-top: 10px;
    }


.LabCards {
}

    .LabCards .DataContainer {
        margin-top: 50px;
    }

        .LabCards .DataContainer .DataTableBody {
            height: calc(100vh - 400px);
            overflow-x: hidden;
            overflow-y: auto;
        }

        .LabCards .DataContainer .DataTable {
            width: auto;
        }

            .LabCards .DataContainer .DataTable .Type {
                overflow: hidden;
                width: 100px;
            }

            .LabCards .DataContainer .DataTable .LabCardNumber {
                overflow: hidden;
                width: 100px;
            }

            .LabCards .DataContainer .DataTable .ReferenceDate {
                overflow: hidden;
                width: 100px;
            }

            .LabCards .DataContainer .DataTable .DriverFixNumber {
                overflow: hidden;
                width: 80px;
            }

            .LabCards .DataContainer .DataTable .CustomerFixNumber {
                overflow: hidden;
                width: 80px;
            }

            .LabCards .DataContainer .DataTable .Details {
                overflow: hidden;
                width: calc(100vw - 1070px);
            }

            .LabCards .DataContainer .DataTable .ModelCode {
                overflow: hidden;
                width: 80px;
            }

            .LabCards .DataContainer .DataTable .ModelName {
                overflow: hidden;
                width: 100px;
            }

            .LabCards .DataContainer .DataTable .TotalPrice {
                overflow: hidden;
                width: 80px;
            }

            .LabCards .DataContainer .DataTable .More {
                overflow: hidden;
                width: 30px;
            }

    .LabCards .DataElements {
        margin-top: 50px;
    }

.LabCardRequestModal {
}

    .LabCardRequestModal .modal-dialog {
        margin-top: 230px;
    }

    .LabCardRequestModal input {
        margin-top: 10px;
    }

    .LabCardRequestModal button {
        margin-top: 10px;
    }

.PortalOrders {
}

    .PortalOrders .DataTable {
        margin-top: 50px;
    }

    .PortalOrders .DataElements {
        margin-top: 50px;
    }

.PortalOrderModal {
}

    .PortalOrderModal .modal-dialog {
    }

    .PortalOrderModal .Buttons {
        margin-top: 20px;
        text-align: left;
    }


@media (max-width: 575px) {
    .DocumentModal .modal-header .Title {
        font-size: 22px;
    }

        .DocumentModal .modal-header .Title .Connector {
            color: #565B60;
            font-size: 13px;
            font-weight: 400;
        }
}

@media (min-width: 576px) and (max-width: 767px) {
    .DocumentModal .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        width: calc(100vw - 20px) !important;
    }

    .DocumentModal .Buttons button {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px;
        width: calc(50vw - 50px);
    }

    .DocumentSendRequestModal .modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }

    .LabCardRequestModal .modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .DocumentModal .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        width: calc(100vw - 20px) !important;
    }
}

@media (min-width: 992px) {
    .DocumentModal .modal-dialog {
        max-width: none;
        width: 900px;
    }

    .DocumentModal th {
        white-space: nowrap;
    }
}

@media (min-width: 650px) {
    .PortalOrderModal .modal-dialog {
        max-width: none;
        width: 600px;
    }
}

@media (min-width: 1400px) {
    .Documents .DataContainer .DataTable .Type {
        border: solid 0px Black;
        overflow: hidden;
        width: 180px;
    }

    .Documents .DataContainer .DataTable .Reference {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }

    .Documents .DataContainer .DataTable .ReferenceDate {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }

    .Documents .DataContainer .DataTable .DriverFixNumber {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }

    .Documents .DataContainer .DataTable .CustomerFixNumber {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }

    .Documents .DataContainer .DataTable .Details {
        border: solid 0px Black;
        overflow: hidden;
        width: calc(100vw - 1290px);
    }

    .Documents .DataContainer .DataTable .Status {
        border: solid 0px Black;
        overflow: hidden;
        width: 150px;
    }

    .Documents .DataContainer .DataTable .TotalPrice {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }

    .Documents .DataContainer .DataTable .TotalPriceWithVat {
        border: solid 0px Black;
        overflow: hidden;
        width: 100px;
    }
}