:root {
	/*
		Las variables -inner- y -computed- son específicas del tema, y no se deben utilizar directamente en las vistas.
		
		Subtipos:
			-window-: superficie de la página
			-content-: contenido de información
			-navbar-: barra de navegación 
			-primarytext-: fuente de texto resaltada con color primario
			-primarybackground-: fondo de texto resaltado con color primario
			-button-: botón
			-button-default-: botón por defecto
            -dialogcover-: el fondo que tapa la ventana cuando se muestra un diálogo
		
		Sufijos:
			-c: color de texto
			-bg: color de fondo
			-a: acento (elemento resaltado)
			-d: desacento (elemento atenuado)
			-error: error
			-iconinvert: indica si los iconos negros deben invertir su color
			-shadow: color de las sombras -sobre- este tipo de elemento
			-border: bordes de los elementos -sobre- este tipo de elemento.			

		Clases de uso general:
			WA_NavBar: barra de navegación superior, o inferior de 
			WA_Content: área de contenido
			WA_Button: botón
			WA_RecordTable: tabla de registros
			WA_FieldTable: tabla de campos
			WA_InlineIcon: icono en línea con texto
			WA_BlackIcon: icono negro autoajustable al color de fondo
			

	*/

	/*Naranja oscuro*/
	/*
	--theme-inner-primary: rgb(248,123,30);
	--theme-inner-primary-dark: rgb(228,114,30);
	--theme-inner-primary-dark2: rgb(207,103,27);
	--theme-inner-primary-faint: rgb(255,228,207);
	--theme-inner-primary-faint2: rgb(255,209,175);
	--theme-inner-primary-light: rgb(255,143,59);
	--theme-inner-primary-light2: rgb(255,160,89);
	--theme-window-c: #ddd;
	--theme-window-c-d: #888;
	--theme-window-c-error: red;
	--theme-window-bg: #333;
	--theme-window-bg-a: #444;
	--theme-window-shadow: rgba(0,0,0,0.5);
	--theme-window-border: #606060;
	--theme-window-iconinvert: 1;
	--theme-window-button-c: white;
	--theme-window-button-bg: #6d6d6d;
	--theme-window-button-bg-a: #8c8c8c;
	--theme-window-button-iconinvert: 1;
	--theme-window-button-default-c: white;
	--theme-window-button-default-bg: var(--theme-inner-primary);
	--theme-window-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-window-button-default-iconinvert: 1;
	--theme-window-primarytext-c: var(--theme-inner-primary);
	--theme-window-primarytext-bg: inherit;
	--theme-window-primarybackground-c: white;
	--theme-window-primarybackground-bg: var(--theme-inner-primary);
	--theme-window-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-window-primarybackground-iconinvert: 1;
	--theme-content-c: #eee;
	--theme-content-c-d: #888;
	--theme-content-c-error: red;
	--theme-content-bg: #444;
	--theme-content-bg-a: #555;
	--theme-content-shadow: rgb(0,0,0,0.25);
	--theme-content-border: #707070;
	--theme-content-iconinvert: 1;
	--theme-content-button-c: white;
	--theme-content-button-bg: #6d6d6d;
	--theme-content-button-bg-a: #8c8c8c;
	--theme-content-button-iconinvert: 1;
	--theme-content-button-default-c: white;
	--theme-content-button-default-bg: var(--theme-inner-primary);
	--theme-content-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-content-button-default-iconinvert: 1;
	--theme-content-primarytext-c: var(--theme-inner-primary);
	--theme-content-primarytext-bg: inherit;
	--theme-content-primarybackground-c: white;
	--theme-content-primarybackground-bg: var(--theme-inner-primary);
	--theme-content-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-content-primarybackground-iconinvert: 1;
	--theme-navbar-c: white;
	--theme-navbar-bg: var(--theme-inner-primary-dark);
	--theme-navbar-bg-a: var(--theme-inner-primary);
	--theme-navbar-shadow: rgb(0,0,0,0.25);
	--theme-navbar-border: var(--theme-inner-primary-dark2);
	--theme-navbar-iconinvert: 1;
	--theme-navbar-button-c: white;
	--theme-navbar-button-bg: var(--theme-inner-primary);
	--theme-navbar-button-bg-a: var(--theme-inner-primary-light);
	--theme-navbar-button-iconinvert: 1;
	--theme-navbar-button-default-c: white;
	--theme-navbar-button-default-bg: var(--theme-inner-primary-light);
	--theme-navbar-button-default-bg-a: var(--theme-inner-primary-light2);
	--theme-navbar-button-default-iconinvert: 1;
	--theme-dialogcover-bg: rgba(75,75,75,0.75);
	--theme-dialogcover-shadow: rgba(0,0,0,0.5);
	--theme-computed-window-button-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-window-button-default-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-window-button-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	--theme-computed-window-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	--theme-computed-content-button-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-content-button-default-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-content-button-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	--theme-computed-content-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	*/

	/* Azul 2*/
	--theme-inner-primary: hsl(202,100%,50%);
	--theme-inner-primary-dark: hsl(202,100%,50%);/*hsl(202,100%,40%);*/
	--theme-inner-primary-dark2: hsl(202,100%,40%);/*hsl(202,100%,30%)*/
	--theme-inner-primary-faint: hsl(202,60%,90%);
	--theme-inner-primary-faint2: hsl(202,60%,80%);
	--theme-inner-primary-light: hsl(202,100%,70%);
	--theme-inner-primary-light2: hsl(202,100%,80%);
	--theme-window-c: black;
	--theme-window-c-d: #888;
	--theme-window-c-error: red;
	--theme-window-bg: #eee;
	--theme-window-bg-a: #fff;
	--theme-window-shadow: rgba(0,0,0,0.5);
	--theme-window-border: #aaa;
	--theme-window-iconinvert: 0;
	--theme-window-button-c: black;
	--theme-window-button-bg: var(--theme-inner-primary-faint);
	--theme-window-button-bg-a: var(--theme-inner-primary-faint2);
	--theme-window-button-iconinvert: 0;
	--theme-window-button-default-c: white;
	--theme-window-button-default-bg: var(--theme-inner-primary);
	--theme-window-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-window-button-default-iconinvert: 1;
	--theme-window-primarytext-c: var(--theme-inner-primary);
	--theme-window-primarytext-bg: inherit;
	--theme-window-primarybackground-c: white;
	--theme-window-primarybackground-bg: var(--theme-inner-primary);
	--theme-window-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-window-primarybackground-iconinvert: 1;
	--theme-content-c: black;
	--theme-content-c-d: #888;
	--theme-content-c-error: red;
	--theme-content-bg: white;
	--theme-content-bg-a: var(--theme-inner-primary-faint);
	--theme-content-shadow: rgb(0,0,0,0.25);
	--theme-content-border: #ccc;
	--theme-content-iconinvert: 0;
	--theme-content-button-c: black;
	--theme-content-button-bg: var(--theme-inner-primary-faint);
	--theme-content-button-bg-a: var(--theme-inner-primary-faint2);
	--theme-content-button-iconinvert: 0;
	--theme-content-button-default-c: white;
	--theme-content-button-default-bg: var(--theme-inner-primary);
	--theme-content-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-content-button-default-iconinvert: 1;
	--theme-content-primarytext-c: var(--theme-inner-primary);
	--theme-content-primarytext-bg: inherit;
	--theme-content-primarybackground-c: white;
	--theme-content-primarybackground-bg: var(--theme-inner-primary);
	--theme-content-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-content-primarybackground-iconinvert: 1;
	--theme-navbar-c: white;
	--theme-navbar-bg: var(--theme-inner-primary-dark);
	--theme-navbar-bg-a: var(--theme-inner-primary);
	--theme-navbar-shadow: rgb(0,0,0,0.25);
	--theme-navbar-border: var(--theme-inner-primary-dark2);
	--theme-navbar-iconinvert: 1;
	--theme-navbar-button-c: white;
	--theme-navbar-button-bg: var(--theme-inner-primary);
	--theme-navbar-button-bg-a: var(--theme-inner-primary-light);
	--theme-navbar-button-iconinvert: 1;
	--theme-navbar-button-default-c: white;
	--theme-navbar-button-default-bg: var(--theme-inner-primary-light);
	--theme-navbar-button-default-bg-a: var(--theme-inner-primary-light2);
	--theme-navbar-button-default-iconinvert: 1;
	--theme-dialogcover-bg: rgba(75,75,75,0.75);
	--theme-dialogcover-shadow: rgba(0,0,0,0.5);
	--theme-computed-window-button-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-window-button-default-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-window-button-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	--theme-computed-window-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	--theme-computed-content-button-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-content-button-default-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-content-button-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	--theme-computed-content-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	/**/


	/* DEFAULT ----
	--theme-inner-primary: rgb(248,123,30);
	--theme-inner-primary-dark: rgb(228,114,30);
	--theme-inner-primary-dark2: rgb(207,103,27);
	--theme-inner-primary-faint: rgb(255,228,207);
	--theme-inner-primary-faint2: rgb(255,209,175);
	--theme-inner-primary-light: rgb(255,143,59);
	--theme-inner-primary-light2: rgb(255,160,89);
	--theme-window-c: black;
	--theme-window-c-d: #888;
	--theme-window-c-error: red;
	--theme-window-bg: #eee;
	--theme-window-bg-a: #fff;
	--theme-window-shadow: rgba(0,0,0,0.25);
	--theme-window-border: #aaa;
	--theme-window-iconinvert: 0;
	--theme-window-button-c: black;
	--theme-window-button-bg: var(--theme-inner-primary-faint);
	--theme-window-button-bg-a: var(--theme-inner-primary-faint2);
	--theme-window-button-iconinvert: 0;
	--theme-window-button-default-c: white;
	--theme-window-button-default-bg: var(--theme-inner-primary);
	--theme-window-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-window-button-default-iconinvert: 1;
	--theme-window-primarytext-c: var(--theme-inner-primary);
	--theme-window-primarytext-bg: inherit;
	--theme-window-primarybackground-c: white;
	--theme-window-primarybackground-bg: var(--theme-inner-primary);
	--theme-window-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-window-primarybackground-iconinvert: 1;
	--theme-content-c: black;
	--theme-content-c-d: #888;
	--theme-content-c-error: red;
	--theme-content-bg: white;
	--theme-content-bg-a: var(--theme-inner-primary-faint);
	--theme-content-shadow: rgb(0,0,0,0.25);
	--theme-content-border: #ccc;
	--theme-content-iconinvert: 0;
	--theme-content-button-c: black;
	--theme-content-button-bg: var(--theme-inner-primary-faint);
	--theme-content-button-bg-a: var(--theme-inner-primary-faint2);
	--theme-content-button-iconinvert: 0;
	--theme-content-button-default-c: white;
	--theme-content-button-default-bg: var(--theme-inner-primary);
	--theme-content-button-default-bg-a: var(--theme-inner-primary-light);
	--theme-content-button-default-iconinvert: 1;
	--theme-content-primarytext-c: var(--theme-inner-primary);
	--theme-content-primarytext-bg: inherit;
	--theme-content-primarybackground-c: white;
	--theme-content-primarybackground-bg: var(--theme-inner-primary);
	--theme-content-primarybackground-bg-a: var(--theme-inner-primary-light);
	--theme-content-primarybackground-iconinvert: 1;
	--theme-navbar-c: white;
	--theme-navbar-bg: var(--theme-inner-primary-dark);
	--theme-navbar-bg-a: var(--theme-inner-primary);
	--theme-navbar-shadow: rgb(0,0,0,0.25);
	--theme-navbar-border: var(--theme-inner-primary-dark2);
	--theme-navbar-iconinvert: 1;
	--theme-navbar-button-c: white;
	--theme-navbar-button-bg: var(--theme-inner-primary);
	--theme-navbar-button-bg-a: var(--theme-inner-primary-light);
	--theme-navbar-button-iconinvert: 1;
	--theme-navbar-button-default-c: white;
	--theme-navbar-button-default-bg: var(--theme-inner-primary-light);
	--theme-navbar-button-default-bg-a: var(--theme-inner-primary-light2);
	--theme-navbar-button-default-iconinvert: 1;
    --theme-dialogcover-bg: rgba(75,75,75,0.75);
    --theme-dialogcover-shadow: rgba(0,0,0,0.5);

	--theme-computed-window-button-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-window-button-default-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-window-button-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	--theme-computed-window-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	--theme-computed-content-button-icon-menu: url('/web/images/icons/menu_inv0.svg');
	--theme-computed-content-button-default-icon-menu: url('/web/images/icons/menu_inv1.svg');
	--theme-computed-content-button-icon-rightlink: url('/web/images/icons/rightlink_inv0.svg');
	--theme-computed-content-button-default-icon-rightlink: url('/web/images/icons/rightlink_inv1.svg');
	*/
}


