:root {
	--color1: #1c4257;
	--color2: #008E65;
	--color3: #a0a6b3;
	--color4: #005c42;
	--color5: #0074b7;
	--color6: #0033a0;
	--color-principal-empresa: #529152;
	--color-gris: #ababab;
	--gris-secundario: #C4C4C4;
	--blanco: #FFF;
	--negro-principal: #2E2C2C;
	--bg-principal: var(--blanco);
	--color-fuente: var(--negro-principal);
	--color-main: #008E65;
	--color-main-hover: #008E65aa;
	--filter-color-main: brightness(0) saturate(100%) invert(47%) sepia(57%) saturate(385%) hue-rotate(71deg) brightness(95%) contrast(83%);
	
	--colorFondo: #FFFFFF !important;
    --colorTexto: #000000 !important;
    --colorTexto33: #00000033 !important;
    --colorTitulo: #F3F3F3 !important;
    --colorTextoTitulo: #000000 !important;
    --colorFondoAlterno: #F3F3F3 !important;
    --colorEmpresa: #69BE28 !important;
    --colorEmpresaHover: #69BE28 !important;
}

/* Dark mode */

body.dark-mode{
   background: #2e2c2c;
}

body.dark-mode input{
   background: #2e2c2c !important;
    color: #fff !important;
}

body.dark-mode label{
    color: #fff !important;
}

body.dark-mode .dojoxGridPaginator {
	background: #2e2c2c !important;
}

body.dark-mode #dtgDatos .dojoxGridInactived {
	color: #fff;
}

body.dark-mode .dojoxGrid .dojoxGridRow {
	background: #2e2c2c;
	color: #fff;
}

body.dark-mode #dtgDatos .dojoxGrid .dojoxGridCell {
	background: #2e2c2c;
}

body.dark-mode .dojoxGrid .dojoxGridSortNode {
	color: #fff;
}

body.dark-mode #dtgDatos .dojoxGridRow:hover {
	background: var(--color-principal-empresa) !important;
    color: #fff !important;
}

body.dark-mode #dtgDatos .dojoxGrid .dojoxGridRow:hover .dojoxGridCell {
	background: var(--color-principal-empresa) !important;
    color: #fff !important;
}

body.dark-mode #ventana_dialog > div > label {
	background: var(--color-principal-empresa) !important;
    color: #fff !important;
}

body.dark-mode #ventana_dialog > div > input {
	background: var(--color-principal-empresa) !important;
    color: #fff !important;
}



@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?v2.2');
	src: url('fonts/icomoon.eot?v2.2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?v2.2') format('truetype'),
		url('fonts/icomoon.woff?v2.2') format('roboto'), url('fonts/roboto.svg?v2.2#roboto') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	outline: none;
}

@font-face {
	font-family: DINPro;
	src: url('DINPro Regular.otf');
}

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

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

body {
	font-family: DINPro;
	color: #454242;
	font-size: 10px;
	padding: 8px;
}

.dijitTooltipDialogPopup {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dijitTooltipDialog .dijitDialogPaneActionBar {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	margin: 10px -10px -8px;
}

.divSelgrupoIndicador{
	margin-bottom: 30px;	
}

.lineAud span{
    width: 6px;
    height: 6px;
    display: flex;
    align-self: center;
    border-radius: 50%;
    margin-right: 5px;
}

.lineChangeAud span{
	background-color: #cf0000;
}

#data_new .lineChangeAud span{
	background-color: #14a13c;
}

.lineChangeAud{
	color: #cf0000;
}

#data_new .lineChangeAud{
	color: #14a13c;
}

.lineAud{
	margin: 5px 0px;
/* 	padding: 2px 1px; */
	display: flex;
}

.lineAud strong{
	margin-right: 2px;
}

.LUlineAud{
	list-style-type: none;
    border: solid 1px #f4f4f4;
    border-radius: 20px;
    margin: 12px 2px;
    padding: 12px;
    background: #f4f4f4;
}

.modal-header{
	display: flex;
}

.modal-header .close {
	right: 0;
    position: absolute;
    padding: 0 15px;
}

.dijitTooltip,
.dijitTooltipDialog {
	background: transparent;
}

.dijitTooltipContainer {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, #ffffff 10px);
	background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, #ffffff 10px);
	background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, #ffffff 10px);
	background-image: linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, #ffffff 10px);
	background-position: bottom;
	border: 1px solid #759dc0;
	padding: 6px 8px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 1em;
	color: var(--color2);
}

