@charset "utf-8";

/* 
  $RSFORMS GERAL
  $LOGIN
  $BOTOES 
*/

.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;
}

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

------------------ $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 {
  max-width: 900px;
  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: #E79DA4;
  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 4px 30px #e7e7e7;
  box-shadow: 0 4px 30px #e7e7e7;
}
.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; */
}







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

-                    $BOTOES
////////////////////////////////////////////////////*/

/*==============================================/
    $ 
   */
   .btn {
    background-color:transparent;
    border:1px solid transparent;
    border-radius:.25rem;
    color:#22262a;
    cursor:pointer;
    display:inline-block;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    padding:.5rem 1rem;
    text-align:center;
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    vertical-align:middle
   }
   @media (prefers-reduced-motion:reduce) {
    .btn {
     transition:none
    }
   }
   .btn:hover {
    color:#22262a
   }
   .btn-check:focus+.btn,
   .btn:focus {
    box-shadow:0 0 0 .25rem rgba(var(--cassiopeia-color-primary),.25);
    outline:0
   }
   .btn.disabled,
   .btn:disabled,
   fieldset:disabled .btn {
    opacity:.65;
    pointer-events:none
   }
   .btn-primary {
    background-color:#010156;
    border-color:#010156;
    color:#fff
   }
   .btn-check:focus+.btn-primary,
   .btn-primary:focus,
   .btn-primary:hover {
    background-color:#010149;
    border-color:#010145;
    color:#fff
   }
   .btn-check:focus+.btn-primary,
   .btn-primary:focus {
    box-shadow:0 0 0 .25rem rgba(39,39,111,.5)
   }
   .btn-check:active+.btn-primary,
   .btn-check:checked+.btn-primary,
   .btn-primary.active,
   .btn-primary:active,
   .show>.btn-primary.dropdown-toggle {
    background-color:#010145;
    border-color:#010141;
    color:#fff
   }
   .btn-check:active+.btn-primary:focus,
   .btn-check:checked+.btn-primary:focus,
   .btn-primary.active:focus,
   .btn-primary:active:focus,
   .show>.btn-primary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(39,39,111,.5)
   }
   .btn-primary.disabled,
   .btn-primary:disabled {
    background-color:#010156;
    border-color:#010156;
    color:#fff
   }
   .btn-secondary {
    background-color: #FF7F6B;
    border-color: #FF7F6B;
    color: #443B4A;
   }
   .btn-big-secondary {
     background-color: #FF7F6B;
     border-color: #FF7F6B;
     color: #443B4A;
    }
    .btn-big {
     border: 1px solid transparent;
     border-radius: .25rem;
     font-size: 1rem;cursor: pointer;
     display: inline-block;
     font-size: 1.25rem;
     font-weight: 400;
     line-height: 1.5;
     padding: .7rem 2rem;
     text-align: center;
     text-decoration: none;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     vertical-align: middle;
    }