@media only screen and (max-device-width: 720px) {
	html { font-size: 2.4vmin; }	
}

/* Estilos de color */
body, button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body { margin: 1em 1em; background-color: var(--theme-window-bg); color: var(--theme-window-c); }
.WA_Content { color: var(--theme-content-c); background-color: var(--theme-content-bg); }

input, select, textarea { background-color: var(--theme-window-bg-a); border: 1px solid var(--theme-window-border); color: var(--theme-window-c); outline-color: var(--theme-window-primarybackground-bg); }
.WA_Content input, .WA_Content select { background-color: var(--theme-content-bg-a); border: 1px solid var(--theme-content-border); color: var(--theme-content-c); outline-color: var(--theme-content-primarybackground-bg); }

.WA_NavBar { color: var(--theme-navbar-c); background-color: var(--theme-navbar-bg); }

.WA_NavBar.App { color: var(--theme-navbar-c); box-shadow: 0 0 0.25em var(--theme-window-shadow); background-color: var(--theme-navbar-bg); }
.WA_NavBar.App td.WA_NavBar_Button div { border-right-color: var(--theme-navbar-border); }
.WA_NavBar.App td.WA_NavBar_Button:hover { background-color: var(--theme-navbar-bg-a); }
.WA_NavBar.App td.WA_NavBar_Button img { filter:invert(var(--theme-navbar-iconinvert)); }
.WA_NavBar.App td.WA_NavBar_UserButton:hover { background-color: var(--theme-navbar-bg-a) }
.WA_NavBar.App td.WA_NavBar_UserButton img { filter:invert(var(--theme-navbar-iconinvert)); }
.WA_NavBar.App td.WA_NavBar_Title { border-right-color: var(--theme-navbar-border); }
.WA_NavBar.App td.WA_NavBar_Title.Pulsable:hover { background-color: var(--theme-navbar-bg-a) }

