@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}

.btn {
  background-color: rgb(30, 41, 59);
  color: white;
  padding: 12px;
  border-radius: 6px;
}

.btn-paginate {
  background-color: white;
  border: 1px solid rgb(226, 232, 240);
  padding: 9px;
  border-radius: 6px;
}

input[type="text"],
input[type="date"],
input[type="number"] {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  /* max-width: 640px; */
}

textarea {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  /* max-width: 640px; */
}

.help-button {
  margin-left: 5px;
  border-radius: 100%;
  font-size: 0.75em;
  border: 2px solid black;
  padding: 0px 5px 0px 5px;
  transition: opacity 0.25s ease-in-out;
  vertical-align: text-bottom;
}

.sidebar-block {
  display: block;
  transform: translateX(0);
}

.current {
  background-color: #611abe;
}

.table-wrapper {
  min-height: 0px;
}

.table-wrapper .table.is-datatable td {
  padding: 18px 20px;
}

.dataTables_info {
  float: left;
  padding: 16px 10px;
}

.dataTables_filter {
  float: right;
  padding: 16px 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  color: #283252;
  text-transform: uppercase;
  font-weight: 700;
}

.dataTables_filter input {
  margin-left: 10px;
  padding: 9px;
  border: 1px solid #cecece;
  border-radius: 6px;
  min-height: 36px;
}

.dataTables_paginate span {
  display: flex;
}

.dataTables_paginate {
  display: flex;
  float: right;
  padding: 0px 10px;
}
.dataTables_paginate a {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  margin: 4px;
  background: #ededed;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dataTables_paginate .current {
  background: #671cc9 !important;
  color: white;
}

@media only screen and (max-width: 767px) {
  .sidebar-block {
    display: initial;
    margin-top: 60px;
    transform: translateX(-100%);
  }
}