#block-ocmono-clinicpro-login-socialauthlogin {
  text-align: center;
}

.whatsapp-icon {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999999;
}

.whatsapp-icon img {
  height: 60px;
}

.book-appointment-icon {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999999;
}

.book-appointment-icon img {
  width: 160px;
}

.text-primary {
  color: #556ee6 !important;
}

.bg-soft-primary {
  background-color: rgba(85, 110, 230, 0.25) !important;
}

.profile-user-wid {
  margin-top: -26px;
}

.image-style-medium {
  border-radius: 50%;
  height: 62px;
  width: 62px;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f8f8fb;
  border: 1px solid #f6f6f6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}



.avatar-xs {
  height: 2rem;
  width: 2rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

.avatar-title {
  -webkit-box-align: center;
  align-items: center;
  background-color: #556ee6;
  color: #fff;
  display: -webkit-box;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
}


.dash-name {
  font-size: 15px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #495057;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;

}

.card .dash-role span.field-content,
.card .dash-login span.field-content {
  font-weight: 500;
  color: #74788d !important;
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: left;
}

.dash-title {
  font-size: 12px !important;
  color: #495057;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
}



#auth_box {
  width: 350px;
  margin: 0 auto;
  padding: 50px 0 0;
  font-family: sans-serif;
}

#auth_box h1#the_logo {
  text-align: center;
  margin: 0;
  padding: 0 0 25px;
}

#auth_box h2.title {
  margin: 0;
  padding: 0 0 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px !important;
  font-family: "Poppins", sans-serif;
  color: #3b3b3b;
}

#auth_box input[type="text"],
#auth_box input[type="password"] {
  width: 100%;
  /* border: 1px #ccc solid;
  border-radius: 3px;
  padding: 5px;
  font-size: 15px; */
}

#auth_box input[type="submit"] {
  float: right;
}

#auth_box #middle_part {
  border-radius: 3px;
  background: #fff;
  padding: 15px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid #f6f6f6;
}

#auth_box .back_link {
  padding: 15px 0 0;
}

#auth_box #bottom_part {
  font-size: 13px;
  padding: 15px 0 0;
}

#edit-submit {
  background-color: #007bff;
  border-color: #007bff;
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.list-group-item {
  border: none !important;
}