body {
	height:100%;
	color:#4A4D62;
  background-color:#EDEFF5;
	font-family:"Arial Narrow";
	overflow-x:hidden;
	cursor:default;
}

*:focus {
  outline:none;
}

::-webkit-scrollbar {
  width:0px;
  background:transparent;
}

																														/*LOGIN*/
.fondo {
	position:fixed;
	background-image:url("images/login_fondo.png");
	background-size:cover;
	height:100%;
	width:100%;
	left:0;
	right:0;
	z-index:-1;
}

#loginLogo {
	position:fixed;
	top:200px;
	left:calc(50% - 300px);
	width:600px;
	height:197px;
	background-color:transparent;
}

																														/*CABECERA*/
#panelCabecera {
	position:absolute;
	width:100%;
	height:80px;
	background-color:#61762B;
}

#logo {
	position:absolute;
	top:5px;
	left:calc(50% - 105px);
	width:213px;
	height:70px;
}

#btnPerfil {
	position:absolute;
	top:20px;
	right:100px;
}

#btnCerrar {
	position:absolute;
	top:20px;
	right:20px;
}

																														/*MENU*/
#panelMenu {
	position:absolute;
	top:80px;
	width:300px;
	height:calc(100% - 80px);
	background-color:#575954;
	z-index:1;
}

.boton {
	position:absolute;
	width:100px;
	height:100px;
	border:2px solid black;
	background-color:white;
	cursor:pointer;
}

.boton:hover {
	background-color:lightgray;
}

.btnIcono {
	position:absolute;
	top:0px;
	left:10px;
	width:80px;
	height:80px;
}

.btnTexto {
	position:absolute;
	top:70px;
	left:0px;
	width:100px;
	font-size:14px;
	text-align:center;
}

#btnA {
	top:50px;
	left:40px;
}

#btnB {
	top:50px;
	right:40px;
}

#btnC {
	top:170px;
	left:40px;
}

#btnD {
	top:170px;
	right:40px;
}

#btnE {
	top:290px;
	left:40px;
}

#btnF {
	top:290px;
	right:40px;
}

#btnG {
	top:410px;
	left:40px;
}

#btnH {
	top:410px;
	right:40px;
}

#btnI {
	top:530px;
	left:40px;
}

#btnJ {
	top:530px;
	right:40px;
}

																														/*PANEL PRINCIPAL*/
.panel {
	position:absolute;
	top:80px;
	left:300px;
	width:calc(100% - 300px);
	height:calc(100% - 80px);
}

.panelSecundario {
	position:absolute;
	top:150px;
	left:calc(50% - 600px);
	width:1200px;
	height:calc(100% - 250px);
}

.titulo {
	font-size:48px;
	text-align:center;
}

.tituloSec {
	font-size:28px;
	text-align:center;
}

.nuevaLinea {
	position:absolute;
	top:0px;
	left:calc(50% + 250px);
}

.datosA {
	position:absolute;
	left:calc(50% - 260px);
	width:250px;
}

.datosB {
	position:absolute;
	left:calc(50% + 10px);
	width:250px;
}

.datosC {
	position:absolute;
	left:calc(50% - 125px);
	width:250px;
}

.entrada {
	width:240px;
	margin-top:10px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid black;
}

.entradaTabla {
	padding-left:8px;
	padding-right:8px;
	border:1px solid black;
}

.entradaBuscar {
	position:absolute;
	top:10px;
	left:calc(50% + 320px);
	width:250px;
	height:38px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid black;
}

.entradaBuscarA {
	position:absolute;
	top:10px;
	left:calc(50% + 320px);
	width:120px;
	height:38px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid black;
}

.entradaBuscarB {
	position:absolute;
	top:10px;
	left:calc(50% + 450px);
	width:120px;
	height:38px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid black;
}

.selector {
	width:240px;
	height:28px;
	margin-top:10px;
}


.selectorTabla {
	height:30px;
}

.selectorBuscar {
	position:absolute;
	top:10px;
	left:calc(50% + 160px);
	width:150px;
	height:38px;
}

.selectorBuscarA {
	position:absolute;
	top:10px;
	left:calc(50% + 320px);
	width:250px;
	height:38px;
}

.barraBuscar {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:80px;
	background-color:lightgray;
}

.btnNuevo {
	position:absolute;
	top:20px;
	left:20px;
}

.pagina {
	position:absolute;
	top:20px;
	left:calc(50% - 90px);
	width:180px;
	background-color:red;
}

.btnAnterior {
	position:absolute;
	left:0px;
}

.btnCentro {
	position:absolute;
	left:calc(50% - 30px);
	width:60px;
	height:38px;
}

.btnSiguiente {
	position:absolute;
	right:0px;
}