.dijitTooltipConnector {
	border: 0;
	z-index: 2;
	background-image: url('vendor/Dojo/images/tooltip.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.dj_ie6 .dijitTooltipConnector {
	background-image: url('vendor/Dojo/images/tooltip8bit.png');
}

.dijitTooltipBelow .dijitTooltipConnector {
	top: 0;
	left: 3px;
	background-position: -31px 0;
	width: 16px;
	height: 14px;
}

.dijitTooltipAbove .dijitTooltipConnector {
	bottom: 0;
	left: 3px;
	background-position: -15px 0;
	width: 16px;
	height: 14px;
}

.dj_ie7 .dijitTooltipAbove .dijitTooltipConnector,
.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {
	bottom: -1px;
}

.dijitTooltipABRight .dijitTooltipConnector {
	left: auto;
	right: 3px;
}

.dijitTooltipLeft {
	padding-right: 14px;
}

.dijitTooltipLeft .dijitTooltipConnector {
	right: 0;
	background-position: 0 0;
	width: 16px;
	height: 14px;
}

.dijitTooltipRight {
	padding-left: 14px;
}

.dijitTooltipRight .dijitTooltipConnector {
	left: 0;
	background-position: -48px 0;
	width: 16px;
	height: 14px;
}

.divColorPicker > button,
.divColorPicker > button > * {
	width: auto !important;
	margin: 0;
	padding: 0 !important;
	border: none !important;
	background: none;
	height: auto;
}

.divColorPicker > .ui-state-hover,
.divColorPicker > .ui-state-focus {
	background: none;
}

.divColorPicker > input {
	visibility: hidden;
	width: 1px !important;
}

.divColorPicker > button:disabled img {
	box-sizing: border-box;
	padding-left: 16px;
	width: 16px;
	height: 16px;
}

.contenedorCampos > div {
	box-sizing: border-box;
	margin-bottom: 15px;
	vertical-align: top;
}

.contenedorCamposInfo > div {
	margin-bottom: 5px;
}

.contenedorCampos > div > * {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	vertical-align: middle;
/* 	color: var(--color-gris) !important; */
}

.contenedorCampos > div select,
.contenedorCampos > div input{
	font-family: Roboto;
    border-radius: 15px;
    height: 25px !important;
    font-size: 11px;
    background-color: var(--bg-principal);
    color: var(--color-fuente);
    outline: none;
    box-shadow: none;
    border-color: var(--gris-secundario);
    padding-left: 5px;	
    border: 1px solid var(--gris-secundario);
}

.contenedorCampos > div textarea {
    border-radius: 5px;
    padding-left: 5px;	
    border: 1px solid var(--gris-secundario);
}

.contenedorCampos > div select:disabled,
.contenedorCampos > div input:disabled,
.contenedorCampos > div textarea:disabled  {
    color: black;
    background-color: #6f6f6f24;
    cursor: not-allowed;
}


.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	height: 26px;
	border-radius: 2px;
	font-family: Roboto;
    border-radius: 15px;
    height: 25px !important;
    font-size: 11px;
    background-color: var(--bg-principal);
    color: var(--color-fuente);
    outline: none;
    box-shadow: none;
    border-color: var(--gris-secundario);
}

.contenedorCampos > div > span {
	display: inline-block;
	width: auto !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 4px !important;
    font-size: 12px !important;
}

