/* CSS do Simulador de Recibos Verdes */
.container-simulator-rv .item-buttons {
  display: none;
}

.container-simulator-rv {
  color: #535b7c;
}

.container-simulator-rv-output,
.container-simulator-rv-inner {
  padding: 25px;
  border-radius: 20px;
}

.container-simulator-rv-output input.reset-input {
  border: 0 !important;
  box-shadow: none;
  cursor: no-drop;
  background: #ffffff !important;
}

.container-simulator-rv-output input.reset-input.fw-bold:focus {
  font-weight: 700 !important;
}

.container-simulator-rv-output input.reset-input:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #ffffff !important;
  color: #535b7c !important;
}

/* For WebKit-based browsers (Chrome, Safari, Edge, Opera) */
.container-simulator-rv-output input::-webkit-outer-spin-button,
.container-simulator-rv-output input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Important to remove any default margin */
}

/* For Mozilla Firefox */
.container-simulator-rv-output input[type="number"] {
  -moz-appearance: textfield;
}

.container-simulator-rv-inner {
  margin-bottom: 20px;
  background-color: #fbfafc;
}
.container-simulator-rv-output {
  background-color: #f6f8ff;
}

.container-simulator-rv h2 {
  color: #183685;
  font-weight: 700;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin-top: 0 !important;
}
.container-simulator-rv .bg-header p {
  color: #535b7c;
  font-size: 15px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  margin: 10px 0 5px 0;
}

.container-simulator-rv .col-form-label {
  color: #535b7c;
  margin: 10px 0 5px 0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.container-simulator-rv .form-select,
.container-simulator-rv .form-control-plaintext,
.container-simulator-rv .form-control {
  border: 1px solid #dadada;
  border-radius: 5px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #535b7c;
  padding: 0 14px;
  margin: 0px !important;
  height: 45px;
}

#email-field {
  margin: 10px 0px 30px 0px !important;
}

.container-simulator-rv .form-select:focus,
.container-simulator-rv .form-control-plaintext:focus,
.container-simulator-rv .form-control:focus {
  box-shadow: none;
}

/* .container-simulator-rv h3.subtitle-resultados {
  color: #183685;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  margin-top: 0 !important;
} */

.container-simulator-rv #email-field {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #535b7c;
  border: 2px solid #003685;
  border-radius: 8px;
  height: 60px;
  background-color: #fff;
}

.container-simulator-rv input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.2s ease;
  border-color: #003585;
}

input[type="text"],
input[type="email"],
input[type="number"],
select {
  transition: box-shadow 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus {
  border: 1px solid #003685;
  border-color: #204ce5 !important;
  background-color: #e8f3ff !important;
  --e-global-color-text: #003585 !important;
  font-weight: 500 !important;
  color: #003585 !important;
  outline: 3px solid rgba(32, 76, 229, 0.65) !important;
  outline-offset: 1px !important;
}

input[type="number"]:focus-visible,
input[type="text"]:focus-visible {
  outline: none;
}

input[type="radio"]:checked {
  background-color: #003685;
}

.form-check-input:checked[type="radio"] {
  background-image: none;
}

.container-simulator-rv #form-description p {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  color: #535b7c;
}

.container-simulator-rv #form-description .form-title-p {
  color: #c2004a;
  font-weight: 700;
  display: block;
  font-size: 16px;
}

.container-simulator-rv .form-check-label {
  margin-top: 4px;
  font-size: 14px;
  font-family: apple-system, sans-serif;
  color: #535b7c;
}

.container-simulator-rv .form-check-label a {
  text-decoration: none;
  color: #046bd2;
}

.container-simulator-rv #btn-submit-form {
  color: #fff;
  border-radius: 5px;
  background: #003685;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  height: 55px;
  border: 0;
  padding: 15px 20px 15px 20px;
}
.container-simulator-rv #btn-submit-form:hover {
  border: 0;
  background: #c2134a;
  border: 1px solid #c2134a;
}

/* ---RESPONSIVIDADE--- */

/* Dispositivos móveis */
@media (max-width: 480px) {
  /* .container-simulator-rv-inner,
  .container-simulator-rv-output {
    padding: 40px 40px 30px 40px;
  }

  .container-simulator-rv-inner {
    margin-bottom: 40px;
  }

  .justify-mobile-div {
    display: flex;
    flex-direction: column;
  }

  .resize-mobile-div {
    max-width: 100% !important;
    padding: 0px;
  }

  .p-input-1,
  .p-input-2,
  .p-input-3,
  .p-input-4,
  .p-input-5,
  .p-input-6,
  .p-input-7,
  .p-input-8 {
    padding-left: 0px;
    padding-right: 0px;
  } */
}

@media (max-width: 991px) {
  .container-simulator-rv-inner,
  .container-simulator-rv-output {
    padding: 25px;
  }

  .container-simulator-rv .form-control {
    height: 40px;
  }

  /* .container-simulator-rv .form-select,
  .container-simulator-rv .form-control-plaintext,
  .container-simulator-rv .form-control {
    height: 45px;
  } */

  .container-simulator-rv h2 {
    font-size: 16px;
  }

  /* .p-input-1,
  .p-input-3,
  .p-input-4,
  .p-input-6,
  .p-input-8 {
    padding-left: 0px;
  }

  .p-input-2,
  .p-input-5,
  .p-input-7 {
    padding-right: 0px;
  } */
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* .container-simulator-rv-inner,
  .container-simulator-rv-output {
    padding: 40px 40px 30px 40px;
  }

  .fifty-size-div {
    width: 50%;
  }

  .resize-label-tablet {
    width: 105%;
  } */

  /* .p-input-1,
  .p-input-3,
  .p-input-4,
  .p-input-6,
  .p-input-8 {
    padding-left: 0px;
  }

  .p-input-2,
  .p-input-5,
  .p-input-7 {
    padding-right: 0px;
  } */
}

@media (min-width: 1025px) and (max-width: 1280px) {
  /* .p-input-1,
  .p-input-4,
  .p-input-6,
  .p-input-8 {
    padding-left: 0px;
  }

  .p-input-2,
  .p-input-3,
  .p-input-5,
  .p-input-7 {
    padding-right: 0px;
  } */
}

@media (min-width: 1281px) and (max-width: 1920px) {
  /* .p-input-1,
  .p-input-4,
  .p-input-6,
  .p-input-8 {
    padding-left: 0px;
  }

  .p-input-3,
  .p-input-5,
  .p-input-7 {
    padding-right: 0px;
  } */
}

@media (min-width: 1921px) and (max-width: 2560px) {
  /* .p-input-1,
  .p-input-3,
  .p-input-4,
  .p-input-6,
  .p-input-8 {
    padding-left: 0px;
  }

  .p-input-5,
  .p-input-7 {
    padding-right: 0px;
  } */
}