@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');

@media screen and (min-width:320px) and  (max-width:459px){

    * {
        margin: 0;
        padding: 0;
        font-family: 'Montserrat', sans-serif;
        --pri: #000;
        --rojo: #ef4550;
        --amarillo: #F0CB34;
        --verde: #26B380;
        --gris: #3e3e3e;
        --fondo: #fff;
        --dorado: #FFC62A;
        --naranja: #f97423;
        --azul: #177EC1;
        background: var(--fondo);
        
    }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
    a:hover, button:hover {
        transform: scale(.9, .9);
        transition: .2s;
        
    }
    a, button {
        transition: .2s;
        cursor: pointer;
        border-radius: 3px;
        display: inline-block;
        border: 0;
    }

    input, select {
        border-radius: 3px;
        border: 1px solid silver;
    }
    h1{
        width: 100%;
        background: 0;
        text-align: center;
        height: auto;
        color: white;
        font-weight: 600;
        color: var(--azul);
        font-size: 7vw;
    }
    body::-webkit-scrollbar {
        width: 8px;
    }
    body::-webkit-scrollbar-thumb {
        background: var(--azul);
        border-radius: 50px;
        
    }

    body::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }
    
    body::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .cargando {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../img/cargando.gif') 50% 50% no-repeat rgba(255, 255, 255, .5);
        background-size: 30%;
    }
    .mod_login{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--pri);
    }
    .mod_login h1{
        top: 50px;
        width: 100%;
        left: 0;
        color: var(--azul);
    }
    .mod_login .panel_login{
        width: 90%;
        margin: auto;
        height: 70vh;
        position: relative;
        margin-top: 15vh;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        padding: 10px;
        box-sizing: border-box;
    }
    .mod_login .panel_login .img_login{
        width: 100%;
        height: 20%;
        position: absolute;
        top: 0;
        box-sizing: border-box;
        padding: 5px;
        background: 0;
        padding-top: 30px;
        left: 0;
    }
    .mod_login .panel_login .img_login img{
        width: 60%;
        margin-left: 20%;
    }
    .mod_login .panel_login .form_login{
        width: 100%;
        height: 80%;
        float: left;
        position: absolute;
        bottom: 0;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        background: 0;
        left: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    .mod_login .panel_login .form_login h2{
        text-align: center;
        margin-bottom: 10px;
    }
    .mod_login .panel_login .form_login .btn_redireccion{
        width: 80%;
        position: fixed;
        right: 10px;
        top: 5px;
        background: white;
        font-weight: 600;
        color: var(--azul);
        font-size: 5vw;
        height: 30px;
        left: 10%;
    }
    .mod_login .panel_login .form_login button{
        width: 100%;
        border-radius: 5px;
        background: var(--pri);
        height: 45px;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
    }
    .mod_login .panel_login .form_login button img{
        background: 0;
        height: 70%;
    }
    .mod_login .panel_login .form_login input{
        width: 100%;
        border-radius: 5px;
        background: 0;
        height: 45px;
        border: 1px solid silver;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        margin-bottom: 10px;
        font-size: 15px;
        padding-left: 10px;
        letter-spacing: 1;
        color: var(--negro);
        font-weight: 600;
    }
    .mod_login .derechos_autor_index{
        width: 100%;
        height: 70px;
        font-size: 20px;
        background: 0;
        text-align: center;
        position: absolute;
        bottom: 0px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_login .derechos_autor_index p{
        width: 100%;
        text-align: center;
        background: 0;
        color: white;
        font-size: 4vw;
    }
    .mod_login .derechos_autor_index img{
        height: 60%;
        background: 0;
    }
    .cabecera{
        width: 100%;
        height: 50px;
        background: var(--pri);
        position: absolute;
        top: 0;
        padding: 5px;
        box-sizing: border-box;
        z-index: 1;
    }
    .cabecera .logo_cab{
        height: 100%;
        width: 50%;
        float: left;
        text-align: left;
        background: 0;
    }
    .cabecera .logo_cab img{
        background: 0;
        height: 100%;
        aspect-ratio: 3;
        object-fit: contain;
    }
    .cabecera .sesion_cab{
        height: 100%;
        width: 50%;
        float: right;
        text-align: right;
        background: 0;
    }
    .cabecera .sesion_cab p{
        background: 0;
        color: white;
        font-weight: 600;
        font-size: 15px;
    }
    .cabecera .sesion_cab button{
        padding: 5px;
        box-sizing: border-box;
        color: var(--azul);
        height: 25px;
        background: 0;
        font-weight: 600;
    }
    .mod_act_clave .panel_mod_clave{
        width: 50%;
        height: 70vh;
        background: var(--pri);
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        margin: auto;
        margin-top: 15vh;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_act_clave .panel_mod_clave #nom_cad{
        width: 100%;
        border-bottom: 1px solid white;
        font-style: italic;
        color: white;
        background: 0;
        font-size: 15px;
        margin-bottom: 30px;
    }
    .mod_act_clave .panel_mod_clave #nom_usu{
        width: 100%;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        color: white;
        background: 0;
        margin-bottom: 20px;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave{
        background: 0;
        text-align: center;
        position: relative;
        height: 50%;
        margin-top: 15%;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form{
        background: 0;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form label{
        display: inline-block;
        width: 100%;
        background: 0;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form label p{
        font-weight: 600;
        color: white;
        background: 0;
        text-align: left;
        width: 60%;
        margin: auto;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form label input{
        width: 60%;
        border-radius: 5px;
        background: white;
        height: 40px;
        border: 1px solid silver;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        margin-bottom: 20px;
        font-size: 15px;
        padding-left: 10px;
        letter-spacing: 1;
        color: var(--negro);
        font-weight: 600;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form button{
        width: 60%;
        border-radius: 5px;
        background: var(--naranja);
        height: 40px;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        font-size: 20px;
        color: white;
    }
    .mod_act_clave .panel_mod_clave .form_mod_clave form button img{
        background: 0;
        height: 70%;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .footer{
        width: 100%;
        height: 30px;
        background: var(--pri);
        position: absolute;
        bottom: 0;
        display: none;
    }
    .footer1{
        width: 100%;
        height: 30px;
        background: var(--pri);
        position: absolute;
        bottom: 0;
        display: none;
    }
    .footer p, .footer1 p{
        background: 0;
        color: white;
        font-size: 4vw;
        width: 100%;
        text-align: center;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .mod_form_os .derechos_autor_cli{
        width: 100%;
        height: 70px;
        font-size: 20px;
        background: 0;
        text-align: center;
        position: absolute;
        bottom: 0px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_form_os .derechos_autor_cli p{
        width: 100%;
        text-align: center;
        background: 0;
        color: white;
        font-size: 15px;
    }
    .mod_form_os .derechos_autor_cli img{
        height: 70%;
        background: 0;
    }
    .cabecera_cli{
        width: 100%;
        height: 50px;
        background: var(--pri);
        position: absolute;
        top: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .cabecera_cli .img_cab_cli{
        height: 100%;
        width: 25%;
        float: left;
        text-align: left;
        background: 0;
    }
    .cabecera_cli .img_cab_cli img{
        background: 0;
        height: 100%;
        aspect-ratio: 3;
        object-fit: contain;
    }
    .cabecera_cli .fecha_de_hoy{
        height: 100%;
        width: 25%;
        float: right;
        text-align: right;
        background: 0;
    }
    .cabecera_cli .fecha_de_hoy p{
        background: 0;
        color: white;
        font-weight: 600;
        font-size: 15px;
    }
    #espacio_cab{
        width: 100%;
        height: 50px;
    }
    .mod_form_os{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        margin-bottom: 100px;
        height: auto;
    }
    .mod_form_os h1{
        overflow: hidden;
        height: auto;
    }
    .mod_form_os .panel_form_os{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .mod_form_os .panel_form_os #obligatorios{
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        width: 95%;
        margin: auto;
        padding: 3px;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 5px;
    }
    .mod_form_os .panel_form_os .datos_1{
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
        border-top: 1px solid grey;
    }
    .mod_form_os .panel_form_os .datos_1 h3{
        width: 100%;
        text-align: center;
        font-weight: 600;
       
    }
    .mod_form_os .panel_form_os .datos_1 .label1{
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 label{
        display: inline-block;
        background: silver;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 p, .mod_form_os .panel_form_os .datos_1 .label2 p{
        font-size: 4vw;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_1, .mod_form_os .panel_form_os .datos_1 .label1 #label_2, .mod_form_os .panel_form_os .datos_1 .label1 #label_3{
        display: inline-block;
        width: 19%;
        text-align: center;
        height: 25px;
        border-radius: 5px;
        color: white;
        font-size: 20px;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        cursor: pointer;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_4{
        display: inline-block;
        width: 39%;
        text-align: center;
        height: 25px;
        border-radius: 5px;
        color: white;
        font-size: 20px;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        cursor: pointer;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_4 input{
        height: 20px;
        font-size: 13px;
        background: 0;
        color: white;
        border-bottom: 1px solid white;
        text-align: center;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_4 input::placeholder{
        color: white;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 input[type="radio"]:checked + label{
        background: var(--pri);
    }
    .mod_form_os .panel_form_os .datos_1 #label2{
        width: 48%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_form_os .panel_form_os .label2{
        width: 49%;
        float: left;
        display: inline-block;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_form_os .panel_form_os .label2 input, .mod_form_os .panel_form_os .label2 select{
        width: 100%;
        height: 35px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 4vw;
        color: black;
    }
    .mod_form_os .panel_form_os .datos_1 p{
        font-weight: 600;
    }
    .mod_form_os .panel_form_os .datos_1 b{
        font-weight: 600;
        color: var(--rojo);
        font-size: 18px;
    }
    .mod_form_os .panel_form_os .label2 .caja_select2, .mod_form_os .panel_form_os .label1 .caja_select2{
        height: 35px;
        text-align: left;
        text-align-last: left;
        font-size: 15px;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #dir_cli, .mod_form_os .panel_form_os .datos_1 .label1 #fallarep_pro, .mod_form_os .panel_form_os .datos_1 .label1 #numfac_pro, .mod_form_os .panel_form_os .datos_1 .label1 #nomcon_cad, .mod_form_os .panel_form_os .datos_1 .label1 #odspdv_os, .mod_form_os .panel_form_os .datos_1 .label1 #nomcon_cad1, .mod_form_os .panel_form_os .datos_1 .label1 #odspdv_os1{
        width: 100%;
        height: 35px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 15px;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 textarea{
        width: 100%;
        height: 50px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 12px;
        resize: none;
        overflow: hidden;
    }
    .mod_form_os .panel_form_os .label2 h5{
        font-size: 12px;
        text-decoration: underline;
        height: 30px;
    }
    .mod_form_os .panel_form_os .datos_button{
        width: 100%;
        border-top: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        float: left;
    }
    .mod_form_os .panel_form_os .datos_button input[type="checkbox"]{
        height: 25px;
        width: 10%;
        cursor: pointer;
        float: left;
        margin-right: 10px;
    }
    .mod_form_os .panel_form_os .datos_button label{
        display: inline-block;
        float: left;
        width: 85%;
        font-size: 4vw;
        
    }
    .mod_form_os .panel_form_os .datos_button .label_check_politica{
        background: silver;
        height: auto;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
        margin-bottom: 5px;
    }
    .mod_form_os .panel_form_os .datos_button .label_ver_politica{
        height: auto;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
        width: 100%;
        float: left;
        background: 0;
        font-weight: 600;
        text-decoration: underline;
        color: var(--pri);
        text-align: center;
        margin-bottom: 20px;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 input[type="file"]{
        width: 100%;
        padding: 5px;
        border: 1px solid var(--azul);
        border-radius: 5px;
        height: 40px;
        font-size: 18px;
    }
    .mod_form_os .panel_form_os .datos_button .caja_politicas{
        position: fixed;
        right: 2.5%;
        top: 60;
        background: var(--azul);
        border-radius: 5px;
        width: 95%;
        padding: 5px;
        box-sizing: border-box;
        height: 50vh;
        overflow: auto;
    }
    .mod_form_os .panel_form_os .datos_button .caja_politicas h2{
        background: 0;
        color: white;
        font-size: 20px;
        text-align: left;
        width: 85%;
        float: left;
        height: 25px;
    }
    .mod_form_os .panel_form_os .datos_button .caja_politicas p{
        background: 0;
        color: white;
        text-align: justify;
        font-size: 14px;
        border-top: 1px solid white;
        float: left;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    .mod_form_os .panel_form_os .datos_button .caja_politicas #label_cerr{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        font-size: 20px;
        text-align: center;
        height: 25px;
        font-weight: 600;
        border-radius: 5px;
        border: 0;
        cursor: pointer;
    }
    .mod_form_os .panel_form_os .datos_button #btn_guardar_os{
        width: 100%;
        background: var(--verde);
        font-size: 20px;
        height: 50px;
        color: white;
        margin: auto;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        font-weight: 600;
        margin-bottom: 0px;
    }
    .mod_form_os .panel_form_os .datos_button #btn_guardar_os img{
        height: 60%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .mod_form_os .panel_form_os .datos_2{
        width: 100%;
        overflow: hidden;
        width: 100%;
    }
    .mod_form_os .panel_form_os .datos_2 #adjuntos{
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        width: 90%;
        margin: auto;
        padding: 3px;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 5px;
    }
    .mod_form_os .panel_form_os .datos_2 .info_os{
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid grey;
    }
    .mod_form_os .panel_form_os .datos_2 .info_os label{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        font-size: 3.5vw;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos{
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos label{
        width: 100%;
        display: inline-block;
        border-bottom: 1px dashed silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos label p{
        width: 100%;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos label input{
        width: 79%;
        padding: 5px;
        border: 1px solid var(--azul);
        border-radius: 5px;
        font-size: 20px;
        float: left;
        margin-right: 1%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos label button{
        width: 20%;
        height: 40px;
        background: var(--azul);
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos label button img{
        background: 0;
        height: 70%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos{
        width: 100%;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos{
        width: 100%;
        text-align: center;
        overflow: auto;
        font-size: 3vw;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos th{
        font-weight: 600;
        background: var(--pri);
        padding: 4px;
        color: white;
        border-radius: 5px;
        
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos td{
        border-bottom: 1px solid silver;
        padding: 3px;
        background: 0;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos #td1{
        width: 15%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos #td2{
        width: 75%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos #td3{
        width: 10%;
        background: 0;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos tr{
        background: 0;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos tr:hover{
        background: grey;
        color: white;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos .img_pro{
        width: 100%;
        aspect-ratio: 3/2;
        object-fit: contain;
        height: 30px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        padding: 2px;
        box-sizing: border-box;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos button{
        width: 30px;
        height: 30px;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
    }
    
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos button img{
        background: 0;
        height: 100%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos #btn_generar_os{
        width: 100%;
        height: 40px;
        color: white;
        font-size: 5vw;
        background: var(--verde);
        font-weight: 600;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos #btn_generar_os img{
        margin-bottom: -5px;
        margin-left: 5px;
        height: 90%;
    }
    .btn_volver{
        position: absolute;
        left: 10%;
        top: 50px;
        width: 30px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: 0;
        z-index: 9
    }
    .btn_volver img{
        background: 0;
        height: 100%;
    }
    .mod_menu_cadena{
        width: 100%;
        position: fixed;
        left: 0;
        padding: 5px;
        box-sizing: border-box;
        height: 8vh;
        bottom: 0px;
        background: 0;
        overflow: auto;
        border-right: 1px solid silver;
        z-index: 9;
    }
    .mod_menu_cadena .caja_menu, .mod_menu_cadena .caja_menu .btns_menu{
        background: 0;
    }
    .mod_menu_cadena .espacio{
        width: 100%;
        height: 0px;
        float: left;
        background: 0;
    }
    .mod_menu_cadena .caja_menu{
        width: 100%;
        text-align: center;
        height: 100%;
        float: left;
    }
    .mod_menu_cadena .caja_menu .btns_menu{
        width: 100%;
        text-align: center;
        height: 100%;
        float: left;
    }
    .mod_menu_cadena .caja_menu .btns_menu button{
        width: 19%;
        height: 100%;
        background: var(--azul);
        font-size: 3vw;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
        -webkit-box-shadow: 0px 2px 13px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 13px -8px rgba(0,0,0,0.75);
box-shadow: 0px 2px 13px -8px rgba(0,0,0,0.75);
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        position: relative;
    }
    .mod_menu_cadena .caja_menu .btns_menu button p{
        background: 0;
        width: 100%;
        color: white;
        height: 40%;
        position: absolute;
        bottom: 5;
        left: 0;
    }
    .mod_menu_cadena .caja_menu .btns_menu button img{
        background: 0;
        height: 40%;
        width: 100%;
        aspect-ratio: 3/2;
        object-fit: contain;
        position: absolute;
        top: 5;
        left: 0;
    }
    .mod_consultar_os{
        width: 100%;
        height: auto;
        overflow: auto;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_consultar_os h1{
        width: 100%;
        height: auto;
    }
    .mod_consultar_os .espacio{
        width: 100%;
        height: 50px;
        float: left;
        background: 0;
    }
    .mod_consultar_os .filtro_busqueda{
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
        height: auto;
        float: left;
    }
    .mod_consultar_os .filtro_busqueda h3{
        margin-bottom: 5px;
    }
    .mod_consultar_os .filtro_busqueda label{
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        margin-bottom: 5px;
        height: 50px;
    }
    .mod_consultar_os .filtro_busqueda label p{
        background: 0;
        width: 100%;
        font-weight: 600;
        font-size: 3vw;
    }
    .mod_consultar_os .filtro_busqueda label input, .mod_consultar_os .filtro_busqueda label select{
        width: 100%;
        height: 35px;
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 3.5vw;
        
    }
    .mod_consultar_os .filtro_busqueda #btn_buscar{
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }
    .mod_consultar_os .filtro_busqueda #btn_buscar .btn_buscar{
        width: 100%;
        height: 35px;
        background: var(--azul);
        padding: 5px;
    }
    .mod_consultar_os .filtro_busqueda #btn_buscar .btn_buscar img{
        height: 100%;
        background: 0;
    }
    .mod_consultar_os .filtro_busqueda label .caja_select2{
        height: 35px;
        text-align: left;
        text-align-last: left;
        font-size: 15px;
        background: 0;
    }
    .mod_consultar_os .filtro_busqueda .btn_busqueda_avanzada{
        width: auto;
        background: var(--amarillo);
        margin-left: .5%;
        font-weight: 600;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_consultar_os .filtro_busqueda .busqueda_avanzada{
        border-top: 1px solid silver;
        margin-top: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_consultar_os .caja_datos{
        width: 100%;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        text-align: center;
        overflow: auto;
        margin-bottom: 50px;
    }
    .mod_consultar_os .caja_datos .no_hay_datos{
        width: 100%;
        margin-top: 10px;
        font-weight: 600;
        font-size: 4vw;
        background: 0;
        text-align: center;
    }
    .mod_consultar_os .caja_datos .tab_datos{
        width: 100%;
        height: auto;
        border-collapse: collapse;
        margin: auto;
        text-align: center;
        font-size: 3vw;
        font-weight: 600;
        margin-bottom: 30px;
        overflow: auto;
    }
    .mod_consultar_os .caja_datos .tab_datos form{
        background: 0;
    }
    .mod_consultar_os .caja_datos .tab_datos th{
        padding: 4px;
        background: var(--azul);
        color: white;
        border: 1px solid var(--azul);
    }
    .mod_consultar_os .caja_datos .tab_datos td{
        background: 0;
        padding: 3px;
        border: 1px solid var(--azul);
    }
    .mod_consultar_os .caja_datos .tab_datos tr{
        background: 0;
    }
    .mod_consultar_os .caja_datos .tab_datos tr:hover{
        background: var(--pri);
        color: white;
        font-weight: 600;
    }
    .mod_consultar_os .caja_datos .tab_datos td #estado_os{
        padding: 3px;
        box-sizing: border-box;
        border-radius: 50px;
        font-size: 3vw;
        -webkit-box-shadow: 0px 2px 21px -13px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 21px -13px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 21px -13px rgba(0,0,0,0.75);
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas{
        position: fixed;
        background: #000;
        padding: 5px;
        width: 95%;
        height: 50vh;
        -webkit-box-shadow: 0px 2px 38px -13px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 38px -13px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 38px -13px rgba(0,0,0,0.75);
        left: 2.5%;
        border-radius: 5px;
        box-sizing: border-box;
        bottom: 10%;
        overflow: auto;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas h2{
        background: 0;
        color: white;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas button{
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        height: 35px;
        font-size: 18px;
        font-weight: 600;
        background: var(--naranja);
        color: white;
        padding: 5px;
        padding-left: 10px;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas button img{
        height: 100%;
        float: right;
        background: 0;
        margin-right: 10px;
    }
    .mod_consultar_os .caja_datos .tab_datos td .btn_ver_mas, .mod_consultar_os .caja_datos .tab_datos td .btn_nover_mas{
        width: 35px;
        height: 35px;
        background: #000;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 100vmax;
        
    }
    .mod_consultar_os .caja_datos .tab_datos td .btn_nover_mas{
        display: none;
        background: var(--rojo);
        color: white;
        font-size: 20px;
        font-weight: 600;
    }
    .mod_consultar_os .caja_datos .tab_datos td .btn_ver_mas img, .mod_consultar_os .caja_datos .tab_datos td .btn_nover_mas img{
        height: 100%;
        background: 0;
        width: 100%;
    }
    .mod_login .panel_login #btn_login_csa{
        width: auto;
        position: absolute;
        bottom: 10px;
        background: var(--naranja);
        color: white;
        padding: 5px 10px 5px 10px;
        left: 10px;
        font-size: 20px;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion{
        width: 100%;
        text-align: center;
        background: 0;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid silver;
        margin-bottom: 5px;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia form, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion form{
        background: 0;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia h3, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion h3{
        background: 0;
        color: white;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia form input, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion form input{
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
        font-size: 20px;
        text-align: center;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia form button, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion form button{
        background: var(--verde);
        text-align: center;
    }
    .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_guia form button img, .mod_consultar_os .caja_datos .tab_datos td .caja_ver_mas .caja_fecha_recepcion form button img{
        float: none;
    }
    .mod_consultar_os .caja_datos .caja_formulario{
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
        height: 75%;
        overflow: auto;
        border-right: 1px dashed silver;
        float: left;
    }
    .mod_consultar_os .caja_datos .caja_formulario::-webkit-scrollbar, .mod_consultar_os .caja_datos .caja_adjuntos::-webkit-scrollbar {
        width: 8px;
    }
    .mod_consultar_os .caja_datos .caja_formulario::-webkit-scrollbar-thumb, .mod_consultar_os .caja_datos .caja_adjuntos::-webkit-scrollbar-thumb {
        background: var(--azul);
        border-radius: 50px;
        
    }

    .mod_consultar_os .caja_datos .caja_formulario::-webkit-scrollbar-thumb-thumb:active, .mod_consultar_os .caja_datos .caja_adjuntos::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }
    
    .mod_consultar_os .caja_datos .caja_formulario::-webkit-scrollbar-track, .mod_consultar_os .caja_datos .caja_adjuntos::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .mod_consultar_os .caja_datos .caja_formulario label{
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 5px;        
    }
    .mod_consultar_os .caja_datos .caja_formulario label p{
        width: 100%;
        text-align: left;
        font-size: 1.2vw;
        font-weight: 600;
    }
    .mod_consultar_os .caja_datos .caja_formulario label textarea{
        width: 100%;
        height: 120px;
        border-radius: 5px;
        border: 1px solid grey;
        overflow: hidden;
        resize: none;
        padding: 5px;
        box-sizing: border-box;
        font-size: 1vw;
        text-align: justify;
    }
    .mod_consultar_os .caja_datos .caja_formulario label input, .mod_consultar_os .caja_datos .caja_formulario label select{
        width: 100%;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid grey;
        border-radius: 5px;
        font-size: 1vw;
    }
    .mod_consultar_os .caja_datos .caja_formulario #btn_diag_os{
        width: 98%;
        background: var(--verde);
        font-size: 20px;
        height: 40px;
        color: white;
        margin: auto;
        -webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
        font-weight: 600;
        position: absolute;
        left: 1%;
        bottom: 50;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_repuestos, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj{
        width: 100%;
        height: 50%;
        overflow: auto;
        border-bottom: 1px dashed silver;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos{
        width: 49%;
        float: left;
        height: 100px;
        padding: 5px;
        box-sizing: border-box;
        height: 75%;
        overflow: auto;
        
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep, .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep p, .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj p{
        font-size: 1.2vw;
        font-weight: 600;
        text-align: left;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep input, .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj input{
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 1vw;
        border: 1px solid grey;
        border-radius: 5px;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj input[type="file"]{
        width: 89%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep input[type="text"]{
        width: 29.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep input[type="number"]{
        width: 14.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep button[type="submit"], .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj button[type="submit"]{
        width: 10%;
        float: left;
        background: var(--verde);
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_rep button[type="submit"] img, .mod_consultar_os .caja_datos .caja_adjuntos .caja_add_adj button[type="submit"] img{
        background: 0;
        height: 60%;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os{
        width: 100%;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os table, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os table th, .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os table td, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table th, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table td{
        padding: 2px;
        border: 1px solid grey;
        
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os table #btn_eli, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table #btn_eli{
        width: 30px;
        height: 30px;
        
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_rep_os table #btn_eli img, .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table #btn_eli img{
        height: 100%;
        background: 0;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table #btn_des_adj{
        width: 100%;
        height: 30px;
        background: var(--naranja);
        font-size: 1vw;
        color: white;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_consultar_os .caja_datos .caja_adjuntos .caja_adj_os table #btn_des_adj img{
        height: 100%;
        background: 0;
        margin-left: 20px;
    }
    .mod_consultar_os .caja_datos .caja_formulario .col2{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .caja_menu_gestion{
        position: fixed;
        left: 0%;
        background: var(--pri);
        height: 50vh;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        z-index: 99999;
        width: 100%;
         -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        overflow-y: auto;
        top: 60;
    }
    .caja_menu_gestion::-webkit-scrollbar {
        width: 5px;
    }
    .caja_menu_gestion::-webkit-scrollbar-thumb {
        background: var(--azul);
        border-radius: 50px;
        
    }

    .caja_menu_gestion::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }
    
    .caja_menu_gestion::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .caja_menu_gestion h2{
        width: 100%;
        background: 0;
        font-size: 5vw;
        color: white;
        margin-bottom: 5px;
    }
    .caja_menu_gestion hr{
        margin-bottom: 5px;
    }
    .caja_menu_gestion h3{
        width: 100%;
        background: 0;
        font-size: 6vw;
    }
    .caja_menu_gestion button{
        width: 100%;
        height: 30px;
        background: var(--azul);
        color: white;
        font-size: 5vw;
        margin-bottom: 5px;
    }
    .caja_menu_gestion .caja_cxc{
        position: fixed;
        width: 95%;
        border: 2px solid var(--azul);
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 36px -10px rgba(0,0,0,0.75);
        padding: 5px;
        box-sizing: border-box;
        left: 2.5%;
        top: 60;
    }
    .caja_menu_gestion .caja_cxc input, .caja_menu_gestion .caja_cxc select{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        font-size: 5vw;
        border: 1px solid grey;
        border-radius: 5px;
    }
    .caja_menu_gestion .caja_cxc label{
        display: inline-block;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 0px;
        
    }
    .caja_menu_gestion .caja_cxc label p{
        font-weight: 600;
        text-align: left;
        font-size: 5vw;
    }
    .caja_menu_gestion .caja_cxc button[type="submit"]{
        padding: 5px;
        box-sizing: border-box;
        font-size: 5vw;
    }
    .caja_menu_gestion .caja_cxc button[type="submit"] img{
        height: 90%;
        background: 0;
        margin-left: 10px;
        margin-bottom: -2px;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #id_tv{
        width: 100%;
        height: 35px;
        padding-left: 10px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 15px;
    }
    @keyframes go-left-right {        /* dale un nombre: "go-left-right" */
    from { 
        transform: scale(1.2,1.2);
        transition: .1s;
        }             /* animar desde la izquierda: 0px */
    to { 
        transition: .1s;
        } /* animar a la izquierda: 100%-50px */
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos .adjuntos_faltantes{
     background: var(--rojo);
        border-radius:5px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
        display: inline-block;
        animation: go-left-right .6s infinite alternate;   
        color: white;
        width: 85%;
    }
    .mod_form_os .panel_form_os .datos_2 .caja_adjuntos .caja_fotos .tab_fotos .adjuntos_faltantes b{
        background: 0;
    }
    .mod_form_os .panel_form_os .datos_2 .btn_eli{
        width: 100%;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        color: white;
        font-size: 5vw;
    }
    .mod_consultar_os .caja_datos .tab_datos #rojo{
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: var(--rojo);
        animation: go-left-right .9s infinite alternate;
    }
    .mod_consultar_os .caja_datos .tab_datos #amarillo{
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: var(--amarillo);
        animation: go-left-right 1s infinite alternate;
    }
    .mod_consultar_os .caja_datos .tab_datos #verde{
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: var(--verde);
        
    }
    
    .info_panel_principal{
        width: 100%;
        height: auto;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 80px;
    }
    .info_panel_principal .cajas{
        height: 25vh;
        width: 100%;
        padding: 5PX;
        box-sizing: border-box;
        border: 1px solid grey;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 5px;
    }
    .info_panel_principal .cajas div{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
   .info_panel_principal .cajas #chart_div {
    width: 100%;
    height: 100%;
    }
    .mod_consultar_os .caja_datos td #est_pen{
        background: var(--rojo);
        color: white;
        border-radius: 50px;
        padding: 3px;
        box-sizing: border-box;
        width: 95%;
    }
    .mod_consultar_os .caja_datos td #est_ok{
        background: var(--verde);
        color: white;
        border-radius: 50px;
        padding: 3px;
        box-sizing: border-box;
        width: 95%;
    }
    .mod_consultar_os .caja_datos .formulario_activar .btn_activar{
        width: 50px;
        height: 50px;
        background: 0;
        box-sizing: border-box;
    }
    .mod_consultar_os .caja_datos .formulario_activar .btn_activar img{
        width: 100%;
        background: 0;
    }
    .mod_consultar_os .caja_datos td input, .mod_consultar_os .caja_datos td select{
        width: 100%;
        height: 40px;
        padding: 3px;
        box-sizing: border-box;
        border: 0;
    }
    .mod_consultar_os .caja_datos td .btn_guardar{
        width: 50px;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        border: 0;
    }
    .mod_consultar_os .caja_datos td .btn_guardar img{
        background: 0;
        height: 100%;
    }
    .mod_consultar_os .caja_datos .logo_fab{
        height: 80px;
        aspect-ratio: 3/2;
        object-fit: contain;
        border-radius: 10px;
    }
    .mod_consultar_os .caja_datos input[type="file"]{
        border: 2px solid black;
        border-radius: 5px;
        color: black;
        background: 0;
    }
    .mod_consultar_os .caja_datos #tit_logo_fab{
        background: 0;
        text-align: left;
    }
    .mod_consultar_os .subt{
        text-align: center;
    }
    .mod_consultar_os .caja_insercion{
        width: 100%;
        height: 45px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        border-bottom: 1px solid silver;
    }
    .mod_consultar_os .caja_insercion #btn_ver_insertar, .mod_consultar_os .caja_insercion #btn_ver_insertar_tf, .mod_consultar_os .caja_insercion #btn_ver_insertar_td{
        width: auto;
        height: 100%;
        background: var(--naranja);
        padding: 5px;
        font-size: 20px;
        color: white;
        text-align: center;
    }
    .mod_consultar_os .caja_insercion #btn_ver_insertar img, .mod_consultar_os .caja_insercion #btn_ver_insertar_tf img, .mod_consultar_os .caja_insercion #btn_ver_insertar_td img{
        height: 100%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos{
        position: fixed;
        margin-top: 10px;
        width: 50%;
        height: auto;
        padding: 5px;
        overflow: hidden;
        background: var(--naranja);
        border-radius: 5px;
        z-index: 9;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form{
        background: 0;
        color: white;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label{
        display: inline-block;
        background: 0;
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: 60px;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label p{
        background: 0;
        color: white;
        font-weight: 600;
        height: 20px;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label .caja_select2{
        height: 35px;
        background: 0;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label input, .mod_consultar_os .caja_insercion .caja_insertar_datos form label select{
        width: 100%;
        height: 35px;
        font-size: 15px;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label #btn_crear, .mod_consultar_os .caja_insercion .caja_insertar_datos form label .btn_crear{
        width: 100%;
        background: var(--verde);
        height: 35px;
        color: white;
        font-size: 20px;
    }
    .mod_consultar_os .caja_insercion .caja_insertar_datos form label #btn_crear img, .mod_consultar_os .caja_insercion .caja_insertar_datos form label .btn_crear img{
        height: 80%;
        background: 0;
    }
    .mod_consultar_os .caja_insercion #caja_insertar_datos_td{
        position: absolute;
        margin-top: 50px;
        width: 50%;
        height: auto;
        padding: 5px;
        overflow: hidden;
        background: var(--naranja);
        border-radius: 5px;
        z-index: 9;
    }
    .mod_consultar_os .caja_insercion #btn_ver_insertar_td{
        float: left;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_numing{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 35px;
        background: 0; 
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_numing select{
        width: 100%;
        height: 100%;
        border-radius: 5px;
        margin-left: 0;
        font-size: 15px;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_nro_ingresos{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 35px;
        background: 0;
    }
    .mod_form_os .panel_form_os .datos_1 .label1 #label_nro_ingresos input{
        width: 100%;
        height: 100%;
        border-radius: 5px;
        margin-left: 0;
        font-size: 15px;
    }
    .caja_datos .btns_expor{
        width: 100%;
        height: 40px;
        overflow: hidden;
        margin-bottom: 5px;
        box-sizing: border-box;
    }
    .caja_datos .btns_expor button{
        height: 100%;
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        margin-right: 5px;
        height: 40px;
    }
    .caja_datos .btns_expor button img{
        height: 100%;
        background: 0;
    }
    .icono_bot{
        display: none;
    }
    .mod_consultar_os .fec_cre input[type="date"]{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
        .mod_consultar_os .caja_datos .tab_datos td #noapro{
        display: inline-block;
        padding: 3px;
        border-radius: 50px;
        background: var(--rojo);
        font-size: 12px;
        color: white;
        box-sizing: border-box;
    }
    .mod_consultar_os .caja_datos .tab_datos td #apro{
        display: inline-block;
        padding: 3px;
        border-radius: 50px;
        background: var(--verde);
        font-size: 12px;
        color: white;
        box-sizing: border-box;
    }
}