// 
// tables.scss
//

//Table centered (Custom)
.table-centered {
  th, td {
    vertical-align: middle !important;
  }
}


// Custom table components (Custom)
.table {
  .table-user {
    img {
      height: 30px;
      width: 30px;
    }
  }

  .action-icon {
    color: $gray-600;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0 3px;

    &:hover {
      color: $gray-700;
    }
  }
}


.detail-table {
  width: 100%;
  border: 1px solid #ebeeeb;
}

.detail-table thead tr th {
  color: #252525;
  padding-left: 10px;
  height: 40px;
  border: 1px solid #86c4f5;
}

.detail-table tbody tr td {
  color: #6c757d;
  padding: 3px 10px 3px 10px;
  border: 1px solid #f2f2f2;
}

.tariff-table td, .tariff-table th {
  padding: 0.15rem 0.45rem;
  vertical-align: middle !important;
  border: 1px solid #e3eaef !important;
}

.tariff-table .sizes {
  font-size: 12px;
  font-weight: 300;
  color: #313a46;
  background-color: #f1f3fa;
}

.tariff-control-container {
  display: flex !important;
  align-content: space-around;
  justify-content: flex-end;
  align-items: center;
}