@charset 'UTF-8';

.tbl.-primary.-tob-ikan .block.-tob-ikan-document-form>.row>.col>.select {
  width: 100%;
  background: transparent;
}

.tbl.-primary.-tob-ikan {
  background: #fff;
}

.tbl.-primary.-tob-ikan>tbody>tr>td.-notice {
  background: #e9f4ff;
}

.tbl.-primary.-tob-ikan.-transform.-example>tbody>tr>.-cell-from {
  width: 158px;
}

.tbl.-primary.-tob-ikan.-transform.-example>tbody>tr>.-cell-to {
  width: 206px;
}

.tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-from {
  width: 140px;
}

.tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-to {
  width: 226px;
}

@media print,screen and (min-width:768px) {
  .tbl.-primary.-tob-ikan .block.-tob-ikan-document-form>.row {
    flex-wrap: nowrap;
  }

  .tbl.-primary.-tob-ikan .block.-tob-ikan-document-form>.row>.col>.select {
    width: 160px;
  }
}

@media screen and (max-width:767px) {
  .tbl.-primary.-tob-ikan.-transform>tbody>tr>th {
    border-bottom: none;
  }

  .tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr {
    display: flex;

    flex-wrap: wrap;
  }

  .tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-from {
    width: 35%;
  }

  .tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-to {
    width: 65%;
    margin-top: 0;
    padding-top: 10px;
    border-top: 3px solid #ccc;
  }

  .tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-to>.select {
    width: 100%;
  }

  .tbl.-primary.-tob-ikan.-transform.-doc-select>tbody>tr>.-cell-docs {
    width: 100%;
  }
}