.alert {
  --bs-alert-padding-y: 8px;
  --bs-alert-padding-x: 48px;
  --bs-alert-border-radius: 4px;
  --bs-alert-margin-bottom: 4px;
  position: relative;
  border-top: none;
  border-right: none;
  border-left-width: 6px;
  align-items: center;
}
.alert p {
  margin-bottom: 0;
}
@media screen and (width <= 768px) {
  .alert {
    padding: 8px 12px;
    padding-right: 48px;
  }
}
.alert button.btn-close {
  background: transparent var(--bs-btn-close-bg) center/0.55em auto no-repeat;
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1rem;
  width: min-content;
}
.alert.alert-primary {
  border-left-color: #0d6efd;
}
.alert.alert-primary::before {
  position: absolute;
  color: #0d6efd;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-primary::before {
    display: none;
  }
}
.alert.alert-primary button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-primary button.btn-close::after {
  content: "\f00d";
  color: #0b5ed7;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-secondary {
  border-left-color: #6c757d;
}
.alert.alert-secondary::before {
  position: absolute;
  color: #6c757d;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-secondary::before {
    display: none;
  }
}
.alert.alert-secondary button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-secondary button.btn-close::after {
  content: "\f00d";
  color: #5c636a;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-success {
  border-left-color: #198754;
}
.alert.alert-success::before {
  content: "\f058";
  position: absolute;
  color: #198754;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-success::before {
    display: none;
  }
}
.alert.alert-success button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-success button.btn-close::after {
  content: "\f00d";
  color: #157347;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-info {
  border-left-color: #0dcaf0;
}
.alert.alert-info::before {
  content: "\f05a";
  position: absolute;
  color: #0dcaf0;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-info::before {
    display: none;
  }
}
.alert.alert-info button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-info button.btn-close::after {
  content: "\f00d";
  color: #0baccc;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-warning {
  border-left-color: #ffc107;
}
.alert.alert-warning::before {
  content: "\f071";
  position: absolute;
  color: #ffc107;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-warning::before {
    display: none;
  }
}
.alert.alert-warning button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-warning button.btn-close::after {
  content: "\f00d";
  color: #d9a406;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-danger {
  border-left-color: #dc3545;
}
.alert.alert-danger::before {
  content: "\f06a";
  position: absolute;
  color: #dc3545;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-danger::before {
    display: none;
  }
}
.alert.alert-danger button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-danger button.btn-close::after {
  content: "\f00d";
  color: #bb2d3b;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-light {
  border-left-color: #f8f9fa;
}
.alert.alert-light::before {
  position: absolute;
  color: #f8f9fa;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-light::before {
    display: none;
  }
}
.alert.alert-light button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-light button.btn-close::after {
  content: "\f00d";
  color: #d3d4d5;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}
.alert.alert-dark {
  border-left-color: #212529;
}
.alert.alert-dark::before {
  position: absolute;
  color: #212529;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
  left: 12px;
  top: calc(50% - 18px);
}
@media screen and (max-width: 950px) {
  .alert.alert-dark::before {
    display: none;
  }
}
.alert.alert-dark button.btn-close {
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-color: 1;
}
.alert.alert-dark button.btn-close::after {
  content: "\f00d";
  color: #1c1f23;
  font-family: "Font Awesome 6 Free";
  font-size: 1.5rem;
}

.alert.alert-light {
  color: #536A8F;
  padding: 1rem;
}

#wrap > .alert, #wrap > div[app-view-segment="1"] > .alert {
  margin: 0.5rem 3rem;
}

#content nhr-msg-global {
  display: block;
  position: sticky;
  top: 0;
  z-index: 1030;
  margin-bottom: -2rem;
  min-height: 2rem;
}
@media (max-width: 1349.98px) {
  #content nhr-msg-global {
    margin-bottom: -1rem;
  }
}

@media screen and (width <= 949px) {
  .alert-container .alert {
    padding-left: 1rem;
  }
}
.widget .widget-alert {
  margin: 0.5rem 1.25rem;
}
.widget > .widget-alert.alert, .widget > template > .widget-alert.alert, .widget > [after-title] > .widget-alert.alert, .widget > template > [after-title] > .widget-alert.alert,
.widget .card-subtitle > div.alert {
  border-radius: 0;
  margin: 0;
  padding: 0.25rem 1rem;
}
.widget > .widget-alert.alert.alert-danger, .widget > .widget-alert.alert.alert-warning, .widget > .widget-alert.alert.alert-info, .widget > .widget-alert.alert.alert-success, .widget > template > .widget-alert.alert.alert-danger, .widget > template > .widget-alert.alert.alert-warning, .widget > template > .widget-alert.alert.alert-info, .widget > template > .widget-alert.alert.alert-success, .widget > [after-title] > .widget-alert.alert.alert-danger, .widget > [after-title] > .widget-alert.alert.alert-warning, .widget > [after-title] > .widget-alert.alert.alert-info, .widget > [after-title] > .widget-alert.alert.alert-success, .widget > template > [after-title] > .widget-alert.alert.alert-danger, .widget > template > [after-title] > .widget-alert.alert.alert-warning, .widget > template > [after-title] > .widget-alert.alert.alert-info, .widget > template > [after-title] > .widget-alert.alert.alert-success,
.widget .card-subtitle > div.alert.alert-danger,
.widget .card-subtitle > div.alert.alert-warning,
.widget .card-subtitle > div.alert.alert-info,
.widget .card-subtitle > div.alert.alert-success {
  padding: 0.25rem 3rem;
  padding-right: 0.5rem;
}
.widget > .widget-alert.alert.alert-dismissible, .widget > template > .widget-alert.alert.alert-dismissible, .widget > [after-title] > .widget-alert.alert.alert-dismissible, .widget > template > [after-title] > .widget-alert.alert.alert-dismissible,
.widget .card-subtitle > div.alert.alert-dismissible {
  padding-right: 2.5rem;
}
.widget > .widget-alert.alert::before, .widget > template > .widget-alert.alert::before, .widget > [after-title] > .widget-alert.alert::before, .widget > template > [after-title] > .widget-alert.alert::before,
.widget .card-subtitle > div.alert::before {
  font-size: 1.37rem;
  padding-top: 3px;
}
@media screen and (max-width: 950px) {
  .widget > .widget-alert.alert, .widget > template > .widget-alert.alert, .widget > [after-title] > .widget-alert.alert, .widget > template > [after-title] > .widget-alert.alert,
  .widget .card-subtitle > div.alert {
    padding-left: 1rem;
  }
}

#errors-global {
  background-color: #F5F3F3;
}

html, body {
  height: 100%;
}

.sso-container {
  max-width: 1020px;
}

.form-horizontal .form-group {
  display: flex;
}

.form-check-lg {
  padding-left: 2.5rem;
}
.form-check-lg input.form-check-input {
  transform: translate(-50%, 0) scale(1.5);
}

.spinner-border {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.15em;
}

.modal-backdrop.am-fade {
  opacity: 0.5;
}