@font-face {
    font-family: 'Fontfabric-MontBold';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Fontfabric-MontBold.otf') format("opentype");
}

@font-face {
    font-family: 'Fontfabric-MontHeavy';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Fontfabric-MontHeavy.otf') format("opentype");
}

@font-face {
    font-family: 'Fontfabric-MontBook';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Fontfabric-MontBook.otf') format("opentype");
}

@font-face {
    font-family: 'Fontfabric-MontRegular';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Fontfabric-MontRegular.otf') format("opentype");
}

@font-face {
    font-family: 'Fontfabric-MontSemiBold';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Fontfabric-MontSemiBold.otf') format("opentype");
}

@font-face {
    font-family: 'Arial';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Arial.ttf') format("opentype");
}

@font-face {
    font-family: 'Arial-Bold';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/Arial-Bold.ttf') format("opentype");
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('https://marketing.tarjetaoh.pe/landing_compromiso_pago_files/fonts/MyriadPro-Regular.otf') format("opentype");
}

* {
    font-family: 'Fontfabric-MontRegular', sans-serif;
    border: 0;
    padding: 0;
}

html {
    height: 100%;
    box-sizing: border-box;
   
}

body{
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background: #FFFFFF;
    padding: 0;
    margin: 0;
    font-size: 16px; 
    font-family: "Arial";
    letter-spacing: -0.3px;
    color: #797d86; 
    overflow-x: hidden;

}

a{
    color: #007DBA;
    text-decoration: underline; 
}

h1, h2, h3, h4, h5{
    font-family: 'Fontfabric-MontRegular', Arial, Helvetica, sans-serif;
    color: #494F66;
    font-weight: bold;
}
h1{
    font-size: 40px;
    color: #fff;
}
@media (max-width:1200px){
    h1{
     font-size: 36px; 
    } 
}
    

h2{
 color: #fff;
 font-size: 30px;
}
@media (max-width:1024px){
    h1{
    font-size: 40px; 
    }
    h2{ 
    font-size: 23px;
    }
}
 
@media (max-width:768px){
    h1{
        font-size: 28px; 
    }
}
@media (max-width:425px){
    h1{
        font-size: 21px; 
    }
}

h3{
    font-size: 22px;
}
@media (max-width:768px){
    h3{
        font-size: 21px;
    }
}
@media (max-width:425px){
    h3{
        font-size: 18px;
    }
}
 .foh{
    display: flex;
    align-items: flex-start;
}
@media (max-width:767px){ 
    .foh{
        display: block; 
     }
}
 .foh__flyer{
    background: url('https://image.em.financieraoh.com.pe/lib/fe2f11737164047f761d76/m/1/5bf611a2-3bff-4264-bea6-a08866bc6e78.png') #007DBA no-repeat bottom 40px right;
    background-size: 400px auto;
    min-height: 500px;
    border-radius: 0 0 120px 0;
 }
 @media (max-width:1440px){ 
    .foh__flyer{
     background-size: 48% auto;
  
    }
}
@media (max-width:1200px){
    .foh__flyer{
        background-size: 40% auto;
    }
}
@media (max-width:1024px){
    .foh__flyer{
        background-image: none;
        border-bottom-right-radius: 100px;
    }
}
@media (max-width:767px){
    .foh__flyer{ 
        border-bottom-right-radius: 30px; 
        min-height: auto;

    }
}

 .foh__flyer__cnt{
  padding: 30px;
  color: #fff;
  width: 57%;
 }
 @media (max--width:1024px){
    .foh__flyer__cnt{ 
        width: 100%;
      
       }
 }

.foh__flyer__logo {
    width: 56px;
}

.foh__flyer__subtit{
    color: #fff;
    font-size: 31px; 
    display: inline;
    font-weight: 600;
}
@media (max-width:768px){
  .foh__flyer__subtit{
        font-size: 28px; 
    }
}
@media (max-width:425px){
   .foh__flyer__subtit{
        font-size: 21px; 
    }
}

.foh__flyer__parrafo{
  font-size: 25px;
}
@media (max-width:768px){
    .foh__flyer__parrafo{
      font-size: 17px;
    }
}


