body, html {
    height: 100%;
    width: 100%;
}    

.container {
    width: 100%;
    min-width: 1200px;
    height: auto;
    display: flex;
    background: #E8E9EC;
    position: relative;
    overflow: hidden;
}

.container.center {
    align-items: center;
}

.bs-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* CLASSES AUXILIARES - ESPACAMENTO */
.mg-0 { margin: 0 !important; }
.mg-20 { margin: 20px; }
.mg-15 { margin: 15px; }
.mg-30 { margin: 30px; }
.mg-bottom-0 { margin-bottom: 0 !important; }
.mg-bottom-5 { margin-bottom: 5px; }
.mg-bottom-8 { margin-bottom: 8px !important; }
.mg-bottom-10 { margin-bottom: 10px !important; }
.mg-bottom-16 { margin-bottom: 16px; }
.mg-bottom-20 { margin-bottom: 20px !important; }
.mg-bottom-30 { margin-bottom: 30px !important; }
.mg-bottom-25 { margin-bottom: 25px; }
.mg-bottom-190 { margin-bottom: 190px; }
.mg-top-2 { margin-top: 2px !important; }
.mg-top-22 { margin-top: 22px !important; }
.mg-top-10 { margin-top: 10px !important; }
.mg-top-14 { margin-top: 14px !important; }
.mg-top-20 { margin-top: 20px !important; }
.mg-top-25 { margin-top: 25px !important; }
.mg-top-30 { margin-top: 30px; }
.mg-top-32 { margin-top: 32px; }
.mg-top-40 { margin-top: 40px !important; }
.mg-top-50 { margin-top: 50px !important; }
.mg-top-60 { margin-top: 60px; }
.mg-top-64 { margin-top: 64px; }
.mg-right-0 { margin-right: 0px !important; }
.mg-right-15 { margin-right: 15px; }
.mg-right-24 { margin-right: 24px; }
.mg-right-30 { margin-right: 30px !important; }
.mg-right-55 { margin-right: 55px; }
.mg-left-5 { margin-left: 5px !important; }
.mg-left-10 { margin-left: 10px !important;}
.mg-left-18 { margin-left: 18px !important;}
.mg-left-20 { margin-left: 20px !important;}
.mg-left-30 { margin-left: 30px !important;}
.mg-side-15 { margin: 0 15px; }
.p-0 { padding: 0 !important; }
.p-15 { padding: 15px; }
.p-top-20 { padding-top: 20px !important;}
.p-left-15 { padding-left: 15px; }
.flex { display: flex; }
.flex-start { justify-content: flex-start !important; }
.flex-end { justify-content: flex-end !important; }
.align-start { align-items: flex-start !important;}
.text-align-left { text-align: left; }
.align-center { justify-content: center; }
.align-end { display: flex; align-items: flex-end;  }
.center-align { display: flex; align-items: center; }
.text-center { text-align: center; }
.flex-column { display: flex; flex-direction: column; }
.flex-row { display: flex; flex-direction: row; }

