* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
	--colorAmarilloFondo: #FFFFE0;
  --colorAzulColpensiones: #215a9a;
	--colorAzul: #2E45D0;
  --colorAzulBotones: #264ed2;
  --colorAzulFondo: #add8e6;
	--colorAzulGovCo: #3366cc;
  --colorAzulHLKs: #3772ff;
  --colorAzulOscuroColpensiones: #004884;
  --colorAzulUsabilidad: var(--colorAzulOscuroColpensiones);
  --colorAzulUsabilidadHover: var(--colorAzulHLKs);
  --colorAzulOscuroBuscador: #055697;
	--colorBlanco: #ffffff;
  --bordeGrisClaro: #b3b3b3;
  --bordeAzul: var(--colorAzulOscuroBuscador);
  --colorBlancoContrast: #1c212f;
  --colorGrisBordeBotones: #b3b3b3;
  --colorGrisBordeBotonesOpciones: #646464;
  --colorGrisBordeMigas: #aaaaaa;
  --colorGrisBotones: #656d78;
  --colorGrisFondo: #ebebeb;
  --colorGrisHover: #f2f2f2; /* Visor */
	--colorGrisMenu: #eaeaea;
  --colorGrisMuyClaroAlterno: #e1e1e2; /* #fafbfc; */
  --colorGrisNoTanClaro: #b5b5b5;
  --colorGrisOpciones: #e6e6e6;
  --colorGrisOscuro: #484848;
	--colorGrisOscuroTextos: var(--colorGrisOscuro);
  --colorGrisSeparadorOpciones: #dddddd; /* Visor */
  --colorGrisTextos: #4d4d4d; /* #656d78 */
  --colorGrisTextosAlterno: #575757;
  --colorGrisTituloCompilacion: var(--colorGrisNoTanClaro);
  --colorGrisTitulos: #4d4d4d;
  --colorNegroTextos: #1e1e1e;
  --colorRojo: #ec1d24;
	--colorSeparador: #117973;
  --colorTransparente: transparent;
  --colorVerde: #00993e;
  --colorVerdeSubtitulos: var(--colorVerde);
  --colorVerdeTextos: var(--colorVerde);
  --colorVioletaHLKs: #6600b2;

  --colorBordeBotonBuscar: var(--colorGrisBordeBotones);
  --colorBordeBotonBuscarTextoVisor: var(--colorTransparente); /* Visor */
  --colorBordeBotonBuscarTextoVisorHover: var(--colorTransparente); /* Visor */
  --colorBordeBotonCompuesto: var(--colorTransparente); /* Visor */
  --colorBordeBotonCompuestoHover: var(--colorTransparente); /* Visor */
  --colorBordeBotonNuevaBusquedaTextoVisor: var(--colorTransparente); /* Visor */
  --colorBordeBotonNuevaBusquedaTextoVisorHover: var(--colorTransparente); /* Visor */
  --colorBordeBotonPanelBotonesVisor: var(--colorGrisSeparadorOpciones); /* Visor */
  --colorBordeBotonPanelBotonesVisorActivado: var(--colorSeparador); /* Visor */
  --colorBordeBotonPanelBotonesVisorOutline: var(--colorSeparador); /* Visor */
  --colorBordeBotonSencillo: var(--colorTransparente); /* Visor */
  --colorBordeBotonSencilloHover: var(--colorTransparente); /* Visor */
  --colorBordeBotonUsabilidad: var(--colorAzulUsabilidad);
  --colorBordeBotonUsabilidadHover: var(--colorAzulUsabilidadHover);
  --colorBordeBotonVerMas: var(--colorTransparente);
  --colorBordeBotonVerMasHover: var(--colorTransparente);
  --colorBordeCajasValorJuridicoAgregado: var(--colorTransparente); /* Visor */
  --colorBordeContenedorOpcionNueva: var(--colorGrisBordeBotonesOpciones);
  --colorBordeFranjaAJ: var(--colorGrisFondo);
  --colorBordeInputCasillaBusquedaVisor: var(--colorGrisOscuro); /* Visor */
  --colorBordeInputCasillaBusquedaVisorOutline: var(--colorGrisOscuro); /* Visor */
  --colorBordeItemListaPanelVisor: var(--colorBordePanelesVisor); /* Visor */
  --colorBordeOpcionMenuVertical: var(--colorGrisFondo);
  --colorBordeOpcionNueva: var(--colorGrisBordeBotonesOpciones);
  --colorBordeOpcionNuevaHover: var(--colorGrisBordeBotonesOpciones);
  --colorBordePanelBotonesAcciones: var(--colorTransparente); /* Visor */
  --colorBordePanelBotonAnotaciones: var(--colorTransparente); /* Visor */
  --colorBordePanelDocumento: var(--colorBordePanelesVisor); /* Visor */
  --colorBordePanelesVisor: var(--colorGrisSeparadorOpciones); /* Visor */
  --colorBordeSelectorYear: var(--colorGrisOscuro);
  --colorBordeSeparacionMigas: var(--colorGrisBordeMigas);
  --colorBordeSombraFranjaNavegacionVisor: rgba(0,0,0,0.07); /* Visor */
  --colorBordeSombraPanelBotonesVisor: rgba(0,0,0,0.07); /* Visor */
  --colorBordeTituloPanelVisor: var(--colorTransparente); /* Visor */


  --colorBackgroundBotonBuscarTextoVisor: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonBuscarTextoVisorHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonCompuesto: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonCompuestoHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonMenuUsabilidad: var(--colorBlanco);
  --colorBackgroundBotonMenuUsabilidadHover: var(--colorAzulUsabilidadHover);
  --colorBackgroundBotonNuevaBusquedaTextoVisor: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonNuevaBusquedaTextoVisorHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonPanelBotonesVisor: var(--colorBackgroundPanelBotones); /* Los botones desactivados deben tener el mismo color de panel-botones */ /* Visor */
  --colorBackgroundBotonPanelBotonesVisorActivado: var(--colorBackgroundPanelAuxiliar); /* Los botones activados deben tener siempre el mismo color de panel-auxiliar */ /* Visor */
  --colorBackgroundBotonSencillo: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonSencilloHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonSencilloPanelBotonesVisor: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonSencilloPanelBotonesVisorHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonSUINJuriscol: var(--colorBlanco); /* Visor */
  --colorBackgroundBotonSUINJuriscolHover: var(--colorGrisHover); /* Visor */
  --colorBackgroundBotonVerMas: var(--colorAzulBotones);
  --colorBackgroundBotonVerMasHover: var(--colorGrisBotones);
  --colorBackgroundContenedorContactosColpensiones: var(--colorBlanco);
  --colorBackgroundContenedorOpcionNueva: var(--colorGrisOpciones);
  --colorBackgroundContenedorOpcionNuevaHover: var(--colorGrisOpciones);
  --colorBackgroundEncabezadoCajasValorJuridicoAgregado: var(--colorAzulBotones); /* Visor */
  --colorBackgroundEncabezadoCajasValorJuridicoAgregadoHover: var(--colorGrisBotones); /* Visor */
  --colorBackgroundExplicacionOpcionSeleccionada: var(--colorBlanco);
  --colorBackgroundFranjaAJ: var(--colorGrisFondo);
  --colorBackgroundFranjaGovCo: var(--colorAzulGovCo);
	--colorBackgroundFranjaLogosInstitucionales: var(--colorBlanco);
	--colorBackgroundFranjaMenuInstitucional: var(--colorGrisFondo); /* --colorGrisMenu */
  --colorBackgroundFranjaMasInformacionColpensiones: var(--colorGrisFondo);
	--colorBackgroundFranjaMigas: var(--colorBlanco):
  --colorBackgroundFranjaNavegacionVisor: var(--colorBackgroundGeneral);
  --colorBackgroundGeneral: var(--colorBlanco);
  --colorBackgroundImagenOpcionNueva: var(--colorBlanco);
  --colorBackgroundImagenOpcionNuevaHover: var(--colorBlanco);
  --colorBackgroundLetrasAlfabeto: var(--colorGrisNoTanClaro);
  --colorBackgroundLetrasAlfabetoHover: var(--colorGrisNoTanClaro);
  --colorBackgroundMenuVertical: var(--colorGrisFondo);
  --colorBackgroundModulo: var(--colorBlanco);
  --colorBackgroundModuloContactos: var(--colorBlanco);
  --colorBackgroundNavegacionModulosOpciones: var(--colorBlanco);
  --colorBackgroundNavegacionOpciones: var(--colorBlanco);
  --colorBackgroundNotasConcordancias: var(--colorGrisFondo);  /* Visor */
  --colorBackgroundNotasLegislacionAnterior: var(--colorAmarilloFondo);
  --colorBackgroundNotasVigencia: var(--colorAzulFondo);
  --colorBackgroundOpcionBoletin: var(--colorGrisMenu);
  --colorBackgroundOpcionBoletinHover: var(--colorGrisMenu);
  --colorBackgroundOpcionEntidad: var(--colorGrisMenu);
  --colorBackgroundOpcionEntidadHover: var(--colorGrisMenu);
  --colorBackgroundOpcionMenuVertical: var(--colorGrisFondo);
  --colorBackgroundOpcionMenuVerticalHover: var(--colorGrisFondo);
  --colorBackgroundOpcionNueva: var(--colorGrisFondo);
  --colorBackgroundOpcionNuevaHover: var(--colorGrisFondo);
  --colorBackgroundOpcionSeleccionada: var(--colorBlanco);
  --colorBackgroundOpcionTipoDocumento: var(--colorGrisMenu);
  --colorBackgroundOpcionTipoDocumentoHover: var(--colorGrisMenu);
  --colorBackgroundPanelAuxiliar: var(--colorBlanco); /* panel-auxiliar es el panel en que se ubican los paneles correspondientes a los botones del visor */ /* Visor */
                                                      /* Su contenido se mueve a panel-lateral-modal cuando se cumple la condición para superponer este panel */ /* Visor */
  --colorBackgroundPanelBotones: var(--colorBackgroundGeneral); /* panel-botones  es el panel que agrupa los botones del visor */ /* Visor */
  --colorBackgroundPanelDocumento: var(--colorBlanco); /* Visor */
  --colorBackgroundPanelDocumentosYear: var(--colorBlanco);
  --colorBackgroundPanelFondoDocumento: var(--colorGrisFondo); /* Visor */
  --colorBackgroundPanelLateralModal: var(--colorBlanco); /* Visor */
  --colorBackgroundPanelListaDocumentos: var(--colorBlanco);
  --colorBackgroundPanelListaMaterias: var(--colorGrisMenu);
  --colorBackgroundPanelMateriasLetra: var(--colorBlanco);
  --colorBackgroundPanelSelectorLetra: var(--colorBackgroundGeneral);
  --colorBackgroundPanelSelectorYear: var(--colorBlanco);
  --colorBackgroundPanelVisor: var(--colorBlanco); /* Visor */
  --colorBackgroundSelector: var(--colorBlanco);
  --colorBackgroundTituloLetraAlfabeto: var(--colorAzulBotones);
  --colorBackgroundTituloPanelVisor: var(--colorGrisFondo); /* Visor */
  --colorBackgroundTituloYear: var(--colorAzulBotones);
  --colorBackgroundTituloYearHover: var(--colorAzulBotones);
  --colorBackgroundYearArbol: var(--colorAzulBotones);
  --colorBackgroundYearListaConcordancias: var(--colorGrisFondo); /* Visor */

  --fondoBotonBusqueda: var(--colorAzulOscuroBuscador); 
  --fondoBotonNuevaBusqueda: var(--colorGrisBotones);

  --colorTextoBoldAJ: var(--colorGrisTextos); /* Visor */
  --colorTextoBoletin: var(--colorGrisTextos);
  --colorTextoBoletinHover: var(--colorGrisTextos);
  --colorTextoBookmarksAJ: var(--colorGrisTextos); /* Visor */
  --colorTextoBookmarksAJHover: var(--colorGrisTextos); /* Visor */
  --colorTextoBotonBuscarHeader: var(--colorGrisBordeBotones);
  --colorTextoBotonCompuesto: var(--colorAzulHLKs); /* Visor */
  --colorTextoBotonCompuestoHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoBotonEntidad: var(--colorGrisTextos);
	--colorTextoBotonEntidadHover: var(--colorGrisTextos);
  --colorTextoBotonMenuUsabilidad: var(--colorAzulUsabilidad);
	--colorTextoBotonMenuUsabilidadHover: var(--colorBlanco);
  --colorTextoBotonPanelBotonesVisor: var(--colorAzulHLKs); /* Visor */
  --colorTextoBotonVerMas: var(--colorBlanco);
  --colorTextoBotonVerMasHover: var(--colorBlanco);
  --colorTextoCasillaBuscar: var(--colorGrisTextos);
  --colorTextoClasificacionEspecialArbol: var(--colorGrisTextos);
  --colorTextoDescripcionDocumento: var(--colorGrisTextos);
  --colorTextoDescripcionDocumentoHover: var(--colorGrisTextos);
  --colorTextoDescripcionDocumentoArbol: var(--colorGrisTextos);
  --colorTextoDescripcionOpcionSeleccionada: var(--colorGrisTextos);
  --colorTextoDescripcionVisor: var(--colorGrisTextos); /* Visor */
  --colorTextoDescripcionVisorHover: var(--colorGrisTextos); /* Visor */
  --colorTextoDestacados: var(--colorGrisTextosAlterno); /* Visor */
  --colorTextoDocumento: var(--colorNegroTextos); /* Visor */
  --colorTextoEncabezadoCajasValorJuridicoAgregado: var(--colorBlanco); /* Visor */
  --colorTextoEncabezadoCajasValorJuridicoAgregadoHover: var(--colorBlanco); /* Visor */
  --colorTextoEnlaceExterno: var(--colorAzulHLKs);
  --colorTextoExplicacionOpcionSeleccionada: var(--colorGrisTextos); /* --colorGrisTitulos) */
  --colorTextoFranjaAJ: var(--colorGrisTextos);
  --colorTextoGovCo: var(--colorBlanco);
  --colorTextoIdActoTramite: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdActoTramiteHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdConcordancia: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdConcordanciaHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdDesarrollo: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdDesarrolloHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdDocumento: var(--colorAzulHLKs);
  --colorTextoIdDocumentoHover: var(--colorAzulHLKs);
  --colorTextoIdEntidad: var(--colorGrisTextos);
  --colorTextoIdEntidadHover: var(--colorGrisTextos);
  --colorTextoIdMateria: var(--colorVerdeTextos);
  --colorTextoIdMateriaHover: var(--colorVerdeTextos);
  --colorTextoIdMemoria: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdMemoriaHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdModificacion: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdModificacionHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdNotificacion: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdNotificacionHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoIdTipoDocumento: var(--colorGrisTextos);
  --colorTextoIdTipoDocumentoHover: var(--colorGrisTextos);
  --colorTextoItemsListaPanelVisor: var(--colorAzulHLKs); /* Visor */
  --colorTextoItemsListaPanelVisorHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoLetrasAlfabeto: var(--colorBlanco);
  --colorTextoLetrasAlfabetoHover: var(--colorBlanco);
  --colorTextoLinks: var(--colorAzulHLKs); /* Visor */
  --colorTextoLinksHover: var(--colorAzulHLKs); /* Visor */
  --colorTextoMiga: var(--colorGrisTextos);
	--colorTextoMigaActiva: var(--colorGrisOscuroTextos);
  --colorTextoMigaActivaHover: var(--colorAzulHLKs);
  --colorTextoModulos: var(--colorGrisTitulos);
  --colorTextoModulosContacto: var(--colorGrisTitulos);
  --colorTextoOpcionMenuContextual: var(--colorVerdeTextos);
  --colorTextoOpcionMenuContextualHover: var(--colorVerdeTextos);
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucional: var(--colorGrisOscuroTextos);
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucionalHover: var(--colorGrisOscuroTextos);
  --colorTextoOpcionMenuVertical: var(--colorGrisOscuroTextos);
  --colorTextoOpcionMenuVerticalHover: var(--colorGrisOscuroTextos);
  --colorTextoReferenciaADocumento: var(--colorAzulHLKs);
	--colorTextoReferenciaADocumentoHover: var(--colorAzulHLKs);
  --colorTextoSelectorYear: var(--colorGrisTextos);
  --colorTextoSubtitulos: var(--colorVerdeSubtitulos);
  --colorTextosTachados: var(--colorRojo); /* Visor */
  --colorTextoTituloColpensiones: var(--colorAzulOscuroColpensiones);
  --colorTextoTituloCompilacion: var(--colorGrisTituloCompilacion);
  --colorTextoTituloOpcionNueva: var(--colorVerdeTextos);
  --colorTextoTituloOpcionNuevaHover: var(--colorVerdeTextos);
  --colorTextoTituloPalabrasClave: var(--colorNegroTextos); /* Visor */
  --colorTextoTituloPanelAuxiliarVisor: var(--colorGrisTitulos); /* Visor */
  --colorTextoTituloSeccionPanel: var(--colorGrisOscuroTextos); /* Visor */
  --colorTextoTituloVisor: var(--colorGrisTitulos); /* Visor */
  --colorTextoTituloYear: var(--colorBlanco);
  --colorTextoTituloYearHover: var(--colorBlanco);
  --colorTextoTitulosPrincipales: var(--colorGrisTitulos);
  --colorTextoYearArbol: var(--colorBlanco);
  --colorTextoYearNovedades: var(--colorVerdeTextos);
  --colorTextoYearNovedadesHover: var(--colorVerdeTextos);
  --colorTextoYearVisor: var(--colorGrisTextos); /* Visor */
  --colorTextosVisor: var(--colorNegroTextos); /* Visor */


  --altoPanelDocumento: 1754px; /* 1754px Tamaño para A4 con 150PPI -https://www.papersizes.org/a-sizes-in-pixels.htm- */
  --altoPanelFondoDocumento: 1814px; /* --altoPanelDocumento + 30px de margen de panel-documento * 2 */ /* Obsoleto */
  --botonVisorNormalSize : 120px; /* Visor */
  --botonVisorBiggerSize : 121px; /* Visor */
  --botonVisorSmallSize : 36px; /* Visor */
  --margenHorizontalDocumentosNormal: 12.5%;  /* Más o menos 120px para ancho mayor a 958px de panel-documento, */
                                              /* cuando al ancho máximo del espacio para el documento es 1140px */
                                              /* Visor */
  --margenHorizontalDocumentosSmall: 10%; /* Más o menos 83px para ancho de 837px de panel-documento, */
                                          /* cuando al ancho máximo del espacio para el documento es 990px */
                                          /* Visor */
  --margenImagenOpcion: 20px;

  --multiplicadorLetra: 1;
  --letra10: calc(10px * var(--multiplicadorLetra));
  --letra11: calc(11px * var(--multiplicadorLetra));
  --letra12: calc(12px * var(--multiplicadorLetra));
  --letra13: calc(13px * var(--multiplicadorLetra));
  --letra14: calc(14px * var(--multiplicadorLetra));
  --letra15: calc(15px * var(--multiplicadorLetra));
  --letra16: calc(16px * var(--multiplicadorLetra));
  --letra17: calc(17px * var(--multiplicadorLetra));
  --letra18: calc(18px * var(--multiplicadorLetra));
  --letra20: calc(20px * var(--multiplicadorLetra));
  --letra21: calc(21px * var(--multiplicadorLetra));
  --letra22: calc(22px * var(--multiplicadorLetra));
  --letra24: calc(24px * var(--multiplicadorLetra));
  --letra25: calc(25px * var(--multiplicadorLetra));
  --letra26: calc(26px * var(--multiplicadorLetra));
  --letra28: calc(26px * var(--multiplicadorLetra));
  --letra32: calc(32px * var(--multiplicadorLetra));
  --letra36: calc(36px * var(--multiplicadorLetra));


  --letraBotonDescripcionDocumentoNormal: var(--letra16);
  --letraBotonDescripcionDocumentoSmall: var(--letra14);
  --letraBotonGeneralNormal: var(--letra16);
  --letraBotonGeneralSmall: var(--letra14);
  --letraBotonReferenciaADocumentoNormal: var(--letra16);
  --letraBotonReferenciaADocumentoSmall: var(--letra14);
	--letraClasificacionEspecialArbolNormal: var(--letra18);
	--letraClasificacionEspecialArbolSmall: var(--letra16);
  --letraDescripcionModuloNormal: var(--letra13);
  --letraDescripcionModuloSmall: var(--letra12);
  --letraLetrasNormal: var(--letra16);
  --letraLetrasSmall: var(--letra14);
	--letraOpcionNivel01Normal: var(--letra14);
  --letraOpcionNivel01Small: var(--letra12);
  --letraOpcionNuevaNormal: var(--letra14);
  --letraOpcionNuevaSmall: var(--letra12);
  --LetraSelectorNormal: var(--letra14);
	--letraSubClasificacionEspecialArbolNormal: var(--letra16);
	--letraSubClasificacionEspecialArbolSmall: var(--letra14);
  --letraTituloH1Normal: 2.4rem;
  --letraTituloH1Small: 1.4rem;
  --letraTituloH1PrincipalNormal: var(--letra26);
  --letraTituloH1PrincipalSmall: var(--letra24);
  --letraTituloH2Normal: var(--letra16);
  --letraTituloH2AuxiliarNormal: var(--letra16);
  --letraTituloH2AuxiliarSmall: var(--letra14);
  --letraTituloH2Small: var(--letra14);
  --letraTituloH3Normal: var(--letra16);
  --letraTituloH3Small: var(--letra14);
  --letraTituloModuloNormal: var(--letra18);
  --letraTituloModuloSmall: var(--letra16);
	--letraYearArbolNormal: var(--letra16);
	--letraYearArbolSmall: var(--letra14);
  --letraYearsNormal: var(--letra16);
  --letraYearsSmall: var(--letra14);

	font-family: 'Montserrat', sans-serif;
  font-size: 1rem; /* var(--letra18) */ /* In CSS rem stands for “root em”, a unit of measurement that represents the font size of the root element. This means that 1rem equals the font size of the html element, which for most browsers has a default value of 16px.  */
  color: var(--colorGrisTextos);
  font-weight: 400;
  height: 100%;
}

/* Scrollbar styled */
/* https://css-tricks.com/the-current-state-of-styling-scrollbars/ */

html {
  --scrollbarBG: #132B5E;
  --thumbBG: #FFFFFF;
}

html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}

html {
  --scrollbarBG: darkgrey;
  --thumbBG: slategrey;
}

html {
  --scrollbarBG: #F5F5F5;
  --thumbBG: rgba(0,0,0,0.2);
}

/* -> Scrollbar styled */

body{
  min-height:100%;
  padding:0;
  margin:0;
  position:relative;
}

body {
  background-color: var(--colorBackgroundGeneral);
}

body::after {
  content: '';
  display: block;
  height: 190px; /* Set same as footer's height */
}

@media screen and (min-width: 768px) { /* El cambio de la distribución de grid-contenedor-footer se da a partir de 768px */

  body::after {
    height: 130px;
  }
}

body.busy-cursor {
  cursor: progress;
}


/* Scrollbar styled */

::-webkit-scrollbar {
  width: 11px;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

/* -> Scrollbar styled */