html,
body {
  height: 100%;
  overflow: hidden;
}

* {
  font-family: 'Open Sans';
  font-size: 16px;
}

.resize-img {
  padding: 0;
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.min-w-10 {min-width: 20%;}
.max-w-60 {max-width: 60%;}
.min-w-fit{min-width: fit-content;}
.max-w-content {width: max-content;}
.max-h-content {height: max-content;}
.w-60 {width: 60% !important;}
.w-40 {width: 40% !important;}
.rotate-right {transform: rotate(90deg);}
.rotate-right > a {transform: rotate(-90deg);}
.send-back {z-index: -1;}
.bring-front {z-index: 1;}

.pos-absolute-fill {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

#social_media_wrap {gap: 20px; margin: auto -150px; color: red; padding-bottom: 50px;}
#social_media_wrap > :first-child {min-width: 16ch;line-height: 2;}
#social_media_wrap a {z-index: 1000; cursor: pointer;}

hr {opacity: 1;width: 75px;color: red;}
main {gap: 50px;}

input, button {border-radius: 26px !important; height: 50px !important;}

.form-signin {max-width: 390px; width: 100%;}

.form-signin h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 2.25em;
  line-height: 2;
  color: #2E384D;
}

.form-signin label {
  font-style: normal;
  font-weight: normal;
  font-size: 0.9375em;
  line-height: 2;
  color: #8C98A9;
  margin-block-end: 0;
}

.form-signin input {
  border: 1px solid #E0E7FF;  

  font-style: normal;
  font-weight: 600;
  font-size: 0.8125em;
  line-height: 2;
  color: #2E384D;
}

.form-signin button[type="submit"] {
  background-color: red;
  color: white;
  text-transform: uppercase;
}

.modal-header,
.modal-footer {
  border: none;
}

.modal-content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 1.625em;
  border: none;
}

.modal-backdrop {
  opacity: 0.15 !important;
}

.modal-title {
  font-size: 2.25em;
}

.modal-subtitle {
  font-size: 0.875em;
  text-align: center;
}

.modal-subtitle-lg {
  font-size: 1.05em;
  text-align: center;
}

.btn:not(a) {
  border-radius: var(--border_radius);
  opacity: 0.75;
  height: 3.25em;
  min-width: 10em;
  max-width: max-content;
  font-size: 0.8125em;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: 1em center;
}

.btn:hover {
  opacity: 1;
}

.btn-close {
  background: transparent url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23ff0000"%3e%3cpath d="M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"/%3e%3c/svg%3e') center/1em auto no-repeat;
  opacity: 0.75;
}

.btn-close.btn-small {
  width: 0.25em;
  height: 0.25em;
}

.btn-close:hover {opacity: 1;}

.btn-save {
  color: white;
  background-color: red;
}

.btn-save:hover {
  color: white;
  outline: red;
}

#recover_password {
  opacity: .75;
  color: red;
  cursor: pointer;
  text-decoration: none;
}

#recover_password:hover {
  opacity: 1;
}

.company-ref {
  color: white;
  text-transform: uppercase;
  font-size: .75em;
  bottom: 3em;
  left: 0;
  right: 0;
}

#authMainContainer{
  background-color: #EEEEEE;
}

.fs13px{
  font-size: max(13px, 0.75vw);
}

#loginFormContainer{
  justify-content: center !important;
  background-color: #EEEEEE !important;
}

#loginFormContainer form {
  margin: auto 16px !important;
  border-radius: 15px;
  background-color: white;
  padding: 40px 16px 30px 16px;
}

@media only screen and (max-width: 1200px) {
  #loginLeftContainer,
  #loginLeftBannerContainer
  {
    display: none !important; 
  }
}
@media only screen and (min-width: 1200px) {
  #loginSocialMediaContainer
  {
    display: none !important; 
  }
}