/*DASHBOARD*/
/*#ESTADOS_PEDIDOS_container tspan{
    font-size:20px;
}*/

/*#dialog_reenviar{
    background-color:green;
}*/


.DataTable_button_Excel_export{
    /*top: -73px;*/ 
    /*float: right;*/ 
    position: relative;    
    margin-bottom:1px;
    padding: 8px 23px !important; 
    background-color: rgb(0, 52, 104) !important;
}

.DataTable_button_Excel_export:hover{
    color:#003468 !important;   
    background-color:#BABCBE !important;
    
}
.DataTable_button_Excel_export_disable {
    position: relative;
    margin-bottom: 1px;
    padding: 8px 23px !important;
    background-color: rgb(0, 52, 104) !important;
    display: none !important;
}

.DataTable_a_Excel_export{
    /*padding:0px !important;
    background-color: transparent !important;*/
}
.DataTable_a_Excel_export:hover{
    color:#003468 !important;  
      
}
.faltante_linea {
    color: #FF7700;
}

.faltante_linea_no {
    color: red;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #e2e2e2 !important
}
.dataTables_filter {
    display: none;
}

.Carrousel{
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%;     
    position: fixed; 
    z-index: 100;
    background-color: rgba(239, 238, 239, 0.7);/*#EFEEEF;*/
    padding:20px;
    /*opacity: 0.5;*/
    /*filter: alpha(opacity=50);*/ /* For IE8 and earlier */
    text-align:center;
}
    .Carrousel .divContenedor{
        height: 90%;
        left: 0;
        top: 0;
        width: auto;
        white-space: normal;
        /*position: absolute;*/
        /*display: none;*/
        z-index: 200;
        /*border:1px solid green;*/
        /*background-color: white;*/
        text-align:center;
    }
    .Carrousel .slide{
        background: url("img/loader.gif") no-repeat center center;
        height: 100%;
        /*width: 100%;*/
        line-height: 1px;
        text-align: center;
        display: inline-block;
        opacity: 1.0 !important;
        filter: alpha(opacity=100) !important; /* For IE8 and earlier */
        border: 0px solid blue; 
        border-image: none;         
        background-color: white;
        padding: 0px 25px;
        position:relative;
    }
    .Carrousel .slide .imgPrincipal{
        margin:0px !important;
        padding:0px !important;
        height:100% !important;
        width:auto !important;
        opacity: 1.0 !important;
        filter: alpha(opacity=100) !important; 
    }
    .Carrousel .slide:before {
      content: "";
      display: inline-block;
      height: 0%;
      width: 1px;
      margin-right: -1px;
    }


.divFotosVehiculos{
    border:1px solid; 
    overflow: auto;
    width:100%; 
    height:300px;
    background-color:white;
    margin-bottom:8px;
}
    .divFotosVehiculos .contenedor-foto {
        border: 0px solid blue;
        border-image: none;
        width: 150px;/*330px; */
        text-align: center;
        display: inline-block;
        background-color: rgb(186, 188, 190);
        margin: 10px 0px 0px 10px;
    }
    .divFotosVehiculos img{
        margin: 4px auto; 
        border: 2px solid white; 
        border-image: none; 
        width: 95%;
        background-color:white;
    }
    .divFotosVehiculos input[type=checkbox]{
       margin-bottom: 10px; 
       margin-left: 10px;
    }


#tableInspecciones {
}
    #tableInspecciones td:nth-child(1){
        width: 10px;
        padding: 0px;
    }
    #tableInspecciones td:nth-child(1) input{
        margin:0px !important;
    }


    #tableInspecciones td:nth-last-child(10), #tableInspecciones th:nth-last-child(10),
    #tableInspecciones td:nth-last-child(9), #tableInspecciones th:nth-last-child(9),
    #tableInspecciones td:nth-last-child(8), #tableInspecciones th:nth-last-child(8),
    #tableInspecciones td:nth-last-child(7), #tableInspecciones th:nth-last-child(7),
    #tableInspecciones td:nth-last-child(6), #tableInspecciones th:nth-last-child(6),
    #tableInspecciones td:nth-last-child(5), #tableInspecciones th:nth-last-child(5),
    #tableInspecciones td:nth-last-child(4), #tableInspecciones th:nth-last-child(4),
    #tableInspecciones td:nth-last-child(3), #tableInspecciones th:nth-last-child(3),
    #tableInspecciones td:nth-last-child(2), #tableInspecciones th:nth-last-child(2),
    #tableInspecciones td:nth-last-child(1), #tableInspecciones th:nth-last-child(1) {
        display: none !important;
    }

.table-t3 thead th:nth-last-child(10),
.table-t3 thead th:nth-last-child(9),
.table-t3 thead th:nth-last-child(8),
.table-t3 thead th:nth-last-child(7),
.table-t3 thead th:nth-last-child(6),
.table-t3 thead th:nth-last-child(5),
.table-t3 thead th:nth-last-child(4),
.table-t3 thead th:nth-last-child(3),
.table-t3 thead th:nth-last-child(2),
.table-t3 thead th:nth-last-child(1) {
    display: none !important;
}
    /*#tableInspecciones thead th:nth-child(1),
    #tableInspecciones thead th:nth-child(2),
    #tableInspecciones thead th:nth-last-child(9) {
        background-image: none;
    }*/


/*#tableLineasPartidas td:nth-child(2),
#tableLineasPartidas td:nth-child(3),
#tableLineasPartidas td:nth-child(4) {
    width: 80px !important;
    min-width: 80px !important;
}*/
/*#tableLineasPartidas td:nth-last-child(1), #tableLineasPartidas th:nth-last-child(1) {
    display: none !important;
}*/

