#lista_operadores {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.altura_ventanas {
    top: 15% !important;
}

#seguroscolmena_bg {
    background-color: #002020;
    height: 100vh;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 200%;
    z-index: 100;
}

#lista_valores {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 330px;
    overflow: visible;
    text-align: center;
}

#lista_valores span {
    margin-bottom: 5px;
    width: 100%;
    display: block;
}

.item_valor {
    background-color: #CCCCCC;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    margin: 5px 3px;
    padding: 2px;
    text-align: center;
    width: 75px;
    z-index: auto;
}

.selected_valor {
    background: #75A0CB;
    color: #FFFFFF;
    height: 36px;
    opacity: 1;
    margin: 1px 1px;
    width: 102px;
}

.dimension_recargas, .dimension_otros {
    box-sizing: border-box;
    padding: 3px;;
}

.dimension_recargas {
    height: 62px;
    width: 100%;
}

.dimension_pines {
    height: 40px;
    width: 300%;
    margin-left: 75%;
}

.dimension_otros {
    height: 62px;
    width: 100%;
}

.dimension_breb {
    height: 65px;
    width: 100%;
}

@keyframes zoominzoomout {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

.dimension_boton_especial {
    height: 62px;
    background-color: #f0f2f1;
    background-image: none;
    width: 97%;
}

.zoomeffect {
    animation: zoominzoomout 2.5s infinite;
    -webkit-animation: zoominzoomout 2.5s infinite;
}

.w-95 {
    width: 95%;
}

.item_paquetigo {
    color: #9DB1D3;
    font-size: 15px;
    /*font-family: TahomaBold;*/
    font-weight: 700;
    height: 40px;
    width: 100px;
}

.item_paquetigo span {
    color: #9DB1D3;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
}

.datos_recarga {
    /*margin: 0px auto;*/
    /*overflow: hidden;*/
    /*width: 265px;*/
}

.boton_link {
    float: left;
    height: 100%;
    width: 42%;
}

.item_operador {
    border-radius: 10px !important;
    cursor: pointer;
    background-color: #ECECEC !important;
    margin: 0.4rem 0 0.4rem 0 !important;
    border: 1px solid #8c8c8c;
}

.op_selected, .item_operador:hover, .item_operador_peque:hover {
    border: 1px solid #0A85FF !important;
}

.item_operador-breb {
    border-radius: 10px !important;
    cursor: pointer;
    background-color: #ECECEC !important;
    margin: 0.4rem 0 0.4rem 0 !important;
    border: none;
}

.item_operador-breb:hover {
    border: none;
}

.campo span, .campo_grande span {
    display: block;
    font-weight: 700;
}

#contenedor_segunda_clave {
    display: none;
    height: 0px;
}

.paquetigo {
    font-size: 12px;
    line-height: 35px;
    padding-top: 14px;
}

.op_info {
    background-image: -ms-linear-gradient(top, #4A85BF -10%, #75CFF9 100%);
    background-image: -moz-linear-gradient(top, #4A85BF -10%, #75CFF9 100%);
    background-image: -o-linear-gradient(top, #4A85BF -10%, #75CFF9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-0.1, #4A85BF), color-stop(1, #75CFF9));
    background-image: -webkit-linear-gradient(top, #4A85BF -10%, #75CFF9 100%);
    background-image: linear-gradient(top, #4A85BF -10%, #75CFF9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A85BF', endColorstr='#75CFF9', GradientType=0); /* ie */
    background-repeat: no-repeat;
    border: 1px outset #4A85BF;
    -moz-border-radius: 7px 0 0 7px;
    -ms-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
    -webkit-box-shadow: 3px 3px 6px #111111;
    -moz-box-shadow: 3px 3px 6px #111111;
    box-shadow: 3px 3px 6px #111111;
    opacity: 1;
    overflow-x: hidden;
    padding: 10px 0;
    position: absolute;
    right: -400px;
    top: 460px;
    width: 350px;
    z-index: 500;
}

.info_linea {
    padding: 5px 10px;
    text-align: justify;
}

.info_precio {
    font-size: 15px;
}
#mobil, #monto, #id_cobro, #montoNoFormat, #name, #last_name, #numero_documento, #numDoc, #numero_planilla, #convenio_valor_parcial, #documento, #nombre_depositante, #numCelular, #celular_destinatario {
    color: rgba(0, 0, 0, 0.8);
    font-size: 28px;
}

.campo_grande {
    margin: 5px 0 10px;
    text-align: center;
}

.campo_grande input,
.campo_grande select {
    border: 1px inset #222222;
    box-sizing: border-box;
    border-radius: 8px;
    height: auto;
    padding: 2px 4px;
    width: 246px;
    outline: none;
    margin: 1px;
    text-align: center;
}

.campo_grande option {
    padding: 3px;
}


.campo_grande input:focus {
    border-color: #00707D;
    border-width: 2px;
    margin: 0px;
}

.campo_grande input.error, select.error {
    border-color: red;
    border-width: 2px;
    margin: 0px;
}

#contenedor_saldo, #contenedor_agrandado {
    border: 1px solid rgb(202, 202, 202);
    border-radius: 10px;
    font-size: 12px;
    margin: 0px 15px 10px;
    padding: 5px 0;
    text-align: center;
    width: auto;
}

#contenedor_saldo p {
    font-weight: 700;
    padding: 2px 0 11px;
    font-size: 20px;
}


/*--------------------------------*/
.fila_par {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    text-align: left;
    padding: 5px 0;
    cursor: pointer;
}

.fila_impar {
    background: #E5E5E5;
    border: 0px solid #FFFFFF;
    text-align: left;
    padding: 5px 0;
    cursor: pointer;
}

/* hover */
.fila_impar:hover, .fila_par:hover {
    color: #007ad0;
}

.color_claro:hover, .color_claro:hover {
    color: #BA000B;
}

.color_qubit:hover, .color_qubit:hover {
    color: #1b7a86;
}

.color_paquete_conectame:hover, .color_paquete_conectame:hover {
    color: #512E7B;
}

.color_paquete_avantel:hover, .color_paquete_avantel:hover {
    color: #DE0E81;
}

.color_paquete_movistar:hover, .color_paquete_movistar:hover {
    color: #3f7209;
}

.color_paquete_exito:hover {
    color: #512179;
    font-weight: bold;
}

.color_paquete_buenofon:hover {
    color: #2C2C78;
}

.color_paquete_tinder:hover {
    color: #FF5864;
}

.color_paquete_prime:hover {
    color: #75ACDF;
}

.color_paquete_valliu:hover {
    color: #745bfc;
}

.color_paquete_tinder_gold:hover {
    color: #E7AF49;
}

.color_paquete_lov:hover {
    color: #1E53CA;
}

.color_paquete_etb:hover, .color_paquete_etb:hover {
    color: #236187;
}

.color_paquete_tigo:hover, .color_paquete_tigo:hover {
    color: rgb(1, 119, 219);
}


.titulo_paquetigo {
    height: 32px;
    color: #FFF;
    width: 100%;
    font-weight: 700;
    border: 1px solid #FFFFFF;
    font-size: 11px;
}

.color_claro:hover, .color_claro:hover {
    color: #BA000B;
}

.color_gray:hover, .color_gray:hover {
    color: #0079F2;
}

.titulo_paquetigo {
    height: 32px;
    color: #FFF;
    width: 100%;
    font-weight: 700;
    border: 1px solid #FFFFFF;
    font-size: 11px;
}

.item_categoria {
    background: rgb(1, 119, 219);
    padding: 5px;
    color: #FFFFFF;
    font-weight: 700;
    margin: 10px 0;
    border-radius: 5px;
}

.paquetigos_categoria {
    width: 790px;
    margin: 0 auto;
    padding: 10px;
    border-collapse: separate;
    border-spacing: 5px 0;
    display: block;
    margin-bottom: 10px;
    display: none;

}

.seguroscolmena_categoria {
    width: 790px;
    margin: 0 auto;
    padding: 10px;
    border-collapse: separate;
    border-spacing: 5px 0;
    display: block;
    margin-bottom: 10px;
    display: none;

}

.fila_paquetigo {
    width: 19% !important;
    border: 1px solid #AAA;
    font-size: 12px;
    padding: 3px;
    line-height: 1.2;
}

.paqueclaros_categoria {
    width: 100% !important;
    display: block;
}

.fila_paqueclaro {
    border: 1px solid #AAA;
    font-size: 12px;
    padding: 3px;
    line-height: 1.2;
    width: 25% !important;
}

.descripcion_paqueclaro {
    width: 60% !important;
}

.class_id_paquetigo {
    width: 50px;
}

#elemento_input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.descripcion_paquetigo {
    width: 53% !important;
}

.titulo_flotante {
    background: none;
    color: black;
    border-radius: 5px;
    margin: 0px 15px;
    padding: 0;
}

.m-titulo-flotante {
    margin-top: 10px;
}

.titulo_flotante_colmena {
    background: #1aa0c3;
    color: white;
    border-radius: 5px;
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
}

#opciones_recargas {
    float: left;
    width: 70%;
    margin-bottom: 6em;
}

.bg_form_recargas {
    margin-top: 10px !important;
}

.titulo_formulario_recargas {
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
    border-radius: 8px 8px 0 0;
}

#titulo_movil {
    display: block;
    padding-bottom: 5px;
}

.botonera_recargas {
    margin-top: 0px;
}

.icono_operador_recargas {
    text-align: center;
    margin: 10px;
    padding: 5px;
}

.boton_referidos_claro input {
    background-image: url("../imagenes/boton_claro.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-weight: 400;
    text-transform: none;
    color: white;
    box-shadow: 0 0;
    border-radius: 6px;
}

.boton_referidos_claro input {
    height: 35px;
    padding: 3px 8px;
}

.boton_referidos_claro {
    float: left;
    height: 100%;
    margin-left: 170px;
}

.boton_conectame {
    background-image: url("../imagenes/boton conectame.png");
}

#info_referidos_claro {
    top: 10% !important;
}

