html { font-size: 14px; }

@media (min-width: 768px) {
  html { font-size: 16px; }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }

html { position: relative; min-height: 100%; }

body { margin-bottom: 60px; }
.titulo { display: flex; justify-content: center; align-items: center; }
.gradient-div { background: linear-gradient(to right, #a605f2,#e813a8); color: #fff; padding: 50px; }
.gradient-seguro { background: linear-gradient(to right, #a605f2,#e813a8); color: #fff;  }
.gradient-seguro .row { background: url('/images/simulador.png'); background-size: 70%; background-repeat: no-repeat; background-blend-mode: multiply; padding: 50px; }
.situacao { background-color: #fff; padding: 40px 30px; color: #000; border-radius: 30px;}
.situacao h4 { border-bottom: 1px solid #ff9ac6; padding-bottom: 15px; font-weight: 700; }
.situacao p { font-weight: 700; }
.input-check { display: flex; }
.input-check .radio { display: none; }
.input-check .radio + label { position: relative; padding-left: 30px; cursor: pointer; top: -17px; }
.input-check .radio + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: none; background: #d6d6d6; }
.input-check .radio:checked + label:after { content: ''; position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; background: #000; }
.input-check div { margin-right: 20px; }
.situacao .remuneracao { float: right; color: #ff1f76; text-align: right; font-weight: 700; font-size: 15pt; width: 200px; padding: 5px; border-radius: 5px; border: 1px solid #ff1f76; }
.situacao .idade { float: right; color: #ff1f76; text-align: right; font-weight: 700; font-size: 15pt; width: 200px; padding: 5px; border-radius: 5px; border: 1px solid #ff1f76; }
.situacao input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; }
.situacao input[type="range"]:focus { outline: none; }
.situacao input[type="range"]::-webkit-slider-runnable-track { background-color: #8C95A1; border-radius: 0.5rem; height: 0.5rem; }
.situacao input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -7px; background-color: #ff1f76; height: 1.2rem; width: 1.2rem; border-radius: 2rem }
.situacao .range { width: 100% !important; padding: 30px 0; }
.situacao .btn-block { width: 100% !important; padding: 10px 0; background-color: #ff1f76; color: #FFF; border-radius: 30px; }

.wizzard { width: 100%; margin-top: 50px;}
.wizzard .numeros { width: 100%; display: flex; justify-content: space-between; }
.wizzard .numeros .linha { width: 14%; display: block; background-color: #d6d6d6; height: 3px; margin-top: 23px; position: relative; }
.wizzard .numeros .linha .active { width: 18%; display: block; background-color: #d6d6d6; height: 3px; margin-top: 23px; position: relative; }
.wizzard .numeros .linha .active::after { background-color: #a605f2; width: 100px; content: ""; position: absolute; top: 0; left: 0; width: 10%; background-color: pink; }
.wizzard .numeros .num { width: 50px; height: 50px; background-color: #d6d6d6; text-align: center; font-size: 14pt; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; }
.wizzard .numeros .num.active { background-color: #a605f2; }

.form{}
.form h4 { color: #a605f2; font-weight: 700; }
.form .form-campo { font-weight: 700; margin: 15px 0;}
.form .form-control { background-color: #f0f4f9; border-color: #f0f4f9; padding: 10px 25px; border-radius: 50px; color: #000000; margin-top: 5px; }
.form .botoes { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; }
.form .botoes .voltar { color: #a605f2; background-color: #FFF; border-radius: 20px; padding: 8px 20px; border: 1px solid #a605f2; display: flex; }
.form .botoes .continuar { background-color: #a605f2; color: #FFF; border-radius: 20px; padding: 8px 20px; border: 1px solid #a605f2; display: flex; }

    .form .botoes.somente-avancar {
        justify-content: flex-end;
    }
    .form .botoes.somente-avancar .voltar {
        display: none;
    }

    

.table input, .table select { text-align: center; background-color: #FFF !important; border-radius: 0 !important; border: none; }
.table .parentesco { width: 220px; margin: auto; }
.table .data { width: 150px; margin: auto; }
.table .percentual { width: 150px; margin: auto; }
.table .addBeneficiario { color: #a605f2; text-decoration: none; }

.roxo{color: #a605f2; }
.req { color: #930808; }

#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 9; display: none; }
#loading .loader { border: 16px solid #f3f3f3; /* Light grey */ border-bottom: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin-bottom: 20px; }
#loading .loading-text { color: #fff; font-size: 20px; text-align: center; }

.input-dados { display: flex; justify-content: space-between; margin-bottom: 15px; }
.input-dados-full { display: table; margin-bottom: 15px; width: 100% !important; }
.input-dados-full input { width: 100% !important; text-align: left !important; color: #ff1f76; text-align: right; font-weight: 700; font-size: 16pt; width: 200px; padding: 5px; border-radius: 5px; border: 1px solid #ff1f76; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.footer-width-fixer { width: 100%; }

/* Container fix for genesis themes */

.ehf-template-genesis.ehf-header .site-header .wrap,
.ehf-template-genesis.ehf-footer .site-footer .wrap,
.ehf-template-generatepress.ehf-header .site-header .inside-header { width: 100%; padding: 0; max-width: 100%; }

/* Container fix for generatepress theme */

.ehf-template-generatepress.ehf-header .site-header,
.ehf-template-generatepress.ehf-footer .site-footer { width: 100%; padding: 0; max-width: 100%; background-color: transparent !important; /* override generatepress default white color for header */ }

.bhf-hidden { display: none }

/* Fix: Header hidden below the page content */
.ehf-header #masthead { z-index: 99; position: relative; }


@media only screen and (max-width: 768px) {
  .input-dados{ display: block; }
  .input-dados input { width: 100% !important; }
  .situacao .range { padding-bottom: 10px; padding-top: 15px !important; }
  .gradient-seguro .row { padding: 10px; background-image: none; }
}
#ResumoDados div {margin-bottom: 10px; }
#ResumoDados div strong { color: #7c339f; }