/** @format */
/** COMPONENTS.CSS **/
table {
	border-spacing: 0px;
}

.imagen_en_grid {
	vertical-align: middle;
	image-rendering: pixelated;
	margin-right: 6px;
	min-width: 32px;
	float: left;
}

* {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
/********************* colores ============> *******************************/
.dlg {
	color: black; /* 333;*/
	background-color: rgb(229, 229, 229);
}

.accessKeyAlternativo {
	text-decoration: underline;
}
.noaccessKeyAlternativo {
	text-decoration: none;
}

.dlgtitle {
	outline: 1px #d0d0d0 solid;
}

.dlg:not(.dlgtitle) {
	outline: 3px #d0d0d0 solid;
}

.closedialogbuttonpc {
	/* pantalla completa */
	position: absolute;
	left: initial !important;
	right: 16px;
	top: 5px !important; /* vladi_12/04/2019 centrar el boton x en ventana pantalla completa */
	padding: 4px 0px 0px 0px;
	width: 16px !important;
	height: 16px !important;
	background-image: url('images/closedlg.png') !important;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: transparent !important;
	box-shadow: none !important;
}

.closedialogbuttonfixed {
	padding: 4px 0px 0px 0px;
	width: 16px !important;
	height: 16px !important;
	background-image: url('images/closedlg.png') !important;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: transparent !important;
	box-shadow: none !important;
}

.closedialogbutton {
	position: absolute;
	left: initial !important;
	right: 10px;
	top: 5px !important; /* vladi_12/04/2019 centrar el boton x en ventana pequeña */
	padding: 4px 0px 0px 0px;
	width: 16px !important;
	height: 16px !important;
	background-image: url('images/closedlg.png') !important;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: transparent !important;
	box-shadow: none !important;
}

.edittext:not(.dropdown_edit):not(.edittext_datepicker) {
	box-shadow: 0px 0px 0px 1px #ccc inset;
}

.dialogo_busqueda *:focus:not(.barra_title):not(.groupbox):not(.statictext) {
	box-shadow: 0px 0px 2px 1px rgb(128, 228, 128) !important;
}

/* box-shadow: desplazamiento-x desplazamiento-y desenfocar sombra */
.edittext.ctl_focused,
.edittext_datepicker,
.fecha_button_dd,
.datepicker.ctl_focused,
.combobox.ctl_focused,
.button_push.ctl_focused:not(.button_img),
.button_defpush.ctl_focused:not(.button_img) {
	box-shadow: 0px 0px 0px 1px rgb(164 171 14), 0px 0px 0px 1px rgb(135, 130, 14) inset;
}

.button_push.button_img.ctl_focused,
.button_defpush.button_img.ctl_focused {
	filter: drop-shadow(0 0 2px rgb(135, 130, 14)) saturate(7) contrast(1.2);
}

.button_radio.ctl_focused,
.button_check.ctl_focused {
	font-weight: 700;
}

.button_radio.ctl_focused .icon_radio_check {
	filter: drop-shadow(0 0 2px rgb(135, 130, 14)) saturate(7) contrast(1.2);
}

.button_check.ctl_focused .icon_radio_check {
	filter: drop-shadow(0 0 2px rgb(135, 130, 14)) saturate(7) contrast(1.2);
}

.listview.ctl_focused .positioned_left {
	visibility: visible;
}

.listview.ctl_focused .positioned_right {
	visibility: visible;
}

.treeview.ctl_focused span.node_selected a {
	color: #eee;
	box-shadow: 0 44px 24px rgba(40, 80, 80, 0.8) inset, 0px -1px 0px 1px rgb(164 171 14), 0px 1px 0px 1px rgb(164 171 14), 0px 0px 0px 1px rgb(135, 130, 14) inset;
}

.combobox.ctl_focused:not(.comboedit) > .tablecombo {
	color: #eee !important;
	box-shadow: 0 44px 24px rgba(82, 82, 82, 0.8) inset, 0 2px 0px #fff inset;
}

.ctl_focused:not(.oneline) > .contenido_tabcontrol {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(164, 171, 14) rgb(164, 171, 14) rgb(164, 171, 14) rgb(192, 192, 192);

	/*	border-left: 1px rgba(164,171,14) solid;*/

	/*	box-shadow: 0px 0px 0px 1px rgb(164 171 14), 0px 0px 0px 1px rgb(135,130,14) inset;		*/
}

/* 2023-02-01 JC: ocultaba cosas
.contenido_tabcontrol, .treeview {
	background-color: rgb(229, 229, 229);
}
*/
/**** no iba bien
.contenido_tabcontrol {

	z-index: 1;
}

.buttons,.groupbox {
	z-index: 2;
}
.line {
	z-index: 3;
}
.statictext {
	z-index: 4;
}
.edittext {
	z-index: 5;
}
.button_check,.button_defpush,.button_push,.button_radio {
	z-index: 6;
}
.listview,.listbox,.grid,.treeview,.garea,.browser {
	z-index: 7;
}
.barra_tabcontrol,.flecha_previous_navegacion_barra_tabcontrol,.flecha_next_navegacion_barra_tabcontrol {
	* 2023-02-01 JC: para poder pinchar en las pestanas (y corremos los zindex inferiores) *
		z-index: 8;
	}
.dlg {
	z-index: 11;
	}
.barralista,.listviewfooter {
	z-index: 12;
}

.combobox,.comboedit,.datepicker
{
	z-index: 900000;
}
.menu,.menubar {
	z-index: 9000000;
}

.dialogo_busqueda {
	z-index: 13;
}

.dlg_dark.combobox {
	z-index: 14;
}

.dlg_dark.barralista {
	z-index: 15;
}

.dlg_dark.listviewfooter {
	z-index: 16;
}
*/

.dialogo_busqueda .groupbox {
	background-color: transparent;
}
.statictext,
.button_radio,
.button_check {
	color: black; /*#444;	*/
	background-color: rgb(229, 229, 229);
}

.edittext,
.combobox,
.comboedit {
	background-color: white;
}

.tabcontrol.buttons.ctl_focused .contenido_tabcontrol {
	border-left: 1px rgba(164, 171, 14) solid;
	box-shadow: none;
}

.tabcontrol.ctl_focused .barra_tabcontrol .pestana_tabcontrol.selected {
	border-left: 1px rgb(135, 130, 14) solid !important;
	border-left-color: rgb(135, 130, 14) !important;
	border-top-color: rgb(135, 130, 14) !important;
	box-shadow: 1px 0px 0px 0px rgb(135, 130, 14), 1px 0px 0px 0px rgb(164 171 14) inset;
}

.tabcontrol.ctl_focused .barra_tabcontrol .pestana_tabcontrol {
	border-left: 1px rgb(164 171 14) solid;
	border-left-color: rgb(164 171 14);
	border-right-color: rgb(164 171 14);
	border-top-color: rgb(164 171 14);
}

.tabcontrol.ctl_focused .barra_tabcontrol .pestana_tabcontrol.selected .pestana_tabcontrol_img {
	filter: drop-shadow(0 0 2px rgb(135, 130, 14)) saturate(7) contrast(1.2);
}

.ctl_focused > .pestana_tabcontrol.selected {
	border-color: rgb(135, 130, 14) !important;
	box-shadow: 1px 2px 1px 0px rgb(164 171 14) inset !important;
}

.pestana_tabcontrol.selected {
	border-color: #c0c0c0;
	border-bottom: none;
	border-radius: 6px 12px 0px 0px;
	margin-top: 0px;
	height: 22px;
	font-weight: 700;
	box-shadow: -1px -1px 1px 0px rgb(164 171 14);
}

* {
	outline: none;
}

input,
.ctl:not(.groupbox):not(.tabcontrol):not(.statictext):not(.button_radio):not(.button_check) {
	border: none;
}

.groupbox,
.tabcontrol {
	border-left: 1px rgba(0, 0, 0, 0) solid;
	border-top: 1px rgba(0, 0, 0, 0) solid;
	border-bottom: none;
	border-right: none;
}

.imagen_en_grid {
	filter: contrast(0.5) opacity(1.5);
}

*:not(.listview):not(.tabcontrol).movectl {
	color: rgb(255, 255, 255) !important;
}

.dragable *::-moz-selection {
	background-color: transparent;
}
.dragable *::selection {
	background-color: transparent;
}

.button_img {
	border: none;
}

.button_no_img {
	background-image: initial;
	background-color: #333;
	color: white !important;
}
.fondo_title {
	color: rgb(255, 255, 255);
	background-color: rgb(135, 160, 14) !important;
	box-shadow: 0 0px 1px #aaa;
}
.entretiene {
	background-color: rgb(229, 229, 229);
}
#identretiene {
	border: 1px rgb(170, 170, 170) solid;
}