.boton_claro {
    background-image: url("../imagenes/boton_claro.png");

}

.boton_virgin {
    background-image: url("../imagenes/boton_virgin.png");
}

.boton_avantel {
    background-image: url("../imagenes/boton_paqueteavantel.png");
}

.boton_paqmovistar {
    background-image: url("../imagenes/boton_paquetemovistar.png");
}

.boton_paqetb {
    background-image: url("../imagenes/boton_paqueteetb.png");
}

.encabezado_paquetigo {
    border-radius: 3px;
    background: #c9deef; /* Old browsers */
    background: -moz-linear-gradient(top, #c9deef 0%, #4e9edb 54%, #007ad0 83%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9deef), color-stop(54%, #4e9edb), color-stop(83%, #007ad0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c9deef 0%, #4e9edb 54%, #007ad0 83%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9deef 0%, #4e9edb 54%, #007ad0 83%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c9deef 0%, #4e9edb 54%, #007ad0 83%); /* IE10+ */
    background: linear-gradient(to bottom, #c9deef 0%, #4e9edb 54%, #007ad0 83%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9deef', endColorstr='#007ad0', GradientType=0); /* IE6-9 */
    vertical-align: middle !important;
}

.encabezado_colmena {
    border-radius: 3px;
    background: #c9deef; /* Old browsers */
    background: -moz-linear-gradient(top, #c9deef 0%, #1aa0c3 54%, #1aa0c3 83%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9deef), color-stop(54%, #1aa0c3), color-stop(83%, #1aa0c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c9deef 0%, #1aa0c3 54%, #1aa0c3 83%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9deef 0%, #1aa0c3 54%, #1aa0c3 83%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c9deef 0%, #1aa0c3 54%, #1aa0c3 83%); /* IE10+ */
    background: linear-gradient(to bottom, #c9deef 0%, #1aa0c3 54%, #1aa0c3 83%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9deef', endColorstr='#1aa0c3', GradientType=0); /* IE6-9 */
    vertical-align: middle !important;
}

.encabezado_paqueclaro {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #f3c5bd; /* Old browsers */
    background: -moz-linear-gradient(top, #f3c5bd 0%, #df6057 37%, #b63c3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3c5bd), color-stop(37%, #df6057), color-stop(100%, #b63c3c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3c5bd 0%, #df6057 37%, #b63c3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3c5bd 0%, #df6057 37%, #b63c3c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3c5bd 0%, #df6057 37%, #b63c3c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3c5bd 0%, #df6057 37%, #b63c3c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#b63c3c', GradientType=0); /* IE6-9 */
}

.encabezado_paquequbit {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #66eafc; /* Old browsers */
    background: -moz-linear-gradient(top, #66eafc 0%, #1e9dae 37%, #2094a3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66eafc), color-stop(37%, #1e9dae), color-stop(100%, #2094a3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #66eafc 0%, #1e9dae 37%, #2094a3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #66eafc 0%, #1e9dae 37%, #2094a3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #66eafc 0%, #1e9dae 37%, #2094a3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #66eafc 0%, #1e9dae 37%, #2094a3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66eafc', endColorstr='#2094a3', GradientType=0); /* IE6-9 */
}

.encabezado_paquetesconectame {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #5f497a; /* Old browsers */
    background: -moz-linear-gradient(top, #5f497a 0%, #4f2c7a 50%, #513277 51%, #512e7b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5f497a 0%, #4f2c7a 50%, #513277 51%, #512e7b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5f497a 0%, #4f2c7a 50%, #513277 51%, #512e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f497a', endColorstr='#512e7b', GradientType=0); /* IE6-9 */
}

.encabezado_paquetesavantel {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #f12595; /* Old browsers */
    background: -moz-linear-gradient(top, #f12595 0%, #f12595 50%, #f12595 51%, #f12595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f12595 0%, #f12595 50%, #f12595 51%, #f12595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f12595 0%, #f12595 50%, #f12595 51%, #f12595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f12595', endColorstr='#f12595', GradientType=0); /* IE6-9 */
}

.encabezado_paquetesmovistar {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #cdff42;
    background: -moz-linear-gradient(top, #cdff42 0%, #58bd00 32%, #58bd00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #cdff42), color-stop(32%, #58bd00), color-stop(100%, #58bd00));
    background: -webkit-linear-gradient(top, #cdff42 0%, #58bd00 32%, #58bd00 100%);
    background: -o-linear-gradient(top, #cdff42 0%, #58bd00 32%, #58bd00 100%);
    background: -ms-linear-gradient(top, #cdff42 0%, #58bd00 32%, #58bd00 100%);
    background: linear-gradient(to bottom, #cdff42 0%, #58bd00 32%, #58bd00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdff42', endColorstr='#58bd00', GradientType=0);
}

.encabezado_paquetesetb {
    padding: 2px;
    vertical-align: middle !important;
    border-radius: 3px;
    background: #42a4ff;
    background: -moz-linear-gradient(top, #42a4ff 0%, #42a4ff 5%, #15699d 32%, #15699d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #42a4ff), color-stop(5%, #42a4ff), color-stop(32%, #15699d), color-stop(100%, #15699d));
    background: -webkit-linear-gradient(top, #42a4ff 0%, #42a4ff 5%, #15699d 32%, #15699d 100%);
    background: -o-linear-gradient(top, #42a4ff 0%, #42a4ff 5%, #15699d 32%, #15699d 100%);
    background: -ms-linear-gradient(top, #42a4ff 0%, #42a4ff 5%, #15699d 32%, #15699d 100%);
    background: linear-gradient(to bottom, #42a4ff 0%, #42a4ff 5%, #15699d 32%, #15699d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#15699d', GradientType=0);

}

.paqueteconectame_titulo_color {
    background: none repeat scroll 0 0 rgb(81, 46, 123);
}

.paqueteavantel_titulo_color {
    background: none repeat scroll 0 0 rgb(222, 14, 129);
}

.paquetemovistar_titulo_color {
    background: none repeat scroll 0 0 rgb(91, 197, 0);
}

.paqueteetb_titulo_color {
    background: none repeat scroll 0 0 rgb(35, 97, 135);
}

.vigencia_paquetigo {
    background: none repeat scroll 0 0 rgb(1, 119, 219);
    border-radius: 5px;
    color: white;
    margin: 0 auto;
    width: 400px;
    padding: 5px;
}

.descripcion_paqueclaro_alerta {
    background: none repeat scroll 0 0 rgb(1, 119, 219);
    border-radius: 5px;
    color: white;
    margin: 0 auto;
    padding: 5px;
}

.center_paquetigo {
    margin: 0 auto;
    width: 720px;
}

#subtitulo_operador {
    color: #01517e;
    font-weight: 700;
}

.subtitulo_pin{
    color: #01517e;
    font-weight: 700;
}

.paqueclaro_color {
    background: none repeat scroll 0 0 rgb(214, 60, 60);
    text-align: center;

}

.paquevirgin_color {
    background: #bd061e none repeat scroll 0 0;
}

.paquequbit_color {
    background: none repeat scroll 0 0 rgb(30, 157, 174);
}

.contendor_categorias {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.item_operador_peque {
    background-image: url("../imagenes/opciones.jpg");
    background-repeat: no-repeat;
    background-size: 103px 57px;
    color: #005584;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    line-height: 40px;
    text-align: center;
    width: 120px;
}

.item_operador_peque {
    border: 1px solid #666666;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 30px 15px -20px #666666;
    -moz-box-shadow: 0 30px 15px -20px #666666;
    -webkit-box-shadow: 0 30px 15px -20px #666666;
    float: left;
    margin: 5px;
    padding: 5px;
}

.item_operador_peque input {
    float: right;
    margin-top: 29px;
}

.item_paquete {
    border-top: 1px solid rgb(202, 202, 202);
    height: 65px;
    line-height: 55px;
    padding-top: 10px;
}

.item_paquete:hover {
    opacity: 0.7;
}

.item_paquete_primer_elemento {
    border-top: none !important;
}

.titulo_paquete {
    float: left;
    height: 100%;
    margin-left: 20px;
}

.imagen_paquete {
    float: right;
    margin-right: 10px;
}

#contenedor_recargas {
    min-width: 1020px;
}

.line_titulo_paquetes hr {
    background: url("../imagenes/linea.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    border: 0 none;
    height: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

/*Adicion 26 - 11 - 2014*/

#operadores_contenidos {
    overflow: hidden;
    padding: 18px;
}

/* Fin Adicion 26 - 11 - 2014*/

.boton_link input {
    height: 35px;
    padding: 3px 8px;
}

.no_edit {
    border: 1px solid #888888 !important;
    box-shadow: 1px 1px 2px 0 #cccccc !important;
}

.boton_salir {
    margin-right: 8px;
    margin-top: auto;
}

.paquclaro_ancho {
    width: 97%;
}

.encabezado_paqueclaro td {
    vertical-align: middle;
}

.titulo_paqueclaro {
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 32px;
    width: 100%;
}

.icono_paquetes {
    border: 1px solid white;
    border-radius: 5px;
    margin-left: 6px;
    padding: 1px 3px;
}

.cambio_color {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.cambio_color2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.transition_all {
    transition: transform 500ms ease-out;
}

.movimiento_boton_paquete_claro {
    border-color: darkred;
    margin: 3px;
    border-width: 3px;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.item_operador_soat {
    border-radius: 10px !important;
    cursor: pointer;
    background-color: #7B1BFF !important;
    margin: 0.4rem 0 0.4rem 0 !important;
    border: 1px solid #7B1BFF;
}

.movimiento_boton_megapuesta {
    border-color: #FF7617;
    border-width: 2px;
    padding: 4px;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    border: 2px solid #FF7617;
}

.transparecia_claro {
    background: #FF0000;
}

.color_boton_paquetigo {
    background: #00377B;
}

.checkSaldos {
    box-shadow: none;
    float: left;
}

.checkSaldoEspecialRecarga {
    margin: 2% 0% 0% 13%;
}

.checkSaldoRecarga {
    margin: 2% -20% 0% 13%;
}

#saldo_especial {
    margin: 0 20% 2px;
}

.recargacategorias {
    float: left;
    margin-right: 15px;
    margin-left: -7px;
    width: 46%;
}

.recargacategoriasotras {
    float: left;
    width: 52%;
}

.dentrodetroscategias {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

#instructivos_bg {
    background-color: #002020;
    height: 100%;
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: 100;
}

.boton_ver_info {
    width: 70px !important;
    margin-bottom: -45px !important;
    margin-top: 30px;
    color: rgb(0, 0, 0);
    width: 60px;
    height: 15px;
    border-color: #424242;
    border: 1px solid #424242;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 1px #616161;
    margin-left: 20px;
    cursor: pointer;
}

.boton_ver_info:hover {
    cursor: pointer;
}

.alerta_btn_cerrar {
    bottom: 20px;
    right: 53% !important;
    text-decoration: none;
    padding: 6px 20px;
    height: auto;
    line-height: 1;
}

.btn_enviar_sms {
    background-image: url("../imagenes/boton_claro.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 5px;
    height: 15px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 700;
    line-height: 15px;
    right: 200px !important;
    text-align: center;
    bottom: 45px;
    border-radius: 10px;
    margin-top: -6% !important;
    margin-left: 60% !important;
    margin-bottom: -5px;
    width: 35%;
    font-size: 10pt;
}

.input_celular_sms {
    margin-left: -40% !important;
    margin-top: -2% !important;
    font-family: "Arimo";
    width: 240px;
    background-color: white;
    font-size: 12pt;
    color: black;
    border-radius: 10px;
    text-align: center;
    outline: none;
}

.input_alerta_flotante {
    margin-left: -40% !important;
    font-family: "Arimo";
    width: 240px;
    background-color: white;
    font-size: 12px;
    color: black;
    border-radius: 10px;
    text-align: center;
    outline: none;
}

.btn_enviar_mail {
    background-image: url("../imagenes/boton_claro.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white !important;
    padding: 5px;
    height: 15px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 700;
    line-height: 15px;
    right: 200px !important;
    text-align: center;
    bottom: 45px;
    border-radius: 10px;
    margin-top: -6% !important;
    margin-left: 60% !important;
    margin-bottom: -5px;
    width: 35%;
    font-size: 10pt;
}

.input_correo_mail {
    margin-left: -40% !important;
    font-family: "Arimo";
    width: 240px;
    background-color: white;
    font-size: 11pt;
    color: black;
    border-radius: 10px;
    text-align: center;
    text-transform: none !important;
    outline: none;
}

.centrar_imagen {
    background: #DDD;
    background-image: -ms-linear-gradient(top, #FAFAFA -10%, #9C9C9C 100%);
    background-image: -moz-linear-gradient(top, #FAFAFA -10%, #9C9C9C 100%);
    background-image: -o-linear-gradient(top, #FAFAFA -10%, #9C9C9C 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-0.1, #FAFAFA), color-stop(1, #9C9C9C));
    background-image: -webkit-linear-gradient(top, #FAFAFA -10%, #9C9C9C 100%);
    background-image: linear-gradient(top, #FAFAFA -10%, #9C9C9C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#9C9C9C', GradientType=0); /* ie */
    border: 2px solid #BBB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
    padding: 10px;
    width: 800px;
}

#banner_img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.fondo_qubit {
    background: #34bad1;
}

/*Adicion 22 - 12 - 2017*/

.item_operador_recargas, .item_operador_otros {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    opacity: 1 !important;
    bottom: 0px;
    right: 5px;
}

/* Fin Adicion 22 - 12 - 2017*/

.deshabilitarProducto {
    cursor: not-allowed;
    opacity: 0.5;
}

.no_edit_campo_certificado {
    background: none;
    border: 0;
    box-shadow: 0px 0px 0px 0px #999999;
    color: #0079F2;
    font-size: 16px;
    font-weight: 700;
}

.texto_direccion_certificado {
    width: 570px !important;
}

#snr_cont {
    float: left;
}

.certifadoTable {
    margin-top: 20px;
}

.cheksaldoespecialrecargaCeritificado {
    float: left;
    margin: 8% 0% -2% 0%;
}

#snr_valor {
    color: #002b87;
    font-weight: 700;
}

.color_boton_referidos_claro {
    background: #D70F15;
}

.movimiento_boton_referido_claro {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1) translate(-4px, 8px);
}

.movimiento_boton_referido_claro {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1) translate(-4px, 8px);
}

.info_export {
    margin: 20px;
    background-color: #efefef;
    text-align: center;
}

.info_export .info_titulo label {
    margin-left: 10px;
}

.tabla-modal-paquetes {
    font-family: Arimo;
    border-collapse: collapse;
    width: 100%;
}

.tabla-modal-paquetes td, th {
    border: 1px solid #fff;
    text-align: left;
    padding: 8px;
    font-size: 11px;
    color: black;
}

.tabla-modal-paquetes tr td label {
    font-size: 13px;
    color: black;
}

.tabla-modal-paquetes tr:nth-child(even) {
    background-color: #ffe2e2;
}

.tabla-modal-paquetes .paquetes_seleccionados:hover {
    cursor: pointer;
}

@keyframes alertshadow {
    0% {
        box-shadow: none;
    }
    50% {
        box-shadow: 9px 0px 10px 4px rgb(33, 125, 183);
    }
    100% {
        box-shadow: none;
    }
}

.paquete_especial_seleccionado {
    background-color: #1b7db3 !important;
    animation: alertshadow ease-in-out 1.8s infinite;
    -webkit-animation: alertshadow ease-in-out 1.8s infinite;
    -moz-animation: alertshadow ease-in-out 1.8s infinite;
    -o-animation: alertshadow ease-in-out 1.8s infinite;
}

.paquete_especial_seleccionado td {
    color: white !important
}

.contenedor-modal-paquetes {
    height: 145px;
    overflow-y: scroll;
    background-color: white;
    border-bottom: 10px solid #b50000;
}

.contenedor-modal-paquetes input {
    box-shadow: none !important;
}

.content-title-modal-paquetes {
    background-color: #b50000;
    padding: 15px 10px 10px 0px;
}

.contenedor-categoria{
    border: 1px solid #C4C4C4;
    -webkit-box-shadow: 0px 20px 23px -17px #C4C4C4;
    -moz-box-shadow: 0px 20px 23px -17px #C4C4C4;
    box-shadow: 1px 1px 7px 0px #C4C4C4;
    border-radius: 8px 8px 8px 8px;
}

.titulo_categoria{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    margin-left: 10px;
    margin-right: 10px;
}

.snr_logo {
    width: 850px;
    height: 80px;
    position: relative;
    overflow: hidden;
}

.snr_logo img {
    position: absolute;
    left: 0;
    width: 100%;
}

.saldo-selector {
    width: 100%;
    text-align: center;
}

.saldo-selector label {
    display: inline-block;
    position: relative;
}

.saldo-selector span {
    display: block;
    font-weight: 700;
}

.saldo-selector input[type=checkbox] {
    position: absolute;
    bottom: 1.5em;
    height: 1em;
    margin: auto;
    left: 1.6em;
    box-shadow: none;
    outline: none;
}

.saldo-selector input[type=checkbox] + div {
    padding: 0.5em 2em;
    margin: 0.5em;
    box-shadow: 3px 4px 3px #888888;
    border: 1px solid #888888;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    background-color: white;
    min-width: 150px;
}

.saldo-selector .saldo {
    padding-top: 3px;
    font-size: 1.3em;
}

.consultacertificado_table {
    margin-bottom: 3em;
}

.consultacertificado_table td {
    vertical-align: middle;
}

.consultacertificado_table * {
    box-sizing: border-box;
}

.consultacertificado_table .input_mail {
    width: 100%;
}

.consultacertificado_table input[type=text] {
    padding: 4px 0.5em;
    height: 1.8em;
}



.certificado_form input[type=button]:hover,
.certificado_form input[type=submit]:hover,
.certificado_form button:hover {
    box-shadow: 1px 1px 4px #aaaaaa;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#modal_paquetes {
    display: none;
    bottom: 0;
    right: 0;
    height: 190px;
    width: 100%;
    position: fixed;
    background-color: white;
    z-index: 1001;
}

#modal_paquetes .titulo {
    padding: 10px 10px 10px 13px;
    font-weight: 700;
    color: white;
    display: inline;
}

#button-hide-modal-packages {
    float: right;
    cursor: pointer;
    font-size: 15px;
}

.item_valor:not(.selected):hover {
    font-weight: 700;
    width: 85px;
    margin: 1px;
    height: 36px;
    line-height: 30px;
    background: rgb(204, 204, 204);
    color: #111111;
}

.item_valor.selected {
    background: #03A582;
    border-color: #03A582;
    color: #FFFFFF;
    width: 85px;
    margin: 4px 2px;
    height: 36px;
    line-height: 30px;
    font-weight: 700;
}

.alumbrado-publico {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20%;
}

.alumbrado-publico span {
    font-size: 1.2em;
    font-weight: 600;
    vertical-align: middle;
    color: black;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.alumbrado-publico input {
    width: 22px;
    height: 22px;
    border: none;
    box-shadow: none;
    vertical-align: middle;
}


#form_recargas {
    overflow: visible;
}

.input-cens {
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
}

input + .item-list {
    max-height: 0;
    z-index: 5;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 105%;
    width: 100%;
    box-sizing: border-box;
}

input.focus + .item-list {
    max-height: 500px;
    border-color: lightgrey;
}

.item-list .value {
    background: white;
    text-align: center;
    padding: 0.3em 0;
    border-top: lightgrey solid 1px;
    border-right: lightgrey solid 1px;
    top: -1px;
    cursor: pointer;
    font-size: 1.2em;
    color: #0f0f0f;
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
}

.item-list .value:first-child {
    border-top: lightgrey solid 1px;
    border-radius: 5px 0 0;
}

.item-list .value:nth-child(2) {
    border-radius: 0 5px 0 0;
}

.item-list .value:nth-child(2n - 1) {
    border-left: lightgrey solid 1px;
}

.item-list .value:last-child {
    border-bottom: lightgrey solid 1px;
    border-radius: 0 0 5px 5px;
    width: 100%;
}

.item-list .value:hover {
    background-color: #CFCFCF;
    font-weight: 700;
}

.input-cens input {
    color: #111111;
    font-size: 28px;
}

[data-formatted]:not(:focus) {
    position: relative;
}

[data-formatted]:not(:focus)::before {
    top: 0;
    left: 0;
    content: attr(data-formatted);
    display: inline-block;
    position: absolute;
    background-color: white;
    font-size: 28px;
}

.div_mobil {
    position: relative;
    display: inline-block;
}

.div_mobil input {
    padding-right: 1em;
}

.div_mobil i {
    font-size: 17px;
    position: absolute;
    top: 12px;
    right: 8px;
    color: #aaaa;
}

#label_comision {
    color: red;
    font-size: 15px;
}

.no_float {
    float: none;
}

.fondo_megapuestas {
    background: transparent !important;
}

.fondo_megapuestas input[type='radio'] {
    position: absolute;
    bottom: -2px;
    right: 5px;
    opacity: unset;
}

.inp_pin_retiro {
    font-size: 1.3em;
    padding: 1px 4px;
    margin: 0;
}

.titulo_saldo_venta{
    color: red;
}


.row {
    margin-bottom: 0px !important;
}

.txt-saldo-recarga {
    font-weight: 700;
    padding: 2px 0 11px;
    font-size: 20px !important;
}

.titulo_saldo {
    padding: 5px 0;
}

.item_paquetigo_buscador {
    display: inline-block;
    padding: 10px;
}

li .collapsible-header {
    justify-content: space-between;
    font-weight: bolder;
    text-align: center;
}
li .collapsible-header .caret {
    color: rgb(1, 119, 219);
    margin-right: 0;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

li .collapsible-header .caret::before {
    content: "\f055";
    box-sizing: inherit;
}

li .collapsible-header .caret.bgpaquetigo {
    color: rgb(1, 119, 219);
}
li .collapsible-header .caret.bgpaqueclaro {
    color: rgb(214, 60, 60);
}
li .collapsible-header .caret.bgpaquemovistar {
    color: rgb(91, 197, 0);
}
li .collapsible-header .caret.bgpaqueavantel {
    color: rgb(222, 14, 129);
}
li .collapsible-header .caret.bgpaqueetb {
    color: #0089ad;
}
li .collapsible-header .caret.bgrecargas {
    color: #00707D;
}
li .collapsible-header .caret.bgpaqueexito {
    color: #FFE700;
}
li .collapsible-header .caret.bgpaquebuenofon {
    color: #2C2C78;
}
li .collapsible-header .caret.bgpaquetinder {
    color: #FF5864;
}
li .collapsible-header .caret.bgpaquevalliu {
    color: #745bfc;
}
li .collapsible-header .caret.bgpaquetinderGold {
    color: #E7AF49;
}
li .collapsible-header .caret.bgpaquePrimeVideo {
    color: #75ACDF;
}
li .collapsible-header .caret.bgpaquelov {
    color: #066EF1;
}
li .collapsible-header .caret.bgPinesContenido {
    line-height: 35px !important;
    color: #C3C3C3;
}

li.active .collapsible-header {
    color: white;
}
li.active .collapsible-header.bgpaquetigo {
    background-color: rgb(1, 119, 219);
}
li.active .collapsible-header.bgtransaccion {
    background-color: #03D99D;
}
li.active .collapsible-header.bgpaqueclaro {
    background-color: rgb(214, 60, 60);
}
li.active .collapsible-header.bgpaquemovistar {
    background-color: rgb(91, 197, 0);
}
li.active .collapsible-header.bgpaqueavantel {
    background-color: rgb(222, 14, 129);
}
li.active .collapsible-header.bgpaqueetb {
    background-color: #0089ad;
}
li.active .collapsible-header.bgrecargas {
    background-color: #00707D;
}
li.active .collapsible-header.bgpaqueexito {
    background-color: #512179;
    color: #FFE700;
}
li.active .collapsible-header.bgpaquebuenofon {
    background-color: #2C2C78;
}
li.active .collapsible-header.bgpaquetinder {
    background-color: #FF5864;
}
li.active .collapsible-header.bgpaquevalliu {
    background-color: #745bfc;
}
li.active .collapsible-header.bgpaquetinderGold {
    background-color: #E7AF49;
}
li.active .collapsible-header.bgpaquePrimeVideo {
    background-color: #75ACDF;
}
li.active .collapsible-header.bgpaquelov {
    background-color: #066EF1;
}
li.active .collapsible-header.bgPinesContenido {
    background-color: #F0F0F0;
    line-height: 35px !important;
}
li.active .collapsible-header.bgnorton {
    background-color: #FFE700;
    color: #0f0f0f;
}

.collapsible-header.bgrecargas {
    background-color: #ededed;
    color: #00707D;
}

.bgpaquetigo {
    color: rgb(1, 119, 219);
}
.bgpaqueclaro {
    color: rgb(214, 60, 60);
}
.bgpaquemovistar {
    color: rgb(91, 197, 0);
}
.bgpaqueavantel {
    color: rgb(222, 14, 129);
}
.bgpaqueetb {
    color: #0089ad;
}
.bgpaqueexito {
    color: #FFEA2E;
}
.bgpaquebuenofon {
    color: #2C2C78;
}
.bgpaquetinder {
    color: #0f0f0f;
}
.bgpaquelov {
    color: #066EF1;
}
.bgPinesContenido {
    color: #F0F0F0;
}

li.active .collapsible-header .caret {
    color: white;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 0.6em 0.5em;
    transform-origin: 0.6em 0.5em;
}

li.active .collapsible-header .caret.bgPinesContenido  {
    color: #C3C3C3;
    margin-top: 50% !important;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 0.6em 0.5em;
    transform-origin: 0.6em 0.5em;
}

li.active .collapsible-header .caret::before {
    content: "\f056";
    box-sizing: inherit;
}

.row-header {
    padding: 5px 0px;
    background-color: #e5e5e5;
    color: black;
    font-weight: bold;
}

.table-paquetes td {
    padding: 5px;
    text-align: center;
}

.table-megapuesta td {
    padding: 5px;
}

.table-paquetes {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 2px 0;
}

.table-paquetes thead tr td {
    text-align: center;
}

.mc-paquetes {
    padding-top: 0px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding5 {
    padding: 5px 0px;
}

.padding0 {
    padding: 0px !important;
}

.btn-ok {
    width: 35px;
    min-width: 35px;
    background: rgb(1, 119, 219) !important;
}

.btn-ok input {
    color: white;
}

#formulario_recargas {
    border: 1px solid #C4C4C4;
    margin: 0 0 1rem 0;
    -webkit-box-shadow: 0px 20px 23px -17px #C4C4C4;
    -moz-box-shadow: 0px 20px 23px -17px #C4C4C4;
    box-shadow: 1px 1px 7px 0px #C4C4C4;
    border-radius: 8px 8px 8px 8px;
}

#formulario_pines {
    border: 0.5px solid rgb(202, 202, 202);
    margin: 0 0 1rem 0;
    border-radius: 5px;
}

#label_valor {
    padding-bottom: 5px;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.collapsible-body.recargas {
    padding: 0px 15px;
    border: none;
}

.collapsible.recargas {
    border-top: none;
    border-right: none;
    border-left: none;
    margin: 0 0 20px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.recargas {
    display: block;
}

.collapsible-header.bgrecargas {
    display: none;
}

.titulo_formulario_recargas {
    display: block;
}

@media (max-width: 1000px) {
    /*.collapsible-header.bgrecargas {
        display: flex;
        display: flex-root;
    }*/

    .titulo_formulario_recargas {
        display: none;
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.material-tooltip{
    max-width: 200px;
}

.modal.bottom-sheet {
    height: 150px;
}

.tabla_netflix{
    background-color: #9F2C1D;
    border-radius: 2px;
    border-collapse: separate;
    border: 1px solid black;
    margin-top: 15px;
}

.tabla_netflix td {
    padding: 5px;
    text-align: center;
}

.tabla_netflix tr {
    text-align: center;
}

.encabezado_netflix {
    font-size: 13px;
    font-weight: 700;
    color: #F3F3F3;
}

.disabled {
    pointer-events: none;
    background: #DFDFDF !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}

.bolsas td  {
    margin-bottom: 10px;
}

.exito-soat {
    font-size: 9.5pt;
}

.boton_netflix {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 24px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 5px 0px;
    -moz-box-shadow: #ff5959 0px 0px 5px 0px;
    box-shadow: #ff5959 0px 0px 5px 0px;
    text-shadow: #591717 1px 1px 2px;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.boton_netflix:hover,
.boton_netflix:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.boton_netflix:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
    cursor:pointer;
    text-decoration: none;
    outline: none;
}

.pastilla_spotify {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 2px solid #1ED760;
    border-radius: 20px;
    -webkit-box-shadow: #1ED760 0px 0px 10px 0px;
    -moz-box-shadow: #1ED760 0px 0px 10px 0px;
    box-shadow: #1ED760 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
    width: 25%;
}

.pastilla_spotify img {
    margin-bottom: 5px;
}

.pastilla_spotify:hover,
.pastilla_spotify:focus {
    -webkit-box-shadow: inset 0 0 0 3px #1ED760;
    -moz-box-shadow: inset 0 0 0 3px #1ED760;
    box-shadow: inset 0 0 0 3px #1ED760;
}
.pastilla_spotify:active {
    -webkit-box-shadow: inset 0 0 0 3px #1ED760;
    -moz-box-shadow: inset 0 0 0 3px #1ED760;
    box-shadow: inset 0 0 0 3px #1ED760;
}


.pastilla_netflix {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 2px solid #a12727;
    border-radius: 8px;
    -webkit-box-shadow: #ff5959 0px 0px 10px 0px;
    -moz-box-shadow: #ff5959 0px 0px 10px 0px;
    box-shadow: #ff5959 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
}

.pastilla_seguros {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 2px solid #00707D;
    border-radius: 8px;
    -webkit-box-shadow: #00C3CE 0px 0px 10px 0px;
    -moz-box-shadow: #00C3CE 0px 0px 10px 0px;
    box-shadow: #00C3CE 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
}

.pastilla_billeteras_nequi {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0px 24px;
    border: 2px solid #1A1446;
    border-radius: 8px;
    -webkit-box-shadow: #1A1446 0px 0px 10px 0px;
    -moz-box-shadow: #1A1446 0px 0px 10px 0px;
    box-shadow: #1A1446 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
}

.pastilla_billeteras_movii {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0px 24px;
    border: 2px solid #E12087;
    border-radius: 8px;
    -webkit-box-shadow: #E12087 0px 0px 10px 0px;
    -moz-box-shadow: #E12087 0px 0px 10px 0px;
    box-shadow: #E12087 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
}


.pastilla_netflix img {
    margin-bottom: 5px;
}

.pastilla_seguros img {
    margin-bottom: 5px;
}

.pastilla_billeteras_nequi img {
    margin-bottom: 5px;
}

.pastilla_billeteras_movii img {
    margin-bottom: 0px;
}

.pastilla_netflix:hover,
.pastilla_netflix:focus {
    -webkit-box-shadow: inset 0 0 0 3px #a12727;
    -moz-box-shadow: inset 0 0 0 3px #a12727;
    box-shadow: inset 0 0 0 3px #a12727;
}
.pastilla_netflix:active {
    -webkit-box-shadow: inset 0 0 0 3px #a12727;
    -moz-box-shadow: inset 0 0 0 3px #a12727;
    box-shadow: inset 0 0 0 3px #a12727;
}

.pastilla_seguros:hover,
.pastilla_seguros:focus {
    -webkit-box-shadow: inset 0 0 0 3px #00707D;
    -moz-box-shadow: inset 0 0 0 3px #00707D;
    box-shadow: inset 0 0 0 3px #00707D;
}
.pastilla_seguros:active {
    -webkit-box-shadow: inset 0 0 0 3px #00707D;
    -moz-box-shadow: inset 0 0 0 3px #00707D;
    box-shadow: inset 0 0 0 3px #00707D;
}

.pastilla_billeteras_nequi:hover,
.pastilla_billeteras_nequi:focus {
    -webkit-box-shadow: inset 0 0 0 3px #1A1446;
    -moz-box-shadow: inset 0 0 0 3px #1A1446;
    box-shadow: inset 0 0 0 3px #1A1446;
}
.pastilla_billeteras_nequi:active {
    -webkit-box-shadow: inset 0 0 0 3px #1A1446;
    -moz-box-shadow: inset 0 0 0 3px #1A1446;
    box-shadow: inset 0 0 0 3px #1A1446;
}

.pastilla_billeteras_movii:hover,
.pastilla_billeteras_movii:focus {
    -webkit-box-shadow: inset 0 0 0 3px #E12087;
    -moz-box-shadow: inset 0 0 0 3px #E12087;
    box-shadow: inset 0 0 0 3px #E12087;
}
.pastilla_billeteras_movii:active {
    -webkit-box-shadow: inset 0 0 0 3px #E12087;
    -moz-box-shadow: inset 0 0 0 3px #E12087;
    box-shadow: inset 0 0 0 3px #E12087;
}

.pastilla_tinergi {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 2px solid #ff9e01;
    border-radius: 8px;
    -webkit-box-shadow: #ffc970 0px 0px 10px 0px;
    -moz-box-shadow: #ffc970 0px 0px 10px 0px;
    box-shadow: #ffc970 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
    width: 215px;
}

.pastilla_tinergi img {
    margin-bottom: 5px;
}

.pastilla_tinergi:hover,
.pastilla_tinergi:focus {
    -webkit-box-shadow: inset 0 0 0 3px #ff9e01;
    -moz-box-shadow: inset 0 0 0 3px #ff9e01;
    box-shadow: inset 0 0 0 3px #ff9e01;
}
.pastilla_tinergi:active {
    -webkit-box-shadow: inset 0 0 0 3px #ff9e01;
    -moz-box-shadow: inset 0 0 0 3px #ff9e01;
    box-shadow: inset 0 0 0 3px #ff9e01;
}

.pastilla_deezer {
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 2px solid #1A1446;
    border-radius: 8px;
    -webkit-box-shadow: #3d1849 0px 0px 10px 0px;
    -moz-box-shadow: #3d1849 0px 0px 10px 0px;
    box-shadow: #3d1849 0px 0px 10px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    outline: none;
    cursor: pointer;
    width: 215px;
}

.pastilla_deezer img {
    margin-bottom: 5px;
}

.pastilla_deezer:hover,
.pastilla_deezer:focus {
    -webkit-box-shadow: inset 0 0 0 3px #1A1446;
    -moz-box-shadow: inset 0 0 0 3px #1A1446;
    box-shadow: inset 0 0 0 3px #1A1446;
}
.pastilla_deezer:active {
    -webkit-box-shadow: inset 0 0 0 3px #1A1446;
    -moz-box-shadow: inset 0 0 0 3px #1A1446;
    box-shadow: inset 0 0 0 3px #1A1446;
}

.txt_netflix_precio {
    color: #111111;
    font-size: 20px;
}

.radio_button_netflix {
    position: relative !important;
    opacity: unset !important;
}

@media (min-width: 576px) {
    .table-responsive {
        display: table;
    }
}

.collapsible.collpaquetes {
    margin: 0;
}

.txt-align-left {
    text-align: left !important;
}

.msj-recargas {
    padding: 20px;
    font-size: 20px;
    text-align: center;
    color: #0A85FF;
}

.contenedor-msj {
    border: 1px solid #0A85FF;
    border-radius: 10px;
    font-size: 12px;
    margin: 15px;
    text-align: center;
    width: auto;
}

.info_cliente {
    margin-top: -10px;
    display: none;
}

.info_cliente input {
    height: 2.4rem;
    color: #111111;
    font-size: 25px;
}

.info_cliente span {
    padding-bottom: 5px;
}

.padding-b {
    padding-bottom: 5px;
}

.select-center {
    font-size: 20px;
    text-transform: none;
    height: 2.4rem !important;
    margin: 0 auto !important;
    text-align-last: center;
}

.text-upper {
    text-transform: uppercase;
}

.color-rojo {
    color: darkred;
}

.modal-lg-pines {
    width: 90% !important;
    max-height: 95% !important;
    overflow-x: hidden;
}

.modal-lg-norton {
    width: 100% !important;
    max-height: 95% !important;
    overflow-x: hidden;
}

.top-pinesContenido {
    top: 0.1% !important;
}

.texto_pines {
    color: #0079F2;
}

li.active .texto_pines {
    margin-top: 0px !important;
}

/* ----------- dispositivos móviles ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .dimension_pines {
        margin-left: 100%;
    }
    .texto_pines {
        margin-left: -50%;
    }
}

.detalleAgrandado {
    color: #007b00;
    font-weight: 700;
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.contenido {
    max-width: 90%;
}

[type=checkbox].filled-in:checked+span:not(.lever):after{
    border: 2px solid #0A85FF;
    background-color: #0A85FF;
}

input[type='radio']:after {
    outline: 1px solid #888888;
}

input[type='radio']:checked:after  {
    outline: 1px solid #0A85FF;
}

.txtCertificados {
    color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    text-align: center;
}

.container {
    width: 90% !important;
}

.fwnormal {
    font-weight: normal;
}

.imagenOperador {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
}

.imagenPines {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icono {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 40%;
}

.iconoHeight {
    height: 90% !important;
}

.iconoGeolocalizacion {
    background-image: url("../imagenes/herramientas/ubicacion.png");
}

.iconoDocumentacion {
    background-image: url("../imagenes/herramientas/documentacion.png?v=202210041514");
}

.bordeDocumentacion {
    border: 2px solid #9062CE !important;
}
.posiOperador {
    width: 140px !important;
}
.fieldset {
    width: 100% !important;
    border: none;
    border-top: 3px solid transparent;
    border-image: -webkit-radial-gradient(#595c5e, transparent) 1 10;
}
.separaOperacion {
    padding-right: 50px !important;
    margin-right: 40px;
}
.centrado-vertical {
    display: flex;
    align-items: center;
}
.altura-pastilla-billeteras {
    height: 45px !important;
}

.pin {
    text-align: center;
    height: 40px;
    font-size: 40px;
    width: 200px;
    border-radius: 20px;
}
.dn {
    display: none;
}

.text-snr {
    text-align: justify;
    margin-top: 10px;
}

.txt-value {
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;
}

.pointer {
    cursor: pointer;
    color: #0079F2;
}

.modal-400px {
    width: 400px !important;
    overflow-x: hidden;
}
/* Inicio iconos Collapsible */
.iconadd {
    display: inline-block;
    margin-bottom: 7px;
    padding: 2px 0 0 10px;
}
.iconremove {
    display:none !important;
    margin-bottom: 7px;
    padding: 2px 0 0 10px;
}
li.active .collapsible-header .fa.iconadd {
    display: none;
    margin-bottom: 7px;
    padding: 2px 0 0 10px;
}
li.active .collapsible-header .fa.iconremove {
    display: inline-block !important;
    margin-bottom: 7px;
    padding: 2px 0 0 10px;
    color:rgb(50, 50, 50);
}
/* Fin iconos Collapsible */

.containerSnr {
    width: 70% !important;
}

.tituloCentrado {
    height: calc(1.5em + 0.75rem + 2px) !important;
    display: flex !important;
    align-items: center !important;
}

.collection .collection-item {
    line-height: 10px !important;
}

.pinSeleccionado {
    outline: 3px solid #9062ce;
    background-color: white !important;
}

.leyendaPines {
    height: 20px;
    font-weight: bold;
    background-color: #FF661F;
}

.paddingModalPines {
    padding: 0px 30px 35px 30px !important
}

.texto-costo-davivienda {
    font-size: 11px;
    color:red;
}

.estilo-li {
    list-style-type: initial !important;
}

.modalTinder {
    top: 0% !important;
    max-height: 95% !important;
}

.row-info-tinder {
    margin-bottom: 10px !important;
}

.alerta_promocion_contenido {
    height: 495px;
}

#msj_alerta, #msj_mantenimiento {
    padding: 10px 5px;
}

.modal {
    top: 5% !important;
}

.sivalliu {
    background-color: #745bfc !important;
}

.titulo-seleccion_rifas{
    font-size: 30px;
    font-weight: 700;
    color: rgb(0, 121, 242);
    padding-bottom: 10px !important;
    padding-top: 20px !important;
}

.subtitulo-seleccion_rifas{
    font-size: 20px;
    font-weight: 100;
    color: rgb(0, 47, 84);
    padding-bottom: 10px !important;
}

#boleta{
    color: rgba(0, 0, 0, 0.8);
    font-size: 28px;
}

.valor-boleta{
    color: rgb(0, 47, 84)
}

.refresh-icon {
    position: absolute;
    right: 10px;
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer;
}

.imagen-rifas{
    max-width: 50% !important;
}

.contenedor-rifas{
    padding-top: 0px !important;
}

.input-cliente-rifas {
    border : 1px solid #ccc !important;
    height: 25px!important;
    margin: 0 0 0 0 !important;
    border-radius:  5px !important;
    font-size: 12px !important;
}

.table-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
    width: 25%;

}

.ciudades {
    width: 100%;
    min-width: 150px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
    height: 25px;
    font-size: 11px;
}

.disclaimer-cliente{
    color: rgb(0, 47, 84);
    padding-bottom: 10px !important;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.card-apuestas {
    background: #0251be;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    max-width: 500px;
    /*padding: 20px;*/
    cursor: pointer;
    margin: 0.4rem 0 0.4rem 0 !important;
    border: 1px solid #8c8c8c;
    position: relative;
}

.width-700px {
    max-width: 700px !important;
}

.img-container {
    position: relative;
    width: 100%;
}

.card-apuestas img {
    width: 100%;
    height: auto;
    display: block;
}

.btn-comprar {
    background-color: #FF7E42;
    border-radius: 60px;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid white !important;
    outline: 2px solid #FF7E42;
    color: white;
    font-weight: bold;
}

.btn-comprar:hover {
    background: #FF661F;
    text-decoration: none;
    cursor: pointer;
}

.card-apuestas:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.card-apuestas h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    color: rgb(0, 47, 84);
    font-weight: 700;

}

.card-apuestas p {
    color: rgb(0, 47, 84);
    font-weight: lighter;
}

.modal-header {
    position: relative;
    padding-bottom: 20px;
}

.modal-close {
    position: absolute;
    top: 0px;
    right: 10px;
}

.item_operador_apuestas{
    border-radius: 10px !important;
    cursor: pointer;
    background-color: #00e3f8 !important;
    margin: 0.4rem 0 0.4rem 0 !important;
    border: 1px solid #7B1BFF;
}

.label_marca {
    color: #0079F2;
    font-size: 16px;
}

.input-group-rifa {
    padding: 10px;
}
.input-number-rifa {
    width: 50px !important;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding-right: unset !important;
}

.titleRifa {
    font-size: 16px;
}
.txtRifa {
    font-size: 14px;
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
}

.modal-apuestas{
    background-color: #f2f2f2;
    max-height: none;
    overflow: visible;
}

.container-input-cliente-rifa{
    padding: 10px;
}

.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .card-boletas {
    flex: 1 1 calc(33.333% - 20px);
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }

  .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
  }

  .clearfix {
    width: 100%;
    height: 0;
  }

  .label-cliente-rifas{
    color: rgb(0, 47, 84);
  }

  .colorRojo{
    color: red;
  }

  .modal-error {
    z-index: 1050 !important;
  }

  .info-table {
    line-height: 1;
  }

  .nortonSelected {
    border: 3px solid #ffca28;
    background-color: #fffde7;
  }

  .titulo-seleccion_registraduria{
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 121, 242);
    padding-bottom: 10px !important;
    padding-top: 20px !important;
}

.subtitulo-seleccion_registraduria{
    font-size: 15px;
    font-weight: 100;
    color: rgb(0, 47, 84);
    padding-bottom: 10px !important;
}

.limpiar-boleta{
    position: absolute !important;
    top: 15px !important;
    left: 235px;
    font-size: 25px !important;
    cursor: pointer !important;
    color: #FF7E42 !important;
}

.descripcion {
    font-weight: 100 !important;
    padding: 0 20px;
    text-align: justify;
}

.heightInput, .browser-default.ciudades {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    line-height: 32px !important;
}

.titulo-seleccion {
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 121, 242);
    padding-bottom: 10px !important;
    padding-top: 20px !important;
}

.fs15 {
    font-size: 15px !important;
}

.table-material {
    margin: auto;width: 65%;
}

.table-material td, th {
    font-size: 13px;
    line-height: 6px;
}

.custom-select-container {
    position: relative;
    width: 100%;
}
#buscador {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.custom-select-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ccc;
    display: none;
    z-index: 1;
}
.select-option {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.select-option:hover {
    background-color: #f1f1f1;
}

.valores-discriminados {
    color: #9062CE;
    font-weight: bold;
}

.seccion-botones-transfiya, .seccion-botones-breb {
    margin-left: 22%
}

.flex-row-align {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msj-carrito {
    padding: 10px 30px;
    font-size: 14px;
    color: red;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}

.text-alert-justify {
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 100;
}

.text-capitalize {
    text-transform: capitalize;
}

.col.center-text {
    margin-top: 8px;
}

.negrita {
    font-weight: bold;
}

.titulo-llave {
    /* font-family: Gotham; */
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -5%;
    text-align: center;
    color: #003057;
}

.p-titulo-llave {
    padding: 10px 15px;
}

.centrado-vertical {
    display: flex;
    align-items: center;
}

.imageQR {
    max-width: 100px;
    display: inline-block;
}

.imageQR img.codQR {
    width: 100%;
    height: auto;
    display: block;
}

.min-w-200 {
    min-width: 200px;
}

.bg-white {
    color: white;
}

#seccion-form-breb {
    padding: 30px 30px;
    text-align: center;
}

#form_breb_error {
    margin-top: 0.5em;
    color: black;
    padding-bottom: 10px;
}

.m-2p {
    margin: 2px;
}

.card-last-trx {
    border-radius: 12px;
    background-color: white;
    padding-bottom: 50px;
}

.margin-tbl-breb {
    margin: 0 10px;
}

.msj-breb-align {
    text-align: left;
    margin: 0 10px;
    font-weight: normal;
}

.msj-breb-align-bold {
    text-align: center;
    margin: 0 10px;

}

.codQR {
    max-width: 100%;
}

.texto_operador {
    color: white;
    font-size: 16px;
}

.modal-header-breb {
    background-color: #012f54;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px 4px 0 0;
}

.breb-title-llave {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Arimo', sans-serif;
}

.otp-input-breb {
    width: 56px !important;
    height: 56px !important;
    font-size: 2rem !important;
    text-align: center !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    outline: none !important;
}

.otp-input-breb:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 2px #3B82F633 !important;
}

.otp-input-breb.filled {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 2px #3B82F633 !important;
}

.otp-input-breb.error {
    border-color: #e53935;
    background-color: #ffebee;
    animation: shake 0.5s;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}


.breb-pin-body {
    text-align: center;
    padding: 18px 28px 26px;
}

.breb-pin-icon {
    margin-bottom: 20px;
}

.breb-pin-icon i {
    font-size: 48px;
    color: #012f54;
}

.breb-pin-text {
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.breb-pin-ayuda {
    margin: 0 0 28px;
    color: #6B7280;
    font-size: 15px;
    text-align: justify;
}

.breb-subtitulo-info{
    color: #5f6673;
    font-size: 15px;
}

.breb-pin-celular {
    font-size: 15px;
    color: #0079F2;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

.breb-pin-celular i {
    margin-right: 8px;
}

.breb-informativo-pin{
    font-size: 16px;
    color: #012f54;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.btn-breb-primary {
    background: linear-gradient(90deg, #0079F2 0%, #0062C4 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 13px 25px;
    font-size: 16px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 98, 196, 0.24);
    min-width: 350px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-breb-primary:hover {
    background: linear-gradient(90deg, #0d84f6 0%, #006ad2 100%);
    box-shadow: 0 12px 24px rgba(0, 98, 196, 0.3);
}

.btn-breb-primary:focus {
    background: linear-gradient(90deg, #0d84f6 0%, #006ad2 100%);
    outline: none;
}

.btn-breb-primary:disabled {
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.6;
}

.btn-breb-primary i {
    margin-right: 8px;
}

.btn-breb-secondary {
    background-color: transparent;
    color: #0079F2;
    border: 2px solid #0079F2;
    border-radius: 12px;
    padding: 13px 25px;
    font-size: 16px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 350px;
}

.btn-breb-secondary:hover {
    background-color: #0079F2;
    color: #fff;
}

.btn-breb-secondary:focus {
    background-color: #0079F2;
    color: #fff;
    outline: none;
}

.btn-breb-secondary:disabled {
    background-color: transparent;
    color: #0079F2;
    cursor: not-allowed;
    opacity: 0.6;
    border: none !important;
}

.btn-breb-secondary i {
    margin-right: 8px;
}

.breb-pin-subtitle {
    font-size: 15px;
    color: #666;
    margin-bottom: 25px;
    text-align: center;
}

.otp-container-breb {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
}

.pin-modal-resend {
    background: linear-gradient(90deg, #0079F2 0%, #0062C4 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 13px 25px;
    font-size: 16px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 98, 196, 0.24);
    min-width: 100%;
}

.disabled-opacity {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
  border: none;
}

.breb-spinner-container {
    display: none;
    margin-top: 15px;
    text-align: center !important;
}

.breb-spinner-text {
    color: #666;
    font-size: 13px;
    margin-top: 10px;
    text-align: center !important;
}

.breb-reenviar-container {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block !important;
    width: 100%;
    text-align: center;
}

.breb-reenviar-container .btn-breb-primary {
    display: block !important;
    margin: 0 auto 8px;
}

.breb-reenviar-timer {
    text-align: center !important;
    font-size: 1rem;
    color: #003057;
    margin-left: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.timer-text-gray {
    color: #666;
    font-size: 15px;
}

.breb-link {
    color: #0079F2;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    transition: color 0.2s ease;
}

.breb-link:hover {
    color: #143356;
    text-decoration: underline;
}

.breb-link i {
    margin-right: 5px;
}

.breb-error-message {
    display: none;
    color: #e53935;
    font-size: 13px;
    margin: 15px 0;
    padding: 10px 15px;
    background-color: #ffebee;
    border-radius: 6px;
    border: 1px solid #e53935;
}

.breb-error-message i {
    margin-right: 8px;
}

#seccionEnviarPinBreb {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 18px;
}
#seccionFormularioBreb {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

#seccionUbicacionBreb {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

#seccionValidarPinBreb {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

.breb-steps-indicador {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    pointer-events: none;
}

.breb-steps-indicador span {
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background-color: #d9e2ee;
}

.breb-steps-indicador span.breb-step-activo {
    background-color: #1d79f2;
}

.breb-step-label {
    margin: 0;
    color: #616b78;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 15px;
}

.breb-step-title {
    margin: 22px 0 32px;
    color: #012f54;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.12;
}

.breb-step-title-info {
    margin: 22px 0 15px;
    color: #012f54;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.12;
}

.breb-celular-informativo {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.breb-celular-indicativo {
    height: 54px;
    min-width: 82px;
    border: 2px solid #dce3ed;
    border-radius: 12px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #012f54;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
}

.breb-bandera {
    font-size: 18px;
}

.breb-celular-valor {
    height: 54px;
    flex: 1;
    border: 2px solid #1d79f2;
    border-radius: 14px;
    background: #fff;
    color: #012f54;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    padding: 0 20px;
    letter-spacing: .4px;
}

.breb-terminos-card {
    margin-bottom: 28px;
    border: 2px solid #dce3ed;
    border-radius: 12px;
    padding: 10px 16px;
    background: #f7f9fc;
}

.breb-checkbox-label-inicial {
    align-items: flex-start;
}

.breb-checkbox-label-inicial input[type="checkbox"] {
    margin-top: 2px;
}

.breb-checkbox-label-inicial span {
    color: #24384e;
    font-size: 13px;
    line-height: 1.35;
}

.breb-checkbox-label-inicial span a {
    color: #1d79f2;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: bold !important;
}


#seccionEnviarPinBreb .btn-breb-primary {
    width: 100%;
    margin-top: 4px;
}

#seccionFormularioBreb .btn-breb-primary {
    width: 100%;
    margin-top: 4px;
}

#modalEnvioPinBreb {
    width: 50% !important;
    max-height: 90vh !important;
}

#modalEnvioPinBreb .breb-header {
    background: transparent;
    padding: 16px 20px 0;
    display: flex;
    justify-content: flex-end;
}

#modalEnvioPinBreb .breb-title-llave {
    display: none;
}

#modalEnvioPinBreb .modal-close {
    background: transparent;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b8bec8;
}

#modalEnvioPinBreb .modal-close i {
    color: #9A9EA7;
    font-size: 22px;
}

#modalEnvioPinBreb .breb-pin-body {
    padding-top: 8px;
}

@media (max-width: 768px) {
    .breb-step-title {
        font-size: 36px;
    }

    .breb-celular-valor {
        font-size: 17px;
        padding: 0 14px;
    }

    #seccionEnviarPinBreb {
        max-width: 100%;
    }

    #seccionEnviarPinBreb .btn-breb-primary {
        min-width: 0;
    }
}

.breb-form {
    text-align: left;
    font-family: 'Arimo', sans-serif;
    font-size: 13px;
}

.breb-form-title {
    font-size: 15px;
    font-weight: 600;
    color: #012f54;
    margin-bottom: 5px;
    text-align: center;
}

.breb-form-subtitle {
    font-size: 13px;
    color: #666;
    text-align: center;
}

.breb-form-row {
    display: flex;
    gap: 20px;
}

.breb-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.breb-form-group-full {
    flex: 1 1 100%;
}

.breb-form-group label {
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
    font-weight: 500;
}

.breb-input.browser-default {
    width: 100%;
    height: 35px;
    padding: 6px 10px;
    font-size: 13px;
    font-family: 'Arimo', sans-serif;
    box-sizing: border-box;
    color: #111111;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    outline: none !important;
    text-transform: none !important;
}

.breb-input.browser-default:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 2px #3B82F633 !important;
}

.breb-input.browser-default.filled {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 2px #3B82F633 !important;
}

.breb-input.browser-default.error {
    border-color: #e53935;
    background-color: #ffebee;
    animation: shake 0.5s;
}

.breb-input.breb-input-error.browser-default:focus {
  border-color: red !important;
}

.breb-form-container-terms{
    margin-top: 15px;
    margin-bottom: 35px;
}
.breb-form-terms {
    margin-bottom: 10px;
}

.breb-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    line-height: 1.4;
}

.breb-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-top: 2px;
    flex-shrink: 0;
}

.breb-input-error {
    border: 2px solid #e53935 !important;
    background-color: #fff8f8 !important;
}

.breb-checkbox-error {
    background-color: #fff8f8;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #e53935;
}

.breb-checkbox-error span {
    color: #e53935;
}

.breb-form-actions {
    text-align: center;
    margin-top: 25px;
    padding-bottom: 20px;
    /* display: flex; */
    justify-content: flex-end;
    gap: 35px;
}

#seccionUbicacionBreb .breb-form-actions {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 12px;
}

#seccionUbicacionBreb .breb-form-actions .btn-breb-primary,
#seccionUbicacionBreb .breb-form-actions .btn-breb-secondary {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}

@media (max-width: 600px) {
    #seccionUbicacionBreb .breb-form-actions {
        gap: 8px;
    }

    #seccionUbicacionBreb .breb-form-actions .btn-breb-primary,
    #seccionUbicacionBreb .breb-form-actions .btn-breb-secondary {
        padding-inline: 10px;
        font-size: 14px;
    }
}

.modal.modal-breb-expanded {
    width: 70% !important;
    max-width: 95% !important;
    max-height: 85% !important;
}

@media (max-width: 600px) {
    .breb-form-row {
        flex-direction: column;
        gap: 12px;
    }

    .modal.modal-breb-expanded {
        width: 95% !important;
    }
}

.btn-breb-primary .breb-btn-arrow {
    margin-left: 8px;
    font-size: 18px;
    margin-top: -5px;
}

.texto_operador_breb {
    color: white;
    font-size: 16px;
    font-weight: bold;
}


.alert-importante {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 14px;
  background-color: #FFFBEB;     /* Fondo amarillo claro */
  border: 1.5px solid #FDE68A;   /* Borde amarillo */
  max-width: 100%;
  box-sizing: border-box;
}

.alert-icon {
  font-size: 18px;
  line-height: 1;
}

.alert-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #8a3b12;
}

.alert-text strong {
  font-weight: 700;
}

.margin-alerta-importante {
    padding: 15px 5% 5px 5% !important;
}

.title-last-trx {
    text-align: left;
    color: #003057;
    font-size: 14px;
}

.last-trx-th {
    color: #94A3B8;
    font-size: 12px;
}

.last-trx-td {
    color: #94A3B8;
    font-size: 11px;
}

.btn-ver-recibo {
  background-color: #d9ecff;   /* Azul claro del fondo */
  color: #0079F2;              /* Azul del texto */
  border: none;
  border-radius: 999px;       /* Forma pill */
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: none !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-ver-recibo:hover {
  background-color: #c7e2ff;
  transform: translateY(-1px);
}

.btn-ver-recibo:active {
  transform: translateY(0);
}

.btn-ver-recibo:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.row-impar,
.row-par {
  height: 30px;
  display: flex;
  align-items: center;
}

.row-impar {
  background-color: #EEEEEF;
}

.row-par {
  background-color: #FFFFFF;
}

.row-impar .col,
.row-par .col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.custom-tooltip {
    visibility: hidden;
    background: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s;
    font-size: 12px;
    pointer-events: none;
}

.tooltip-container:hover .custom-tooltip,
.tooltip-container:focus-within .custom-tooltip {
    visibility: visible;
    opacity: 1;
}

.breb-form-helper-text {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
}

#modalRespuestaBreb {
  width: 100% !important;
  max-width: 425px !important;
  padding: 0 !important;
}

#modalRespuestaBreb .modal-content {
  position: relative;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(60, 60, 100, 0.18);
  padding: 40px 32px 32px 32px;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.btn-cerrar-modal {
  position: absolute;
  top: 18px;
  right: 18px;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #b0b0b0;
  cursor: pointer;
  z-index: 2;
}

#modalRespuestaBrebIcon.modal-icono {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px auto;
}

#modalRespuestaBrebTitulo.modal-titulo {
  font-size: 1rem;
  font-weight: 700;
  color: #1a2a36;
  margin-bottom: 10px;
  margin-top: 0;
}

#modalRespuestaBrebMensaje {
  font-size: 1.1rem;
  color: #2196f3;
  margin-bottom: 24px;
}

