@font-face {
	font-family:"Calama";
	src:url("../../font/calama.ttf");
}

@font-face {
	font-family:"Nexa";
	src:url("../../font/nexa_book.otf");
}

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

*:focus {
  outline:none;
}

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

.texto {
	font-size:14px;
	color:black;
}

.entrada {
	height:46px;
	padding-left:10px;
  vertical-align:middle;
	border:1px solid #CCCCCC;
  border-radius:3px;
	font-size:14px;
	color:black;
	background-color:white;
	border-style:solid;
}

.entrada:hover {
	border:2px solid #5DBDAA;
}

.entrada:focus {
	border:2px solid #5DBDAA;
}

.tituloElemento {
	float:left;
	width:300px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:20px;
	text-align:left;
	font-size:8px;
	font-weight:bold;
	color:#4A4D62;
}

.datoCen {
	float:left;
	width:270px;
	margin-top:0px;
	margin-left:20px;
}

.datoA {
	width:274px;
	margin-top:20px;
	margin-left:calc(50% - 137px);
}

.datoB {
	width:274px;
	margin-top:20px;
	margin-right:calc(50% - 137px);
}

.datoC {
	width:274px;
	margin-top:20px;
}

.datoSelec {
	width:250px;
	margin-top:20px;
	float:left;
}

.selector {
	height:46px;
	padding-left:10px;
	color:black;
	border:1px solid #CCCCCC;
  border-radius:3px;
	font-size:14px;
  vertical-align:middle;
	background-color:white;
	appearance:none;
	-moz-appearance:none;
  -webkit-appearance:none;
	background-image:url("images/flechas_select.svg");
	background-position:calc(100% - .5rem), 100% 0;
	background-repeat:no-repeat;
}

.selector:hover {
	border:2px solid #5DBDAA;
}

.selector:focus {
	border:2px solid #5DBDAA;
}

.cuadroAzul {
	position:fixed;
	top:60px;
	left:0px;
	width:100%;
	height:200px;
  background-color:#9598AD;
}

.cuadroBlanco {
	position:fixed;
	top:120px;
	left:calc(50% - 512px);
	width:1024px;
	height:100%;
  background-color:white;
}

.barraNuevo {
	height:90px;
	width:100%;
  background-color:#EDEFF5;
}

.barraBuscar {
	height:70px;
}

.barraPagina {
	display:none;
	position:fixed;
	width:1024px;
	height:60px;
	top:calc(100% - 60px);
	z-index:1;
}

.btnNavegacion {
	padding:0 5px;
	cursor:pointer;
}

.btnNavegacion:hover {
	-ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
	transform:scale(1.05);
}

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

.table-fixed tbody {
  display:block;
	height:calc(100% - 110px);
	min-height:125px;
	max-height:785px;
  overflow:auto;
}

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

.table tr {
	cursor:pointer;
}

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

.datosLinea {
	position:fixed;
	margin-top:20px;
	left:calc(50% - 300px);
	z-index:-1;
}

.datosBtnA:hover {
	-ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
	transform:scale(1.05);
}

.datosBtnB {
	padding-bottom:15px;
}

.datosBtnB:hover {
	-ms-transform:scale(1.05);
  -webkit-transform:scale(1.05);
	transform:scale(1.05);
}

.cursorPointer {
	cursor:pointer;
}

.btnNuevaLinea {
	position:absolute;
	margin-top:-60px;
	margin-left:calc(100% - 60px);
	cursor:pointer;
}

.tituloVentana {
	width:1000px;
	padding:30px 0px 10px 0px;
	font-size:21px;
	font-weight:bold;
	color:#4A4D62;
	margin-bottom:10px;
}

.sombra {
	box-shadow:5px 5px 5px #9598AD;
}

.borde {
	border:1px solid #9598AD;
}

																														/*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;
}

#logo {
	position:fixed;
	top:150px;
	left:calc(50% - 465px);
}

#loginTitulo {
	text-align:center;
	width:280px;
	margin-bottom:10px;
	margin-left:calc(50% - 140px);
	color:white;
	font-size:14px;
}

#usuario {
	width:280px;
	margin-bottom:10px;
}

#password {
	width:280px;
}

#loginBtnEntrar {
	cursor:pointer;
}

#avisoNavegador {
	font-size:18px;
	text-decoration:none;
	color:#DE9D2A;
}

																														/*MENU*/
#menuFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:9;
}

#menuCerrar {
	cursor:pointer;
}

#menuAbrir {
	cursor:pointer;
}

#menu {
  height:100%;
  width:0;
  position:fixed;
  top:0;
  left:0;
  background-color:white;
  overflow-x:hidden;
  padding-top:0px;
  transition:0.5s;
  z-index:10;
}

.menuBarra {
	background-color:#4A4D62;
  top:0;
  left:0;
	opacity:0.8;
}

#menuPerfil {
	width:120px;
	height:60px;
	margin-left:58px;
	cursor:pointer;
}

#menuNombre {
	width:236px;
	font-size:14px;
	color:#4A4D62;
}

.menuLink {
	width:236px;
	margin:0;
	padding-left:20px;
	font-size:14px;
	color:#4A4D62;
	cursor:pointer;
}

.menuLink:hover {
	text-decoration:underline;
	color:#DE9D2A;
}

.menuSeparador {
	padding-left:20px;
}

																														/*CABECERA*/
#cabecera {
	position:fixed;
	top:0px;
	left:0px;
	padding-right:10px;
	width:100%;
	background-color:#4A4D62;
	z-index:5;
}

#btnMenu {
	cursor:pointer;
}

#btnLogo {
	margin-left:calc(50% - 160px);
}

																														/*PERFIL*/
#perfilFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:6;
}

#perfil {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#perfilCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#perfilDatos1 {
	display:block;
	height:350px;
}

#perfilIdenPais {
	width:80px;
}

#perfilIdentifi {
	width:165px;
}

#perfilDatos1a {
	display:none;
	height:350px;
}

#perfilBtnSubirA {
	margin-left:100px;
	margin-top:22px;
	float:left;
	cursor:pointer;
}

#perfilDatos2 {
	display:none;
	height:350px;
}

#perfilIdenPaisR {
	width:80px;
}

#perfilIdentifiR {
	width:165px;
}

#perfilBtnGuardar {
	margin-top:10px;
	margin-right:35px;
	float:right;
	cursor:pointer;
}

																														/*COMPRAVENTAS*/
#appCompraventas {
	display:block;
	position:fixed;
	top:60px;
	left:0px;
	width:100%;
	height:100%;
  background-color:white;
	z-index:1;
}

																														/*CLIENTES*/
#clientes {
	display:block;
}

#clientesBtnNuevo {
	margin-top:25px;
	margin-left:calc(50% - 75px);
	cursor:pointer;
}

#clientesSelectorBuscar {
	width:200px;
	margin:22px 10px 0px 10px;
}

#clientesTextoBuscar {
	width:300px;
	margin:22px 10px 0px 10px;
}

#clientesTabla {
	position:relative;
	top:20px;
	width:900px;
	height:calc(100% - 280px);
	left:calc(50% - 450px);
}

#clientesBtnAnterior {
	position:absolute;
	top:0px;
	left:calc(50% - 100px);
	cursor:pointer;
}

#clientesSelectorPagina {
	position:absolute;
	width:80px;
	height:43px;
	top:0px;
	left:calc(50% - 40px);
}

#clientesBtnSiguiente {
	position:absolute;
	top:0px;
	left:calc(50% + 55px);
	cursor:pointer;
}

#clientesFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:8;
}

#clientesNuevo {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:9;
}

#clientesCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#clientesDatos1 {
	display:block;
	height:350px;
}

#clientesIdenPais {
	width:80px;
}

#clientesIdentifi {
	width:165px;
}

#clientesDatos2 {
	display:none;
	height:350px;
}

#clientesIdenPaisR {
	width:80px;
}

#clientesIdentifiR {
	width:165px;
}

#clientesBtnEliminar {
	margin-top:10px;
	float:left;
	cursor:pointer;
}

#clientesBtnGuardar {
	margin-top:10px;
	margin-right:35px;
	float:right;
	cursor:pointer;
}

																														/*TRANSFERENCIAS*/
#transferencias {
	display:none;
}