.transparente {
	background-color: transparent;
}

.disabled {
	/*	color: rgb(120, 120, 120) !important; 2020-06-03 */
	color: rgb(190, 190, 190); /* !important; /* 2023-01-14 JC: era muy oscuro el disabled... */
	cursor: default !important;
}

.groupbox.disabled {
	background-color: transparent !important;
}

.button_push.disabled:not(.button_img),
.button_defpush.disabled:not(.button_img) {
	background-color: #bbb !important;
	color: #888;
	/*	outline: darkgray solid 1px;*/
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	opacity: 0.5;
}

::placeholder.disabled {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgb(80, 80, 80);
}

::placeholder .dlg_dark {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	background-color: rgb(228, 228, 228);
}

.comboedit.disabled,
.combobox.disabled,
.edittext.disabled,
.datepicker.disabled,
.disabled .dropdown_edit,
.disabled .dropdown_button {
	background-color: #bbb !important;
	color: #443 !important;
}

.treeview.disabled {
	overflow: hidden;
	background-color: #bbb !important;
	color: #443 !important;
}

.disabled img.image_button,
.disabled img.icon_radio_check {
	filter: brightness(60%) grayscale(70%) !important;
	opacity: 0.35;
}

.button_radio img.icon_radio_check,
.button_check img.icon_radio_check,
.iconsmall.icon_radio_check {
	filter: invert(70%);
}

.dlg_dark .button_check img.icon_radio_check {
	filter: invert(10%);
}

.dlg_dark .button_push.disabled {
	background-color: rgb(80, 80, 80) !important;
}

.dropdown_button .fechabutton {
	margin-left: 1px;
	margin-top: 3px;
	cursor: pointer;
	opacity: 0.2;
}
.fecha_button_div {
	border-left: 1px #882 solid;
}
.fechabutton.disabled {
	filter: contrast(0.1);
}
.fechabutton {
	display: block;
	visibility: visible;
	position: absolute;
	margin-top: 4px;
	margin-left: 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: 0.2;
}

fieldset legend {
	background-color: rgb(229, 229, 229);
}
.groupbox {
	border: 1px rgb(170, 170, 170) solid;
}
.combobox {
	box-shadow: #ccc 0px 0px 0px 1px;
}
.comboedit input::-webkit-calendar-picker-indicator {
	opacity: 100;
}
.contenido_tabcontrol {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(224, 224, 224) rgb(170, 170, 170) rgb(170, 170, 170) rgb(192, 192, 192);
}
.pestana_tabcontrol {
	background-color: rgb(229, 229, 229);
	border-left: 1px rgb(170, 170, 170) solid;
	border-right: 1px #888 inset;
	border-top: 1px rgb(170, 170, 170) solid;
	border-top-color: white;
	border-bottom: 1px white solid;
	border-radius: 0px;
	border-left-color: white;
}

.buttons .pestana_tabcontrol {
	border-top: 1px rgb(170, 170, 170) solid;
	background-color: rgb(229, 229, 229);
	color: black; /*#333;*/
}
.grid .selected {
	color: white !important;
	box-shadow: 0 44px 24px rgba(20, 40, 40, 0.8) inset, 0 2px 0px #fff inset !important;
}

.combolinea {
	font-size: inherit;
	line-height: 0.5rem;
}
.pestana_tabcontrol_img {
	background-size: contain;
}
.listviewheader.disabled,
.listviewtable.disabled {
	background-color: #bbb !important;
	color: #443 !important;
}
.listviewrows {
	background-color: white;
}
.listviewfooter {
	outline: 1px rgb(170, 170, 170) solid;
	background-color: rgb(244, 244, 244);
}

.disabled .lv_icon {
	filter: brightness(0.7);
}
.disabled .npheader,
.disabled .npvheader,
.disabled .npvheader_invert,
.disabled .tpheader {
	outline: 1px rgb(200, 200, 200) solid;
	background-color: rgb(184, 184, 184);
	color: rgb(150, 150, 150);
}

.listviewfooter.disabled {
	outline: 1px rgb(200, 200, 200) solid;
	background-color: rgb(204, 204, 204);
	color: rgb(150, 150, 150);
}
.dlg_dark.disabled .listviewfooter {
	outline: 1px rgb(100, 100, 100) solid;
	background-color: rgb(64, 64, 64);
	color: rgb(100, 100, 100);
}
.dlg_dark.disabled .npheader {
	outline: 1px rgb(100, 100, 100) solid;
	background-color: rgb(64, 64, 64);
	color: rgb(100, 100, 100);
}
.dlg_dark.disabled .npvheader {
	outline: 1px rgb(100, 100, 100) solid;
	background-color: rgb(64, 64, 64);
	color: rgb(100, 100, 100);
}
.dlg_dark.disabled .npvheader_invert {
	outline: 1px rgb(100, 100, 100) solid;
	background-color: rgb(64, 64, 64);
	color: rgb(100, 100, 100);
}

.dropdown_edit {
	font-size: inherit;
}

.disabled.disabled .npheader .edittext:not(.dropdown_edit) {
	box-shadow: none;
}
.listview {
	outline: 1px rgb(220, 220, 220) solid;
}

.withdata.lista_detail > .listviewrow {
	width: 100%;
}

