#issued-invoice-bd-view-container {
    line-height: 35px;
    .page-container {
        margin: 10px 20px;
    }

    .page-search-container {

        .search-title {
            color: #a22;
            font-weight: bold;
        }

        .hide-search-btn {
            cursor: pointer;
            margin-left: 30px;
        }

        .search-form-body {
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-left: 0;
            line-height: 35px;

            .search-field {
                margin: 15px 0;
            }

            tr td {
                padding: 8px;
            }
        }

        .btn {
            height: 28px;
        }

        .btn-primary {
            color: #fff;
            background-color: #b4122a;
            float: right;
            width: 100px;
        }
    }

    .page-fast-search-container {
        .fast-search-field {
            display: inline-block;
            margin-right: 30px;
        }

        .btn {
            height: 28px;
        }

        .btn-primary {
            color: #000;
            background-color: #fae3e7;
            border: 1px #eea9b2 solid;
            float: right;
            width: 110px;
            margin-left: 25px;
            &:hover {
                background-color: #dc6900;
            }
        }
    }

    .data-grid-container {
        .grid-summary-line {
            border: 0;
            border-radius: 4px;
            display: inline-block;
            width: 90%;
            background-color: #fee;
            height: 30px;
            line-height: 30px;
            margin: 15px 0;
            position: relative;
            z-index: 1;
        }

        #dxIssuedInvoiceDataGridContainer {
            margin-top: -50px;
        }

        .dx-header-row {
            background-color: #eee;
            color: black;
            height: 35px;
            line-height: 35px;
            vertical-align: middle;
        }
    }

    /*.data-grid-pager-container {
        float: right;
        margin: -5px 20px;

        .page-size {
            display: inline-block;
            padding-right: 10px;
            height: 100%;
            float: left;
            padding-top: 5px;
            padding-left: 0;
            margin: 5px 0;
            border-radius: 4px;
            clear: both;
            color: #777777;
            background-color: #ffffff;
            border-color: #dddddd;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1;

            .total-number {              
                padding: 0px 2px;
                color: #dc6900;
            }

            .page-box {
                width: 60px;
                text-align: center;
            }

            .padding-span {
                padding: 0px 2px;
            }

            .normal-number {
                padding: 0px 2px;
                color: #dc6900;
            }
        }
    }*/
    
}

#red-letter-bd-user-pop {

    .data-table {
        top: 30%;
    }

    .modal-header {
        background-color: #eee;
    }

    .modal-body {
        .radio-no2-title{
            color: #999;
            margin-left:240px;
        }
        .input-reason-container {
            margin-top: 20px;
        }

        .upload-file-container {
            margin-top: 20px;

            .add-file-btn {
                color: #56e;
                cursor: pointer;
            }

            .files-container {
                max-height:200px;
                overflow-y:auto;
                line-height: 27px;
                color: #777;
                width: 100%;

                .file-line {
                    display: inline-block;
                    width: 100%;

                    /*.file-name {
                        color: #44b;
                        cursor: pointer;
                    }*/

                    .delete-file {
                        color: #f44;
                        cursor: pointer;
                        text-align: right;
                    }
                }
            }
        }

        .recieving-fapiao-tip {
            margin-top: 20px;
        }
    }

    .modal-footer {
        .btn {
            height: 28px;
        }

        .btn-first {
            color: #fff;
            background-color: #b4122a;
            width: 100px;
            margin-left: 30px;
        }

        .btn-second {
            color: #fff;
            background-color: #999;
            width: 100px;
            margin-left: 30px;
        }
    }
}

#red-letter-gd-bd-pop {

    .modal-header {
        background-color: #eee;
    }

    .modal-body {

        .cell-info-title {
            text-align: left;
            line-height: 30px;
        }
    }

    .modal-footer {
        .btn {
            height: 28px;
        }

        .btn-first {
            color: #fff;
            background-color: #b4122a;
            width: 100px;
            margin-left: 30px;
        }

        .btn-second {
            color: #fff;
            background-color: #999;
            width: 100px;
            margin-left: 30px;
        }
    }

    .dx-datagrid-headers {
        background-color: #dadada;
        line-height: 30px;
    }

    .gd-bd-pop-grid-container {
        margin-top: 20px;
    }

    .gd-bd-footer {
        margin-top: 20px;
    }
}