.CollectionDocuments {
}

    .CollectionDocuments .Search {
    }

        .CollectionDocuments .Search .Buttons {
            border-bottom: solid 1px #dddddd;
            margin-bottom: 10px;
            padding-bottom: 10px;
            text-align: left;
        }

    .CollectionDocuments .SearchElement {
        margin-top: 5px;
    }

    .CollectionDocuments .Status {
        white-space: nowrap;
        margin-left: 15px;
    }

        .CollectionDocuments .Status .fa {
            width: 15px;
        }

    .CollectionDocuments table {
    }

        .CollectionDocuments table tbody {
        }

            .CollectionDocuments table tbody tr {
            }

                .CollectionDocuments table tbody tr:hover {
                    cursor: pointer;
                    opacity: 0.5;
                }

                .CollectionDocuments table tbody tr.Selected {
                    background-color: #eeeeee;
                    opacity: 1;
                }

    .CollectionDocuments .DocumentXS {
        background-color: #eeeeee;
        border-radius: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        padding: 10px;
    }

        .CollectionDocuments .DocumentXS .ReferenceDate {
            text-align: left;
        }

        .CollectionDocuments .DocumentXS .ReferenceTime {
            text-align: left;
        }

        .CollectionDocuments .DocumentXS .CustomerDetails {
            font-weight: bold;
        }


