@charset "UTF-8";
/* Loading animation */
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overlay-small {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  transition: opacity 0.5s ease-out 0s;
}
.overlay-small.cloak {
  opacity: 0;
  z-index: -1;
}
.overlay-small .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2rem 0;
  margin: 0 -5%;
  overflow: hidden;
}
.overlay-small .loader .animation {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #666;
  color: #666;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.overlay-small .loader .animation::before, .overlay-small .loader .animation::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.overlay-small .loader .animation::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #666;
  color: #666;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}
.overlay-small .loader .animation::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #666;
  color: #666;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dotFlashing {
  0% {
    background-color: #ddd;
  }
  50%, 100% {
    background-color: #666;
  }
}

.blurred {
  filter: blur(2px);
}

@-webkit-keyframes spin {
  0%, 100% {
    box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  }
  25% {
    box-shadow: -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf, 10px 10px #4f4d49;
  }
  50% {
    box-shadow: -10px -10px #4f4d49, 10px -10px #dfdfdf, 10px 10px #4f4d49, -10px 10px #dfdfdf;
  }
  75% {
    box-shadow: 10px -10px #dfdfdf, 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49;
  }
}
/*Input type number. Hide arrows*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*END - Input type number. Hide arrows*/
label.is-required:after {
  content: "*";
  color: #721c24;
  padding-left: 2px;
}

/* Sorting */
.dir-up:after {
  content: "▲";
  margin-left: 3px;
  position: absolute;
}

.dir-dn:after {
  content: "▼";
  margin-left: 3px;
  position: absolute;
}

.dir-up-left:before {
  content: "▲";
  margin-right: 3px;
}

.dir-dn-left:before {
  content: "▼";
  margin-right: 3px;
}

/* Accordion */
.toggle-section {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  cursor: pointer;
}

.toggle-section:hover {
  background: #f5f5f5;
}

.toggle-section span {
  display: inline-block;
  font-size: 1.5em;
}

.toggle-section i {
  display: inline-block;
  font-size: 1.5em;
  width: 30px;
}

.td-auto-width {
  white-space: nowrap;
  width: 1px !important;
}

.som .btn.btn-primary, .som .btn.btn-success {
  color: #FFF !important;
}

.som label.btn.btn-primary, .som label.btn.btn-success {
  color: #FFF !important;
}

/* react-pager */
ul.pagination li {
  font-size: 18px;
  padding: 0 7px;
  border-radius: 3px;
  color: #484549;
}

ul.pagination li:not(:last-child) {
  margin-right: 3px;
}

ul.pagination li:hover {
  background-color: #ddd;
}

ul.pagination li {
  cursor: pointer;
}

ul.pagination li.disabled {
  color: #ddd !important;
  cursor: not-allowed !important;
}

ul.pagination li.active {
  background-color: #484549;
  color: #fff;
  font-weight: bold;
}

ul.pagination li.btn-prev-page {
  margin-right: 7px;
}

ul.pagination li.btn-next-page {
  margin-left: 4px;
}

.admin-section {
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #f5f5f5;
}

.som-filter-users .form-control.is-invalid {
  background-image: none;
  padding-right: 0.75em;
}