#modalRespuestaBreb .modal-footer {
  display: flex;
  justify-content: center;
  border: none;
  background: none;
  box-shadow: none;
  margin-top: 0;
}

#modalRespuestaBreb .modal-header {
  border: none;
  background: none;
  padding: 0;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#modalRespuestaBrebIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

#modalRespuestaBrebIcon .icon-error {
  background: #ffeaea;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

#modalRespuestaBrebIcon .icon-success {
  width: 64px;
  height: 64px;
  background: #0079F21A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

#modalRespuestaBrebIcon .icon-error i {
  color: #f44336 !important;
  font-size: 26px !important;
}

#modalRespuestaBrebIcon .icon-success i {
  color: #0079F2 !important;
  font-size: 26px !important;
}

#modalRespuestaBrebTitulo {
  font-size: 2rem;
  font-weight: 700;
  /* color: #1a2a36; */
  margin-bottom: 8px;
}


#modalRespuestaBrebMensaje a {
  color: #1976d2;
  font-weight: 600;
  text-decoration: underline;
}


#modalRespuestaBreb .btn {
  background: #007aff;
  color: #fff;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0px 0;
  width: 90%;
  margin: 0 auto;
  box-shadow: none;
  border: none;
  transition: background 0.2s;
}

#modalRespuestaBreb .btn:hover {
  background: #005ecb;
}