/*#tableLineasInspecciones td:nth-last-child(1), #tableLineasInspecciones th:nth-last-child(1) {
    display: none !important;
}
#tableLineasInspecciones td:nth-child(1), #tableLineasInspecciones th:nth-child(1) {
    width: 0px;
    font-size:1px;
}*/
    


#divPestanaFotos{

}

#divPestanaFotos img{
    width:500px;
    margin:10px;
    border: 2px solid rgb(186, 188, 190);
}

#divPestanaFotosComerciales img{
    width:500px;
    margin:10px;
    border: 2px solid rgb(186, 188, 190);
}


#menuPestanas{
    /*border:1px solid blue !important;*/
    margin-top:10px;
}    
    #menuPestanas .btn_verde{
        float:left !important;
    }

#divPestanaVehiculo{
}
    #divPestanaVehiculo .div-3 {
        width: 20%;
        margin-right: 20px;
    }

    #divPestanaVehiculo ul{
        font-size: 16px;
    }

    #divPestanaVehiculo ul li{
        margin:15px;
    }


.divFiltros {
    margin-top:10px;
}
    .divFiltros select{
        
        /*margin-right: 10px;*/ 
        float: left;
        width:170px;
        height: 29px;
        margin: 5px 15px 2px 2px
    }
    .divFiltros input {
        width: 170px;
        /*margin-right: 10px;*/
        text-align: right;
        margin-top:4px !important;
    }
    .divFiltros li {
        /*display:inline;*/
        list-style-type: none;
        vertical-align: middle;
        margin-bottom: 5px;
    }
    .divFiltros label > input {
        padding-left:0px;
        width:30px;
    }
    .divFiltros label.checkbox {
        float: left;
        width: auto;
        font-size: 14px;
        font-weight: 200;
        padding: 0px;
        margin: 0px;
        height: 0px;
    }
    .divFiltros label.input {        
        width: auto;        
    }
.ui-autocomplete {
    /*border:0px solid blue !important;*/
    /*background-color:yellow;*/
    /*max-height:200px;
    overflow-x:scroll;*/
    max-width: 900px;
    overflow-y:hidden;
    text-wrap:none !important;
    overflow-wrap:break-word !important;
    white-space:nowrap;
    padding-bottom:8px;
    /*resize:horizontal;*/ /*no funciona*/
}

.ui-widget-content li{
    /*background-color:#f8f8f8;*/
    /*background-color:cadetblue;*/
    /*font-size:13px !important;   */
    max-width: 100%;
    margin-left:25px;
    margin-top:10px;
}

h3{
   padding-top:2px;
   padding-bottom:0px;}


#gridUsuarios td:nth-child(1){
        width:200px !important;
}
#gridUsuarios td:nth-child(2){
        width:50px !important;
}
#gridUsuarios td:nth-child(3){
        width:200px !important;
}
#gridUsuarios td:nth-child(4){
        width:200px !important;
}
#gridUsuarios td:nth-child(5){
        width:50px !important;
}
#gridUsuarios td:last-child{
        width:300px;
}

#gridUsuarios span{
        font-size:16px;
        position:relative;
}


#gridCategorias{
        width:auto !important;
}

    #gridCategorias .a-boton-tabla{
            padding-left:5px;
    }
    #gridCategorias .icono-delete, 
    #gridCategorias .icono-delete:link{
            background-size:80%;
    }

    #gridCategorias td:nth-child(1){
            width:200px !important;
    }
    #gridCategorias td:nth-child(2){
            width:60px !important;
    }
    #gridCategorias td:nth-child(3){
            width:20px !important;
    }
    #gridCategorias td:nth-child(4){
            width:20px !important;
    }

/*#gridLineasPedidos tbody, thead {
    display: block;
}
#gridLineasPedidos tbody{
    height:200px;
    overflow-y:scroll;    
    width:100%;
}*/
#gridLineasPedidos {margin-top:0px}
#gridLineasPedidos tbody tr.selected td{ background-color:#A3C2E0;    }/*#9ad998*/
#gridLineasPedidos tbody tr.selected td input{ background-color:white;    }
#gridLineasPedidos tbody tr.selected td select{ background-color:white;    }
#gridLineasPedidos tbody tr.selected td select:disabled{ background-color:transparent !important;    }
#gridLineasPedidos tbody tr:hover { background-color:#c2c2c2;    }
/*#gridLineasPedidos tbody tr:focus { background-color:#A3C2E0;    }*/



#Buscador{
    /*float:left;*/
    /*max-width:1500px;*/
    width:100%;
    padding:5px 6px 5px 8px;
    margin:0;/* Evitar que se coloque en el centro*/
}
    #Buscador select, .selector {
        float: left;
        /*width:160px;*/
        width: 99%;
        font-size: 14px;
        margin: 3px 15px 0px 2px;
        padding: 2px;
        height: 26px;
        font-style: normal;
        border: 1px solid #e2e2e2;
    }

        .selector label.checkbox {
            font-size: 14px !important;
            font-style: normal !important;
            font-weight: 400 !important;
        }


        #Buscador input[type="checkbox"] {
            margin-top: 4px !important;
        } 
    #Buscador .labelCheckbox{        margin-top:-5px;    }
    #Buscador input[type="submit"] {
        margin-top: 15px;
        margin-left: 30px;
    }
    #Buscador input[type="text"] {
        /*width:160px;*/
        width: 100%;
        padding:4px;
    }
    
.content-form{
    vertical-align:bottom;
    border:0px solid blue;
    /*display:table-cell;*/
    margin:0 auto;
}

.par-vertical{
    float:left;
    /*width:300px;*/
    padding:0px 2px 2px 2px;
    /*border:1px solid green;*/
}

#divContent{
    /*height:1130px;*//*201702*/
    padding-left:10px;
    /*resize:vertical;*/
    padding-bottom:100px;
    min-width:300px;
    background-color:#F7F7F7;

}