.contenedorCampos > div > span.select2-container{
	 width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--multiple {
    /* height: 20px; */
    min-height: 25px !important;
}

.contenedorCampos > div > label {
	font-weight: bold;
	margin: 5px 0;
}

.btnSelGrupo {
	position: absolute;
}

.btnSelGrupoTableros {
    top: 25px;
}

.btn {
	background-color: var(--color2);
	color: var(--color-gris) !important;
	border: 0;
/* 	min-height: 26px; */
	margin: 2px !important;
	width: auto !important;
	border-radius: 2px;
	padding: 1px 6px !important;
	outline: 0 !important;
	cursor: pointer;
	line-height: 12px;
	font-size: 12px;
	margin-bottom: 4px;
	height: auto;
	white-space: normal;
/* 	padding-top: 7px !important; */
/* 	padding-bottom: 7px !important; */
}

.btn:hover {
	background-color: var(--color6) !important;
}

.btnIconText {
	background-repeat: no-repeat;
	padding-left: 26px !important;
	background-size: 18px;
	background-position: 5px;
	cursor: pointer;
}

.btnIcon {
	background: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 26px !important;
	height: 26px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.btnIcon:hover {
	background-color: transparent !important;
	opacity: 0.6;
}

button.ui-multiselect {
	width: 100% !important;
	height: 26px;
	margin: 2px !important;
	padding: 1px 6px !important;
}

button.ui-multiselect,
button.ui-multiselect:hover,
button.ui-multiselect:focus {
	background: #f8f7f6;
	color: #454242;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #454242;
	color: #f8f7f6;
}

input[type='radio'],
input[type='checkbox'] {
	width: auto;
	display: inline-block;
}

.divCalculadora,
.divVariables > div,
.divIndicadores > div {
	padding: 5px;
	border-radius: 2px;
	margin-bottom: 5px;
}

.divCalculadora {
	border: 1px solid #ccc;
	margin: 5px;
	background: #ececec;
}

.divVariables,
.divIndicadores {
	border: none;
	margin: 0;
	padding: 0;
}

.divCalculadora > * {
	vertical-align: top;
}

.divCalculadora button {
	min-width: 26px !important;
}

*:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.btnBuscar {
	background-image: url('../img/Buscar.png');
}

.btnGuardar {
	background-image: url('../img/Guardar.png');
}

.btnProbar {
	background-image: url('../img/probar.png');
}

.btnNuevo {
	background-image: url('../img/Nuevo.png');
}

.btnXLS,
.btnExportar {
	background-image: url('../img/xls.png');
}

.contenedorCamposInfo > div > * {
	display: inline;
	width: 100px;
}

.btnVer {
	background-image: url('../img/ver.png');
}

.btnVerText {
	background-image: url('../img/ver2.png');
}

.btnEditar {
	background-image: url('../img/Editar.png');
}

.btnEditarText {
	background-image: url('../img/Editar2.png');
}

.btnRangos {
	background-image: url('../img/D-Rango2.png');
}

.btnCargas {
	background-image: url('../img/upload.png');
}

.btnCargarDB {
	background-image: url('../img/cargar_base.png');
}

.btnCargarArc {
	background-image: url('../img/cargar-archivo.png');
}

.btnCargarEdit {
	background-image: url('../img/cargar_editar.png');
}

.btnEliminar {
	background-image: url('../img/eliminar.png');
}

.btnEliminarText {
	background-image: url('../img/Eliminar2.png');
}

.btnAgregarText {
/* 	background-image: url('../img/add.png'); */
}

.btnAgregar {
	background-image: url('../img/add2.png');
}

.btnPlantilla {
	background-image: url('../img/plantilla.png');
}

.btnFecha {
	background-image: url('../img/fecha.png');
}

.btnIngreso {
	background-image: url('../img/ingreso.png');
}

.btnX {
	background-image: url('../img/x.png');
}

.btnXFiltro {
	background-image: url('../img/x.png');
}

.btnDescargar {
	background-image: url('../img/descargar.png');
}

.btnCargar {
	background-image: url('../img/cargar.png');
}

.btnCargarText {
	background-image: url('../img/cargar2.png');
}

.btnLimpiar {
	background-image: url('../img/limpiar.png');
}

.iconAgregarOpc {
	background-image: url('../img/add_list.png');
}

.iconAgregarOpc2 {
	background-image: url('../img/add_list2.png');
}

.iconAceptar {
	background-image: url('../img/aceptar.png');
}

.iconCancelar {
	background-image: url('../img/cancelar.png');
}

.btnVerFiltros,
.btnFiltrar {
	background-image: url('../img/Filtrar.png');
}

.btnVerTabla {
	background-image: url('../img/Vertabla.png');
}

.btnVerGrafico {
	background-image: url('../img/VerGrafico.png');
}

.btnVerDependencias {
	background-image: url('../img/VerDependencias_Azul.png');
}

.btnVerDependenciasText {
	background-image: url('../img/VerDependencias.png');
}

.btnMetadato {
	background-image: url('../img/metadato2.png');
}

.btnMetadatoText {
	background-image: url('../img/metadato.png');
}

.dojoxGridCell,
.dojoxGridCell > input {
	box-sizing: border-box;
}

.dojoxGridColCaption {
	display: inline-block;
}

.dojoxGridScrollbox,
.dojoxGrid {
	background: transparent;
	border: none;
}

#divLoading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../img/loadGeneral.svg);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10000;
	filter: grayscale(100%);
}

#myMenu {
	z-index: 10000;
	background: #ededed;
	display: inline-block;
	padding: 5px;
	border: 1px solid #c7c7c7;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#myMenu:after,
#myMenu:before {
	right: 100%;
	top: 15px;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#myMenu:after {
	border-color: rgba(199, 199, 199, 0);
	border-right-color: #ededed;
	border-width: 10px;
	margin-top: -10px;
}

#myMenu:before {
	border-color: rgba(136, 136, 136, 0);
	border-right-color: #c7c7c7;
	border-width: 11px;
	margin-top: -11px;
}

#myMenu > a {
	display: block;
	z-index: 10000;
	text-decoration: none;
	width: 120px !important;
}

.jqtree-element > .icon {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	top: -7px;
}

.iconCarpeta {
	background: url('../img/folder_open.png') no-repeat center;
}

.iconTablero {
	background: url('../img/tablero.png') no-repeat center;
	width: 26px;
	height: 26px;
}

.iconIndicador {
	background: url('../img/indicadores.png') no-repeat center;
	width: 26px;
	height: 26px;
}

.btnImagen {
	background: url('../img/subirImg.png') no-repeat center;
}

.jqtree-closed span.iconCarpeta {
	background: url('../img/folder_closed.png') no-repeat center;
}

