@eschool/components/dist/index.css

Digital Edu Management UI components

/* src/styles/datatable.css */
.react-bootstrap-table table {
  table-layout: auto !important;
}
.react-bootstrap-table thead tr {
  text-transform: uppercase;
}
.react-bootstrap-table thead tr th {
  color: #575962;
  font-size: 12px;
  font-weight: 700;
  word-break: keep-all;
  white-space: nowrap;
  span::before {
    color: var(--primary) !important;
  }
  span::after {
    color: var(--primary) !important;
  }
}
.ptable-header th {
  color: #575962;
  font-size: 12px;
  font-weight: 700;
  word-break: keep-all;
  white-space: nowrap;
  span::before {
    color: var(--primary) !important;
  }
  span::after {
    color: var(--primary) !important;
  }
}
.react-bootstrap-table.white-space-unset thead tr th {
  white-space: unset !important;
}
.react-bootstrap-table tbody tr td {
  color: #575962;
  font-weight: 400;
  font-size: 14px;
  vertical-align: middle;
}
table.custom-dt {
  > thead {
    > tr {
      > td,
      th {
        border: 1px solid #ebedf2;
        background: #fff;
      }
    }
  }
  > tbody {
    > tr {
      > td,
      th {
        border: 1px solid #ebedf2;
        background: #fff;
      }
    }
  }
}
.dt-cm-wrapper {
  padding: 5px 0 5px 0;
  position: absolute;
  background: #fff;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 1px 10px 0 rgba(145, 155, 192, 0.3);
  z-index: 100000;
}
.dt-cm-item {
  display: flex;
  align-items: center;
  padding: 5px 1.5rem 5px 1rem;
  font-weight: 500;
  white-space: nowrap;
  right: 0 !important;
  &:hover {
    cursor: pointer;
    background: rgba(255, 73, 0, 0.2);
  }
}
tr.dt-drag-hover-top {
  > td {
    border-top: 2px solid blue !important;
  }
}
tr.dt-drag-hover-bottom {
  > td {
    border-bottom: 2px solid blue !important;
  }
}
.dt-cm-item-icon {
  margin-right: 0.5rem;
  color: #1e1e2d;
  font-size: 25px;
}
.dt-cm-item-icon-18 {
  margin-right: 0.5rem;
  color: #1e1e2d;
  font-size: 18px;
}
.dt-cm-item-icon-19 {
  margin-right: 0.5rem;
  color: #1e1e2d;
  font-size: 19px;
}
.dt-cm-item-icon-20 {
  margin-right: 0.5rem;
  color: #1e1e2d;
  font-size: 20px;
}
.height-0 {
  height: 0;
}
.btn-pagination {
  &.active {
    background-color: var(--primary) !important;
    color: white !important;
  }
  &.arrow-button {
    background-color: rgb(var(--primary-rgb), 0.2) !important;
  }
  i {
    color: var(--primary);
  }
}
.pagination-link a {
  font-family: Mulish, MulishRegular !important;
  background: #ffd5c8;
  border-radius: 50%;
  width: 32px;
  height: 32px !important;
  font-size: 13px;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #575962 !important;
  padding-left: 0;
  padding-right: 0;
}
.pagination-link a.btn-white {
  background: white !important;
}
.pagination-link a.btn-white:hover {
  background: rgba(255, 73, 0, 0.8) !important;
}
.pagination-link a i {
  position: relative;
  bottom: 2px;
  right: 0;
  top: 0;
}
.pagination-link a.active {
  color: #fff !important;
  background-color: rgba(255, 73, 0, 0.8) !important;
}
.btn-pagination {
  color: #ff4900 !important;
}
.btn-pagination:hover {
  color: #fff;
  background-color: rgba(255, 73, 0, 0.8);
}
.custom-dt tr.dtable-selected td {
  background-color: #fbcad2;
}
.insert-modal tbody tr td {
  color: #575962;
  border: 1px solid #EBEDF2;
  border-color: #EBEDF2;
}
.insert-modal th {
  color: #575962;
  vertical-align: middle !important;
  text-transform: capitalize;
  border: 1px solid #EBEDF2;
}
.insert-modal thead th {
  border-width: 1px;
}
.insert-modal {
  border: 1px solid #EBEDF2;
}

/* src/styles/form.css */
.eschool-form-date-picker {
  display: block;
  width: 100%;
  height: 38px;
  padding: 0.4rem 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #575962;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #E0E0E0;
  border-radius: 0.42rem;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size: 16px;
}
.eschool-timepicker-input {
  display: block;
  text-align: center;
  width: 100%;
  height: 38px;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #575962;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #E0E0E0;
  border-radius: 0.42rem;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none;
  user-select: none !important;
  &.active {
    border: 1px solid #ff5b1d !important;
  }
  &:hover {
    cursor: pointer;
  }
}
.eschool-timepicker-popout {
  margin-top: 5px;
  padding: 4px;
  width: 175px;
  box-shadow: 0 0 15px 1px rgba(81, 77, 92, .2);
  box-sizing: border-box;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border-radius: 6px;
  > table {
    width: 100%;
    border-collapse: collapse;
    color: #575962;
    table-layout: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    td {
      text-align: center;
      height: 30px;
      margin: 0;
      padding: 2px;
      > div {
        width: 100%;
        display: flex;
        margin: 0;
        padding: 8px 0;
        outline: 0;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        &:hover {
          background: #ebedf2;
          cursor: pointer;
        }
      }
    }
    > tbody {
      > tr {
        > td {
          &:nth-of-type(2) {
            width: 20px;
          }
        }
        &:nth-of-type(2) {
          > td:first-child,
          td:last-child {
            font-weight: 600;
          }
        }
      }
    }
  }
}
/*# sourceMappingURL=index.css.map */