﻿
#navbarSupportedContent ul li a {
	margin-left: 3.5px;
}

#navbarSupportedContent ul {
}

	#navbarSupportedContent ul li a.active {
		border-left: 3.5px solid #ee7a12;
		border-image: linear-gradient(to bottom, rgba(108,219,141,0) 15%,#ee7a12 6%,#ee7a12 85%,rgba(108,219,141,0) 80%);
		border-image-slice: 1;
		margin-left: 0px !important;
		/*border-left-width: 3.5px;
		border-left-style: solid;
		border-left-color: coral;
		margin-left: 0px !important;*/
	}

.front_layout #layoutSidenav #layoutSidenav_nav, .front_layout .sb-topnav {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1039;
}


#layoutSidenav {
	display: flex;
	padding-top: 59.5px;
	min-height: 90vh;
}

	#layoutSidenav #layoutSidenav_nav {
		flex-basis: 82px;
		flex-shrink: 0;
		transition: transform 0.15s ease-in-out;
		z-index: 1020;
		transform: translateX(-225px);
		padding-top: 10px;
	}

	#layoutSidenav #layoutSidenav_content {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-width: 0;
		flex-grow: 1;
		/*min-height: calc(100vh - 56px);*/
		margin-left: -82px;
		padding-top: 10px;
	}

		#layoutSidenav #layoutSidenav_content .bd-highlight div.bd-highlight {
			margin-top: 0 !important;
			padding-top: 0 !important;
		}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
	transform: translateX(0);
	background-color: #ffa351;
}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
	content: "";
	display: block;
	position: absolute;
	/*top: 0;
	left: 0;*/
	top: 3px;
	left: -2px;
	width: 100%;
	height: 100%;
	/*background: #000;*/
	z-index: 1019;
	opacity: 0.3;
	transition: opacity 0.3s ease-in-out;
}

@media (min-width: 576px) {
	#layoutSidenav #layoutSidenav_nav {
		transform: translateX(0);
	}

	#layoutSidenav #layoutSidenav_content {
		margin-left: 0;
		transition: margin 0.15s ease-in-out;
	}

	.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		transform: translateX(-80px);
	}

	.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: -80px;
	}

		.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
			display: none;
		}

	#layoutSidenav_nav {
		/*background-color: #fff7f0;*/
	}
}


.img_landing_bg {
	background-image: url('../image/other/52671.png'),url('../image/other/landing_bg.png');
	background-position: right bottom,center;
	background-repeat: no-repeat, no-repeat;
	background-size: 80%,cover;
	height: 100vh;
}



@media (min-width: 575px) {
	.box_con .p-2 {
		padding: 0.4rem !important;
	}

	/*.front_layout #layoutSidenav #layoutSidenav_content {
		padding-left: 75px;
	}*/
}

@media (min-width: 1600px) {
	.front_layout #layoutSidenav #layoutSidenav_content {
		margin-right: 3rem !important;
	}
}

.front_layout .sb-topnav {
	z-index: 1039;
}

.front_layout #layoutSidenav #layoutSidenav_nav {
	width: 75px;
	height: 100vh;
	z-index: 1038;
}

@media (max-width: 575px) {
	.front_layout #layoutSidenav #layoutSidenav_nav .sb-sidenav {
		padding-top: 20px !important;
	}
	.front_layout #layoutSidenav #layoutSidenav_nav {
		z-index: 1039 !important;
	}
	.img_landing_bg {
		background-image: url('../image/other/grouppeople.png'),url('../image/other/landing_bg.png');
		background-position: center,center;
		background-size: 100%,cover !important;
	}
}

@media (max-width: 768px) {
	.img_landing_bg {
		background-position: right center,center;
		background-size: 80%,cover;
	}
}

@media (max-width: 992px) {
	.img_landing_bg {
		background-position: right center,center;
		background-size: 90%,cover;
	}
}

@media (max-width: 1400px) {
	.box_con {
		padding-right: 1rem;
		padding-left: 1rem;
	}

}

.front_layout #layoutSidenav #layoutSidenav_nav .sb-sidenav {
	padding-top: 65px;
}

	.front_layout #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
		overflow-y: auto;
	}

.front_layout #layoutSidenav #layoutSidenav_content {
	padding-left: 80px;
}
