@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@200;500;800&display=swap');

body{
    font-weight: 400;
    background-color: #ffffff;
    /* text-align: center; */
    margin: 0;
    font-size: 14px;
    overflow-x: hidden;
    width: 100%;
    height: auto;
    min-height: 100%;
    display: grid;
    font-family: 'Montserrat', sans-serif;
}

.container{
    min-height: 75%;
    flex-grow: 1;
    padding: 45px 0px 20px;
}

.variable_test {
    padding: 15px 30px;
    background-color: #EEE;

}

.variable_test label {
    color: #666;
}

.test_leyenda {
    font-weight: 200 !important;
    font-size: 13px;
    color: #000;
}

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

.operativa_container .busqueda{
    margin-top: 51px !important;
}

.operativa_container .busqueda + .menu_left .barra_ocultar{
    margin-top: 71px !important;
}
.operativa_container section{
    padding: 3px 0px 0px;
    background-color: #ffffff;
}
.operativa_container .row{
    margin-right: 0px;
    margin-left: 0px;
}
.tituloProceso{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.operativa_container section h2 {
    /* background-color: #efefef; */
    margin-top: 0px;
    color: #2c3338;
    padding: 0px;
    font-weight: 600;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}

.operativa_container table {
    color: #666;
}

.cuadro_azul {
    text-align: center;
    color: #0d78ad;
    background-color: #bed5e0;
    margin: -5px;
    padding: 7px;
    border-radius: 3px;
    clear: both;
    margin-bottom: 10px;
}

.orden_pago .cuadro_azul {
    margin: 15px;
    margin-top: 20px;
    width: calc( 100% - 30px);
    display: inline-block;
}

.texto_gris{
    color: #666;
}

/* estilos para tablas en ordenes y pagos */

.thead-light {
    background-color: #2c3338 !important;
}

.active_reg{
    background-color: #e5f2f5 !important;
}

.orden_tabla {
    font-size: 11px;
    margin-top: 0px !important;
}

.orden_tabla thead{
    font-size: 12px;
}

.orden_tabla .btn{
    padding: 3px 8px !important;
    font-size: 11px;
}

#orden_agrupada {
    margin: 0px !important;
    width: 100%;
}

#orden_agrupada tr {
    background: transparent !important;
}

#orden_agrupada td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.rfc_factura {
    position: relative;
    min-height: 20px;
    padding-top: 34px;
}

.recibo_pago{
    position: absolute;
    right: 30px;
    top: 97px;
    padding: 4px 11px !important;
    z-index: 1;
}

.orden_tabla th:nth-child(1),
#orden_agrupada td:nth-child(1) {
    width: 60px;
}

/* .orden_tabla th:nth-child(2), #orden_agrupada td:nth-child(2) {
    width: 171px;
} */

.orden_tabla th:nth-child(3), #orden_agrupada td:nth-child(3) {
    width: 70px;
}

#orden_agrupada td:last-child {
    text-align: right;
}

#orden_agrupada tr td {
    border-top: 1px solid #ccc;
}

#orden_agrupada tr:first-child td {
    border-top: 0 !important;
    padding-top: 0px;
}

#orden_agrupada tr:last-child td {
    padding-bottom: 0px;
}

#orden_agrupada tr td:first-child {
    border-top: 0px;
}

.factura{
    width: 103px;
}

#orden_agrupada .factura{
    width: 122px;
}

#orden_agrupada .factura a{
    margin-bottom: 1px;
    margin-top: 1px;
}

.recibo{
    width: 108px;
}

#orden_agrupada .recibo{
    width: 107px;
}

.accion{
    width: 96px;
}

#orden_agrupada .accion{
    width: 97px;
}

/* fin estilos para tablas en ordenes y pagos */
.div-button {
    width: 50%;
    display: inline-block;
    margin-bottom: 15px;
}

