/* Add here all your CSS customizations */

.select2-container {
  width: 100% !important; /* El !important fuerza la regla */
}

.home {
	background-image: url(../img/background.jpg);
    background-size: contain;  /*cover auto*/
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000
}

.login {
	background-image: url(../img/backgroundLogin.jpg);
  background-size: cover;
}

.sectionCard {
	background: #0D245C !important;
}

.sectionCard2 {
    background: #000 !important;
}

.text-white {
  color: #fff;
}

.text-home {
  color: #27AAE1;
}

.text-black {
  color: #000000 !important;
}

.text-align {
  vertical-align: middle !important; 
}

.img-opacity {
  opacity: 10;
}

.pre-formatted-text {
  /* Preserva los saltos de línea y los espacios */
  white-space: pre-wrap; 
  /* Asegura que las palabras largas se rompan si es necesario (buena práctica) */
  word-wrap: break-word;
}

/* Centrar el contenedor del overlay */
.cdk-overlay-pane.custom-modal-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Ajustar el tamaño de la caja del modal */
.custom-modal-container .mat-mdc-dialog-container {
    width: 90vw !important;
    max-width: 90vw !important;
    min-width: 300px; /* Recomendado para móviles */
    position: relative !important;
}

/* Resetear márgenes internos que podrían desplazarlo */
.custom-modal-container .mdc-dialog__surface {
    margin: 0 !important;
}

.text-medium {
  font-size: small !important;
}

.badge-0 {
	background: #7F7F7F;
	color: #FFF;
}

.badge-1 {
	background: #FFC107;
	color: #FFF;
}

.badge-2 {
	background: #2196F3;
	color: #FFF;
}

.badge-3 {
	background: #FF9800;
	color: #FFF;
}

.badge-4 {
	background: #607D8B;
	color: #FFF;
}

.badge-5 {
	background: #BDBDBD;
	color: #FFF;
}

.badge-6 {
	background: #E53935;
	color: #FFF;
}

.badge-7 {
	background: #2E7D32;
	color: #FFF;
}

.leaflet-default-icon-path {
  background-image: url(https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png);
}

.leaflet-control-attribution {
    display: none !important;
}

.nav-main .nav-link:hover,
.nav-children:hover {
    color: #ffffff !important;
}

.nav-main .nav-link:hover i,
.nav-main .nav-link:hover span {
    color: #ffffff !important;
}

.sidebar-left {
    background-color: #FFFFFF !important; 
}

.sidebar-header {
    background-color: #7DCCED !important; 
}

.sidebar-toggle:hover .fa-bars {
    color: #000000 !important;
}

.sidebar-toggle .fa-bars {
    color: #000000 !important;
}

.sidebar-toggle:hover .fa-bars {
    color: #000000 !important;
}

.page-header {
    color: #7DCCED !important;
    background-color: #7DCCED !important;
    background: #7DCCED !important;    
    border-bottom: 1px solid #7DCCED !important; 
    border-bottom-color: #7DCCED !important;   
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.page-header h2 {
    color: #000000 !important;
    border-left-color: #000000 !important;
}

.page-header .breadcrumbs lI,
.page-header .breadcrumbs li span,
.page-header .breadcrumbs li a,
.page-header .breadcrumbs li a i {
    color: #000000 !important;
}

.page-header .breadcrumbs li:not(:last-child)::after {
    color: #000000 !important;
}

.nano .nano-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.nav-main:not(.sidebar-widget *) ul.nav-children {
    background-color: #ffffff !important;
}

.sidebar-widget.widget-stats,
.sidebar-widget.widget-stats .widget-content {
    background-color: #000000 !important;
    background: #000000 !important;
}

.sidebar-widget.widget-stats .nav-children {
    background-color: #000000 !important;
}

.Edit {
    background-color: #00ADEF !important;
}

.Delete {
    background-color: #666A6C !important;
    border-color: #666A6C !important; 
}

.botonList {
    background-color: #000 !important;
    border-color: #000 !important; 
}

.nav-parent > a:focus,
.nav-parent > a:active {
    color: #ffffff !important;
}

.nav-children li a:hover {
    color: #ffffff !important;
    background-color: #f5f5f5; 
    text-decoration: none;
}

.nav-parent.nav-expanded > a, 
.nav-parent.active > a {
    color: #ffffff !important;
}

.contenedor-grafica {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.contenedor-graficapay {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.panel.card-sign .card-body{
    background-color: #404040 !important;
    color: #ffffff !important; 
    border-top-color: #404040 !important;
}

.card-sign .input-group-text, .Aceptar {
    background-color: #27AAE1 !important;
    border-color: #27AAE1 !important; 
    color: #ffffff !important;
}

.alert2, .insdustry, .role, .panelC {
    display: none;
}

#language + .select2-container {
    width: auto !important;
}