:global{
    .hidden{
        display: none;
    }
    .lf{
        float: left;
    }
    .rt{
        float: right;
    }
    .inline{
        vertical-align: middle;
        display: inline-block;
    }
    .error-msg{
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: red;
        font-weight: 400;
        font-family: 'PingFang';
    }
    .clear{
        &:after,&:before{
            content: '';
            display: table;
            clear: both;
        }
    }
    .table{
        border-collapse: collapse;
        table-layout: auto;
        width: 100%;
        overflow: auto;
        td{
            padding: 4px 12px;
            font-size: 16px;
            height: 40px;
        }
        &.border{
            &,td{
                border: 1px solid #ebeef5;
                border-collapse: collapse;
            }
        }
        thead{
            >tr{
                background-color: rgba(73,184,247,0.17);
                >td,>th{
                    font-size: 15px;
                    color: #000;
                    &.checkboxTd{
                        width: 20px;
                        .cannotSee{
                            visibility: hidden;
                        }
                    }
                }
            }
        }
        &.no-stripe{
            tbody{
                >tr{
                    background-color: #FFF !important;
                }
            }
        }
        tbody{
            >tr{
                &:nth-child(odd){
                    background-color: #F8F9FB;
                }
                &:nth-child(even){
                    background-color: #FFF;
                }
                &.odd,&.active{
                    background-color: #F8F9FB !important;
                }
                &.even,&.inactive{
                    background-color: #FFF !important;
                }
                >td{
                    font-size: 14px;
                    color: #585858;
                    &:first-child:last-child{
                        text-align: center;
                    }
                }
            }
        }
        tfoot{
            >tr{
                //background-color: #f5f7fa;
                >td{
                    font-size: 15px;
                }
            }
        }
    }
}