.CollectionDocument {
    min-height: 100vh;
}

    .CollectionDocument .PageContent {
    }

    .CollectionDocument .Buttons {
        border-bottom: solid 1px #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

    .CollectionDocument .DocumentInfo {
        border-bottom: solid 1px #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .CollectionDocument .Search {
        border-bottom: solid 1px #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .CollectionDocument .Search input {
        }

    .CollectionDocument .DisplayStyle {
        text-align: left;
    }

        .CollectionDocument .DisplayStyle .fa {
            cursor: pointer;
            font-size: 30px;
            margin-right: 10px;
            opacity: 0.5;
        }

            .CollectionDocument .DisplayStyle .fa.Active {
                cursor: default;
                opacity: 1;
            }

            .CollectionDocument .DisplayStyle .fa:hover {
                opacity: 1;
            }

    .CollectionDocument .DisplayStyle2 {
    }

        .CollectionDocument .DisplayStyle2 .Remark {
            border-top: none;
            font-weight: bold;
        }

        .CollectionDocument .DisplayStyle2 .Remark td {
            border-top: none;
        }

        .CollectionDocument .DisplayStyle2 .QuantityContainer {
            display: flex;
        }

            .CollectionDocument .DisplayStyle2 .QuantityContainer input {
                width: 80px;
            }

            .CollectionDocument .DisplayStyle2 .QuantityContainer button {
                margin-right: 10px;
            }

    .CollectionDocument .RowsCountHeader {
        background-color: #eeeeee;
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        padding: 10px;
    }

    .CollectionDocument .DocumentRows {
    }

        .CollectionDocument .DocumentRows .DocumentRow {
            border: dotted 3px #000000;
            border-radius: 10px;
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 20px;
            padding: 10px;
        }

        @media (max-width: 600px) {
            .CollectionDocument .DocumentRows .DocumentRow {
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 20px;
                padding: 10px;
            }
        }

        .CollectionDocument .DocumentRows .DocumentRow.Handled {
            border: solid 3px #000000;
        }

        .CollectionDocument .DocumentRows .DocumentRow.UnHandled {
            border: dotted 3px #000000;
        }

            .CollectionDocument .DocumentRows .DocumentRow .PositionContainer {
                margin-top: -22px;
            }

                .CollectionDocument .DocumentRows .DocumentRow .PositionContainer .Position {
                    background-color: #888888;
                    border-radius: 15px;
                    color: #ffffff;
                    height: 30px;
                    margin-left: 0px;
                    margin-right: auto;
                    padding-top: 5px;
                    text-align: center;
                    width: 30px;
                }

            .CollectionDocument .DocumentRows .DocumentRow .FieldContainer {
                display: flex;
                font-weight: bold;
                margin-top: 10px;
            }

                .CollectionDocument .DocumentRows .DocumentRow .FieldContainer .FieldTitle {
                    font-weight: 400;
                    width: 130px;
                }

                .CollectionDocument .DocumentRows .DocumentRow .FieldContainer input {
                    width: 100px;
                }

                .CollectionDocument .DocumentRows .DocumentRow .FieldContainer button {
                    margin-right: 10px;
                }

            .CollectionDocument .DocumentRows .DocumentRow .QuantitiesContainer {
                border-top: solid 1px #aaaaaa;
                margin-top: 10px;
            }

    .CollectionDocument .Collected {
        border-top: solid 1px #000000;
        margin-top: 20px;
    }

        .CollectionDocument .Collected .DocumentRow {
            border: solid 3px #000000;
            border-radius: 10px;
            margin-top: 20px;
            padding: 10px;
        }

            .CollectionDocument .Collected .DocumentRow .PositionContainer {
                margin-top: -22px;
            }

                .CollectionDocument .Collected .DocumentRow .PositionContainer .Position {
                    background-color: #888888;
                    border-radius: 15px;
                    color: #ffffff;
                    height: 30px;
                    margin-left: 0px;
                    margin-right: auto;
                    padding-top: 5px;
                    text-align: center;
                    width: 30px;
                }

            .CollectionDocument .Collected .DocumentRow .FieldContainer {
                display: flex;
                font-weight: bold;
                margin-top: 10px;
            }

                .CollectionDocument .Collected .DocumentRow .FieldContainer .FieldTitle {
                    font-weight: 400;
                    width: 130px;
                }

                .CollectionDocument .Collected .DocumentRow .FieldContainer input {
                    width: 100px;
                }

                .CollectionDocument .Collected .DocumentRow .FieldContainer button {
                    margin-right: 10px;
                }

            .CollectionDocument .Collected .DocumentRow .QuantitiesContainer {
                border-top: solid 1px #aaaaaa;
                margin-top: 10px;
            }

.CollectionHasRemainder {
}

    .CollectionHasRemainder table {
    }

        .CollectionHasRemainder table tr {
            cursor: pointer;
        }

            .CollectionHasRemainder table tr:hover {
                opacity: 0.5;
            }

.CollectionDocumentRowModal {
}

    .CollectionDocumentRowModal .Buttons {
        border-top: solid 1px #dddddd;
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
    }

    .CollectionDocumentRowModal .hc-row {
        margin-top: 10px;
    }

.PackingDocumentModal {
}

    .PackingDocumentModal .modal-dialog {
    }

    .PackingDocumentModal .Search {
        margin-top: 20px;
    }

        .PackingDocumentModal .Search input {
        }

    .PackingDocumentModal .UnPacked {
    }

        .PackingDocumentModal .UnPacked .DocumentRow {
            background-color: #dddddd;
            border-radius: 10px;
            margin-top: 20px;
            padding: 10px;
        }

            .PackingDocumentModal .UnPacked .DocumentRow .PositionContainer {
                margin-top: -22px;
            }

                .PackingDocumentModal .UnPacked .DocumentRow .PositionContainer .Position {
                    background-color: #888888;
                    border-radius: 15px;
                    color: #ffffff;
                    height: 30px;
                    margin-left: 0px;
                    margin-right: auto;
                    padding-top: 5px;
                    text-align: center;
                    width: 30px;
                }

            .PackingDocumentModal .UnPacked .DocumentRow .FieldContainer {
                display: flex;
                font-weight: bold;
                margin-top: 10px;
            }

                .PackingDocumentModal .UnPacked .DocumentRow .FieldContainer .FieldTitle {
                    font-weight: 400;
                    width: 130px;
                }

                .PackingDocumentModal .UnPacked .DocumentRow .FieldContainer input {
                    width: 100px;
                }

                .PackingDocumentModal .UnPacked .DocumentRow .FieldContainer button {
                    margin-right: 10px;
                }

            .PackingDocumentModal .UnPacked .DocumentRow .QuantitiesContainer {
                border-top: solid 1px #aaaaaa;
                margin-top: 10px;
            }

    .PackingDocumentModal .Units {
        margin-top: 10px;
        padding-top: 10px;
    }

    .PackingDocumentModal .Buttons {
        border-top: solid 1px rgba(0, 0, 0, 0.5);
        margin-top: 30px;
        padding-top: 20px;
    }

.PreviewCollectionStickersModal {
}

    .PreviewCollectionStickersModal .StickerImageContainer {
        margin-top: 10px;
        text-align: center;
    }

        .PreviewCollectionStickersModal .StickerImageContainer img {
            border: dotted 1px #000000;
        }

.CollectionStickerTemplates {
}

    .CollectionStickerTemplates .TemplateRow {
        display: flex;
    }

        .CollectionStickerTemplates .TemplateRow .RowNumber {
            padding: 9px;
        }

        .CollectionStickerTemplates .TemplateRow .TemplateItem {
            border: solid 1px Black;
            margin: 3px;
            padding: 6px
        }