.jqtree-tree .jqtree-title.jqtree-title-folder,
.jqtree-tree .jqtree-title {
	margin-left: 30px;
	display: inline-block;
	min-height: 20px;
	line-height: 10px;
	height: auto;
	padding-top: 3px;
}

.jqtree-title.spanTablero,
.jqtree-title.spanIndicador {
	min-height: 26px;
	line-height: 15px;
	height: auto;
}

.jqtree-element {
	vertical-align: middle;
	padding-top: 2px;
}

ul.jqtree-tree .jqtree-toggler {
	display: none;
}

.jqtree-element {
	border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}

#tree_dialog > #tree {
	max-height: 300px;
	overflow: auto;
}

#tree_dialog > #gruposSeleccionados {
	max-height: 300px;
	overflow: auto;
}

#tree_dialog > #gruposSeleccionados > label {
	font-weight: bold;
	margin-top: 5px;
	color: var(--color1);
}

#tree_dialog > #gruposSeleccionados > #contenedorGruposSeleccionados {
	max-height: 300px;
	overflow: auto;
}

#tree_dialog > #gruposSeleccionados > #contenedorGruposSeleccionados div {
	max-height: 300px;
	overflow: auto;
}

#tree_dialog > #gruposSeleccionados > #contenedorGruposSeleccionados div label {
	font-weight: bold;
	margin-left: 10px;
	background: #ededed;
	width: 80%;
	color: var(--color1);
	padding: 2px 5px 2px 5px;
}

a.ui-state-default.ui-state-active {
	background: var(--color2);
	color: #fff;
}

.divVariables > div > div,
.divIndicadores > div > div {
	margin-right: 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #ececec;
}

.divVariables select,
.divIndicadores select {
	height: 26px;
	border-radius: 2px;
}

.divVariables select,
.divIndicadores select,
.divVariables button,
.divIndicadores button {
	width: 100% !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background-color: var(--color6);
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 7px;
	border-radius: 0;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-resizable {
	border-radius: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	padding: 0;
	border: 0;
	background: #fff;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
	background: none;
	border: none;
}

span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
	background-image: url(vendor/images/ui-icons_ffffff_256x240.png);
}

.ui-widget,
.ui-helper-reset {
	font-family: DINPro;
	font-size: 12px;
	line-height: 2.0;
}

.dijitDialog {
	border-color: var(--color6);
}

.dijitDialogTitleBar {
	background-color: var(--color6);
}

.legendNode,
.dojoxLegendNode {
	width: auto;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: -28px;
	display: inline-block;
	max-width: 100%;
}

.legendNode td,
.dojoxLegendNode td {
	display: inline-block;
	float: right;
}

.dijitTooltip {
	width: auto !important;
}

#tabs {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	background: none;
}

#tabs > ul {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	border-bottom: 2px solid #0030a4;
	background: #fff;
}

#tabs > ul * {
	height: 28px;
	margin-top: 0;
	margin-bottom: 0;
}

#tabs > div {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	overflow: auto;
	min-height: 100px;
	min-width: 50px;
	border: 2px solid #0030a4;
	border-top-width: 0;
	height: calc(100% - 30px);
}

#tabs > div > div {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	background: #fff;
}

.chartNodeContainer,
#chartNodeContainer {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 35px;
	padding-bottom: 25px !important;
	box-sizing: border-box;
	background: #fff;
}

.chartNode {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.ui-tabs .ui-tabs-nav li:hover {
/* 	background: var(--color2); */
	opacity: 1;
}

.ui-tabs .ui-tabs-nav {
	background: none;
	border-width: 0 0 1px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border: 2px solid #0030a4;
	background: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background: #fff;
	font-weight: bold;
	opacity: 1 !important;
	color: #0030a4 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	opacity: 1 !important;
	color: #000 !important;
	width: 100%;
}

.ui-tabs .ui-tabs-nav li {
	background: #0030a4;
}

#dropdown_desagregacion_geo,
#dropdown_rangos,
#dropdown_rangos_detalle {
	background-image: url('../img/Seleccion_Desagregacion_.png');
	background-position: center;
}

#dropup_desagregacion_geo,
#dropup_rangos,
#dropup_rangos_detalle {
	background-image: url('../img/Seleccion_Desagregacion.png');
	background-position: center;
}

#dropdown_desagregacion_geo,
#dropup_desagregacion_geo,
#dropdown_rangos,
#dropup_rangos,
#dropdown_rangos_detalle,
#dropup_rangos_detalle {
	width: 35px;
	height: 35px;
	display: inline;
	background-repeat: no-repeat;
	float: right;
}

#div_rangos > div,
#div_rangos_detalle > div,
#desagregacion_geo > div:last-child {
	cursor: pointer;
}

.camposMap,
.camposProject,
.camposSurvey {
	display: none;
}

.ui-accordion-header {
	height: 30px;
	line-height: 16px;
	background: var(--color4) !important;
	color: #fff !important;
	margin-top: 0 !important;
	border-width: 1px;
	box-sizing: border-box;
	margin-bottom: 0;
}