#modalRespuestaBreb .modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #b0b0b0;
  cursor: pointer;
  z-index: 2;
}

#modalRespuestaBreb .btn-breb-primary {
  background: linear-gradient(90deg, #0079F2 0%, #0062C4 100%);
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 10px;
  padding: 12px 0;
  width: 80%;
  max-width: 320px;
  text-transform: none !important;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
  border: none;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hoverable-breb:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0, 121, 242, 0.35),
                        0 4px 12px rgba(0, 121, 242, 0.25);
    box-shadow: 0 8px 20px rgba(0, 121, 242, 0.35),
                0 4px 12px rgba(0, 121, 242, 0.25);
}

.fieldset-breb {
    width: 100% !important;
    border: 0.5px solid #94A3B8;
}

.no-data {
  font-size: 12px;
  text-align: center;
  padding-top: 15px;
  color: #475569;
  font-weight: bold;
}

.title-with-accent {
    display: flex;
    align-items: center;
    gap: 20px; /* separación entre la barra azul y el texto */
}

.accent-bar {
    width: 6px;
    height: 12px;
    background: #0079F2;
    border-radius: 6px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 25px;
}


/* inicio popup cobrar con BREB */

/* CONTENEDOR GENERAL */
.breb-qr-wrapper {
    display: flex;
    gap: 40px;
    padding: 30px 10px 40px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* LADO IZQUIERDO */
.breb-qr-info {
    flex: 1;
    min-width: 320px;
}

.breb-main-title {
    font-weight: 500;
    margin-bottom: 8px;
    color: #475569;
    font-size: 14px
}

/* .breb-subtitle {
    color: #6B7280;
    margin-bottom: 25px;
} */

/* CARD */

/* CAJA AMARILLA INFERIOR */
.breb-tip {
    background: #FFFBEB;
    border: 1.5px solid #FDE68A;
    border-radius: 14px;
    padding: 14px 18px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 500;
}

.breb-tip-icon {
    font-size: 18px;
}

/* LADO DERECHO */
.breb-qr-box {
    width: 420px;
    max-width: 100%;
    text-align: center;
}

.breb-qr-container {
    /* border: 1px solid #E5E7EB;
    border-radius: 20px; */
    padding: 25px;
}

.breb-qr-img {
    width: 100%;
    max-width: 280px;
}

/* BOTONES */
.breb-qr-actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.breb-btn {
    background: #FFFFFF;
    border: 1px solid #B2C0CC;
    padding: 10px 25px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s ease;
    color: #0079F2;
}

.breb-btn:hover {
   background: #E5E7EB;
}

.breb-btn:focus,
.breb-btn:active {
    background: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;
}

/* fin modal cobrar con BREB */

.qr-cobrar-breb {
    width: 225px;
}

.breb-header-cobrar {
    background: linear-gradient(135deg, #0079F2, #0062C4);
    padding: 20px 20px 20px 20px;
}

.breb-cobrar-mini-title {
    font-size: 12px;
    color: #FFFFFF8C;
}

.breb-cobrar-title {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
}
.breb-cobrar-title span {
    color: #00C9B1;
}

.color-grey-breb {
    color: #475569;
}

.breb-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
}

.breb-modal-close-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.breb-modal-close-pin {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
}

.breb-modal-close-icon-pin {
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: #F0F0F0;
    border-radius: 50%;
    object-fit: contain;
    display: inline-block;
}

#modalRespuestaBreb .btn-breb-primary:hover {
  background: #1565c0;
}

