/*************/
/* VARIABLES */
/*************/
/*******************/
/* GENERAL STYLING */
/*******************/
* {
  box-sizing: border-box;
}
html {
  font-size: 14px;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
img {
  vertical-align: middle;
  border-style: none;
}
/******************/
/* HELPER CLASSES */
/******************/
.w-100 {
  width: 100%;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.hidden-xs {
  display: none;
}
@media (min-width: 576px) {
  .hidden-xs {
    display: block;
  }
}
.text-right {
  text-align: right;
}
.text-muted {
  color: #6C757D;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.m-0 {
  margin: 0;
}
.my-2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 1rem;
}
.p-0 {
  padding: 0;
}
.border-0 {
  border: 0;
}
.float-right {
  float: right !important;
}
.d-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.align-items-center {
  align-items: center;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-start {
  justify-content: flex-start;
}
.error {
  color: #DC3545;
}
/*********/
/* ICONS */
/*********/
i {
  display: inline-block;
  height: 1.85rem;
  width: 1.65rem;
  line-height: 1.5;
  background-color: #495057;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
i.envelope {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M112 128c-26.5 0-48 21.5-48 48 0 15.1 7.1 29.3 19.2 38.4l208 156a48 48 0 0 0 57.6 0l208-156c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48H112zM64 260v188c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V260L377.6 408.8c-34.1 25.6-81.1 25.6-115.2 0L64 260z'/%3E%3C/svg%3E");
}
i.chevron-right {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M471.1 297.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L403.2 320 233.9 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}
i.key {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M400 416c97.2 0 176-78.8 176-176S497.2 64 400 64s-176 78.8-176 176c0 18.7 2.9 36.8 8.3 53.7L71 455c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24v-40h40c13.3 0 24-10.7 24-24v-40h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zm40-256c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z'/%3E%3C/svg%3E");
}
i.question {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224 224c0-53 43-96 96-96s96 43 96 96c0 42.7-27.9 78.9-66.5 91.4-28.4 9.2-61.5 35.3-61.5 76.6v24c0 17.7 14.3 32 32 32s32-14.3 32-32v-24c0-1.7.6-4.1 3.5-7.3 3-3.3 7.9-6.5 13.7-8.4C433.5 355.6 480 295.3 480 224c0-88.4-71.6-160-160-160s-160 71.6-160 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm96 352c22.1 0 40-17.9 40-40s-17.9-40-40-40-40 17.9-40 40 17.9 40 40 40z'/%3E%3C/svg%3E");
}
i.question-circle {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64 64 178.6 64 320s114.6 256 256 256zm0-336c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5v3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24v-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zm-32 192c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32z'/%3E%3C/svg%3E");
  background-color: white;
}
i.file-alt {
  mask-size: 0.9em;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='129' fill='none'%3E%3Cpath fill='%23000' d='M56.25 34.25c0 3.5 2.5 6 6 6h34v82c0 3.5-2.75 6-6 6h-84c-3.5 0-6-2.5-6-6v-116c0-3.25 2.5-6 6-6h50v34Zm16 59v-2c0-1.5-1.5-3-3-3h-42c-1.75 0-3 1.5-3 3v2c0 1.75 1.25 3 3 3h42c1.5 0 3-1.25 3-3Zm0-16v-2c0-1.5-1.5-3-3-3h-42c-1.75 0-3 1.5-3 3v2c0 1.75 1.25 3 3 3h42c1.5 0 3-1.25 3-3Zm0-18c0-1.5-1.5-3-3-3h-42c-1.75 0-3 1.5-3 3v2c0 1.75 1.25 3 3 3h42c1.5 0 3-1.25 3-3v-2Zm24-28.5v1.5h-32v-32h1.5c1.5 0 3 .75 4.25 1.75l24.5 24.5c1 1.25 1.75 2.75 1.75 4.25Z'/%3E%3C/svg%3E");
}
i.shield-alt {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 0c4.6 0 9.2 1 13.4 2.9l188.4 79.9c22 9.3 38.4 31 38.3 57.2-.5 99.2-41.3 280.7-213.6 363.2-16.7 8-36.1 8-52.8 0C57.3 420.7 16.6 239.2 16.1 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.9 1 251.4 0 256 0zm0 66.8v378.1c138-66.8 175.1-214.8 176-303.4L256 66.9z'/%3E%3C/svg%3E");
}
i.xmark {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M183.1 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L275.2 320 137.9 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l137.3-137.4 137.4 137.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L365.8 320l137.3-137.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320.5 274.7 183.1 137.4z'/%3E%3C/svg%3E");
}
i.eye {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 96c-80.8 0-145.5 36.8-192.6 80.6-46.8 43.5-78.1 95.4-93 131.1-3.3 7.9-3.3 16.7 0 24.6 14.9 35.7 46.2 87.7 93 131.1C174.5 507.1 239.2 544 320 544s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1C465.5 132.9 400.8 96 320 96zM176 320c0-79.5 64.5-144 144-144s144 64.5 144 144-64.5 144-144 144-144-64.5-144-144zm144-64c0 35.3-28.7 64-64 64-11.5 0-22.3-3-31.7-8.4-1 10.9-.1 22.1 2.9 33.2 13.7 51.2 66.4 81.6 117.6 67.9 51.2-13.7 81.6-66.4 67.9-117.6-12.2-45.7-55.5-74.8-101.1-70.8 5.3 9.3 8.4 20.1 8.4 31.7z'/%3E%3C/svg%3E");
}
i.eye-slash {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39.1c-9.4-9.4-24.6-9.4-33.9 0-9.3 9.4-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0 9.3-9.4 9.4-24.6 0-33.9l-96.4-96.4c2.7-2.4 5.4-4.8 8-7.2 46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1-47.1-43.7-111.8-80.6-192.6-80.6-56.8 0-105.6 18.2-146 44.2L73 39.1zm163.5 163.6C260 185.9 288.9 176 320 176c79.5 0 144 64.5 144 144 0 31.1-9.9 59.9-26.7 83.5l-34.7-34.7c12.7-21.4 17-47.7 10.1-73.7-13.7-51.2-66.4-81.6-117.6-67.9-8.6 2.3-16.7 5.7-24 10l-34.7-34.7zm120.8 256.4c-11.9 3.2-24.4 4.9-37.3 4.9-79.5 0-144-64.5-144-144 0-12.9 1.7-25.4 4.9-37.3l-79.5-79.5C68.8 240 46.4 279 34.5 307.7c-3.3 7.9-3.3 16.7 0 24.6 14.9 35.7 46.2 87.7 93 131.1 47.1 43.7 111.8 80.6 192.6 80.6 37.3 0 71.2-7.9 101.5-20.6l-64.2-64.2z'/%3E%3C/svg%3E");
}
i.icon-mail {
  height: 40px;
  width: 40px;
  margin-top: 1rem;
}
i.muted {
  opacity: 0.5;
}
.input-group-prepend:has(+ .invalid) .input-group-text i {
  background-color: #DC3545 !important;
}
/************/
/* ELEMENTS */
/************/
.form-group {
  margin-bottom: 1rem;
}
.form-group .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.form-group .input-group .input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.form-group .input-group .form-control {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.3rem;
  height: calc(1.5em + 1rem + 2px);
  width: 1%;
  min-width: 0;
  flex: 1 1 auto;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-group .input-group .form-control.invalid {
  border: 1px solid #DC3545;
}
.form-group .input-group .form-control.invalid:focus {
  border-color: #DC3545;
  outline: 0.2rem solid rgba(255, 0, 0, 0.25);
}
.form-group .input-group .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  outline: 0.2rem solid rgba(0, 123, 255, 0.25);
}
.form-group .input-group .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-group .input-group .form-control:not(:last-child):has(+ .input-group-append) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-group .input-group .form-control:disabled {
  background-color: #e9ecef;
}
.form-group .input-group .input-group-prepend {
  margin-right: -1px;
  display: flex;
}
.form-group .input-group .input-group-prepend .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-group .input-group .input-group-append {
  margin-left: -1px;
  display: flex;
}
.form-group .input-group .input-group-append .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-group .input-group:has(.view-toggle-btn) {
  position: relative;
}
.form-group .input-group:has(.view-toggle-btn) .view-toggle-btn {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: 0.2s;
  opacity: 0;
}
.form-group .input-group:has(.view-toggle-btn):hover .view-toggle-btn {
  opacity: 0.25;
}
.btn {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-primary {
  background-color: #2A628D !important;
  border: 2px solid #2A628D !important;
  color: #FFFFFF !important;
}
.btn.btn-light {
  background-color: transparent !important;
  border: 2px solid transparent !important;
  color: #6C757D !important;
}
.btn.btn-light:not(:disabled):hover {
  color: #212529 !important;
  background-color: #EDF1F5 !important;
  border-color: #EDF1F5 !important;
}
.btn.btn-google,
.btn.btn-microsoft {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px !important;
  padding-left: 40px !important;
  background-color: #ffffff;
  border-style: inset;
  text-align: left;
  border: 1px solid;
  font-size: 16px;
}
.btn.btn-google .logo-google,
.btn.btn-microsoft .logo-google,
.btn.btn-google .logo-microsoft,
.btn.btn-microsoft .logo-microsoft {
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.btn.btn-google:hover,
.btn.btn-microsoft:hover {
  background-color: #f5f5f5 !important;
}
.btn.btn-google {
  color: #1f1f1f;
  border-color: #747775;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.btn.btn-google .logo-google {
  left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='display:block' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");
}
.btn.btn-microsoft {
  color: #5E5E5E;
  border-color: #8C8C8C;
  font-family: "Segoe UI", sans-serif;
  font-size: 15px;
}
.btn.btn-microsoft .logo-microsoft {
  left: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23f3f3f3' d='M0 0h23v23H0z'/%3E%3Cpath fill='%23f35325' d='M1 1h10v10H1z'/%3E%3Cpath fill='%2381bc06' d='M12 1h10v10H12z'/%3E%3Cpath fill='%2305a6f0' d='M1 12h10v10H1z'/%3E%3Cpath fill='%23ffba08' d='M12 12h10v10H12z'/%3E%3C/svg%3E");
  background-size: 20px;
}
.btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  width: 100%;
}
.btn:disabled {
  opacity: 0.65;
  cursor: default;
}
.btn-primary:not(:disabled):hover {
  opacity: 0.9;
}
.btn-link {
  padding: 0;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
/**************/
/* LOGIN AREA */
/**************/
.login-area {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-area {
  width: 100vw;
  z-index: 10;
}
.header-area .list-inline {
  margin-top: -5px;
}
.header-area .list-inline .list-inline-item {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
  text-transform: uppercase;
  color: #000000;
  font-size: 10px;
  border: 1px solid #cacaca;
}
.header-area .list-inline.langselect .list-inline-item:not(:last-child) {
  margin-right: -5px;
  border-right: none;
}
.header-area #logo {
  background-repeat: no-repeat;
  background-image: url('//cdn.twikey.net/img/logo.svg');
  height: 65px;
  width: 132px;
  margin-top: 5px;
  display: inline-block;
}
.login-content {
  width: 100%;
  flex-grow: 1;
  background: url('//cdn.twikey.net/img/background-login.svg') no-repeat center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.beta {
  background-image: url('//cdn.twikey.net/beta/img/background-login.svg');
}
/**************/
/* LOGIN FORM */
/**************/
.login-form {
  border-radius: 10px;
  padding: 10px 15px 10px;
  min-width: 400px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.login-form #username:disabled,
.login-form #password {
  border-radius: 0 4px 4px 0;
}
.login-form .login-form-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.login-form .login-form-header a {
  position: absolute;
  right: 0;
  z-index: 100;
}
.login-form .login-form-header i.question-circle {
  height: 2em;
  width: 2em;
  background-color: #2A628D !important;
}
.login-form .login-form-header i.question-circle:hover {
  opacity: 0.9;
}
.login-form .heading {
  font-size: 24px;
  color: Black;
  text-align: center;
  margin-bottom: 10px;
}
.login-form .form-control.ng-invalid.ng-dirty.ng-touched {
  border: 1px solid #DC3545;
}
.login-form .btn-reset {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  background-color: #eee;
  border: 1px solid #ccc;
  color: #000;
  opacity: 0.7;
}
.login-form .btn-reset:hover {
  opacity: 1;
}
.login-form .btn-back {
  position: absolute;
  top: 4px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background-color: transparent;
  border: none;
}
.login-form .login-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-form .login-buttons .btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .login-form {
    min-width: 90vw !important;
    margin: auto;
  }
}
.icon-mail {
  font-size: 40px;
  line-height: 40px;
  margin-top: 1rem;
}
.resend {
  color: #2A628D;
  text-decoration: underline;
  font-size: 18px;
  background-color: transparent;
  border: none;
}
.resend.disabled {
  opacity: 0.25;
  cursor: default;
}
.resend:not(.disabled):hover {
  color: #1D4462;
  cursor: pointer;
}
.back {
  color: #6c757d;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.back:hover {
  text-decoration: underline;
}
/****************/
/* NOTIFICATION */
/****************/
.notif-wrapper {
  top: unset !important;
  bottom: 20px !important;
  right: 20px !important;
  justify-content: flex-end !important;
}
.btn-support {
  position: absolute;
  right: 1rem;
  bottom: 0.5rem;
  z-index: 100;
  color: white;
}
.btn-support > i {
  height: 2rem;
  width: 2rem;
}
@media screen and (max-width: 768px) {
  .btn-support i {
    background-color: #2A628D !important;
  }
  .wave-wrapper {
    display: none;
  }
}