.dlg_dark .dialogoactivo .listviewrow:hover:not(.vacia):not(thead > tr) {
	color: rgb(254, 254, 242) !important;
	box-shadow: 0 0px 24px rgba(142, 158, 142, 0.8) inset, 0 0 24px rgba(190, 206, 190, 0.8) !important;
}

.dialogoactivo .listviewrows.remarcaraton .listviewrow:hover:not(.vacia):not(thead > tr) {
	box-shadow: 0 0px 24px rgba(142, 158, 142, 0.8) inset, 0 0 24px rgba(190, 206, 190, 0.8) !important;
}
.listviewrows:not(.lista_icon) tr:nth-child(even):not(.selected):not(.nogrid):not(.gridimg) {
	background-color: rgb(245, 245, 245);
}

.listviewrows:not(.lista_icon) tr:nth-child(odd):not(.selected):not(.nogrid):not(.gridimg) {
	background-color: rgb(255, 255, 255);
}

.withdata.listviewrows > .listviewrow.focused {
	box-shadow: 0 0px 24px rgba(190, 190, 190, 0.8) inset !important;
	outline: #333 1px dotted;
	color: black; /*#333 !important;*/
}

.listview.ctl_focused .listviewtable .listviewrows .listviewrow.focused {
	box-shadow: 0px 0px 0px 1px rgb(122 122 122), 0px 0px 0px 1px rgb(102, 102, 102) inset;
	outline: 2px rgb(62, 82, 82) solid;
}

.dlg_dark > .withdata.listviewrows > .listviewrow {
	color: #eee;
}

.positioned {
	box-shadow: 0 44px 24px rgba(201, 201, 201, 0.8) inset, 0 2px 0px #fff inset;
}

.withdata:not(.lista_icon) > .selected > .listviewrowcol {
	color: #eee !important;
	box-shadow: 0 44px 24px rgba(11, 11, 11, 0.8) inset, 0 2px 0px #fff inset;
}
.withdata:not(.lista_icon) > .focused.selected > .listviewrowcol {
	color: #eee !important;
	box-shadow: 0 44px 24px rgba(2, 2, 2, 0.8) inset, 0 2px 0px #fff inset;
}

.dialogo_busqueda .ctlaita .listview .listviewtable .withdata:not(.lista_icon) .listviewrow.selected .listviewrowcol {
	color: #eee !important;
	box-shadow: 0 44px 24px rgba(90, 120, 60, 0.8) inset, 0 2px 0px #fff inset;
}
.dialogo_busqueda .ctlaita .listview .listviewtable .withdata:not(.lista_icon) .listviewrow.focused.selected .listviewrowcol {
	color: #444 !important;
	box-shadow: 0 44px 24px rgba(163, 194, 112, 0.8) inset, 0 2px 0px #fff inset;
}
.dialogo_busqueda > .withdata:not(.lista_icon) > .selected > .listviewrowcol {
	color: #eee !important;
	box-shadow: 0 44px 24px rgba(103, 134, 72, 0.8) inset, 0 2px 0px #fff inset;
}

.dlg:not(.dlg_dark) > .withdata.listviewrows > .listviewrow {
	color: black; /*#333;*/
}

.withdata > .selected,
.withdata > .focused.selected,
.withdata > .focused {
	color: #eee;
}

.dlg:not(.dlg_dark) > .withdata.listviewrows > .listviewrow.positioned {
	outline: #333 1px dotted;
}
.withdata:not(.lista_icon) > .listviewrow.selected.focused,
.withdata:not(.lista_icon) > .selected > .listviewrowcol.selected.focused {
	color: #fff;
}

.disabled table .withdata.listviewrows > .listviewrow.focused {
	outline: none;
	color: #777;
}
.listviewtable thead {
	box-shadow: 0px 0 0px 0.2px #aaa inset;
	background-color: rgb(240, 240, 240);
}

.dlg_dark .listview.disabled .listviewtable .listviewheader .listviewrow .listviewrowcol .palo {
	color: rgb(122, 122, 122);
}
.listview.disabled .listviewtable .listviewheader .listviewrow .listviewrowcol .palo {
	color: rgb(192, 192, 192);
}
.dlg_dark .listview.disabled .listviewtable thead {
	box-shadow: 0 0px 1px #aaa inset, 0 0 1px #ddd;
	background-color: rgb(144, 144, 144);
}

.listview.disabled .listviewtable thead {
	box-shadow: 0 0px 1px #aaa inset, 0 0 1px #ddd;
	background-color: rgb(204, 204, 204);
}
.dialogoactivo .dlg:not(.dlg_dark) > .listviewrow:hover:not(.vacia):not(thead > tr) {
	color: black; /*#333 !important;*/
}
.treeview {
	background-color: white;
}
.menu {
	background-color: rgb(255, 255, 255);
	border: 1px groove #eee;
	box-shadow: 0px 2px 4px rgba(100, 100, 90, 0.8);
}
.menubar {
	background-color: rgb(244, 244, 244);
	border: 1px groove #eee;
	box-shadow: 0px 2px 4px rgba(100, 100, 90, 0.8);
}
.menubar .separator {
	background: url(images/separatorv.png);
	background-repeat: repeat-y;
}
.billa_highlight {
	box-shadow: 0 0 6px 0 rgba(100, 180, 80, 0.9);
	background-color: rgba(100, 128, 25, 1) !important;
	color: rgb(151, 143, 143) !important;
}
.lv_icon {
	outline: 1px #888 solid;
	background-color: white;
	background-position-x: center;
	background-repeat: no-repeat;
}
.npvheader_invert {
	color: #222;
	outline: 1px #888 solid;
	background-color: white;
	transform: rotate(-90deg);
}

.dlg_dark .npvheader_invert {
	background-color: #888;
}

.dialogo_busqueda .image_button {
	filter: invert(1) !important;
	opacity: 1;
}

.npvheader {
	color: #222;
	outline: 1px #888 solid;
	background-color: white;
	transform: rotate(90deg);
}

.dlg_dark .npvheader {
	background-color: #888;
}

.menu .separator {
	background-color: #333;
}
.menutr.opened {
	color: rgb(55, 95, 55);
	box-shadow: 0 0px 24px rgba(142, 158, 142, 0.8) inset, 0 0 24px rgba(190, 206, 190, 0.8);
	padding: 3px;
}
.menutr.selected {
	box-shadow: 0 44px 24px rgba(40, 40, 40, 0.8) inset, 0 2px 0px #fff inset;
	color: rgb(255, 255, 255) !important;
}
.caption {
	color: black; /*#333;*/
	background-color: #fff;
	border-bottom: 1px rgba(200, 200, 200, 0.7) solid;
}