.notas {
    margin: 0 auto;
    width: 400px;
    padding: 0px 15px 15px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.datosBusqueda.notas {
    display: inline-block;
    width: calc(100% - 60px);
    margin: 17px 30px 5px 30px;
}

/* section table {
    overflow-x: auto;
    display: block;
} */

.table-responsive{
    border: 0px solid !important;
    min-height: .01%;
    overflow-x: inherit;
    width: auto;
    overflow-y: inherit;
}

section table thead tr{
    background-color: #f7f7f7;
    color: #666;
    /*text-transform: uppercase;*/
    border-bottom: 1px solid #ccc;
}

section table thead tr a{
    color: #666;
}

section table tbody tr:nth-of-type(odd),
.container .frontend_form table tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

section table tbody tr:nth-of-type(even) {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

section table tbody tr:last-of-type {
    border-bottom: 0px solid #ccc;
}

.container .frontend_form table tbody tr:nth-of-type(even) {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

.steps{
    margin-bottom: 35px;
}

.pasos_tramite {
    display: block;
    text-align: center;
}

.numero_tramite {
    display: inline-block;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #666;
    padding: 7px 12px;
    font-weight: 600;
}

.numero_tramite.completo{
    background-color: #b8d1e7;
    border: 1px solid #b8d1e7;
    color: #0064A8;
}

.numero_tramite.actual{
    background-color: #efefef;
    border: 1px solid #43B4E4;
    color: #43B4E4;
}

.paso_tramite_actual {
    color: #43B4E4;
    display: inline-flex;
    text-align: left;
    width: 200px;
    position: relative;
    top: -11px;
}

.vertical .radio > label,
.vertical .checkbox > label{
    width: 100%;
    display: inline-flex;
    padding-bottom: 7px;
}

.horizontal .radio > label,
.horizontal .checkbox > label{
    width: auto;
    display: inline-flex;
    padding-bottom: 7px;
}

.horizontal .radio label,
.horizontal .checkbox label{
    padding-left: 35px;
    padding-right: 20px;
    width: auto !important;
}

.dos_columnas .radio > label,
.dos_columnas .checkbox > label{
    width: 49%;
    display: inline-flex;
}

.tres_columnas .radio > label,
.tres_columnas .checkbox > label{
    width: 33.33%;
    display: inline-flex;
}

.cuatro_columnas .radio > label,
.cuatro_columnas .checkbox > label{
    width: 25%;
    display: inline-flex;
}


p {
    word-break: break-word;
}

.paginador_registro {
    position: absolute;
    top: 22px;
    right: 25px;
    color: #666;
}

.mostrar_paginas {
    position: absolute;
    /*top: 70px;*/
    color: #666;
    /*left: 30px;*/
}

.header-desktop{
    background-color: #323c4e;
    padding: 0.7em 0.7em 0.1em;
    color: white;
}

.header-mobile{
    background-color: #fff;
    padding: 0.7em 0.7em 0.1em;
    text-align: center;
}

.acordeon_carrito {
    margin-top: 15px;
    margin-bottom: -15px;
    padding: 15px;
    text-align: center;
    background-color: rgba(229,229,229,0.43);
    height: 60px;
}

#orden_agrupada .acordeon_carrito {
    margin-top: -6px;
    margin-bottom: -7px;
    margin-left: -7px;
    margin-right: -7px;
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center;
    background-color: rgba(229,229,229,0.43);
    height: 0px;
}

.car-item:nth-of-type(1) {
    margin-top: -10px;
}

.car-item table {
    margin-bottom: 0px;
    font-size: 12px;
}

.car-item > table {
    margin-bottom: 0px;
    font-size: 12px;
    border-top: 1px solid #ddd;
}

.car-item > table > tbody > tr {
    background: transparent !important;
}

.car-item table.table-items td {
    padding: 2px 8px;
}

.car-item .table tr td {
    cursor: pointer;
}

.car-item .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.total_pago {
    text-align: right;
    margin-right: 6px;
    margin-bottom: 15px;
}

.total_pago .total_pago_titulo{
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
    font-size: 16px;
}

.total_pago .total_pago_numero {
    font-weight: 600;
    color: #000;
    font-size: 22px;
}

.dropdown-menu.menu_accion {
    position: absolute !important;
    float: left !important;
    top: 29px;
    right: -3px !important;
    left: unset !important;
    box-shadow: 3px 3px 10px rgba(0,0,0,.175) !important;
}

.actions .dropdown-menu.menu_accion {
    position: absolute !important;
    top: 33px;
    right: -5% !important;
    left: unset !important;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.2) !important;
    text-align: center;
    background-color: #4D4D4D !important;
}

/* .table-responsive tr:nth-last-child .actions .dropdown-menu.menu_accion {

} */

.dropdown-menu.menu_accion li a:hover {
    color: #CACACA !important;
}

.dropdown-menu.arrow_box > li > a:hover,
.dropdown-menu.arrow_box > li > a:focus{
    background: #333;
    color: #FFF !important;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.dropdown-menu.arrow_box > li{
    text-align: left;
}

.dropdown-menu.arrow_box > li > a{
    padding: 3px 20px 3px 10px;
    color: #CACACA;
}

.dropdown-menu.arrow_box > li > a:before {
    content: "|";
    margin-right: 0px;
    padding-left: 25px;
    padding-right: 8px;
    background-image: url(/assets/img/ver_a.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 18px;
    width: 60px;
    height: 35px;
}

.dropdown-menu.arrow_box > li > a:hover:before {
    background-image: url(/assets/img/ver_b.png) !important;
}

.dropdown-menu.arrow_box > li > a.ejecutar:before {
    background-image: url(/assets/img/continuar_a.png) !important;
}

.dropdown-menu.arrow_box > li > a.ejecutar:hover:before {
    background-image: url(/assets/img/continuar_b.png) !important;
}

.arrow_box {
    background: #4D4D4D !important;
    border: 0px solid #eee;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    right: 6px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #4D4D4D;
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #4D4D4D;
    border-width: 10px;
    margin-left: -10px;
}

.checkout-show-all .acordeon_carrito {
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
}

.total-table {
    background: transparent !important;
}

.folio-form{
    font-size: 90%;
    padding-right: 30px;
    /*padding: 9px;*/

}


/**Resuelve conflicto de autocomplete en el modal*/
.ui-front {z-index: 2147483647 !important;}

header{
    position: fixed;
    width: 100%;
    z-index: 100;
    left: 0px;
    right: 0px;
}

footer{
    width: 100%;
    background-color: #112833;

}

footer a{
    position: relative !important;
    color:#F5F7FA !important;
}

footer a:hover {
    color: #4d4d4d !important;
    text-decoration: underline;
}

.cont-footer {
    max-width: 1080px;
    margin: 10px auto 0px;
}

.menu_redes{
    display: inline-flex;
    margin: 25px;
    font-weight: 600;
}

.menu_copy{
    display: inline-flex;
    margin: 15px;
    font-weight: 400;
}

.social + .social::before {
    content: "|";
    margin-right: 10px;
    margin-left: 10px;
}

.navbar-header{

    box-shadow: inset 0 -1px 0 0 #dcdcde;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 0px;
    background-color: #112833;
}

.navbar-toggler{
    color: #fff !important;
    border: 0px;
}

.folio-form input{
    background: none;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

h1,h2,h3,h4,h5,h6{
    font-weight: bold;
    color: #2c3338;
}

p{
    color: #4d4d4d;
}

.btn{
    padding: 13px 12px;
    border-radius: 1px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

.button-group .btn {
    width: 100% !important;
}

/* estilos para el login */

.login_derecha{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px;
    max-width: 640px;
    min-width: 470px;
    height: 100%;
    display: table;
    width: 45%;
    max-width: 650px;
    min-width: 350px;
}

.login_derecha .caja{
    border-radius: 0px;
    position: relative;
    vertical-align: middle;
    display: table-cell;
}

.login_derecha .caja .header_caja{
    background-color: transparent;
}

.login_derecha .caja .header_caja .titulo_caja{
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    color: #333;
}

.login_derecha .caja .header_caja .subtitulo_caja{
    color: #666;
    width: 100%;
}

.fondo_login{
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
}





.caja {
    background-color: #ffffff;
    border-radius: 2px;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    /*-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);*/
    /*-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);*/
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}

.header_caja {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    color: #8B0000;
    display: table;
    text-align: left;
    padding: 0px 35px;
    font-size: 37px;
    font-weight: 500;
    margin-top: 70px;
    float: left;
}

.centro_caja {
    display: table-cell;
    vertical-align: middle;
}
.caja_logo{
    float: left;
    width: 100%;
    height: auto;
}
img.logo_caja {
    max-height: 70px;
    height: 100%;
    margin-left: 45px;
    margin-top: 30px;
}

.navbar .divider-vertical {
    height: 30px;
    margin: 8px  9px 0px;
    border-width:0 1px;
    border-style:solid;
    border-color: transparent rgba(255,255,255,0.2) transparent rgba(0,0,0,0.2);
}

.fondo_login .container{
    display: table;
    padding-top: 0px;
    min-height: 95%;
    height: 90vh;
}

.fondo_login .row{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.fondo_login .input-group{
    display: flex;
    margin-bottom: 12px;

}
.fondo_login .input-group input{
    border: 1px solid #f0f0f0;
    border-radius: 2px !important;
    background-color: #f0f0f0;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-shadow: none !important;
}
.input-group .btn-azul{
    margin-top: 20px;
}
.fondo_login .input-group input:focus{
    outline: none !important;
    border-color: rgba(47, 93, 155, 0.6) !important;
    box-shadow: 0 0 3px rgba(47, 93, 155, 0.3) !important;
}

.input-group-text {
    padding: 7px 10px 7px 10px;
    background-color: #ffffff;
    border: 1px solid #d2d2d7;
    color: #808080;
    margin-right: 2px;
    border-radius: 25px 0px 0px 25px;
}

.login-mb3{
    margin-top: -18px !important;

}
.login-mb3 .link{
    margin:0px auto;
}
.input-group-text img{
    margin: 9px;
}
.input-group .btn + .btn{
    margin-left: 15px;
}
.fondo_login fieldset{
    padding: 35px;
}
.fondo_login .caja_resp{
    width: 500px;
    margin: 0px auto;
}
.fondo_login .form-control{
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 48px;
    box-shadow: none !important;
}

.fondo_login .form-control:not(:focus)::placeholder{
    /*color: transparent;*/
}

.mb-3{
    margin: 20px auto 0px;
}
a.doslink{
    color: #2c3338;
    text-decoration: none;
    transition: color 0.3s;
    display: flex;
    margin: auto;
    flex-direction: column;
    text-align: right;
    width: 50%;
}
a.doslink:first-child{
    text-align: left;
}
a.link {
    color: #2c3338;
    text-decoration: none;
    transition: color 0.3s;
    display: flex;
    margin: 30px auto 0px;
}
a:hover {
    color: #1E3C6A;
}
/* fin de estilos para el login */
/* estilo de formas */
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1c1c1c;
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #e9e9e9;
    opacity: 1;
}
.error {

    background-color: #ffcccc; /* Un suave color de fondo rojo para resaltar */
}
/* Estilo general para mensajes de error */
.error-message {
    color: #D8000C;
    margin-top: 2px;
    padding: 0px 2px;
    font-size: 0.9em;
}

/* Estilos específicos para cada tipo de campo con error */
.error-select,
.error-input,
.error-textarea {
    background-color: #FFD2D2;
}

.error-radio .radio,
.error-checkbox .checkbox {
    color: #D8000C; /* Cambia el color del texto/label asociado */
}

.error-file input[type="file"] {
    border: 2px solid #D8000C; /* Rojo */
    background-color: #FFD2D2;
}

/* Puedes necesitar ajustar los selectores para .error-radio y .error-checkbox
   dependiendo de cómo estés estructurando esos campos en tu HTML. */

/* estilos de menú izquierdo */
.fileSet-ejecutar{
    float: left;
    width: 100%;
}
.menu_left {
    width: 292px;
    padding: 45px 10px 0px 16px;
    text-align: left;
    background-color: #ffffff;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% );
}

.nav-list .active a,
.nav-list .active:hover a,
.nav-list li.active,
.nav-list li.active:hover {
    color: #2c3338;
}

.nav>li>a:focus, .nav>li>a:hover {
    color: #2c3338;
    background-color: transparent;
}
.menu_left .nav > li{
    margin: 10px 0px;
    display: flex;
    padding: 5px 10px;
    border-radius: 3px;
}
.nav > li > a {
    position: relative;
    display: inline-block;
    padding: 0px 20px 0px 12px;
}

.menuProcesos{
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 5px;
    position: fixed;
    top: 240px;
    bottom: 0px;
    margin-bottom: 0px;
}
.nav > li > a.nuevoProc{
    padding: 1px 5px;
    border-radius: 3px;
}
.nav > li > a.nuevoProc:hover{
    background-color: #f0f0f0;
}
.menuProcesos > .newProces > span{
    width: 100%;
    padding: 0px 14px 0px 0px;
}
.newProces > a.proceso-text{
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
}
a.proceso-text:focus, a.proceso-text:hover{
    color: #2c3338;
    background-color: transparent;
    text-decoration: none;
}
.cuadro_nombre_proceso{
    background-color: #43B4E4;
    color: #FFF;
    display: flex;
    padding: 2px 7px;
    margin-top: 0px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    border-radius:2px;
    height: fit-content;
    background: linear-gradient(135deg, #FFC107 0%, #FF5722 100%);
}
/******** tramites front******/

.uppercase{
    text-transform: uppercase;
}
/***************************/
.menu_left .menuProcesos > .newProces{
    padding: 6px 1px 6px 9px;
}

.barra_ocultar {
    margin-top: 20px;
    height: 30px;
    color: #fff;
    width: 220px;
    border-radius: 0px 3px 3px 0px;
    text-align: right;
    padding: 0px 7px;
    cursor: pointer;
}

.menu_left .img{
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color:#2C3338;
}

.menu_left .nav-list .img{
    cursor: pointer;
}

.menu_left .nav-list .li {
    cursor: pointer;
}

.menu_left .nav-list{
    width: 260px;
    border-bottom: 1px solid #f0f0f0;
}
.newProces{
    display: flex;
    flex-direction: row;
    background-color: transparent !important;
    border:none !important;
    padding: 0px;
}
.menuProcesos .panel{
    margin-bottom: 0px;
    border-radius: 3px;
    border: none;
    background-color: transparent !important;
    box-shadow: none;
    cursor: pointer;

}
.panel-heading.newProces{
    padding: 10px 7px;
    border-radius: 3px !important;
    margin-bottom: 5px;
}
.panel-heading.newProces:hover{
    background-color: #f0f0f0 !important;
}
.menuProcesos .panel-heading+.panel-collapse>.list-group, .menuProcesos .panel-heading+.panel-collapse>.panel-body{
    border-top: none;
    list-style: none;
    margin-top: 8px;
}
.subpanel > ul > li > a{
    padding: 6px 10px 6px 50px;
    margin: 5px 0px  !important;
}
.consult-sidebar-proceso .list-group-item{
    display: flex;
}
.list-group-item{
    border: none;
    border-radius: 3px !important;
    background-color: transparent;
    color: #2c3338;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}
.list-group-item:hover{
    background-color: #f0f0f0;
    color: #2c3338;
}
.list-group-item .txt-proc{
    margin-left: 10px;
    color: #62777b;
}
.list-group-item .countProceso{
    color: #62777b;
}
/* Agrega una transición suave al acordeón */
.acordeon .panel-collapse {
    transition: max-height 0.4s ease;
    overflow-y: hidden;
}

/* Establece la altura máxima inicial para el acordeón cerrado */
.acordeon .panel-collapse.collapse {
    max-height: 0 ;
}

/* Establece la altura máxima cuando el acordeón está abierto */
.acordeon .panel-collapse.in {
    max-height: none;
}


.menu_left .img.ico_menu{
    background-image: url(/assets/img/menu_a.png);
    background-size: cover;

    margin-right: 15px;
}

.menu_left .img.ico_menu:hover{
    background-image: url(/assets/img/menu_b.png);
}

.menu_left .img.ico_nuevo{
    background-image: url(/assets/img/nuevo_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_nuevo{
    background-image: url(/assets/img/nuevo_b.png);
}

.menu_left .img.ico_recibido{
    background-image: url(/assets/img/recibido_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_recibido{
    background-image: url(/assets/img/recibido_b.png);
}

.menu_left .img.ico_noasignado{
    background-image: url(/assets/img/noasignado_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_noasignado{
    background-image: url(/assets/img/noasignado_b.png);
}

.menu_left .img.ico_realizado{
    background-image: url(/assets/img/realizado_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_realizado{
    background-image: url(/assets/img/realizado_b.png);
}

.menu_left .img.ico_reasignable{
    background-image: url(/assets/img/reasignable_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_reasignable{
    background-image: url(/assets/img/reasignable_b.png);
}

.menu_left .img.ico_ordenes{
    background-image: url(/assets/img/ordenes_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_ordenes{
    background-image: url(/assets/img/ordenes_b.png);
}

.menu_left .img.ico_validar{
    background-image: url(/assets/img/validar_a.png);
    background-size: cover;
}

.menu_left li.active .img.ico_validar{
    background-image: url(/assets/img/validar_b.png);
}

.footer_menu {
    color: #b0b0b0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 12px;
    width: calc(100% - 15px);
}

.footer_menu p,
.footer_menu a{
    color: #b0b0b0 !important;
    margin-top: 12px;
}

.redes_sociales {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    margin-left: -15px;
    text-align: center;
}

/* fin de estilos menú izquierdo */
/* estilo reduccion form */
.cont-ejecutar{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
.form-pasos{
    width: 240px;
    position: sticky;
    top: 65px;
}
.operativa_container section.form-reduccion{
    max-width: 660px;
}
.barra-progreso-contenedor {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 5px;
}

.barra-progreso {
    height: 8px;
    background-color: #4CAF50;
    border-radius: 5px;
    width: 0%; /* Este valor se actualizará con PHP */
    text-align: center;
    color: white;
    line-height: 8px; /* Alinea el texto verticalmente */
    animation: llenarBarra 2s ease-out forwards; /* Aplica la animación */
}
/* Define la animación */
@keyframes llenarBarra {
    from { width: 0%; }
    to { width: var(--progreso); }
}
/* estilo breadcrumb */
.row .steps div:first-child {
    text-align: right;
}

.breadcrumbProcess {



    border-radius: 1px;
    display: flex;
}

.breadcrumbProcess ol {
    list-style-type: none;
    padding:  1rem;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumbProcess.breadbarra ol {
    border-bottom: 1px solid #ececef;
    border-top: 1px solid #ececef;
    padding: 17px 1rem 0px;
    margin-top: 17px;

}
.breadcrumbProcess.breadbarra2 ol {

    padding: 17px 1rem 0px;

}
.breadcrumbProcess ol > li {
    position: relative;
    line-height: 17px;
    color:#737278;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.breadcrumbProcess.breadbarra ol > li {
    width: -webkit-fill-available;
    height: auto;
    margin-bottom: 14px;
}
.breadcrumbProcess ol li:not(:last-child):after {
    font-size: 1rem;
    font-weight: bold;
    color: #1c1c1c;
}

.breadcrumbProcess ol li a {
    text-decoration: none;
    color: #1a1a1a;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
}
.breadcrumbProcess ol li.actual a{
    color: #1c1c1c;
    font-weight: bold;
}
.breadcrumbProcess ol li:not(:last-child) a:hover {
    text-decoration: underline;
}

.breadcrumbProcess ol li:last-child {

}
.topSteps{
    display: none;
}
/* estilo proceso disponibles */
.full-section{
    width: 100%;
    background-color: #fdfdfd;
}
.proceso-disponibles .list-group .list-group-item{
    position: relative;
    display: block;
    padding: 15px 15px;
    margin-bottom: -1px;
    border: 1px solid #f0f0f0;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #2c3338;
}
/***    estilo select3    ***/
.select-personalizado {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-multiple {
    display: none;
}
.contenedor-etiquetas-busqueda {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 12px;
    color: #1c1c1c;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    min-height: 44px;
    position: relative;
}

.etiquetas {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.etiqueta {
    display: inline-block;
    padding: 4px 8px;
    background-color: rgb(188, 149, 92, 0.5);
    color: #fff;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.etiqueta .icono-eliminar {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.campo-busqueda {
    width: 100%;
    border: none;
    outline: none;
    background-color: #f0f0f0;
}

.lista-desplegable {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
}

.lista-desplegable .opcion {
    padding: 4px;
    cursor: pointer;
}

.lista-desplegable .opcion:hover {
    background-color: #f0f0f0;
}
/*estilo lista de procesos y titulo */
.titulo-filtro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 14px;
}

.titulo-seccion {
    font-weight: bold;
    color: #2c3338;
}

.btn-group {
    display: flex;
    align-items: center;
}
.btn-filtros{
    padding: 5px 20px !important;
}

.dropdown-menu {
    background-color: #fdfdfd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: auto;
}

.dropdown-menu a {
    display: block;
    padding: 8px 16px;
    color: #2c3338 !important;
    text-decoration: none;
    transition: background-color 0.3s;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif;
}

.dropdown-menu a:hover {
    background-color: #f0f0f0;
}


.contenedor-lista {
    width: 100%;
    margin: 0 auto;
    /*max-height: 400px;*/
    padding: 2px;
}

.elemento-lista {
    display: flex;
    align-items: center;
    padding: 10px;
    position: relative;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s, transform 0.3s;
    cursor: pointer;

}
.noclic{
    cursor: default !important;
}

.anochange{
    display: flex;
    width: 100%;
}
a.anochange:focus, a.anochange:hover {
    color:#2c3338 !important;
    text-decoration: none;
}


.elemento-lista:last-child {
    border-bottom: none;
}
.elemento-lista:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 99;

}

.idfecga-nombre{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 37%;
}
.id-fecha {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    margin-right: 20px;
    font-family: 'Lato', sans-serif;
}
.id-proceso{
    font-weight: bold;
    font-size: 15px;
    color: #43B649;
    font-family: 'Montserrat', sans-serif;
}

.nombre-proceso {
    flex-grow: 1;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    margin-right: 20px;
}

.estado-indicador {
    width: 58px;
    height: 16px;
    margin-right: 5px;
    font-size: 12px;
    display: flex;
    vertical-align: initial;
    flex-direction: inherit;
}
.estatusCol{
    text-align: right;
}
.estado-completado {
    color: #00675B;
}
.solicitante-etapa {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #666;
    margin-right: 0px;
    width: 35%;
}

.atender_off_on{
    padding-left: 40px;
}

.solicitante-etapa .solicitante{
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}
.solicitante-etapa .etapa{
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 0px;
}
.btn-group.open .dropdown-toggle{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.icono-opciones {
    font-size: 20px;
    cursor: pointer;
}
/* Estilos adicionales para diferentes estados */
.estado-pendiente {
    color: #FF9800;
}

.estado-error {
    color: #F44336;
}

.icono-opciones {
    cursor: pointer;
}

/* estilos de barra buscador*/

#busqueda {

    /* text-align: center;
    background-color: #333333;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 45px;
    left: 0;
    padding: 10px; */
}

.barra_lupa {
    margin-top: 11px;
    display: inline-block;
    /* float: left;
    background-color: #ffffff;
    padding: 7px 7px 7px 12px;
    border-radius: 100px 0px 0px 100px;
    margin-right: -1px; */
}

.barra_lupa .btn{
    padding: 0px;
    margin-right: 10px;
}

.barra_lupa img{
    width: 25px;
}

.barra_borrar{
    display: none;
    color: #2C3338;
    font-size: 53px;
    top: 12px;
    padding-top: 0px;
    margin-top: -30px;
    height: 30px;
    width: 30px;
    opacity: 0;
    position: relative;
}

.barra_borrar .btn{
    padding: 0px;
    height: 30px;
    width: 30px;
    position: relative;
}

.barra_borrar .btn:hover {
    color: #2c3338;
    text-decoration: none;
}

.barra_borrar span{
    transform: rotate(45deg);
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
}

.cont_buscador {
    border: 0px;
    border-radius: 0px;
    width: 0px;
    display: none;
    background-color: #FFFFFF;
    color: #373737;
    font-weight: 600;
    box-shadow: none;
    border-bottom: 1px solid #f0f0f0;
}

.cont_buscador::placeholder {
    color: #fff;
}

.cont_buscador:focus{
    border-color: #FFF;
    box-shadow: none;
}

input.cont_buscador:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px #0064A8 inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* #busqueda .btn:focus,
.cont_buscador:focus {
    border: 0px !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);
    outline: 0px !important;
} */

.btn-reset {
    padding: 6px 12px;
    font-weight: 400;
    border: 0px;
    border-radius: 0px;
    margin-left: -5px;
    margin-right: -5px;
    position: relative;
}

.btn-reset .division{
    font-size: 23px;
    position: absolute;
    top: -1px;
    left: 0px;
    color: #b4b4b4;
}

.btn-buscar {
    padding: 6px 25px;
    border: 0;
    border-radius: 0px 100px 100px 0px;
    color: #ffffff;
    /*background: rgba(77,128,163,1);*/
    /*background: -moz-linear-gradient(top, rgba(77,128,163,1) 0%, rgba(58,102,128,1) 54%, rgba(58,102,128,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,128,163,1)), color-stop(54%, rgba(58,102,128,1)), color-stop(100%, rgba(58,102,128,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(77,128,163,1) 0%, rgba(58,102,128,1) 54%, rgba(58,102,128,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(77,128,163,1) 0%, rgba(58,102,128,1) 54%, rgba(58,102,128,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(77,128,163,1) 0%, rgba(58,102,128,1) 54%, rgba(58,102,128,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(0,113,188) 0%, rgba(0,113,188) 54%, rgba(0,113,188) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80a3', endColorstr='#3a6680', GradientType=0 );*/
    background-color: #43B4E4;
}

.btn-buscar.focus,
.btn-buscar:focus,
.btn-buscar:hover {
    color: #ffffff;
    /*text-decoration: none;*/
    /*background: -moz-linear-gradient(top, rgba(88, 188, 125) 0%, rgba(60, 132, 87) 54%, rgba(60, 132, 87) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60, 132, 87)), color-stop(54%, rgba(60, 132, 87)), color-stop(100%, rgba(60, 132, 87)));*/
    /*background: -webkit-linear-gradient(top, rgba(88, 188, 125) 0%, rgba(60, 132, 87) 54%, rgba(60, 132, 87) 100%);*/
    /*background: -o-linear-gradient(top, rgba(88, 188, 125) 0%, rgba(60, 132, 87) 54%, rgba(60, 132, 87) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(88, 188, 125) 0%, rgba(60, 132, 87) 54%, rgba(60, 132, 87) 100%);*/
    /*background: linear-gradient(to bottom, rgba(1, 103, 174) 0%, rgba(1, 103, 174) 54%, rgba(1, 103, 174) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78D284', endColorstr='#72C95E', GradientType=0 );*/
    background-color: #1a9be0;
}

.registros {
    color: #444;
    padding: 6px 12px 30px 15px;
}

/* fin de estilos barra buscador */

/* estilos para radios */

input[type='radio'] {
    -webkit-appearance:none;
    margin: 0px;
    margin-left: -25px !important;
    width:20px;
    height:20px;
    border:0px solid darkgray;
    border-radius:50%;
    outline:none !important;
    /*
        box-shadow:0 0 5px 0px gray inset;
    */
    box-shadow:0 0 2px 0px #000000 inset;
}

input[type='radio']:hover {
    box-shadow:0 0 5px 0px gray inset;
}

input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;
    border-radius:50%;
}

input[type='radio']:checked:before {
    background:#43B649;
}

.radio label {
    padding-left: 25px;
    padding-bottom: 5px;
}
.title-check,
.title-radio{
    display: block;
}

.modal-body label {
    width: 100%;
}

.modal-body input[type='radio'] {
    -webkit-appearance: none;
    margin: 5px;
    margin-left: 0px !important;
    margin-top: 0px;
    width: 20px;
    height: 20px;
    border: 0px solid darkgray;
    border-radius: 50%;
    outline: none !important;
    box-shadow: 0 0 5px 0px grey inset;
}

.modal-body.body-tabla-dinamica input[type='radio']{
    margin-left: -27px !important;
    margin-top: -2px !important;
}

.modal-body input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.modal-body input[type='radio'] + label {
    display: inline-block;
    max-width: 100%;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 15px;
    position: relative;
    top: -9px;
    width: auto !important;
}

.modal-body .container .frontend_form legend + .form-group > label {
    margin-top: 0px !important;
}

table td.selection {
    text-align: center;
}

table td.selection input[type='radio']{
    margin: 4px 0px 0px !important;
    margin-left: 0px !important;
}

/* fin de estilos para radios */

.list-group.list-group-flush.fiscal-data-list {
    margin-top: -10px;
    color: #919191;
}

.fiscal-data-list b {
    color: #666;
}

.fiscal-data-list .list-group-item > div {
    margin-left: 35px;
}

.fiscal-data-list .list-group-item > div:first-child{
    margin-left: 0px;
}

.fiscal-data-list .fiscal-data-title a{
    float: right;
    background-color: #aaa;
    margin-right: 5px;
}

.fiscal-data-title.form-check {
    margin-bottom: 0px;
}

.fiscal-data-title.form-check > input {
    margin-bottom: 0px;
    position: absolute;
    top: 11px;
}

.fiscal-data-title.form-check > label {
    margin-bottom: 0px;
    max-width: 75% !important;
    word-break: break-all;
    margin-left: 33px !important;
    padding-top: 13px;
}

.fiscal-data-line2 > span {
    margin-right: 5px;
}

.fiscal-data-line2 {
    margin-left: 35px;
}
.fiscal-data-line3 {
    margin-left: 35px;
}

.label_ico{
    width: 14px;
    margin-right: 5px;
}

.action_ico{
    width: 30px;
    padding: 5px;
    /* margin-right: 5px; */
}

.padding-5{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.padding-rigth-5{
    padding-right: 5px !important;
}

.padding-left-5{
    padding-left: 5px !important;
}

button.contacto {
    width: 100% !important;
    margin-top: -23px;
}

.modal-body .list-group-item{
    margin-bottom: 0px;
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sombra{
    -webkit-box-shadow: 0.1px 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0.1px 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0.1px 0px 1px 0px rgba(0,0,0,0.3);
}

.title{
    font-weight: bold;
    color: #282b3a;
    margin: 1em;
}
hr{
    margin-top: 0;
    margin-bottom: 0;
}

.line{
    background-color: #7f7f7f;
}

.shadow-resume{
    box-shadow: 0 5px 20px 0 #323c4e;
}

.trans-line{
    margin-bottom: 10px;
    background-color: #f8f8f8;
}

.line-x2{
    border-width: 2px;
}
.motordemo .subtitle{
    text-align: center;
}
.subtitle{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.valor{
    margin-top: 12px;
    border-left: 1px solid #dcdcdc;
    height: 3em;
    padding-top: 8px;
    padding-left: 8px;
}

.reference-square, .reference-square:visited, .reference-square:hover, .reference-square:active{
    line-height: 2.5em;
    background-color: #0084b0;
    color: white;
    text-transform: uppercase;
    padding: 0.5em;
    font-size: 95%;
    border-radius: 0.2em;
    text-decoration: none;
}

.description-banks{
    text-align: justify;
    line-height: 1.1em;
    font-size: 0.9em;
    padding-left: 2.3em;
    padding-right: 2.3em;
    text-align: center;
}

/* estilos para select2 */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
    border: 0px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-results__option {
    text-align: left;
}

.select2-results ul {
    overflow: auto;
}

.select2-results ul::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}

.select2-results ul::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}

.select2-results ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b0b0b0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 128, 160, 0.1);
    color: #4b4b4b;
}

.select2-dropdown{
    border: 0px solid #aaa;
    -webkit-box-shadow: 0px 0px 0.5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0.5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0.5px 0px rgba(0,0,0,0.15);
}

/* fin de estilos para select2 */

.tag{
    margin: 15px;
    font-style: italic;
    color: black;
    line-height: 15px;
}

.tag.text-danger{
    color: #a94442;
}

.raya {
    margin: 15px;
    border-top: 1px solid #e7e7e7;
    clear: both;
}

.margin_top_ancho{
    margin-top: 0px;
}

.oculto{
    display: none;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    color: #666666;
}

.label_text {
    text-align: left;
    margin-left: 15px;
    font-weight: 400;
    font-size: 15px;
    color: #919191;
    display: inline-block;
    padding: 3px 0px;
    width: auto !important;
}

.form-check {
    margin-bottom: 15px;
}

.form-check .switch{
    margin-left: 15px;
}

img.ico_pag{
    width: 14px;
}

.parrafo_ultimo {
    text-align: left;
    margin: 30px;
}

.mensaje_default{
    margin: 15px auto;
    padding: 10px 20px;
    max-width: 900px;
    font-size: 16px;
    color: #343434;
    text-align: left;
    background-color: #eee;
    border-radius: 4px;
    clear: both;
}

.mensaje_info {
    margin: 0px auto;
    padding: 15px 20px;
    max-width: 700px;
    font-size: 16px;
    color: #8a95bc;
    font-weight: bold;
    background-color: #dee1ec;
    border-radius: 4px;
}

.mensaje_alerta {
    text-align: left;
    margin: 60px 15px 0px 15px;
    padding: 15px 15px;
    max-width: 100%;
    font-size: 14px;
    color: #343434;
    background-color: #f5dede;
    border-radius: 4px;
}

.mensaje_espacios{
    margin: 15px auto;
}

.titulo_mensaje_alerta{
    color: #ce5b5b;
    text-align: center;
    font-weight: 500;
}

.label_box {
    margin-top: 46px;
}
#carrito2Submmit .label_box {
    margin-top: 10px;
}

.rfc_title{
    border: 1px solid #e7e7e7;
    border-radius: 50px;
    height: 31px;
    position: absolute;
    color: #000000 !important;
}

.label_box .rfc_title {
    padding: 5px 35px 5px 10px;
    right: 43px;
    width: 85% !important;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color:whitesmoke;
    background-color: #FFFFFF;
}
.seleccionar-factura {
    margin-bottom: 10px;
}
.rfc_tramite .rfc_title {
    float: right;
    line-height: 1.7;
}

#select_rfc,
#nuevo_rfc {
    margin-bottom: -15px;
}

.label_box .btn-aqua{
    position: absolute;
    right: 44px;
}

.form-check.label_box.factura_todo {
    display: flex;
    width: 400px;
    position: relative;
    text-align: center;
}

.rfc_tramite .btn-aqua {
    float: right;
}

.form-check.label_box{
    display: flex;
}

.align-left {
    text-align: left;
    float: left;
    margin-left: 15px;
}

.rfc_select{
    width: 300px;
    margin-right: 15px;
    margin-left: auto;
    margin-top: -4px;
}

.rfc_tramite {
    width: 100%;
    margin: 0px;
}

#carrito2 #tramites_table.disabled,
#carrito2 .facturar-junto.disabled,
.facturar-todo.disabled .label_text,
.facturar-todo.disabled .slider {
    color: #7c7c7c;
}

.facturar-todo.disabled.disabled span.slider {
    background-color: #e2e2e2;
    cursor: not-allowed !important;
}

.titulo_factura {
    text-align: left;
    margin-left: 30px;
    margin-top: 15px;
}

span.gris {
    color: #808080 !important;
}

div.banks div div img{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

div.banks button{
    margin-bottom: 10px;
}

.tabla_propietarios {
    margin-bottom: 0px;
    border-bottom: 0px solid #000;
}

.tabla_propietarios + .table {
    border-top: 0px solid #000;
}

.tabla_propietarios + .table thead tr th{
    background-color: #aaa;
}

/* estilos para botones */

.control-button .btn {
    width: 150px;
}

.btn-raised {
    background-image: url(/assets/img/eliminar.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    width: 40px;
    height: 35px;
}

.btn-edit {
    background-image: url(/assets/img/editar.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    width: 40px;
    height: 35px;
}

.btn-view {
    background-image: url(/assets/img/ver.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    width: 40px;
    height: 35px;
}

.btn-exentar {
    background-image: url(/assets/img/exentar.png) !important;
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 23px;
    padding-left: 15px;
    width: 120px;
    height: 35px;
    position: relative;
}

.btn-seleccionar {
    background-image: url(/assets/img/exentar.png) !important;
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 23px;
    padding-left: 15px;
    width: 140px;
    height: 35px;
    position: relative;
}

.btn-declarar {
    background-image: url(/assets/img/declarar.png) !important;
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 23px;
    padding-left: 15px;
    width: 120px;
    height: 35px;
    position: relative;
}

.btn-exentar span,
.btn-declarar  span,
.btn-seleccionar span{
    text-align: right;
    position: absolute;
    right: 15px;
    top: 7px;
}

.btn-default {
    color: #808080;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    padding: 11px 12px;
    font-size: 16px;
}

.btn-gris {
    color: #fff;
    background-color: #808080;
    border: 1px solid #808080;
}

.btn-gris:hover {
    color: #fff;
}

.btn-grisclaro {
    color: #666;
    background-color: #ccc;
    border: 1px solid #ccc;
}

.btn-grisclaro:hover {
    color: #666;
}

.btn-aqua {
    color: #fff;
    background-color: #FF316D;
    border-color: transparent;
    border-radius: 100%;
    padding: 4px 7px;
    border: 1px solid #FF316D;
}

.btn-aqua-btn {
    color: #fff;
    background-color: #2663ad;
    border-color: transparent;
    padding: 8px 7px;
    border: 1px solid #2663ad;
    margin-left: 0px;
}

.btn-celeste {
    color: #fff;
    background-color: #FF316D;
    border: 1px solid #FF316D;
}

.btn-azul {
    background-color: #43B649;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition: background-color 0.3s;
    border: none;
}

.btn-create {
    color: #fdfdfd;
    border: none;
    background-color: #43B649;
    transition: background-color 0.3s ease-in-out;
}

.btn-cart-maletin {
    background-color: #0064A8 !important;
    border-color: #0064A8 !important;
    color: #FFF !important;
    font-weight: bold;
    padding: 10px 18px;
}

.btn-cart-tarjeta {
    background-color: #97C93D !important;
    border-color: #97C93D !important;
    color: #FFF !important;
    font-weight: bold;
    padding: 10px 18px;
}

.btn-primary {
    background-color: #43B649;
    border: 1px solid #43B649;
    font-family: 'Lato', sans-serif;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 11px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition: background-color 0.3s;
    cursor: pointer;
}
.btn-primary.olvido{
    width: calc(100% - 85px);
    margin-right: 0px !important;
}
.btn-danger {
    color: #fff;
    background-color: #d05b5b;
    border: 1px solid #d05b5b;
}

.btn-inv-danger{
    color: #d05b5b;
    background-color: #fff;
    border: 1px solid #d05b5b;
}

.btn-success {
    color: #fff;
    background-color: #89c33f;
    border: 1px solid #89c33f;
}

.btn-disabled,
.btn-disabled:hover{
    color: #000000;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    cursor: default;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus{
    color: #808080;
    background-color: #efefef;
    border-color: #bfbfbf;
}

.btn-celeste:active,
.btn-celeste:hover,
.btn-celeste:focus,
.btn-celeste.active.focus,
.btn-celeste.active:focus,
.btn-celeste.active:hover,
.btn-celeste:active.focus,
.btn-celeste:active:focus,
.btn-celeste:active:hover,
.open>.dropdown-toggle.btn-celeste.focus,
.open>.dropdown-toggle.btn-celeste:focus,
.open>.dropdown-toggle.btn-celeste:hover {
    color: #fff !important;
    background-color: #FF316D;
    border: 1px solid #FF316D;
}

.btn-azul:active{
    background-color: #4C0000;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(1px);
    transition: background-color 0.1s, box-shadow 0.1s, transform 0.1s;
    color: #ffffff;
}
.btn-azul:hover,
.btn-azul:focus,
.btn-azul.active.focus,
.btn-azul.active:focus,
.btn-azul.active:hover,
.btn-azul:active.focus,
.btn-azul:active:focus,
.btn-azul:active:hover,
.open>.dropdown-toggle.btn-azul.focus,
.open>.dropdown-toggle.btn-azul:focus,
.open>.dropdown-toggle.btn-azul:hover {
    background-color: #35913a;
    transition: background-color 0.3s, box-shadow 0.3s;
    color: #ffffff;
}

.btn-cart:active,
.btn-cart:hover,
.btn-cart:focus,
.btn-cart.active.focus,
.btn-cart.active:focus,
.btn-cart.active:hover,
.btn-cart:active.focus,
.btn-cart:active:focus,
.btn-cart:active:hover {
    background-color: #F4C463 !important;
    border: 1px solid #F4C463 !important;
}
.btn-create:active,
.btn-create:hover,
.btn-create:focus,
.btn-create.active.focus,
.btn-create.active:focus,
.btn-create.active:hover,
.btn-create:active.focus,
.btn-create:active:focus,
.btn-create:active:hover,
.open>.dropdown-toggle.btn-create.focus,
.open>.dropdown-toggle.btn-create:focus,
.open>.dropdown-toggle.btn-create:hover {
    color: #fdfdfd;
    background-color: #35913a;
    border: none;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #35913a !important;
    border-color: #35913a !important;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.btn-danger:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #bc5354;
    border: 1px solid #bc5354;
}

.btn-success:active,
.btn-success:hover,
.btn-success:focus,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #81b341;
    border: 1px solid #81b341;
}

.btn.btn-aqua.focus:disabled,
.btn.btn-aqua:focus:disabled,
.btn.btn-aqua:hover:disabled {
    color: #fff !important;
    text-decoration: none;
}

.btn.btn-aqua.focus,
.btn.btn-aqua:focus,
.btn.btn-aqua:hover {
    color: #ccc !important;
    text-decoration: none;
}

.btn-siguiente{
    padding: 10px 12px;
    background-color: #43B649;
    color:#fdfdfd;
    border: 1px solid transparent;
}

.btn-siguiente:active,
.btn-siguiente:hover,
.btn-siguiente:focus,
.btn-siguiente.active.focus,
.btn-siguiente.active:focus,
.btn-siguiente.active:hover,
.btn-siguiente:active.focus,
.btn-siguiente:active:focus,
.btn-siguiente:active:hover,
.open>.dropdown-toggle.btn-siguiente.focus,
.open>.dropdown-toggle.btn-siguiente:focus,
.open>.dropdown-toggle.btn-siguiente:hover {
    /*background: rgba(16,128,150,1);*/
    /*background: -moz-linear-gradient(top, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,128,150,1)), color-stop(65%, rgba(16,128,150,1)), color-stop(100%, rgba(18,106,147,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108096', endColorstr='#126a93', GradientType=0 );*/
    text-decoration: none;
    border: 1px solid transparent !important;
    /*background-image: linear-gradient(to bottom, rgba(16,128,150,1) 0%, rgba(16,128,150,1) 65%, rgba(18,106,147,1) 100%);*/
    background-color: #35913a;
}

.btn-secondary{
    color: black;
    border: 0.04em solid #cacaca;
}

.btn-tienda{
    border: 0.04em solid #cacaca;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
}

.qq-upload-button{
    position: relative;
    overflow: hidden;
    direction: ltr;
}

.qq-upload-button input{
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: Arial;
    font-size: 118px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0;
}

.exp_buscador{
    max-width: 650px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* fin de estilos para botones */

/* Estilos botones redes sociales */

.redes_sociales + p span {
    margin-left: 8px;
    width: 19px;
    height: 19px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.redes_sociales span {
    width: 24px;
    height: 24px;
    margin: 8px 8px 2px 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.btn-face {
    background-image: url(/assets/img/i_facebook.png) !important;
}

.btn-face:hover {
    background-image: url(/assets/img/i_facebook_a.png) !important;
}

.btn-twitter {
    background-image: url(/assets/img/i_twitter.png) !important;
}

.btn-twitter:hover {
    background-image: url(/assets/img/i_twitter_a.png) !important;
}

.btn-insta {
    background-image: url(/assets/img/i_instagram.png) !important;
}

.btn-insta:hover {
    background-image: url(/assets/img/i_instagram_a.png) !important;
}

.btn-youtube {
    background-image: url(/assets/img/i_youtube.png) !important;
}

.btn-youtube:hover {
    background-image: url(/assets/img/i_youtube_a.png) !important;
}

.btn-telegram2 {
    background-image: url(/assets/img/i_telegram2.png) !important;
}

.btn-telegram2:hover {
    background-image: url(/assets/img/i_telegram2_a.png) !important;
}

.btn-messenger {
    background-image: url(/assets/img/i_messenger.png) !important;
}

.btn-messenger:hover {
    background-image: url(/assets/img/i_messenger_a.png) !important;
}

.btn-whatsapp {
    background-image: url(/assets/img/i_whatsapp.png) !important;
}

.btn-whatsapp:hover {
    background-image: url(/assets/img/i_whatsapp_a.png) !important;
}

.btn-telegram {
    background-image: url(/assets/img/i_telegram.png) !important;
}

.btn-telegram:hover {
    background-image: url(/assets/img/i_telegram_a.png) !important;
}

/* Fin estilos botones redes sociales */

/* estilos para barra azul */

.barra_azul {
    background-color: #2f3a4e !important;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    height: 40px;
}

.barra_nombre {
    width: 49%;
    display: inline-block;
    padding: 10px;
    text-align: right;
    padding-right: 15px;
}

.barra_rfc {
    width: 49%;
    display: inline-block;
    text-align: left;
    padding-left: 15px;
}

/* fin de estilos para barra azul */

/* Estilos para carrito */

.botones_carrito {
    text-align: end;
    margin-right: 15px;
}

.botones_carrito .btn-add-cart{
    margin-right: 10px;
}

.botones_carrito img {
    width: 20px;
    margin-left: 5px;
}

body.carrito{
    padding-left: 228px;
}

.carrito section h3{
    /* text-align: left; */
    margin-left: 15px;
}

.dato-fiscal-todo{
    margin-top: -24px;
}

.btn-sheet {
    width: 150px;
    margin-top: 10px;
}

.select_fiscal_contact{
    margin-left:15px;
}

.capture-data{
    margin-top:21px;
}

.switch-off{
    margin-left:0px !important;
}

.title_sheet {
    font-size: 17px;
    text-align: left;
    font-weight: bold !important;
    color: #4d4d4d !important;
    margin-left:15px;
}

.detailbtn{
    padding: 8px 12px !important;
}
.btn-sheet:hover,
.btn-sheet:active,
.btn-sheet:focus{
    color:#ffffff !important;
    background-color: #125282;
}

/* fin de estilos para carrito */

/* formato para moneda y totales */

.total {
    text-align: right !important;
    position: relative;
    min-width: 100px;
    float: right;
}

.total::before {
    content: '$';
    text-align: left;
    position: absolute;
    left: -10px;
}

td.total{
    width: -webkit-fill-available;
}

.resumen_total {
    text-align: right;
    margin-right: 9px;
}

.resumen_total span {
    margin-right: 40px;
}

.resumen_total .total{
    min-width: 92px !important;
}

/* fin de formato para monedas y totales */

/* Estilos para sweet alert */

.sweet-alert h2 {
    margin-top: 40px;
}

/* Fin de estilos para sweet alert */

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.columna_ajustada{
    width: 1%;
    white-space: nowrap;
    min-width: 100px;
}

.center-align {
    margin-left: auto;
    margin-right: auto;
    display: initial;
}

.btn-secondary:hover{
    color: #4d4d4d;
    border: 0.04em solid #cacaca;
}
.btn-secondary:active{
    color: #0085b4;
    border: 0.04em solid #cacaca;
}

#generar.selected{
    color: #0085b4;
}

.btn-secondary p{
    font-size: 0.6em;
    margin: 0;
}

td.table-elements{
    padding-left: 2em;
    color: #666666;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f1f1f1;
}

.credit-cards{
    display: block;
}

.credit-cards div button img{
    padding: 0.7em;
    /*width: 100%;*/
    height: 5em;
}

.credit-cards div button{
    padding: 0.5em 0.3em;
}

.e-banks div:first-child{
    text-align: right;
}

.e-banks div:last-child{
    text-align: left;
}
-e-banks div  .btn-group{
    height: 4em;
}

.e-banks div button img{
    width: 80%;
    height: 2.1em;
    margin: 0.4em 0.4em 0.8em;
}

.e-banks div button{
    /*padding: 0.7em 0.2em;*/
    margin-bottom: 0.6em;
    text-align: center;
    width: 100%;
}
.trans-elec{
    margin: 0.6em;
    height: 2em;

}

.table-title{
    color: white;
    background-color: #323c4e;
    font-weight: bold;
}

tfoot tr{
    color: #323c4e;
}

.table-subtitle th{
    padding-left: 2em !important;
    font-weight: bold;
    color: #323c4e;
}

.table tbody tr td,
.table tbody tr th,
.table thead tr th,
.table tfoot tr th{
    border: 0;
}

table .actions{
    text-align: center !important;
    width:auto ;
}
.widget_dynamic_table table .actions{
    text-align: center !important;
    width:130px ;
}

.widget_dynamic_table.table-responsive{
    width: 100%;
}

.widget_dynamic_table.table-responsive table{
    display: block;
    max-width: 720px;
    overflow: auto;
}

.widget_dynamic_table.table-responsive .action-add{
    position: absolute;
    margin-top: 45px;
}

table .actions .btn{
    padding: 7px 10px;

}

section{
    display: grid;
    background-color: white;
    padding: 5px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.contener{
    width: 100%;
    margin: 0;
}

section.transaction{
    z-index: 1;
    padding-bottom: 0px !important;
    position: fixed;
    width: 300px;
    padding-top: 0px;
}

.color-changed div, .color-changed h4{
    background-color: white !important;
    color: #0d65a5 !important;
}

.margin-15{
    margin-left: -8px !important;
    margin-right: -8px !important;
    width: 102% !important;
}

section.transaction h4,
section.transaction div.p-0{
    color: #666;
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    border-radius: 3px 3px 0px 0px;
}

section.transaction div.p-0 {
    border-bottom: 1px solid #ddd;
}

section.orden_pago{
    padding: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
}

section.orden_pago table .btn {
    padding: 3px 12px;
}

section.orden_pago table {
    display: inline-table;
    margin-top: 15px;
    margin-bottom: 5px;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    order: 2;
}

section.orden_pago table + center{
    order:3;
}

section.orden_pago .paginador_registro {
    position: relative;
    top: 0px;
    right: 15px;
    margin-bottom: -18px;
    text-align: right !important;
    order: 1;
}

section.orden_pago label{
    margin-top: 14px;
}

.resume-toggle i{
    margin-top: 1em;
}

.resume-i {
    position: absolute;
    right: 10px;
    top: 6px;
    color: #666;
    cursor: pointer;
}

.descarga_documento {
    text-align: center;
    margin-top: 50px;
}

.all-banks{
    border: 1px solid blue;
    height: auto;
}

.pagado{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px 12px;
}

.pay{
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    background-color: #e2f2fb;
    color: #0064A8;
    font-weight: bold;
    padding: 0.7em 0;
    /*background: -moz-linear-gradient(top, rgba(16,129,170,1) 0%, rgba(40,78,102,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,129,170,1)), color-stop(100%, rgba(40,78,102,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(16,129,170,1) 0%, rgba(40,78,102,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(16,129,170,1) 0%, rgba(40,78,102,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(16,129,170,1) 0%, rgba(40,78,102,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(16,129,170,1) 0%, rgba(40,78,102,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1081aa', endColorstr='#284e66', GradientType=0 );*/
}
.pay-div .btn-default{
    padding: 0.7em 0;
}

div.div-bank div.col-8, div.div-bank div.col-7 {
    float: left;
}

div.div-bank div.col-4, div.div-bank div.col-5{
    float: right;
}

.all-banks div {
    width: 25%;
    border: 1px solid red;
    float: left;
}

button{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));*/
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );
    border: 0.04em solid #cacaca;
    border-radius: 0.2em;
    outline: none;
    text-align: left;
}

.div-bank{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));*/
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );
    border: 0.04em solid #cacaca;
    border-radius: 0.2em;
    outline: none;
    text-align: left;
    margin-bottom: 1.3em;
}

i.search-icon{
    color: white;
}

.input-folio{
    border: none;
    border-bottom: 0.1em solid white;
    outline: none;
}

button.submit-search{
    background: none;
    border: none;
    outline: none;
}

/* .btn-group > .btn:first-child {
    width: 140% !important;
} */

/* .btn-group > .btn:first-child:hover{
    border: 0.04em solid #cacaca;
    z-index: 0;
} */

.btn-group-vertical > .btn:hover{
    border: 0.04em solid #cacaca;
}

.btn-group-vertical{
    height: 10em;
}

.btn:focus, .btn:active{
    box-shadow: none;
    outline: none;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 0 !important;
}

.btn-secondary:first-child:not(:disabled):not(.disabled):active, .btn-secondary:first-child:not(:disabled):not(.disabled).active{
    border: 0.04em solid #cacaca;
    z-index: 0 !important;
}

.btn-secondary:last-child:not(:disabled):not(.disabled):active, .btn-secondary:last-child:not(:disabled):not(.disabled).active{
    border: 0.04em solid #cacaca;
    border-left: 0;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus{
    box-shadow: none;
}

.btn_spei{
    margin: 0 auto;
}

.b_spei{
    height: 75px;
    width: 227px !important;
}

ul.navbar-nav li a,
ul.navbar-nav li a:visited,
ul.navbar-nav li a:active{
    color: #333 ;
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.navbar-header ul.navbar-nav li.menu_bienvenida a.navbarDropdownMenuLink{
    padding: 0px 0px 0px 0px !important;
}
.dropdown-menu li a{
    padding: 10px 20px 10px 20px !important;
}


.navbar-header li  a .caret {
    margin-top: -23px;
    border-top-color: #F5F7FA;
    border-bottom-color: #F5F7FA;
}

.bienvenida_usuario{
    position: absolute;
    right: 20px;
    font-size: 12px;
    margin-top: 2px;
}

.nombre_usuario {
    width: max-content;
    top: -1px;
    position: relative;
    font-weight: 600;
}

.maletin{
    width: 25px;
    font-size: 24px;
    color: #2c3338;
}

.carrito_icono {
    margin-top: 11px;
}

.cuadro_nombre_usuario {
    background-color: #43B4E4;
    color: #FFF;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 7px;
    margin-left: 7px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 100%;
}

ul.dropdown-menu li a:hover {
    color: #2c3338 !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: transparent !important;
}

.quitar-border{
    border-right: 1px solid white;
}

.borde_tabla {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 15px;
}

.borde_tabla table:first-child {
    margin: 15px 8px;
    width: calc( 100% - 8px);
    background: #fff;
}

.borde_tabla table:last-child {
    margin-bottom: 0px;
}

.borde_tabla table tbody tr:nth-of-type(odd){
    background-color: #fff;
}

li.active{
    background-color: rgba(188, 149, 92, 0.2) !important;
}
a.active{
    background-color: rgba(188, 149, 92, 0.2) !important;
}
.li{
    background-color: #d3d3d3;
}

/* li.active a{
    border: none !important;
} */

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #43B4E4;
    border-color: #43B4E4;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 4px 10px;
    border-radius: 0px !important;
    margin-left: 2px;
    line-height: 1.42857143;
    color: #969696;
    text-decoration: none;
    background-color: #ccc;
    border: 1px solid #ddd;
    font-weight: 600;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #43B4E4;
    border-color: #43B4E4;
}

.header-mobile{
    display: none;
}

.header-mobile-form{
    display: none;
}

.folio-form-mobile{
    width: 97%;
    margin-top: 1em;
    border-radius: 17px;
    background-color: rgba(0,0,0,0.2) !important;
    margin-left: 1em;
    text-align: left;
}

.input-folio-mobile{
    height: 2.5em;
    padding: 1px 0.5em;
    background: transparent;
    border-bottom: none;
    width: 80%;
}

#toggler{
    display: none;
}

#togglerSearch{
    display: none;
}

.theLastLink{
    border-right: none !important;
}
.navbar-collapse{
    justify-content: center !important;
}
.section-bottom{
    margin: 0 0 1em 0;
    background-color: white;
}

.section-bottom div{
    margin-top: 3em;
    margin-bottom: -0.5em;
}

/* .total{
    font-size: 0.6em;
    text-transform: uppercase;
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center;
} */

tr.active-collapsible td, tr.total-table td{
    color: #444;
    font-weight: bold;
    line-height: 1.1em;
}

tr.raya_tabla {
    border-bottom: 1px solid #cccccc;
}

tr.total-table td{
    color: #282828;
}

.trans-container{
    margin-left: 8px;
    margin-right: 8px;
}

.checkout-details {
    overflow-y: overlay;
}

.checkout-details::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
}

.img-spei{
    width: 100px !important;
}

.img-small{
    width: 50% !important;
    /*padding: 0.5em;*/
}

.img-banks{
    width: 83% !important;
}

.img-service{
    width: 100% !important;
    margin-left: 2em !important;
}

.img-large{
    width: 50% !important;
    margin-left: 2em !important;
}

.btn-generar{
    font-weight: bold;
    height: 3em;
    font-size: 1em;
    color: #4d4d4d;
}

.icono{
    padding: 0px 30px;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #2085b0;
    background-color: #545b62;
    border: 1px solid #cacaca !important;

}
.motordemo .btn-secondary:not(:disabled):not(.disabled):active,
.motordemo .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #2085b0;
    background-color: transparent !important;
    border: 1px solid #cacaca !important;

}
#nav-menu{
    display: none;
}

.logo-encabe{
    text-align: left;
    padding: 0px 0px 6px 30px;
    margin-top: -5px;
}



.i-flecha{
    margin-top: 14px !important;
}
/*
td.img-align img {
    padding-right: 80px;
} */

.img-align{
    text-align: center !important;
}

.footer-copyright{
    background-color: #08394A;
    color: white;
    font-size: 0.7em;
    display: flex;
}

.footer-img{
    width: 290px;
    height: auto;
    padding-bottom: 1em;
    padding-top: 1em;
}
.footer-col{
    text-align: center;
    background-color: #2f3a4e;
}
.section-col{
    margin-bottom: 0;
}
.border-col{

}
.p-justify{
    text-align: left;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 18px;
}
h6{
    font-size: 20px;
    text-align: justify;
    padding-bottom: 0.8em;
    color:#ffffff;
}
.fab {
    color:white;
}
.flex-center{
    padding-bottom: 1.5em;
    background-color: #2f3a4e;
}
.icon-padding{
    padding-left: 2.2em;
}
.nav-link{
    font-size: 0.9em;
}
/* .sec-top{
    margin-top: 3.5em;
} */

.item + .item::before{
    padding-right: 0.3rem;
    color: #366790;
}

.campo_estatus{
    margin-bottom: 15px;
    height: 35px;
}

.campo_estatus label{
    margin-top: 8px;
    margin-left: -8px;
}

#menu{
    width: 100%;
    background-color: #d7dcdf;
    cursor: default;
    text-align: center;
    /* display: inline-flex; */
    /* justify-content: space-between; */
}

#menu .item.active:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0px;
    height: 0;
    border-left: 5px;
    border-top: 20px;
    border-bottom: 20px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

#menu .item.active:before {
    content: none;
}


#menu .item.active ~ .item:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: -1px;
    left: 101%;
    width: 0px;
    height: 0;
    border-left: 5px;
    border-top: 22px;
    border-bottom: 22px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

#menu .item.active ~ .item:before {
    content: "";
    position: absolute;
    z-index: 6;
    top: -1px;
    left: 100%;
    width: 0px;
    height: 0;
    border-left: 5px;
    border-top: 22px;
    border-bottom: 22px;
    border-style: solid;
    border-color: transparent transparent transparent #d7dcdf;
}

#menu .item.active ~ .item:last-of-type:before {
    content: none;
}

#menu .item.active ~ .item:last-of-type:after {
    content: none;
}

#menu .item {
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 15px;
    color: #0064A8;
    background-color: #ced9df;
}

#menu .item.active ~ .item{
    color:#666;
    background-color: #d7dcdf;
    border-bottom: 0px ;
}

#menu .item:after {
    content: "";
    position: absolute;
    z-index: 6;
    top: -1px;
    left: 102%;
    width: 0px;
    height: 0;
    border-left: 7px;
    border-top: 21px;
    border-bottom: 21px;
    border-style: solid;
    border-color: transparent transparent transparent #ced9df;
}

/* .item + .item::before {
    display: inline-block;
    padding: 0px 9px;
    color: #6c757d;
} */

#menu li{
    /*border-bottom: 3px solid #a2b07b;*/
    padding-right: 0.5em;
    color:#4d4d4d;
}

#menu .item.active {
    background-color: white;
    padding: 10px 15px 10px 15px;
    border-bottom: none !important;
    color: #2f3a4e;
    cursor: default;
    font-weight: bold;
    /* border-right: 4px solid #0064A8; */
    /* -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg); */
}
#menu .item.active:first-child{
    padding: 10px 10px 10px 10px;
}