.btnGuardar {
	position:absolute;
	bottom:50px;
	left:calc(50% - 160px);
}

.btnEliminar {
	position:absolute;
	bottom:50px;
	left:calc(50% + 50px);
}

.btnVolver {
	position:absolute;
	margin-left:20px;
	z-index:1;
}

.vistaTablaGeneral {
	position:absolute;
	top:100px;
	width:1200px;
	height:calc(100% - 200px);
	left:calc(50% - 600px);
}

#panelPrincipal {
	display:block;
}

																														/*PANEL PERFIL*/
#panelPerfil {
	display:none;
}

#perfilDatos1 {
	display:block;
}

#perfilIdenPais {
	width:80px;
}

#perfilIdentifi {
	width:150px;
	margin-left:6px;
}

#perfilTelefono {
	width:115px;
}

#perfilMovilUse {
	width:115px;
	margin-left:6px;
}

#perfilLogo {
	position:absolute;
	top:300px;
	left:calc(50% - 260px);
	width:512px;
	height:168px;
}

#perfilDatos2 {
	display:none;
}

#btnActualizar {
	position:absolute;
	bottom:50px;
	left:calc(50% - 80px);
}

																														/*PANEL PEDIDOS*/
#panelPedidos {
	display:none;
}

#pedidosMostrarTodos {
	position:absolute;
	top:20px;
	left:calc(50% + 200px);
}

#pedidosMostrarActuales {
	position:absolute;
	top:20px;
	left:calc(50% + 280px);
}

#pedidosDiaAnterior {
	position:absolute;
	top:20px;
	left:calc(50% + 340px);
}

#pedidosDiaSiguiente {
	position:absolute;
	top:20px;
	left:calc(50% + 400px);
}

#pedidosSelectorBuscarIdenTran {
	display:none;
}

#pedidosSelectorBuscarIdenComi {
	display:none;
}

#pedidosBuscarA {
	display:none;
}

#pedidosBuscarB {
	display:none;
}

#pedidosFactura {
	position:absolute;
	display:none;
	top:300px;
	left:50px;
}

#pedidosOrden {
	position:absolute;
	display:none;
	top:360px;
	left:50px;
}

#btnInformesA {
	position:absolute;
	top:20px;
	left:160px;
}

#btnInformesB {
	position:absolute;
	top:20px;
	left:380px;
}

#pedidosFinalizar {
	position:absolute;
	top:400px;
	left:calc(50% + 400px);
}

																														/*PANEL PEDIDOS NUEVO*/
#panelPedidosNuevo {
	display:none;
}

#pedidosIdDirecA {
	position:absolute;
	top:410px;
	left:calc(50% - 265px);
	width:510px;
	margin-left:6px;
}

#pedidosDirecRec {
	position:absolute;
	top:410px;
	left:calc(50% - 265px);
	width:510px;
	margin-left:6px;
}

#pedidosIdDirecB {
	position:absolute;
	top:448px;
	left:calc(50% - 265px);
	width:510px;
	margin-left:6px;
}

#pedidosDirecEnt {
	position:absolute;
	top:448px;
	left:calc(50% - 265px);
	width:510px;
	margin-left:6px;
}

#pedidosCambiarA {
	position:absolute;
	top:420px;
	left:calc(50% + 260px);
}

#pedidosCambiarB {
	position:absolute;
	top:458px;
	left:calc(50% + 260px);
}

#pedidosObservac {
	position:absolute;
	top:486px;
	left:calc(50% - 265px);
	width:510px;
	margin-left:6px;
}

.pedidosSelectorCarga {
	width:240px !important;
	height:28px;
	padding-top:4px;
	background-color:lightgray;
	border:1px solid black;
}

.pedidosSelectorDescarga {
	width:240px !important;
	height:28px;
	padding-top:4px;
	background-color:lightgray;
	border:1px solid black;
}

#pedidosCambiarContactoCarga {
	position:absolute;
	top:276px;
	left:calc(50% - 165px);
}

#pedidosCambiarContactoDescarga {
	position:absolute;
	top:314px;
	left:calc(50% - 165px);
}

#pedidosBtnDocumentoA {
	position:absolute;
	top:540px;
	left:calc(50% - 155px);
}

#pedidosBtnDocumentoB {
	position:absolute;
	top:540px;
	left:calc(50% + 10px);
}

																														/*PANEL TRANSPORTISTAS*/
#panelTransportistas {
	display:none;
}

#transportistasSelectorBuscarIdenProv {
	display:none;
}

#transportistasSelectorBuscarIdenMuni {
	display:none;
}

																														/*PANEL TRANSPORTISTAS NUEVO*/
#panelTransportistasNuevo {
	display:none;
}

