/* put your own styles to customize and override the theme */

.overlay{
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: -1px;
    z-index: 1052;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    color: #666f76;
    border-radius: 0.3rem;
  }


  .info-box {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 0.25rem;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: 0.5rem;
    position: relative;
    width: 100%;
}
.info-box .info-box-icon {
  border-radius: 0.25rem;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.875rem;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 70px;
}

.info-box .info-box-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.8;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}

/* Keep DataTables action dropdowns in the main row instead of responsive child rows. */
table.dataTable th.dt-actions-cell,
table.dataTable td.dt-actions-cell {
  min-width: 72px !important;
  white-space: nowrap !important;
  text-align: center !important;
  vertical-align: middle !important;
}

table.dataTable td.dt-actions-cell .dropdown {
  display: inline-block !important;
  position: relative;
}

table.dataTable td.dt-actions-cell .btn-icon {
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dt-actions-cell::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dt-actions-cell::before {
  display: none !important;
}