button.WA_Button, a.WA_Button { color: var(--theme-window-button-c); background-color: var(--theme-window-button-bg); box-shadow: 0 0 0.125em var(--theme-window-shadow); }
button.WA_Button:hover, a.WA_Button:hover  { background-color: var(--theme-window-button-bg-a); }
button.WA_Button.Default, a.WA_Button.Default { color: var(--theme-window-button-default-c); background-color: var(--theme-window-button-default-bg); }
button.WA_Button.Default:hover, a.WA_Button.Default:hover { background-color: var(--theme-window-button-default-bg-a); }
button.WA_Button:disabled:hover, a.WA_Button:disabled:hover { background-color: var(--theme-window-button-bg) }
.WA_Content button.WA_Button, .WA_Content a.WA_Button { color: var(--theme-content-button-c); background-color: var(--theme-content-button-bg); box-shadow: 0 0 0.125em var(--theme-content-shadow); }
.WA_Content button.WA_Button:hover, .WA_Content a.WA_Button:hover  { background-color: var(--theme-content-button-bg-a); }
.WA_Content button.WA_Button.Default, .WA_Content a.WA_Button.Default { color: var(--theme-content-button-default-c); background-color: var(--theme-content-button-default-bg); }
.WA_Content button.WA_Button.Default:hover, .WA_Content a.WA_Button.Default:hover { background-color: var(--theme-content-button-default-bg-a); }
.WA_Content button.WA_Button:disabled:hover, .WA_Content a.WA_Button:disabled:hover { background-color: var(--theme-content-button-bg) }