.foh__flyer__clic{
      color: #e52e1b;
    font-weight: bold;
    font-size: 33px;
    display: inline-block;
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 15px;
    font-weight: bolder;
    margin-bottom: 30px;

}
 
.subtitle {
    font-size: 31px;
}

.foh__form{
    padding: 50px 10px 0;
    max-width: 350px;
    margin: 0 auto;
    text-align: left;
}
@media (max-width:768px){
    .foh__form{
        padding: 20px 22px 0;
        max-width: 100%; 
    }
}
@media (max-width:425px){
    .foh__form{
        padding: 20px 10px 0; 
    }
}
 .foh__flyer__lista{
  font-size: 17px;
  margin-bottom: 40px;
 }
 @media (max-width:767px){
    .foh__flyer__lista{
        display: none;
       }
 }
 .foh__flyer__lista ul{
    list-style: none;
    margin: 0;
    padding: 0;
 }
 .foh__flyer__lista ul li{
    padding: 4px 0 0 50px;
    margin-bottom: 20px;
 }
 .foh__flyer__lista ul li:nth-child(1){
    background: url('https://image.promocionesoh.pe/lib/fe2f11737164047f761d76/m/1/6499cffd-7f57-4365-983b-8adc8cb79b8f.png') no-repeat;
 }
 .foh__flyer__lista ul li:nth-child(2){
    background: url('https://image.promocionesoh.pe/lib/fe2f11737164047f761d76/m/1/4718edd4-3cec-4f3d-a12d-858659dc2175.png') no-repeat;
 }
 .foh__flyer__lista ul li:nth-child(3){
    background: url('https://image.promocionesoh.pe/lib/fe2f11737164047f761d76/m/1/75a80fb1-8acd-4403-9ff2-1bb5d244f1c8.png') no-repeat;
 }
 
 .foh__flyer__logos{
  border-top: 1px solid #46a2cf;
  padding-top: 15px;
 }

 @media (max-width:1024px){
  .foh__flyer__cnt{
   padding: 20px;
   width: 100%;
  }
  .foh__flyer{
   background-size: 400px auto;
  }
 }
 @media (max-width:425px){
    .foh__flyer__cnt{
     padding: 20px 10px; 
    }
}
 @media (max-width:768px){
  .foh{
   min-height: auto;
  }
  
  .foh__flyer__sub{
   margin-top: 10px;
   max-width: 100%;
  }
 
  .foh__flyer__p{
   max-width: 100%;
  } 
 }

.foh__footer{
    padding: 10px 30px;
    font-size: 14px;
    color: #A3ABCC;
    text-align: justify;
}
@media (max-width:768px){
    .foh__footer{
        padding: 10px 15px;
    }
}


.foh__response{

}
.foh__response--aprobado{
    color: #00BA5B; 
    font-weight: bold;
}
.foh__response--noaprobado{
    color: #DA291C; 
    font-weight: bold;
}
.foh__aprobado__tit{
    font-size: 19px;
}
.foh__response__title{
    color: #0F0F0F;
    font-size: 30px;
    font-weight: normal;
}
.foh__response__num{
    font-size: 40px;
    color: #007DBA;
    font-weight: bold;
}
.foh__response__boton{
    background-color:  #007DBA;
    color: #fff;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 8px;
    max-width: 260px;
    display: block;
    margin: 20px auto;
    width: 100%;
}
.foh__response__boton:hover{
    color: #fff;
    text-decoration: none;
}
.foh__response__botonoutline{
    border: 1px solid #007DBA;
    color: #007DBA;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 8px;
    max-width: 260px;
    display: block;
    margin: 20px auto;
    width: 100%;
  background: transparent;
}
.foh__response__botonoutline i{
    font-size: 18px;
    margin-right: 5px;
}
.foh__response__botonoutline:hover{
    text-decoration: none;
    color: #007DBA;
}


.campanha__box{
    border: #DDE1F1 1px solid;
    border-radius: 10px;
    padding: 10px;
    display: flex;

}
.campanha__box__img{
    max-width: 80px;
    width: 100%;
}
.campanha__box__img img{
    width: 100%;
}
.campanha__box__txt{
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
    color: #212529;
}
.campanha__box__txt h5{
    font-size: 15px;
    margin-bottom: 5px;
}
.campanha__box__txt p{
    font-size: 13px;
    margin: 0;
}