#menu .item span{
    cursor: default;
}

#menu .item.active span{
    display: inline-block;
    /* transform: skew(20deg); */
}

/* #menu .item.active::before {
    content: "";
} */

/* #menu .item.active + .item::before {
    content: "";
} */

.social{
    text-align: center !important;
    color: white;
}
.social-border{
    border-right: 1px solid white !important;
}
#main{
    display: flex;
    max-width: 1200px;
    margin: 20px auto 0px;
    width: 100%;
    min-width: 600px;
}
.navbar.navbar-expand-lg{
    height: 55px;
    max-width: 1050px;
    min-width: 1000px;
    margin: 0 auto;
    width: 100%;
}

.p_operativa .navbar.navbar-expand-lg{
    max-width: 1200px;
}

.bg-light{
    background-color: #FFFFFF !important;
}

.bg-light-v1{
    background-color: #0064A8 !important;
}

.navbar-light .navbar-brand{
    margin-left: 4.35em;
}

.quitar-border{
    border-right: 0 !important;
    padding: 0px;
}

.quitar-border i{
    font-size: 33px;
}

.menu-nav{
    justify-content: flex-end !important;
    margin-right: 15px;
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    width: auto;
    float: right;
}

.menu-nav .navbar-nav{
    flex-direction: row !important;
}

