/** @format */

html,
body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.cuerpo {
	margin: 0;
	padding: 0;
	visibility: hidden;
}

input,
textarea,
select,
button {
	font-family: Arial, Helvetica, sans-serif;
}

#msglogin {
	transition: opacity 1s;
	opacity: 0;
}

#accesomsg {
	margin: 0px !important;
	width: 100%;
	vertical-align: bottom;
	font-size: 22px;
	/*	font-weight: bold;	*/
	font-family: Arial, Helvetica, sans-serif !important;
}
.rojo {
	color: red;
}
#titulo_acceso {
	margin: 0px;
	padding: 0px;
	float: right;
	font-weight: normal;
	font-size: 150%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.centrado {
	text-align: center;
}
#tlogin {
	width: auto;
	height: auto;
	/*	padding: 20px 40px;*/
	/*	background-color:black;*/
	overflow: auto;
}

#contenedor {
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px 25px 40px;
	background: rgba(0, 0, 0, 0.8);
	margin-top: 10px;
	box-sizing: border-box;
}

/*
.in_login > #login {
	display: block;
}
*/
#login {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0rem;
	width: 100%;
	font-size: 14px !important;
	height: calc(100%);
	background-color: #fff;
	z-index: 90002;
}

.conectado.ask_for_remember_baul #loginfondo {
	display: none;
}

.row {
	box-sizing: border-box;
	width: 340px;
	margin-left: auto;
	margin-right: auto;
}

.logofooter {
	width: 192px;
	margin-top: 10px;
}
#idusuario,
#idpass,
#idserver {
	margin-bottom: 3px;
}
#loginfondo {
	background: url('images/login.jpg');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: inherit;
	height: inherit;
	position: fixed;
	left: 0px;
	top: 0px;
}

#header {
	color: #fff;
	background: #a4ab0e;
	background: -moz-linear-gradient(top, #a4ab0e 0%, #61720a 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #a4ab0e),
		color-stop(100%, #61720a)
	);
	background: -webkit-linear-gradient(top, #a4ab0e 0%, #61720a 100%);
	background: -o-linear-gradient(top, #a4ab0e 0%, #61720a 100%);
	background: -ms-linear-gradient(top, #a4ab0e 0%, #61720a 100%);
	background: linear-gradient(to bottom, #a4ab0e 0%, #61720a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ab0e', endColorstr='#61720a',GradientType=0 );
	width: 100%;
	height: auto;
	font-size: 0.5rem;
	font-weight: 400;
	padding: 0px;
	z-index: 99999999;
	position: fixed;
}

.remember > #baulonoff {
	display: block;
}

#baulonoff {
	display: none;
}
#baul {
	font-size: 20px;
	width: 95%;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
#password_baul {
	font-size: 20px;
	width: 95%;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	display: none;
}

.login_boton:focus {
	background-color: rgb(135, 160, 14) !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.login_boton {
	font-size: 12px;
	padding: 5px 15px;
	background-color: rgb(135, 160, 14);
	cursor: pointer;
}

#baul_cancelar:focus {
	background-color: rgb(235, 100, 14);
}

#baul_cancelar {
	background-color: rgb(235, 100, 14);
	cursor: pointer;
	margin-right: 10px;
}

#statusbar {
	position: fixed;
	z-index: 2147483646;
	outline: 1px #aaa solid;
	color: black;
	background: rgb(220,220,220);
	width: 100%;
	padding-left: 14px;
	bottom: 1px;
	font-size: 12px;
	line-height: 24px;
	vertical-align: middle;
	height: 24px;
}

.iconsmall3 {
	-ms-transform: scale(0.7); /* IE */
	-moz-transform: scale(0.7); /* FF */
	-webkit-transform: scale(0.7); /* Safari and Chrome */
	-o-transform: scale(0.7); /* Opera */
	transform: scale(0.7);
	padding-right: 0.1em;
	vertical-align: middle;
}

.iconsmall2 {
	width: 24px;
	height: 24px;
	padding-right: 0.1em;
	padding: 0px;
	padding-bottom: 1px;
	vertical-align: middle;
	filter: invert(50%)
}

