.table-bordered {
    border: 1px solid #ddd !important;
}
.table thead{    background: #3c3289;
    color: #fff;
    font-size: 14px;
    font-weight: 400;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;

    border-top: 1px solid #ddd;
}

.stok{height: 15px; width: 15px; display: block; border-radius: 500px; background: #ddd}
.stok.var{background:#87b54e }

#accordion .card-header{background: #3c3289}

.w-72{width: 72px}
.h-312{max-height: 312px;}

    @media (max-width:992px) {
      .table thead {  font-size: 12px;}
      .table .f-14{font-size: 12px !important}

          table.table{
                  display: block;
                  overflow: scroll;
                  overflow-y: hidden;
              }

              table.table.no{    display: table!important}


          .table{
              overflow: hidden;
              padding: 0px;
              margin: 0px;
              table-layout: fixed;
              width: 100%;
              display: table;
          }

    }


    @media (max-width:768px) {
      .table thead {  font-size: 11px;}
      .table .f-14{font-size: 11px !important}



    }