/** @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: 160%;
	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;
}

#consolafondo {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url('images/timon.jpg');
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: repeat;
	background-size: 120% 170%;
	opacity: 0.2;
	filter: grayscale(0.5);
}
.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-image: url('images/login.jpg');
	background-position-x: 50%;
	background-position-y: 0%;
	background-repeat: 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;
}

#id_copypaste {
	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;
}

#tocentermsglogin {
	/* 2019-04-27_juankar mensaje detallado de conexion */
	float: left;
	width: 38%;
	display: block;
	height: 20%;
}

#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: 0px;
	top: 0px;
	padding-left: 2px;
	position: absolute;
	width: calc(100% - 2px);
	z-index: 2;
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent;
}

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

#grupilloserver {
	width: inherit;
	display: none;
}

#grupossh {
	width: 340px;
	float: right;
	margin-top: -6px;
	margin-right: 85px;
	height: 16px;
}
#labelssh {
	width: 80px;
}
#sshport {
	width: 60px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
#sshport.disabled {
	background-color: #555 !important;
	color: #999;
}
#contenedor input:focus {
	box-shadow: 0px 0px 2px 1px rgb(128, 228, 128);
}

.editlogin:focus {
	box-shadow: 0px 0px 2px 1px rgb(128, 228, 128);
}

/** mantenimiento fondo de momento oculto **/
#mantenimientofondo {
	visibility: hidden;
	background-color: #fff;
	background-image: url('images/mantenimiento.jpg');
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: repeat;
	background-size: 50% 50%;
	opacity: 0.6;
	position: absolute;
	left: calc(50% + 1px);
	top: 0rem;
	width: calc(50%);
	height: calc(100%);
}
#mantenimiento {
	opacity: 1;
	visibility: hidden;
	border-left: rgb(139, 136, 126) 1px solid;
	margin-left: 2px;
	position: absolute;
	left: calc(50% + 1px);
	top: 0rem;
	width: calc(50%);
	height: calc(100%);
	z-index: 2;
	color: #44a;
}

#uname {
	font-size: 14px;
}

#nameserver,
#osversion {
	font-size: 16px;
}

.bodymantenimiento {
	width: calc(100% - 21px);
}

#bodymantenimientoinfo {
	overflow: auto;
	transform: scale(1, 1);
}
#bodymantenimientoinfoPersistent {
	transform: scale(1, 1);
}

#cabecera1 {
	background-color: rgba(242, 254, 222, 0.5);
	box-shadow: 0px 0px 0px 0.1px rgb(48 48 48), 0px 0px 0px 0.1px rgb(42, 12, 12) inset;
	margin-bottom: 4px;
	width: 100%;
}

#adminsettings {
	width: 64px;
	height: 48px;
	background-image: url('images/adminsettings.png');
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: repeat;
	background-size: 100% 100%;
	background-color: rgba(48, 48, 48, 0.9);
	cursor: pointer;
}
#botoneri {
	float: right;
}
.botonaction {
	border: 1px solid #667f00;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 95%;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: fit-content;
	background-color: #87a00e;
}

.botonaction2 {
	border: 1px solid #362f40;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 95%;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: fit-content;
	background-color: #333333;
}

.lineaman {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(248, 248, 248, 0.5);
	border-color: #333333;
}

.lineamanimpar {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(228, 228, 228, 0.5);
	border-color: #333333;
}

.linearoja {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(255, 8, 8, 0.5);
	border-color: #333333;
}

#tasksInfoHeader {
	width: 100%;
}

#tasksInfo {
	box-shadow: 0px 0px 0px 0.5px rgb(48 48 48), 0px 0px 0px 0.2px rgb(42, 12, 12) inset;
	overflow: auto;
	width: 100%;
}

#tasksInfoPersistent {
	background-color: rgba(215, 215, 215, 0.5);
	width: 100%;
	color: #444;
}

#pestanasMantenimiento {
	background-color: rgb(135, 160, 14);
	color: #e0e0e0;
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	height: 26px;
}

#pestanasMantenimientoHeader td {
	padding: 2px;
}

#topinfo thead {
	background-color: rgb(135, 160, 14);
	padding: 4px;
	border: 1px solid rgb(24, 124, 24);
}

#topinfo tr:nth-child(odd) {
	background-color: rgba(205, 255, 148, 0.5);
}

.componentecab {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	background-color: #d0d0d0;
	padding: 2px;
}