@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:#F2F2F2;
	font-family:"Nexa";
	overflow-x:hidden;
	cursor:default;
}

*:focus {
  outline:none;
}

.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;
}

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

.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:#F2F2F2;
}

.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;
	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);
}

.cursorPointer {
	cursor:pointer;
}

.btnNuevaLinea {
	position:absolute;
	margin-top:-50px;
	margin-left:440px;
	cursor:pointer;
}

.tituloVentana {
	width:1000px;
	padding:30px 0px 10px 0px;
	font-size:21px;
	font-weight:bold;
	color:#4A4D62;
	margin-bottom:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.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);
}

#idenUser {
	margin-top:450px;
	width:280px;
}

#password {
	margin-top:20px;
	width:280px;
}

#btnLogin {
	margin-top:25px;
	cursor:pointer;
}

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

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

#btnAjustes {
	position:absolute;
	left:5px;
	cursor:pointer;
}

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

#btnLogout {
	position:absolute;
	left:calc(100% - 60px);
	cursor:pointer;
}

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

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

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

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

#usuarioIdentifi {
	width:240px;
	margin-bottom:10px;
}

#usuarioUserName {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdenPais {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdProvin {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdCondic {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdNatura {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdModali {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdMercan {
	width:240px;
	margin-bottom:10px;
}

#usuarioIdOrigen {
	width:240px;
	margin-bottom:10px;
}

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

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

#informes {
	display:block;
}

#informesNuevoAbrir {
	margin-top:25px;
	cursor:pointer;
}

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

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

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

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

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

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

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

#btnImportar {
	position:absolute;
	margin-top:500px;
	left:10px;
	cursor:pointer;
}

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

#informesNuevaLinea {
	position:absolute;
	margin-left:calc(100% - 320px);
	cursor:pointer;
}

#informesEjercici {
	margin-top:0px;
	margin-right:10px;
	margin-left:10px;
	width:275px;
}

#informesPeriodos {
	margin-top:0px;
	width:275px;
}

#informesVistaRegistros {
	overflow:auto;
	margin-top:20px;
	height:340px;
}

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

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

#registroTipoRegi {
	width:345px;
	margin-bottom:10px;
}

#registroParame01 {
	width:345px;
	margin-bottom:10px;
}

#registroParame02 {
	width:345px;
	margin-bottom:10px;
}

#registroParame03 {
	width:345px;
	margin-bottom:10px;
}

#registroParame04 {
	width:345px;
	margin-bottom:10px;
}

#registroParame05 {
	width:345px;
	margin-bottom:10px;
}

#registroParame06 {
	width:345px;
	margin-bottom:10px;
}

#registroParame07 {
	width:345px;
	margin-bottom:10px;
}

#registroParame08 {
	width:345px;
	margin-bottom:10px;
}

#registroParame09 {
	width:345px;
	margin-bottom:10px;
}

#registroParame10 {
	width:345px;
	margin-bottom:10px;
}

#registroParame11 {
	width:345px;
	margin-bottom:10px;
}

#registroParame12 {
	width:345px;
	margin-bottom:10px;
}

#registroParame13 {
	width:345px;
	margin-bottom:10px;
}

#registroParame14 {
	width:345px;
	margin-bottom:10px;
}

		/*----------------------------------------------------------------------------------------------------------------------------------//
		//																																																																	//
		//																													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://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.eot?#iefix-9haulc') format('embedded-opentype'), url('https://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.woff?-9haulc') 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);
	}
}