.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-focus {
	background: var(--color2) !important;
}

.jqtree-folder.jqtree-closed > div {
	background-color: #ffffff !important;
}

ul.jqtree-tree ul.jqtree_common {
	margin-left: 0;
}

ul.jqtree-tree li.jqtree-folder {
	margin-bottom: 0;
}

.btnIcon {
	background-color: transparent;
}

.btnIcon:hover {
	background-color: transparent !important;
	opacity: 0.6;
}

.ui-state-default.ui-state-active {
	color: #fff;
}

.title_audi_card {
	font-size: larger;
	margin: 0;
}

.btnIcon,
.btnIconText,
.jqtree-element > .icon,
#dropdown_desagregacion_geo,
#dropdown_rangos,
#dropup_desagregacion_geo,
#dropup_rangos,
.btnCloseDialog,
.jqtree-closed span.iconCarpeta {
	background-image: none;
	text-align: center;
}

.btnIcon:before,
.btnIconText:before,
.jqtree-element > .icon:before,
#dropdown_desagregacion_geo:before,
#dropdown_rangos:before,
#dropup_desagregacion_geo:before,
#dropup_rangos:before,
.btnCloseDialog:before {
	font-size: 13px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* margin-top: 9px; */
}

.btnIconText:before,
.btnCloseDialog {
	color: var(--color-gris) !important;
}

.btnIconText:before {
	position: absolute;
	margin-left: -19px;
	font-size: 13px;
}

.title > .btnIcon:before {
	color: #ffffff !important;
}

#dropdown_desagregacion_geo:before,
#dropdown_rangos:before,
.btnArrowDown:before {
	content: '\e922';
}

#dropup_desagregacion_geo:before,
#dropup_rangos:before,
.btnArrowUp:before {
	content: '\e908';
}

.btnCloseDialog:before {
	content: '\e90a';
}

.btnBuscar:before {
	content: '\e904';
}

.btnGuardar:before {
	content: '\e913';
}

.btnProbar:before {
	content: '\e921';
}

.btnNuevo:before {
	content: '\e91e';
}

.btnAvanzar:before {
	content: '\e91f';
}

.btnXLS:before,
.btnExportar:before {
	content: '\e929';
}

.btnVer:before {
	content: '\e925';
}

.btnVerText:before {
	content: '\e925';
}

.btnEditar:before {
	content: '\e90d';
}

.btnEditarText:before {
	content: '\e90d';
}

.btnRangos:before {
	content: '\e90c';
}

.btnCargas:before {
	content: '\e909';
}

.btnCargarDB:before {
	content: '\e906';
}

.btnCargarArc:before {
	content: '\e905';
}

.btnCargarEdit:before {
	content: '\e907';
}

.btnEliminar:before {
	content: '\e90e';
}

.btnEliminarText:before {
	content: '\e90e';
}

.btnAgregarText:before {
	content: '\e902';
	font-family: 'icomoon';
}

.btnAgregar:before {
	content: '\e902';
}

.btnPlantilla:before {
	content: '\e920';
}

.btnFecha:before {
	content: '\e90f';
}

.btnIngreso:before {
	content: '\e915';
}

.btnX:before {
	content: '\e90a';
}

.btnXFiltro:before {
	content: '\e92f';
}

.btnDescargar:before {
	content: '\e90b';
}

.btnCargar:before {
	content: '\e909';
}

.btnCargarText:before {
	content: '\e909';
}

.btnLimpiar:before {
	content: '\e91d';
}

.iconAgregarOpc:before {
	content: '\e901';
}

.iconAgregarOpc2:before {
	content: '\e901';
}

.iconAceptar:before {
	content: '\e900';
}

.iconCancelar:before {
	content: '\e90a';
	font-size: 12px;
}

.btnVerFiltros:before,
.btnFiltrar:before {
	content: '\e910';
}

.btnVerTabla:before {
	content: '\e928';
}

.btnVerGrafico:before {
	content: '\e927';
}

.btnVerDependencias:before {
	content: '\e926';
}

.btnVerDependenciasText:before {
	content: '\e926';
}

.iconCarpeta:before {
	content: '\e912';
	margin-top: 9px;
	position: absolute;
}

.iconCarpetaClosed:before {
	content: '\e912';
	margin-top: 9px;
	position: absolute;
}

.jqtree-closed span.iconCarpeta:before {
	content: '\e911';
	margin-top: 9px;
	position: absolute;
}

.iconTablero:before {
	content: '\e923';
	margin-top: 9px;
	position: absolute;
}

.iconIndicador:before {
	content: '\e914';
	margin-top: 9px;
	position: absolute;
}

.btnImagen:before {
	content: '\e916';
}

.btnMetadato:before {
	content: '\e917';
}

.btnMetadatoText:before {
	content: '\e917';
}

.btnHome:before {
	content: '\e919';
}