#transferenciasBtnNuevo {
	margin-top:25px;
	margin-left:calc(50% - 75px);
	cursor:pointer;
}

#transferenciasSelectorBuscar {
	width:200px;
	margin:22px 10px 0px 10px;
}

#transferenciasTextoBuscar {
	width:300px;
	margin:22px 10px 0px 10px;
}

#transferenciasTextoBuscarA {
	display:none;
	width:140px;
	margin:22px 10px 0px 10px;
}

#transferenciasTextoBuscarB {
	display:none;
	width:140px;
	margin:22px 10px 0px 10px;
}

#transferenciasSelectorBuscarVendedor {
	display:none;
	width:300px;
	margin:22px 10px 0px 10px;
}

#transferenciasSelectorBuscarComprador {
	display:none;
	width:300px;
	margin:22px 10px 0px 10px;
}

#transferenciasTabla {
	position:relative;
	top:20px;
	width:900px;
	height:calc(100% - 280px);
	left:calc(50% - 450px);
}

#transferenciasBtnAnterior {
	position:absolute;
	top:0px;
	left:calc(50% - 100px);
	cursor:pointer;
}

#transferenciasSelectorPagina {
	position:absolute;
	width:80px;
	height:43px;
	top:0px;
	left:calc(50% - 40px);
}

#transferenciasBtnSiguiente {
	position:absolute;
	top:0px;
	left:calc(50% + 55px);
	cursor:pointer;
}

#transferenciasFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:6;
}

#transferenciasNuevo {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#transferenciasCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#transferenciasBtnDescargarInformes {
	position:absolute;
	top:40px;
	right:30px;
	cursor:pointer;
	z-index:2;
}

#transferenciasDatos1 {
	display:block;
	height:350px;
}

#transferenciasBtnSubirA {
	margin-left:24px;
	margin-top:22px;
	float:left;
	cursor:pointer;
}

#transferenciasBtnDescargarA {
	margin-right:4px;
	margin-top:22px;
	float:right;
	cursor:pointer;
}

#transferenciasBtnSubirB {
	margin-left:24px;
	margin-top:22px;
	float:left;
	cursor:pointer;
}

#transferenciasBtnDescargarB {
	margin-right:4px;
	margin-top:5px;
	float:right;
	cursor:pointer;
}

#transferenciasBtnSubirC {
	opacity:0;
	margin-left:24px;
	margin-top:22px;
	float:left;
}

#transferenciasBtnDescargarC {
	margin-right:4px;
	margin-top:5px;
	float:right;
	cursor:pointer;
}

#transferenciasDatos2 {
	display:none;
	height:350px;
}

#transferenciasBtnEliminar {
	margin-top:10px;
	float:left;
	cursor:pointer;
}

#transferenciasBtnGuardar {
	margin-top:10px;
	margin-right:35px;
	float:right;
	cursor:pointer;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													FACTURAS																																//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/
#facturas {
	display:none;
}

#facturasBotonNuevo {
	margin-top:25px;
	float:center;
	cursor:pointer;
}

#facturasSelectorBuscar {
	width:200px;
	margin:22px 10px 0px 10px;
}

#facturasTextoBuscar {
	width:300px;
	margin:22px 10px 0px 10px;
}

#facturasTextoBuscarA {
	display:none;
	width:140px;
	margin:22px 10px 0px 10px;
}

#facturasTextoBuscarB {
	display:none;
	width:140px;
	margin:22px 10px 0px 10px;
}

#facturasIdenBusc {
	display:none;
	width:300px;
	margin:22px 10px 0px 10px;
}

#facturasTabla {
	position:relative;
	top:20px;
	width:960px;
	height:calc(100% - 280px);
	left:calc(50% - 480px);
}

#facturasBtnAnterior {
	position:absolute;
	top:0px;
	left:calc(50% - 100px);
	cursor:pointer;
}

#facturasSelectorPagina {
	position:absolute;
	width:80px;
	height:43px;
	top:0px;
	left:calc(50% - 40px);
}

#facturasBtnSiguiente {
	position:absolute;
	top:0px;
	left:calc(50% + 55px);
	cursor:pointer;
}

#facturasFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:6;
}

#facturasNuevo {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#facturasBtnConceptos {
	margin-top:20px;
	float:right;
	cursor:pointer;
}

#facturasCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#facturasDatos1 {
	display:block;
	height:350px;
}

#facturasDatos1a {
	display:none;
	height:350px;
}

#facturasVistaItems {
	overflow:auto;
	margin-top:20px;
	height:240px;
}

#facturasTituloBase {
	margin-top:5px;
}

#facturasTituloIva {
	margin-top:-15px;
}

#facturasTituloTotal {
	margin-top:-25px;
}

#facturasTotalBas {
	margin-top:5px;
	margin-right:20px;
}

#facturasTotalIva {
	margin-top:-15px;
	margin-right:20px;
}

#facturasTotalFac {
	margin-top:-25px;
	margin-right:20px;
}

#facturasTotalLinea {
	margin-top:-40px;
	margin-right:-75px;
}

#facturasBtnEliminar {
	margin-top:0px;
	margin-left:35px;
	float:left;
	cursor:pointer;
}

#facturasBtnGuardar {
	margin-top:0px;
	margin-right:35px;
	float:right;
	cursor:pointer;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													CONCEPTOS																																//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/
#conceptosFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:6;
}

#conceptos {
	display:none;
  position:fixed;
	width:1024px;
  height:600px;
  top:calc(50% - 300px);
  left:calc(50% - 512px);
  background-color:white;
	z-index:7;
}

#conceptosCerrar {
  position:fixed;
  top:calc(50% - 300px);
  left:calc(50% + 522px);
	cursor:pointer;
}

#conceptosTitulo {
	font-size:21px;
	font-weight:bold;
	color:#4A4D62;
	margin-bottom:10px;
}

#conceptosLinea {
	margin-bottom:20px;
}

#conceptosVistaItems {
	overflow:auto;
	height:360px;
	margin-top:10px;
}

#conceptosBtnGuardar {
	margin-top:10px;
	margin-right:35px;
	float:right;
	cursor:pointer;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													ALERTAS																																	//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/

#alertaFondo {
	display:none;
  position:fixed;
	width:100%;
	height:100%;
	background-color:#9598AD;
	opacity:0;
  transition:0.5s;
	z-index:10;
}

#alertaFacturarFechaFac {
	width:200px;
	margin-bottom:10px;
}

#alertaFacturarImportes {
	width:200px;
	margin-bottom:10px;
}

#alertaFacturarIdTipIva {
	width:200px;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													DROPDOWN																																//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/

#dropdown {
	position:absolute;
	top:0;
	left:0;
	min-width:150px;
	background:#EDEFF5;
	border:1px solid #CCCCCC;
	z-index:1000;
}

#dropdown ul {
	list-style:none;
	margin:0;
	padding:0;
}

#dropdown ul li {
	position:relative;
}

#dropdown ul li a {
	display:block;
	padding:5px 10px;
	clear:both;
	cursor:pointer;
	color:#4A4D62;
	font-size:14px;
	text-decoration:none;
}

#dropdown ul li a:hover, #dropdown ul li a:focus {
	color:#4A4D62;
	background:#9598AD;
	text-decoration:none;
}

#dropdown ul li a:active {
	color:#EDEFF5;
	background:#4A4D62;
}
		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													TRABAJANDO																															//
		//																																																																	//
		//----------------------------------------------------------------------------------------------------------------------------------*/

#trabajandoFondo {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background-color:#9598AD;
	opacity:0;
	transition:0.5s;
	z-index:12;
}

#trabajando {
	display:none;
  position:fixed;
	width:100%;
  height:100%;
  top:0px;
  left:0px;
	z-index:13;
}

.spinner {
	position:absolute;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	font-size:4em;
	height:1em;
	line-height:1;
	margin:.5em;
	animation:anim-rotate 2s infinite linear;
	color:#fff;
	text-shadow:0 0 .25em rgba(255, 255, 255, .3);
}

@font-face {
	font-family:'icomoon';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/videogular-themes-default/0.7.1/fonts/icomoon.woff') format('woff')
}

[class^="icon-"], [class*=" icon-"] {
	font-family:'icomoon';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-spinner:before {
	content:"\e001";
}

@keyframes anim-rotate {
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(360deg);
	}
}