#divResizable{
    min-width:750px;
    /*max-width:80%;*/
}

#divListadoPedidos{
    /*float:left;*/
    padding:10px 0px 0px 0px;
    /*width:auto;
    overflow:hidden;*/
    margin:0px 20px;
}

#divDetallePedidos{
    /*float:left;*/
    padding:0px 0px 0px 40px;
    width:auto;
    overflow:hidden;
}


/*#gridPropuestaPedido{
    width:900px;
    background-color:white;
    margin-top:45px;
}
    #gridPropuestaPedido thead {
        width:900px;
        display:block;
    }
        #gridPropuestaPedido thead tr{
            font-size: 15px; font-weight: 200;
        }
        #gridPropuestaPedido thead th{
            padding:0px 10px;
        }
    #gridPropuestaPedido tbody{
        width:900px;      
        height:210px;
        overflow-y:scroll;
        display:block;
    }
        #gridPropuestaPedido tbody tr{
             font-size: 15px; font-weight: bold;
        }
   
    #gridPropuestaPedido th:nth-child(1),td:nth-child(1){
        width:500px;text-align:left;
    }
    #gridPropuestaPedido th:nth-child(2),td:nth-child(2){
        width:100px; text-align:right;
    }
    #gridPropuestaPedido th:nth-child(3),td:nth-child(3){
        width:100px;text-align:right;
    }
    #gridPropuestaPedido th:nth-child(4),td:nth-child(4){
        width:100px;text-align:right;
    }
    #gridPropuestaPedido th:nth-child(5),td:nth-child(5){
        width:100px;text-align:right;
    }
    #gridPropuestaPedido th:nth-child(6),td:nth-child(6){
        width:100px !important;text-align:right;
    }*/


/*#gridArticulos{
    width:800px;
    border:1px solid blue;
    display:block;
}
    */
    #gridArticulos thead {
        width:100%;
        display:block;
    }

    #gridArticulos tbody{
        width:100%;        
        height:500px;
        overflow-y:scroll;
        display:block;
    }

    #gridArticulos td:nth-child(1){
        width:90px;
        text-align:right;
    }
    #gridArticulos td:nth-child(2){
        width:90px;
    }
    #gridArticulos td:nth-child(3){
        width:auto;
    }

#gridArticulosNoEdit{
    width:800px;
}
    
    #gridArticulosNoEdit td:nth-child(1){
        width:90px;
        text-align:center;
    }
    #gridArticulosNoEdit td:nth-child(2){
        width:90px;
    }
    #gridArticulosNoEdit td:nth-child(3){
        width:auto;
    }




#divTablePedidos {
    margin-bottom:15px;
}
    /*CHECK BAJA*/
    #divTablePedidos .table-t2 td:nth-child(1){
        width:10px;
    }
    /*Corte*/
    #divTablePedidos .table-t2 td:nth-child(2){
        width:100px;        
    }
    /*Fecha creacion*/
    #divTablePedidos .table-t2 td:nth-child(3){
        width:100px;
    }
    /*Fecha entrega*/
    #divTablePedidos .table-t2 td:nth-child(4){
        width:100px;
    }
    /*Fechas de reparto*/
    #divTablePedidos .table-t2 td:nth-child(5){
        width:115px;
        text-align:right;
    }
    /*Cliente*/
    /*#divTablePedidos .table-t2 td:nth-child(6){
        width:500px;
    }*/
    /*Poblacion*/
    #divTablePedidos .table-t2 td:nth-child(7){
        width:200px;
    }
    /*Provincia*/
    #divTablePedidos .table-t2 td:nth-child(8){
        width:200px;
    }
    /*nº lineas*/
    #divTablePedidos .table-t2 td:nth-child(9){
        width:25px;
    }
    /*estado*/
    #divTablePedidos .table-t2 td:nth-child(10){
        width:100px;
    }
    /*Modificado por*/
    #divTablePedidos .table-t2 td:nth-child(11){
        width:150px;/*width:200px;*/
    }
    /*Analisis HL*/
    #divTablePedidos .table-t2 td:nth-child(12){
        width:10px;
    }
    /*EP: esquema precios*/
    #divTablePedidos .table-t2 td:nth-child(13){
        width:10px;
    }
    /*Especial*/
    #divTablePedidos .table-t2 td:nth-child(14){
        width:100px;
    }
    /*IDemail*/
    #divTablePedidos .table-t2 td:nth-child(15){
        width:95px;
    }
    /*Editar*/
    #divTablePedidos .table-t2 td:nth-child(16){
        width:70px;
    }
    /*Grupo de Control*/
    #divTablePedidos .table-t2 td:nth-child(17){
        width:100px;
    }
    /*Enviado al CRM por*/
    #divTablePedidos .table-t2 td:nth-child(18){
        width:100px;/*width:200px;*/
    }

    #divTablePedidos .PendienteEnvioCRM{
        color:rgb(117, 163, 209) !important;
    }
    #divTablePedidos .PendienteDatos{
        color:rgb(109, 182, 194) !important;
        font-weight:bold;
    }
    #divTablePedidos .CorreoMalProcesado{
        color:#d88c00 !important;
        /*background-color:#fbdba1 !important;*/
    }
    #divTablePedidos .PedidoPrioritario{
        background-color:#f89649  !important;
        padding:3px 0px; /*padding:20px 10px;*/
        font-size:14px;
    }