#transportistasDatos1 {
	display:block;
}

#transportistasIdenPais {
	width:80px;
}

#transportistasIdentifi {
	width:150px;
	margin-left:6px;
}

#transportistaCertificados {
	position:absolute;
	top:300px;
	left:calc(50% - 250px);
	width:500px;
}

#transportistaBtnCerA1 {
	position:absolute;
	top:70px;
	left:30px;
}

#transportistasFechaCeA {
	position:absolute;
	top:65px;
	left:200px;
	width:150px;
}

#transportistaBtnCerA2 {
	position:absolute;
	top:70px;
	left:370px;
}

#transportistaBtnCerB1 {
	position:absolute;
	top:120px;
	left:30px;
}

#transportistasFechaCeB {
	position:absolute;
	top:115px;
	left:200px;
	width:150px;
}

#transportistaBtnCerB2 {
	position:absolute;
	top:120px;
	left:370px;
}

#transportistaBtnSegA1 {
	position:absolute;
	top:170px;
	left:30px;
}

#transportistaBtnSegA2 {
	position:absolute;
	top:170px;
	left:370px;
}

#transportistaBtnSegB1 {
	position:absolute;
	top:220px;
	left:30px;
}

#transportistaBtnSegB2 {
	position:absolute;
	top:220px;
	left:370px;
}

#transportistasDatos2 {
	display:none;
}

#transportistasDatos3 {
	display:none;
}

#transportistasDatos4 {
	display:none;
}

#transportistasDatos5 {
	display:none;
}

#transportistasDatos6 {
	display:none;
}

#transportistasDatos7 {
	display:none;
}

																														/*PANEL CLIENTES*/
#panelClientes {
	display:none;
}

																														/*PANEL CLIENTES NUEVO*/
#panelClientesNuevo {
	display:none;
}

#clientesDatos1 {
	display:block;
}

#clientesIdenPais {
	width:80px;
}

#clientesIdentifi {
	width:150px;
	margin-left:6px;
}

#clientesDatos2 {
	display:none;
}

#clientesDatos3 {
	display:none;
}

#clientesDatos4 {
	display:none;
}

#clientesDatos5 {
	display:none;
}

																														/*PANEL COMISIONISTAS*/
#panelComisionistas {
	display:none;
}

																														/*PANEL COMISIONISTAS NUEVO*/
#panelComisionistasNuevo {
	display:none;
}

#comisionistasDatos1 {
	display:block;
}

#comisionistasIdenPais {
	width:80px;
}

#comisionistasIdentifi {
	width:150px;
	margin-left:6px;
}

#comisionistasDatos2 {
	display:none;
}

#comisionistasDatos3 {
	display:none;
}

																														/*PANEL GASTOS*/
#panelGastos {
	display:none;
}

#gastosBuscarA {
	display:none;
}

#gastosBuscarB {
	display:none;
}

																														/*PANEL GASTOS NUEVO*/
#panelGastosNuevo {
	display:none;
}

#gastosDatos1 {
	display:block;
}

#gastosBaseFact {
	text-align:right;
}

#gastosTotalIva {
	text-align:right;
}

#gastosTotalIrp {
	text-align:right;
}

#gastosTotalFac {
	text-align:right;
}

#gastosBtnDocumentoA {
	position:absolute;
	top:340px;
	left:calc(50% - 155px);
}

#gastosBtnDocumentoB {
	position:absolute;
	top:340px;
	left:calc(50% + 10px);
}


																														/*PANEL FACTURAS*/
#panelFacturas {
	display:none;
}

#facturasSelectorBuscarEstado {
	display:none;
}

#facturasBuscarA {
	display:none;
}

#facturasBuscarB {
	display:none;
}

#btnFacturaA {
	position:absolute;
	top:20px;
	left:160px;
}

																														/*PANEL FACTURAS NUEVA*/
#panelFacturasNuevo {
	display:none;
}

#facturasDatos1 {
	display:block;
}

#facturasDatos2 {
	display:none;
}

#facturasTotales {
	position:absolute;
	width:300px;
	bottom:0px;
	right:80px;
}

																														/*PANEL CREAR FACTURAS DESDE PEDIDOS*/
#panelFacturaANuevo {
	display:none;
}

#facturaADatos1 {
	display:block;
}

#facturaASelectorIdenClie {
	position:absolute;
	left:calc(50% - 120px);
}

#facturaAFechaA {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% - 120px);
}

#facturaAFechaB {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% + 5px);
}

#facturaAVistaTablaA {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% - 590px);
	background-color:white;
}

#facturaABtnPoner {
	position:absolute;
	top:300px;
	left:calc(50% - 20px);
}

#facturaABtnQuitar {
	position:absolute;
	top:360px;
	left:calc(50% - 20px);
}

