.modal_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 999;
    top: 0;
    .modal-dialog-box {
        position: absolute;
        width: 80%;
        height: 80%;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        right: 0;
        .modal-content {
            height: 100%;
            width: 100%;
            float: left;
            padding: 30px;
            text-align: center;
            button.close {
                position: absolute;
                top: 5px;
                right: 10px;
                span{
                    font-size: 35px;
                }
            }
            // .form-container.like_sent {
            //     height: 100%;
            //     h2 {
            //         font-size: 24px;
            //     }
            //     .login-help{
            //         position: relative;
            //         float: left;
            //         width: 100%;
            //         margin-top: 20px;
            //         .up_mark {
            //             font-size: 50px;
            //             font-weight: bold;
            //             width: 157px;
            //             margin: auto;
            //             padding-right: 71px;
            //             line-height: 1;
            //             text-align: right;
            //         }
            //         .up_mark.red{
            //             color: red;
            //         }
            //         .up_mark.green{
            //             color: green;
            //         }
            //         .down_mark{
            //             font-size: 35px;
            //             font-weight: bold;
            //             color: #28a8e0;
            //             width: 100px;
            //             margin: auto;
            //             padding-left: 48px;
            //             line-height: 1;
            //         }
            //         .down_mark:before {
            //             width: 80px;
            //             position: absolute;
            //             content: "";
            //             height: 3px;
            //             background-color: #000;
            //             -webkit-transform: rotate(-37deg);
            //             transform: rotate(-37deg);
            //             left: 133px;
            //             top: 50px;
            //         }
            //         p{
            //             font-size: 24px;
            //             font-weight: bold;
            //             margin: 20px 0; 
            //         }
            //     }
            //     p.info_box {
            //         font-size: 20px;
            //         font-weight: bold;
            //         font-style: italic;
            //     }
            // }
            .export{
                height:auto;
                text-align: center;
                margin-top: -19px;
                background-color: transparent;
                width: auto;
                float: right;
                img{
                    width: 50px;
                }
                p{
                    color:#666;
                    font-size: 14px;
                    font-weight: 700;  
                    margin-bottom: 0px;
                }
            }
            .sales{
                position: relative;
                height: 100%;
                h5 {
                    font-size: 30px;
                    font-weight: bold;
                    color: #28a8e0;
                    margin-bottom: 30px;
                    text-align: left;
                }
                div{
                    width: 25%;
                    float: left;
                    text-align: left;
                    padding: 10px;
                }
                
                .table_box{
                    padding: 0;
                }
                .table-responsive .table-bordered td, .table-responsive .table-bordered th{
                    font-size: 18px;
                    // vertical-align: middle;
                    padding: 10px;
                }
                .bottom_box{
                    float: left;
                    width: 100%;
                    height: 80%;
                    margin: 0;
                    .table_box{
                        float: left;
                        height: 100%;
                        width: 100%;
                        .table-responsive{
                            height: calc(100% - 65px);
                            float: left;
                            width: 100%;
                            padding: 0;
                            .table{
                                margin-bottom: 0;
                                // height: 100%;
                                float: left;
                                width: 100%;
                            }
                        }
                    }
                }
            }

            

            
        }
    }
}


@media screen and (max-width: 768px) {
    .modal_bg .modal-dialog-box .modal-content
     .sales
     {
        font-size: 12px !important;
     }
     h5{
        font-size: 16px !important;
    }


    .modal_bg .modal-dialog-box .modal-content .sales .table-responsive .table-bordered td, .modal_bg .modal-dialog-box .modal-content .sales .table-responsive .table-bordered th {
        font-size: 12px !important;

}

.modal_bg .modal-dialog-box .modal-content .export img {
    width: 30px !important;
}
.modal_bg .modal-dialog-box .modal-content .export p {

    font-size: 12px !important;

}
}