#divTableLineas{
    width:100%;
    border:0px solid pink;
    /*max-height:300px;
    overflow-x:scroll;*/
    /*overflow-y:hidden;*/
    /*margin-top:10px;*/    

}
    #divTableLineas select{
        width:100%;
        height:32px;
    }
    #divTableLineas .table-t2 tbody tr{
        /*border:1px solid blue;*/        
    }

    #divTableLineas .table-t2 th{
        cursor:default;
    }
    #divTableLineas .table-t2 input{
        width:100%;
        margin-left:0px;
    }
    #divTableLineas .table-t2 input:disabled{
        background-color:transparent;
        border:none !important;
    }
    #divTableLineas .table-t2 input[type="hidden"]{
        width:0%;        
    }
    #divTableLineas .table-t2 td, th{        
        overflow: hidden;        
        padding:4px;
    }
    /*error*/
    #divTableLineas .table-t2 td:nth-child(1){
        width:2px;
        margin-left:0; padding-left:0px;        
    }
    /*Articulo*/
    #divTableLineas .table-t2 td:nth-child(2){
        width:100%;
        margin-left:0; padding-left:0px;
    }
    /*Cantidad*/
    #divTableLineas .table-t2 td:nth-child(3){
        min-width:70px;
    }
    /*Unidad*/
    #divTableLineas .table-t2 td:nth-child(4){
        min-width:75px;
    }
    /*Cargo*/
    #divTableLineas .table-t2 td:nth-child(5){
        min-width:110px;
    }     
    /*Motivo devolución*/
    #divTableLineas .table-t2 td:nth-child(6){
        min-width:120px;
    }     
    /*icono cargo*/
    #divTableLineas .table-t2 td:nth-child(7){
        min-width:0px;
        padding:0;margin:0;
    }     
    /*icono tratamiento especial*/
    #divTableLineas .table-t2 td:nth-child(8){
        min-width:0px;
        padding:0;margin:0;
    }     
    /*boton eliminar*/
    #divTableLineas .table-t2 td:nth-child(9){
        min-width:45px;
        padding:0;margin:0;
    }     
    /*hidden*/
    /*#divTableLineas .table-t2 td:nth-child(10){
        min-width:0px;
        padding:0;margin:0;
    }*/     

    #divTableLineas .table-t2 .icono-delete, 
    #divTableLineas .table-t2 .icono-delete:link,
    #divTableLineas .table-t2 .icono-delete:hover{
        padding: 0px 6px 0px 6px;
    }

#gridGrupoPedidos td:nth-child(1) {
    width:20px;
}
#gridGrupoPedidos td:nth-child(2) {
    width:300px;
}
#gridGrupoPedidos td:nth-child(4) {
    width:200px;
}
#gridGrupoPedidos td:nth-child(5) {
    width:100px;
}
#gridGrupoPedidos td:nth-child(6) {
    width:200px;
}
#gridGrupoPedidos td:nth-child(7) {
    width:20px;
}
#gridGrupoPedidos td:nth-child(8) {
    width:20px;
}

.circulo{
    border:0px solid blue;
    border-radius:20px;
    font-style:normal !important;
    font-size:16px !important;
    background-color:red;   
    margin-left:4px !important;
    padding:4px 10px !important;
    color: white;
    font-weight:bold;
    position:relative;
    top:8px;    
}


.aviso_circular{
    border:0px solid blue;
    border-radius:20px;
    font-style:normal !important;
    font-size:16px !important;
    background-color:red;   
    margin-left:4px !important;
    padding:8px 10px !important;
    color: white;
    font-weight:bold;
}


.esquema_precios{
    border:0px solid blue;
    border-radius:20px;
    font-style:normal !important;
    font-size:16px !important;
    background-color:#A3C2E0;   
    margin-left:4px !important;
    padding:5px 10px !important;
    color: #565656;
    font-weight:bold;
}

.analisis_HL_1{        
    /*border:20px solid mediumseagreen;*/
    background: mediumseagreen;  
}
.analisis_HL_2{
    /*border:20px solid yellow;*/
    /*background: yellow;*/  
     background-color:transparent; 
}
.analisis_HL_3{
    /*border:20px solid orangered;*/  
    background: orangered;  
}


.emailMultiPedido{color:red; font-weight:bold;}

.circle {
    margin-top:6px;
    margin-right:4px;
    border-radius: 50%/50%; 
    width: 10px;
    height: 10px;    
    float:left;
}
.square {
    margin-top:6px;
    margin-right:4px;
    /*border-radius: 50%/50%;*/ 
    width: 10px;
    height: 10px;    
    float:left;
}
.red{
    background: orangered;
}
.blue{
    background: #4c7afa;
}
.green{
    background: #51B580;
    width: 5px;
    height: 5px;   
    margin-top:6px; 
}

.div-table-cell {
    display:table-cell !important;
}
.div-table-cell-fill {
    display:table-cell !important;
    width:100%;
    /*float:left !important;*/
    position:inherit !important;
    padding:0px !important;
    margin:0px !important;
}
.div-table {
    display:table !important;
    width:100% !important;
}
/* DISEÑO DEL FORMULARIO BASE
  ---------------------------------------------------- */