.badge-light {
    color: #fff;
    background-color: #ea5445;
    border-radius: 100%;
    padding: 3px 3px;
    position: absolute;
    min-width: 17px;
    font-size: 11px;
    bottom: -5px;
    right: -8px;
    font-weight: 700;
}

.menu_bienvenida{
    position: relative;
    top: 3px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: rgba(0,0,0,0.5);
}

.dropdown-menu {
    position: absolute !important;
    float: left !important;
    top: 40px;
    right: 0px !important;
    left: unset !important;
    z-index: 9999;
}

.logo{

    margin-left: 15px;
    float: left;
    height: 55px;
    margin-top: 5px;
}

.logo img{
    width: 280px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.linea-verde{
    border-bottom: 3px solid #a2b07b;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.resume-toggle.row{
    margin-right: -5px;
    margin-left: -5px;
}

.checkout-container{
    margin-top: 2px;
}

/* estilos para contenedores de tramites */

.id_tramite {
    font-weight: 600;
    padding-top: 5px;
    width: 30%;
    height: 30px;
    float: right;
    text-align: right;
}

.contenedor_tramite {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin: 15px;
    padding: 15px;
}

.titulo_tramite {
    color: #444;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}

.titulo_tramite.factura{
    width: 100%;
}

.boton_tramite {
    position: absolute;
    right: 15px;
    text-align: right;
    top: 44px;
}

.boton_tramite .btn{
    padding: 4px 6px;
}

.boton_tramite div{
    color: #666;
    font-weight: bold;
    text-align: right;
    margin-top: 15px;
    padding-right: 5px;
}

.boton_tramite span {
    width: 65px;
    position: absolute;
    top: 4px;
    left: -35px;
    color: #ea5445;
}

.descripcion_tramite {
    text-align: left;
    font-size: 17px;
    margin-bottom: 10px;
    color: #919191;
    width: 70%;
}

.total_tramite {
    color: #444;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}
.checkbox-false-list {
    color: #2f3a4e;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
}

.contenedor_tramite .titulo_tramite ~ .titulo_tramite {
    margin-top: 15px;
    padding-top: 15px;
    border-top: .5px solid #e7e7e7;
}

.contenedor_tramite.disabled .titulo_tramite,
.contenedor_tramite.disabled .total_tramite,
.contenedor_tramite.disabled .descripcion_tramite{
    opacity: 0.8;
}
.form-horizontal .checkbox, .form-horizontal .radio{
    border-bottom: 1px solid rgba(176, 191, 196, 0.1);
    margin-bottom: 10px;
}
.controls {
    margin-top: 15px;
    margin-bottom: 15px;
}

.campo .controls .help-block {
    /*position: absolute;*/
    top: 55px;
    line-height: 13px;
}
.noAlto{
    overflow: hidden;
    height: 0px;
}
.controls .file-uploader {
    display: inline-block;
}

.content-file input.form-control{
    display: inline-block;
    margin-left: -4px;
    margin-right: -6px;
    width: calc(100% - 209px);
    height: 42px;
    border-radius: 0px;
}

.content-file input.control-completo{
    width: calc(100% - 136px);
    border-radius: 0px 2px 2px 0px;
}

.content-file .file-uploader{
    height: 35px;
    position: relative;
    top: -2px;
}

.content-file .link{
    position: relative;
    top: -2px;
    right: -2px;
}

.content-file .link .btn:first-child{
    border-radius: 0px;
    margin-right: -4px;
}

.content-file .link .btn:last-child{
    border-radius: 0px 4px 4px 0px;
}

.content-file label{
    width: 100%;
}

.content-file .btn{
    padding: 10px 9px;
    border-radius: 4px 0px 0px 4px;
}
.content-file .btn.qq-upload-button{
    padding: 11px 25px;
    border-radius: 2px 0px 0px 2px;
}

.content-file .qq-upload-list{
    position: absolute;
    width: max-content;
    margin: 5px 0px 0px 2px;
}

.content-file .qq-upload-fail{
    display: none;
}

.content-file .qq-upload-fail:last-child{
    display: block;
}

/* fin estilos para contenedores de tramites */

/* estilos para toogle button */

.switch,
label.switch {
    position: relative;
    display: inline-block;
    width: 54px !important;
    height: 26px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #59b5e8;
}

input:checked +  .slider.disabled {
    background-color: #dddddd;
}

input:focus + .slider {
    box-shadow: none;
}

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

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

.slider span {
    position: absolute;
    right: 8px;
    top: 4px;
    font-weight: 500;
    font-size: 12px;
}

/* fin estilos para toogle button */

/* estilos para modal */
.modal-title {
    position: absolute;
    width: 60%;
    text-align: left;
}

.modal p{
    font-size: 0.9em;
    line-height: 0.97em;
    text-align: center;
}

.modal table{
    font-size: 100%;
}

.modal.bd-example-modal-lg tbody tr td {
    border: 1px solid #cacaca;
    height: 3.5em;
    width: 70%;
}

.modal-content {
    border-radius: 2px;
    text-align: left;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15) !important;
}

.modal-backdrop.in {
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-dialog{
    width: 600px;
}

.modal.bd-example-modal-lg .table th, .table td{
    padding: 0;
    vertical-align: middle !important;
    text-align: left;
}

.modal .close {
    font-size: 37px;
}

.modal-footer {
    padding: 15px 0px;
    border-top: none !important;
    clear: both;
    text-align: center;
}

#new-fiscal-data {
    position: absolute;
    right: 80px;
    width: 110px;
    padding: 7px 12px;
}

.list-group-item{
    padding: 10px 0px 10px 0px;
}

#nuevo_rfc_cancel{
    margin-right: 23px;
}

.modal-footer button {

}

.modal-body .form-group{
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.carrito #fdFormSeleccionar .modal-body{
    max-height: 650px;
    overflow: auto;
    margin-bottom: 30px;
}

/* fin de estilos para modal */

/* Estilos para mapa*/

.vertical-pestaña {
    position: absolute;
    margin-top: -14px;
    right: 15px;
    display: inline-flex;
}

.vertical-pestaña .pestaña {
    display: block;
    width: 120px;
    float: right;
    margin-bottom: 10px;
    clear: both;
    padding: 5px;
    margin-left: 5px;
}

/*Fin de estilos para mapa*/


.btn-scaner{
    padding:6px 12px;
    width: 100%;
}

.btn-descarga{
    padding:6px 12px;
    /*width: 100% !important;*/
}

@media screen and (max-width: 1285px) {
    .menu_left{

    }

    body.carrito {
        padding-left: 0px;
    }

    .barra_ocultar{
        width: 250px;
    }

    /* .barra_ocultar img{
        transform: scaleX(-1);
    } */



}



@media screen and (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }

    /* #menu > .item.active:first-child:before {
        left: -18px;
    } */
}

