/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
	overflow-x: hidden;
	color: #4d4d4d;
}


.navbar {
	padding: 0.52rem 1rem;
}

.sidenav {
	height: 100%;
	width: 14rem;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #F8F9FA;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 49px;
}

.sidenav a {
	text-decoration: none;
	font-size: 1em;
	color: #6399AE;
	display: block;
	transition: 0.3s;
}


.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.sidebar-heading-desc {
	display: inline;
	color: #6399AE;
	margin-inline: 10px;
}

#sidebar-wrapper {
	position: -webkit-sticky;
	position: sticky;
	height: 100vmin;
	/*margin-left: -15rem;*/
	-webkit-transition: margin .25s ease-out;
	-moz-transition: margin .25s ease-out;
	-o-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
	
}


#sidebar-wrapper .sidebar-heading {
	padding: 0.52rem 1.25rem;
	font-size: 1.2rem;
}

#sidebar-wrapper {
	width: 250px;
	height: 100vmax;
}

#page-content-wrapper {
	min-width: 100vw;
}

#page-content-wrapper .container-fluid {
	margin: 1.5rem
}

#page-content-body {
	max-width: 100vw;
	margin: 1rem 1rem;
}

.card-footer .pagination {
	justify-content:right;
	margin-bottom: 0rem;
}

div.content-fit-with-scroll {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

ul.sidebar-menu {
	border-radius: 0px;
}
ul.sidebar-menu .list-group-item{
	background: #F8F9FA;
	border-radius: 0px;
}

ul.sidebar-menu li a{
	color: #6399ae;
}

ul.sidebar-menu li:hover a{
	color: #e6e6e6;
	text-decoration-line: none;
}

.sidebar-menu .list-group-item ul li {
	padding-top:5px;
	padding-bottom:5px;
}

.sidebar-menu .list-group-item.active {
	background-color: #6399ae;
	border-color: #6399ae;
}

.sidebar-menu .list-group-item:hover {
	background-color: #457487;
	border-color: #457487;
}
.sidebar-menu .list-group-item.active a,
.sidebar-menu .list-group-item.active a > i {
	color: #fff;
}

.sidebar-menu div.submenu {
	padding-left: 10px;
	background: #D9DADB;
}

.sidebar-menu div.submenu ul{
	width: 100% !important;
}


.d-flex {
    display: flex !important;
}

#wrapper.toggled #sidebar-wrapper {
    display: block;
    position: fixed;
    margin-left: 0;
    height: 100%;
    left: 0px;
    top: 58px;
    max-width: 325px;
}

.modal-header {
    color: #ffffff;
    background-color: #6399AE;
}


@media (min-width: 768px) {
	#sidebar-wrapper {
		margin-left: 0;
		flex-shrink: 0;
	}

	#page-content-wrapper {
		min-width: 0;
		width: 100%;
	}

	#wrapper.toggled #sidebar-wrapper {
		margin-left: -100%;
	}
}

@media (max-width: 450px) {
	#sidebar-wrapper {
		max-width: 100%;
		width: 100%;
		display: block;
		position: fixed;
		height: 100%;
		top: 58px;
		flex-shrink:1;
		z-index: 100 !important;
	}

	#wrapper.toggled #sidebar-wrapper {
		margin-left: -100%;
	}
}

@media screen and (max-width: 576px) {
	.sidenav {
		width: 100vw;
		margin-left: -100vw;
	}
	
}

@media screen and (min-width:577px) and (max-width:768px) {
	.sidenav {
		margin-left: -18rem;
	}
}