.WA_NavBar button.WA_Button, .WA_NavBar a.WA_Button { color: var(--theme-navbar-button-c); background-color: var(--theme-navbar-button-bg); box-shadow: 0 0 0.125em var(--theme-navbar-shadow); }
.WA_NavBar button.WA_Button:hover, .WA_NavBar a.WA_Button:hover  { background-color: var(--theme-navbar-button-bg-a); }
.WA_NavBar button.WA_Button.Default, .WA_NavBar a.WA_Button.Default { color: var(--theme-navbar-button-default-c); background-color: var(--theme-navbar-button-default-bg); }
.WA_NavBar button.WA_Button.Default:hover, .WA_NavBar a.WA_Button.Default:hover { background-color: var(--theme-navbar-button-default-bg-a); }
.WA_NavBar button.WA_Button:disabled:hover, .WA_NavBar a.WA_Button:disabled:hover { background-color: var(--theme-navbar-button-bg) }



h2 { color: var(--theme-window-primarytext-c); background-color: var(--theme-window-primarytext-bg); }
h2 button.WA_Button:hover, h2 a.WA_Button:hover { background-color: var(--theme-window-bg-a); }
h2 .WA_Button { background-color: inherit; color: inherit; }
.WA_Content h2 { color: var(--theme-content-primarytext-c); background-color: var(--theme-content-primarytext-bg); }
.WA_Content h2 button.WA_Button:hover, .WA_Content h2 a.WA_Button:hover { background-color: var(--theme-content-bg-a); }
.WA_Content h2 .WA_Button { background-color: inherit; color: inherit; }


/*
tr.WA_Button, td.WA_Button { color: var(--theme-window-c); background-color: var(--theme-window-bg); }
tr.WA_Button:hover, td.WA_Button:hover { background-color: var(--theme-window-bg-a); }
.WA_Content tr.WA_Button, .WA_Content td.WA_Button { color: var(--theme-content-c); background-color: var(--theme-content-bg); } 
.WA_Content tr.WA_Button:hover, .WA_Content td.WA_Button:hover { background-color: var(--theme-content-bg-a); } 
*/

.WA_FieldTable tr.WA_Button, .WA_FieldTable td.WA_Button { color: var(--theme-window-c); background-color: var(--theme-window-bg); }
.WA_FieldTable tr.WA_Button:hover, .WA_FieldTable td.WA_Button:hover { background-color: var(--theme-window-bg-a); }
.WA_Content .WA_FieldTable tr.WA_Button, .WA_Content .WA_FieldTable td.WA_Button { color: var(--theme-content-c); background-color: var(--theme-content-bg); } 
.WA_Content .WA_FieldTable tr.WA_Button:hover, .WA_Content .WA_FieldTable td.WA_Button:hover { background-color: var(--theme-content-bg-a); } 


div.WA_Pagination div.Link { background-color: var(--theme-window-button-bg); color: var(--theme-window-button-c); box-shadow: 0 0 0.125em var(--theme-window-shadow); }
div.WA_Pagination div.Link:hover { background-color: var(--theme-window-button-bg-a); }
div.WA_Pagination div.Link.Active { background-color: var(--theme-window-button-default-bg-a); color: var(--theme-window-button-default-c); }
.WA_Content div.WA_Pagination div.Link { background-color: var(--theme-content-button-bg); color: var(--theme-content-button-c); box-shadow: 0 0 0.125em var(--theme-window-shadow); }
.WA_Content div.WA_Pagination div.Link:hover { background-color: var(--theme-content-button-bg-a); }
.WA_Content div.WA_Pagination div.Link.Active { background-color: var(--theme-content-button-default-bg-a); color: var(--theme-content-button-default-c); }


/*
.WA_RecordTable > tbody > tr > td { background-color: var(--theme-content-bg); color: var(--theme-content-c); }
.WA_RecordTable > tbody > tr > td { border-color: var(--theme-content-border); }
.WA_RecordTable > tbody > tr > th { background-color: var(--theme-content-primarybackground-bg); color: var(--theme-content-primarybackground-c); border-color: var(--theme-content-border); }
.WA_RecordTable th.WA_Sort_Text:hover, .WA_RecordTable th.WA_Sort_Number:hover, .WA_RecordTable th.WA_Sort_Checkbox:hover, .WA_RecordTable th.WA_Button:hover { background-color: var(--theme-window-primarybackground-bg-a); }
.WA_RecordTable > tbody > tr.WA_Button, .WA_RecordTable > tbody > tr > td.WA_Button, .WA_RecordTable > tbody > tr.WA_Button:hover > td.WA_Button { color: var(--theme-content-c); background-color: var(--theme-content-bg); }
.WA_RecordTable > tbody > tr.WA_Button:hover, .WA_RecordTable > tbody > tr > td.WA_Button:hover, .WA_RecordTable > tbody > tr.WA_Button:hover > td, .WA_RecordTable > tbody > tr.WA_Button > td.WA_Button:hover { background-color: var(--theme-content-bg-a); }
*/

/*.WA_RecordTable > tbody > tr > td { background-color: var(--theme-window-bg); color: var(--theme-window-c); }*/
/*.WA_Content .WA_RecordTable > tbody > tr > td, .WA_Content.WA_RecordTable > tbody > tr > td { background-color: var(--theme-content-bg); color: var(--theme-content-c); }*/
.WA_RecordTable > tbody > tr > td { border-color: var(--theme-window-border); }
.WA_Content .WA_RecordTable > tbody > tr > td, .WA_Content.WA_RecordTable > tbody > tr > td { border-color: var(--theme-content-border); }
.WA_RecordTable > tbody > tr > th { background-color: var(--theme-window-primarybackground-bg); color: var(--theme-window-primarybackground-c); border-color: var(--theme-window-border); }
.WA_Content .WA_RecordTable > tbody > tr > th, .WA_Content.WA_RecordTable > tbody > tr > th  { background-color: var(--theme-content-primarybackground-bg); color: var(--theme-content-primarybackground-c); border-color: var(--theme-content-border); }
.WA_RecordTable th.WA_Sort_Text:hover, 
.WA_RecordTable th.WA_Sort_Number:hover, 
.WA_RecordTable th.WA_Sort_Checkbox:hover, 
.WA_RecordTable th.WA_Button:hover { background-color: var(--theme-window-primarybackground-bg-a); }
.WA_Content .WA_RecordTable th.WA_Sort_Text:hover, .WA_Content.WA_RecordTable th.WA_Sort_Text:hover, 
.WA_Content .WA_RecordTable th.WA_Sort_Number:hover, .WA_Content.WA_RecordTable th.WA_Sort_Number:hover, 
.WA_Content .WA_RecordTable th.WA_Sort_Checkbox:hover, .WA_Content.WA_RecordTable th.WA_Sort_Checkbox:hover, 
.WA_Content .WA_RecordTable th.WA_Button:hover, .WA_Content.WA_RecordTable th.WA_Button:hover { background-color: var(--theme-window-primarybackground-bg-a); }
/*
.WA_RecordTable > tbody > tr.WA_Button, 
.WA_RecordTable > tbody > tr > td.WA_Button, 
.WA_RecordTable > tbody > tr.WA_Button:hover > td.WA_Button { color: var(--theme-window-c); background-color: var(--theme-window-bg); }*/
/*
.WA_Content .WA_RecordTable > tbody > tr.WA_Button, .WA_Content.WA_RecordTable > tbody > tr.WA_Button, 
.WA_Content .WA_RecordTable > tbody > tr > td.WA_Button, .WA_Content.WA_RecordTable > tbody > tr > td.WA_Button, 
.WA_Content .WA_RecordTable > tbody > tr.WA_Button:hover > td.WA_Button, .WA_Content.WA_RecordTable > tbody > tr.WA_Button:hover > td.WA_Button 
{ color: var(--theme-content-c); background-color: var(--theme-content-bg); }*/
.WA_RecordTable > tbody > tr.WA_Button:hover, 
.WA_RecordTable > tbody > tr > td.WA_Button:hover, 
.WA_RecordTable > tbody > tr.WA_Button:hover > td, 
.WA_RecordTable > tbody > tr.WA_Button > td.WA_Button:hover { background-color: var(--theme-window-bg-a); }
.WA_Content .WA_RecordTable > tbody > tr.WA_Button:hover, .WA_Content.WA_RecordTable > tbody > tr.WA_Button:hover, 
.WA_Content .WA_RecordTable > tbody > tr > td.WA_Button:hover, .WA_Content.WA_RecordTable > tbody > tr > td.WA_Button:hover, 
.WA_Content .WA_RecordTable > tbody > tr.WA_Button:hover > td, .WA_Content.WA_RecordTable > tbody > tr.WA_Button:hover > td, 
.WA_Content .WA_RecordTable > tbody > tr.WA_Button > td.WA_Button:hover, .WA_Content.WA_RecordTable > tbody > tr.WA_Button > td.WA_Button:hover  
{ background-color: var(--theme-content-bg-a); }



.WA_FieldTable > tbody > tr > th, .WA_FieldTable > tbody > tr > td:first-child { color: var(--theme-window-primarytext-c); background: var(--theme-window-primarytext-bg);  }
.WA_Content .WA_FieldTable > tbody > tr > th, .WA_Content .WA_FieldTable > tbody > tr > td:first-child { color: var(--theme-content-primarytext-c); background: var(--theme-content-primarytext-bg);  }

img.WA_BlackIcon { filter:invert(var(--theme-window-iconinvert)); }
.WA_Content img.WA_BlackIcon { filter:invert(var(--theme-content-iconinvert));}
button.WA_Button img.WA_BlackIcon { filter:invert(var(--theme-window-button-iconinvert)); }
button.WA_Button.Default img.WA_BlackIcon { filter:invert(var(--theme-window-button-default-iconinvert)); }
.WA_Content button.WA_Button img.WA_BlackIcon { filter:invert(var(--theme-content-button-iconinvert)); }
.WA_Content button.WA_Button.Default img.WA_BlackIcon { filter:invert(var(--theme-content-button-default-iconinvert)); }

button.WA_Button.WA_Menu { background-image: var(--theme-computed-window-button-icon-menu); }
button.WA_Button.Default.WA_Menu { background-image: var(--theme-computed-window-button-default-icon-menu); }
button.WA_Button.WA_Link { background-image: var(--theme-computed-window-button-icon-rightlink); }
button.WA_Button.Default.WA_Link { background-image: var(--theme-computed-window-button-default-icon-rightlink); }
.WA_Content button.WA_Button.WA_Menu { background-image: var(--theme-computed-content-button-icon-menu); }
.WA_Content button.WA_Button.Default.WA_Menu { background-image: var(--theme-computed-content-button-default-icon-menu); }
.WA_Content button.WA_Button.WA_Link { background-image: var(--theme-computed-content-button-icon-rightlink); }
.WA_Content button.WA_Button.Default.WA_Link { background-image: var(--theme-computed-content-button-default-icon-rightlink); }

div.WA_SelectAction_Title { color: var(--theme-navbar-c); border-color: var(--theme-window-shadow); background-color: var(--theme-navbar-bg);	}
/*div.WA_SelectAction_Window { background-color: var(--theme-window-bg); box-shadow: 0px 0px 0.5em var(--theme-window-shadow); border-color: var(--theme-window-shadow); }*/
div.WA_SelectAction_Button { border-color: var(--theme-content-shadow); color: var(--theme-content-c); background: var(--theme-content-bg); }
div.WA_SelectAction_Button.Cancel { opacity: 0.6 }
div.WA_SelectAction_Button:hover { background-color: var(--theme-content-bg-a);  }
.WA_SelectAction_Header { /*opacity: 0.6;*/ border-color: var(--theme-content-shadow); background-color: var(--theme-window-bg); color: var(--theme-window-c-d); }

/* Estilos físicos */
.WA_NavBar.App { position: fixed; height: 2.5em; top: 0; left: 0; right: 0; overflow: hidden; z-index: 2; }
.WA_NavBar.App > table { width: 100%; border-collapse: collapse; border: none }
.WA_NavBar.App > table tr { border: none; }
.WA_NavBar.App > table td { border: none; padding: 0; }
.WA_NavBar.App td.WA_NavBar_Button { width: 1px; cursor: pointer }
.WA_NavBar.App td.WA_NavBar_Icon { width: 1px; }
.WA_NavBar.App td.WA_NavBar_Icon img { width: auto; height: 1.5em; padding-left: 0.95em; padding-top: 0.2em; }
.WA_NavBar.App td.WA_NavBar_UserButton { width: 2.5em; cursor: pointer; text-align: center; }
.WA_NavBar.App td.WA_NavBar_UserButton div { font-size: 0.6em; margin-top: -0.5em; }
.WA_NavBar.App td.WA_NavBar_Button div { display: inline-block; border-right-width: 1px; border-right-style: solid; }
.WA_NavBar.App td.WA_NavBar_Button img { display: block; width: 1.4em; height: 1.4em; padding: 0.6em; }
.WA_NavBar.App td.WA_NavBar_UserButton img { width: 1.5em; height: 1.5em; }
.WA_NavBar.App td.WA_NavBar_Title { max-width: 0; padding: 0 0.8em; height: 2.5em; border-right-width: 1px; border-right-style: solid; }
.WA_NavBar.App td.WA_NavBar_Title.Pulsable:hover { cursor: pointer; }
.WA_NavBar.App td.WA_NavBar_Title > div { font-size: 1.25em; height: 1em; padding-bottom: 0.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.WA_Button { cursor: pointer; }
button.WA_Button, a.WA_Button { display: inline-block; border: none; font-size: 1em; cursor: pointer; padding: 0.25em 0.5em; margin: 0; outline: none; text-decoration: none; line-height: 1.2 }
button.WA_Button:disabled, a.WA_Button.Default:disabled { opacity: 0.5; cursor: default; }

h2 { font-size: 1.25em; }
h2 .WA_Button { box-shadow: none; vertical-align: inherit; text-decoration: underline; font-size: 0.75em; font-style: italic; font-weight: normal; }
.WA_Content h2 .WA_Button { box-shadow: none; }

div.WA_Pagination { margin: 1em 0 0.5em 0; font-size: 0.8em; }
div.WA_Pagination div.Link { display: inline-block; cursor: pointer; float: left; clear: none; min-width: 1.5em; text-align: center; padding: 0.25em; margin: 0 0.2em; border-radius: 0.3em; }
div.WA_Pagination span { display: inline-block; float: left; clear: none; }
div.WA_Pagination div.Link.Active { cursor: default; }

.WA_RecordTable { border-collapse: collapse; margin-top: 1em; }
.WA_RecordTable > tbody > tr > td { border-width: 1px; border-style: solid; padding: 0.1em 0.5em; text-align: left; }
.WA_RecordTable > tbody > tr > th { padding: 0.1em 0.5em; text-align: left; font-size: 0.9em; font-weight: bold; border-width: 1px; border-style: solid; }
.WA_RecordTable > tbody > tr > td.Center, .WA_RecordTable > tbody > tr > th.Center { text-align: center; }
.WA_RecordTable > tbody > tr > td.Right, .WA_RecordTable > tbody > tr > th.Right { text-align: right; }
.WA_RecordTable > tbody > tr > td.Red, .WA_RecordTable > tbody > tr > th.Red { color: red } /* TODO: QUITAR ESTO */
.WA_RecordTable th.WA_Sort_Text:hover, .WA_RecordTable th.WA_Sort_Number:hover, .WA_RecordTable th.WA_Sort_Checkbox:hover, .WA_RecordTable th.WA_Button:hover { cursor: pointer; }
/*.WA_RecordTable tr.WA_Button:hover { background-color: var(--old-theme2-primarytext-bg); }*/
.WA_RecordTable .NOBR { white-space: nowrap }

div.WA_Pagination+table.WA_RecordTable { margin-top: 0 }
table.WA_RecordTable+div.WA_Pagination { margin-top: 0.5em }

.WA_RecordTable td.WA_Checkbox { border: none; }
.WA_Checkbox > img.WA_Checked { display: none }
.WA_Checkbox > img.WA_Unchecked { display: inline-block; opacity: 0.5; }
.WA_Checkbox[wa_checked="true"] > img.WA_Checked { display: inline-block; }
.WA_Checkbox[wa_checked="true"] > img.WA_Unchecked { display: none; }

.WA_FieldTable { vertical-align: top; border-collapse: collapse; }
.WA_FieldTable > tbody > tr:first-child > th { padding-top: 0 }
.WA_FieldTable > tbody > tr > th { text-align: left; padding-bottom: 0.5em; padding-top: 1em; text-decoration: underline; }
.WA_FieldTable > tbody > tr > td:first-child { text-align: right; padding-right: 1em; font-size: 0.9em; vertical-align: top; padding-top: 0.25em; max-width: 30em; }
.WA_FieldTable > tbody > tr > td { max-width: 50em; }
.WA_FieldTable .NOBR { white-space: nowrap }

img.WA_InlineIcon { height: 1.2em; width: auto; vertical-align: bottom }

button.WA_Button.WA_Menu { background-size: 0.5em; background-repeat: no-repeat; background-position: right 0.25em bottom; padding-right: 1em; }
button.WA_Button.WA_Link { background-size: 0.7em; background-repeat: no-repeat; background-position: right 0.25em center; padding-right: 1.25em; }

.WA_HtmlContainer > :first-child { margin-top: 0 }
.WA_HtmlContainer > :last-child { margin-bottom: 0 }

div.WA_SelectAction_Title { padding: 0.35em 0.5em; font-size: 1.25em; border-width: 1px; border-style: solid; }
/*div.WA_SelectAction_Window { position: relative; display: inline-block; max-width: 90%; overflow: auto; margin-left: auto; margin-right: auto; border-radius: 0.25em; border-width: 0.25em; border-style: solid; }*/
div.WA_SelectAction_Button { padding: 0.35em 1em; /*border-top: 1px solid white; color: #3c3c3c; border-bottom: 1px solid #888; border-left: 1px solid #000; border-right: 1px solid #000;*/ border-width: 1px; border-top-width: 0; border-style: solid; cursor: pointer; }
/*div.WA_SelectAction_Button.Cancel { color: #545454; background-color: rgba(162, 162, 162, 0.25); border-top: 1px solid #efefef; }*/
div.WA_SelectAction_Button.WithImages > img.WA_InlineIcon { position: absolute; left: 0.75em; }
div.WA_SelectAction_Button.WithImages { padding-left: 2.66em; text-align: left; }
div.WA_SelectAction_Button.WithSubmenus { padding-right: 1.5em; }
.WA_SelectAction_Header { border-bottom-width: 1px; border-bottom-style: solid; padding: 0.75em 0.5em 0.25em 0.5em; font-size: 0.8em; text-align: left; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; }




/*		
tr.WA_Button > td.WA_Button { background-color: white; }
tr.WA_Button > td.WA_Button:hover { background-color: var(--old-theme--color-faint2); }

	
::placeholder {
	font-style: italic;
	color: #aaa;
}
*/