.iconsmall20 {
	width: 20px;
	height: 20px;
	padding: 0px;
	padding-right: 2px;
	vertical-align: middle;
	filter: invert(50%)
}

#iconstatusbar {
	position: fixed;
	cursor: pointer;
	bottom: 0px;
	right: 0px;
	z-index: 2147483647;
	color: #44a;
	width: 18px;
	height: 18px;
	left: 0px;
	background-image: url('images/keyup.png');
	background-blend-mode: multiply;
	background-color: #fff;
	background-size: cover;
}

#iconstatusbar.showing {
	transform:rotate(180deg);
	bottom: 3px;
	right: 2px;
	left: 2px;
}

#iconstatuspingpong {
	position: fixed;
	cursor: pointer;
	float: right;
	bottom: 30px;
	right: 2px;
	z-index: 99999999;
	color: #44a;
	width: 18px;
	height: 18px;
	display: none;
}

#img_userremember_fixed {
	position: fixed;
	display: none;
	bottom: 19px;
	left: 0px;
	z-index: 99999999;
	filter: invert(95%) drop-shadow(1px 1px 2px #a4ab0e);
	color: #44a;
	width: 24px;
	height: 24px;
	background-color: #888;
	border: 1px #f86 solid;
	cursor: pointer;
}

#id_baulonoff {
	display: none;
	cursor: pointer;
}

.remember #id_baulonoff {
	display: block;
}

#img_baulonoff.active {
	filter: drop-shadow(1px 1px 2px #a4ab0e) invert(50%) sepia(100%)
		saturate(800%) hue-rotate(80deg) brightness(175%) contrast(80%);
}

#login_input {
	display: block;
}

#baul_input,
#leyenda_baul {
	font-size: 16px;
	display: none;
}

#leyenda_baul {
	line-height: 18px;
	text-align: justify;
	color: #444;
}
.ask_for_remember_baul #login_input {
	display: none;
}

.ask_for_remember_baul > #login {
	display: block;
	background: transparent;
	visibility: visible;
	z-index: 999999999;
}
#acceso {
	position: relative;
	width: auto;
	/*
	left: calc(( 100% - 340px )/2);
	top:  calc(( 100% - 500px )/2);
	display: none;
*/
}

#acceso.conusuarios {
	left: calc((100% - 480px) / 2);
}

#rusuarios tr:nth-child(even) {
	background-color: rgb(24, 184, 24);
}
#rusuarios tr:nth-child(odd) {
	background-color: rgb(24, 124, 24);
}
#rusuarios td:hover {
	background-color: rgba(122, 194, 22, 0.8);
}
#rusuarios td {
	padding: 4px;
	font-size: 12px;
	width: 90px;
	cursor: pointer;
}

#tusuarios {
	width: 120px;
	height: 140px;
	display: inline-block;
	overflow-x: hidden;
	overflow-y: auto;
}
#tagusu {
	height: 60px;
	line-height: 60px;
}

#loginform {
	margin-top: 7%;
}

#login_eskerra {
	float: none;
}
#login_eskubi {
	display: none;
	margin-top: -20px;
	position: relative;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	top: 100px;
	font-size: 22px;
	height: 248px;
	padding: 9.5px;
	background-color: #444;
}
#accesoi {
	width: 100%;
}

#seguileyenda {
	font-size: 14px;
}

.ask_for_remember_baul #acceso {
	width: 510px;
	height: 400px;
	left: calc((100% - 510px) / 2);
	top: calc((100% - 400px) / 2);
	background: #444;
	padding: 20px;
	border: 1px rgba(22, 44, 22, 0.2) solid;
}

#baul_seguimiento {
	display: none;
}

.ask_for_remember_baul #baul_input {
	display: block;
}

.ask_for_remember_baul #leyenda_baul {
	display: block;
}

#idsettings {
	cursor: pointer;
}
#settings {
	position: absolute;
}
#id_useremember {
	cursor: pointer;
	float: right;
	right: 190px;
	bottom: 6px;
	z-index: 99999999;
	color: #44a;
	width: 32px;
	height: 32px;
	display: none;
}

