@import '../../styleConstants.scss';

.wiaas-table {

    .wiaas-table-header {
        background: #f7f7f7;
        padding: 9px 21px;
        font-weight: 600;
        text-align: left;
        font-size: $font-size-small;
        color: #7e7e7e;
    }

    .wiaas-table-body{
        padding: 0;
        background: #FFF;
    }

    .wiaas-table-row{
        padding: 19px 0;
    }

    .wiaas-table-col{
        font-size: $font-size-small;
        font-weight: 600;
        text-align: left;
        color: #33425b;
    }

    .wiass-table-small-scr-header{
        display: none;
    }

    @media all and (max-width: 991px) {

        .wiass-table-small-scr-header {
            display: inline-block;
            margin-right: 1rem;
        }

        .wiaas-table-header {
            display: none;
        }

    }

    @media all and (max-width: 768px) {
        .wiaas-table-row {
            padding:  0.5rem 0;
        }
        .wiaas-table-col {
            padding-bottom:  0.2rem;
        }
    }
}