.movectl {
	background: #04abae;
	background: -moz-linear-gradient(top, #04abae 0%, #017261 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04abae), color-stop(100%, #0a7261));
	background: -webkit-linear-gradient(top, #04abae 0%, #0a7261 100%);
	background: -o-linear-gradient(top, #04abae 0%, #0a7261 100%);
	background: -ms-linear-gradient(top, #04abae 0%, #0a7261 100%);
	background: linear-gradient(to bottom, #04abae 0%, #0a7261 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04abae', endColorstr='#0a7261',GradientType=0 );
}
.border_left_resize {
	background-color: sandybrown;
}

.border_right_resize {
	background-color: sandybrown;
}
.movesel {
	background-color: sandybrown;
	outline: 2px #444 dashed !important;
}

.border_top_resize {
	background-color: sandybrown;
	cursor: ns-resize;
}

.border_bottom_resize {
	background-color: sandybrown;
	cursor: ns-resize;
}
ul.tree,
ul.tree ul {
	background: url(images/vline.png) repeat-y;
}
li.last {
	background-image: 'url("images/lastnode.png")' !important;
	background-repeat: no-repeat;
}
ul.tree li.last {
	background: #fff url(images/lastnode.png) no-repeat !important;
}
ul.tree.medium li {
	background: url(images/node.png) no-repeat;
}
ul.tree.large li {
	background: url(images/node.png) no-repeat;
}
ul.tree li {
	background: url(images/node.png) no-repeat;
}

span.node:hover {
	color: black; /*#333;*/
	box-shadow: 0 0px 24px rgba(142, 158, 142, 0.8) inset, 0 0 24px rgba(190, 206, 190, 0.8) !important;
	border-radius: 0px;
}

span.node_selected a {
	color: #eee;
	box-shadow: 0 44px 24px rgba(40, 40, 40, 0.8) inset, 0 2px 0px #fff inset;
}

span.node_selected:hover a {
	color: #eee;
	box-shadow: 0 44px 24px rgba(80, 80, 80, 0.8) inset, 0 2px 0px #fff inset;
}

.combolinea.selected {
	box-shadow: 0 44px 24px rgba(40, 40, 40, 0.8) inset, 0 2px 0px #fff inset;
	color: rgb(255, 255, 255) !important;
}
.combolista.comboup {
	border-top: 1px rgb(160, 160, 160) solid;
}
.combolista {
	background-color: inherit;
	/*
	border-left: 1px rgb(160, 160, 160) solid;
	border-bottom: 1px rgb(160, 160, 160) solid;
	border-right: 1px rgb(160, 160, 160) solid;
	*/
}
.combodown {
	border-top: rgb(190, 206, 190) 1px solid;
}
.tablecombo {
	border: none;
}
/*
.tablecombo {
	box-shadow: 0px 0px 0px 1px #ccc inset;
*
	border-left: 1px rgb(160, 160, 160) solid;
	border-top: 1px rgb(160, 160, 160) solid;
	border-right: 1px rgb(224, 224, 224) solid;
	border-bottom: 1px rgb(224, 224, 224) solid;
*
}
*/
.dropdown_button {
	background-color: inherit;
	border-left: 1px solid rgb(200, 200, 200);
	color: black; /*#333;*/
}
.dropdown_edit {
	background-color: inherit;
}
.bokata {
	box-shadow: 0 0 6px 0 rgba(192, 192, 192, 0.9);
	background-color: rgb(96, 96, 96);
	border: 1px rgb(160, 160, 160) solid;
	color: white;
}
.lv_fondo_barscroll {
	opacity: 0.3;
	background-color: rgb(192, 192, 192);
}

.npheader {
	color: #222;
	font-size: 12px;
}
.lv_barscroll_pos {
	background-size: cover;
}
.lv_barscroll_pos.activo {
	filter: brightness(200%);
}

.lv_barscroll_pos:hover:not(.activo) {
	filter: brightness(70%);
}

.lv_barscroll_pos.scroll_drag {
	opacity: 0.95;
	filter: brightness(50%);
}
.lv_barscroll_icon.activo {
	filter: brightness(200%);
}
.barscroll_dlg_dark {
	opacity: 0.8 !important;
	filter: brightness(200%) !important;
}
/* vladi_15/04/2019 Barra de scroll personalizada igual que .lv_barscroll */
::-webkit-scrollbar {
	width: 20px;
	background-color: rgb(229, 229, 229);
}
::-webkit-scrollbar-track {
	background-color: rgb(229, 229, 229);
}
::-webkit-scrollbar-thumb {
	background-color: rgb(158, 158, 158);
}

.dlg_dark ::-webkit-scrollbar-track {
	background-color: rgb(105, 105, 105);
}

/*
::-webkit-scrollbar-thumb {
	background-image: -webkit-linear-gradient(
		90deg,
		#ccf,
		rgb(172, 173, 245) 100%,
		transparent,
		transparent
	);
}
*/
.dlg_dark ::-webkit-scrollbar-thumb {
	background-color: rgb(247, 247, 247);
	opacity: 0.8;
}

.btkeyletra {
	background-image: url(images/key.png);
	background-size: cover;
	color: rgb(132, 132, 132);
}
.cursor_fondo {
	color: white;
	background-color: #333;
	opacity: 0.8;
}

.invertido {
	filter: invert(1);
}

.video_fondo {
	color: white;
	background-color: blue;
}

.login_boton_fs {
	background-color: rgb(135, 160, 14);
	border: 1px #493 solid;
	color: white;
}

#container {
	outline: rgb(170, 170, 170) solid 2px;
	box-shadow: 0 2px 10px 6px rgba(140, 150, 130, 1.2), 0 4px 8px 3px rgba(180, 100, 150, 1.19);
}
.button_push.button_no_img {
	box-shadow: 0px 0px 1px 0px white;
}

.button_push {
	outline: 0 none;
}
.dlg_dark .button_push:not(.button_img) {
	outline: rgb(120, 120, 120) solid 1px;
	border-width: 1px;
}
.button_push:active {
	outline: 0 none;
	border-width: 0px;
}
.lista_detail > .listviewrow {
	/*	height: 24px;*/
	height: 16px;
}

/* <========= ******************** colores *******************************/

.button_no_img img {
	display: none;
}

.relativeauto {
	position: relative !important;
	width: auto !important;
	float: left;
}

.fixedauto {
	/*	position: fixed !important;*/
	width: auto !important;
	float: left;
}

.pico_titulo2 {
	background-color: none;
}
.pico_titulo {
	height: 100%;
	padding: 0px !important;
}

.ctl {
	outline-width: 1px;
	position: absolute;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
	line-height: 1em;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	display: inline-block;
}

.ctl:not(.barra_title) {
	margin: 0px;
}

.matchin {
	color: #eee !important;
	background-color: rgb(0, 80, 200) !important;
	transform: scale(1, 1.5);
	transform-origin: 0px 9px;
	padding: 1px;
	margin-left: 1px;
	margin-right: 1px;
	display: inline-block;
}

.matchin2 {
	color: #444 !important;
	background-color: rgb(250, 220, 0) !important;
	transform: scale(1, 1.5);
	transform-origin: 0px 9px;
	padding: 1px;
	margin-left: 1px;
	margin-right: 1px;
	display: inline-block;
}

.positioned .matchin {
	color: #eee !important;
	background-color: rgb(20, 200, 80) !important;
	box-shadow: 0px 0px 4px 1px #333;
}

.barralista {
	/* 2024-10-29 no porque oculta elementos del dialog a la derecha de la lista.- 2020-10-20 desplazar barra scroll vertical a derecha *
	margin-left: 24px;
*/
	margin-left: initial;
}
.dlg {
	position: absolute;
	overflow: hidden;
	text-align: left;
	font-weight: inherit;
	font-family: inherit;
	display: inline-block;
}

.dlg_dark .barra_title {
	color: rgb(254, 254, 242);
}
.dlg_dark .pico_titulo {
	background-color: rgb(12, 12, 12) !important;
}

.dlg_dark .image_button_tit {
	height: 94%;
	background-color: rgb(12, 12, 12) !important;
}

.dlg_dark .align_dlg_title {
	background-color: rgb(12, 12, 12) !important;
}
.dlg_dark .fondo_title {
	background-color: rgb(68, 102, 102) !important;
}
.dlg_dark .listview {
	outline-color: rgb(53, 53, 53);
}

.dlg_dark .listviewtable thead {
	background-color: #ccc;
	color: rgb(68, 68, 68);
}
.dlg_dark .listviewrowcol {
	box-shadow: 0 0px 0px 0.1px #111;
}
.dlg_dark tbody > tr:nth-child(even):not(.selected):not(.nogrid):not(.gridimg):not(.listviewheader) {
	background-color: rgb(72, 72, 72);
}

.dlg_dark .listviewfooter,
.dlg_dark .button_check,
.dlg_dark .pestana_tabcontrol {
	color: rgb(254, 254, 242);
	background-color: rgb(68, 68, 68) !important;
}
.dlg_dark .combobox,
.dlg_dark .tablecombo tr,
.dlg_dark .tablecombo .edittext {
	color: rgb(254, 254, 242);
	background-color: rgb(38, 38, 38) !important;
}

.dlg_dark .statictext:not(.barra_title) {
	color: rgb(254, 254, 242);
	background-color: rgb(68, 68, 68);
}

.dlg_dark .edittext {
	color: rgb(254, 254, 242);
	background-color: rgb(38, 38, 38) !important;
}

.dlg_dark .combolista {
	color: rgb(254, 254, 242);
	background-color: rgb(38, 38, 38) !important;
}
.dlg_dark .dropdown_button {
	color: #eee;
}
.dlg_dark tbody > tr:nth-child(odd):not(.selected):not(.nogrid):not(.gridimg):not(.listviewheader) {
	background-color: rgb(74, 74, 74);
}
.dlg_dark:not(.barra_title):not(.tablecombo):not(.combobox):not(.edittext) {
	color: rgb(254, 254, 242);
	background-color: rgb(68, 68, 68) !important;
}
.dlg_dark .listvierow {
	background-color: #888 !important;
}

#identretiene {
	/*	z-index: 90002;*/
	padding: 0;
	margin: 0;
	font-size: 0.6rem;
}

*.staticedge {
	border: none; /* 2022-07-07 jctxori: borde solo statictext */
}

.statictext.staticedge {
	/* 2022-07-07 jctxori: en boton derecho de planificacion de medios cuadro informacion, debe aparecer con borde
	*/
	box-shadow: 1px 0px 0px 0px #fff, 0px 1px 0px 0px #fff, 0px 0px 0px 1px #ccc;
}

.textafterimg {
	float: left;
}

.lista_icon .textafterimg {
	white-space: normal;
	float: none;
}

.statictext {
	padding-left: 2px;
	padding-right: 2px;
}

img.iconomedium {
	/* 2022-07-18 jctxori
	width: 40px;
	height: 40px;
	margin-top: 8px;
	*/
	width: 1rem;
	height: 1rem;
	margin-top: 0.2rem;
	vertical-align: top !important;
}

.button_push img {
	vertical-align: middle;
}

.button_defpush {
	margin: 0px;
	display: inline-block;
}

.align-bottom {
	box-shadow: #aaa 0px 1px 0px;
}

.align-vcenter {
	/* jlinea ke?*/
	box-shadow: #aaa 0px 1px 0px;
}

.align-top {
	box-shadow: #aaa 0px -1px 0px;
}

.align-right {
	box-shadow: #aaa 0px 1px 0px;
}

.align-center {
	/* jlinea ke?*/
	box-shadow: #aaa 1px 0px 0px;
}

.align-left {
	/* jlinea ke?*/
	box-shadow: #aaa 0px -1px 0px;
}

.line.ctlmover:after {
	content: '\1F590';
}

.line.ctlmover {
	height: 1rem;
	border: 1px dotted solid;
	overflow: hidden;
}

.line {
	border-color: rgb(170, 170, 170);
	border-width: 0px;
	border-style: solid;
}

.button_push {
	margin: 0px; /*2018-12-20*/
	top: 5px; /* centrado el boton cerrar al poner un top 5px en la ventana */
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	border: 0px;
}

.noselect:not(input) {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dragable {
	-webkit-user-drag: element;
	user-select: all !important;
	-moz-user-select: all !important;
	cursor: pointer;
}

a {
	font-family: inherit;
}

input[type='checkbox'] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	padding: 6px;
}

.edittext {
	border: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px; /*2018-12-20*/
	padding-bottom: 0px; /*2018-12-20*/
	border-radius: 0px;
	color: inherit;
}
.button_check {
	margin: 0px; /*2018-12-20*/
	display: inline-block;
	cursor: pointer;
}

.button_radio {
	margin: 0px; /*2018-12-20*/
	display: inline-block;
	cursor: pointer;
}

.groupbox {
	background: transparent;
	display: inline-block;
	overflow: hidden;
	padding: 2px;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
	-webkit-padding-after: 0;
}

.edittext.dropdown_edit:not(.comboedit) {
	cursor: default;
}

.combobox,
.comboedit {
	margin: 0px; /*2018-12-20*/
	display: inline-block;
}

#contenedorweb {
	margin-left: auto;
	margin-right: auto;
}
.contenedor_barra_tabcontrol {
	overflow: hidden;
	position: absolute;
	width: calc(100% - 50px);
	height: 26px;
	float: left;
}

.flecha_previous_navegacion_barra_tabcontrol:hover:not(.disabled) {
	background-color: rgb(194, 194, 194);
	cursor: pointer;
}

.flecha_previous_navegacion_barra_tabcontrol.disabled {
	background-color: #777;
}

.flecha_next_navegacion_barra_tabcontrol.disabled {
	background-color: #777;
}

.button_push:hover:not(.disabled):not(.button_img),
.button_defpush:hover:not(.disabled):not(.button_img) {
	background-color: rgb(60, 60, 60);
}

.button_push.button_img:hover {
	background-color: transparent;
}

.flecha_previous_navegacion_barra_tabcontrol {
	position: relative;
	top: 4px;
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 1px;
	background-image: url('images/previous.png');
	background-position: -2px -2px;
	filter: invert(100%);
	background-color: #ccc;
}

.flecha_next_navegacion_barra_tabcontrol:hover:not(.disabled) {
	background-color: rgb(194, 194, 194);
	cursor: pointer;
}

.flecha_next_navegacion_barra_tabcontrol {
	position: relative;
	top: 4px;
	width: 20px;
	height: 20px;
	float: right;
	background-image: url('images/next.png');
	background-position: -2px -2px;
	filter: invert(100%);
	background-color: #ccc;
}

.barra_tabcontrol {
	height: 30px; /* 2022-07-08 jctxori salia una barra scroll vertical no deseado */
	position: absolute;
	width: max-content;
	left: 0px;
	z-index: 2147000000;
	top: 0px;
}
.oneline.tabcontrol > .contenido_tabcontrol {
	border-bottom: none;
}
.atbottom.tabcontrol {
	margin-top: -4px;
}

.atbottom .pestana_tabcontrol {
	padding-top: 3px;
	margin-top: 7px;
	min-height: 16px;
	border-top-color: rgb(170, 170, 170);
}

.atbottom .pestana_tabcontrol.selected {
	padding-top: 2px;
	margin-top: 4px;
}

.atbottom .pestana_tabcontrol_img,
.atbottom .pestana_tabcontrol_txt {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-moz-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

.atbottom .contenedor_barra_tabcontrol {
	height: 30px;
	top: calc(100% - 29px);
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-moz-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

.atbottom .contenido_tabcontrol {
	top: -1px;
}

.buttons .contenido_tabcontrol {
	border: none;
}

.contenido_tabcontrol {
	top: 25px;
	position: absolute;
	height: calc(100% - 28px);
	width: calc(100% - 2px);
}

.selected .pestana_tabcontrol_txt {
	margin-top: 5px;
}

.selected .pestana_tabcontrol_img {
	margin-top: 5px;
}

.pestana_tabcontrol_txt {
	float: right;
	cursor: default;
}

.tabcontrol.buttons {
	/*	z-index: 999999999;*/
	margin-top: -0.6rem;
	margin-bottom: 0px;
}

.buttons .pestana_tabcontrol {
	margin-left: 2px;
}

.pestana_tabcontrol {
	min-height: 16px;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 4px;
	float: left;
	/*    margin-top: 0.1rem;*/
}

.pestana_tabcontrol_img {
	vertical-align: middle;
	margin-right: 2px;
	height: 0.35rem;
}

.listbox .listviewheader {
	display: none;
}

.listviewtable {
	border-spacing: 0px;
	width: fit-content;
}

.grid .vacia .listviewrowcol {
	box-shadow: -1px 0px 0px 0px #ddd;
}
.grid .listviewrowcol {
	white-space: break-spaces;
	display: table-cell;
	/*
	border-right: 1px #888 solid !important;
	border-bottom: 1px #888 solid !important;
	*/
}

.listviewrows {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	display: block;
}

.listview {
	overflow-y: hidden;
	overflow-x: auto;
	padding: 0px;
}

.listviewheader.disabled,
.listviewtable.disabled {
	overflow: hidden;
}

.listviewheader {
	white-space: nowrap;
	cursor: pointer;
	display: block;
}
.listviewheader.td {
	float: left;
}

.listviewrow {
	margin: 0.5px;
	cursor: pointer;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.conorden {
	vertical-align: middle;
}

.listviewheader td.listviewrowcol {
	display: inline-block;
	height: 16px; /* 2022-09-19 */
	line-height: 16px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.listviewrowcol {
	vertical-align: middle;
	text-overflow: clip;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	border-collapse: collapse;
	padding-top: 2px;
	padding-bottom: 1.5px;
	padding-left: 4px;
	padding-right: 2px;
	box-shadow: 0.5px 0px 0px 0.5px #ccc;
}
.grid .listviewrowcol {
	box-shadow: 0.5px 0px 0px 1px #ccc;
}

.listview thead {
	vertical-align: middle;
	font-weight: 700;
	/*	border-collapse: separate;*/
}

.listview thead tr {
	/*	display: block;*/
	position: relative;
}

.listview tbody {
	/*	display: block;*/
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.listviewfooter {
	border-spacing: 0px;
	padding: 1px;
	width: 100%;
	white-space: nowrap;
	/*2018-12-20	border: 1px rgb(170,170,170) solid;*/
	display: table;
}

.listviewfooter tbody {
	display: table-row-group;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.listviewtable thead {
	/*2018-12-20	border: rgb(128,128,128) solid 1px;*/
	width: 100%;
}
.listviewtable.lista_icon {
	width: 100%;
}
.lista_icon > .listviewrow .listviewrowcol {
	white-space: normal;
	height: 80px;
	width: 80px;
	text-align: center;
	float: left;
}

.treeview {
	border: none;
	overflow: auto;
}

/* clases para componentes menu=> */
.menu {
	display: none;
	border-spacing: 0px;
	border-collapse: collapse;
	width: auto;
	padding: 6px 9px 6px 9px;
	margin: 0px;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
}

.menubar {
	display: none;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	padding: 6px;
	margin: 0px;
	position: fixed;
}

.floatleft {
	float: left;
}

.icon_radio_check {
	width: 0.6rem; /*0.4rem;*/
	height: 0.6rem; /*0.6rem;*/
	vertical-align: middle;
}

.iconright {
	width: 8px;
	height: 8px;
	vertical-align: middle;
}

.listviewrowcol .iconsmall {
	width: 14px;
	padding-right: 0.3em;
}

.iconsmall {
	width: 16px;
	object-fit: cover;
	zoom: 1;
	padding-right: 0.1em;
	vertical-align: middle;
}

.icon32 {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

.iconmedium {
	/*
	width: 32px;
	height: 32px;
	*/
	object-fit: cover;
	zoom: 1.5;
	padding-right: 0.1em;
	vertical-align: middle;
}

.iconsmall24 {
	width: 24px;
	object-fit: cover;
	zoom: 1;
	padding-right: 0.1em;
	vertical-align: middle;
}


.iconlarge {
	width: 50%;
	height: 50%;
	object-fit: cover;
	zoom: 2;
	padding-right: 0.1em;
	vertical-align: middle;
}

.listview .iconlarge,
.listview .iconmedium {
	display: block;
	margin: auto;
}

.dlg_dark .image_button_tit {
	height: 86%;
	filter: brightness(0);
	background-color: transparent !important;
}
.image_button_tit2 {
	height: 100%;
}

.align_dlg_title {
	padding-left: 8px;
}

.image_button {
	vertical-align: middle;
	outline: none;
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.image_button_expand {
	vertical-align: middle;
	outline: none;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
}

.menubar .separator {
	height: 100%;
	vertical-align: middle;
}

.dlg_dark .tpheader {
	filter: brightness(0.8);
	color: #fff;
}

.dlg_dark.disabled .tpheader {
	filter: brightness(0.3);
	color: #777;
}
.tpheader {
	margin: 3px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #222;
	float: left;
}

.billa_highlight {
	font-weight: 700 !important;
	font-style: italic !important;
}

.lv_icon {
	cursor: pointer;
	margin-left: 1px;
	margin-right: 1px;
}

.npvheader_invert {
	/*	border: 1px #888 solid;*/
	display: block;
	float: left;
	margin: 2px;
	text-align: center;
	width: 16px;
	height: 16px;
	font-size: 12px;
	cursor: pointer;
}

.npvheader {
	/*	border: 1px #888 solid;*/
	display: block;
	float: left;
	margin: 2px;
	text-align: center;
	width: 16px;
	height: 16px;
	font-size: 12px;
	cursor: pointer;
}

.menu .separator {
	width: inherit;
	height: 1px;
	padding: 0;
}

.menuitem {
	padding: 2px 0px 2px 0px;
}

.menutr.opened {
	cursor: pointer;
}

.menutr.selected {
	cursor: pointer;
}

.border_left_resize {
	cursor: ew-resize;
}

.border_right_resize {
	cursor: ew-resize;
}

/* <=clases para componentes menu */

/* aimarajs treeview=>*/
ul.tree,
ul.tree ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 7px;
	cursor: default;
}

ul.tree ul {
	padding-left: 7px;
}

.medium li img.exp_col {
	position: absolute;
	margin-top: 6px;
	margin-left: -20px;
	vertical-align: sub;
}

img.exp_col {
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
}

img.exp_col_empty {
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
	width: 0.6rem;
}

ul.tree.medium li {
	margin: 0;
	padding: 0 12px;
	line-height: 36px;
}

ul.tree.large li {
	margin: 0;
	padding: 0 12px;
	line-height: 48px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	line-height: 24px;
}

img.icon_tree.iconmedium {
	width: 36px;
	height: 36px;
	vertical-align: middle;
	padding-left: 3px;
	margin-top: -3px;
}

img.icon_tree.iconlarge {
	width: 48px;
	height: 48px;
	vertical-align: middle;
	padding-left: 3px;
	margin-top: -3px;
}

img.icon_tree {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	padding-left: 3px;
	margin-top: -3px;
}

a.node {
	padding: 2px;
}

span.node a {
	padding-left: 3px;
}

span.node {
	margin-left: -1px;
	padding-right: 3px;

	padding-top: 4px;
	padding-bottom: 4px;
}

span.node:hover {
	margin-left: -1px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
}

span.node_selected a {
	margin-left: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*span.node_selected a {
	padding-left: 3px;
}*/

.node_selected img.iconosel {
	display: none;
}
.node_selected img.iconsel {
	display: inline-block;
	/* 2024-07-19 12:17:01 @jc : desaparecia icono cuando seleccionado */
	visibility: visible;
	/* 2024-07-19 12:17:01 @jc : anadir un filtro shadow cuando seleccionado */
	filter: drop-shadow(2px 2px 2px black);
}

.visible {
	visibility: visible;
}

.invisible {
	display: none;
	visibility: hidden;
}

.oculto {
	visibility: hidden;
}

/*<=aimarajs treeview*/

.textoimg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	line-height: initial !important;
}

/** Clases para texto con videos==>*/
.video_rvon {
	font-weight: 700;
	color: blue;
}

.video_bon {
	font-style: italic;
	color: #7f0000;
}

.video_ulon {
	text-decoration: underline;
}

.video_pon {
	color: #7f007f;
}

.video_rvon.video_ulon {
	color: #007f00;
	text-decoration: none;
}

.bold {
	font-weight: 700;
}

.combolinea {
	cursor: pointer;
	padding-left: 6px;
	padding-right: 6px;
}

.combolista {
	line-height: inherit;
	width: 100%;
	-webkit-padding-start: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-before: 0px;
	overflow-y: auto;
}

.tablecombo {
	width: inherit;
}

.dropdown_edit {
	height: 100%;
	width: (100% - 1rem - 4px);
	line-height: inherit;
	border-top: none;
	border-left: none;
}

.dropdown_button {
	height: 100%;
	display: block;
	float: right;
	cursor: pointer;
	line-height: inherit;
	padding: 0px;
}

.align_center {
	text-align: center;
}

/*
.dlg_font .edittext {
	font-size: 12px;
}
*/
.dlg_font {
	font-size: 12px;
}

.button_check div,
.button_radio div {
	width: calc(100% - 26px);
	overflow: hidden;
}

.textu2marra {
	/* para STATICTTEXT cuando no entra en una linea el ancho que pinte en la segunda linea */
	width: inherit;
	height: inherit;
	cursor: auto;
	display: block;
	display: -webkit-box;
	--webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis;
}

.line-clamp {
	float: right;
	height: 200%;
}

ul {
	padding: 0px; /* mozilla tiene padding-left 40 */
	margin: 0px; /* mozilla tiene margin 10 */
}
.line-clamp:after {
	content: '';
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	height: 100%;
}

.bokata {
	padding: 8px;
	text-align: center;
	position: fixed;
}

.lv_fondo_barscroll {
	position: fixed;
}
.npheader {
	float: left;
	margin: 1px;
	height: 16px;
}
#lv_sepage {
	float: left;
	width: 12px;
	height: 16px;
	color: #222;
	font-size: 12px;
	margin: 3px;
}
.lv_barscroll_icon {
	position: fixed;
	cursor: pointer;
	opacity: 0.75;
	width: 20px;
	height: 20px;
}

.lv_barscroll_pos {
	position: fixed;
	cursor: pointer;
	opacity: 0.5;
	width: 0.8rem;
	height: 0.6rem;
}

.btkey {
	float: left;
	cursor: pointer;
	margin-right: 4px;
	margin-top: 2px;
}

.stbtkey {
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	width: 36px;
}

.btkeyletra {
	border-radius: 4px;
	text-align: center;
}
/* vladi_26/04/2019 clase para el logo de adur de Index.html */
.logo_adur {
	text-decoration: none;
	border: 0px;
}

.VID_INTERMITENTE {
	text-decoration: blink;
	--webkit-animation-name: blink;
	--webkit-animation-iteration-count: infinite;
	--webkit-animation-timing-function: cubic-bezierr(1, 0, 0, 1);
	--webkit-animation-duration: 1s;
}

.VID_INVERSO {
	text-decoration: underline;
}

.VID_ALTA_INTENSIDAD {
	font-style: italic;
}

.VID_SUBRAYADO {
	color: green !important;
}

.cursor {
	position: fixed;
	z-index: 3;
	font-family: monospace;
}

.consola_fila {
	width: fit-content;
	text-wrap: nowrap;
}

.button_container_multiline {
	display: table;
	line-height: normal !important;
	table-layout: fixed;
}

.button_text_multiline {
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	overflow-wrap: break-word;
	width: inherit;
	white-space: normal;
}

.historial {
	text-align: left;
	font-size: 20px;
	font-family: monospace;
	color: blue;
	margin-left: 50px;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.lista_icon > .listviewrow {
	display: inline-block;
}

.lista_icon td.listviewrowcol:nth-child(n + 2):nth-child(-n + 1024) {
	display: none;
}

.lista_lista td.listviewrowcol:nth-child(n + 2):nth-child(-n + 1024) {
	display: none;
}

.lista_lista tr.listviewrow {
	display: inline-block;
}
.lista_lista > .listviewrow .listviewrowcol {
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	float: left;
	white-space: normal;
	width: 150px;
	height: 30px;
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.login_boton_fs {
	cursor: pointer !important;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
	top: 40%;
	left: 30%;
	position: fixed;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 56px;
}

.palo {
	cursor: col-resize;
	position: absolute;
	font-size: 16px;
	scale: 0.9 1.2;
	top: 0px;
	width: 1px;
	color: rgb(192, 192, 192);
}

.palo_user_move {
	color: blue;
}

.float_legend {
	position: fixed;
	font-size: 14px;
	background-color: rgba(64, 64, 64, 0.5);
	color: rgba(240, 240, 240, 0.7);
	padding: 6px;
}

.columna_moving {
	cursor: move;
}
::selection {
	background: rgb(164, 171, 14);
	/* WebKit/Blink Browsers */
}

::-moz-selection {
	background: rgb(164, 171, 14);
	/* Gecko Browsers */
}

.pingpong_historial {
	position: fixed;
	background-color: #333;
	right: 4px;
	top: 25px;
	z-index: 9999999999;
	width: 220px;
	height: calc(100% - 100px);
	border: 1px #bbb solid;
	display: none;
}

.titulo1 {
	padding: 4px;
	font-size: 20px;
	background-color: #111;
}

.titulo2 {
	padding: 4px;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	background-color: #666;
}

#pingpong_titulo {
	cursor: pointer;
}

#pingpong_interval_div {
	display: none;
	font-size: 16px;
	border: 1px #666 solid;
}
#admindiv {
	display: none;
}

#edit_pingpong_interval {
	width: 80px;
}

.linea_interval_pingpong {
	vertical-align: middle;
	width: 100%;
	float: none;
	font-size: 16px;
	padding: 6px;
}

#lista_pingpong_historial {
	height: calc(100% - 52px);
	overflow-x: hidden;
	overflow-y: auto;
}

.bola {
	vertical-align: middle;
}

.fade-in {
	animation: fadeIn 0.2s;
	opacity: 1;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fade-out {
	animation: fadeOut 0.2s;
	opacity: 0;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.picture {
	object-fit: contain;
}
/*** no usado
@font-face {
	font-family: "MSSFWEB";
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("/webaspclient/3dparty/MSSFWEB.ttf") format("truetype");
}
****/

.dirty .ctl {
	visibility: hidden !important;
	background-color: transparent !important;
}
.dirty .fechabutton {
	visibility: hidden !important;
	background-color: transparent !important;
}

#forcanvasdiv {
	display: none;
	z-index: 2147483647;
	font-size: 9pt;
	background-color: rgb(20,20,20);
	max-width: 80%;
	max-height: 40%;
	position: absolute;
	top: -1000px;
	overflow: auto;
	white-space: nowrap;
}

#forcanvasimgtable .listviewrowcol {
	width: initial !important;
	max-width: initial !important;
	min-width: initial !important;
}
#forcanvasimg_hand {
	width: 16px;
	margin-left: 10px;
	filter: invert(1);
}

#dragbutton {
	display: none;
	z-index: 2147483647;
	position: absolute;
	top: 0px;
	cursor: pointer;
	left: 0px;
	width: 32px;
	filter: invert(0.5);
}

.close_status {
	right: calc( 10% + 32px );
	position: fixed;
	line-height: 32px;
	width:32px;
	height:32px;
	cursor:pointer;
}
.msg_status {
	background-color: #333;
	z-index: 2147483646;
	display: none;
	overflow: auto;
	position: fixed;
	top: 10%;
	left: 10%;
	width: calc( 100% - 20% );
	height: calc( 100% - 20% );
}
.imagepermitirventanas {
	width: 100%;
	height: 95%;
}
.div_for_calcule .imagepermitirventanas {
	width: 1152px;
	height: 447px;
}

/** INDEX.CSS **/
/** @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%);
}

.iconsmall22 {
	width: 22px;
	height: 22px;
	padding: 0px;
	margin-top: -2px;
	vertical-align: middle;
	filter: invert(50%);
}

#iconstatusbar {
	position: fixed;
	cursor: pointer;
	bottom: 2px;
	right: 0px;
	z-index: 2147483647;
	color: #44a;
	width: 22px;
	height: 22px;
	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: 12px;
	cursor: pointer;
}

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

/** PIKADAY.CSS **/
/*@charset "UTF-8";*/

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
  z-index: 990000;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  height: 220px;
  margin-left: 8px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  /*display: inline;*/
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-ok,
.pika-cancel,
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  /*position: absolute;
  *top: 0;*/
}

.pika-ok:hover,
.pika-cancel:hover,
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  /*left: 0;*/
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  /*right: 0;*/
}

.pika-ok,
.is-rtl .pika-cancel {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAARklEQVR4AWOgKRgF5UAsQakh/UD8H2IY5Yb0DxFDoAG3HkRT6hINIH4OxNdBhuEzhAzDMA0hx7D36IZQYlg/xckWHk6jAAB/Thlg8juY4QAAAABJRU5ErkJggg==");
  /*left: 0;*/
}

.pika-cancel,
.is-rtl .pika-ok {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA0ElEQVR4AbWRIQyDQAxFTyDxwQcffCbwFh+8mpicxGcCiUQi53NiAq8mT0zMBzGBYF+UpPk5GhA0eaZtXtrWnR05aMAIguDBHWR7BAlowQyWDX4iNCXeEDD9lqgDyyEikxXUMIAb5WZQgxetmVnTlJK/KkkludqaKlBxApdVpiRV5BFeixaGZCzRBFOk16E1mY8WfQ1JRWuyaNSiXhf5JrQmf7PRopKKj8hNJukbaPLcUTyleITWRSIF7wMSDxIQjXTnZJ0l4Zv19M0ggsKdGX9ap6mHPjrnrQAAAABJRU5ErkJggg==");
  /*right: 0;*/
}

.pika-ok.is-disabled,
.pika-cancel.is-disabled,
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  /*display: inline;*/
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 12px;
  color: #999;
}

.is-today .pika-button {
  color: rgb(140, 220, 70);
  font-weight: bold;
}

.is-weekend .pika-button {
  color: rgb(255, 120, 120);
}

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: rgb(60, 84, 84);
  box-shadow: inset 0 1px 3px rgb(120, 190, 189);
  border-radius: 3px;
}

/*
.pika-single.ctl_focused {
box-shadow: 0px 0px 0px 1px rgb(164 171 14),
0px 0px 0px 1px rgb(135,130,14) inset;
}
*/
.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #d5e9f7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}

.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  /*    background: #ff8000;*/
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.9);
  background: #444;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}