/* CSS Document */

body{ font-family: 'Open Sans', sans-serif; font-weight: 400; overflow-x:hidden; }

div.homeDashboard{ /*background-color:#eef5f9;*/ background-color: #336079; width: 100vw; /*height: 100vh;*/ }

div.homeDashboardDATA{ display: none; }

div.homeDashboardREP{ cursor:pointer; }

/* HOME DASHBOARD NUMEROS HOVER */
div.numeritoDashboard{ background-color: #FFF; transition: background-color 0.3s ease-in-out 0s; }
div.numeritoDashboard:hover{ cursor:pointer; background-color:#A6CE3833; }
/* HOME DASHBOARD NUMEROS HOVER */

div.columa6p24{
    border:1px solid #EEE; 
    padding:12px;
    background-color:#FFF; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
    float:left;
    height:178px;
    margin-right: 24px;
}

div.columa6p24NOH{
    border:1px solid #EEE; 
    padding:24px;
    background-color:#FFF; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
    float:left;
    /*height:178px;*/
    margin-right: 24px;
}

button.btn_login{
    background-color:#2a98a9;
    padding: 6px 10px;
    box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out 0s;
    border:0px;
    width:400px;
    color:#FFF;
}
button.btn_login:hover{ background-color:#96CB5A; color:#FFF; }

a:hover{ cursor:pointer; }
div.botonesFondo{ border:0px; background: #EEE; border-radius: 10px; padding:15px; width:200px; }
div.botonesFondo:hover{ background: #CCC; }

thead.tablaListarClientesHead > tr > th,
thead.tablaListarProductosHead > tr > th,
thead.tablaListarUsuariosHead > tr > th,
thead.tablaListarTransportesHead > tr > th { color: #FFF; text-align: center; background-color: darkcyan; }

tbody.tablaListarUsuariosBody > tr:hover{ cursor: pointer; }

div.botones:hover,
span.botonesMenuProdNDP:hover,
span.botonesMenuCliente:hover,
span.botonesMenuProducto:hover,
span.cc_adminC_delcon:hover,
span.cc_adminC_pricon:hover{ cursor:pointer; color: steelblue; }

span.botonAccionLDP:hover{ cursor:pointer; color:#3905A7; }

span.botonesAccionProducto:hover { cursor:pointer; color: steelblue; }

tbody#ndp_tablaListaBODY:hover{ cursor:pointer; }
tbody#tabla_bProduccionBODY > tr > td, tbody#tabla_bIonicsBODY > tr > td, tbody#tabla_bDespachoBODY > tr > td{ vertical-align: middle; }

/*IZQUIERDA DE LA NOTA DE PEDIDO*/
div.ndp_listadoCliente,
div.ndp_prod_select,
div.ndp_prod_precioxk,
div.ndp_prod_codigoCliente,
div.ndp_prod_observacion{ padding:0px; }

/*DERECHA DE LA NOTA DE PEDIDO*/
div.btnAddCliente,
div.ndp_prod_kilogramos,
div.ndp_prod_precioTotal,
div.ndp_fechaentrega,
div.ndp_prod_fechatde,
div.ndp_prod_fecharde{ padding:0px 0px 0px 10px; }

div.ndp_prod_ADD{ padding:0px; padding-right:5px; }
div.ndp_prod_MOD{ padding:0px; padding-left:5px; padding-right:5px; }
div.ndp_prod_REFRESH{ padding:0px; padding-left:5px; }

span.botonSalir{ margin-left:10px; float:left; }
span.botonSalir:hover{ cursor: pointer; color:brown; }

table#odc_tablaLista { font-size:12px; }
tbody#odc_tablaListaBODY > tr{ cursor:pointer; }
/*tbody#odc_tablaListaBODY > tr > td.nombreEstado{ padding-top:12px; }*/

tbody#odc_productosBODY >tr{ vertical-align: middle; }

table#odc_productos2,
table#tabla_bProduccion,
table#tabla_bDespacho,
table#tabla_bIonics,
table#tabla_bSinStock,
table#tablaReporte_homeDashboard{ font-size:10px; }

bProduccionDATA,
div#bDespachoDATA,
div#bIonicsDATA{ font-size:10px; }

table#odc_productos2 tbody tr td,
table#tabla_bProduccion tbody tr td,
table#tabla_bDespacho tbody tr td,
table#tabla_bIonics tbody tr td,
table#tabla_bSinStock tbody tr td { vertical-align: middle; /*white-space: nowrap;*/ }

.overdueTR{ background-color:rgba(255,199,206,0.5); color:rgb(156,0,6); }

td.odcprod_observaciones:hover{ cursor:pointer; }

span.ntpedidoBotones{ color:#666; }
span.ntpedidoBotones:hover{ color:#333; cursor: pointer; }

span.ntpedidoBotonesActive{ color:rgb(66, 121, 186); }
span.ntpedidoBotonesActive:hover{ color:rgb(39, 70, 107); }

thead#tabla_bFacturacionHEAD, tbody#tabla_bFacturacionBODY{ font-size:10px; }
tbody#tabla_bFacturacionBODY tr td{ vertical-align: middle; white-space: nowrap; }

tbody#tablaListarProductoModalBody tr:hover, tbody#tablaComexListarProductoModalBody tr:hover{ cursor:pointer; }

table#tabla_adminEselest,
thead.tabla_adminEselestHEAD tr th div.th-inner,
tbody.tabla_adminEselestBODY tr td{ font-size:12px; vertical-align: middle; white-space: nowrap; }

tbody.tabla_adminEselestBODY tr td span.cc_adminE_editest:hover{ cursor:pointer; color:#5516f0; }
tbody.tabla_adminEselestBODY tr td span.cc_adminE_delest:hover{ cursor:pointer; color:rgb(173, 55, 51); }

table#tabla_transportes,
thead.tabla_transportesHEAD tr th div.th-inner,
tbody.tabla_transportesBODY tr td{ vertical-align: middle; white-space: nowrap; }

span.transp_boton_lista, span.transp_boton_ver{ color:rgb(66, 121, 186); }
span.transp_boton_lista:hover, span.transp_boton_ver:hover{ color:rgb(39, 70, 107); cursor:pointer; }

tbody#tabla_retirosLISTADOBODY tr:HOVER,
tbody#tabla_posretirosLISTADOBODY tr:HOVER,
tbody#ar_productosTABLABODY tr:HOVER,
tbody#apr_productosTABLABODY tr:HOVER,
tbody#acopladosTablaBODY tr:HOVER,
tbody#unidadesTablaBODY tr:HOVER,
tbody#tabla_adminCselconBODY tr:HOVER,
tbody#tabla_certiretirosLISTADOBODY tr:HOVER,
tbody#tmatsRetirosLISTADOBODY tr:HOVER,
tbody#tmatsAcopiosARLISTADOBODY tr:HOVER,
tbody#choferesTablaBODY tr:HOVER{ cursor: pointer; }

/*LISTAR PEDIDODS*/
span.ar_btn_gen_PRECertificado:hover,
span.ar_btn_gen_correo_PRECertificado:hover,
span.ar_span_modificarfecharetiro:hover,
span.ar_span_modificardescarga:hover,
span.ar_span_modificartransporte:hover,
span.ar_span_modificarnremito:hover,
span.apr_span_modificarnremito:hover,
span.ar_span_modificarcertificado:hover,
span.ar_span_modificarestancia:hover,
span.ar_modificar_trans:hover,
span.apr_modificar_trans:hover,
span.ar_btn_gen_avanza_retiro:hover,
span.apr_archivos_archivoFinal:hover,
span.volverAtras:hover{ cursor:pointer; color:#3F8ACF; }

/*BOTONES DNI TRANSPORTES*/
div.trans_dni_M:hover,
div.trans_dni_F:hover{ cursor:pointer; background-color: #3F8ACF; color:#FFF; }

span.ar_btn_cerrarRetiro:hover{ cursor:pointer; color:#CF2F2F;}
/*span.btnOCMora:hover{ cursor:pointer; color:#CF2F2F;}*/
/*span.btnOCEdit:hover{ cursor:pointer; color:#3F8ACF;}*/

span.ar_span_titulo, 
span.apr_span_titulo,
span.acr_span_titulo{ font-weight:bold; color:#3D5E03; font-size:16px; }

.table-hover > tbody > tr:hover { background-color: #d8ffe0; }
.table-hover > tbody > tr.selected > td { background-color: #d1ecce; border: 1px solid #b4b4b4; }



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

    /*DERECHA DE LA NOTA DE PEDIDO*/
    div.ndp_fechaentrega,
    div.ndp_prod_precioxk,
    div.ndp_prod_codigoCliente,
    div.btnAddCliente{ padding:0px 0px 0px 0px; }

    div.ndp_productosADDSEP{ display:none; }
}