#modalRespuestaBrebMensaje strong,
#modalRespuestaBrebMensaje b {
  font-weight: bold !important;
}

.breb-cobrar-btn {
    display: inline-flex;
    align-items: center;       /* centra verticalmente imagen y texto */
    gap: 6px;                  /* espacio entre la imagen y el texto */
    padding: 6px 12px;
}

.breb-cobrar-btn img {
    width: 16px;              /* ajusta al tamaño del icono */
    height: 16px;
}

.opciones-cobrar {
    margin: 5px 0px;
    /* width: 200px; */
}

.breb-btn-center-text {
    position: relative;
    align-items: center;
    justify-content: center;
    /* padding: 5px 25px; */

}

.breb-btn-center-text img {
    top: 24%;
    position: absolute;
    left: 26%;
    width: 20px;
    height: 20px;
}

.campo-flotante {
  position: relative;
  margin-bottom: 8px;
}

.campo-flotante input {
  width: 100%;
  padding: 12px 8px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 16px;
  outline: none;
}

.campo-flotante label {
  position: absolute;
  left: 16px;
  top: 12px;
  color: #aaa;
  background: white;
  padding: 0 4px;
  transition: 0.2s;
  pointer-events: none;
}

.campo-flotante input:focus + label,
.campo-flotante input:not(:placeholder-shown) + label {
  top: -10px;
  left: 8px;
  font-size: 12px;
  color: #2196f3;
}

