@font-face {
	font-family: 'montserrat-bold';
	src: url('/fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'montserrat-medium';
	src: url('/fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'montserrat-regular';
	src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'montserrat-semibold';
	src: url('/fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'opensans-bold';
	src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'opensans-regular';
	src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'opensans-semibold';
	src: url('/fonts/OpenSans-SemiBold.ttf') format('truetype');
}



[data-theme="light"] {
	--grid-text-TituloLista: #000000;
	--Gran-line: #9B9B9B;
	--primary-color: white;
	--navbar-bg-color: #FFFFFF;
	/*menuPirncipal*/
	--titulosNuevos-bg-color: #F7F7F7;
	--franja-titulos-modulos: #f7f7f7;
	--accesos-vermas-menu: #1976d2;
	--cards-menuprincipal: #FFFFFF;
	--titulosDialogDetalle-color-azul: #2F74D2;
	--TitulosBienvenidaMenuPrincipal: #00000099;
	--btn-menu-estilo1: #1976d2;
	--text-btn-menu-estilo1: #FFFFFF;
	--btn-menu-estilo2: #FFFFFF;
	--text-btn-menu-estilo2: #3075D2;
	--outline-btn-menu-estilo2: #3075D2;
	--text-cardtitle-menu: #00000099;
	--title-tabla-menu: black;
	--text-tabla-menu: black;
	--lines-tabla-menu: black;
	--select-menup: #FFBA5C;
	--calendar-ico-menup: #ACACAC;
	--reloj-ico-menup: #ACACAC;
	--text-card-menu: #ACACAC;
	--bg-color: #EAF4FF;
	--selectestatusMenu: black;
	/*dashboard*/
	--cards-title-dash: #454545;
	--IconCardsContadores: #199E61;
	--cards-secondPanel: #FFFFFF;
	--btn-dash-estilo1: #199E61;
	--cards-subtitle-dash: #454545;
	--num-grafica-dash: #454545;
	--calendar-select-dash: #2F74D2;
	/*Administraicon*/
	--title-black-white: black;
	--btn-ctl-juntas-green: #199E61;
	--input-cod-block: #eaeaea;
	/*Segumiento y guion de juntas*/
	--titulos-tarjetas: #132E77;
	--inputs-cards: #DDDDDD;
	--checkAsistencia: black;
	--btn-seguimiento-1: #199E61;
	--btn-1-text: #FFFFFF;
	--btn-seguimiento-2: #132E77;
	--btn-2-text: #060E4A;
	--btn-verdetalle-border: rgb(221, 221, 221);
	--btn-verdetalle-text: black;
	--bg-modales: #FFFFFF;
	--text-generar-compromiso: black;
	--btn-text-cerrarjunta: #FFFFFF;
	--modal-swal-bg: #d9f2e6;
	--modal-swal-text: #454545;
	--tittle-hora-in-fin: #ACACAC;
	/*Tarjetas*/
	--cards-bg-color: #FFFFFF;
	--cards-title: #454545;
	--cards-text: #535D7F;
	--cards-hover: #F6F6F6;
	--cards-title-AzulMorado: #2F74D2;
	/*Botones*/
	--btn-bg: #199E61;
	--btn-bg-green: #53ED7A;
	--btn-bg-white: #FFFFFF;
	--btn-outline: #199E61;
	--btn-text: #FFFFFF;
	--btn-text-green: #53ED7A;
	--btn-text-white: #FFFFFF;
	--btn-outline-gree: none;
	--btn-outline-green: #199E61;
	--btn-text-green-noti: #53ED7A;
	--btn-text--white-blue: #FFFFFF;
	--btn-bg-verdeverde: #19D18B;
	--btn-text-blancoblanco: #FFFFFF;
	--btn-bg-blue: #B6EBE0;
	--btn-text-blue: #FFFFFF;
	--btn-text-g: #00C6E3;
	--btn-text-btn-new: #199E61;
	/*Grid*/
	--grid-border: #FFFFFF;
	--grid-title: #454545;
	--grid-text: #212226;
	--grid-arrows: #647AE0;
	--grid-hover: #dce9f7;
	--grid-row-selected-bg-color: #bfcaf3;
	--grid-title-black-blue: #212226;
	--grid-bg-color: #FFFFFF;
	--grid-border-color: #EAF4FE;
	--modal-title-color: #647AE0;
	/*Modales*/
	--modal-bg-color: #FFFFFF;
	--modal-title-color: #647AE0;
	--modal-label-color: #535D7F;
	--modal-seleccion: #00C379;
	--mdl-primary: white;
	--mdl-text: #212226;
	/*Iconos*/
	--IconDash: #00C6E3;
	--IconCarnet: #647AE0;
	--IconCarnetM: #647AE0;
	--IconAdmin: #D66AD6;
	--IconSeg: #FA8C48;
	--IconHist: #647AE0;
	--IconAsuntos: #FA8C48;
	--IconSoli: #00C6E3;
	--IconLapizEditar: #199E61;
	--IconNotificaciones: #31A4FD;
	--IconOrdenarAZ: #647AE0;
	--IconHamburhesa: #4565FA;
	--IconMoon: #4565FA;
	--IconSun: white;
	--IconFlechaAtras: #535D7F;
	--IconNoti: #53ED7A;
	--IconIndicadoresEficiencia: #D28CE6;
	--iconMas: #199E61;
	--icon-star: #FBC635;
	/*Labels*/
	--Label-color: #647AE0;
	--Label-Rutas: #7780A9;
	--Label-tittle-Mod: #212226;
	--label-tabs: #212226;
	--label-grafica: #4565FA;
	--Label-bg-blue-white: #EAF4FE;
	--label-submenus: #647AE0;
	/*Inputs-Text*/
	--Txtbox-bg-color: #FFFFFF;
	--Txtbox-outline-color: #ACACAC;
	--Txtbox-placeholder: #AFAFBB;
	/*Icon listBox*/
	--Arrow-color-lstbox: #199E61;
	/*Scrollbar*/
	--scrollbar-color: #31A4FD;
	--scrollbar-bg: #BDCDFF;
	--scrollGrid-bg: #69AAF2;
	/*Input datepicker*/
	--datepicker-bg: #FFFFFF;
	--datepicker-color: #AFAFBB;
	/*Tarjetas Asuntos*/
	--tarj-bg-color: #FFFFFF;
	--tarj-encabezado-color: #000000;
	--btn-bg-asuntos-green: #199E61;
	--color-title-generar: #3075D2;
	--color-bg-select-expand: #FFFFFF;
	--color-text-seleccionado: black;
	--color-text-fechasBusqueda: black;
	--checkbox-busqudea: #3075D2;
	--checked-color: #A7D2FF;
	/*Modal detalle*/
	--mdl-title-bg-color: #647AE0;
	--mdl-text-color: #000000;
	/*Switch*/
	--sw-bg-color: #2F74D2;
	--sw-bg-btn: #FFFFFF;
	/*TitloMiniSd*/
	--SdMini: #903BFC;
	--btn-bg-generar: #19D18B;
	--IconReloj: #ACACAC;
	--IconCalendarHist: #199E61;
	--Icon-Delete: #19D18B;
	--btn-lineas-grafica: #2E3E94;
	/*Chips*/
	--chip-bg: #199E61;
	--chip-color: #FFFFFF;
	/*Modulo Notifiaciones*/
	--titulos-modaldetalle-color: #3075D2;
	/*Modulo eficiencia*/
	--Cards-Ind-eficiencia: white;
	--Cards-hover: #EAF4FE;
	--Cards-active: #EAF4FE;
	--background-progressbar: #EBEBEB;
}

[data-theme="dark"] {
	--grid-text-TituloLista: #00C6E3;
	--Gran-line: #0C1344;
	--primary-color: white;
	--navbar-bg-color: #172772;
	--titulosNuevos-bg-color: #172772;
	--franja-titulos-modulos: #102168;
	--accesos-vermas-menu: #66A7FF;
	--cards-menuprincipal: #2D46AA;
	--titulosDialogDetalle-color-azul: #66A7FF;
	--TitulosBienvenidaMenuPrincipal: #FFFFFF;
	--btn-menu-estilo1: #66A7FF;
	--text-btn-menu-estilo1: #102168;
	--btn-menu-estilo2: none;
	--text-btn-menu-estilo2: #FFFFFF;
	--outline-btn-menu-estilo2: #FFFFFF;
	--text-cardtitle-menu: #FFFFFF;
	--title-tabla-menu: white;
	--text-tabla-menu: #D9D9D9;
	--lines-tabla-menu: #D9D9D9;
	--select-menup: #FFBA5C;
	--calendar-ico-menup: #FFFFFF;
	--reloj-ico-menup: #FFFFFF;
	--text-card-menu: #FFFFFF;
	--bg-color: #060E4A;
	--selectestatusMenu: #FFFFFF;
	/*dashboard*/
	--cards-title-dash: #FFFFFF;
	--IconCardsContadores: #199E61;
	--cards-secondPanel: #132E77;
	--btn-dash-estilo1: #199E61;
	--cards-subtitle-dash: #FFFFFF;
	--num-grafica-dash: #FFFFFF;
	--calendar-select-dash: #199E61;
	/*Administraicon*/
	--title-black-white: #FFFFFF;
	--btn-ctl-juntas-green: #199E61;
	--input-cod-block: #132E77;
	/*Segumiento y guion de juntas*/
	--titulos-tarjetas: #132E77;
	--inputs-cards: #66A7FF;
	--checkAsistencia: #FFFFFF;
	--btn-seguimiento-1: #199E61;
	--btn-1-text: #FFFFFF;
	--btn-seguimiento-2: #132E77;
	--btn-2-text: #060E4A;
	--btn-verdetalle-border: rgb(221, 221, 221);
	--btn-verdetalle-text: #FFFFFF;
	--bg-modales: #102168;
	--text-generar-compromiso: white;
	--btn-text-cerrarjunta: rgb(221, 221, 221);
	--modal-swal-bg: #132E77;
	--modal-swal-text: #FFFFFF;
	--tittle-hora-in-fin: #102168;
	--hora-color: #FFFFFF;
	/*Tarjetas*/
	--cards-bg-color: #102168;
	--cards-title: #FFFFFF;
	--cards-text: #D6EAFF;
	--cards-hover: #004ea2;
	--cards-title-AzulMorado: #66A7FF;
	/*Botones*/
	--btn-bg: none;
	--btn-bg-green: #53ED7A;
	--btn-bg-white: none;
	--btn-outline: #19D18B;
	--btn-text: #199E61;
	--btn-text-green: #53ED7A;
	--btn-text-white: #060E4A;
	--btn-outline-gree: #53ED7A;
	--btn-outline-green: #199E61;
	--btn-bg-verdeverde: #19D18B;
	--btn-text-blancoblanco: #FFFFFF;
	--btn-text-green-noti: #53ED7A;
	--btn-text--white-blue: #102168;
	--btn-text-g: #19D18B;
	--btn-text-btn-new: #199E61;
	--btn-text-blue: #022041;
	--btn-bg-blue: #1A4857;
	/*Grid*/
	--grid-border: #121F6A;
	--grid-title: #00CBE6;
	--grid-td-graph: #152076;
	--grid-text: #FFFFFF;
	--grid-arrows: #FFFFFF;
	--grid-hover: #003f83;
	--grid-row-selected-bg-color: #0056b5;
	--grid-title-black-blue: #00CBE6;
	--grid-bg-color: #121F6A;
	--grid-border-color: #060E4A;
	--modal-title-color: #00CBE6;
	/*Modales*/
	--modal-bg-color: #152076;
	--modal-title-color: #00CBE6;
	--modal-label-color: #D6EAFF;
	--modal-seleccion: #00C379;
	--mdl-primary: #152076;
	--mdl-text: white;
	/*Iconos*/
	--IconDash: #00C6E3;
	--IconCarnet: #D5BA31;
	--IconAdmin: #E0CEFD;
	--IconSeg: #53ED7A;
	--IconHist: #D5BA31;
	--IconAsuntos: #53ED7A;
	--IconSoli: #00C6E3;
	--IconLapizEditar: #53ED7A;
	--IconNotificaciones: #609FF2;
	--IconOrdenarAZ: #FFFFFF;
	--IconHamburhesa: #66A7FF;
	--IconMoon: white;
	--IconSun: #060E4A;
	--IconFlechaAtras: #00CBE6;
	--IconNoti: #53ED7A;
	--IconIndicadoresEficiencia: #D28CE6;
	--iconMas: #53ED7A;
	--icon-star: #FBC635;
	/*Labels*/
	--Label-color: #00CBE6;
	--Label-Rutas: #BECEFF;
	--Label-tittle-Mod: #FFFFFF;
	--label-tabs: #FFFFFF;
	--label-grafica: #FFFFFF;
	--Label-bg-blue-white: #060E4A;
	--label-submenus: #FFFFFF;
	/*Inputs-Text*/
	--Txtbox-bg-color: #102168;
	--Txtbox-outline-color: #647AE0;
	--Txtbox-placeholder: #647AE0;
	/*Icon listBox*/
	--Arrow-color-lstbox: #199E61;
	/*Scrollbar*/
	--scrollbar-color: #69AAF2;
	--scrollbar-bg: #000000CC;
	--scrollGrid-bg: #69AAF2;
	/*Input datepicker*/
	--datepicker-bg: #102168;
	--datepicker-color: #93C6FC;
	/*Modal detalle*/
	--mdl-title-bg-color: #005ABC;
	--mdl-text-color: #FFFFFF;
	/*Tarjetas Asuntos*/
	--tarj-bg-color: #121F6A;
	--tarj-encabezado-color: #00CBE6;
	--btn-bg-asuntos-green: #199E61;
	--color-title-generar: #FFFFFF;
	--color-bg-select-expand: #013B7B;
	--color-text-seleccionado: #FFFFFF;
	--color-text-fechasBusqueda: #FFFFFF;
	--checkbox-busqudea: #199E61;
	--checked-color: #199E61;
	/*Modal detalle*/
	--mdl-title-bg-color: #005ABC;
	--mdl-text-color: #D6EAFF;
	/*Switch*/
	--sw-bg-color: #060E4A;
	--sw-bg-btn: #66A7FF;
	/*TitloMiniSd*/
	--SdMini: #FFFFFF;
	--IconReloj: #66a7ff;
	--IconCalendarHist: #199E61;
	--Icon-Delete: #53ED7A;
	--btn-bg-generar: #00CBE6;
	--btn-lineas-grafica: #BDCDFF;
	/*Chips*/
	--chip-bg: #199E61;
	--chip-color: white;
	/*Modulo Notifiaciones*/
	--titulos-modaldetalle-color: #3075D2;
	/*Modulo eficiencia*/
	--Cards-Ind-eficiencia: #0A1A7A;
	--Cards-hover: #060E4A;
	--Cards-active: #060E4A;
	--background-progressbar: #C4C4C4;
}

[data-theme="origin"] {
	--dark-bg-color: #022041;
	--iconos-origen: #8ED8FF;
	--primary-color: white;
	--navbar-bg-color: #172772;
	--bg-color: #060E4A;
	/*Tarjetas*/
	--cards-bg-color: #152076;
	--cards-title: #00CBE6;
	--cards-text: #D6EAFF;
	--cards-hover: #004ea2;
	--cards-title-AzulMorado: white;
	/*Botones*/
	--btn-bg: none;
	--btn-bg-green: #19D18B;
	--btn-bg-white: none;
	--btn-outline: #19D18B;
	--btn-text: #19D18B;
	--btn-text-green: #19D18B;
	--btn-text-white: #060E4A;
	--btn-outline-gree: #19D18B;
	--btn-bg-verdeverde: #19D18B;
	--btn-text-blancoblanco: #FFFFFF;
	--btn-text-green-noti: #53ED7A;
	--btn-text--white-blue: #102168;
	--btn-text-g: #398939;
	--btn-text-blue: #022041;
	--btn-bg-blue: #1A4857;
	/*Grid*/
	--grid-border: #121F6A;
	--grid-title: #00CBE6;
	--grid-td-graph: #152076;
	--grid-text: #FFFFFF;
	--grid-arrows: #FFFFFF;
	--grid-hover: #003f83;
	--grid-row-selected-bg-color: #0056b5;
	--grid-title-black-blue: #00CBE6;
	--grid-bg-color: #121F6A;
	--grid-border-color: #060E4A;
	--modal-title-color: #00CBE6;
	/*Modales*/
	--modal-bg-color: #102168;
	--modal-title-color: #00CBE6;
	--modal-label-color: #D6EAFF;
	--modal-seleccion: #00C379;
	--mdl-primary: #003B7B;
	--mdl-text: white;
	/*Iconos*/
	--IconDash: #00C6E3;
	--IconCarnet: #D5BA31;
	--IconAdmin: #E0CEFD;
	--IconSeg: #53ED7A;
	--IconHist: #D5BA31;
	--IconAsuntos: #53ED7A;
	--IconSoli: #00C6E3;
	--IconLapizEditar: #53ED7A;
	--IconNotificaciones: #B7C4FF;
	--IconOrdenarAZ: #FFFFFF;
	--IconHamburhesa: #FFFFFF;
	--IconIndicadoresEficiencia: #D28CE6;
	--icon-star: #FBC635;
	/*Labels*/
	--Label-color: #00CBE6;
	--Label-Rutas: #BECEFF;
	--Label-tittle-Mod: #FFFFFF;
	--label-tabs: #FFFFFF;
	--Label-bg-blue-white: #060E4A;
	/*Inputs-Text*/
	--Txtbox-bg-color: #003B7B;
	--Txtbox-outline-color: none;
	--Txtbox-placeholder: white;
	/*Icon listBox*/
	--Arrow-color-lstbox: #00CBE6;
	/*Scrollbar*/
	--scrollbar-color: #69AAF2;
	--scrollbar-bg: #000000CC;
	--scrollGrid-bg: #69AAF2;
	/*Input datepicker*/
	--datepicker-bg: #102168;
	--datepicker-color: #93C6FC;
	/*Modal detalle*/
	--mdl-title-bg-color: #005ABC;
	--mdl-text-color: #FFFFFF;
	/*Tarjetas Asuntos*/
	--tarj-bg-color: #121F6A;
	--tarj-encabezado-color: #00CBE6;
	/*Modal detalle*/
	--mdl-title-bg-color: #005ABC;
	--mdl-text-color: #D6EAFF;
	/*Switch*/
	--sw-bg-color: #060E4A;
	--sw-bg-btn: #6576D8;
	/*TitloMiniSd*/
	--SdMini: #FFFFFF;
	--navbar-bg-color: green;
	--cards-bg-color: #003b7b;
	--primary-color: #86b9f2;
	--primary-highlight-color: #69aaf2;
	--bg-color: #022041;
	--graph-bg-color: var(--dark-bg-color);
	--table-bg-color: #002e60;
	--navbar-bg-color: #003b7b;
	--dashboard-bg-color: var(--navbar-bg-color);
	--card-bg-color: var(--table-bg-color);
	--modal-bg-color: #003f83;
	--indicador-modal-bg-color: #0a4c93;
	--column-highlight-bg-color: #014590;
	--column-highlight-bg-color2: #01458e;
	--table-row-selected-bg-color: #0056b5;
	--table-row-hover-bg-color: var(--modal-bg-color);
	--table-header-bg-color: var(--navbar-bg-color);
	--table-footer-bg-color: var(--navbar-bg-color);
	--dashboard-hidden-bg-color: var(--navbar-bg-color);
	--card-hovered-bg-color: #003c7e;
	--login-bg-color: red;
	--logobar-bg-color: red;
	--details-btn-bg-color: #00438b;
	--details-btn-dark-bg-color: #032b55;
	--resumen-bg-color: #0056b2;
	--table-header-subtitle-bg-color: #002a58;
	--drawer-item-bg-color: #003269;
	--valor-alerta-bg-color: #F80000;
	--highlight-text-color: #ffffff;
	--title-text-color: #a8d1ff;
	--subtext-color: var(--primary-highlight-color);
	--table-subtext-color: #3a82d1;
	--logo-text-color: var(--primary-color);
	--graph-text-color: #e8e8e8;
	--graph-bg-color: var(--dark-bg-color);
	--indicador-id-text-color: #004da2;
	--details-btn-color: var(--title-text-color);
	--details-btn-dark-color: var(--primary-highlight-color);
	--column-header-title: #d6eaff;
	--column-header-subtitle: #95c7ff;
	--menu-item-text: var(--column-header-title);
	--alert-color: #e50021;
	--graph-neutral-color: #8ed8ff;
	--graph-neutral-color2: #61c8ff;
	--warning-color: #e6c800;
	--graph-positive-color: #00c177;
	--tab-line-color: #004591;
	--alert-btn-text-color: #ffbfc8;
	--plus-icon-color: #002a58;
	--modal-btn-color: #0076ff;
	--alert-bar-color: #f72424;
	--scrollbar-color: var(--primary-highlight-color);
	--box-shadow-color: #00000052;
	--box-shadow-color2: #00000029;
	--laptop-width: 1440px;
}