/** @format */

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 .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: 1px rgb(102, 122, 102) 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(31, 31, 31, 0.8) inset, 0 2px 0px #fff inset;
}
.withdata:not(.lista_icon) > .focused.selected > .listviewrowcol {
  color: #eee !important;
  box-shadow: 0 44px 24px rgba(82, 82, 82, 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;
}

.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 {
  /* 2020-10-20 desplazar barra scroll vertical a derecha */
  margin-left: 24px;
}
.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 !important;
}

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

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

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

.invisible {
  display: none;
}

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

.video_ulon {
  text-decoration: underline;
}

.video_pon {
  color: #00007f;
}

.video_rvon.video_ulon {
  color: #804000;
}

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

.VID_INVERSO {
  filter: invert(100%);
}

.VID_ALTA_INTENSIDAD {
  font-style: italic;
}

.VID_SUBRAYADO {
  font-weight: bold;
}

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

.consola_fila {
  width: fit-content;
}

.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.5 1;
  top: 0px;
  width: 1px;
  color: rgb(192, 192, 192);
}

.palo_user_move {
  color: lightskyblue;
}

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