/* -- Imported styles ----------------------------- */
@import url("globals.css");
@import url("box.css");
@import url("style.css");
@import url("iconmoon/style.css");


table.table_responsive{
    border-collapse: collapse;
    border-color: #d1d1d1;
    border-style: solid;
}
table.table_responsive td{
    border-color: #d1d1d1;
     padding: 10px 10px;    
}
.clear{
    clear: both;
    font-size: 0;
}
@media screen and (max-width: 479px){
    table.table_responsive.has_respon,
    table.table_responsive.has_respon thead,
    table.table_responsive.has_respon tbody,
    table.table_responsive.has_respon tfoot,
    table.table_responsive.has_respon tr,
    table.table_responsive.has_respon th,
    table.table_responsive.has_respon td{
        display: block;
    }
    table.table_responsive.has_respon{
        border: 1px solid #d1d1d1;
    }
    table.table_responsive.has_respon thead{
        display: none;
    }
    table.table_responsive.has_respon tr{
        position: relative;
        border-bottom: 1px solid #d1d1d1;
    }
    table.table_responsive.has_respon tr:before{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 130px;
        content: '';
        background: #eeeeee;
        z-index: 1;
    }
    table.table_responsive.has_respon td{
        border-top: 0;
        padding: 8px 10px;
    }
    table.table_responsive.has_respon td:first-child{
        padding-top: 15px;
    }
    table.table_responsive.has_respon td:last-child{
        padding-bottom: 15px;
        border-bottom: 0;
    }
    table.table_responsive.has_respon td:before{
        width: 120px;
        float: left;
        content: '' attr(data-th) '';
        position: relative;
        z-index: 2;
    }
    table.table_responsive.has_respon td:after{
        display: block;
        content: '';
        clear: both;
    }
    table.table_responsive.has_respon td .bt-content{
        display: block;
        padding-left: 130px;
        position: relative;
        z-index: 2;
    }
}