@font-face {
    font-family: 'CIBFont Sans';
    src: url('../fonts/CIBFontSans-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'CIBFont Sans';
    src: url('../fonts/CIBFontSans-Bold.woff2') format('woff2');
    font-weight: 700;
}

.modal-limbo-body #div_form_cajero_no_entrego .first-holder {
    font-size: 30px;
}

.modal-limbo-body #div_form_cajero_no_entrego .three-holder {
    font-size: 20px;
}

.modal-limbo-body #div_form_cajero_no_entrego .form-mensaje.error {
    padding-right: 50px;
}

.formulario-nota {
    font-size: 13px;
    color: #5b5b5b;
}

#div_form_cajero_no_entrego {
    max-width: 720px;
}

.sub-container-pasos {
    max-width: 530px;
    margin: auto;
}

.ico-check-paso {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.35396 14.385L7.01172 14.8259L0 7.707L0.707 7L6.91352 13.1061L17.707 0L18.414 0.707L7.35396 14.385Z' fill='%232C2A29'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.pasos-form {
    width: 530px;
    margin: auto;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pasos-form .item-pasos-form {
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.pasos-form .item-pasos-form .numero-paso {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F2F2F4;
    z-index: 2;
}

.pasos-form .item-pasos-form .numero-paso  span.num{
    font-size: 16px;
    height: auto !important;
    background: none !important;
}

.pasos-form .item-pasos-form label {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.pasos-form .item-pasos-form .numero-paso:before {
    content: '';
    display: inline-block;
    width: 50%;
    height: 3px;
    background: #F2F2F4;
    position: absolute;
    left: 50%;
    z-index: -1;
}

.pasos-form .item-pasos-form:last-child .numero-paso:before {
    left: 0px;
}

.pasos-form .item-pasos-form .numero-paso .ico-check-paso {
    display: none;
}

.pasos-form .item-pasos-form.active .numero-paso .ico-check-paso {
    display: none;
}

.pasos-form .item-pasos-form.complete .numero-paso .ico-check-paso {
    display: inline-block;
}

.pasos-form .item-pasos-form.complete .numero-paso .num {
    display: none;
}

.pasos-form .item-pasos-form.active .numero-paso {
    background-color: #00C389;
}

.pasos-form .item-pasos-form.active .numero-paso:before {
    background-color: #00C389;
}

.pasos-form .item-pasos-form.active label {
    font-weight: bold;
}

.pasos-form .item-pasos-form.complete .numero-paso {
    background-color: #fff;
    border: 2px solid #00C389;
}

.pasos-form-leyend {
    font-weight: 400;
    font-size: 14px;
    max-width: 530px;
}

.bg-pink {
    padding: 15px;
    background: #F5B6CD;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
}

.container-bg-pink {
    max-width: 530px;
    text-align: center;
}

.container-bg-pink label {
    font-size: 16px;
    font-weight: 700;
}

.container-bg-pink img {
    max-width: 430px
}

.form-bar-info {
    font-size: 12px;
    line-height: 1.3;
    padding-left: 35px;
    position: relative;
    max-width: 470px;
    margin: auto;
}

.form-bar-info:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.26332 8.35699V8.52752H2.73701V8.35068C2.73701 7.35318 2.38342 6.98281 1.79902 6.37067L1.79722 6.36878L1.70817 6.27531C1.14922 5.69299 0.842272 4.92247 0.842272 4.10647C0.842272 3.14899 1.26732 2.25405 2.00817 1.65152C2.74901 1.04899 3.72354 0.819098 4.68101 1.01805C5.8968 1.26878 6.86943 2.26415 7.09996 3.49447C7.27869 4.46268 7.01911 5.43973 6.38943 6.17299C6.3171 6.25612 6.24757 6.33297 6.18161 6.40586L6.18157 6.4059L6.11469 6.47994L6.11457 6.48007C******************6332 7.41286 5.26332 8.35699ZM2.10543 9.1591H5.8949V8.35699C5.8949 7.65793 6.12411 7.40653 6.58062 6.90582L6.5808 6.90562L6.60489 6.87915L6.60497 6.87907C6.68705 6.78889 6.77436 6.69296 6.8669 6.58604C7.62353 5.70626 7.9349 4.5372 7.72143 3.37889C7.4429 1.8991 6.27322 0.701625 4.80922 0.399098C3.66606 0.160993 2.49827 0.438888 1.60964 1.16141C0.721009 1.88457 0.210693 2.95826 0.210693 4.10647C0.210693 **************99 6.01194 1.2509 6.71173L1.34059 6.80457L1.34162 6.80566C1.89727 7.38779 2.10543 7.60588 2.10543 8.35068V9.1591ZM1.47385 4.10647H2.10543C2.10543 3.06183 2.95554 2.21173 4.00017 2.21173V1.58015C2.6069 1.58015 1.47385 2.7132 1.47385 4.10647ZM5.8949 10.4223V9.79068H2.10543V10.4223H5.8949ZM5.8949 11.0538V11.6854H2.10543V11.0538H5.8949Z' fill='%232C2A29'/%3E%3C/svg%3E");
    background-color: #59CBE8;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    left: 0px;
}

.input-cajero {
    position: relative;
}

.input-cajero label {
    color: #2C2A29;
}

.input-cajero .form-control {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0.5C1 0.223858 1.22386 0 1.5 0H12.5C12.7761 0 13 0.223858 13 0.5V17H14V18H0V17H1V0.5ZM2 1H12V17H2V1ZM4 4C3.44772 4 3 4.44772 3 5V9C3 9.55228 3.44772 10 4 10H10C10.5523 10 11 9.55228 11 9V5C11 4.44772 10.5523 4 10 4H4ZM4 9V5H10V9H4ZM10 2H11V3H10V2ZM3 2H4V3H3V2ZM6 2H8V3H6V2ZM9 11H5V12H9V11Z' fill='%232C2A29'/%3E%3C/svg%3E");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    text-transform: uppercase;
    color: #2C2A29;
    font-weight: 600;
}

.input-cajero:before {
    content: 'ATM';
    width: 30px;
    height: 30px;
    color: #2C2A29;
    position: absolute;
    left: 20px;
    bottom: 1px;
    font-size: 16px;
    font-weight: 600;
}

#div_form_cajero_no_entrego input:disabled {
    background: #CCCCCC !important;
    color: #2C2A29 !important;
}

.input-fecha {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4H5V2H14V4H15V2H17V5H1V2H4V4ZM15 1H18V5V6V16C18 17.103 17.103 18 16 18H2C0.897 18 0 17.103 0 16V1H4V0H5V1H14V0H15V1ZM1 6V16C1 16.551 1.449 17 2 17H16C16.551 17 17 16.551 17 16V6H1Z' fill='%232C2A29'/%3E%3C/svg%3E");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.form-group .input-dollar {
    position: relative;
}

.form-group .input-dollar:before {
    content: '$';
    position: absolute;
    left: 4px;
    top: 6px;
}

.form-group .input-dollar .form-control {
    padding-left: 20px;
}

.count-input {
    font-size: 12px;
    color: #2C2A29;
}

.fin-lbl-bolder {
    font-family: 'CIBFont Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #2C2A29;
}

.fin-lbl-bold {
    font-family: 'CIBFont Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #2C2A29;
}

#div_form_cajero_no_entrego h1 {
    color: #292929;
    font-size: 32px;
    text-align: center;
    font-family: 'CIBFont Sans';
    font-weight: 700;
}

.error-input {
    font-size: 12px;
    color: #f00;
}