/***** MODAL ********/
.modal__title{
        color: #494F66;
        font-size: 18px;
        font-weight: bold;
    }
.modal__icon{
    color: #9fa1ab;
    font-size: 28px; 
    border: 1px solid #dddddd;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.modal__resalt{
    color: #494F66;
    font-size: 18px; 
    line-height: 1.3em;
}

.modal__cnt{ 
    font-size: 14px;
    line-height: 1.3em;
}

/*Mautic*/
.mauticform_wrapper { max-width: 600px; margin: 10px auto 0; }
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; font-size: 0.75rem;}
.mauticform-selectbox, 
.mauticform-input, 
.mauticform-textarea { 
    width: 100%; 
    border: none;
    background: transparent; 
    box-shadow: 0px 0px 0px #fff inset; 
    box-sizing: border-box; 
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
.mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }

/*END:: Mautic*/

.modal#terms_protecion_data{
    z-index: 1041 !important;
}

.modal-header.border-bottom-none{
    border-bottom: none !important;
    padding: 1rem 1.5rem 0rem 1rem !important;
}

 

   
.btn-accept-terms{
    padding: 16px 32px;
    background: #007DBA;
    border-radius: 8px;
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    font-size: 1rem;
    line-height: 150%;
    color: #FFFFFF;
}

.btn-accept-terms:hover,
.btn-accept-terms:focus,
.btn-accept-terms:active{
    color: #FFFFFF;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(29, 161, 184, 0.282);
}
 
 
.mauticform-row{
    width: 100%;
    margin-bottom: 17px !important;
}

/*Select*/