.remember.conectado #id_useremember {
	display: block;
}

#statusbar div {
	float: right;
	padding-left: 4px;
	border-right: 1px rgb(224, 244, 224) solid;
	text-align: center;
}

#id_crono {
	display: none;
	width: 8ch;
	border-left: 1px rgb(224, 244, 224) solid;
	text-align: center;
	vertical-align: middle;
}
#id_raton_xy {
	display: none;
	width: 5ch;
}

#id_modo_pantalla {
	text-align: center;
	font-size: 20px;
}

.icondlg {
	vertical-align: top;
}

#idchangemodo {
	filter: none;
	height: 12px;
	right: 20px;
	font-size: 10px;
}

#id_change_modo_pantalla {
	float: right;
	width: 16px;
	cursor: pointer;
}
#id_select_noselect.disabled {
	filter: invert(25%);
	cursor: pointer;
}

#id_compose.disabled {
	filter: invert(25%);
	cursor: pointer;
}

#id_keysbar.disabled {
	filter: invert(25%);
	cursor: pointer;
}

#id_copy {
	cursor: pointer;
}

#id_paste {
	cursor: pointer;
}

#idselnosel {
	cursor: pointer;
}

#idcompose {
	cursor: pointer;
}

#ideligefont {
	cursor: pointer;
}

#idkeysbar {
	cursor: pointer;
}

#idkeysbar:not(.disabled) {
	filter: brightness(140%);
}

.swal2-container {
	z-index: 999999999 !important;
}

#vaciarcache {
	display: none;
}

#iddownloads {
	cursor: pointer;
}

#msglogin {
	/* 2019-04-27_juankar mensaje detallado de conexion */
	text-align: left;
	z-index: 999999999;
	line-height: 11pt;
	display: block;
	color: #252;
	font-size: 10pt; /*reducir tamano tambien para mensaje de conexion*/
}

#msgversion {
	/* 2019-04-27_juankar mensaje version */
	text-align: center;
	vertical-align: top;
	line-height: 0px;
	z-index: 999999999;
	font-size: 12px;
}

#logoadur {
	width: 100%;
	max-width: 192px;
}
#loginlogo {
	width: 100%;
	max-width: 340px;
}

#msg {
	padding-left: 8px;
	vertical-align: middle;
	line-height: 0.7rem;
}

.login_edit {
	padding: 2px;
	color: #444;
}

.font_login {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	padding: 6px !important;
}

#closewindow {
	position: fixed;
	left: calc((100% - 440px) / 2);
	top: calc((100% - 100px) / 3);
	display: none;
}

/*
@media (min-width:8in) { 
	#acceso {
		font-size: 24px;
	}
}

@media (orientation: landscape)  { 
	#acceso {
		font-size: 30px;
	}
 }
@media (min-width: 200px) and (orientation: portrait) { 
	#acceso {
		font-size: 40px;
	}
 }
*/

#history_plus_consola {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#history {
	font-weight: 400;
	font-size: 1rem;
	background-color: #fff;
	color: rgb(0, 0, 132);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#consola {
	font-weight: 400;
	background-color: #fff;
	color: rgb(0, 0, 128);
	visibility: hidden;
	left: 0;
	top: 0;
	padding-left: 6px;
	position: absolute;
	width: calc(100% - 6px);
	height: 100%;
	z-index: 2;
	overflow: hidden;
}

#grafico {	
	opacity: 0;
	visibility: hidden;
	background-color: transparent;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80rem;
	height: 25rem;
	color: #444;
}

#android_input {
	z-index: 999999;
	font-size: 4rem;
	height: 4rem;
	width: 18rem;
	right: 0rem;
	top: 0px;
	position: fixed;
	visibility: hidden;
}

/* latin */
/* font family roboto mono */
@font-face {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Mono'), local('RobotoMono-Regular'),
		url(3dparty/robotomono.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
/* font family roboto condensed */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
		url(3dparty/robotocondensed.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
/*
  @font-face {
	font-family: 'Roboto Condensed Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(3dparty/robotocondensedbold.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
 */

.swal2-popup {
	font-size: 20px !important;
}