.btnUsuario:before {
	content: '\e91a';
}

.btnContasena:before {
	content: '\e918';
}

.btnVolver:before {
	content: '\e91b';
}

.btnCerrarSesion:before {
	content: '\e91c';
}

.btnMenu:before {
	content: '\e92a';
}

.btnGrafica:before {
	content: '\e92b';
}

.btnTabla:before {
	content: '\e92e';
}

.btnMapa:before {
	content: '\e92d';
}

.btnMaximizar:before {
	content: '\e92c';
}

.btnSelGrupo:before {
	content: '\e930';
}

.btnConfGrafica:before {
	content: '\e931';
}

.btnRestaurar:before {
	content: '\e932';
}

.dijitCheckBox,
.dijitCheckBoxIcon {
	background-image: url('vendor/Dojo/form/images/checkboxRadioButtonStates.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
}

.dijitCheckBox,
.dijitToggleButton .dijitCheckBoxIcon {
	background-position: -15px;
}

.dijitCheckBoxChecked,
.dijitToggleButtonChecked .dijitCheckBoxIcon {
	background-position: 0;
}

.dijitCheckBoxDisabled {
	background-position: -75px;
}

.dijitCheckBoxCheckedDisabled {
	background-position: -60px;
}

.dijitCheckBoxHover {
	background-position: -45px;
}

.dijitCheckBoxCheckedHover {
	background-position: -30px;
}

.row-fluid {
	margin-left: -15px;
}

.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-xs-12 {
	padding-right: 0 !important;
}

.txtNombreValor {
	position: absolute;
	left: 320px;
	top: 3px;
	width: 105px;
	min-width: 10%;
}

.cmbDesagregacion {
	position: absolute;
	left: 314px;
	top: 3px;
	width: 105px;
	min-width: 10%;
	display: none;
}

.spanDesagregacion {
/* 	position: absolute; */
/* 	left: 235px; */
}

.spanValPrincipal {
	position: absolute;
	left: 462px;
	top: 10px;
}

.chkPrincipal {
	position: absolute;
	left: 520px;
	top: 9px;
	width: 16px;
}

h3 select, h3 input {
	height: auto !important;
}

.ui-helper-reset > h3 {
	font-family: DINPro;
	font-size: 12px;
	line-height: 1;
	text-align: left;
}

.ui-multiselect-checkboxes {
	overflow: auto !important;
}

.dojoxGridRow {
	border-width: 0;
}

.dojoxGrid .dojoxGridRow {
	/*border-left-width: 1px;
	border-top: 1px solid #0000 !important;
	border-top-width: 1px !important;*/
}

#cmbResponsable ~ span {
	width: 100% !important;
}

.camposGrid {
	width: 100%;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: inherit;
}

.btnFlechArriba:before {
	content: '\e908';
}

.btnFlechAbajo:before {
	content: '\e922';
}

.btnAgregarMultiple:before {
	content: '\e903';
}

.btnTablero:before {
	content: '\e923';
}

.btnVariable:before {
	content: '\e924';
}

.btnIndicador:before {
	content: '\e914';
}

.btnCarpeta:before {
	content: '\e912';
}

.btnCarpetaClosed:before {
	content: '\e912';
}

.btnAyuda {
	background-image: url('../img/ayuda.png');
}

body,
.ui-widget,
.ui-helper-reset {
/* 	font-family: 'Roboto Condensed', sans-serif; */
	font-family: MontserratRegular;
}

.btn {
	background-color: transparent;
}

.btnIcon {
	background-color: transparent;
}

.btn:hover {
	background-color: transparent !important;
	color: var(--color-principal-empresa) !important;
}

.btn:hover::before {
	background-color: transparent !important;
/* 	color: var(--colorEmpresa) !important; */
}

.btnIcon:hover {
	background-color: transparent !important;
}

#ventanas .ui-accordion-header {
	background-color: #fff !important;
    color: var(--color-principal-empresa) !important;
    border: 1px solid #c4c4c4 !important;
}

/* #ventanas .ui-accordion-header span { */
/* 	filter: invert(64%) sepia(23%) saturate(1387%) hue-rotate(51deg) brightness(98%) contrast(87%); */
/* } */

.divVariables > .ui-state-default.ui-state-active,
.divIndicadores > .ui-state-default.ui-state-active {
	background-color: var(--color2) !important;
}

.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-focus {
	background-color: var(--color-gris) !important;
	border-color: var(--color-principal-empresa) !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background-color: var(--color2);
}

.dojoxGridHeader .dojoxGridCell {
	background-color: var(--color4);
}

.btnIcon:before,
.jqtree-element > .icon {
	color: var(--color-principal-empresa) !important;
}

#dtgDatos .btnIcon,
.jqtree-element > .icon {
	color: var(--color-principal-empresa) !important;
	filter: none;
}

#dtgDatos .dojoxGridRow:hover {
	background: var(--color-principal-empresa);
    color: #fff;
}

