/* Global Website Styles for ICS36T */

:root {
	--navbar-forecolor: rgb(139, 139, 139) !important;
	/* Default background images - can be overridden by ics_settings_dynamic.css */
	--sidebar-bg-image: url("/assets/ics36t/img/I36t-TopSideBar01.png");
	--topbar-bg-image: url("/assets/ics36t/img/I36t-Topbar01.png");
}

/* 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: var(--sidebar-bg-image);
	background-repeat: 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:#cd4655 !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: var(--topbar-bg-image);
		background-repeat: repeat;
		background-position: left 40px; 
		background-size: 150% auto; 
		border-bottom: 1px solid #cd4655;
}



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


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