.form-base-2 {
    /*font: 400 14px 'Lato', Helvetica,Arial,sans-serif;*/	/*AUMENTAR LETRA*/
    border: green 0px solid;
    /*margin:5px 0px 10px 0px;*/
    padding: 0px 6px 5px 0px;
    font-size:13px;
    /*background-color: #F2F2F2;*/
    max-width:100%;
}
    .form-base-2 .div-flotante {
        margin:0px;
        padding: 00px;                
    }
    .form-base-2 .ui-dialog-content .div-blanco {
        /*background:white;*/
    }
    .form-base-2 .ui-dialog-titlebar{
        font-size:16px;        
        display:block;
        font-weight: 600;
        color:white;
        border:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        /*top:-10px;
        left:-10px;
        width:103%;*/        
    }
    
    .form-base-2 label{
        /*font-size:14px;*//*AUMENTAR LETRA*/
        margin:0px 0 3px 0;
        padding:7px 0px 0px 0px;        
        display:block;
        font-weight: bold;
        float:left;
        /*width:80px;*/
        height:30px;
        border:0px solid blue;
    }


    .form-base-2 .div-input-linea {
        display:table;
        width:97%;
        border:0px solid pink;                
        overflow:hidden;
        margin:14px 0;
    }
        .form-base-2 .div-input-linea label{
            /*padding:16px 0px 0px 0px;*/    
            display:table-cell !important;    
        }
        .form-base-2 .div-input-linea span.cont-input{
            display:table-cell;
            width:100%;            
            position:inherit;
            padding:0px;
            margin:0px;        
        }    
        .form-base-2 .div-input-linea p{
            border: 0px solid blue; border-image: none; font-size: 14px; margin-top: 10px; margin-left: 10px; float: left;
        }
            
        .form-base-2 .div-input-linea input,
		.form-base-2 .div-input-linea select{            
            width:100% !important;
			margin:0px !important;
        }	


        .form-base-2 .div-input-linea input[type=button]{
            float:left;
            width:auto !important;
        }
        .form-base-2 .div-input-linea input[type=radio]{
            float:left;
            width:auto !important;
            margin-top: 10px !important;
            margin-right:10px !important;
        }
        .form-base-2 .div-input-linea .field-validation-error-asterisco{
            border: 0px solid blue;            
            display:table-cell;
            float: left;
            width:1px;
        }

    .form-base-2 .lista-elementos{
        margin: 5px 0px 10px 150px;
        border:0px solid blue;        
    }
    .form-base-2 .div-input {
        border:0px solid pink;                
        overflow:hidden;
    }
    .form-base-2 .div-input label{
        width:100%
    }
    .form-base-2 .div-input span{
        font-size:18px;
    }
    .form-base-2 .div-submit {
        border:none;
        /*border:0px solid pink;*/
        float:right;    
        width:40px;   
    }
    .form-base-2 input[type=text],
    .form-base-2 input[type=password],
    .form-base-2 input[type=date],
    .form-base-2 input[type=datetime],
    .form-base-2 input[type=number],
    .form-base-2 input[type=search],
    .form-base-2 input[type=time],
    .form-base-2 input[type=url],
    .form-base-2 input[type=email],
    .form-base-2 textarea,
    .form-base-2 select {
        width: 74%; /*300px;*/
        /*overflow:hidden;*/
        /*float:left;*/
        padding: 7px;
        margin: 0px 0px 5px 5px;
        outline: none;
        /*font-size: 13px;*/ /*AUMENTAR LETRA*/
        border: none;
        background-color: #EFEEEF;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        /*-ms-transition: all 0.30s ease-in-out;*/
        -o-transition: all 0.30s ease-in-out;
        border: 1px solid #e2e2e2; /*border: 1px solid transparent;*/
    } 
    .form-base-2 input:focus,
    .form-base-2 select:focus{
        /*border:2px solid rgb(81,181,128);*/
        border:1px solid blue;
    }
    .form-base-2 input[type=button]:focus
    {
        /*border:2px solid rgb(81,181,128);*/
        border:0px solid blue;
    }
    .form-base-2 select {
        font-size: 18px;/*AUMENTAR LETRA*/        
    }    
       
    .form-base-2 input[type="checkbox"]:focus{
        border:2px double solid blue !important;
    }
    .form-base-2 span{
        /*position:absolute;*/
        /*padding: 7px;*/
        margin:0px 0px 5px 0px; 
        /*font-style:italic;*/
        font-size:12px;
        height:25px;

    }     

    .form-base-2 .warning-summary{
        font-size:18px;
        background-color:transparent;
        color:#486db5; /*blue;*/
        font-weight: normal;
        font-style: normal;
        margin:10px 0px 0px 0px;
        text-align:center;
    }

    .form-base-2 textarea{
        width:100%;        
        margin:0;
        padding:2px;
        min-height:150px;
        border:1px solid #e5e5e5 !important;
        line-height:22px;
    }
    .form-base-2 input[type="checkbox"]{
        border:1px solid #e5e5e5;
        float:left;
        width:auto;
        /*margin-top:11px !important;*/
        margin-top:2px !important; /*Formato correcto para el registro/perfiles*/
        margin-right:5px;
        width:20px !important;
    }    
    .form-base-2 label.checkbox{
        float:left;
        width:auto;
        font-size:14px;
        font-weight:200;
        padding:0px;
        margin:0px;
        height:0px;
    } 
    .form-base-2 .labelCheckbox{
        float:left;
        /*font-size:13px;*//*AUMENTAR LETRA*/
        margin:0px 0px 0px 5px;
    }    


    .form-base-2 .UltimosPedidos{
        padding:0px !important;
        font-size:16px !important;
        margin:4px 0px 0px 0px !important
    }

    /*.form-base-2 select{
        width:200px;
    }*/

    /*FORMATO DISABLED*/
    .form-base-2 input[type=text]:disabled, 
    .form-base-2 input[type=date]:disabled,
    .form-base-2 input[type=datetime]:disabled,
    .form-base-2 input[type=number]:disabled,
    .form-base-2 input[type=search]:disabled,
    .form-base-2 input[type=time]:disabled,
    .form-base-2 input[type=url]:disabled,
    .form-base-2 input[type=email]:disabled,
    .form-base-2 input[type="checkbox"]:disabled,    
    .form-base-2 select:disabled{        
        background-color: transparent;
        border:none; /*!important;*/
        /*appearance:none;*/
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
    }   
    .form-base-2 textarea:disabled{
        background-color: transparent;
        border:1px solid #e5e5e5 !important;
    }     

        /*FORMATO read-only*/
    .form-base-2 .readonly{        
        background-color: transparent !important;
        border:none !important;
        /*appearance:none;*/
        -moz-appearance:none !important; /* Firefox */
        -webkit-appearance:none !important; /* Safari and Chrome */
    }   
    .form-base-2 textarea:read-only{
        background-color: transparent;
        border:1px solid #e5e5e5 !important;
    }     


    .form-base-2 table{
        border:0px solid blue;
        width:100%;
        margin-bottom:15px;
    }

    .form-base-2 table input[type=checkbox]{
        margin:0px 4px 0px 0px !important;
    }

    /*.form-base-2 thead tr{
        margin:0;
        padding:0;
        height:10px;
    }*/
    .form-base-2 thead{
        background-color:transparent;
        vertical-align:bottom;
        
    }
    .form-base-2 thead tr th{        
        /*padding-bottom:15px;*/
        text-align:left;
        padding:0 0 5px 5px;        
        height:10px;
        /*font-size:14px;*/
        border-bottom:1px solid gray;        
    }
    .form-base-2 tbody tr{
        /*text-align:center;*/
        /*font-size:12px;*/
        margin:10px;
        padding:10px;
        height:15px;        
        border-bottom:1px solid #e5e5e5;
    }
    .form-base-2 tbody select{
        height: 32px;
        text-align:center;
        /*margin:0;*/
        padding:0;        
        /*font-size:12px;*//*AUMENTO LETRAS*/
    }
    /*.form-base-2 .a-icono,
    .form-base-2 .a-icono:hover,
    .form-base-2 .a-icono:link{
        background-size:25px 25px ;
        padding: 5px 15px 10px 10px;
    }*/

    /*LISTAS*/
    .form-base-2 li{
        /*display:inline;*/
        list-style-type: none;
        vertical-align: middle;
        margin-bottom:5px;
    }
        .form-base-2 li label{
            display:inline;
            display: block;
            float:left;
            margin:0px 0px 0px 0px;
            /*line-height:40px;*/
            /*text-align:right;*/
            /*vertical-align:middle;
            text-align:center;*/
            width:105px;
            font-weight:bold;
        }
        .form-base-2 .check-box{
            display:inline;
            display: block;
            float:left;
            margin:0px 2px 0px 0px;
            line-height:40px;
            text-align:right;
        }
            .form-base-2 .check-box label{
                display:inline;
                display: block;
                float:right;
                margin:0px 10px 0px 3px;                
                text-align:right;
            }
    /*VALIDACIONES */
    .form-base-2 .validation-summary-errors {
        color: red;
        font-weight: bold;
        font-size: 14px;
        margin:0px 0px 0px 0px;
        padding:5px;
        background-color:rgba(255, 0, 0, 0.21);
    }
        .form-base-2 .validation-summary-errors ul{
            margin-left:10px;
        }
        .form-base-2 .validation-summary-errors span{
            font-size:16px;
            font-style:normal;   
            top:0px;
        }