.mautic-select--container{
    background: #F5F6F9;
    border-radius: 8px;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container{
    position: relative;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active{
    background: #FFFFFF;
    border: 1px solid #007DBA;
}

.bootstrap-select>.dropdown-toggle{
    font-family: 'Fontfabric-MontBold', sans-serif;
    padding: 20px 13px;
    line-height: 100%;
    color: #494F66 !important;
    font-size: 1rem;
}

.bootstrap-select .dropdown-menu{
    background-color: #F9FAFC;
    border: none;
    border-radius: 6px;
    padding: 0px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text{
    font-size: 1rem;
    color:#404653;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .bootstrap-select.show-tick .dropdown-menu li a span.text{
    font-family: 'Fontfabric-MontBook', sans-serif;
    color: #494F66;
}

.mauticform-selectbox{
    font-family: 'Fontfabric-MontBold', sans-serif;
    padding: 0px;
    background: transparent;
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus, 
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle{
    outline:transparent !important;
    outline-offset: 0px;
    box-shadow: none;
}

.bootstrap-select .dropdown-item{
    padding: .75rem 1.5rem;
}

.bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item:focus{
    background-color: #e2e2e2;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .bootstrap-select .dropdown-item{
    padding: 0.9375rem 1.5rem;
}

.bootstrap-select .dropdown-item.active{
    color: #404653;
    text-decoration: none;
    background-color: #EDF0F7;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    color: #44A246;
    top: 16px;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 36%;
}

.bootstrap-select .bs-ok-default:after{
    border-width: 0 .16em .16em 0;
    width: .35em;
    height: 0.7em;
}

.dropdown-toggle::after{
    position: absolute;
    right: 12px;
    top: 21px;
    width: 0;
    height: 0;
    content: "";
    border-width: 7px 7px 0 7px !important;
    border-style: solid !important;
    border-color: #F5F6F9 transparent !important;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.dropdown-toggle:before {
    position: absolute;
    right: 10px;
    top: 21px;
    width: 0;
    height: 0;
    content: "";
    border-width: 9px 9px 0px 9px;
    border-style: solid;
    border-color: #007DBA transparent;
    -webkit-transition: transform .25s;
    -moz-transition: transform .25s;
    -ms-transition: transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    border-radius: 10px;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container .bootstrap-select.show-tick.mauticform-selectbox.show .dropdown-toggle::after {
    top: 26px;
    transform: rotate(180deg);
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container .bootstrap-select.show-tick.mauticform-selectbox.show .dropdown-toggle:before{
    top: 22px;
    transform: rotate(180deg);
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select.show-tick.mauticform-selectbox.show .dropdown-toggle::after {
    top: 26px;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select.show-tick.mauticform-selectbox.show .dropdown-toggle:before{
    top: 22px;
    border-color: #007DBA transparent;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select.show-tick.mauticform-selectbox .dropdown-toggle::after {
    top: 23px;
    border-color: #ffffff transparent !important;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select.show-tick.mauticform-selectbox .dropdown-toggle:before{
    top: 23px;
    border-color: #007DBA transparent;
}


.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
}

#mauticform_formactualizardato_type_document{
    display: inline-block;
    width: calc(40% - 10px);
    margin-right: 1%;
    vertical-align: top;
}

/*Input*/

#mauticform_formactualizardato_documento{
    display: inline-block;
    width: calc(60.5% - 10px);
}

.mautic-input--container{
    padding: 11px 13px 17px;
    position: relative;
    background: #F5F6F9;
    border-radius: 8px;
}

.mauticform-input{
    background: transparent;
    border: none;
    font-size: 1rem !important;
    font-family: 'Fontfabric-MontRegular', sans-serif;
    line-height: 100%;
    padding-top: 0.5rem;
}

.mautic-input--container label{
    font-family: 'Fontfabric-MontRegular', sans-serif;
    font-weight: normal;
    margin-bottom: 0rem;
    font-size: 1rem;
    color: #494F66;
    display: block;

    position: absolute;
    transform-origin: top left;
    transform: translate(0, 6px) scale(1); 
    transition: all .1s ease-in-out;
}

.mautic-input--container.active label{
    transform: translate(0, -8px) scale(.8);
    color: #007DBA;
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
}

.mautic-input--container.active .mauticform-input,
.mauticform-input:focus{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    color:#494F66;
}

.mauticform-input:focus,
.mauticform-selectbox:focus,
select:focus{
    outline: none !important;
}

/*Check*/
.text-check{
    font-family: 'Fontfabric-MontBook', sans-serif;
    font-size: 14px;
    line-height: 143%;
    color: #676F8F;
}

.text-check .text-terminos{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    color: #007DBA;
    text-decoration: underline;
}

.mauticform-checkboxgrp-label {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mauticform-checkboxgrp-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#mauticform_formactualizardato_terminos_y_condiciones{
    margin: 27px 0 32px;
}
  
.mauticform-checkboxgrp-label .checkmark {
    position: absolute;
    top: 0%;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #DDE1F1;
    border-radius: 4px;
}
  
.mauticform-checkboxgrp-label:hover input ~ .checkmark {
    background-color: #dde1f1b3;
    transition: all 0.25s ease;
}
  
.mauticform-checkboxgrp-label input:checked ~ .checkmark {
    background-color: #27AE60;
}
  
.mauticform-checkboxgrp-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.mauticform-checkboxgrp-label input:checked ~ .checkmark:after {
    display: block;
}
  
.mauticform-checkboxgrp-label .checkmark:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 150%;
    text-align: center;
    background: #007DBA;
    border-radius: 8px;
    padding: 10px 32px;
    min-width: 140px;
    justify-content: center;
    min-height: 48px;
    border: 0;
}

.button:hover,
.button:active,
.button:focus{
    color: #FFFFFF;
    opacity: 0.9;
    transition: opacity 100ms ease-in-out;
}

.button:hover:disabled{
    opacity: .65;
}

hr.light-thin{
    border: 1px solid #DDE1F1;
}

.content-form--compromisopago hr.light-thin{
    margin-bottom: 32px;
}

.content-form--compromisopago .cta-box__container{
    text-align: center;
}

.content-form--compromisopago .cta-box__container .text-consulta{
    font-family: 'Fontfabric-MontBook', sans-serif;
    font-size: 0.875rem;
    line-height: 143%;
    text-align: center;
    color: #676F8F;
    margin-bottom: 32px;
}

.cta-box__content .btn-cta-white{
    border: 1px solid #007DBA;
    border-radius: 8px;
    padding: 12px 24px;
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    font-size: 0.875rem;
    line-height: 24px;
    color: #007DBA;
    margin: 0 4px 10px;
    min-width: calc(50% - 18px);
}

.cta-box__content .btn-cta-white:hover, 
.cta-box__content .btn-cta-white:focus{
    color: #007DBA;
    opacity: 0.8;
}

.cta-box__content .btn-cta-white .icon{
    font-size: 1rem;
}

.sidenav--content .text-form--container .title-nombre, 
.sidenav--content .text-form--container .title-nombre span{
    font-family: 'Fontfabric-MontBold', sans-serif;
    font-size: 1.5rem;
    line-height: 117%;
    color: #494F66;
}

.sidenav--content .text-form--container.gracias .title-nombre, 
.sidenav--content .text-form--container.gracias .title-nombre span{
    font-family: 'Fontfabric-MontBold', sans-serif;
    font-size: 2rem;
    line-height: 125%;
    text-align: center;
    color: #0F0F0F;
}

#mauticform_wrapper_formactualizardatoregistro .mauticform-row{
    margin-bottom: 2rem !important;
}

/*Radiobox pago*/
.mautic-radiobox--container{
    background: #FFFFFF;   
    border: 1px solid #DDE1F1;
    border-radius: 12px;
    padding: 12px 16px;
}

.mautic-radiobox--container.active{
    background: #DBF4FF;    
    border: 1px solid #007DBA;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px 16px;
}

.mautic-radiobox--container{
    margin-bottom: 1rem;
}

.mauticform-row .text-lbl-info{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1rem;
    line-height: 150%;
    color: #494F66;
    margin-bottom: 1rem;
}

.mautic-radiobox--container .text-lbl-payment{
    font-size: 1rem;
    line-height: 100%;
    color: #676F8F;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mautic-radiobox--container .text-lbl-payment .box-radiobutton{
    padding-left: 1rem;
}

.mautic-radiobox--container .text-lbl-payment .box-radiobutton span{
    display: block;
}

.mautic-radiobox--container .text-lbl-payment .box-radiobutton span:first-child{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    margin-bottom: 1rem;
}

.mautic-radiobox--container .text-lbl-payment .box-radiobutton .text-lbl-ammount{
    font-family: 'Fontfabric-MontBold', sans-serif;
    font-size: 1.125rem;
    line-height: 100%;
    color: #494F66;
    margin-bottom: 0;
}

/*custom radiobutton*/
.mauticform-radiogrp-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mauticform-radiogrp-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.mauticform-radiogrp-label .checkmark {
    position: absolute;
    top: 23%;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #DDE1F1;
    border-radius: 50%;
}

.mauticform-radiogrp-label:hover input ~ .checkmark {
    border: 1px solid #DDE1F1;
}

.mauticform-radiogrp-label input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #3397C8;
}

.mauticform-radiogrp-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.mauticform-radiogrp-label input:checked ~ .checkmark:after {
    display: block;
}

.mauticform-radiogrp-label .checkmark:after {
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #007DBA;
}

/*Select fecha*/
#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-family: 'Fontfabric-MontBook', sans-serif;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #676F8F;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .dropdown-toggle:before{
    border-color: #676F8F transparent;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container .text-select-fieldset{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    font-size: 0.75rem;
    line-height: 133%;
    color: #007DBA;
    margin-bottom: 0;
    position: absolute;
    display: none;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .bootstrap-select>.dropdown-toggle {
    padding: 27px 13px 9px;
}

#mauticform_formactualizardatoregistro_selecciona_la_fecha .mautic-select--container.active .text-select-fieldset{
    display: block;
    transform: translate(13px, 9px) scale(1);
}
 

.canales-pago--container.rechazado{
    text-align: center;
}

.back-link span{
    font-family: 'Fontfabric-MontSemiBold', sans-serif;
    color:#007DBA;
    font-size: 0.875rem;
    vertical-align: middle;
}

.back-link img{
    height: 0.9375rem;
    width: 1.25rem;
}

.text-form--container .title-rechazado{
    font-family: 'Fontfabric-MontBold', sans-serif;
    font-size: 1.125rem;
    line-height: 144% ;
    color: #494F66;
    margin: 2.25rem 0 1rem;
}

.text-form--container .text-information{
    font-size: 1rem;
    line-height: 150%;
    text-align: justify;
    color: #676F8F;
}


@media(max-width: 360px){
    .cta-box__content .btn-cta-white{
        min-width: 100%;
        font-size: 1rem;
    }

    .content-form--compromisopago .cta-box__container .text-consulta{
        padding: 0 15px;
    }

    .cta-box__content .btn-cta-white .icon {
        font-size: 1.1rem;
    }
}

@media(max-width: 768px){

    .mauticform-row.mauticform-button-wrapper{
        margin-bottom: 0px !important;
        padding: 1.5rem 0;
    }

    #mauticform_wrapper_formactualizardato.mauticform_wrapper{
        margin-bottom:0px !important;
    }

    .sidenav.registro .sidenav--content > .container{
        padding: 1.9375rem 1.1875rem 0;
    }
}

