@font-face {
  font-family: Inter;
  font-weight: 300;
  src: url("fonts/Inter-Light.ttf");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  src: url("fonts/Inter-Regular.ttf");
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  src: url("fonts/Inter-Medium.ttf");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  src: url("fonts/Inter-Bold.ttf");
}
body,
html {
  font-family: "Inter", sans-serif;
}

h1 {
  color: #111111;
}

.cursor-pointer {
  cursor: pointer;
}

.overtime-positive {
  color: #2ECC40 !important;
}

.overtime-negative {
  color: #EC536B !important;
}
.overtime-negative:before {
  content: "-";
}

.custom-form .form-group {
  position: relative;
}
.custom-form .form-group input {
  width: 100%;
  padding: 10px 0;
  color: #111111;
  border: none;
  border-bottom: 1px solid #111111;
  outline: none;
  background: transparent;
}
.custom-form .form-group input:focus ~ label, .custom-form .form-group input:valid ~ label, .custom-form .form-group input[disabled] ~ label {
  top: -20px;
  left: 0;
  color: #EC536B;
  font-size: 12px;
}
.custom-form .form-group input[disabled] {
  opacity: 0.4;
}
.custom-form .form-group label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #111111;
  pointer-events: none;
  transition: 0.5s;
  font-weight: 300;
}
.custom-form button {
  appearance: none;
  position: relative;
  display: inline-block;
  color: #EC536B;
  padding: 10px 20px;
  transition: 0.5s;
  border: 1px solid #EC536B;
  background: transparent;
}
.custom-form button:hover {
  background: #EC536B;
  color: #fff;
  border-radius: 5px;
}

.alert ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bg-brand {
  background-color: #EC536B;
  color: #ffffff;
}

.timetable-striped:nth-of-type(odd) {
  background-color: rgba(237, 237, 237, 0.5);
}

.box-shadow {
  box-shadow: 0px 1px 20px 0px rgba(0, 80, 160, 0.2);
}

.team-user-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 991.98px) {
  .team-user-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .team-user-grid {
    grid-template-columns: 1fr;
  }
}

label.required:after {
  content: "*";
}

/*# sourceMappingURL=style.css.map */