@import url("https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;600;700&display=swap");

body {
  font-family: "Open Sans", sans-serif;
  background-color: #f5f8ff !important;
}

.btn-teal {
  background-color: #18b3ab !important;
  color: #ffff !important;
}

.panel-header {
  background-color: #18b3ab !important;
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a {
  background: #18b3ab !important;
  box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 10%),
    4px 4px 15px -5px rgb(209 250 223 / 40%);
}

.nav.nav-collapse .sub-item {
  font-size: 13px !important;
}

th,
td {
  /* white-space: nowrap !important; */
}

/* steper */
.step {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  color: #18b3ab;
}

.step-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: x-large;
}

.step-text {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 800;
  text-align: center !important;
  color: #18b3ab;
  width: max-content;
}

.step-active {
  border: 3px solid #18b3ab;
  color: #18b3ab;
}

.step-disabled {
  background: #98a2b3;
  color: #fff;
}

.step-complete {
  background: #18b3ab;
}

.strip {
  height: 0px;
  border: 2px solid #98a2b3;
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.strip-active {
  border: 2px solid #18b3ab;
}

.sidebar .nav-collapse li a .sub-item:before,
.sidebar[data-background-color="white"] .nav-collapse li a .sub-item:before {
  background: unset;
  left: 0px;
}

.sub-item {
  margin-left: 0px;
}

.logo-header .logo {
  float: right;
}

.required:after {
  content: "*";
  color: red;
}

/* .form-group label {
    font-weight: 400 !important;
} */