@media (min-width:768px) and (max-width:992px){
 
    #mauticform_wrapper_formdevoluciones.mauticform_wrapper{
        margin-bottom:0px !important;
    }
 
  
    .btn-submit {
        font-size: 1.075rem;
    }
 
}

@media(max-width:992px){
  

    .btn-submit{
        width: 100%;
    }
}

@media(min-width:992px){

    ::placeholder {
        color: #325162;
        font-size: 0.75rem;
    }

 
      
    
    .scooped-rounded-right-corner{
        position: relative;
        width: 67%;
        height: 10px;
        background: #ffffff;
      }
    
    .scooped-rounded-right-corner:before {
        content: "";
        position: absolute;
        top: -100px;
        right: 0;
        height: 100px;
        width: 100px;
        border-bottom-right-radius: 76%;
        background: #fff0;
        box-shadow: 27px 26px 0 0 #ffffff;
    }

    
    

    .mauticform-row{
        width: calc(100% - 10px);   
    }    

    .mauticform-selectbox {
        font-size: 0.875rem !important;
    }

    .mauticform-input{
        padding-top: 0.125rem;
    }

    .mautic-input--container:not(.active) .mauticform-input{
        padding-top: 0rem;
    }

    .mautic-input--container label{
        margin-bottom: 0rem;
        font-size: 1rem !important;
        transform: translate(0, 0px) scale(1); 
    }
    
    .mautic-input--container:not(.active) label#mauticform_label_formactualizardato_documento{
        font-size: 1rem !important;
    }

    .mautic-input--container.active label{
        transform: translate(0, -12px) scale(.75);
    }

    .mautic-input--container{
        padding: 15px 13px 15px;
        position: relative;
    }

    .bootstrap-select .dropdown-item{
        padding: .35rem 1.5rem;
    }

    .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
        top: 10px;
    }

    #mauticform_formactualizardatoregistro_selecciona_la_fecha .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
        top: 35%;
    }

    .bootstrap-select>.dropdown-toggle{
        padding: 18px 13px;
    }

    .cta-box__content .btn-cta-white{
        font-size: 0.875rem;
    }
   
    .compromiso-detail--container .canales-pago--container .btn-submit{
        width: 85%;
    }

    .canales-pago--container.rechazado .btn-submit{
        width: auto;
    }

    #mauticform_input_formactualizardato_consultar.btn-submit{
        display: flex;
        flex-direction: row;
    }
}

@media(min-width:993px) and (max-width:1024px){
   
    .text-form--container,
    .content-form--compromisopago{
        margin:0 auto;
    }

    .information__container .list-info__container{
        max-width: 100%;
    }

    .cta-box__content .btn-cta-white{
        min-width: auto;
        width: 100%;
    }

    .mauticform-row.mauticform-button-wrapper{
        text-align: center;
    }

    .btn-submit{
        width: 100%;
    }
}


 .ico.ico__ok{
    position: relative;
    background-color: #00BA5B;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.ico.ico__ok::after{
  content: '';
  left: 26px;
  top: 19px;
  width: 12px;
  height: 23px;
  border: solid #ffffff;
  border-width: 0px 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
}
 
/*--- EXTRAS ---*/

.text-yellow {
 color: #fdce02;
}

.small_uno{
      font-size: 24px;
}