/* Global Website Styles for ICS36T */

:root {
	--navbar-forecolor: rgb(139, 139, 139) !important;
}

/* Sidebar styling for all website pages */
.sidebar-column {
	background-color: #efefef !important;
	box-shadow: 2px 0 4px rgba(79, 79, 79, 0.563) !important;
	background-image: url("/assets/ics36t/img/OmarWelfare-Logo03.png");
	background-repeat: no-repeat;
	background-position: center 50px; 
	background-size: 240% auto; 
	border-bottom: 1px solid #cd4655;
	border-right: 1px solid #cd4655 !important;
}
.navbar .navbar-nav .nav-item.active {
    border-bottom: 3px solid rgba(206, 206, 206, 0) !important;
	color:rgb(176, 7, 7) !important;
}
.account-info {
    background-color: #ffffff75 !important;
}
.sidebar-item a.active {
  color: white !important;
  background-color: #cd4655 !important;
}
.col-sm-10 {
	flex: 0 0 83.33333333%;
	max-width: 83.33333333%;
	/* background-color: rgba(242, 242, 242, 0.367); */
}
.my-4 {
		background-image: url("/assets/ics36t/img/OmarWelfare-Topbar10.png");
		background-repeat: repeat;
		background-position: left 40px; 
		background-size: 150% auto; 
		border-bottom: 1px solid #cd4655;
}



.custom-top-navbar {
    background-color: #c82333; /* professional red */
    padding: 10px 20px;
}


#navbarSupportedContent {
    position: none;
    z-index: 1050;
    /* background-color: #a2a2a2;  */
    padding: 10px 20px;
}