@media screen and (max-width: 1199px) and (min-width:1145px) {
    /* #menu > .item.active:first-child:before {
        left: -6px;
        width: 50%;
    }

    .item + .item::before {
        padding: 0px 3px;
    } */
}

@media screen and (max-width: 1144px) {
    #menu .breadcrumb-item {
        display: inline-block;
        padding: 0px 0px;
    }

    /* .item + .item::before {
        display: inline-block;
        padding: 0px 2px;
        color: #6c757d;
        content: "/";
    }

    #menu > .item.active:first-child:before {
        left: -6px;
        width: 50%;
    } */

    .cont_buscador {
        border: 0px;
        border-radius: 0px;
        width: 400px !important;
    }
}
@media screen and (max-width: 991px) {

    .logo {
        margin: 0 auto;
        float: none;
    }

    .busqueda_texto {
        margin-right: -3px;
    }

    /* #busqueda{
        position: absolute;
    } */

    header {
        position: absolute;
    }

    .container {
        padding-top: 190px;
    }

    .container.cont-footer{
        padding-top: 0px;
    }

    .operativa_container{
        padding-left: 7px;
        padding-right: 7px;
    }

    form.orden_pago {
        margin-top: -120px;
    }

    body.carrito{
        padding-left: 0px;
    }

    .btn-buscar{
        padding:6px 18px;
    }

    .barra_ocultar{
        width: 250px;
    }

    /* .operativa_container .busqueda + .menu_left .barra_ocultar{
        margin-top: 105px !important;
    } */

    /* .barra_ocultar img{
        transform: scaleX(-1);
    } */

    #menu {
        display: none;
    }

    .navbar-nav {
        margin: 0px -15px;
    }

    .display-grid{
        display: grid;
    }

    .sin_padding{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar-nav .open .dropdown-menu{
        background-color: #2f3a4e !important;
    }

    header .header-section {
        display: inline-block !important;
    }

    .nav>li.nav-item{
        display: inline-block !important;
    }

    .cont-tablet {
        width: 100% !important;
        max-width: none;
        flex: none;
    }

    .description-banks {
        /*text-align: center;*/
        font-size: 80%;
    }

    .title {
        font-size: 95%;
    }

    .subtitle {
        font-size: 95%;
    }

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

    .e-banks div {
        text-align: center !important;
        height: 3.9em;
        padding-left: 4px;
        padding-right: 4px;
    }

    /* .dropdown-toggle span{
        display: none;
    } */

    .accion .dropdown-toggle span{
        display: inline-block;
    }

    .btn-secondary p {
        font-size: 0.46em;
    }

    .section-bottom h5 {
        font-size: 1em;
    }

    .img-small {
        width: 50% !important;
    }

    .description-banks {
        padding-left: 0;
        padding-right: 0;
    }

    .credit-cards div button img {
        height: 4em;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
        color: #808080;
        position: absolute;
        width: 100%;
        left: 0;
        top: 45px;
    }

    .header-mobile .activo div{
        color: #2f3a4e !important;
        font-weight: 600;
    }

    .header-mobile .center-align{
        max-width: 770px;
        display: inherit !important;
    }

    .texto_mobil {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .section-bottom div {
        margin-top: 2.5em;
    }

    .btn-generar {
        font-size: 0.85em;
        height: 3.4em;
        width: 200px !important;
    }

    .modal-dialog {
        width: 96%;
    }

    .pay-div {
        position: absolute;
        right: 30px;
        top: 4px;
        width: 260px;
    }

    .pay-div div{
        width: 50%;
    }

    .trans-container > .checkout-button{
        margin-right: -10px;
        margin-left: -10px;
    }

    .checkout-button.row .col{
        padding-right: 10px;
    }

    .checkout-button .btn-default{
        width: 100%;
    }

    #resume {
        padding-bottom: 10px;
    }

    #resume-factura {
        padding-bottom: 10px;
    }

    .order-last {
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        flex: none;
        max-width: none;
        margin-bottom: -50px;
    }

    .order-first{
        -ms-flex-order: 13;
        order: 13;
        flex: none;
        max-width: none;
    }

    section.transaction{
        position: initial;
        width: 100%;
    }

    section.transaction .trans-container .table{
        margin-bottom: 0px;
    }

    .resume-toggle{
        cursor: pointer;
    }

    .carrito3 .contenedor_tramite,
    .carrito2 .contenedor_tramite {
        border: none;
        border-bottom: 1px solid #808080;
    }

    .cont_buscador {
        border: 0px;
        border-radius: 0px;
        width: 300px !important;
    }

    .botones_carrito {
        margin-right: 0px;
        text-align: center;
    }

    .registros{
        display: none;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

}

