@import "~/app-resources/less/theme.less";

.vat-goods-mapping {
    width: 100%;
    height: 100%;
    padding-left: 20px;

     .line-button {
            width:100%;
            padding-top: 20px;
            padding-right: 20px;
            padding-bottom: 20px;            
            display: inline-block;
            }


     .goods-mapping-table{
        display: block;
        height: 95%;
        width:95%;
         
        .left-mapping-table{
            width:67%; 
            float:left; 
            height:500px; 

            .left-header{ 
                height:65px;
                background-color:#50504d;
                font-family: 'Microsoft YaHei'; 
                font-style: normal;
                font-size: 14px;
                text-align:center;
                line-height:65px;
                color:#FFFFFF;
            }

             table {
                    border: 1px solid #CCC;

                    thead tr th {
                        height: 30px;
                        border: 1px solid #CCC;
                    }

                    tbody tr td {
                        height: 25px;
                        border: 1px solid #CCC;
                    }
                }
        }

        .right-mapping-table{
            width:30%;
            float:right;
            height:500px; 

              .right-header{ 
                height:65px;
                padding-left:15px;
                background-color:#b90808;
                font-family: 'Microsoft YaHei'; 
                font-style: normal;
                font-size: 14px;
                text-align:left;
                line-height:65px;
                color:#FFFFFF;
            }

             table {
                    border: 1px solid #CCC;

                    thead tr th {
                        height: 30px;
                        border: 1px solid #CCC;
                    }

                    tbody tr td {
                        height: 25px;
                        border: 1px solid #CCC;
                    }
                }
        }
     }

     .drag-helper {
            border: 1px solid gray!important;
        }

}