/* 
  $RSFORMS GERAL
  $LOGIN
  $BOTOES 
*/ 


/*////////////////////////////////////////////////////

------------------ $RSFORMS GERAL ---------------------
////////////////////////////////////////////////////*/


/*RSFORMS - DIV base */
.rsform {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 972px) {
    .rsform {
    padding: 0 30px;
  }
}

/*RSFORMS - ESTRUTURA em (Bootstrap 5) */
.form-row {
  display: flex;
  flex-wrap: wrap;
}
/*espaçamento horizontal entre campos*/ 
.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}
/*espaçamento vertical entre campos*/ 
.rsform .form-group {
  margin-bottom: 1.2rem !important;
}
.rsform .formControls input,
.rsform .formControls textarea,
.rsform .formControls #g-recaptcha-29{
  margin-bottom: -5px;
}

/*RSFORMS - LABELS */
.rsform label {
  display: inline-block;
  display: none;
}
.rsform label {  
	color: grey;
  font-size: 0.9rem;
	font-weight: 400;
  margin-bottom: 0.1rem;
}
.rsform label .formRequired{
   font-weight: 400;
}
/*RSFORMS - PLACEHOLDER */
.rsform .form-control::placeholder {
    color: grey;
    opacity: 1; /* Firefox */
}
.rsform .form-control::placeholder:hover {
    color: gray;
    opacity: 1; /* Firefox */
}
.rsform .form-control::placeholder:focus {
    color: gray;
    opacity: 1; /* Firefox */
}

/*RSFORMS - CAMPOS DO FORMULÁRIO */

.rsform .form-control {
  color:grey;
  background-color:#FFF;
  font-size: .9rem;
  height: calc(2.8rem + 15px);
  padding: 15px 20px;  
  border: 2px solid;
  border-radius: .25rem;
  border-color: #efefef;
  -webkit-box-shadow: 0 4px 20px rgba(206, 206, 206, 0.35);
  box-shadow: 0 4px 20px rgba(206, 206, 206, 0.35);
  /*transition*/
    /*-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;*/
  transition: 0.4s ease;
}
/* .form-control {
	background-image: none;
	background-clip: padding-box;
} */
.rsform textarea.form-control, textarea.inputbox {
  height: auto;
}
.form-control:hover {
  color:gray;
  border-color:rgba(154,207,250,0);
  outline: 0;
  /*shadow*/
  /*-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.1);
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.1);*/
}
.form-control:focus {
  color: #333;
  border-color: lightgrey /*#7fdd3e*/;
  -webkit-box-shadow: 0 4px 30px #e7e7e7;
  box-shadow: 0 4px 30px #e7e7e7;
  outline: 0;
}

/*-------------------/
RSFORMS - Submissão INVÁLIDA
------------------------*/
.rsform .form-control.is-invalid, .is-invalid.inputbox {
  border-color: #eed0d3;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.rsform .form-control.is-invalid:focus, .is-invalid.inputbox:focus {
  border-color: #eed0d3;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.2);
  box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.02);
}
/*Titulo no topo do formulário: "Por favor preencha os campos obrigatórios!" */
.rsform p.formRed {
  color: #D5595E;
  font-weight: bold;
  display: none;
}
/*Texto - Validation messages */
.rsform .formError {
  color: #D5595E;
  font-weight: normal;
  font-size: .8rem;
}

/*RSFORMS - BOTÃO ENVIAR */
.rsform #Enviar {
  margin-top: 5px;
}




/*////////////////////////////////////////////////////

-                 $LOGIN & $REGISTER
////////////////////////////////////////////////////*/

/*
  REGRAS GERAIS
*/
#com-users-login__form {
  font-size: var(--body-font-size-sm);
}
.required span.star,
.required span.star {
  color: #F29D83;
  display: inline-block;
}
/*Mostra informação nos campos que necessitam ser preenchidos*/
.form-control-feedback {
  display: block;
}
.invalid {
  border-color: #eed0d3;
  color: #D5595E;
}
/*Botão icon show/hide password*/
.input-password-toggle {
  background-color: #fff !important;
  border-color: #ced4da !important;
  color: #353b41 !important;
}
.input-password-toggle:focus,
.input-password-toggle:hover {
  background-color: #f9fafb !important;
  color: #353b41 !important;
  border-color: #ced4da !important;
}
/*informação sobre o tipo de password admitida*/
.text-muted {
  --text-opacity: 1;
  color: #6d757e !important;
}
/*
  REGRAS EXCLUSIVAS LOGIN & REGISTER
*/
.com-users-login.login,
.com-users-registration.registration {
  max-width: 400px;
  margin: auto;
  /* margin-top: 100px; */
  margin-bottom: 60px;
  padding: 15px 30px;
  background-color: #f3f3f0bb;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  border-top: 0px solid transparent;
  border-radius: .5em;
}
.com-users-login.login label,
.com-users-registration.registration label {
  display: inline-block;
  margin-bottom: 0.3rem;
  color: gray;
  width: 100%;
}
.com-users-login.login .form-check,
.com-users-registration.registration .form-check {
  display: inherit;
}
.com-users-login.login .form-check label,
.com-users-registration.registration label {
  text-align: left;
}
.com-users-login.login .btn.btn-primary,
.com-users-registration.registration .btn.btn-primary {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.5px;
  word-spacing: 0px;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  padding: 12px 30px;
  border: 1px solid var(--verde-btn);
  background-color: var(--verde-btn);
  color: #f6f3ec;
  width: 100%;
  margin-top: 15px;

  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.com-users-login.login .btn.btn-primary:hover,
.com-users-registration.registration .btn.btn-primary:hover  {
  border: 1px solid var(--verde-btn-hover);
  background-color: var(--verde-btn-hover);
}
.com-users-login.login fieldset,
.com-users-registration.registration  fieldset {
  margin-bottom: 0;
}
.com-users-login.login .list-group-item,
.com-users-registration.registration .list-group-item {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 1px;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, 0.125);
  font-size: 13px; 
  color: gray;
  text-align: center;
}
.btn.btn-secondary.input-password-toggle {
  padding-right: 15px;
  padding-left: 15px;
}
/*Mensagem de erro*/
.com-users-login.login span.form-control-feedback,
.com-users-registration.registration span.form-control-feedback{
  display: none;
}
.com-users-login.login .invalid,
.com-users-registration.registration .invalid {
  border-color: #eed0d3;
  /* color: #a51f18; */
}