@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap'); 
@media screen and (min-width:1024px) and (max-width:2560px){
   input[type="submit"],
button{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}  
    *{    
    margin: 0;
    padding: 0;
    font-family: Abel;
    --pri: #111111;
    --sec: #46a1d5;
    --ter: #ffd556;
    --conf: #1CB636;
    --elim: #ff4343;
    --modi: #ffd556;
    --fondo: #ffffff;
    --naranja: #FA8643;
    background: var(--fondo); 
    }
        body::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }

    body::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    body::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    body::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}
    
    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, button, input[type=submit]{
        transition: .3s;
        border-radius: 3px;
        display: inline-block;
    }
     button:hover, input[type=submit]:hover{
        transform: scale(1.,1.1);
        transition: .3s;
         cursor: pointer;
         display: inline-block;
    }
    a:hover{
        transition: .2s;
         cursor: pointer;
         display: inline-block;
    }
    input, select, textarea{
        border-radius: 3px;
    }
    .cab{
        width: 100%;
        height: 9%;
        background: var(--pri);
        text-align: center;
    }
    .cab #logo{
        background: 0;
        background-image: url(../img/logoallegro.svg);
        width: 10%;
        height: 60px;
        background-size: 100% 100%;
        margin-left: 45%;
        
    }
    .panel_izq{
        width: 15%;
        float: left;
        height: 91%;
        background: var(--pri);
        transition: 1s;
    }
   
    .panel_der{
        width: 85%;
        float: left;
        height: 91%;
        background: 0;
    }
    .panel_izq #btns{
        width: 100%;
        text-align: center;
        font-size: 20px;
        background: 0;
    }
     .panel_izq #btnscel{
        display: none;
    }
    .panel_izq #btns a img{
        width: 40px;
        background: 0;
        float: left;
        
    }
    .panel_izq #btns a{
        display: inline-block;
        width: 90%;
        background: 0;
        color: white;
        margin-top: 15px;
        text-decoration: none;
        box-sizing: border-box;
        
    }
    .panel_izq h1{
        text-align: center;
        background: 0;
        color: white;
        font-size: 30px;
    }
    
    .body{
       width: 100%; 
        overflow: hidden;
    }
    .body #datcli{
        width: 55%;
        height: auto;
        border-right: 1px solid var(--pri);
        margin-bottom: 10px;
        overflow: hidden;
        margin-left: 1%;
        float: left;
    }
    .body #datcli input, .body #datcli select, .body #datadic input, .body #datadic textarea,.body #titproy textarea , #datadic select, #datcli textarea{
        width: 90%;
        height: 30px;
        border: 1px solid grey;
        margin-bottom: 5px;
        margin-left: 5%;
        padding: 5px;
        
    }
    .body #datcli select{
        float: left;
        width: 40%;
    }
    .body label{
        width: 90%;
        margin-left: 5%;
    }

    .body h2{
        font-size: 18px;
        color: var(--pri);
        padding-left: 5px;
    }
    
    .body #datadic{
        width: 40%;
        height: auto;
        
        margin-bottom: 10px;
        overflow: hidden;
        margin-left: 1%;
        float: left;
    }
    .body #datadic textarea{
        height: 50px;
        resize:none
    }
    .body #datadic input[type=submit]{
        background: var(--conf);
        color: white;
        font-size: 30px;
        height: 50px;
        border: 0;
        margin-top: 10px;
    }
    
    .body h1{
        text-align: center;
        color: var(--pri);
    }
    .body p{
        color: var(--elim);
        text-align: center;
    }
    #volver{
        width: 40px;
        display: inline-block;
        position: absolute;
        top: 0px;
        background: 0;
        margin-top: 10px;
        left: 10px;
    }
    #volver img{
        width: 100%;
        background: 0;
    }
        #volvermenu{
        width: 40px;
        display: inline-block;
        position: absolute;
        top: 0px;
        background: 0;
        margin-top: 15px;
        left: 60px;
        border: 0;
    }
    #volvermenu img{
        width: 100%;
        background: 0;
    }
    #cerrarsesion{
        width: 40px;
        display: inline-block;
        position: absolute;
        top: 0px;
        background: 0;
        margin-top: 10px;
        right: 10px;
    }
    #cerrarsesion img{
        width: 100%;
        background: 0;
    }
    #foo{
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 4%;
        background: var(--pri);
    }
    #foo img{
        width: 20px;
        background: 0;
    }
    #foo h3{
        background: 0;
        color: white;
        font-weight: 100;
        text-align:left;
        margin-top: 2px;
        margin-left: 10px;
    }
    
    #dias{
        width: 90%;
        overflow: hidden;
    }
    
   


  
      #btns1{
        width: 100%;
        height: 60px;
        background: var(--pri);
        display: none;
    }
    #btns1 img{
        width: 40px;
        background: 0;
    }
    #btns1 a{
        display: inline-block;
        text-decoration: none;
        float: left;
        width: 9%;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        font-size: 15px;
        background: 0;
        color: white;
        margin-bottom: 5px;
    }
    #tabdat{
       
        text-align: center;
        font-size: 15px;
        background: 0;
        border-collapse: collapse;
        width: 100%;
        margin: auto;
        border: 1px solid var(--sec);
    }
    #tabdat tr:hover{
        font-weight: bold;
    }
    #tabdat td{
        padding: 5;
        border: 1px solid var(--sec);
        background: 0;
    }
    #tabdat th{
    border: 0;
    background: var(--sec);
    color: white; 
        padding: 2px;
    }
    
    main{
        padding: .1em .2em;
        
    }

    #alert{
        text-align: left; 
        font-size:20px; 
    
    }
    #alert img{
        background: 0;
        margin-bottom: -10px;        
    }
    #tabdat b{
        display: none;
    }
        #tabdat #btns a{
        display: inline-block;
        text-align: center;
        transition: .3s;
        border-radius: 5px;
        float: left;
        margin-bottom: 5px;
        padding: 5px;
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        box-sizing: border-box;
        height: 35px;
        
    }
    #tabdat a img{
        background: 0;
        height: 80%;
    }
    #tabdat #elim{
        background: var(--elim);
       
        
    }
    
    #tabdat #elim img{
        margin-left: 6px;
        
    }
    #tabdat #editar{
        background: var(--ter);
        
    }
    #tabdat #cotizar{
        background: var(--conf);
        font-size: 20px;
        text-decoration:none;
        color: white;
        
    }
    .login{
        position: absolute;
        background: var(--pri);
        height: 100%;
        width: 100%;
        top: 0;
    }
    .login #logos{
        width: 60%;
        float: left;
        background: 0;
        height: 100%;
        text-align: center;
    }
    .login #logos img{
        width: 100px;
        background: 0;
        width: 50%;
        left: 35%;
        height: 90%;
        margin-top: 5%;
    }
    .login #log{
        float: left;
        width: 40%;
        background: white;
        height: 100%;
        text-align: center;
    }

    
    .login #log input{
        width: 80%;
        border: 1px solid grey;
        padding: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        
    }
    .login #log #form{
        height: 50%;
        margin-top: 25%;
        
    }
    .login #log #form h1{
        color: var(--pri);
        font-size: 40px;
    }
    .login #log #form p{
        color: var(--elim);
        margin-bottom: 10px;
    }
    .login #log label{
        text-align: left;
        font-size: 25px;
        color: var(--pri);
        font-weight: bolder;
    }
    .login #log input[type=submit]{
        margin-bottom: 0;
        margin-top: 20px;
        background: var(--conf);
        border: 0;
        color: white;
        font-size: 25px;
    }
    #fecha{
        position: absolute;
        top: 5;
        background: 0;
        color: white;
        right: 60px;
        
    }
        #canc{
        width: 90%;
        display: inline-block;
        background: var(--elim);
        text-align: center;
        text-decoration: none;
        color: white;
        margin-left: 5%;
        margin-top: 5px;
        height: 30px;
        font-size: 1.4em;
    }
     .body #datcli1{
        width: 25%;
        height: auto;
        border-left: 1px solid var(--pri);
        margin-bottom: 10px;
        overflow: hidden;
        float: right;
    }
        .datadic1{
        width: 70%;
        height: auto;
        position: absolute;
        right: 30%;  
        bottom: 40px;
        text-align: center;
        border-top: 1px solid var(--pri);
        padding: 5px 0px;
    }
    .body .datadic1 textarea{
        height: 100px;
        resize:none
    }
    .body .datadic1 input[type=submit]{
        background: var(--sec);
        color: white;
        font-size: 25px;
        height: 40px;
        border: 0;
        margin-top: 10px;
        width: 40%;
        margin-left: 0;
    }
       .body #datcli1 input, .body .datadic1 input, .body .datadic1 textarea {
        width: 90%;
        height: 30px;
        border: 1px solid grey;
        margin-bottom: 0px;
        margin-left: 5%;
        padding: 5px;
        
    }
   .body .datadic1 #canc{
        width: 50%;
        display: inline-block;
        background: var(--elim);
        text-align: center;
        text-decoration: none;
        color: white;
        margin-left: 5%;
        margin-top: 5px;
        height: 30px;
        font-size: 1.4em;
    }
    #agrcoti{
        width: 74%;
        text-align: center;
        float: left;
        margin-left: .5%;
        overflow-y: scroll;
      height: 300px;
    }
    #agrcoti::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #agrcoti::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #agrcoti::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #agrcoti::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}
    #agrcoti #productos{
        border: 2px solid var(--ter);
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 12px;
        border-collapse: collapse;
        overflow-y: scroll;
        
    }
    #agrcoti #productos #a{
        width: 10%;
    }
    #agrcoti #productos #a img{
        width: 30px;
    }
    #agrcoti #productos #c{
        width: 5%;
    }
    #agrcoti #productos #d{
        width: 2%;
    }
    #agrcoti #productos b{
        display: none;
    }
    #agrcoti #productos td{
        border-bottom: 1px solid grey;
        padding: 2px;
    }
    #agrcoti #productos button{
        display: inline-block;
        transition: .2s;
        border: 0;
    }
    #agrcoti #productos a{
        background: 0;
    }
    #agrcoti #productos td img{
        width: 20px;
    }
    #agrcoti #tabprod{
        width: 100%;
        margin-bottom: 10px;
    }
    #agrcoti #tabprod input{
        font-size: 15px;
        padding: 2px;
        border: 1px solid grey;
        width: 100%;
        height: 30px;
    }
    #agrcoti #tabprod input[type=file]{
        width: 80%;
        float: right;
        height: 30px;
        
    }
    #agrcoti #tabprod #pfile{
        float: left;
        text-align: center;
        width: 20%;
        color: var(--sec);
        font-weight: bolder;
        height: 30px;
        font-size: 20px;
        box-sizing: border-box;
        padding-top: 2px;
    }
    #agrcoti #tabprod #b{
        width: 100%;
        float: left;
    }
    #agrcoti #tabprod #btnagr{
        width: 100%;
        border: 0;
    }
    #agrcoti #tabprod #btnagr img{
        width: 25px;
    }
    .datadic1 #calculos{
        width: 48%;
        float: left;
    }
    .datadic1 #fp{
        width: 45%;
        float: left;
       
    }
    .datadic1 #calculos input{
        float: right;
        width: 50%;
        margin-bottom: 2px;
        height: 20px;
        padding: 2px;
        border: 0;
        border-bottom: 1px solid var(--sec);
        font-size: 16px;
    }
    .datadic1 #calculos #label{
        float: right;
        width: 30%;
        margin-bottom: 2px;
        cursor: pointer;
        transform: .5s;
        font-size: 15px;
        margin-left: 0;
        height: 25px;
        box-sizing: border-box;
        padding-top: 3px;
        text-align: center;
        border-radius: 3px;
    }
    .datadic1 #calculos input[type=checkbox]{
        display: none;
    }
    .datadic1 #calculos input[type=checkbox]:checked + #label{
        background: var(--sec);
        color: white;
        cursor: pointer;
        transform: .5s;
        
    }
    .datadic1 #calculos #descu{
        float: right;
        width: 19%;
        margin-left: 0;
        margin-right: 1%;
        height: 25px;
        text-align: center;
        font-size: 20px;
        border: 1px solid var(--sec);
    }
    .datadic1 #calculos #tit{
        width: 45%;
        float: right;
        font-size: 15px;
        text-align: right;
      margin-left: 0;
        font-weight: bolder;
        color: var(--sec);
        margin-bottom: 5px;
    }
    .datadic1 #fp input[type=radio]{
        width: 1px;
        float: left;
        margin-left: 0;
        margin-bottom: 0;
    }
    .datadic1 #fp label{
        width: 48%;
        float: left;
        margin-left: 0;
        font-size: 18px;
        transition: .2s;
        cursor: pointer;
        display: inline-block;
    }
    .datadic1 #fp label:hover{
        color: var(--sec);
    }
    .datadic1 #fp input[type=radio]:checked + label{
        background: var(--sec);
        color: white;
        transform:scale(.9,.9);
        cursor: pointer;
        transition: .2s;
        display: inline-block;
    }
    .datadic1 #fp h3{
        color: var(--sec);
    }
    .datadic1 #otrafp{

    }
    #vend{
      width: 48%;
        float: left;
        display: none;
    
    }
    #vend input[type=radio]{
        width: 1px;
        float: left;
        margin-left: 0;
    }
    #vend label{
       float: left;
        font-size: 12px;
        width: 15%;
        margin-left: 0;
        margin-right: 2px;
    }
    #vend h3{
        color: var(--sec)
    }
    
    #pdf{
      width: 70px;
        position: absolute;
        top: 65px;
        left: 20px;
        display: inline-block;
        background: silver;
        color: var(--pri);
        font-size: 30px;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        box-sizing: border-box;
    }
    
    #pdf img{
        width: 100%;
        background: 0;
        float: right;
        box-sizing: border-box;
        padding: 4px;
        background: var(--pri);
        height: 40px;
        border-radius: 5px;
    }
        #pdf1{
      
        background: var(--pri);
    }
    #ped{
        display: inline-block;
        width: 35%;
        text-decoration: none;
        color: white;
        font-size: 25px;
        padding: 5px;
        float: left;
        margin-top: 10px;
        margin-left: 5%;
        background: var(--conf);
        height: 40px;
        box-sizing: border-box;
    }
    .datadic1 #fp #otrafp{
        margin: 0;
        width: 95%;
        padding: 5px;
        border: 1px solid silver;
    }
    #pdfoc{
        background: 0;
        text-decoration: none;
        color: white;
        
    }
       #pprov{
    width: 54.6%;
    float: left;
    border-left: 1px solid grey;
    height: 70%;
    overflow-y:scroll;
        padding: 3px;
           text-align: center;
    }
    #pprov::-webkit-scrollbar, #prodoc::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #pprov::-webkit-scrollbar-thumb, #prodoc::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #pprov::-webkit-scrollbar-thumb-thumb:active, #prodoc::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #pprov::-webkit-scrollbar-track, #prodoc::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}
    #prodoc{
    width: 45%;
    float: left;   
    box-sizing: border-box;
    height: 65%;
    overflow-y:scroll;
    text-align: center;
    padding: 2px;
    }
    #prodoc table{
        margin: auto;
        width: 100%;
        text-align: center;
        border: 2px solid var(--sec);
        border-collapse: collapse;
        font-size: 12px;
        
    }
    #prodoc table th{
        background: var(--sec);
        color: white;
    }
    #prodoc table td{
        padding: 3px;
        border-bottom: 1px solid grey;
    }
    #prodoc table b{
        display: none;
    }
    #pprov{
        width: 50%;
        float: left;
        margin-left: .5%;
        border-left: 1px solid grey;
    }
    #pprov table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    #pprov table b{
        display: none;
    }
    #pprov table td{
        padding: 1px;
        }
    #pprov table img{
        width: 50px;
    }
    #pprov input, #pprov select{
        border: 1px solid grey;
        width: 100%;
        padding: 3px;
        height: 30px;
    }
    #pprov #btnagrprov{
        border: 0;
       background: red;
        float: right;
    }
    #pprov #btnagrprov img{
        width: 30px;
    }
    #pprov table #a{
        width: 20%;
    }
    
    #pprov table #b{
        width: 5%;
    }
    #pprov input[type=checkbox]{
        width: 30%;
        float: left;
        display: none;
        
    }
    #pprov input[type=checkbox]:checked + label{
        background: var(--sec);
        color: white;
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
    }
    #pprov label{
        display: inline-block;
        width: 95%;
        float: left;
        font-size: 15px;
        cursor: pointer;
    }
    #pprov #ivatd{
        width: 8%;
    }
    #pprov #productos{
        border-collapse: collapse;
        border: 2px solid var(--ter);
        margin-top: 5px;
        font-size: 13px;
        background: 0;
    }
    #pprov #productos td{
        padding: 2px;
        border-bottom: 1px solid grey;
    }
    #pprov #productos button{
        width: 20px;
        border: 0;
    }
    #pprov #productos button img{
        width: 100%;
    }
    #pprov #productos #a{
        width: 10%;
    }
    #pprov #productos #b{
        width: 40%;
    }
    #pprov #productos #c{
        width: 20%;
    }
    
    #pprov #productos #alert td{
        text-align: center;
        background-color: var(--elim);
        color: white;
    }
    #ocpdf{
        width: 45%;
        float: left;
        height: 10%;
        margin-top: 2px;
        margin-top: -15px;
        border-top: 1px dashed grey;
        border-right: 1px dashed grey;
    }
    
    #ocpdf p{
        background: 0;
    color: var(--pri);
    }
    
    #btnoc{
     width: 54%;
        float: left;
        height: 7%;
        margin-top: 2px;  
        text-align: center;
    }
    #btnoc #aut, #btnoc #conf{
        width: 45%;
        display: inline-block;
        background: var(--conf);
        color: white;
        height: 100%;
        box-sizing: border-box;
        padding: 5px;
        font-size: 22px;
        text-decoration: none;
        padding-top: 8px;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    #btnoc #aut{
        background: var(--sec);
    }
    #btnoc #conf1{
        width: 50%;
        display: inline-block;
        background: var(--conf);
        color: white;
        height: 100%;
        box-sizing: border-box;
        padding: 5px;
        font-size: 22px;
        text-decoration: none;
        padding-top: 8px;
    }
    
    
    #pdfocs{
        display:inline-block;
        width: 20%;
        background: var(--elim);
        height: 20px;
        text-decoration: none;
        color: white;
        font-size: 13px;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
        padding: 3px;
        border-radius: 5px;
        margin-top: 3px;
        
    }
    #pdfocs img{
        width: 20px;
        background: 0;
        float: right;
        
    }
    
    #bmail{
        width: 100%;
        text-align: center;
        height: 200px;
        background: red;
    }
    
    #ul {
        position: absolute;
        width: 69%;
        top: 200px;
         background: white;
    }
    #ul ul{
        list-style: none;
        background: 0;
    }
    #ul ul li{
        list-style: none;
        font-size: 13px;
        background: var(--elim);
        width: 100%;
        color: white;
        text-align: center;
        cursor: pointer;
        transition: .3s;
        margin-bottom: 2px;
        border-radius: 20px;
    }
    
    #ul ul li:hover{
        background: var(--ter);
        transition: .3s;
    }
    #ul li b{
        background: 0;
        font-weight: bold;
    }
    #ulreq{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }
    #ulreq li{
        list-style: none;
        font-size: 13px;
        background: var(--elim);
        width: 24%;
        color: white;
        text-align: center;
        cursor: pointer;
        transition: .3s;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
    }
    #ulreq li:hover{
        background: var(--ter);
        transition: .3s;
    }
    #ulreq li b{
        background: 0;
        font-weight: bold;
    }
   
    #titproy #cat{
        float: left;
        height: 30px;
        padding: 5px;
        margin-left: 5%;
        width: 30%;
        font-size: 12px;
    }
    #alertfv{
        width: 30px;
        margin-bottom: 2px;
    }
    .celim{
        position: fixed;
        background: white;
        height: 150px;
        width: 250px;
        box-shadow: 0px 0px 5px grey;
        right: 0px;
        top: 60px;
        padding: 20px;
        text-align: center;
        display: none;
        z-index: 100;
    }
    .celim p{
        background: 0;
        font-size: 25px;
        color: var(--pri);
        margin-bottom: 40px;
    }
    .celim a, .celim button{
        width: 40%;
        display: inline-block;
        border: 0;
        height: 40px;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        text-decoration: none;
        color: white;
        font-size: 30px;
    }
    .celim a{
        box-sizing: border-box;
        padding-top: 2px;
        background: var(--elim);
    }
    .celim button{
        background: var(--sec);
    }
    #datcli1 textarea{
        width: 90%;
        height: 50px;
        border: 1px solid grey;
        margin-bottom: 0px;
        margin-left: 5%;
        padding: 5px;
        resize: none;
        
    }
    
    #adjuntos{
        width: 36%;
        float: right;
        margin-right: 5%;
        overflow: hidden;
        height: 150px;
        overflow-y:auto;
    }
    #adjuntos::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #adjuntos::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #adjuntos::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #adjuntos::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}
    #adjuntos img{
        width: 30px;
    }
    #adjuntos button:hover, #adjuntos a:hover{
        transform: scale(.9,.9);
        
    }
    #adjuntos #agradj{
        width: 8%;
        margin-left: 1%;
        border: 0;
        height: 30px;
        float: left;
       background: 0;
        border: 2px dashed var(--pri);
        color: white;
        border-radius: 3px;
        display: inline-block;
        
        }
    #adjuntos #agradj img{
        width: 22px;
        
    }
    #adjuntos a{
        width: 46%;
        background: var(--elim);
        color: white;
        float: left;
        display: inline-block;
        text-decoration: none;
        font-size: 13px;
        padding: 5px 5px 2px 5px;
        border-radius: 3px;
        margin-left: 1%;
        margin-bottom: 5px;
    }
    #adjuntos a:hover{
        transform: scale(1,1);
        background: var(--ter);
    }
    #adjuntos a img{
        width: 20px;
        background: 0;
        float: right;
        padding-bottom: 2px;
    }
    #formadj{
        width: 38%;
        background: rgba(255,255,255,.9);
        height: 200px;
        position: absolute;
        right: 4%;
        top: 230px;
        display: none;
        
    }
    #formadj form{
        background: 0;
        height: 100%;
        text-align: center;
    }
    #formadj input{
        width: 90%;
        background: 0;
        color: white;
        border: 1px solid white;
        margin: auto;
        margin-bottom: 10px;
        padding: 5px;
        font-size: 20px;
    }
    #formadj p{
        background: 0;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #formadj input[type=submit]{
        background: var(--conf);
        border: 0;
    }
    #opcionesoc{
        width: 30%;
        position: absolute;
        height: 85%;
        background: rgba(255,255,255,1);
        left: 0;
        top: 65px;
        overflow-y: auto;
        display: none;
        box-shadow: 0px 0px 5px silver;
        border-radius: 3px;
    }
    #opcionesoc::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #opcionesoc::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #opcionesoc::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #opcionesoc::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}  
    #opcionesoc a{
        width: 90%;
        display: inline-block;
        margin-bottom: 10px;
        border-radius: 3px;
        padding: 5px;
        text-decoration: none;
        color: white;
        background: var(--sec);
    }
    #opcionesoc p{
        background: 0;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #opcionesoc a:hover{
        transform: scale(1,1);
        background: var(--ter);
    }
    #opcionesoc hr{
        margin-bottom: 10px;
        background: grey;
       border: 0;
        height: 1px;
    }
    #abonos{
        position: absolute;
        width: 40%;
        background: rgba(255,255,255,1);
        top: 65px;
        height: 85%;
        overflow: hidden;
        overflow-y: auto;
        display: none;
        left: 5px;
        border-radius: 3px;
        box-shadow: 0px 0px 5px silver;
    }
    #abonos::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #abonos::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #abonos::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #abonos::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}  
    #abonos p{
        font-size: 25px;
        margin-top: 5px;
        margin-bottom: 10px;
        background: 0;
    }
    #abonos button img{
        width: 100%;
        background: 0;
    }
    #abonos button{
        width: 6%;
        border: 0;
        background: 0;
    }
    #abonos form{
        background: 0;
    }
    #abonos input, #abonos select{
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        border: 1px solid white;
        padding: 5px;
        margin-bottom: 5px;
        border: 1px solid silver;
        height: 30px;
    }
    #abonos input[type=file]{
        width: 90%;
        float: left;
    }
    #abonos #formabono{
        overflow: hidden;
        margin-bottom: 10px;
    }
    #histabonos{
        background: 0;
    }
    #tbabonos{
        width: 98%;
        margin: auto;
        color: var(--pri);
        text-align: center;
        border-collapse: collapse;
    }
    #tbabonos th, #tbabonos td{
        padding: 3px;
        color: var(--pri);
        background: 0;
    }
    #tbabonos img{
        width: 20px;
        background: var(--ter);
        padding: 3px;
        border-radius: 3px;
    }
    #tbabonos img:hover{
        background: var(--elim);
    }
    #tbabonos button{
        width: 20px;
    }
    #tbabonos #td11{
        width: 8%;
    }
    #tbabonos th{
        background: var(--sec);
        color: white;
    }
    #tbabonos td{
        border-bottom: 1px solid silver;
    }
    #tbabonos a{
        background: 0;
    }
    #abono{
        width: 36%;
        margin-left: 3%;
        border: 0;
        background: var(--sec);
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        color: white;
    }
    
    #adjuntos1{
        position: absolute;
        width: 30%;
        background: rgba(255,255,255,1);
        top: 65px;
        height: 85%;
        overflow: hidden;
        overflow-y: auto;
        text-align: center;
        display: none;
        box-shadow: 0px 0px 5px silver;
        border-radius: 3px;
        left: 5px;
    }
    #adjuntos1::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #adjuntos1::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #adjuntos1::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #adjuntos1::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}  
    #adjuntos1 form,  #adjuntos1 div{
        background: 0;
    }
    #adjuntos1 p{
        font-size: 20px;
        background: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        
    }
    #adjuntos1 #formadj1{
        width: 98%;
        margin: auto;
        overflow: hidden;
    }
 
    #adjuntos1 #formadj1 input{
        width: 95%;
        margin: auto;
        margin-bottom: 5px;
        padding: 5px;
        height: 30px;
        border: 1px solid silver;
        background: 0;
        
    }
    #adjuntos1 #formadj1 input[type=submit]{
        background: var(--conf);
        border: 0;
        color: white;
        font-size: 15px;
    }
    #docadj1 #tbadj, #docadj2 #tbadj{
        width: 95%;
        margin: auto;
        text-align: center;
        background: 0;
    }
    #docadj1 #tbadj td, #docadj1 #tbadj tr, #docadj1 #tbadj tbody, #docadj2 #tbadj td, #docadj2 #tbadj tr, #docadj2 #tbadj tbody{
        background: 0;
        color: grey;
    }
    #docadj1 #tbadj img, #docadj2 #tbadj img{
        width: 30px;
        background: 0;
    }
    #docadj1 #tbadj a, #docadj2 #tbadj a{
        text-decoration: none;
        width: 100%;
        display: inline-block;
        font-size: 18px;
        text-align: center;
        background: var(--sec);
        color: white;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 3px;
    }
    #docadj2 #tbadj a{
        font-size: 15px;
        box-sizing: border-box;
        padding-top: 6px;
        background: var(--elim);
        
    }
    #docadj1 #tbadj a:hover, #docadj2 #tbadj a:hover{
        background: var(--ter);
        transform: scale(1,1);
    }
    
    #docadj1 #tbadj #a, #docadj2 #tbadj #a{
        width: 90%;
    }
    #docadj1 #tbadj #b, #docadj2 #tbadj #b{
        width: 10%;
    }
    #docadj1 #tbadj #a img, #docadj2 #tbadj #a img{
        float: right;
        width: 20px;
        margin-top: 2px;
    }
    #docadj1 #tbadj #b a, #docadj2 #tbadj #b a{
        border: 0;
        background: 0;
    }
    #docadj1 #tbadj #b a:hover, #docadj2 #tbadj #b a:hover{
    transform: scale(.9,.9);
        transition: .2s;
    }
    #docadj, #cerproy{
        width: 36%;
        margin-left: 3%;
        border: 0;
        background: var(--ter);
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    #cerproy{
        background: var(--elim);
        color: white;
    }
    #la{
        display: none;
    }
    #cierre{
        width: 100%;
        margin: auto;
        text-align: center;
        margin-top: 10px;
        overflow: hidden;
        margin-bottom: 40px;
        height: auto;
    }
    #cierre div{
        width: 23%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        color: var(--pri);
        border-radius: 3px;
        margin-bottom: 10px;
        height: 90px;
        box-shadow: 0px 1px 3px grey;
        overflow: hidden;
    }
    #cierre hr{
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
    }
    #cierre #clientes h2, #cierre #proyectos h2, #cierre #abonos2 h2{
        font-size: 30px;
        line-height: 2;
        background: 0;
    }
    #cierre p{
        font-size: 30px;
        color: var(--pri);
    }
    #cierre div p{
        font-size: 25px;
        background: var(--sec);
        color: white;
        border-radius: 3px 3px 0px 0px;
    }
    #cierre #novedades{
       width: 70%;
        padding: 5px;
        box-sizing: border-box;
        height: 120px;
        margin-bottom: 0;
        float: left;
    }
    #cierre #novedades p{
        background: 0;
        color: var(--pri);
        text-align: left;
    }
    #cierre #abonos2 #p{
        background: 0;
        color: var(--pri);
        font-size: 15px;
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        display: none;
    }
    #cierre #novedades textarea{
        width: 99%;
        border: 0;
        resize: none;
        overflow: hidden;
        font-size: 18px;
        height: 75px;
        border: 1px solid grey;
        border-radius: 3px;
        padding: 5px;
    }
    #cierre a{
        width: 27%;
        display: inline-block;
        background: var(--conf);
        padding: 5px;
        color: white;
        font-size: 30px;
        float: left;
        height: 120px;
        margin-bottom: 20px;
        box-sizing: border-box;
        text-align: center;
    }
    #cierre a img{
        background: 0;
        width:75px;
        
    }
    #cierre a:hover{
        background: var(--sec);
        transform: scale(.9,.9);
    }
    #cierre #concie{
        position: fixed;
        bottom: 25px;
        right: 0;
        width: 30%;
        background: rgba(255,255,255,.9);
        margin-left: 0;
        height: 40%;
        display: none;
    }
    #cierre #concie p{
        background: 0;
        color: var(--pri);
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #cierre #concie input[type=submit]{
        width: 90%;
        background: var(--conf);
        padding: 5px;
        color: white;
        font-size: 30px;
        margin-bottom: 20px;
        border: 0;
    }
    #cierre #concie a{
        background: var(--elim);
        width: 50%;
        float: none;
        height: 50px;
    }
    #cierre #visala{
        width: 98%;
        margin-left: 1%;
        height: auto;
    }
    #cierre #visala table{
        width: 100%;
        text-align: center;
        background: 0;
        border-collapse: collapse;
    }
    #cierre #visala table th{
        background: var(--sec);
        color: white;
        padding: 3px;
        font-weight: 100;
    }
    #cierre #visala table td{
        padding: 3px;
        border-bottom: 1px solid grey;
    }
    #cierre #visala table tr:hover{
        font-weight: bold;
    }
    .panel_der canvas{
       width: 90%;
        height: 100%;
        margin: auto;
    }
    .panel_der #graf1, .panel_der #graf2, .panel_der #graf3, .panel_der #graf4{
        width: 49%;
        text-align: center;
        float: left;
        height: 48%;
        
    }
    .panel_der #graf1 p, .panel_der #graf2 p, .panel_der #graf3 p, .panel_der #graf4 p{
        font-size: 25px;
        color: var(--pri);
        margin-top: 5px;
    }
    .panel_der #graf3 canvas,  .panel_der #graf4 canvas{
     width: 45%;
    }
    .panel_der #graf3{
        margin-left: 1%;
    }
  
    .panel_der #graf1{
       
        margin-left: 1%;
        margin-top: .5%;
    }
    .panel_der div{
        margin-top: .5%;
    }
    #ingser{
       width: 100%;
        margin: auto;
        text-align: center;
        overflow: hidden;
    }
    #ingser input{
        width: 19.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        border: 1px solid silver;
        height: 30px;
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 3px;
    }
    #ingser button{
        width: 4%;
        border: 0;
        box-sizing: border-box;
        margin-top: 5px;
        margin-right: .5%;
    }
    #ingser button img{
        width: 100%;
    }
    #ingser #formser{
        width: 95%;
        float: left;
    }
    #datadic select{
        float: left;
        margin-left: 5%;
        
    }
    #titproy #descri, #titproy #proc{
        width: 55%;
        float: left;
        margin-left: 1%;
    }
    #titproy #cat, #titproy #idproc{
        width: 34%;
        background: grey;
        border: 0;
        color: white;
    }
    #titproy #cat option, #titproy #idproc option{
        color: var(--pri);
    }
    
    #conproy{
     position: absolute;
        top: 65px;
        background: rgba(255,255,255,1);
        width: 50%;
        height: 85%;
        overflow-y: auto;
        display: none;
        box-shadow: 0px 0px 5px grey;
        left: 5px;
        border-radius: 3px;
    }
    #conproy p{
    font-size: 25px;
    background: 0;
    text-align: center;
    }
    #conproy h3{
        background: 0;
        text-align: center;
        color: grey;
        font-weight: 100;
        margin-bottom: 5px;
    }
    #conproy hr{
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
    }
    #conproy table{
        width: 98%;
        margin: auto;
        text-align: center;
        font-size: 15px;
        border-collapse: collapse;
        margin-bottom: 5px;
    }
    #conproy table th{
        background: var(--sec);
        color: white;
        font-weight: 100;
        padding: 3px;
        
    }
    #conproy table td{
        padding: 3px;
        border-bottom: 1px solid silver;
    }
    #conproy table tr:hover{
        font-weight: bold;
    }
    #conproy table td button{
        width: 30px;
        border: 0;
    }
    #conproy table td button img{
        width: 100%;
    }
    #conproy::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #conproy::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #conproy::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #conproy::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}  
    .pintar{
        background: #E6E6E6;
    }
    .cerrproy, .entreproy, .devpedmot{
        width: 45%;
        background: rgba(255,255,255,.95);
        height: 210px;
        position: fixed;
        bottom: 27px;
        right: 0px;
        text-align: center;
        box-shadow: 0px 0px 10px silver;
        border-radius: 3px;
        display: none;
    }
    .cerrproy p, .entreproy p, .devpedmot p{
        background: 0;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cerrproy form, .entreproy form, .devpedmot form{
        background: 0;
        
    }
    .cerrproy textarea, .entreproy textarea, .devpedmot textarea{
        width: 95%;
        text-align: center;
        margin: auto;
        padding: 5px;
        font-size: 15px;
        border: 1px solid silver;
        text-align: left;
        height: 80px;
        resize: none;
        margin-bottom: 10px;
    }
    .cerrproy input, .cerrproy button, .entreproy input, .entreproy button, .devpedmot input, .devpedmot button{
        width: 45%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        padding: 5px;
        background: var(--sec);
        color: white;
        font-size: 20px;
        box-sizing: border-box;
        border: 0;
    }
    .cerrproy button, .entreproy button, .devpedmot button{
        background: var(--elim);
    }
    #prodprov  a{
        width: 25px;
        display: inline-block;
    }
    #prodprov a img{
        width: 100%;
    }
    .cajavistec{
        width: 55%;
        position: absolute;
        height: 85%;
        top: 65px;
        background: white;
        border-radius: 3px;
        box-shadow: 0px 0px 5px grey;
        left: 5px;
        display: none;
    }
    .cajavistec form{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
    }
    .cajavistec form #obser{
        width: 95%;
        padding: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        height: 30px;
    }
    .cajavistec input[type=date], .cajavistec input[type=time]{
        width: 26%;
        float: left;
        margin-left: .5%;
        padding: 5px;
        border: 1px solid silver;
        height: 30px;
    }
    .cajavistec select{
        float: left;
        padding: 5px;
        border: 1px solid silver;
        margin-left: 2.5%;
        width: 35%;
        height: 30px;
    }
    .cajavistec button{
        width: 7%;
        float: left;
        border: 0;
        margin-left: 1%;
    }
    .cajavistec button img{
        width: 100%;
        height: 30px;
    }
    .cajavistec p{
        font-size: 25px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cajavistec table{
        width: 95%;
        text-align: center;
        font-size: 15px;
        border-collapse: collapse;
        margin: auto;
    }
    .cajavistec table td, .cajavistec table th{
        padding: 3px;
    }
    .cajavistec table th{
        background: var(--sec);
        color: white;
        font-weight: 100;
    }
    .cajavistec table td{
        border-bottom: 1px solid silver;
    }
    .cajavistec table tr:hover{
        font-weight: bold;
    }
    .cajavistec table a{
        display: inline-block;
        width: 25px;
    }
    .cajavistec table a img{
        width: 100%;
    }
    #provistec{
        width: 36%;
        margin-left: 3%;
        border: 0;
        background: var(--elim);
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        color: white;
    }
    #loader{
        width: 100%;
        position: absolute;
        top: 60px;
        z-index: 9;
        background: rgba(0,0,0,.9);
        height: 87%;
        display: none;
        }
    #loader img{
        width: 10%;
        background: 0;
        margin-left: 45%;
        height: 23%;
        margin-top: 13.5%;
    }
    #modutec .tabvishoy #th{
        background-color: var(--ter);
        color: var(--pri);
    }
    #modutec .tabvishoy{
        margin-bottom: 10px;
    }
    #modutec hr{
        margin-bottom: 10px;
    }
    #modutec #td1{
        font-size: 25px;
    }
    #modutec .tabvishoy #crerep{
        display: inline-block;
        width: 95%;
        margin: auto;
        background: var(--elim);
        text-decoration: none;
        color: white;
        margin-left: 2.5%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
    }
    #modutec .tabvishoy{
        border: 2px solid var(--ter);
        margin-bottom: 10px;
    }
    #modutec .cod1,  #modutec .cod1 b{
        background: var(--sec);
        color: white;
    }
    .tabvishoy input, .tabvishoy textarea{
        width: 100%;
        border: 1px solid silver;
        padding: 3px;
        resize: none;
        height: auto;
        overflow: auto;
        border-radius: 3px;
    }
    .tabvishoy textarea{
        height: 100px;
    }
    .tabvishoy #btnrept{
        width: 95%;
        margin-left: 2.5%;
        padding: 5px;
        font-size: 20px;
        border: 0;
        background: var(--conf);
        color: white;
    }
    .tabvishoy #td2{
        border: 0;
    }
    #visitas #rep{
       display:inline-block;
        background: var(--ter);
        padding: 3px;
    }
    #visitas #rep img{
        background: 0;
    }
    #pprov1{
    width: 98%;
    float: left;
    height: 70%;
    overflow-y:scroll;
    padding: 3px;
    text-align: center;
    margin-left: 1%;    
    }
    #pprov1::-webkit-scrollbar, #prodoc::-webkit-scrollbar{
        width: 6px;
        padding-top: 5px;
    }
   
    #pprov1::-webkit-scrollbar-thumb, #prodoc::-webkit-scrollbar-thumb{
        background: var(--pri);
        border-radius: 0px;
    }
    #pprov1::-webkit-scrollbar-thumb-thumb:active, #prodoc::-webkit-scrollbar-thumb-thumb:active{
     width: 20px;   
    }
    #pprov1::-webkit-scrollbar-track, #prodoc::-webkit-scrollbar-track {
    background: var(--fondo);
    border-radius: 0px;
}
      #pprov1 table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    #pprov1 table b{
        display: none;
    }
    #pprov1 table td{
        padding: 1px;
        }
    #pprov1 table img{
        width: 50px;
    }
    #pprov1 input, #pprov1 select{
        border: 1px solid grey;
        width: 100%;
        padding: 3px;
        height: 30px;
    }
    #pprov1 #btnagrprov{
        border: 0;
       background: red;
        float: right;
    }
    #pprov1 #btnagrprov img{
        width: 30px;
    }
    #pprov1 table #a{
        width: 20%;
    }
    
    #pprov1 table #b{
        width: 5%;
    }
    #pprov1 input[type=checkbox]{
        width: 30%;
        float: left;
        display: none;
        
    }
    #pprov1 input[type=checkbox]:checked + label{
        background: var(--sec);
        color: white;
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
    }
    #pprov1 label{
        display: inline-block;
        width: 95%;
        float: left;
        font-size: 15px;
        cursor: pointer;
    }
    #pprov1 #ivatd{
        width: 8%;
    }
    #pprov1 #productos{
        border-collapse: collapse;
        border: 2px solid var(--ter);
        margin-top: 5px;
        font-size: 13px;
        background: 0;
    }
    #pprov1 #productos td{
        padding: 2px;
        border-bottom: 1px solid grey;
    }
    #pprov1 #productos button{
        width: 20px;
        border: 0;
    }

    #pprov1 #productos #a{
        width: 10%;
    }
    #pprov1 #productos #b{
        width: 40%;
    }
    #pprov1 #productos #c{
        width: 20%;
    }
    
    #pprov1 #productos #alert td{
        text-align: center;
        background-color: var(--elim);
        color: white;
    }
    #pprov1 #productos a img{
        width: 100%;
    }
       #ocpdf1{
        width: 45%;
        height: 10%;
        border-top: 1px dashed grey;
        border-right: 1px dashed grey;
        margin-right: .5%;
        float: left;
           margin-top: .5%;
    }
    
    #ocpdf1 p{
        background: 0;
    color: var(--pri);
    }
    #entproy{
        width: 36%;
        margin-left: 3%;
        border: 0;
        background: var(--conf);
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        color: white;
    }

    #btnscel, #masmenu{
        display: none;
    }
    #user{
        position: absolute;
        top: 35;
        background: 0;
        color: white;
        right: 60px;
        text-decoration: underline;
    }
    #filtro{
       width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
        overflow: hidden;
    }
    #filtro label{
        display: inline-block;
        width: 15%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        
    }
    #filtro input, #filtro select{
        float: left;
        height: 40px;
        width: 100%;
        border: 1px solid grey;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        font-size: 15px;
    }
    #filtro p{
        border: 0;
        float: left;
        color: grey;
        margin-top: 5px;
    }
    #filtro button{
        background: var(--sec);
        width: 80%;
        height: 40px;
        border: 0px;
        float: left;
        padding: 5px;
        margin-left: .5%;
        
    }
    #filtro button:hover{
        transform: scale(.9,.9);
    }
    #filtro button img{
        height: 100%;
        background: 0;
    }
    #condiciones{
        width: 40%;
        background: white;
        position: absolute;
        border-radius: 3px;
        box-shadow: 0px 0px 5px 1px silver;
        top: 110px;
        padding: 5px;
        box-sizing: border-box;
        display: none;
        left: 5px;
        z-index: 99;
        
    }
    #condiciones p, #condiciones form, #condiciones label{
        background: 0;
    }
    #condiciones label, #condiciones input[type=number], #condiciones input[type=text], #condiciones select{
        width: 67.5%;
        float: left;
        margin-left: .5%;
        margin-bottom: 5px;
        height: 30px;
    }
    #condiciones h3{
        font-size: 13px;
        width: 30%;
        float: left;
        height: 30px;
        color: var(--sec);
        padding-top: 5px;
        margin-left: 1%;
                
    }
   #condiciones input[type="checkbox"]{
       display: none;
   }
    #condiciones #labels input[type="checkbox"]:checked + label{
        background: var(--ter);
        float: left;
        transition: .2s;
        padding-top: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        color: black;
    }
    #condiciones #labels input[type="text"]{
        width: 25%;
        margin-left: 0;
    }
    #condiciones #label{
        width: 24.5%;
        text-align:center;
        cursor: pointer;
        transition: .2s;
        background: grey;
        color: white;
        display: inline-block;
        box-sizing: border-box;
        padding-top: 5px;
        border-radius: 3px;
        margin-left: 0%;
        margin-right: .5%;
        font-size: 14px;
    }
    #labels{
       overflow: hidden;
       float: left;
       width: 67%;
       margin-left: .5%;
        
    }
    #condiciones input[type="radio"]:checked + label{
        display: inline-block;
        background: var(--ter);
       transition: .2s; 
        padding-top: 3px;
    }
    #condiciones input[type="radio"]{
        display: none;
    }
    #condiciones textarea{
        width: 98%;
        margin-left: 1%;
        height: 95px;
    }
    #vercondi{
        width: 90%;
        margin-top: 10px;
        height: 40px;
        font-size: 20px;
        border: 0px;
        background: var(--ter);
        cursor: pointer;
        margin-left: 5%;
    }
    #vercondi:hover{
        transform: scale(.9,.9);
    }
    .ocultar{
        display: none;
    }
    #btnsmail{
        width: 100%;
        margin-top: 5px;
    }
    #btnsmail img{
        width: 100%;
        background: 0;
    }
    #btnsmail button, #btnsmail a{
        display: inline-block;
        width: 14%;
        border: 0;
        float: left;
        margin-left: 1%;
        padding: 5px;
        box-sizing: border-box;
    }
    #btnsmail button{
        background: var(--sec);
    }
    #btnsmail button:hover, #btnsmail a:hover{
        transform: scale(.9,.9);
    }
    #enviarmail{
       width: 28%;
        position: absolute;
        left: 10px;
        background: white;
        height: 490px;
        box-shadow: 0px 0px 5px 0px grey;
        border-radius: 5px;
        top: 115px;
        display: none;
    }
    #enviarmail form, #enviarmail p{
        background: 0;
        font-size: 20px;
    }
    #enviarmail input, #enviarmail textarea{
        width: 95%;
        margin-left: 2.5%;
        margin-bottom: 10px;
        padding: 5px;
        border: 1px solid silver;
        border-radius: 3px;
        resize: none;
    }
    #enviarmail textarea{
        height: 130px;
    }
    #enviarmail label{
        color: var(--sec);
        font-size: 18px;
    }
    #enviarmail a{
        display: inline-block;
        width: 95%;
        background: var(--elim);
        color: white;
        padding: 5px;
        text-align: center;
        box-sizing: border-box;
        margin-left: 2.5%;
        text-decoration: none;
        margin-bottom: 10px;
    }
    #enviarmail a:hover, #enviarmail #submit:hover{
        transform: scale(.9,.9);
    }
    #enviarmail #submit{
        display: inline-block;
        width: 95%;
        background: var(--conf);
        color: white;
        padding: 5px;
        text-align: center;
        box-sizing: border-box;
        margin-left: 2.5%;
        text-decoration: none;
        border: 0;
        font-size: 20px;
    }
    #datusu{
    width: 80%;
    text-align: center;
    margin-left: 10%;
    height: auto;
    margin-top: 50px;
}
#datusu form{
    background: 0;
}
    
    #datusu input{
        width: 60%;
        padding: 5px;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
        border: 1px solid silver;
    }    
    #datusu input[type="submit"]{
        background: var(--conf);
        border: 0;
        color: white;
    }
    #btnsbal{
        width: 95%;
        overflow: hidden;
        margin-bottom: 10px;
        margin: auto;
    }
    #btnsbal a{
        display: inline-block;
        width: 13%;
        text-align: center;
        text-decoration: none;
        margin-left: .5%;
        margin-right: .5%;
        background: var(--ter);
        color: white;
        margin-top: 5px;
        margin-bottom: 5px;
        float: left;
    }
    #balance{
        width: 95%;
        margin: auto;
        overflow: hidden;
    }
    #balance .pastillas{
        background: silver;
        border-radius: 3px;
    }
    #balance .pastillas h2, #balance .pastillas h3, #balance .pastillas h4{
        background: 0;
        color: white;
    }
    #balance .pastillas h2{
        font-size: 22px;
    }
    #balance .pastillas h3{
        font-size: 20px;
    }
    #balance .pastillas h4{
        font-size: 18px;
    }
    #balance a{
        display: inline-block;
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        margin-top: 20px;
        border-radius: 3px;
        text-decoration: none;
        margin-top: 10px;
        margin-bottom: 10px;
        
    }
    #balance a:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    #grafbal{
        width: 95%;
        margin: auto;
        margin-top: 10px;
        border-top: 1px solid silver;
    }
    #grafbal div{
        width: 49%;
        float: left;
        height: auto;
        margin-left: .5%;
        margin-right: .5%;
    }
    #grafbal p{
        font-size: 25px;
        text-align: center;
        color: var(--sec);
    }
    .tabvishoy{
        width: 98%;
        text-align: center;
        margin: auto;
        border-collapse: collapse;
    }
    .tabvishoy img{
        width: 100%;
        background: 0;
        border: 0;
        height: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .tabvishoy button{
        width: 100%;
        border: 0;
        height: 30px;
        border-radius: 2px;
        background: var(--conf);
    }
    .tabvishoy #td11{
        width: 2%;
        margin: 0;
    }
    .tabvishoy b{
        display: none;
    }
    .tabvishoy td{
        height: 40px;
        border: 1px solid var(--sec);
        padding: 2px;
    }
    .tabvishoy input, .tabvishoy select{
        width: 100%;
        height: 30px;
        border: 1px solid silver;
    }
    .tabvishoy th{
        background: var(--sec);
        color: white;
        border: 1px solid var(--sec);
    }
    #tabdat #ver{
        display: inline-block;
        background: var(--ter);
        width: 35px;
        height: 35px;
        padding: 3px;
        box-sizing: border-box;
        float: none;
        margin: 0;
    }
    #tabdat #ver img{
        width: 100%;
        
    }
    .histproy{
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .histproy div{
        width: 100%;
        float: left;
        
    }
    .histproy div h3, .histproy div h2{
        background: 0;
        background: 0;
        font-weight: 100;
        color: #282828;
    }
    .histproy div h2{
        font-size: 22px;
        color: var(--elim);
       font-weight: bolder;
    }
    .histproy #cons h3, .histproy #datclie h3, .histproy #datproy h3, .histproy #datcond h3, .histproy #datotro h3{
        width: 32%;
        border: 1px solid silver;
        border-radius: 5px;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .histproy #cons{
        width: 60%;
        float: left;
        margin-left: 20%;
    }
    .histproy #datclie, .histproy #datproy{
        width: 95%;
        float: left;
        margin-left: 2.5%;
    }
    .histproy #dateco h3{
        width: 18.8%;
        margin: 0;
        border: 1px solid silver;
        border-radius: 5px;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .histproy #dateco{
        width: 100%;
    }
    .histproy #datcond #h33{
       width: 48.8%;
        font-size: 15px;
        min-height: 60px;
    }
    .histproy #datcond h3{
    width: 15.5%;
        margin: 0;
        border: 1px solid silver;
        border-radius: 5px;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .histproy #datprod table th{
        background: var(--pri);
        border: 1px solid var(--pri);
    }
    .histproy #datprod table td{
        border: 1px solid var(--pri);
    }
    .histproy #datotro h3 a{
        display: inline-block;
        color: white;
        background: var(--elim);
        padding: 2px;
        text-decoration: none;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    .histproy #a{
       width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 70px;
        background: var(--pri);
        padding: 5px;
        box-sizing: border-box;
    }
    .histproy #a img{
        width: 100%;
        background: 0;
    }
    .sel{
       width: 90%; 
        display: inline-block;
        float: left;
        margin-left: 5%;
    }
    .sel #select{
        width: 20%;
        float: left;
        margin-left: .5%;
    }
    .sel label{
        width: 28%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-top: 5px;
    }
    .sel #label{
        width: 10%;
        text-align: right;
    }
    .sel #select1{
        width: 39%;
        float: left;
        margin-left: .5%;
    }
    #datprod #rep{
       display:inline-block;
        background: var(--ter);
        padding: 3px;
    }
    #datprod #rep img{
        background: 0;
    }
    #docadj3 a{
        display: inline-block;
        width: 19%;
        float: left;
        background: var(--elim);
        color: white;
        text-decoration: none;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 20px;
        box-sizing: border-box;
       height: 40px;
        padding-top: 10px;
    }
    #docadj3 a img{
        width: 30px;
        background: 0;
        position: inherit;
        float: right;
        margin-right: 10px;
        margin-top: -5px;
    }
    #uloc{
        position: absolute;
        width: 54%;
        top: 200px;
         background: 0;
    }
    #uloc{
        list-style: none;
        background: white;
    }
    #uloc #listaoc_id li{
        list-style: none;
        font-size: 13px;
        background: var(--elim);
        width: 100%;
        color: white;
        text-align: center;
        cursor: pointer;
        transition: .3s;
        margin-bottom: 2px;
        border-radius: 20px;
    }
    
    #uloc #listaoc_id li:hover{
        background: var(--ter);
        transition: .3s;
    }
    #uloc #listaoc_id b{
        background: 0;
    }
    #filtrobal{
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid silver;
    }
    #filtrobal input{
     width: 20%;
        height: 30px;
        padding: 5px;
        border: 1px solid silver;
        float: left;
        margin-left: 0%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    #filtrobal label{
       width: 5%;
        display: inline-block;
        float: left;
        font-size: 20px;
    }
    #filtrobal button{
        width: 5%;
        height: 30px;
        border: 0;
        background: var(--sec);
    }
    #filtrobal button img{
        width: 100%;
        background: 0;
        height: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    #top10{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin: auto;
    }
    #top10 th{
        background: var(--sec);
        color: white;
        border: 1px solid var(--sec);
    }
    #top10 td{
        padding: 3px;
        border: 1px solid var(--sec);
    }
    #top10 #descrip{
        width: 80%;
    }
    #top10 #row{
      background: var(--sec);
        color: white;  
    }
    #top10 p{
        font-size: 15px;
        color: var(--pri);
        font-weight: bolder;
    }
    #top10 #bor2 a{
        display: inline-block;
        background: var(--ter);
        width: 40px;
    }
    #top10 #bor2 a img{
        width: 100%;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .modulos h2{
        text-align: center;
        color: var(--pri);
    }
    #users{
        margin-bottom: 10px;
    }
 
    #accesos{
        width: 100%;
        border-bottom: 1px solid silver;
        overflow: hidden;
    }
    #accesos a{
        display: inline-block;
        width: 9%;
        background: var(--ter);
        color: white;
        text-decoration:none;
        text-align: center;
        margin-bottom: 10px;
        margin-left: .5%;
        margin-right: .5%;
    }
    #accusu{
        position: absolute;
        right: 10px;
        bottom: 1px;
        z-index: 9;
        width: 15%;
        padding: 2px;
    }
    #datusu label{
        display: inline-block;
        width: 60%;
        text-align: center;
       margin-left: 0;
        
        
    }
    #productos .modprod{
       background: var(--conf); 
        width: 20px;
        height: 20px;
        border: 0;
        z-index: 9999;
        border-radius: 50px;
        padding-top: 3px;
    }
    .modprod img{
        width: 10px;
        height: 10px;
        background: 0;
    }
        #productos .coprod{
       background: var(--ter); 
        width: 20px;
        height: 20px;
        border: 0;
        z-index: 9999;
        border-radius: 50px;
        padding: 4px;
        box-sizing: border-box;
        text-align: center;
        padding-left: 0;
    }
    #productos .coprod img{
        height: 100%;
        background: 0;
    }
    #productos .input{
        width: 100%;
        text-align: center;
        border: 1px solid silver;
        padding: 1px;
    }
    #productos textarea{
        overflow: auto;
        letter-spacing: 1.2;
        line-height: 1.5;
    }
    .todosobre{
        width: 100%;
    }
    #datcli1 .todosobre .labelts{
        width: 48.5%;
        display: inline-block;
        background: grey;
        color: white;
        text-align: center;
        height: 20px;
        border-radius: 3px;
        margin-bottom: 3px;
        float: left;
        margin-left: 1%;
        transition: .2s;
        cursor: pointer;
        font-size: 13px;
        box-sizing: border-box;
        padding-top: 1px;
    }
    #datcli1 .todosobre input[type="checkbox"]:checked + label{
        width: 48%;
        padding-top: 1px;
        color: black;
        background: var(--ter);
    }
    #datcli1 .cajas{
        width: 100%;
    }
    #datcli1 .cajas input[type="number"]{
        width: 26.5%;
        float: left;
    }
   #datcli1 .cajas label{
        width: 20%;
        float: left;
       display: inline-block;
       text-align: center;
       background: grey;
       column-rule: white;
       border-radius: 3px;
       box-sizing: border-box;
       padding-top: 4px;
       color: white;
       cursor: pointer;
    }
    #datcli1 .cajas input[type="radio"]:checked + label{
        padding-top: 4px;
        color: black;
    }
    .btnsedi #abono, .btnsedi #docadj, .btnsedi #entproy, .btnsedi #cerproy, .btnsedi #btndevped{
        width: 16.3%;
        margin-left: 3%;
        font-size: 15px;
    }
    .btnsedi #btndevped{
        border: 0;
        background: var(--naranja);
        height: 30px;
        color: white;
    }
    #body #condiciones .parrcot{
        margin-left: 1%;
        width: 98%;
    }
    #productos .inputoc, #productos .inputoct{
        width: 100%;
        height: 25px;
        padding: 3px;
        text-align: center;
        border: 1px solid silver;
    }
    .adjnov{
        width: 35.4%;
        height: 300px;
        float: left;
        margin-left: 3%;
        border: 1px solid silver;
        padding: 5px;
        overflow: auto;
    }
    .adjnov input{
        width: 44%;
        float: left;
        border: 1px solid silver;
        padding: 3px;
        height: 30px;
        border-radius: 2px;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 10px;
    }
    .adjnov button{
        width: 30px;
        border: 0;
        float: left;
    }
    .adjnov button img{
        width: 100%;
    }
    .adjuntosgar{
        width: 100%;
        border-top: 1px dashed silver;
        margin: auto;
        height: 230px;
        margin-top: 40px;
        overflow: auto;
        padding: 4;
        box-sizing: border-box;
    }
    .adjuntosgar .a{
       width: 95%;
        display: inline-block;
        background: var(--sec);
        color: white;
        text-decoration: none;
        text-align: center;
        float: left;
        height: 20px;
        margin-bottom: 5px;
    }
    .adjuntosgar .b{
        width: 5%;
        float: left;
        height: 20px;
        
    }
    .adjuntosgar .b img{
        width: 100%;
        height: 20px;
    }
    #crp{
       text-align: center; 
    }
    #crp #tabdat1 #th, #thhide{
        background: var(--pri);
        color: white;
        border: 1px solid var(--pri);
    }
    #crp #tabdat1 #td{
        border: 1px solid var(--pri);
    }
    #crp #tabdat1{
        border: 0;
    }
    #formCanvas input{
        width: 300px;
        padding: 5px;
        font-size: 18px;
        border: 1px solid silver;
        margin-bottom: 5px;
    }
    #formCanvas button{
        width: 300px;
        padding: 5px;
        font-size: 20px;
        background: var(--sec);
        border: 0;
        color: white;
    }
    #log textarea{
        width: 80%;
        padding: 3px;
        height: 100px;
    }
    #formvis #hcomp{
        float: left;
        width: 25%;
        font-size: 15px;
        padding: 4px;
        border: 1px solid silver;
        height: 30px;
        margin-left: .5%;
    }
    .mod_reportes{
        width: 100%;
    }
    .mod_reportes .table_reportes{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 2px solid var(--pri);
        font-size: 1.5vw;
    }
    .mod_reportes .table_reportes td{
        border-bottom: 1px solid var(--pri);
        padding: 3px;
        background: 0;
    }
    .mod_reportes .table_reportes tr{
        background: 0;
    }
    .mod_reportes .table_reportes tr:hover{
        background: var(--sec);
        color: white;
    }
    .mod_reportes .panel_rep{
        width: 50%;
        float: left;
        margin: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_reportes .btns_reportes{
        width: 100%;
        text-align: left;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        border-bottom: 1px solid grey;
    }
    .mod_reportes .btns_reportes label{
        width: 12%;
        float: left;
        display: inline-block;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_reportes .btns_reportes label input, .mod_reportes .btns_reportes label select{
        width: 100%;
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        text-align: center;
        padding: 2px;
    }
    .mod_reportes .resumen_reportes{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }
    .mod_reportes .btns_reportes .btn_filtro{
        width: 30px;
        height: 30px;
        float: left;
        background: var(--sec);
        border: 0;
        padding: 3px;
        box-sizing: border-box;
        margin-top: 21px;
    }
    .mod_reportes .btns_reportes .btn_filtro img{
        height: 100%;
        background: 0;
    }
    .mod_reportes .btns_reportes .table_reportes_det{
        width: 100%;
        border-collapse: collapse;
        border: 2px solid var(--pri);
        font-size: 1vw;
    }
    .mod_reportes .btns_reportes .table_reportes_det tr{
        background: 0;
    }
    .mod_reportes .btns_reportes .table_reportes_det tr:hover{
        background: var(--sec);
        color: white;
    }
    .mod_reportes .btns_reportes .table_reportes_det td, .mod_reportes .btns_reportes .table_reportes_det th{
        border: 1px solid var(--pri);
        padding: 3px;
        background: 0;
    }
    .mod_reportes .btns_reportes form{
        margin-bottom: 5px;
        overflow: auto;
    }
    .mod_reportes .btns_reportes .rep_export{
        width: 35px;
        height: 35px;
        overflow: auto;
        margin-bottom: 0px;
    }
    .mod_reportes .btns_reportes .rep_export button{
        width: 35px;
        height: 35px;
        border: 0;
        padding: 3px;
        box-sizing: border-box;
        transition: .2s;
    }
    .mod_reportes .btns_reportes .rep_export button:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_reportes .btns_reportes .rep_export img{
        height: 100%;
        background: 0;
    }
    .panel_der .resumen_proyectos{
        width: 95%;
        text-align: center;
        height: 300px;
        overflow: auto;
         -webkit-box-shadow: 0px 0px 8px -1px rgba(189,189,189,1);
-moz-box-shadow: 0px 0px 8px -1px rgba(189,189,189,1);
box-shadow: 0px 0px 8px -1px rgba(189,189,189,1);
        margin: auto;
        border: 2px solid var(--pri);
        margin-top: 5px;
    }
    .panel_der .resumen_proyectos table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin: auto;
        height: 90%;
        overflow: auto;
        font-size: 1.5vw;
    }
    .panel_der .resumen_proyectos table tr{
        background: 0;
    }
    .panel_der .resumen_proyectos table tr:hover{
        background: var(--sec);
        color: white;
    }
    .panel_der .resumen_proyectos table td{
        background: 0;
        border-bottom: 1px solid var(--pri);
    }
    .panel_der .resumen_proyectos table #td1{
        background: var(--sec);
        color: white;
    }
    .panel_der .resumen_proyectos table #td2{
        background: var(--ter);
        color: white;
    }
    .panel_der .resumen_proyectos table #td3{
        background: var(--naranja);
        color: white;
    }
    .panel_der .resumen_proyectos table #td4{
        background: var(--conf);
        color: white;
    }
    .panel_der .resumen_proyectos table #td5{
        background: var(--elim);
        color: white;
    }
    .panel_der .resumen_proyectos table #dias_vencidos{
        background: 0;
        width: auto;
        float: right;
        margin-right: 5px;
        background: var(--elim);
        font-weight: 600;
        margin-left: -30px;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        cursor: pointer;
    }
    .panel_der .resumen_proyectos table td{
        padding: 3px;
    }
    .body .btn_duplicar_cotizacion{
        height: 30px;
        background: var(--ter);
        border: 0;
        color: var(--pri);
        font-size: 15px;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        transition: .2s;
    }
    .body .btn_duplicar_cotizacion:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .body .btn_duplicar_cotizacion img{
        height: 100%;
        background: 0;
        margin-bottom: -5px;
    }
    .mod_costeo{
        width: 100%;
        height: 90%;
        padding: 5px;
        box-sizing: border-box;
        position: absolute;
        top: 60;
        overflow: hidden;
    }
    .mod_costeo h1{
        text-align: center;
    }
    .mod_costeo label{
        width: 55%;
        display: inline-block;
        height: 35px;
    }
    .mod_costeo .select_pedido p{
        width: 40%;
        float: left;
        height: 35px;
        background: 0;
        font-size: 25px;
        text-align: center;
    }
    .mod_costeo .select_pedido{
        width: 100%;
        float: left;
        height: 35px;
        background: 0;
        
        
    }
    .mod_costeo .dat_pedido{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid silver;
        margin-top: 5px;
        overflow: hidden;
        display: none;
        border-radius: 5px;
    }
    .mod_costeo .dat_pedido h2{
        text-align: left;
        font-size: 15px;
    }
    .mod_costeo .dat_pedido label{
        display: inline-block;
        margin-bottom: 5px;
        font-weight: 600;
        height: 40px;
    }
    .mod_costeo .dat_pedido .labelcod{
        width: 9%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        margin-bottom: 5px;
        
    }
    .mod_costeo .dat_pedido .labelcli{
        width: 59%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        margin-bottom: 5px;
    }
    .mod_costeo .dat_pedido .labelboton{
        width: 29%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        margin-bottom: 5px;
    }
    .mod_costeo .dat_pedido .labelboton a{
        display: inline-block;
        background: var(--elim);
        width: 100%;
        text-align: ;
        text-decoration: none;
        color: white;
        font-size: 20px;
        padding: 5px;
        text-align: center;
        box-sizing: border-box;
        font-weight: 100;
        transition: .2s;
    }
    .mod_costeo .dat_pedido .labelboton a:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_costeo .dat_pedido label input{
        border: 0;
        background: 0;
        width: 100%;
        border-radius: 0;
        height: 20px;
        font-size: 18px;
        font-weight: 100;
    }
    .mod_costeo .dat_pedido .labelvalor1{
        width: 39%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        height: auto;      
    }
    .mod_costeo .dat_pedido .labelvalor2, .mod_costeo .dat_pedido .labelvalor3{
        width: 29%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        height: 40px;
    }
    .mod_costeo .add_prod_serv .add_prod, .mod_costeo .add_prod_serv .add_serv{
        display: none;
        width: 100%;
        float: left;
        background: 0;
        height: auto;
    }
    .mod_costeo .add_prod_serv{
        display: none;
        width: 100%;
        margin-top: 5px;
    }
    .mod_costeo .add_prod_serv #tipo_prod{
        width: 19.5%;
        margin-right: .5%;
        height: 35px;
        font-size: 18px;
        float: left;
        margin-bottom: 5px;
        background: var(--modi);
        border: 0;
        cursor: pointer;
    }
    .mod_costeo .add_prod_serv .caja_select{
        width: 19.5%;
        float: left;
        height: 35px;
        font-size: 18px;
        margin-right: .5%;
    }
    .mod_costeo .add_prod_serv form{
        float: left;
        width: 100%;
    }
    .mod_costeo .add_prod_serv .label1{
        display: inline-block;
        width: 19.5%;
        float: left;
        margin-right: .5%;
    }
    .mod_costeo .add_prod_serv .label1 p, .mod_costeo .add_prod_serv .label2 p, .mod_costeo .add_prod_serv .label3 p, .mod_costeo .add_prod_serv .label4 p, .mod_costeo .add_prod_serv .label5 p, .mod_costeo .add_prod_serv .label6 p, .mod_costeo .add_prod_serv .label7 p{
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        height: 25px;
    }
    .mod_costeo .add_prod_serv .label1 .caja_select{
        width: 100%;
        height: 35px;
        font-size: 18px;
    }
    .mod_costeo .add_prod_serv .label2 input, .mod_costeo .add_prod_serv .label3 input, .mod_costeo .add_prod_serv .label4 input, .mod_costeo .add_prod_serv .label6 input{
        width: 100%;
        height: 35px;
        font-size: 18px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_costeo .add_prod_serv .label2{
        display: inline-block;
        width: 29.5%;
        float: left;
        margin-right: .5%;
    }
    .mod_costeo .add_prod_serv .label3, .mod_costeo .add_prod_serv .label4, .mod_costeo .add_prod_serv .label5, .mod_costeo .add_prod_serv .label6, .mod_costeo .add_prod_serv .label7{
        display: inline-block;
        width: 9.5%;
        float: left;
        margin-right: .5%;
    }
    .mod_costeo .add_prod_serv .label7 button{
        width: 100%;
        height: 35px;
        border: 0;
        transition: .2s;
    }
    .mod_costeo .add_prod_serv .label7 button:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_costeo .add_prod_serv .label7 button img{
        height: 100%;
        background: 0;
    }
    .mod_costeo .add_prod_serv .label5 input[type="radio"]{
        display: none;
    }
    .mod_costeo .add_prod_serv .label5 label{
        display: inline-block;
        width: 48%;
        background: silver;
        border-radius: 5px;
        text-align: center;
        color: white;
        font-size: 20px;
        height: 35px;
        padding-top: 5px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }
    .mod_costeo .add_prod_serv .label5 label:hover{
        background: grey;
        transition: .2s;
    }
    .mod_costeo .add_prod_serv .label5 input[type="radio"]:checked + label{
        background: black;
    }
    .costeo_libre{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .costeo_libre form label{
        display: inline-block;
        height: 60px;
        float: left;
    }
    .costeo_libre form label p{
        width: 100%;
        height: 25px;
        font-size: 20px;
        font-weight: 600;
    }
    .costeo_libre form label input, .costeo_libre form label select{
        width: 100%;
        height: 35px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        font-size: 18px;
    }
    .costeo_libre form label .caja_select{
        width: 100%;
        height: 35px;
        font-size: 18px;
        text-align: left;
        text-align-last: left;
    }
    .costeo_libre form .label1{
        width: 19.5%;
        margin-right: .5%;
        
    }
    .costeo_libre form .label2{
        width: 29.5%;
        margin-right: .5%;
        
    }
    .costeo_libre form .label3, .costeo_libre form .label4{
        width: 9.5%;
        margin-right: .5%;
        
    }
    .costeo_libre form .label5{
        width: 9.5%;
        margin-right: .5%;
        
    }
    .costeo_libre form .label5 button{
        height: 35px;
        border: 0;
        width: 100%;
        text-align: left;
    }
    .costeo_libre form .label5 button img{
        height: 100%;
        background: 0;
    }
    .costeo_libre .lista_prod_costeo_libre{
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .costeo_libre .lista_prod_costeo_libre table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .costeo_libre .lista_prod_costeo_libre table input, .costeo_libre .lista_prod_costeo_libre table select{
        width: 100%;
        height: 35px;
        border: 1px solid silver;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
    }
    .costeo_libre .lista_prod_costeo_libre table td, .costeo_libre .lista_prod_costeo_libre table th{
        border: 1px solid black;
        padding: 2px;
        width: auto;
    }
    .costeo_libre .lista_prod_costeo_libre table #td1{
        width: 20%;
    }
    .costeo_libre .lista_prod_costeo_libre table #td2{
        width: 10%;
    }
    .costeo_libre .lista_prod_costeo_libre table .tdrent input{
        width: 70%;
        margin-right: 2px;
        color: white;
        border: 0;
    }
    #filtro .caja_select2{
        height: 40px;
        width: 100%;
    }
    #tabdat #pdf1{
      display: inline-block;
        text-align: center;
        transition: .3s;
        border-radius: 5px;
        float: left;
        margin-bottom: 5px;
        padding: 5px;
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        box-sizing: border-box;
        height: 35px;  
        border: 0;
    }
    #tabdat #pdf1 img{
        background: 0;
        height: 70%;
    }
    #tabdat .motdec_proy{
        width: 100%;
        height: 50px;
        padding: 5px;
        box-sizing: border-box;
        border: 0;
    }
}