.breb-input-error + label {
  color: red !important;
}

.campo-flotante.active label,
.campo-flotante select:focus + label {
  top: -10px;
  left: 8px;
  font-size: 12px;
  color: #2196f3;
}

.title-gasto-financiero {
    color: #003057;
    font-size: 16px;
    font-weight: bold;
}

.title-gasto-financiero span {
    color: red;
}

.txt-gasto-financiero {
    color: #003057;
    font-size: 12px;
}

.texto-certificado {
    color: #012f54;
    font-size: 15px !important;
}

.breb-form-container-terms input[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.breb-form-container-terms input[type="checkbox"].filled-in:checked + span:not(.lever):after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #cfd8dc !important;
    border-radius: 6px;
    box-shadow: none;
    top: 0;
    left: 0;
    z-index: 0;
}


.breb-form-container-terms input[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: none !important;
}

/* .breb-form-container-terms input[type="checkbox"].filled-in:focus + span:not(.lever):after {
    border:  2px solid red !important;
} */

.breb-toggle-ayuda {
    box-sizing: border-box;
    width: 100%;
    max-width: 90%;
    margin: 12px  auto;
    padding: 10px 16px;
    border: solid 1px #003057;
    border-radius: 12px;
    color: #003057;
    font-size: 13px;
}