@media all and (max-width: 767px){

    .salto-md {
        clear: both;
    }

    .caja_resp{
        position: absolute;
        float: none;
        top: 0;
        right: 0;
        margin: 0px !important;
        padding: 0px;
        border-radius: 0px;
        height: 100%;
        min-width: 100%;
        width: 100%;
    }

    .img_resp{
        display: block !important;
    }

    .img_resp img{
        width: 100%;
    }

    .caja_resp form{
        height: 100%;
        border-radius: 0px;
        box-shadow:none;
    }

    .fondo_login{
        background-image: none;
    }

    fieldset:before {
        width: 100%;
        height: 100px;
        background-image: url(../img/fondo_login.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    a.link {
        color: #2c3338;
        text-decoration: none;
    }

    a:hover {
        color: #1a1a1a;
    }
    .fondo_login .form-control {
        padding: 25px 8px;
    }

    .input-group-text {
        padding: 7px 0px 7px 4px;


    }
    img.logo_caja{
        height: 40px;
    }
    .header_caja{
        padding: 5px 0 5px 0;
    }

}

@media all and (max-width: 703px){

    .credit-cards div button img {
        height: 3.5em;
    }

    .img-service {
        width: 59% !important;
        margin-left: 0px ;
    }

    .img-banks{
        width: 65% !important;
    }

    .label_box .rfc_title {
        padding: 3px 35px 5px 10px;
        width: 174px;
    }
}

@media all and (max-width: 632px){

    .container {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 210px;
    }

    form.orden_pago {
        margin-top: -140px;
    }

    .modal-footer button {
        width: 46%;
    }

    .operativa_container{
    }

    .pay-div {
        position: absolute;
        right: 30px;
        top: 4px;
        width: 224px;
    }

    .pay-div div {
        width: 110px;
        display: inline-flex;
    }

}

@media all and (max-width: 575px){

    .credit-cards div button img{
        height: 3.8em;
    }

    .order-last {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-first {
        -ms-flex-order: 13;
        order: 13;
    }
    .container{
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 210px;
    }

    .operativa_container{
    }

    .btn-group > .btn:first-child {
        width: 100% !important;
        height: 2.5em;
    }

    .btn-generar {
        font-size: 0.85em;
        height: 3.8em;
    }

    .logo {
        margin: 0 auto;
        width: 25%;
    }


}

@media all and (max-width: 410px){
    .credit-cards div button img{
        height: 3em;
    }

    .e-banks div button img{
        width: 100%;
    }

    .folio-form-mobile{
        width: 92%;
    }
    .modal-dialog{
        width: 96%;
    }
    section.transaction h4{
        font-size: 1em;
    }
    .btn-generar{
        height: 4em;
    }
}

@media all and (max-width: 366px){
    .credit-cards div button img{
        height: 3em;
    }

    .mb-3{
        width: 300px;
    }
}

.label_box2{
    margin-top:45px;
}

.factura_todo .btn{
    color:#FFFFFF !important;
    width: 300px;
}

.list-group-item-selected{
    position: relative;
    display: block;
    background-color: #fff;
    border:0px solid #FFFFFF !important;
}

/** Carrito*/
.tiene-factura.hidden .mismos-datos.hidden, .tiene-factura.hidden .seleccionar-factura.hidden{
    display: none;
}

.fiscal-data-line3, .fiscal-data-line2 {cursor: pointer;}