ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px; /*--Set height of tabs--*/
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  width: 100%;
}
ul.tabs li {
  float: left;
  margin: 0;
  padding: 0;
  height: 31px; /*--Subtract 1px from the height of the unordered list--*/
  line-height: 31px; /*--Vertically aligns the text within the tab--*/
  border: 1px solid #999;
  border-left: none;
  margin-bottom: -1px; /*--Pull the list item down 1px--*/
  overflow: hidden;
  position: relative;
  background: #e0e0e0;
}
ul.tabs li a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 20px;
  border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
  outline: none;
}
ul.tabs li a:hover {
  background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not
  listen to the hover properties--*/
  background: #fff;
  border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with
  its content--*/
}

.tab_container {
  border: 1px solid #999;
  margin: 50px 0;
  overflow: hidden;
  clear: both;
  float: left; width: 100%;

}
.tab_content {
  padding: 20px;
  font-size: 1.2em;
}

.form-container.form-steps.no-tabs ul.tabs{
  border:none;
  display:none;
}

.form-container.form-steps.no-tabs .tab_container {
  border: none;
}

.clear{
  clear:both;
}

form{
  position:relative;
  height:100%;
}

form > .hs-dependent-field{
  border: 1px solid #60AB45;
  border-top:none;
  padding-bottom:25px;
  margin-top:10px;
  background-color: #f7f8f9;
}



form > .hs-dependent-field > div{
  width:50%;
  display: inline-table;
  height:auto;
}

form > .hs-dependent-field > div input,
form > .hs-dependent-field > div select,
form > .hs-dependent-field > div textarea{
  height:35px;
}

form > .hs-dependent-field > div:first-child{
  margin-bottom: 30px;
  width:100%;
}

form > .hs-dependent-field > div:first-child input,
form > .hs-dependent-field > div:first-child select,
form > .hs-dependent-field > div:first-child textarea{
  height:auto;
}

form > .hs-dependent-field div.input{
  margin: 10px 30px;
}


.legal-consent-container{
  clear:both;
}


.form-steps h2{
  padding: 70px 0 0 0;
} 

.form-steps h2.message{
  text-align:center;
  font-size:19px;
}

.form-container.form-steps input[type="submit"],
a.new-submit, 
.next,
.prev{
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
  -o-transition: all .4s ease !important;
  transition: all .4s ease !important;
  text-shadow: none !important;
  width: auto !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  background-color: #FBC43A;
  border: none;
  padding: 20px 60px !important;
  color: #381A10;
  text-transform: uppercase;
  font-family: 'Oxfam-TSTARPRO-bold', sans-serif;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-left:5px;
  margin-right:5px;
}

.form-container.form-steps input[type="submit"]:hover{
  background-color: #61A534;
}

.form-container.form-steps .actions{
  text-align: center;
  padding: 25px;
  margin-top:90px;
}
.form-container.form-steps .hs_recaptcha{
  padding-top:25px;
  position:absolute;
  bottom:100px;
}


.form-container.form-steps .hs_recaptcha .grecaptcha-badge{
  margin-left: 0;
}

.legal-consent-container .hs-richtext:nth-child(1) p, .gdpr-options p:nth-of-type(1){
  background-color: transparent !important;
  padding: 5px 0 10px 0 !important;
}

.form-container.form-steps ul{
  list-style: none;
  display: flex;
}

.hs-soy_mayor_de_16_a_os_{
  padding-top:25px;
}

.legal-consent-container  a{
  text-decoration: underline;
}

.legal-consent-container .hs-form-booleancheckbox-display span *,
.hs-soy_mayor_de_16_a_os_ .hs-form-booleancheckbox span{
  color: #191919 !important;
  font-size: 16px !important;
  font-family: 'Oxfam-TSTARPRO-medium', sans-serif; 
}

.legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 6px;
}

.hs-soy_mayor_de_16_a_os_ .hs-form-booleancheckbox span {
  padding-left: 7px;
}

.legal-consent-container *, .gdpr-options * {
  font-family: 'Oxfam-TSTARPRO-regular', sans-serif !important;
  font-size: 15px !important; 
  color: #381A10 !important;
  font-weight: 400;
}