.breb-toggle-ayuda strong {
    font-weight: 700;
    color: #003057;
}


#seccionUbicacionBreb .btn-breb-primary {
    background: linear-gradient(90deg, #0079F2 0%, #0062C4 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 13px 25px;
    font-size: 16px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 98, 196, 0.24);
    min-width: 350px;
    align-items: center;
    justify-content: center;
}

.breb-steps-indicador-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 8px;
}
.breb-step-label-llave-demo {
  color: #012f54;
  font-weight: bold;
  font-size: 16px;
  margin-top: -16px;
  white-space: nowrap;
}


.error-checkbox {
    outline: 2px solid red !important;
    border: 2px solid red !important;
    box-shadow: 0 0 2px red;
}

.m-l-15 {
    margin-left: 15px;
}

.btnDescargarQR {
    margin: 0 10px;
}

.texto_compartir{
    padding: 2px 0 11px;
    font-size: 14px !important;
    color: #0079F2 !important;
    font-weight: bold !important;
}

.breb-qr-actions-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    border-left: 1.5px solid #0079F2;
    border-right: 1.5px solid #0079F2;
    border-bottom: 1.5px solid #0079F2;
    border-top: none;
    border-radius: 12px 12px 22px 22px;
    padding: 5px 10px !important;
    background: #fff;
    width: fit-content !important;
    margin: 0 auto;
    float: none !important;
}