#facturaAVistaTablaB {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% + 40px);
	background-color:white;
}

																														/*PANEL PROVEEDORES*/
#panelProveedores {
	display:none;
}

																														/*PANEL PROVEEDORES NUEVO*/
#panelProveedoresNuevo {
	display:none;
}

#proveedoresDatos1 {
	display:block;
}

#proveedoresIdenPais {
	width:80px;
}

#proveedoresIdentifi {
	width:150px;
	margin-left:6px;
}

#proveedoresDatos2 {
	display:none;
}

#proveedoresDatos3 {
	display:none;
}

																														/*PANEL REMESAS*/
#panelRemesas {
	display:none;
}

																														/*PANEL REMESAS NUEVA*/
#panelRemesasNuevo {
	display:none;
}

#remesasDatos1 {
	display:block;
}

#remesasSelectorIdCuenta {
	position:absolute;
	width:300px;
	top:50px;
	left:calc(50% - 305px);
}

#remesasFechaVen {
	position:absolute;
	width:130px;
	top:50px;
	left:calc(50% + 5px);
}

#remesasFechaA {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% - 120px);
}

#remesasFechaB {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% + 5px);
}

#remesasVistaTablaA {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% - 590px);
	background-color:white;
}

#remesasBtnPoner {
	position:absolute;
	top:300px;
	left:calc(50% - 20px);
}

#remesasBtnQuitar {
	position:absolute;
	top:360px;
	left:calc(50% - 20px);
}

#remesasVistaTablaB {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% + 40px);
	background-color:white;
}

																														/*PANEL INFORME GASTOS*/
#panelInformesA {
	display:none;
}

#informesABuscarA {
	display:none;
}

#informesABuscarB {
	display:none;
}

																														/*PANEL INFORME GASTOS TRANSPORTISTAS NUEVO*/
#panelInformesANuevo {
	display:none;
}

#informesADatos1 {
	display:block;
}

#informesASelectorIdenTran {
	position:absolute;
	left:calc(50% - 120px);
}

#informeAFechaA {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% - 120px);
}

#informeAFechaB {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% + 5px);
}

#informesAVistaTablaA {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% - 590px);
	background-color:white;
}

#informeABtnPoner {
	position:absolute;
	top:300px;
	left:calc(50% - 20px);
}

#informeABtnQuitar {
	position:absolute;
	top:360px;
	left:calc(50% - 20px);
}

#informesAVistaTablaB {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% + 40px);
	background-color:white;
}

#informesAGasto {
	position:absolute;
	display:none;
	top:200px;
	left:50px;
}

																														/*PANEL INFORME GASTOS COMISIONISTAS*/
#panelInformesB {
	display:none;
}

#informesBBuscarA {
	display:none;
}

#informesBBuscarB {
	display:none;
}

																														/*PANEL INFORME GASTOS COMISIONISTAS NUEVO*/
#panelInformesBNuevo {
	display:none;
}

#informesBDatos1 {
	display:block;
}

#informesBSelectorIdenComi {
	position:absolute;
	left:calc(50% - 120px);
}

#informeBFechaA {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% - 120px);
}

#informeBFechaB {
	position:absolute;
	width:115px;
	top:100px;
	left:calc(50% + 5px);
}

#informesBVistaTablaA {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% - 590px);
	background-color:white;
}

#informeBBtnPoner {
	position:absolute;
	top:300px;
	left:calc(50% - 20px);
}

#informeBBtnQuitar {
	position:absolute;
	top:360px;
	left:calc(50% - 20px);
}

#informesBVistaTablaB {
	position:absolute;
	width:550px;
	height:calc(100% - 170px);
	top:160px;
	left:calc(50% + 40px);
	background-color:white;
}

#informesBGasto {
	position:absolute;
	display:none;
	top:200px;
	left:50px;
}

																														/*PANEL DIRECCIONES*/
#panelDirecciones {
	display:none;
}

#direccionesBuscarA {
	width:250px;
}

																														/*PANEL CONTACTOS*/
#panelContactos {
	display:none;
}

#contactosBuscarA {
	width:250px;
}








.table-fixed thead, .table-fixed tbody tr {
  display:table;
  width:100%;
}

.table-fixed tbody {
  display:block;
	height:calc(100% - 30px);
  overflow:auto;
}

.table th {
	padding-top:0px;
	padding-bottom:0px;
	border:none !important;
	text-decoration:underline;
	font-size:14px;
	color:black;
	cursor:pointer;
}

.table tr {
	cursor:pointer;
}

.table td {
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	border:none !important;
	font-size:16px;
	text-align:left;
	color:black;
  vertical-align:middle;
	/* white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; */
	max-width:1px;
}