/* 
  $RSFORMS GERAL
  $LOGIN
  $BOTOES 
*/


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

------------------ $RSFORMS GERAL ---------------------
////////////////////////////////////////////////////*/
/*@media (min-width: 576px){}


/*RSFORMS - ESTRUTURA em (HTML-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;
}
/*end HTML-5*/


/*RSFORMS - ESTRUTURA DO FORMULÁRIO (Bootstrap 5) */
  /*RS FORM*/
.rsform {
  margin: 0 auto;
  padding: 30px;
}
.rsform label {
  font-size: 0.9rem;
}
.rsform label .formRequired{
  /* color: #FF441F; */
}
/* .rsform h2{
  font-size: 7rem;
} */

.form-control::placeholder {
    color: grey;
    opacity: 1; /* Firefox */
}
.form-control::placeholder:hover {
    color: gray;
    opacity: 1; /* Firefox */
}
.form-control::placeholder:focus {
    color: gray;
    opacity: 1; /* Firefox */
}


/*-------------------/
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);
}
/*Texto - Validation messages */
.rsform .formError {
  color: #D5595E;
  font-weight: normal;
  font-size: 12px;
}
/*Texto explicativo "Por favor preencha os campos obrigatórios!" */
.rsform p.formRed {
  color: red;
  font-weight: bold;
  display: none;
}


/*-------------------/
  RS FORMS - 02
--------------------*/

/* #contact-form .form-control {
  background-color: #E9E9E9;
  border: 1px solid transparent;
  padding: .8rem 1rem;
  width: 100%;
} */
/*FORMS GERAL*/
.form-control .bg-white{
  background-color: #fff;
  max-width: 100%;
}
.form-control {
  color:grey;
  background-color:#FFF;
  border-radius: .25rem;
  border-color: transparent;
  /*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;
  -webkit-box-shadow: 0 5px 20px rgba(206, 206, 206, 0.5);
  box-shadow: 0 5px 20px rgba(206, 206, 206, 0.5);
}
.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: gray;
  border-color: lightgrey;
  -webkit-box-shadow: 0 4px 30px #e7e7e7;
  box-shadow: 0 4px 30px #e7e7e7;
  outline: 0;

}
/*Template line: 2952*/
/* .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #E9E9E9;
  border: 1px solid #ced4da;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #222;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .8rem 1rem;
  transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
  width: 100%;
}
.com-users-login.login .form-control:focus {
  background-color: #E9E9E9;
  border-color: transparent;
  border-bottom: 1px solid #8894aa;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,0.0);
  color: #222;
  outline: 0;
} */


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

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

/*
  REGRAS GERAIS
*/
.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: #a51f18;
  color: #a51f18;
}
/*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: #f3f3f0;
  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 #4B425E;
  background-color: #4B425E;
  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  {
  opacity: 0.9;
}
.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;
}
/*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: #F29D83;
  /* color: #a51f18; */
}




/*////////////////////////////////////////////////////////////////////////
/ Deprecated (Formulário "Amplitude" com js para animação das labels) 
/ LANDING PAGE E-BOOK PDF
////////////////////////////////////////////////////////////////////////*/

.formularios-inscricao {
  font-family: 'Satoshi', Arial, sans-serif;
  color: #443B4A;
  margin-top:50px;
}
.formularios-inscricao 
#userForm{
  margin-top:30px;
}
.formularios-inscricao 
.rsform-block {
  position: relative;
  margin-bottom: 1rem !important;
  margin-top: 1.1rem;
}
.formularios-inscricao 
.form-label {
  position: absolute;
  cursor: text;
  margin-bottom: 0;
  top: 5px;
  user-select: none;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}