#contenedor-qr-brb-card {
    border: 1px solid rgb(202, 202, 202);
    border-radius: 10px;
    font-size: 12px;
    margin: 0px 15px 0px;
    padding: 5px 0;
    text-align: center;
    width: auto;
    box-shadow: none !important;
}

#contenedor-llave-brb-card {
    border: 1px solid rgb(202, 202, 202);
    border-radius: 10px;
    font-size: 12px;
    margin: 15px 15px 15px;
    padding: 5px 0;
    text-align: center;
    width: auto;
    box-shadow: none !important;
}

.contenedor-cobro-reintegro{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.texto-llave {
    background: #e5e7eb;
    border-radius: 12px;
    padding: 8px 0;
    font-weight: bold;
    color: #012f54;
    text-align: center;
    font-size: 18px;
    margin-bottom: 8px;
}


.breb-btn-recibir {
    background: #ECECEC;
    border: 1px solid #B2C0CC;
    padding: 20px 20px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s ease;
    color: #0079F2;
}

.breb-btn-recibir:hover {
    box-shadow: 0 4px 12px rgba(0, 121, 242, 0.25);
}

.titulo-llave-flotante {
    position: absolute;
    top: -10px;
    left: 24px;
    background: #fff;
    padding: 0 12px;
    font-size: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    z-index: 2;
    color: #003057;
    font-size: 14px !important;
}

.breb-qr-container-recibir {
    padding-top: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 10px;
}

.codQR-recibir {
    max-width: 75%;
}

.breb-qr-error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    border: 1px dashed #D1D5DB;
    border-radius: 12px;
    background-color: #F9FAFB;
    padding: 20px;
    text-align: center;
}

.breb-qr-error-text {
    color: #6B7280;
    font-size: 14px;
    line-height: 1.5;
}