@charset "utf-8";
/* CSS Document */

/* Media Breakpoints */

@media (min-width: 992px) { /* Applies from LG (large screens) */
	.me-lg-41 {
	margin-right: 41.66%;
	}
}

@media (min-width: 992px) { /* Applies from LG (large screens) */
	.me-lg-25 {
	margin-right: 25%;
	}
}
	

h1,h2,h3,h4,h5,h6 {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

nav {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

p {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.vstack {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.card-link {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.card-title {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.card-subtitle {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.list-group {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.flow {
	white-space: nowrap;
	padding: 6px 0px 6px 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #cbd0cc; /* Change color of the "/" separator */
}

.breadcrumb-item.active {
	color: #cbd0cc; !important; /* Change color of the active breadcrumb item */
	font-weight: normal;
}

    .custom-list-item-intel {
        background-color: #0B4151 !important; /* Custom background color */
        color: #CBD0CC !important; /* Custom text color */
    }

    .custom-list-item-intel:hover {
        background-color: #0B4151 !important; /* Custom hover background */
        color: #CBD0CC !important; /* Custom hover text */
    }
		
    .custom-list-item-axolotl {
        background-color: #1F4764 !important; /* Custom background color */
        color: #CBD0CC !important; /* Custom text color */
    }

    .custom-list-item-axolotl:hover {
        background-color: #1F4764 !important; /* Custom hover background */
        color: #CBD0CC !important; /* Custom hover text */
    }
		
    .custom-list-item-hidrico {
        background-color: #313C48 !important; /* Custom background color */
        color: #CBD0CC !important; /* Custom text color */
    }

    .custom-list-item-hidrico:hover {
        background-color: #313C48 !important; /* Custom hover background */
        color: #CBD0CC !important; /* Custom hover text */
    }
		
    .custom-list-item-wasseros {
        background-color: #1D1F2A !important; /* Custom background color */
        color: #CBD0CC !important; /* Custom text color */
    }

    .custom-list-item-wasseros:hover {
        background-color: #1D1F2A !important; /* Custom hover background */
        color: #CBD0CC !important; /* Custom hover text */
    }
		
/*--LINKS--*/
a.external:link {color: #CBD0CC ; text-decoration: none;}
a.external:visited {color: #CBD0CC ; text-decoration: none;}
a.external:hover {color: #CBD0CC ; text-decoration: underline;}

a.green:link {color: #283424 ; text-decoration: none;}
a.green:visited {color: #283424 ; text-decoration: none;}
a.green:hover {color: #283424 ; text-decoration: underline;}

a.black:link {color: #000000 ; text-decoration: none;}
a.black:visited {color: #000000 ; text-decoration: none;}
a.black:hover {color: #000000 ; text-decoration: underline;}

/*----------------*/

.text-body-secondary {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.title-width {
	flex-basis: 250px; /* Adjust this width as needed */
	min-width: 250px; /* Ensures all titles have the same width */
	font-weight: 500;
	white-space: nowrap; /* Prevents breaking into multiple lines */
}

.fullscreen-bg {
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}		
		
.alert {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.disabled-w {
  pointer-events: none;     /* behaves like disabled */
  cursor: not-allowed;
  opacity: 1 !important;    /* prevents Bootstrap dimming */
  color: inherit !important; /* keep normal text color */
}