form > .hs-dependent-field .hs-oi_sap_periodicidad{
  width: 100%;
  display: flex;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento{
  display:flex;
  float: left;
}

form .hs-oi_sap_valor_incremento,
form > .hs-dependent-field .hs-oi_sap_tipo_incremento{
  margin:25px 0;
  vertical-align: middle;
  align-items: center;
  display: flex !important;
  height: auto !important;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento{
  justify-content: flex-end;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento .input{
  margin: 10px 0;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento .input label{
  display: flex;
  vertical-align: middle;
  align-items: center;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento label span{
  text-transform:uppercase;
  color:#B0B2B2;
  padding-left: 10px;
  font-family: 'Oxfam-TSTARPRO-bold', sans-serif;
  font-size: 22px;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento > label span{
  color:#61A534;
}

form > .hs-dependent-field .hs-oi_sap_periodicidad li,
form > .hs-dependent-field .hs-oi_sap_tipo_incremento li{
  float: left;
  padding: 0 20px;

}

form > .hs-dependent-field .hs-oi_sap_periodicidad li{
  width: 25%;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento li{

}

form > .hs-dependent-field .hs-oi_sap_periodicidad li label {
  background-color: #f7f8f9;
  padding: 10px 0;
  position: relative;
  color:#B0B2B2;
  font-size: 22px;
  font-family: 'Oxfam-TSTARPRO-headline', sans-serif;
  cursor: pointer;
  border:1px solid #B0B2B2;
  width: 100%;
  text-align: center;
  display: block;
}

form > .hs-dependent-field .hs-oi_sap_periodicidad li.selected label{
  border: 1px solid #61A534;
  background-color: #61A534;
  color: #fff !important;  
}

form > .hs-dependent-field .hs-oi_sap_periodicidad li label input {
  position: relative;
  visibility: hidden;
  height: 0;
  width:0;
}

form > .hs-dependent-field .hs-oi_sap_periodicidad  div.input{
  width:100%;
}

form > .hs-dependent-field .hs-oi_sap_valor_incremento .input{
  margin-left:0;
}

form > .hs-dependent-field .hs-oi_sap_valor_incremento input {
  border: 0;
  border-bottom: 1px solid #B0B2B2;
  background-color: transparent;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento{
  width:60%;
}

form > .hs-dependent-field .hs-oi_sap_valor_incremento{
  width:40%;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento input,
.form-container.form-steps input[type=checkbox]{
  position: relative;
  visibility: hidden;
  height: 0;
  width:0;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento ul label{
  cursor:pointer;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento ul label input + span:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 20px;
  text-align: center;
  background-image: url(https://cdn2.hubspot.net/hubfs/426027/Oxfam-Website/OxfamWeb-Forms/check-img.png);
  background-repeat: no-repeat;
  background-position: left -21px top 0;
  margin-right: 5px;

}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento ul label input:checked + span:before {
  background-position: left 0 top 0;
}

form > .hs-dependent-field .hs-oi_sap_tipo_incremento ul label input:checked + span{
  color:#61A534;
}


.form-container.form-steps input[type=checkbox] + span:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  text-align: center;
  background-image: url(https://cdn2.hubspot.net/hubfs/426027/Oxfam-Website/OxfamWeb-Forms/check-img2.png);
  background-repeat: no-repeat;
  background-position: left -23px top 0;
  margin-right: 15px;
  cursor:pointer;
  position: relative;
  top: 5px;

}

.form-container.form-steps input[type=checkbox]:checked + span:before {
  background-position: left 0 top 0;
}

.form-container.form-steps input[type=checkbox]:checked + span:before + span{
  cursor:pointer;
  padding-left:0;
}

.form-container.form-steps .legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left:0;
}

.form-container.form-steps .hs-soy_mayor_de_16_a_os_ .hs-form-booleancheckbox span {
  padding-left: 0;
}

.form-container.form-steps .hs-error-msg,
.hs-error-msgs label.hs-main-font-element{
  font-size: 15px !important;
  margin-top: 5px;
  color: red !important;
  margin-left: 32px;
}



.form-container.form-steps{
  width:85%;
  margin:0 auto;
}

.montos{
  width:100%;
  display:flex;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.form-container.form-steps .hs-error-msg.hs-error-custom{
  margin-left: 0px;
}

/*
.no-list.hs-error-msgs.inputs-list{
display:none !important;
}
*/

.hs-form-field{
  position:relative;
}

.hs-field-desc{
  margin: 15px 30px;
  position: absolute;
  text-align: right;
  right: 10px;
  width:30% !important;
}

.hs-field-desc span{
  display:none;
  font-size:15px;
  margin-left:10px;
  position: absolute;
  right: -20px;
  bottom: 30px;
  background-color: #fff;
  padding: 15px 15px;
  border: 1px solid #61A534;
  text-align: left;
}

.hs-field-desc span:after {
  content: '';
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #61A534 transparent transparent transparent;
  position: absolute;
  right: 5px;
  bottom: -15px;
  z-index: 1;
  margin-left: -15px;
}


.hs-oi_sap_valor_incremento .input input[name=oi_sap_valor_incremento]{
  font-family: 'Oxfam-TSTARPRO-bold', sans-serif !important;
  font-size: 22px !important;
  color: #b0b2b2 !important;
  margin-top: -7px !important;
}

.hs-oi_sap_importe .input input[name=oi_sap_importe]{
  color: #FFFFFF !important;
  font-size: 45px !important;
  font-family: 'Oxfam-TSTARPRO-bold', sans-serif !important;
  padding: 5px !important;
  text-align: center !important;
}

.currency-symbol {
  position:absolute;
  padding: 0;
  right: 20px;
  top: 15px; 
}

div.input {
  margin: 10px 30px;
}


/* wrapper */
.warp {
  max-width: 1294px !important;
  margin: 0px auto !important;
  float: none !important;
  position:relative;
}

/* progress bar */
.line {
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

/* step */
.step {
  width: 0px;
  height: 10px;
  background: #f00;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}


/* next/prev buttons */
.next {
  margin-top: 30px;
}

.prev {
  margin-top: 30px;
}

.tab-paginator {
  position: relative;
  display: flex;
  width: 90%;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}


.tab-step {
  width: 200px;
  height: 70px;
  position: relative;
  /* background: #ffffff;*/
  margin-right: 10px;
  cursor: pointer;
  opacity: .2;
}

.tab-step *{
  color: #381A10;
  font-size: 25px;
  font-family: 'Oxfam-TSTARPRO-headline', sans-serif;
  padding-left: 20px;
}

/*
.tab-step:not(:first-child):after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 35px solid #EAEADE;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
z-index: 0;
}
.tab-step:before {
content: "";
position: absolute;
right: -35px;
bottom: 0;
width: 0;
height: 0;
border-left: 35px solid #ffffff;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
z-index: 1;
}

.tab-step.active {
background-color: #61A534;
}


.tab-step.active *{
color: #ffffff;
}


.tab-step.active:before{
border-left: 35px solid #61A534;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
}

.tab-step.active:after{
border-left: 35px solid #EAEADE;
border-top: 35px solid #61A534;
border-bottom: 35px solid #61A534;  
}

*/

.tab-step.active {
  opacity: 1;
}

.form-container.form-steps .hs-form-required {
  display: initial;
}

.form-container.form-steps .hs-form-field {
  position: relative;
  display: block;
  align-items: center;
  justify-content: center;
  /*max-width: 80%;*/
  margin: 0 auto;
}


@media(max-width:768px){
  .form-container.form-steps .hs-form-field {
    max-width: 100%;
  }

  .form-container.form-steps .step-header-text,
  .text-before-actions{
    font-size: 15px !important;
  }
}

.form-container.form-steps  div.input{
  max-width: 100%;
  width: 100%;
  margin: 0;
  /*margin-left: auto;*/
}

.form-container.form-steps  div.input input:not([type=hidden]),
.form-container.form-steps  div.input select,
.form-container.form-steps  div.input textarea{
  margin: 15px 0;
  margin-right: 7px;
}

.hs_soy_mayor_de_16_a_os_ div.input{
  margin: 0 !important;
}

.hs_soy_mayor_de_16_a_os_ div.input input,
.hs-form-booleancheckbox input{
  width: 0 !important;
}

.form-container.form-steps label{
  /*margin-left: auto;
  width: 30%;
  white-space: nowrap;
 
  */
  
  text-align: right;
}

.form-container.form-steps ul li{
  margin-right: 15px;
}

.form-container.form-steps label *{
  font-family: 'Oxfam-TSTARPRO-regular', sans-serif !important;
  font-size: 17px !important; 
  color: #381A10 !important;
  font-weight: 400;
}


.form-container.form-steps ul li *{
  font-family: 'Oxfam-TSTARPRO-light', sans-serif;
  font-size: 18px; 
}

.form-container.form-steps ul.no-list.hs-error-msgs.inputs-list {
  display: block;
    position: absolute;
    right: 7%;
    top: 55px;
}

.form-container.form-steps .hs_oi_sap_ftb_mes_nacimiento ul.no-list.hs-error-msgs.inputs-list,
.form-container.form-steps .hs_oi_sap_ftb_ano_nacimiento ul.no-list.hs-error-msgs.inputs-list {
  top: -15px;
}

.form-container.form-steps .legal-consent-container *{
  display: inline-block !important;
}

.form-container.form-steps .legal-consent-container *:not([class=hs-richtext]){
  display: inline-block !important; 
}

/*
.form-container.form-steps .legal-consent-container>div:nth-child(2), 
.form-container.form-steps .legal-consent-container div[data-reactid=".hbspt-forms-0.1.1:0"]{
  display: none !important;
}
*/

.form-container.form-steps .legal-consent-container label{
  width: 100%;
  text-align: left;
}

.form-container.form-steps .legal-consent-container div.input{
  width: 100%;
  margin-left: 0;
  max-width: 100%;
}

.form-container.form-steps .legal-consent-container .hs-form-field{
  max-width: 100%;
}

.form-container.form-steps .legal-consent-container .hs-form-required{
  display: inline-block !important;
}

.form-container.form-steps .legal-consent-container ul.no-list.hs-error-msgs.inputs-list,
.form-container.form-steps .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
  position: initial;
}


.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), select{
  min-height: 40px !important;
  border: 1px solid #381A10;
}

@media(max-width: 768px){
  .form-container.form-steps .hs-form-field{
    display: block ;
  }

  .form-container.form-steps div.input {
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }

  .pagination{
    margin-bottom: 10px !important;
  }

  .form-container.form-steps .actions{
    margin-top: 20px;
  }

  .form-container.form-steps ul.no-list.hs-error-msgs.inputs-list{
    position: initial;
  }

  .form-container.form-steps .hs-error-msg{
    margin-left: 0;
  }
}


.form-container.form-steps .hs-error-msg.hs-error-custom {
  font-size: 15px;
  margin-top: 5px;
  color: red;
  font-family: 'Oxfam-TSTARPRO-light', sans-serif;
}

.form-container.form-steps .step-header-text,
.text-before-actions{
  font-size: 25px;
  font-family: 'Oxfam-TSTARPRO-light', sans-serif;
  padding-top: 20px;
}

@media(max-width:600px){
  .step-header-text{
    display:none;
  }


}

.form-steps .form-columns-3 .input{
  max-width: 130px !Important;
}

.form-steps label{
  max-width: 150px;
  width: 100%;
}

.form-steps .hs-custom-style fieldset {
  max-width: 80% !important;
  margin: 0 auto !important;
}




.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(2) label, 
.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(3) label{
  max-width: 0px;
}

.hs-custom-style fieldset.form-columns-3 .hs-form-field {

}

.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(1) input{
  min-width: 80px;
}

.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(2) .input{
  display: flex;
  align-items: center;
}

.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(2),
.form-steps .hs-custom-style .form-columns-3 .hs-form-field:nth-child(3){
  max-width: 200px !Important;

}


.step-header-num{
  line-height: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: transparent;
}

.hs_soy_mayor_de_16_a_os_ .input{
  max-width: 100% !important;
}

@media(max-width:425px){
  .form-steps .hs-custom-style fieldset {
    max-width: 100% !important;
  }
}

.text-validation{
  font-size: 15px;
  margin: 15px;
  color: red;
  font-family: 'Oxfam-TSTARPRO-light', sans-serif;
  text-align: center;
}

@media(max-width: 768px){
  .form-container.form-steps label{
    white-space: normal;
    max-width: 100%;
  }
  .form-container.form-steps .legal-consent-container label.hs-form-booleancheckbox-display span,
  .form-container.form-steps .legal-consent-container label.hs-form-booleancheckbox-display span p ,
  .form-container.form-steps .legal-consent-container label.hs-form-booleancheckbox-display span p a{
    display: inline !important;
  }
}

 .form-container.form-steps .hs_soy_mayor_de_16_a_os_ ul.no-list.hs-error-msgs.inputs-list{
  top: 25px;
}

.hs_oi_sap_ftb_dia_nacimiento .hs-error-msg{
  top: 0px;
  position: relative;
}

.hs_oi_sap_ftb_mes_nacimiento .hs-error-msg{
  top: 20px;
  position: relative;
}

.hs_oi_sap_ftb_ano_nacimiento .hs-error-msg{
  top: 40px;
  position: relative;
}

#hs-error-msg-ano {
  top: 95px;
  position: relative;
  margin-left: 13px;
}

.hs_sexo_ .hs-error-msg{
  top: -30px;
  position: relative;
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    position: absolute;
}

.form-container.form-steps .legal-consent-container ul.inputs-list label {
    display: inline !important;!I;!;
    width: 100%;
    white-space: normal;
}

.form-container.form-steps  ul.inputs-list .hs-form-booleancheckbox span,
.form-container.form-steps  ul.inputs-list .hs-form-booleancheckbox p,
.form-container.form-steps .legal-consent-container ul.inputs-list label span, 
.form-container.form-steps .legal-consent-container ul.inputs-list label p {
    display: inline !important;!I;!;
}