/*********************************************************************/

.form-base-3 {    
    border: green 0px solid;    
    padding: 0px 6px 5px 0px;
    font-size:14px !important;
    max-width:100%;
}

    .form-base-3 .alert {
        padding-top:0px;
        /*padding-bottom:0px;*/
    }
    .form-base-3 .div-flotante {
        margin:0px;
        padding: 00px;                
    }    
    .form-base-3 .ui-dialog-titlebar{
        font-size:16px;        
        display:block;
        font-weight: 600;
        color:white;
        border:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        /*top:-10px;
        left:-10px;
        width:103%;*/        
    }    
    .form-base-3 label{
        /*font-size:14px;*//*AUMENTAR LETRA*/
        margin:0px 0 3px 0;
        /*padding:7px 0px 0px 0px;*/        
        display:block;
        font-weight: bold;
        float:left;
        width:100%;
        /*height:30px;*/
        border:0px solid blue;
    }
    .form-base-3 .div-input-linea {
        display:table;
        width:97%;
        border:0px solid pink;                
        overflow:hidden;
        margin:14px 0;
    }
        .form-base-3 .div-input-linea label{
            /*padding:16px 0px 0px 0px;*/    
            display:table-cell !important;    
        }
        .form-base-3 .div-input-linea span.cont-input{
            display:table-cell;
            width:100%;            
            position:inherit;
            padding:0px;
            margin:0px;        
        }    
        .form-base-3 .div-input-linea p{
            border: 0px solid blue; border-image: none; font-size: 14px; margin-top: 10px; margin-left: 10px; float: left;
        }
            
        .form-base-3 .div-input-linea input,
		.form-base-3 .div-input-linea select{            
            width:100% !important;
			margin:0px !important;
        }	


        .form-base-3 .div-input-linea input[type=button]{
            float:left;
            width:auto !important;
        }
        .form-base-3 .div-input-linea input[type=radio]{
            float:left;
            width:auto !important;
            margin-top: 10px !important;
            margin-right:10px !important;
        }
        .form-base-3 .div-input-linea .field-validation-error-asterisco{
            border: 0px solid blue;            
            display:table-cell;
            float: left;
            width:1px;
        }

    .form-base-3 .lista-elementos{
        margin: 5px 0px 10px 150px;
        border:0px solid blue;        
    }
    .form-base-3 .div-input {
        border:0px solid pink;                
        overflow:hidden;
    }
    .form-base-3 .div-input label{
        width:100%;
        font-size:14px;
    }
    .form-base-3 .div-input span{
        /*font-size:18px;*/
    }
    .form-base-3 .div-submit {
        border:none;
        /*border:0px solid pink;*/
        float:right;    
        width:40px;   
    }
    .form-base-3 input[type=text],
    .form-base-3 input[type=password],
    .form-base-3 input[type=date],
    .form-base-3 input[type=datetime],
    .form-base-3 input[type=number],
    .form-base-3 input[type=search],
    .form-base-3 input[type=time],
    .form-base-3 input[type=url],
    .form-base-3 input[type=email],
    .form-base-3 textarea,
    .form-base-3 select {
        width: 95%; /*300px;*/
        /*overflow:hidden;*/
        /*float:left;*/
        padding: 7px;
        margin: 0px 0px 5px 5px;
        outline: none;
        /*font-size: 13px;*/ /*AUMENTAR LETRA*/
        border: none;
        background-color: #EFEEEF;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        /*-ms-transition: all 0.30s ease-in-out;*/
        -o-transition: all 0.30s ease-in-out;
        border: 1px solid #e2e2e2; /*border: 1px solid transparent;*/
    } 
    .form-base-3 input:focus,
    .form-base-3 select:focus{
        /*border:2px solid rgb(81,181,128);*/
        border:1px solid blue;
    }
    .form-base-3 input[type=button]:focus
    {
        /*border:2px solid rgb(81,181,128);*/
        border:0px solid blue;
    }
    .form-base-3 select {
        /*font-size: 18px;*/
    }    
       
    .form-base-3 input[type="checkbox"]:focus{
        border:2px double solid blue !important;
    }
    .form-base-3 span{
        /*position:absolute;*/
        /*padding: 7px;*/
        margin:0px 0px 5px 0px; 
        /*font-style:italic;*/
        font-size:12px;
        height:25px;

    }     

    .form-base-3 .warning-summary{
        /*font-size:18px;*/
        background-color:transparent;
        color:#486db5; /*blue;*/
        font-weight: normal;
        font-style: normal;
        margin:10px 0px 0px 0px;
        text-align:center;
    }

    .form-base-3 textarea{
        /*width:100%;*/        
        margin:0;
        padding:2px;
        min-height:150px;
        border:1px solid #e5e5e5 !important;
        line-height:17px;
    }
    .form-base-3 input[type="checkbox"]{
        border:1px solid #e5e5e5;
        float:left;
        width:auto;
        /*margin-top:11px !important;*/
        margin-top:2px !important; /*Formato correcto para el registro/perfiles*/
        margin-right:5px;
        width:20px !important;
    }    
    .form-base-3 label.checkbox{
        float:left;
        width:auto;
        /*font-size:14px;*/
        font-weight:200;
        padding:0px;
        margin:0px;
        height:0px;
    } 
    .form-base-3 .labelCheckbox{
        float:left;        
        margin:0px 0px 0px 5px;
    }
    /*FORMATO DISABLED*/
    .form-base-3 input[type=text]:disabled, 
    .form-base-3 input[type=date]:disabled,
    .form-base-3 input[type=datetime]:disabled,
    .form-base-3 input[type=number]:disabled,
    .form-base-3 input[type=search]:disabled,
    .form-base-3 input[type=time]:disabled,
    .form-base-3 input[type=url]:disabled,
    .form-base-3 input[type=email]:disabled,
    .form-base-3 input[type="checkbox"]:disabled,    
    .form-base-3 select:disabled{        
        background-color: transparent;
        border:none; /*!important;*/
        /*appearance:none;*/
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
    }   
    .form-base-3 textarea:disabled{
        background-color: transparent;
        border:1px solid #e5e5e5 !important;
    }     

        /*FORMATO read-only*/
    .form-base-3 .readonly{        
        background-color: transparent !important;
        border:none !important;
        /*appearance:none;*/
        -moz-appearance:none !important; /* Firefox */
        -webkit-appearance:none !important; /* Safari and Chrome */
    }   
    .form-base-3 textarea:read-only{
        background-color: transparent;
        border:1px solid #e5e5e5 !important;
    }
    .form-base-3 table{
        border:0px solid blue;
        width:100%;
        margin-bottom:15px;
    }
    .form-base-3 table input[type=checkbox]{
        margin:0px 4px 0px 0px !important;
    }

    .form-base-3 thead{
        background-color:transparent;
        vertical-align:bottom;
        
    }
    .form-base-3 thead tr th{        
        /*padding-bottom:15px;*/
        text-align:left;
        padding:0 0 5px 5px;        
        height:10px;
        /*font-size:14px;*/
        border-bottom:1px solid gray;        
    }
    .form-base-3 tbody tr{
        /*text-align:center;*/
        /*font-size:12px;*/
        margin:10px;
        padding:10px;
        height:15px;        
        border-bottom:1px solid #e5e5e5;
    }
    .form-base-3 tbody select{
        height: 32px;
        text-align:center;
        /*margin:0;*/
        padding:0;        
        /*font-size:12px;*//*AUMENTO LETRAS*/
    }
    /*.form-base-3 .a-icono,
    .form-base-3 .a-icono:hover,
    .form-base-3 .a-icono:link{
        background-size:25px 25px ;
        padding: 5px 15px 10px 10px;
    }*/

    /*LISTAS*/
    .form-base-3 li{
        /*display:inline;*/
        list-style-type: none;
        vertical-align: middle;
        margin-bottom:5px;
    }
        .form-base-3 li label{
            display:inline;
            display: block;
            float:left;
            margin:0px 0px 0px 0px;
            /*line-height:40px;*/
            /*text-align:right;*/
            /*vertical-align:middle;
            text-align:center;*/
            width:105px;
            font-weight:bold;
        }
        .form-base-3 .check-box{
            display:inline;
            display: block;
            float:left;
            margin:0px 2px 0px 0px;
            line-height:40px;
            text-align:right;
        }
            .form-base-3 .check-box label{
                display:inline;
                display: block;
                float:right;
                margin:0px 10px 0px 3px;                
                text-align:right;
            }
    /*VALIDACIONES */
    .form-base-3 .validation-summary-errors {
        color: red;
        font-weight: bold;
        font-size: 14px;
        margin:0px 0px 0px 0px;
        padding:5px;
        background-color:rgba(255, 0, 0, 0.21);
    }
        .form-base-3 .validation-summary-errors ul{
            margin-left:10px;
        }
        .form-base-3 .validation-summary-errors span{
            font-size:14px;
            font-style:normal;   
            top:0px;
        }

