/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.min-height-390 { min-height: 390px; }
.modal-content .title .btn-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}
.btn.btn-link-red {
    color: #FF1200 !important;
    min-width: max-content;
    padding: 0 !important;
}
#login-client {
    max-width: 460px;
    width: 100%;
    border: 0.25rem solid #cce2f1;
    border-radius: 1rem;
    position: relative;
}
#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background: rgb(255 255 255 / 90%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
}
.clock-loader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border: 3px solid #7fa1b8;
  border-radius: 50%;
}
.clock-loader::before, .clock-loader::after {
  position: absolute;
  content: "";
  top: calc((4rem / 2) * 0.2);
  width: 0.2rem;
  background: #7fa1b8;
  border-radius: 10px;
  transform-origin: center calc(100% - (0.2rem / 2));
  animation: spin infinite linear;
}
.clock-loader::before {
  height: calc(4rem * 0.4);
  animation-duration: 2s;
}
.clock-loader::after {
  top: calc((4rem / 2) * 0.2 + (4rem * 0.2));
  height: calc(4rem * 0.2);
  animation-duration: 15s;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.error {border-color: #ff0000 !important; }
.error-text {display: none; color: #ff0000;}
.error .error-text {display: block;}
.item > .item-text {min-height: 220px;}
.description h4 {text-align: center;}

.list .list-item {border-bottom: 1px solid #dee2e6!important;}
.list .list-item:last-child {border-bottom: 1px solid transparent!important;}