.hero-content .btn-big{
  	border: 2px solid #f5f5f3 !important;
}
   .btn-check:focus+.btn-secondary,
   .btn-secondary:focus,
   .btn-secondary:hover {
    background-color:#5d636b;
    border-color:#575e65;
    color:#fff
   }
   .btn-check:focus+.btn-secondary,
   .btn-secondary:focus {
    box-shadow:0 0 0 .25rem hsla(210,6%,54%,.5)
   }
   .btn-check:active+.btn-secondary,
   .btn-check:checked+.btn-secondary,
   .btn-secondary.active,
   .btn-secondary:active,
   .show>.btn-secondary.dropdown-toggle {
    background-color:#575e65;
    border-color:#52585f;
    color:#fff
   }
   .btn-check:active+.btn-secondary:focus,
   .btn-check:checked+.btn-secondary:focus,
   .btn-secondary.active:focus,
   .btn-secondary:active:focus,
   .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem hsla(210,6%,54%,.5)
   }
   .btn-secondary.disabled,
   .btn-secondary:disabled {
    background-color:#6d757e;
    border-color:#6d757e;
    color:#fff
   }
   .btn-success {
    background-color:#448344;
    border-color:#448344;
    color:#fff
   }
   .btn-check:focus+.btn-success,
   .btn-success:focus,
   .btn-success:hover {
    background-color:#3a6f3a;
    border-color:#366936;
    color:#fff
   }
   .btn-check:focus+.btn-success,
   .btn-success:focus {
    box-shadow:0 0 0 .25rem rgba(96,150,96,.5)
   }
   .btn-check:active+.btn-success,
   .btn-check:checked+.btn-success,
   .btn-success.active,
   .btn-success:active,
   .show>.btn-success.dropdown-toggle {
    background-color:#366936;
    border-color:#336233;
    color:#fff
   }
   .btn-check:active+.btn-success:focus,
   .btn-check:checked+.btn-success:focus,
   .btn-success.active:focus,
   .btn-success:active:focus,
   .show>.btn-success.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(96,150,96,.5)
   }
   .btn-success.disabled,
   .btn-success:disabled {
    background-color:#448344;
    border-color:#448344;
    color:#fff
   }
   .btn-info {
    background-color:#30638d;
    border-color:#30638d;
    color:#fff
   }
   .btn-check:focus+.btn-info,
   .btn-info:focus,
   .btn-info:hover {
    background-color:#295478;
    border-color:#264f71;
    color:#fff
   }
   .btn-check:focus+.btn-info,
   .btn-info:focus {
    box-shadow:0 0 0 .25rem rgba(79,122,158,.5)
   }
   .btn-check:active+.btn-info,
   .btn-check:checked+.btn-info,
   .btn-info.active,
   .btn-info:active,
   .show>.btn-info.dropdown-toggle {
    background-color:#264f71;
    border-color:#244a6a;
    color:#fff
   }
   .btn-check:active+.btn-info:focus,
   .btn-check:checked+.btn-info:focus,
   .btn-info.active:focus,
   .btn-info:active:focus,
   .show>.btn-info.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(79,122,158,.5)
   }
   .btn-info.disabled,
   .btn-info:disabled {
    background-color:#30638d;
    border-color:#30638d;
    color:#fff
   }
   .btn-warning {
    background-color:#ad6200;
    border-color:#ad6200;
    color:#fff
   }
   .btn-check:focus+.btn-warning,
   .btn-warning:focus,
   .btn-warning:hover {
    background-color:#935300;
    border-color:#8a4e00;
    color:#fff
   }
   .btn-check:focus+.btn-warning,
   .btn-warning:focus {
    box-shadow:0 0 0 .25rem rgba(185,122,38,.5)
   }
   .btn-check:active+.btn-warning,
   .btn-check:checked+.btn-warning,
   .btn-warning.active,
   .btn-warning:active,
   .show>.btn-warning.dropdown-toggle {
    background-color:#8a4e00;
    border-color:#824a00;
    color:#fff
   }
   .btn-check:active+.btn-warning:focus,
   .btn-check:checked+.btn-warning:focus,
   .btn-warning.active:focus,
   .btn-warning:active:focus,
   .show>.btn-warning.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(185,122,38,.5)
   }
   .btn-warning.disabled,
   .btn-warning:disabled {
    background-color:#ad6200;
    border-color:#ad6200;
    color:#fff
   }
   .btn-danger {
    background-color:#a51f18;
    border-color:#a51f18;
    color:#fff
   }
   .btn-check:focus+.btn-danger,
   .btn-danger:focus,
   .btn-danger:hover {
    background-color:#8c1a14;
    border-color:#841913;
    color:#fff
   }
   .btn-check:focus+.btn-danger,
   .btn-danger:focus {
    box-shadow:0 0 0 .25rem rgba(179,65,59,.5)
   }
   .btn-check:active+.btn-danger,
   .btn-check:checked+.btn-danger,
   .btn-danger.active,
   .btn-danger:active,
   .show>.btn-danger.dropdown-toggle {
    background-color:#841913;
    border-color:#7c1712;
    color:#fff
   }
   .btn-check:active+.btn-danger:focus,
   .btn-check:checked+.btn-danger:focus,
   .btn-danger.active:focus,
   .btn-danger:active:focus,
   .show>.btn-danger.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(179,65,59,.5)
   }
   .btn-danger.disabled,
   .btn-danger:disabled {
    background-color:#a51f18;
    border-color:#a51f18;
    color:#fff
   }
   .btn-light {
    background-color:#f9fafb;
    border-color:#f9fafb;
    color:#000
   }
   .btn-check:focus+.btn-light,
   .btn-light:focus,
   .btn-light:hover {
    background-color:#fafbfc;
    border-color:#fafbfb;
    color:#000
   }
   .btn-check:focus+.btn-light,
   .btn-light:focus {
    box-shadow:0 0 0 .25rem hsla(180,1%,83%,.5)
   }
   .btn-check:active+.btn-light,
   .btn-check:checked+.btn-light,
   .btn-light.active,
   .btn-light:active,
   .show>.btn-light.dropdown-toggle {
    background-color:#fafbfc;
    border-color:#fafbfb;
    color:#000
   }
   .btn-check:active+.btn-light:focus,
   .btn-check:checked+.btn-light:focus,
   .btn-light.active:focus,
   .btn-light:active:focus,
   .show>.btn-light.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem hsla(180,1%,83%,.5)
   }
   .btn-light.disabled,
   .btn-light:disabled {
    background-color:#f9fafb;
    border-color:#f9fafb;
    color:#000
   }
   .btn-dark {
    background-color:#353b41;
    border-color:#353b41;
    color:#fff
   }
   .btn-check:focus+.btn-dark,
   .btn-dark:focus,
   .btn-dark:hover {
    background-color:#2d3237;
    border-color:#2a2f34;
    color:#fff
   }
   .btn-check:focus+.btn-dark,
   .btn-dark:focus {
    box-shadow:0 0 0 .25rem rgba(83,88,94,.5)
   }
   .btn-check:active+.btn-dark,
   .btn-check:checked+.btn-dark,
   .btn-dark.active,
   .btn-dark:active,
   .show>.btn-dark.dropdown-toggle {
    background-color:#2a2f34;
    border-color:#282c31;
    color:#fff
   }
   .btn-check:active+.btn-dark:focus,
   .btn-check:checked+.btn-dark:focus,
   .btn-dark.active:focus,
   .btn-dark:active:focus,
   .show>.btn-dark.dropdown-toggle:focus {
    box-shadow:0 0 0 .25rem rgba(83,88,94,.5)
   }
   .btn-dark.disabled,
   .btn-dark:disabled {
    background-color:#353b41;
    border-color:#353b41;
    color:#fff
   }
   .btn-outline-primary {
    border-color:#010156;
    color:#010156
   }
   .btn-outline-primary:hover {
    background-color:#010156;
    border-color:#010156;
    color:#fff
   }
   .btn-check:focus+.btn-outline-primary,
   .btn-outline-primary:focus {
    box-shadow:0 0 0 .25rem rgba(1,1,86,.5)
   }
   .btn-check:active+.btn-outline-primary,
   .btn-check:checked+.btn-outline-primary,
   .btn-outline-primary.active,
   .btn-outline-primary.dropdown-toggle.show,
   .btn-outline-primary:active {
    background-color:#010156;
    border-color:#010156;
    color:#fff
   }
   .btn-check:active+.btn-outline-primary:focus,
   .btn-check:checked+.btn-outline-primary:focus,
   .btn-outline-primary.active:focus,
   .btn-outline-primary.dropdown-toggle.show:focus,
   .btn-outline-primary:active:focus {
    box-shadow:0 0 0 .25rem rgba(1,1,86,.5)
   }
   .btn-outline-primary.disabled,
   .btn-outline-primary:disabled {
    background-color:transparent;
    color:#010156
   }
   .btn-outline-secondary {
    border-color:#6d757e;
    color:#6d757e
   }
   .btn-outline-secondary:hover {
    background-color:#6d757e;
    border-color:#6d757e;
    color:#fff
   }
   .btn-check:focus+.btn-outline-secondary,
   .btn-outline-secondary:focus {
    box-shadow:0 0 0 .25rem hsla(212,7%,46%,.5)
   }
   .btn-check:active+.btn-outline-secondary,
   .btn-check:checked+.btn-outline-secondary,
   .btn-outline-secondary.active,
   .btn-outline-secondary.dropdown-toggle.show,
   .btn-outline-secondary:active {
    background-color:#6d757e;
    border-color:#6d757e;
    color:#fff
   }
   .btn-check:active+.btn-outline-secondary:focus,
   .btn-check:checked+.btn-outline-secondary:focus,
   .btn-outline-secondary.active:focus,
   .btn-outline-secondary.dropdown-toggle.show:focus,
   .btn-outline-secondary:active:focus {
    box-shadow:0 0 0 .25rem hsla(212,7%,46%,.5)
   }
   .btn-outline-secondary.disabled,
   .btn-outline-secondary:disabled {
    background-color:transparent;
    color:#6d757e
   }
   .btn-outline-success {
    border-color:#448344;
    color:#448344
   }
   .btn-outline-success:hover {
    background-color:#448344;
    border-color:#448344;
    color:#fff
   }
   .btn-check:focus+.btn-outline-success,
   .btn-outline-success:focus {
    box-shadow:0 0 0 .25rem rgba(68,131,68,.5)
   }
   .btn-check:active+.btn-outline-success,
   .btn-check:checked+.btn-outline-success,
   .btn-outline-success.active,
   .btn-outline-success.dropdown-toggle.show,
   .btn-outline-success:active {
    background-color:#448344;
    border-color:#448344;
    color:#fff
   }
   .btn-check:active+.btn-outline-success:focus,
   .btn-check:checked+.btn-outline-success:focus,
   .btn-outline-success.active:focus,
   .btn-outline-success.dropdown-toggle.show:focus,
   .btn-outline-success:active:focus {
    box-shadow:0 0 0 .25rem rgba(68,131,68,.5)
   }
   .btn-outline-success.disabled,
   .btn-outline-success:disabled {
    background-color:transparent;
    color:#448344
   }
   .btn-outline-info {
    border-color:#30638d;
    color:#30638d;
   }
   .btn-outline-info:hover {
    background-color:#30638d;
    border-color:#30638d;
    color:#fff
   }
   .btn-check:focus+.btn-outline-info,
   .btn-outline-info:focus {
    box-shadow:0 0 0 .25rem rgba(48,99,141,.5)
   }
   .btn-check:active+.btn-outline-info,
   .btn-check:checked+.btn-outline-info,
   .btn-outline-info.active,
   .btn-outline-info.dropdown-toggle.show,
   .btn-outline-info:active {
    background-color:#30638d;
    border-color:#30638d;
    color:#fff
   }
   .btn-check:active+.btn-outline-info:focus,
   .btn-check:checked+.btn-outline-info:focus,
   .btn-outline-info.active:focus,
   .btn-outline-info.dropdown-toggle.show:focus,
   .btn-outline-info:active:focus {
    box-shadow:0 0 0 .25rem rgba(48,99,141,.5)
   }
   .btn-outline-info.disabled,
   .btn-outline-info:disabled {
    background-color:transparent;
    color:#30638d
   }
   .btn-outline-warning {
    border-color:#ad6200;
    color:#ad6200
   }
   .btn-outline-warning:hover {
    background-color:#ad6200;
    border-color:#ad6200;
    color:#fff
   }
   .btn-check:focus+.btn-outline-warning,
   .btn-outline-warning:focus {
    box-shadow:0 0 0 .25rem rgba(173,98,0,.5)
   }
   .btn-check:active+.btn-outline-warning,
   .btn-check:checked+.btn-outline-warning,
   .btn-outline-warning.active,
   .btn-outline-warning.dropdown-toggle.show,
   .btn-outline-warning:active {
    background-color:#ad6200;
    border-color:#ad6200;
    color:#fff
   }
   .btn-check:active+.btn-outline-warning:focus,
   .btn-check:checked+.btn-outline-warning:focus,
   .btn-outline-warning.active:focus,
   .btn-outline-warning.dropdown-toggle.show:focus,
   .btn-outline-warning:active:focus {
    box-shadow:0 0 0 .25rem rgba(173,98,0,.5)
   }
   .btn-outline-warning.disabled,
   .btn-outline-warning:disabled {
    background-color:transparent;
    color:#ad6200
   }
   .btn-outline-danger {
    border-color:#a51f18;
    color:#a51f18
   }
   .btn-outline-danger:hover {
    background-color:#a51f18;
    border-color:#a51f18;
    color:#fff
   }
   .btn-check:focus+.btn-outline-danger,
   .btn-outline-danger:focus {
    box-shadow:0 0 0 .25rem rgba(165,31,24,.5)
   }
   .btn-check:active+.btn-outline-danger,
   .btn-check:checked+.btn-outline-danger,
   .btn-outline-danger.active,
   .btn-outline-danger.dropdown-toggle.show,
   .btn-outline-danger:active {
    background-color:#a51f18;
    border-color:#a51f18;
    color:#fff
   }
   .btn-check:active+.btn-outline-danger:focus,
   .btn-check:checked+.btn-outline-danger:focus,
   .btn-outline-danger.active:focus,
   .btn-outline-danger.dropdown-toggle.show:focus,
   .btn-outline-danger:active:focus {
    box-shadow:0 0 0 .25rem rgba(165,31,24,.5)
   }
   .btn-outline-danger.disabled,
   .btn-outline-danger:disabled {
    background-color:transparent;
    color:#a51f18
   }
   .btn-outline-light {
    border-color:#f9fafb;
    color:#f9fafb
   }
   .btn-outline-light:hover {
    background-color:#f9fafb;
    border-color:#f9fafb;
    color:#000
   }
   .btn-check:focus+.btn-outline-light,
   .btn-outline-light:focus {
    box-shadow:0 0 0 .25rem rgba(249,250,251,.5)
   }
   .btn-check:active+.btn-outline-light,
   .btn-check:checked+.btn-outline-light,
   .btn-outline-light.active,
   .btn-outline-light.dropdown-toggle.show,
   .btn-outline-light:active {
    background-color:#f9fafb;
    border-color:#f9fafb;
    color:#000
   }
   .btn-check:active+.btn-outline-light:focus,
   .btn-check:checked+.btn-outline-light:focus,
   .btn-outline-light.active:focus,
   .btn-outline-light.dropdown-toggle.show:focus,
   .btn-outline-light:active:focus {
    box-shadow:0 0 0 .25rem rgba(249,250,251,.5)
   }
   .btn-outline-light.disabled,
   .btn-outline-light:disabled {
    background-color:transparent;
    color:#f9fafb
   }
   .btn-outline-dark {
    border-color:#353b41;
    color:#353b41
   }
   .btn-outline-dark:hover {
    background-color:#353b41;
    border-color:#353b41;
    color:#fff
   }
   .btn-check:focus+.btn-outline-dark,
   .btn-outline-dark:focus {
    box-shadow:0 0 0 .25rem rgba(53,59,65,.5)
   }
   .btn-check:active+.btn-outline-dark,
   .btn-check:checked+.btn-outline-dark,
   .btn-outline-dark.active,
   .btn-outline-dark.dropdown-toggle.show,
   .btn-outline-dark:active {
    background-color:#353b41;
    border-color:#353b41;
    color:#fff
   }
   .btn-check:active+.btn-outline-dark:focus,
   .btn-check:checked+.btn-outline-dark:focus,
   .btn-outline-dark.active:focus,
   .btn-outline-dark.dropdown-toggle.show:focus,
   .btn-outline-dark:active:focus {
    box-shadow:0 0 0 .25rem rgba(53,59,65,.5)
   }
   .btn-outline-dark.disabled,
   .btn-outline-dark:disabled {
    background-color:transparent;
    color:#353b41
   }
   .btn-link {
    color:var(--cassiopeia-color-link);
    font-weight:400;
    text-decoration:underline
   }
   .btn-link:hover {
    color:var(--cassiopeia-color-hover)
   }
   .btn-link.disabled,
   .btn-link:disabled {
    color:#6d757e
   }
   .btn-group-lg>.btn,
   .btn-lg {
    border-radius:.3rem;
    font-size:1.25rem;
    padding:.5rem 1rem
   }
   .btn-group-sm>.btn,
   .btn-sm {
    border-radius:.2rem;
    font-size:.875rem;
    padding: 0.7rem 1.4rem; 
   }
   .btn-close {
    background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border:0;
    border-radius:.25rem;
    box-sizing:content-box;
    color:#000;
    height:1em;
    opacity:.5;
    padding:.25em;
    width:1em
   }
   .btn-close:hover {
    color:#000;
    opacity:.75;
    text-decoration:none
   }
   .btn-close:focus {
    box-shadow:0 0 0 .25rem rgba(var(--cassiopeia-color-primary),.25);
    opacity:1;
    outline:0
   }
   .btn-close.disabled,
   .btn-close:disabled {
    opacity:.25;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .btn-close-white {
    -webkit-filter:invert(1) grayscale(100%) brightness(200%);
    filter:invert(1) grayscale(100%) brightness(200%)
   }