/* CLASSES AUXILIARES - FONTES */
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-34 { font-size: 34px !important; }
.font-20 { font-size: 20px !important; }
.font-24 { font-size: 24px !important; }
.font-bold { font-family: Bradesco Sans !important; font-weight: bold !important; }
.font-medium { font-family:  Bradesco Sans !important; font-weight: 500; }
.font-blue { color: #0B67BD !important; }
.font-semibold { font-family: "Bradesco Sans"; font-weight: 600; }
.font-regular { font-family: "Bradesco Sans" !important; font-weight: 400;  }
.font-light { font-family: "Bradesco Sans"; font-weight: 100;  }
.font-grey { color: #4D4E53 !important;  }
.font-grey-icon { color: #d2d4da !important;  }


/* CLASSES AUXILIARES - BORDAS */
.border-none { border: none !important; }
.border-bottom { border-bottom: 1px solid #D2D4DA;}
.border-box { border: 1px solid #E8E9EC; }
 

/* CLASSES PARA FAZER O TOGGLE */
.display-none { display: none;}
.background { background: #F4F4F6; }
.toggle-flex { display: flex !important;}
.toggle-none { display: none; }
.toggle-block { display: block; }


/* TITULOS E SUBTITULOS */
.bs-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

.bs-title h1 {
    font-family: Bradesco Sans Bold;
    font-size: 34px;
    margin: 10px 0;
}

.bs-subtitle {
    font-family: Bradesco Sans Regular;
    font-size: 14px;
    margin: 0;
}

.bs-title-h3 h3{
    font-family: Bradesco Sans Bold;
    font-size: 18px;
    margin: 0;
    margin-bottom: 32px;
}

.bs-title-h3.blue {
    display: flex;
    color: #0B67BD;
}

/* BOTOES */
.bs-button {
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-family: "Bradesco Sans Bold";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    vertical-align: middle;
    z-index: 10;
    border-color: transparent;
	color: #fff;
    cursor: pointer;
}

.bs-button--primary {
    background: linear-gradient(to bottom, #e60935 70%, #99000f 140%);
    border-color: transparent;
    color: #fff;
    cursor: pointer;
    padding: 9px 15px;
}

.bs-button--secondary {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0e81ed), color-stop(140%, #2365a7));
    background: linear-gradient(to bottom, #0e81ed 70%, #2365a7 140%);
    border-color: transparent;
    color: #fff;
    cursor: pointer;
    padding: 9px 15px;
}

.bs-button--terciary {
    box-shadow: 0px 0px 6px #00000029;
    color: #4D4E53;
    border: transparent;
    background: #fff;
    cursor: pointer;
    padding: 9px 15px;
    border-radius: 5px;
}

.bs-button--terciary:hover {
    border: 1px solid #0b67bd;
    color: #0b67bd;
    border-radius: 5px;
}

.bs-modal--compact .bs-modal__container .bs-button:last-child {
	margin-right: 0px !important;
}

.bs-button--ghost.bs-button--secondary {
    background: transparent;
    border-color: #0b67bd;
    color: #0b67bd;
    cursor: pointer;
}

.bs-button--ghost.bs-button--secondary:hover, .bs-button--ghost.bs-button--secondary:focus {
    color: #fff;
    background-color: #0b67bd;
}

.bs-button--secondary.disabled{
    background: #f4f4f6;
    border-color: #d2d4da;
    color: #a5aab6;
    cursor: default;
    pointer-events: none;
}

.bs-button--secondary.disabled:hover {
    background: #f4f4f6;
    transition: none;
}

.bs-button--secondary:hover {
    background: #2365A7;
    border-radius: 5px;
    transition: none;
}

.bs-button-link {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: #cc092f;
    font-family: "Bradesco Sans Bold";
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bs-button-link-secondary {
	color: #0B67BD;
	text-align: left;
	font-size: 14px;
}

.bs-button-link:focus, .bs-button-link:hover {
    background-color: transparent;
    padding-right: 10px;
}

.bs-button-icon--left {
	display: flex;
	width: 145px;
	height: 100%;
    position: relative;
    align-items: center;
}

.bs-button-icon--left input {
	width: 100%;
    padding: 0 15px;
    display: flex;
    justify-content: flex-end;
} 

.bs-modal__footer .bs-button-link-secondary:hover { text-decoration: underline; }

.bs-card-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
}

i.icon-seta {
    background: url("/PA_VIDA-AceiteViagem/resources/imagens/seta.png") no-repeat center !important;
    width: 14px;
    height: 14px;
}

.bs-button.card-button {
	width: 100px;
    display: flex;
    position: relative;
    font-size: 12px;
}

.bs-button.card-button input {
    font-family: 'Bradesco Sans Bold';
    background: transparent;
}

.icon-doc-pdf:before {
	font-size: 25px;
	color: #0b67bd;
	position: absolute;
	right: 10px;
}

.icon-doc-pdf:hover:before {
    color: #fff;
}

i.icon-btn-enviar-email {
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/icon-btn-email.png") no-repeat center !important;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 100;
    left: 10px;
    pointer-events: none;
    transition: ease-in-out 0.1s;
}	

i.icon-btn-recalcular {
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/icon-btn-calculadora.svg") no-repeat center !important;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 100;
    left: 15px;
    pointer-events: none;
    transition: ease-in-out 0.1s;
}	

.icon-visualizar{
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/visualizar_padrao.svg") no-repeat center !important;
    width: 26px;
    height: 16px;
}

.icon-visualizar:hover{
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/visualizar_hover.svg") no-repeat center !important;
}

.icon-duplicar{
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/duplicar.png") no-repeat center !important;
    width: 26px;
    height: 16px;
}

.icon-setinha{
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/setinha_tabela.png") no-repeat center !important;
    width: 26px;
    height: 16px;
}

.bs-button.bs-button--ghost.bs-button--secondary:hover + .icon-btn-enviar-email,
.bs-button.bs-button--ghost.bs-button--secondary:hover + .icon-btn-baixar-pdf,
.bs-button.bs-button--ghost.bs-button--secondary:focus + .icon-btn-enviar-email,
.bs-button.bs-button--ghost.bs-button--secondary:focus + .icon-btn-baixar-pdf {
	filter: brightness(0) invert(1); 
	transition: none;
}

.bradseg-switch input {
    display: none;
}

.bradseg-switch {
    flex: none;
    position: relative;
    display: inline-block;
    width: 45px;
    height: 15px;
}

.bradseg-switch input:checked+.slider {
    background-color: #0B67BD;
}

.bradseg-switch .slider.round {
    border-radius: 34px;
}
.bradseg-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d2d4da;
    -webkit-transition: .2s;
    transition: .2s;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.bradseg-switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.bradseg-switch .slider.round:before {
    border-radius: 50%;
}

.bradseg-switch .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: -4px;
    bottom: -4px;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    box-shadow: 0px 0px 5px #0b050c59;
    opacity: 1;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* FORMS */

.aceiteMaxWidth{
	max-width: 350px !important;
}

.aceiteMaxWidthCaptcha{
	max-width: 304px !important;
}


input[type=radio] {
    margin: 5px 10px 5px 10px;
    line-height: normal;
    box-shadow: none !important;
    appearance: auto !important;
    min-height: 22px;
    min-width: 22px;
}

input[type=radio]:checked {
	color: #4d4e53 !important;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #4d4e53;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #4d4e53;
}


input.disabled {
	pointer-events: none;
	background: #E8E9EC;
	color: #A5AAB6;
}

table.radioAceite tbody tr{
	display: grid !important;
}

.radioAceite-link-text{
	max-width: 90% !important;
	position: relative !important;
    font-size: 16px !important;
    
}

@media (max-width: 768px) {
  table.radioAceite tbody tr td{

    width: 100% !important;
    left: 59px !important;
    top: 65px !important;}
}

@media (min-width: 769px) {
  table.radioAceite tbody tr td{
    left: 59px !important;
    top: 120px !important}
}

tabl\e.radioAceite tbody tr td label:first-child{
	color: transparent !important;
}

@media (max-width: 768px) {
  table.radioAceite tbody tr td{
	display: flex !important;
    align-items: flex-start !important;
   	margin-bottom: 10px !important;}
}

@media (min-width: 769px) {
  table.radioAceite tbody tr td{
	display: flex !important;
    align-items: center !important;
    align-content: center !important;
    align-content: flex-start !important;
   	margin-bottom: 10px !important;}
}

table.radioAceite tbody tr td{
	display: flex !important;
    align-items: center !important;
    align-content: center !important;
    align-content: flex-start !important;
   	margin-bottom: 10px !important;
}

table.radioAceite tbody tr td:last-child{
	display: flex !important;
    align-items: center !important;
    align-content: center !important;
   	margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  table.radioAceite tbody tr td{
	display: flex !important;
    align-items: flex-start !important;
   	margin-bottom: 10px !important;}
}

@media (min-width: 769px) {
  table.radioAceite tbody tr td{
	display: flex !important;
    align-items: center !important;
    align-content: center !important;
    align-content: flex-start !important;
   	margin-bottom: 10px !important;}
}

.group-doc{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 2px 65px 0px;
}

.group-doc-h4 {
	min-width: 0px !important;
}

.group-doc-i{
	width: 43px !important;
	color: #4D4E53 !important;
}


.bs-title-aceite {
	font-size: 26px !important;
    margin: 27px !important;
	color: #cc092f !important;	
}


@media (max-width: 768px) {
  .bs-box-aceite {
	width: 100% !important;}
	}

@media (min-width: 769px) {
  .bs-box-aceite {
	width: 25% !important;}
	}

@media (max-width: 768px) {
  .bs-box-aceite-r {
	width: 100% !important;}
	}

@media (min-width: 769px) {
  .bs-box-aceite-r {
	width: 33% !important;}
	}
	
@media (max-width: 768px) {
  .bs-box-aceite-c {
	width: 100% !important;
	margin-bottom: -30px !important;}
	}
	
@media (max-width: 768px) {
  .bs-box-aceite-c:last-child{
	width: 100% !important;
	margin-bottom:  0px !important;}
	}

@media (min-width: 769px) {
  .bs-box-aceite-c {
	width: 50% !important;}
	}

.bs-boxlist-fone-refactored__item2 {
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 0px 8px #00000042;
          box-shadow: 0px 0px 8px #00000042;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 20px; 
  border-color: #d2d4da !important;
  color: #a5aab6 !important; 
  }
  
  .bs-boxlist-fone-refactored__item2:hover .bs-boxlist-fone-refactored__title2 {
    color: #a5aab6 !important; }
  .bs-boxlist-fone-refactored__item2:hover .icon-seta-baixo-b2:before {
    color: #a5aab6 !important;  }
  .bs-boxlist-fone-refactored__item2:hover [class*="icon-"] {
    color: #a5aab6 !important; }
  .bs-boxlist-fone-refactored__item2:hover .bs-boxlist-fone-refactored__icon::before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #a5aab6; }
  .bs-boxlist-fone-refactored__item2--open .bs-boxlist-fone-refactored__heading2 {
    background-color: #f4f4f6; }
  .bs-boxlist-fone-refactored__item2--open .bs-boxlist-fone-refactored__title2 {
    color: #a5aab6; }
  .iconBlocked {
  	color: #a5aab6 !important;
  }
  
.bs-boxlist-fone-refactored__title2 {
  margin-left: 25px;
  color: #a5aab6 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Bradesco Sans !important;
  font-size: 1.25rem;
  font-weight: 700; }
  
  
  .bs-boxlist-fone-refactored__heading2 .icon-seta-baixo-b:before {
  color: #a5aab6 !important;
  font-family: "bradesco_v2";
  font-size: 25px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: absolute;
  right: 15px;
  top: 35%; }
  
  .bs-boxlist-fone-refactored__trigger2 {
  cursor: not-allowed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 85px 10px 20px;
  position: relative;
  text-align: left;
  -webkit-transition: background .3s;
  transition: background .3s;
  width: 100%; }
  .bs-boxlist-fone-refactored__trigger2:focus {
    outline: none; }
    
    
.bs-boxlist-fone-refactored__heading2:hover {
  background-color: #f4f4f6; }
    

.bs-box-aceite-margin{
	margin: 0px 10px 1px 10px;
}


.button-width-group{
	display: flex;
	justify-content: space-between;
	max-width: 665px;
}

.button-width-class{
	width: 320px;
    display: flex;
}

.text-align-center {
	text-align: center;
} 

.button-width{
	width: 100%
}

@media (max-width: 768px) {
.button-width-group{
		justify-content: flex-start;
}
}

.aceitePinCodeMax{
	max-width: 410px !important;
}

.aceitePinCode{
	max-width: 410px !important;
	display: inline-flex !important;
    align-items: center !important;
    align-content: center !important;
    width: 100%;
}

.aviso-pincode {
	overflow: hidden;
	transition: .3s;
	box-shadow: 0 0 8px #00000042;
	border-radius: 5px;
	margin-bottom: 20px;
	height: 42px;
	background-color: #fdf7e4;
	display: flex;
	align-content: space-between;
	align-items: center;
	justify-content: center;
�}

.texto-pincode{
	font-size: 12px ; 
	margin: 0px 15px 0px 15px;
}
  
.aceiteTelefoneMascaradoStart {
	display: flex !important;
	justify-content: flex-start !important;
	max-width: 210px
}

.aceiteTelefoneMascaradoEnd {
	display: flex !important;
	justify-content: flex-end !important;
	max-width: 210px
	
}

input.aceitePinCode{
	position: relative !important;
	background: none !important;
}

.aceitePinCodeIcon{
	display: flex;
	position: absolute !important;
	font-size: 40px !important;
    top: 108px !important;
    right: 7px !important;
    color: #4d4e53;
    
}

@media (max-width: 348px) {
  .aceitePinCodeIcon{
   top: 126px !important;
}
}

.bs-button-pin-code{
	display: flex !important;
}

.bs-button-pin-code-sair{
	margin: 50px 30px 15px 0px !important;
}

.bs-button-pin-code-continuar{
	margin: 50px 0px 0px 0px;
}

.aceiteDtNascimento{
	position: relative !important;
	background: none !important;
}
	
.aceiteDtNascimentoIcon{
	display: flex;
	position: absolute !important;
	font-size: 40px !important;
    top: 39px !important;
    right: 10px !important;
    color: #4d4e53;
	}
	
.aceiteSexo{
	position: relative !important;
	background: none !important;
}	

.aceiteSexoIcon{
	display: flex;
	position: absolute !important;
	font-size: 20px !important;
    top: 48px !important;
    right: 15px !important;
    color: #4d4e53;
}

.semProposta{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 50px;
    color : #d5d4d9 !important;
}

.semPropostaIcon{
    font-size: 100px;
}

a.tableListaProposta{
	width: 34px !important;
    height: 34px !important;
}

.tableListaPropostaIcon{
	display: flex !important;
	position: relative !important;
	font-size: 22px !important;    
    color: #4d4e53 !important;
}
 
.aceitePinButons{
	max-width: 420px !important;
	display: inline-flex !important;
   	align-items: baseline !important;
}

.modalIconDuvida{
	font-size: 120px !important;
    color: #0B67BD;
}

.modalFlex{
	display: flex !important;
    justify-content: space-around !important;
}

.aceiteButtonModal {
    border-color: transparent !important;
	color: #fff !important;

}
.aceiteLink{
	color: #d2072b;
	font-weight: 700 !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.aceiteLinkReenviar{
	display: flex !important;
    justify-content: flex-start !important;
}

.aceitePinButonContinuar{
	display: flex !important;
    justify-content: flex-end !important;
	margin-left: 15px !important;
}

.aceitePinButonContinuar a{
	display: flex !important;
    justify-content: center !important;
    width: 115px !important;
}

.tabela-boleto .icons-modal .bs-js-open-modal {
    background: #none !important;
}

.tabela-boleto .icons-modal .bs-js-open-modal:hover .tableListaPropostaIcon{
	color: #fff !important;;
}
 
.bs-form {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-top: 40px;
}

.bs-filter {
    width: 100%;
    display: flex;
}

.bs-form-group {
    display: flex;
    align-items: flex-end;
}

select.bs-form__field {
  background-color: #fff;
  background-image: none !important;

  select.bs-form__field::-ms-expand {
    display: none; }

.bs-form__field::-ms-value {
  background: none;
  color: #42413D; }

.bs-form__field:disabled, .bs-form__field:disabled:hover {
  background-color: #f4f4f6;
  border-color: #d2d4da;
  color: #a5aab6; }

select.bs-form__field:active {
    border-color: #0E81ED;
}

.bs-form__label {
	display: flex;
    font-family: Bradesco Sans Bold;
    font-size: 12px;
    color: #4D4E53;
    align-items: flex-end;
}

.bs-form__label-text {
    margin: 4px 8px;
    font-family: Bradesco Sans Medium;
    font-size: 12px;
}

.bs-form__field {
    padding: 8px;
    border: 1px solid #D2D4DA;
    border-radius: 5px;
    color: #4D4E53;
    font-family: Bradesco Sans Regular;
    font-size: 14px;
    appearance: auto !important;
}

.bs-form__field:hover {
    border-color: #0E81ED;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    -webkit-transition: .3s;
    transition: .3s;
}

.bs-form__control {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
}

.bs-form__control--vertical {
    padding: 8px 0;
}

.bs-form__control--vertical .bs-form__field-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}


.bs-form__control:nth-last-child(1) {
    padding-right: 0;
}

.bs-form__control .bs-form__control--check {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0;
    margin-top: 8px;
    appearance: auto !important;
}

.bs-form__control--check label {
	font-size: 14px;
	font-family: Bradesco Sans Regular;
	font-weight: 100;	
	margin: 5px;
}

.bs-form__control.bs-form__control--vertical label {
    font-size: 14px;
	font-family: Bradesco Sans Regular;
	font-weight: 100;	
	margin: 5px;
}

.bs-form__control--check table tr,
.bs-form__control--check table td {
	display: flex;
	align-items: center;
	margin-right: 25px;
}

.separador-coberturas{
	width: 100% !important;
    background: red !important;
    height: 10px !important;
    opacity: 100% !important;
    margin: 5px 15px 0px 15px !important;
    display: flex !important;
    visibility: visible !important;
     background-color: red !important;
}

.resumo-coberturas{
	margin: 0px 0px 0px 30px !important;
}

.resumo-coberturas_itens{
	display: flex !important;
}
	

/* BARRA DE PROGRESSO */
.section-steps {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 8px;
}

.container-steps {
    width: 100%;
    position: relative !important;
    z-index: 1;
  }
  
  .progressbar {
    counter-reset: step;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
  }
  
  .progressbar li {
    float: left;
    width: 100% !important;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  
  .progressbar li span.data {
      color: #4D4E53;
      font-size: 16px;
      font-weight: 300;
      margin-top: 8px;
  }

  .progressbar li p {
    margin: 8px 0 0 0;
    font-family: Bradesco Sans Regular;
    font-size: 14px;
}
  
  .progressbar li:before {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50%;
    background: #F4F4F6;
    align-items: center;
    justify-content: center;
  }
  
  .progressbar li:after {
    content: '';
    position: absolute;
    width:82%;
    height: 3px;
    background: #E8E9EC;
    top: 25px;
    left: -41%;
    z-index: -1;
  }
  
  .progressbar li.active:after { background: #0B67BE; }

  .progressbar li.active.checked .check { display: flex; }
  
  .progressbar li:first-child:after { content: none; }
  
  .disable { color: #A8ADB8; }

  
li.active.icon-dados-usuario:before {
    font-size: 30px;
    color: #fff;
    background: #0E81ED;
}

li.active.icon-viagem-seguro2:before{
   font-size: 35px;
    background: #0E81ED;
    color: #fff;
    transform: rotate(45deg);
}

li.active.icon-info-oferta:before {
    font-size: 35px;
    background: #0E81ED;
    color: #fff;
}

li.active.icon-info-resumo-itens:before {
    font-size: 35px;
    background: #0E81ED;
    color: #fff;
}

li.disable.icon-viagem-seguro2:before {
    font-size: 35px;
    background: #D2D4DA;
    color: #fff;
    transform: rotate(45deg);
}

li.disable.icon-info-oferta:before {
    font-size: 35px;
    background: #D2D4DA;
    color: #fff;
}

li.disable.icon-info-resumo-itens:before {
    font-size: 35px;
    background: #D2D4DA;
    color: #fff;
}

.check {
    width: 50px;
    height: 50px;
    display: none;
    position: absolute;
    bottom: 58%;
    right: 34%;
}

i.icon-check {
    background: url("/PA_VIDA-AceiteViagem/resources/imagens/check.png") no-repeat center !important;
    width: 100%;
    height: 100%;
}

i.icon-check-enviado {
    background: url("/PA_VIDA-AceiteViagem/resources/imagens/check-aporte.svg") no-repeat center !important;
    width: 100%;
    height: 100%;
}


/* BARRA DE STATUS-ETAPAS */
.container-etapas {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.etapas-text {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.etapas-text label,
.container-status label {
	font-size: 14px;
	font-family: Bradesco Sans;
	font-weight: 500;
	margin-bottom: 0;
}

.container-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5px;
}

.statusbar{
    width: 282px;
    height: 8px;
    background: #D2D4DA 0% 0%;
    border-radius: 3px;
    opacity: 1;
    position: relative;
}

.status-progress {
    width: 0%;
    height: 8px;
    border-radius: 3px 0 0 3px;
    position: absolute;
    background: #0E81ED;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

.status-progress.etapa2 {
    width: 25%;
    animation-name: progress25;
}

.status-progress.etapa3 {
    width: 50%;
    animation-name: progress50;
}

.status-progress.etapa4 {
    width: 75%;
    animation-name: progress75;
}

.status-progress.etapa5 {
    width: 100%;
    animation-name: progress100;
}


@keyframes progress25 {
    0% { width: 0%; } 
    25% { width: 25%; }
}


@keyframes progress50 {
    0% { width: 25%; } 
    50% { width: 50%; }
}

@keyframes progress75 {
    0% { width: 50%; } 
    75% { width: 75%; }
}

@keyframes progress100 {
    0% { width: 75%; } 
    100% { width: 100%; }
}


/* TOOLTIP */
.icon-info-tooltip {
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/info_tooltip.svg") no-repeat center !important;
    width: 26px;
    height: 20px;
}

.icon-interrogacao {
	width: 20px;
	height: 20px;
	margin: 0 2px;
	cursor: pointer;
	background: url("/PA_VIDA-AceiteViagem/resources/imagens/icone-tooltip.png") no-repeat center !important;
}

.tooltip-interrogacao {
 	position: relative;
  	display: flex;
}

.tooltip-input {
 	position: relative;
  	display: flex;
}

.tooltiptext {
	visibility: hidden;
	font-family: Bradesco Sans !important;
	font-weight: 500;
	font-size: 12px !important;
	width: 130px;
    color: #4D4E53;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000033;
    opacity: 1;
    left: -14px;
    top: 30px;
}

.tooltiptext.input {
    left: -14px;
    top: 15px;
}

span.tooltiptext:after {
    content: '';
    position: absolute;
    bottom: 24px;
    left: 15px;
    width: 18px;
    height: 12px;
    background-image: url("/PA_VIDA-AceiteViagem/resources/imagens/seta-tooltip.png");
    background-repeat: no-repeat;
    background-size: cover;
}

span.tooltiptext.cotacao:after {
    top: -12px;
    left: 15px;
}

span.tooltiptext.input:after {
    top: -12px;
    left: 15px;
}

.tooltip-interrogacao:hover .tooltiptext {
  visibility: visible;
}

.border-field:hover .tooltiptext {
  visibility: visible;
}

.text-box {
	width: 82px;
	height: 20px;
	background: #0E81ED;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-family: Bradesco Sans Bold;	
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -11px;
}
  
  /* FOOTER */
  .footer {
    display: flex;
    width: 100%;
    padding: 30px 0;
    justify-content: flex-end;
  }
  
  /* MSG ERRO */
.msg-validar-campo {
    color: red !important;
    min-height: 15px !important;
    margin-left: 5px !important;
    font-size: 11px !important;
}

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Bold-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Bold.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Bold.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-BoldItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-BoldItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-BoldItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Condensed-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Condensed.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Condensed.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Condensed.woff2") format("woff2");
  font-weight: 400;
  font-style: condensed; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Light-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Light.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Light.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-LightItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-LightItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-LightItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Medium-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Medium.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Medium.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-MediumItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-MediumItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-MediumItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Regular-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Regular.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Regular.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Italic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Italic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Italic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-SemiBold-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-SemiBold.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-SemiBold.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-SemiBoldItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-SemiBoldItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-SemiBoldItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-Thin-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-Thin.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-Thin.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-ThinItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-ThinItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-ThinItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-XBold-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-XBold.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-XBold.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-XBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Bradesco";
  src: url("../fonts/bradescoSans/TTF-WEB/BradescoSans-XBoldItalic-web.ttf") format("ttf"), url("../fonts/bradescoSans/EOT/BradescoSans-XBoldItalic.eot") format("eot"), url("../fonts/bradescoSans/WOFF/BradescoSans-XBoldItalic.woff") format("woff"), url("../fonts/bradescoSans/WOFF2/BradescoSans-XBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic; }
  
 @font-face {
  font-family: 'bradesco_v2';
  src: url("../fonts/bsicons/bradesco_v2.eot");
  src: url("../fonts/bsicons/bradesco_v2.eot#iefix") format("embedded-opentype"), url("../fonts/bsicons/bradesco_v2.ttf") format("truetype"), url("../fonts/bsicons/bradesco_v2.woff") format("woff"), url("../fonts/bsicons/bradesco_v2.svg#bradesco_v2") format("svg");
  font-weight: normal;
  font-style: normal; }
 
html,
body {
  background-color: #fff;
  color: #4d4e53;
  font-family: "Bradesco", "Bradesco", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  position: relative; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bradesco";
  font-weight: 700; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 0.89rem; }
  

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bradesco_v2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }