/*
  Place your custom style overrides here.
  Checkout /src/assets/global.scss for an overview of all globally available css variables you
    can override

  NOTE: The main application's styling is included through JavaScript. Therefore, it gets added to
    the head _after_ this file. If you want to override the globally used CSS variables, you can either
    use !important, or increase the specificity from :root
*/
body{
	--busca: #1A237E;
	/* Tonos negros de tiivii */
	--negro1-tiivii: #000000;
	--negro2-tiivii: #202020;
	--negro3-tiivii: #434343;
	--negro4-tiivii: #383233;
	--negro5-tiivii: #454140;

	/* Tonos grises de tiivii */
	--gris1-tiivii: #F7F7F7;
	--gris2-tiivii: #EBEBEB;
	--gris3-tiivii: #B8B8B8;
	--gris4-tiivii: #757575;
	--gris5-tiivii: #707070;

	/* Tonos rojos y blancos */
	--rojo1-tiivii: #DE1F26;
	--rojo2-tiivii: #C5252A;
	--blanco1-tiivii: #FFFFFF;
	--blanco2-tiivii: #FBFBFB;
	--blanco3-tiivii: #E9EBF1;

	--module-background-color: var(--negro1-tiivii) !important; /* background de la lista de modulos */
	--module-background-color-active: var(--rojo1-tiivii) !important;/* background del modulo seleccionado */
	--module-text-color: var(--blanco1-tiivii) !important;
	--module-text-color-active: var(--blanco1-tiivii) !important;	
	
	--sidebar-background-color: var(--blanco1-tiivii) !important; /*background de la lista de colecciones*/	
	--sidebar-background-color-alt: var(--blanco2-tiivii) !important; /*bakcground de la cabecera de la lista*/
	--sidebar-text-color: var(--negro1-tiivii) !important;
	--sidebar-text-color-alt: var(--negro1-tiivii) !important;	

	--page-text-color: var(--negro2-tiivii) !important; /*letras del cuerpo la pagina*/
	--page-background-color: var(--blanco2-tiivii) !important; /*background del cuerpo la pagina*/

	--heading-text-color: var(--negro2-tiivii) !important;
	--note-text-color: var(--negro2-tivii) !important;

	--breadcrumb-text-color: var(--negro3-tiivii) !important;
	--breadcumb-glue-color: var(--negro4-tiivii) !important;

	--modal-header-background-color: var(--blanco1-tiivii) !important;
	--modal-background-color: var(--blanco1-tiivii) !important; /*background dialogo logout*/
	--modal-smoke-color: var(--gris5-tiivii) !important;
	--modal-tab-text-color: var(--negro1-tiivii) !important;
	--modal-tab-text-color-active: var(--negro5-tiivii) !important;
	--modal-tab-text-color-disable: var(--gris5-tiivii) !important;

	--notice-text-color: var(--gris5-tiivii) !important;
	--notice-text-color-alt: var(--gris5-tiivii) !important;
	--notice-background-color: var(--gris3-tiivii) !important;

	--tooltip-background-color: var(--gris5-tiivii) !important; /*background dialogo ayuda*/
	--tooltip-text-color: var(--blanco2-tiivii) !important; /*texto dialogo ayuda*/

	--popover-background-color: var(--gris5-tiivii) !important;
	--popover-text-color: var(--blanco1-tiivii) !important;
  	--popover-text-color-hover: var(--negro5-tiivii) !important;
  	--popover-text-color-disabled: var(--rojo1-tiivii) !important;

	--card-background-color: var(--gris3-tiivii) !important;
  	--card-background-color-hover: var(--gris5-tiivii) !important;
  	--card-text-color: var(--gris1-tiivii) !important;
  	--card-text-color-disabled: var(--gris4-tiivii) !important;

	--progress-background-color: var(--gris3-tiivii) !important;
	--progress-background-color-accent: var(--gris5-tiivii) !important;

	--loading-background-color: var(--gris3-tiivii) !important;
	--loading-background-color-accent: var(--gris5-tiivii) !important;

	--input-text-color: var(--gris5-tiivii) !important; 
  	--input-icon-color: var(--gris3-tiivii) !important;
  	--input-placeholder-color: var(--gris5-tiivii) !important;
  	--input-border-color: var(--gris3-tiivii) !important;
  	--input-border-color-hover: var(--gris4-tiivii) !important;
  	--input-border-color-focus: var(--gris5-tiivii) !important;
  	--input-background-color: var(--blanco1-tiivii) !important;
  	--input-background-color-alt: var(--gris2-tiivii) !important;
  	--input-background-color-alt-hover: var(--gris3-tiivii) !important;
  	--input-background-color-disabled: var(--gris3-tiivii) !important;
  	--input-background-color-active: var(--gris5-tiivii) !important;
  	--input-text-color-active: var(--blanco1-tiivii) !important;
  	--input-required-color: var(--gris3-tiivii) !important;

	/* Main buttons, solid with background hover */
  	--button-primary-background-color: var(--negro1-tiivii) !important;
  	--button-primary-text-color: var(--blanco1-tiivii) !important;
  	--button-primary-background-color-hover: var(--negro3-tiivii) !important;
  	--button-primary-background-color-disabled: var(--negro5-tiivii) !important;
  	--button-primary-text-color-disabled: var(--negro4-tiivii) !important;

	/* Alternate buttons */
	--button-secondary-background-color: var(--busca) !important;
  	--button-secondary-text-color: var(--busca) !important;
	--button-secondary-background-color-hover: var(--busca) !important;
	
	/* Used on Header-Cancel-Back buttons (outlined with text hover) */
	--button-tertiary-background-color: var(--gris3-tiivii) !important;
  	--button-tertiary-text-color: var(--negro5-tiivii) !important;
  	--button-tertiary-text-color-hover: var(--negro1-tiivii) !important;
  	/*--button-tertiary-background-color-disabled: var(--busca) !important;
  	--button-tertiary-text-color-disabled: var(--busca) !important;
	*/
	/* Table */
	--table-head-border-color: var(--gris2-tiivii) !important;
  	--table-row-border-color: var(--gris2-tiivii) !important;
  	--table-background-color: var(--blanco1-tiivii) !important;
  	--table-drag-handle: var(--gris1-tiivii) !important;
  	--table-drag-handle-hover: var(--gris5-tiivii) !important;

  	--empty-value: var(--blue-grey-100);
  	--highlight: var(--gris2-tiivii) !important;
	//--off-white: var(--busca) !important;
	/* Public pages are shared across light-dark themes */
	/*--project-background-color: var(--busca) !important;*/
	--border-radius: 0px !important;
}