.btnIcon:before:hover {
	color: var(--color2) !important;
}

.ui-accordion-header {
	background-color: var(--color-gris) !important;
}

.ui-tabs .ui-tabs-nav li:hover {
/* 	background-color: var(--color2); */
}

#tabs > ul {
	border-bottom-color: var(--color4);
}

#tabs > div {
	border-color: var(--color4);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	color: var(--color4) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-color: var(--color4);
	border: none;
}

.ui-tabs .ui-tabs-nav li {
/* 	background-color: var(--color4); */
	background-color: transparent;
	border: none;
}

#divTitulo,
td > div > .title {
	background-color: var(--color4);
}

.dijitTooltipContainer {
	color: var(--color2);
}

#desagregacion_geo {
	background-color: var(--color4);
}

.div_rangos th {
	background-color: var(--color4);
}

.tablero .div_rangos > div {
	background-color: var(--color4);
}

#desagregaciones_geo {
	background: var(--color2);
}

#ui-slider-label,
#ui-slider-label_hover {
	color: var(--color2) !important;
}

.ui-slider-handle {
	border-color: var(--color2) !important;
}

.btnCloseDialog:hover {
	background-color: var(--color2) !important;
}

.btnCloseDialog {
	background-color: var(--color4) !important;
}

.btnCloseDialog:hover:before {
	color: var(--color4) !important;
}

.dialogtitle > .btnIcon:before {
	color: var(--color2) !important;
}

.dialogtitle > .btnIcon:hover:before {
	color: var(--color4) !important;
}

.title > .btnIcon:hover:before {
	color: var(--color2) !important;
}

.dijitDialog {
	border-color: var(--color6);
}

.dijitDialogTitleBar {
	background-color: var(--color6);
}

.dialogtitle > span {
	color: var(--color6);
}

#accordionValores .ui-accordion-header {
/* 	background-color: var(--color6) !important; */
}

.divBotonClose button.btnEliminarText:before {
	color: var(--color-principal-empresa) !important;
}

.table-bordered thead {
	background: var(--color4);
}

select,
input {
	/*height: 26px;
	border-radius: 2px;*/
}

.dojoxGridRow:hover .btnIcon {
	filter: none;
}

.dojoxGridRow:hover .btnIcon:before {
	color: #fff !important;
}


/*---------------------------------------------------------------------------------------*/
/*--------- ESTILOS PARA TABLA DOJO -------------*/
.dojoxGrid .dojoxGridSortNode {
	font-size: 12px;
	color: var(--color-main);
}

.dojoxGridCell:hover {
	background: var(--colorEmpresa);
	color: #fff;
	cursor: pointer;
}

.dojoxGridRow:hover .dojoxGridCell {
	background: var(--colorEmpresaHover);
	color: #fff;
	cursor: pointer;
}

.dojoxGridRow:hover {
/* 	background: var(--color-gris); */
	color: #fff;
}

.dojoxGridRow:hover > .dojoxGridRowTable {
	color: #fff;
}

.dojoxGridRowSelected {
	background-color: var(--color-main);
	color: var(--color-main);
}

th.dojoxGridCell.dojoDndItem {
	text-align: center;
}

.dojoxGrid {
	border: none;
	border-radius: 0;
}

.dojoxGridHeader .dojoxGridCell {
	background-color: #fff;
	color: var(--color-main);
	font-size: 12px;
}

#dtgDatos .dojoxGrid .dojoxGridCell {
	border-top: none;
	border-left: none;
	border-right-color: #c7c7c7;
	font-size: 10px;
}

.dojoxGridScrollbox {
	overflow: hidden;
}

.dojoxGridScrollbox:hover,
.dojoxGridScrollbox:focus,
.dojoxGridScrollbox:active {
	overflow: auto;
}

#dtgDatos .dojoxGridHeader {
	border-bottom: solid 1px;
/* 	border-color: var(--color-main); */
}

.dojoxGridHeader .dojoxGridCellOver {
	border-bottom: none;
}

.dojoxGridColCaption {
	display: inline-block;
}

.dojoxGridRow {
	background-color: #fff;
	border-left: none;
}

#dtgDatos .dojoxGridRowOdd {
	background-color: #fff;
}

.dojoxGridPaginator {
	background: #fff;
}

.dojoxGridDescription {
	color: var(--color-main);
}

.dojoxGridPaginator td {
	text-align: center;
	align-content: center;
}

.dojoxGridPaginator td:nth-child(2) {
	padding: 5px 0;
	height: 27px;
	box-sizing: border-box;
	display: inline-block;
}

.dojoxGridActivedSwitch {
	/*background-color: #69BE28;*/
	width: 20px;
	height: 20px;
	/*padding-top: 5px;*/
	position: relative;
	/*top: -3px;*/
	border-radius: 10px;
	font-size: 9px;
	color: #fff;
}

