.border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
  border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
  border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
  border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
  border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
  border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
  border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
  border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
  border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
  border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
  border-bottom: 0.25rem solid #5a5c69 !important;
}	
/* Contêiner que mantém o botão e o spinner na mesma linha */
.form-group.d-flex {
    display: flex;
    align-items: center; /* Alinha verticalmente no centro */
    justify-content: center; /* Centraliza horizontalmente */
    position: relative; /* Cria um contêiner para posicionamento absoluto */
}

/* Estilo para o botão */
#submitBtn {
    margin-right: 10px; /* Espaço entre o botão e o spinner */
}

/* Estilo para o spinner */
.register-loading-spinner {
    display: none; /* Inicialmente escondido; será exibido quando necessário */
    position: absolute; /* Posiciona o spinner sem afetar o layout do botão */
    right: 0; /* Posiciona o spinner à direita do botão */
    top: 50%; /* Centraliza verticalmente em relação ao botão */
    transform: translateY(-50%); /* Ajusta o posicionamento vertical */
}

.register-loading-spinner i {
    color: #000; /* Altere a cor do spinner se necessário */
}

/* Estilo para mensagens de sucesso ou falha */
#message {
    display: none; /* Inicialmente escondido; será exibido quando necessário */
    padding: 10px;
    border-radius: 5px;
}

#message.success {
    color: #28a745; /* Verde para sucesso */
    border: 1px solid #28a745;
}

#message.error {
    color: #dc3545; /* Vermelho para erro */
    border: 1px solid #dc3545;
}

.toggle-password{cursor: pointer;}

.ftco-section {
  padding: 3em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px;
  color: #000; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.login-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 34px -5px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 10px 34px -5px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 34px -5px rgba(0, 0, 0, 0.24); }
  .login-wrap h3 {
    font-weight: 300; }

.half {
  width: 100%; }
  @media (min-width: 992px) {
    .half {
      width: 50%; } }

.form-group {
  position: relative;
  z-index: 0;
  margin-bottom: 0px !important; }
  .form-group a {
    color: #000; }

.form-control {
  height: 25px;
  background: #fff;
  color: #000;
  font-size: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.2) !important; }
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.2) !important; }
  .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.2) !important; }
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.2) !important; }
  .form-control:focus, .form-control:active {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #b96b9f; }

.field-icon {
  position: absolute;
  top: 30%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.3);
  margin-top: 20px; font-size:20px;}

.form-control-placeholder {
  position: absolute;
  top: 2px;
  padding: 7px 0 0 15px;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  opacity: .6; }

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
  padding: 7px 0 0 0;
  opacity: 1;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #b96b9f;
  font-weight: 700; }

.social-media {
  position: relative;
  width: 100%; }
  .social-media .social-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent;
    background: #fff;
    font-size: 16px;
    margin: 0 5px;
    border-radius: 50%; }
    .social-media .social-icon span {
      color: #b96b9f; }
    .social-media .social-icon:hover, .social-media .social-icon:focus {
      background: #fff; }
      .social-media .social-icon:hover span, .social-media .social-icon:focus span {
        color: #b96b9f; }

.checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: rgba(10, 140, 142, 0.9);
  font-size: 20px;
  margin-top: -4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .checkmark:after {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  color: rgba(0, 0, 0, 0.2); }

/* Style the checkmark/indicator */
.checkbox-primary {
  color: #000; }
  .checkbox-primary input:checked ~ .checkmark:after {
    color: #000; }

.btn {
  cursor: pointer;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 15px;
  padding: 10px 20px; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none; }
  .btn.btn-secondary {
    background: #17223b !important;
    border: 1px solid #17223b !important;
    color: #fff !important; }
    .btn.btn-secondary:hover {
      border: 1px solid #17223b;
      background: transparent;
      color: #17223b; }
    .btn.btn-secondary.btn-outline-secondary {
      border: 1px solid #17223b;
      background: transparent;
      color: #17223b; }
      .btn.btn-secondary.btn-outline-secondary:hover {
        border: 1px solid transparent;
        background: #17223b;
        color: #fff; }