.issued-invoice-gd-view-container {
    line-height: 35px;
    .page-container {
        margin: 0 20px;
    }

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

        .hide-search-btn {
            cursor: pointer;
            margin: 0 -10px 0 10px;
        }

        .search-form-body {
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-left: 0;
            margin-bottom: 10px;

            td {
                padding: 8px;
            }
        }

        .btn {
            height: 28px;
        }

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

    .page-fast-search-container {
        line-height: 20px;

        .btn {
            height: 28px;
            margin: 0 5px;
        }

        .checkbox-inline {
            margin-right: 5px;
        }

        .btn-last {
            margin-right: 0;
        }
    }

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

            span {
                margin-left: 15px;
            }
        }

        #dxIssuedInvoiceGdContainer {
            margin-top: -48px;
        }

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

    .footer-btn {
        .btn {
            float: right;
            margin: 10px 20px 5px;
        }
    }

    .page-footer {
        clear: both;
    }
}

#setup-mark-up-ratio-pop, #setup-quota-pop, #pre-issue-pop {
    .data-table {
        top: 30%;
    }

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

    .modal-body {
        .row {
            height: 50px;
            line-height: 35px;
            vertical-align: middle;
        }
    }

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

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

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

#pre-issue-pop {
    .pre-issue-popup {
        .modal-dialog {
            top: 20%;

            @media (min-width: 768px) {
                width: 750px;
            }

            .modal-content {
                height: 425px;

                .modal-body {
                    height: 305px;
                }
            }
        }
    }

    .grid-summary-line {
        background-color: #fee;
        border: 0;
        border-radius: 4px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 10px 0;
        padding-left: 9px;
        width: 100%;

        span {
            margin-left: 15px;
        }
    }
}