.formularios-inscricao 
.form-label.active {
  /* top: -18px; */
  transform: translateY(-125%);
  font-size: .8em;
  color: #888;
}
.formularios-inscricao 
.form-control {
  background-color: rgba(181, 189, 189, 0.13);
  border: solid rgba(0, 0, 0, 0.3);
  border-width: 0px 0px 2px 0px;
  border-radius: .0rem;
  color: #333;
  box-shadow: none;
  padding: .3rem 0 .6rem;
}
.formularios-inscricao 
.form-control:hover {
  background-color: rgba(181, 189, 189, 0.13);
  color: #333;
  border-color: rgba(0, 0, 0, 0.6);
  /* outline: 0; */
}
.formularios-inscricao 
.form-control:focus {
  color: #333;
  background-color: rgba(181, 189, 189, 0.13);
  border-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 .25rem rgba(var(--cassiopeia-color-primary),.25);
  outline: 0;
  /* border-color: lightgreen; */
}
/*Erros*/
.formularios-inscricao 
.form-control.is-invalid:focus, .form-control.is-invalid:hover, .was-validated .form-control:invalid:focus {
  border-color: #a51f18;
  box-shadow: 0 0 0 0 rgba(165,31,24,.25);
}
.formularios-inscricao 
.formError, .formularios-inscricao .formRed {
  color: #a51f18;
  font-weight: 300;
}
.formularios-inscricao 
.formError{
  font-size: .86rem;
}
/*Botao*/
.formularios-inscricao 
.btn[class*="rsform-submit-button"] {
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  font-weight: 500;
  background: #FF9380;
  border: 1px solid #FF9380;
  color: #443B4A;
}
.formularios-inscricao 
.btn[class*="rsform-submit-button"] {
  background: #443B4A;
  border: 0px solid #FF9380;
  color: white;
}
.rsform-block-submeter{
  margin-top: 15px;
}
.formularios-inscricao 
strong.formRequired {
  font-weight: 700;
  font-style: normal;
  margin-left: 3px;
  color: #FF441F;
}


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

-                 CHOSEN (Drop-Down List)
////////////////////////////////////////////////////*/
/*O css original está em media/vendor/chosen/css/chosen.css*/
/*Esta versao está baseada no css do template do Cassiopeia*/
.input-group button {
  padding: 0.55rem 1rem !important;
}
.chosen-container {
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .9rem;
  display: inline-block;
  position: relative;
}

.chosen-container.chosen-container-single .chosen-single {
  height:calc(1.5em + 1.2rem + calc(var(--border-width)*2));
  color:var(--body-color);
  vertical-align:middle;
  background:#eaedf0 url(../images/select-bg.svg?v=5ebba0) right .0rem center no-repeat;
  background-image:none \9 ;
  border:var(--border-width)solid #ced4da;
  box-shadow:none;
  appearance:none;
  border-radius:var(--border-radius);
  background-size:116rem;
  padding:.6rem 4rem .81rem 1rem;
  line-height:1.5;
  display:inline-block;
  border: solid 1px pink;
}
.chosen-container.chosen-container-single .chosen-single abbr {
  top:10px
}
.chosen-container.chosen-container-single .chosen-single:focus {
  border-color:#8893aa;
  outline:none
}
.chosen-container.chosen-container-single .chosen-single:disabled {
  cursor:not-allowed;
  background-color:var(--secondary-bg)
}
.chosen-container.chosen-container-single .chosen-single div b {
  background:0 0!important
}
.chosen-container.chosen-container-single .chosen-drop {
  border:var(--border-width)solid #ced4da;
  background:#fff
}
.chosen-container.chosen-container-single .chosen-results li {
  line-height:1.3rem
}
.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}
.chosen-container.chosen-container-multi .chosen-choices {
  max-width:100%;
  min-height:calc(1.5em + 1.2rem + calc(var(--border-width)*2));
  background-image:#fff;
  font-size:1rem;
  line-height:1.5
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  color:#fff;
  background:var(--primary);
  border-radius:var(--border-radius);
  border:0;
  padding:5px 33px 5px 10px;
  box-shadow:1px 1px 4px #0000001a
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background:#0003;
  width:20px;
  height:100%;
  top:0;
  right:0;
  background-image:none!important
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  color:#fff;
  content:"×";
  font-size:1rem;
  position:absolute;
  top:6px;
  right:5px
}
.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow:none
}
.chosen-container-single {
  width:auto!important
}