.dojoxGridActivedSwitch:hover {
	cursor: pointer;
}

.dojoxGridInactiveSwitch {
	color: var(--color-main);
}

.dojoxGridSeparator {
	color: var(--color-main);
}

.dojoxGridWardButton.dojoxGridfirstPageBtn .dojoxGridWardButtonInner {
	padding-top: 1px;
}

.dojoxGridWardButton.dojoxGridlastPageBtn .dojoxGridWardButtonInner {
	padding-top: 1px;
}

.dojoxGridWardButton.dojoxGridnextPageBtn {
	margin-top: 3px;
}

.dojoxGridInactived {
	margin-top: 2px;
	color: var(--color-main);
}

.dojoxGridActived {
	margin-top: 2px;
	/*background-color: var(--color-main);*/
	width: 15px;
	height: 15px;
	position: relative;
	/*top: -3px;*/
	border-radius: 10px;
	color: #000;
}

#dtgDatos .dojoxGridActived {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	width: 15px;
	height: 15px;
	position: relative;
	top: 0px;
	border-radius: 10px;
	color: var(--color-principal-empresa);
}

#dtgDatos .dojoxGridInactived {
	color: #000;
    padding: 0;
    margin: 0;
}

#dtgDatos .dojoxGridPaginatorStep {
	height: 0px;
}

.btnXLS {
	position: absolute;
    bottom: -87vh;
    z-index: 1;
}

.dojoxGridWardButtonInner {
	color: var(--color-main);
}

.dojoxGridWardButtonInner {
	 visibility: visible !important;
}

.dojoxGridWardButton.dojoxGridfirstPageBtnDisable .dojoxGridWardButtonInner {
	color: #c1c1c1;
}

.dojoxGridWardButton.dojoxGridprevPageBtnDisable .dojoxGridWardButtonInner {
	color: #cccccc;
}

/*---------------------------------------------------------------------------------------*/
/*--------- ESTILOS PARA BOTONES -------------*/
.btn {
	border-radius: 15px;
	font-size: 13px;
	padding: 1px 15px;
}

.btn-principal {
	color: #fff;
	border: 1px solid var(--color-main);
	background-color: var(--color-main);
}

.btn-auxiliar {
	color: var(--color-main);
	background: #ffffff;
	border: 1px solid var(--color-main);
}

.btn-principal.form-control {
	margin-bottom: 0;
}

.btn-principal:hover {
	color: #fff;
	border: 1px solid var(--color-main);
	background-color: var(--color-main);
}

.btn-principal:focus,
.btn-principal:active {
	color: #fff;
	background-color: var(--color-main);
	border: 1px solid var(--color-main);
	box-shadow: none;
	outline: none;
}

.btn-auxiliar:hover {
	color: #fff;
	background-color: var(--color-main);
	border: 1px solid var(--color-main);
}

.btn-auxiliar:focus,
.btn-auxiliar:active {
	color: var(--color-main);
	background: #ffffff;
	border: 1px solid var(--color-main);
	box-shadow: none;
	outline: none;
}

.align-btn-end {
	text-align: end;
}

#btnNuevo {
	margin-right: 5px;
}

#reportarNovedadModal .modal-body {
	display: flex;
    flex-direction: column;
}

.itemModalNovedad {
	display: flex;
    flex-direction: column;
    margin: 7px;
}

.itemModalNovedad.itemModalNovedadTyC {
    flex-direction: row;
}

.itemModalNovedadTyC label {
	margin-bottom: 0;
	align-self: center;
    margin: 3px;
}

.itemModalNovedad textarea {
	height: auto;
}

#reportarNovedadModal .btnEnviarNovedad {
	background-color: var(--color-principal-empresa);
    padding: 9px !important;
    color: var(--blanco) !important;
}

#reportarNovedadModal .btnEnviarNovedad:hover {
	background-color: var(--color-principal-empresa);
    padding: 9px !important;
    color: var(--blanco) !important;
}

#fileUploadDatos,
#fileUpload,
#fileUploadIndicador{
	display: none;
}

.download-button-plantilla,
.upload-button-plantilla{
	background-repeat: no-repeat;
    background-size: contain;
    width: 30px !important;
    height: 30px !important;
    display: block;
/*     filter: brightness(0) saturate(100%); */
	margin: 8px !important;
    display: block !important;
}

.upload-button-plantilla {
    background-image: url("../img/upload_document.svg");
    filter: brightness(0) saturate(100%) invert(48%) sepia(26%) saturate(742%) hue-rotate(71deg) brightness(99%) contrast(88%);
}

.download-button-plantilla {
    background-image: url("../img/download_document.svg");
    filter: brightness(0) saturate(100%) invert(48%) sepia(26%) saturate(742%) hue-rotate(71deg) brightness(99%) contrast(88%);
}

.btn-tab-novedad{
	border: 2px solid #005c42;
    border-radius: 0;
    color: #005c42 !important;
}