/*********************************************************************/
#form-pedido{
    border:0px solid green;
}
    #form-pedido .divDatos{        
        float:left;        
        /*width:auto;*/
        overflow:hidden;
        /*min-width:350px;*/
        /*width:45%;*/
        margin-right:10px;
        border:0px solid #4c7afa;
    }

    #form-pedido .divDatos .field-validation-error-asterisco{        
        /*top:20px;
        left:-1px;*/
        font-size:20px;
        /*border:1px solid blue;*/
        display:block;
        float:left;
        font-style:normal;
        font-size:14px;
        font-weight:normal;
        margin:0px !important;
        padding:0px !important;
    }

    #form-pedido .divInformacion{
        /*margin-top:15px;*/        
        /*padding-left:20px;*/
        overflow:hidden;
        min-width:250px;
        /*max-width:480px;*/
        margin-bottom:3px;
        padding-right:10px;
    }
    #form-pedido .divInformacion p{        
        margin:0;
        padding:0;
        line-height:200%;
        font-weight:bold;
    }
    #form-pedido .divInformacion p{        
        margin:0;
        padding:0;
        line-height:200%;
    }



    /*#form-pedido .divInformacion input[type="submit"]{        
        margin-right:30px;
    }*/

    #form-pedido .divBotones{
        /*overflow:hidden;*/
        margin-top:5px;
        border:0px solid blue;
        /*width:55px;*/
        float:right;
    }

