@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;
}

ol,ul,li {
	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 */
}