#estadoPedido{    
   background-color:#e5e5e5;
   padding:10px;
   overflow:hidden;   
   /*font-size:13px;*//*AUMENTO LETRA*/
}
    #estadoPedido label{
        
        font-weight:bold;
        float:left;
        text-align:left;        
        margin-right:5px;
    }

    #estadoPedido li {
        margin:5px 0px 0px 0px;
    }

    #estadoPedido ul label{        
        /*font-size:13px;*//*AUMENTO LETRA*/
        /*line-height:200%;*/
        font-weight:bold;
        float:left;
        text-align:right;
        width:120px;
        margin-right:5px;
    }
    #estadoPedido ul span{        
        margin-right:5px;
        font-size:16px;
    }
    #estadoPedido span{
        margin-right:5px;
        font-size:18px;
    }
    #estadoPedido span.small{
        /*float:left;*/        
        margin-top:3px;
        font-size:12px;
    }

.dato_deducido{
    border: 1px solid orangered !important;
}
.dato_deducido:disabled{
    border: none !important;
    color:orangered !important;
}

.dato_deducido_fondo{
    color:orangered !important;
}

.dato_corregido{
    border: 1px solid #4c7afa !important;
}
.dato_corregido:disabled{
    border: none !important;
    color:#4c7afa !important;
}

.dato_cambiado_X_HL{
    border: 1px solid yellow !important;
    float: none  !important;
    height: 9px  !important;
    width: 9px  !important;
    position: relative !important;
    top: 7px;
    left: 81px;
    background-color: yellow  !important;
}
.linea_cambiado_X_HL{                
    top: 12px;
    left: -6px;
    padding: 9px 8px 0px 0px;
    margin: -9px 0px 0px 7px;
}




.linea_nueva{
    color:#4c7afa !important;
}

#divGraficas{
    margin: auto;
    /*width: 1250px;*/
}

.divDBGraficas{
    border:0px solid blue;
    margin: 0px auto 5px auto;
    overflow:hidden;
    /*max-width:1250px;*/
}

.divDBGraficas .grafPieT1{    
    margin: 5px;
    /*width:300px;*/        
}
.divDBGraficas .grafColumnT1{    
    margin: 5px;
    /*width:610px;*/        
}

.divDBDatos{
    border:0px solid blue;
    overflow:hidden;
    margin:20px auto 0px auto;    
    /*max-width:1050px;*/
}
    .divDBDatos .grupoDatos{
        border:5px solid rgb(242, 242, 242);/*cornflowerblue;*/
        width:500px;            
        float:left;
        margin:0 5px 20px 0;             
        min-height:160px;
    }
    .divDBDatos .titulo{
        border:0px solid yellow;
        width:100%;
        float:left;
        background-color:rgb(242, 242, 242);/*cornflowerblue;*/
        font-size:22px;
        /*font-weight:bold;*/
        color:#51B580;/*//white;*/
        text-align:center;
        padding:5px;
    }
    .divDBDatos .parValorDato{
        border:0px solid brown;
        float:left;
        width:33%;
        text-align:center;
        font-size:18px;
        padding:5px;
    }
    .divDBDatos .valor{
        border:0px solid yellow;
        font-size:28px;
        font-weight:bold;
        padding-bottom:5px;        
        width:100%;
        float:left;
    }
    .divDBDatos .dato{
        border:0px solid yellow;        
        float:left;
        width:100%;
    }

    

#grafAnalisisHL highcharts-series:nth-child(3){
    stroke: green;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*                         TABLETS Styles                                     */
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 900px) { /*and (orientation: landscape)*/
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*                         MOVILES Styles                                     */
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
@media only screen and (max-width: 800px) and (orientation: portrait) {
}

.dismissible-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.dismissible-alert > span {
    flex: 1;
}

.dismiss-btn {
    flex-shrink: 0;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    opacity: 0.6;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dismiss-btn:hover {
    opacity: 1;
}