.bg-danger {
	background-color: #f4d2d3 !important;
}

.navbar-nav > li {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}

.nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}


/* Fixes dropdown menus placed on the right side */
.ml-auto .dropdown-menu {
	left: auto !important;
	right: 0px;
}

nav a { color: white; text-decoration: none; }

.dropdown .nav-link {color:#fff; text-decoration: none;}

.dropdown .dropdown-menu a { color: #033C73; }

.dropdown-menu { min-width: 200px; }

.container .dropdown .dropdown-menu a:hover {
	color: #fff;
	background-color: #b91773;
	border-color: #fff;
}


/* this deals with giving font-awesome icons badges since they were deprecated in BS4 */

*.icon-blue { color: #0088cc; }

*.icon-white { color: white; padding-right: 2rem; }

i { text-align:left; position: relative; }

.badge:after { 

	content:attr(data-count);
	font-size: 1rem;
	color:white;
}

html {
	min-height:100%;/* make sure it is at least as tall as the viewport */
	position:relative;
}

body {
	height:100%; /* force the BODY element to match the height of the HTML element */
}


/* Side Bar */

#sidebar {
	/*overflow: hidden;*/
	z-index: 3;
	/*max-width: 225px;*/
	min-height: 75vh;
}

#sidebar .list-group {
	/*min-width: 250px;*/
	background-color: #023c73;
	/*min-height: 100vh;*/
}

#sidebar i {
	/*margin-right: 6px;*/
}

#sidebar .list-group-item {
	border-radius: 0;
	background-color: #04519b;
	color: rgba(255,255,255,0.8);
	border-left: 0;
	border-right: 0;
	white-space: nowrap;
}

#sidebar .list-group-item:hover { color: #fff; }

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
	background-color: #222;
}

/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
	content: " \f0d7";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 5px;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
	background-color: #033C73;
}

#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
	content: " \f0da";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 5px;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item, #sidebar .list-group .collapsing .list-group-item  {
	padding-left: 20px;
	background-color: #fff;
	color: #033C73;
}

#sidebar .list-group .collapse .list-group-item:hover, #sidebar .list-group .collapsing .list-group-item:hover  {
	background-color: #2FA4E7;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item, #sidebar .list-group .collapse > .collapsing .list-group-item {
	padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
	padding-left: 40px;
}

 /*
 @media (min-width: 576px){.container{max-width:540px}}
 @media (min-width: 768px){.container{max-width:720px}}
 @media (min-width: 992px){.container{max-width:960px}}
 @media (min-width: 1200px){.container{max-width:1140px}}
 */

@media (min-width: 576px){
	
	#ESIRightCol {
		overflow-x: scroll;
	}
}

@media (max-width:767px) {
	
	/*#ESIRightCol .table-responsive { width: 400px }*/
	
	#ESIRightCol {
		overflow-x: scroll;
	}
	
	#sidebar {
		min-width: 35px;
		max-width: 40px;
		overflow-y: auto;
		overflow-x: visible;
		transition: all 0.25s ease;
		transform: translateX(-45px);
		position: fixed;
	}

	#sidebar.show {
		transform: translateX(0);
	}

	#sidebar::-webkit-scrollbar{ width: 0px; }

	#sidebar, #sidebar .list-group {
		min-width: 35px;
		overflow: visible;
		position: relative;
	}

	/* overlay sub levels on small screens */
	#sidebar .list-group .collapse.show, #sidebar .list-group .collapsing {
		background: #fff;
		position: relative;
		z-index: 1;
		width: 190px;
		top: 0;
	}

	#sidebar .list-group > .list-group-item {
		text-align: center;
		padding: .75rem .5rem;
	}

	/* hide caret icons of top level when collapsed */
		#sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
		#sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
		display:none;
	}

}

.collapse.show {
	visibility: visible;
}

.collapsing {
	visibility: visible;
	height: 0;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.collapsing.width {
	-webkit-transition-property: width, visibility;
	transition-property: width, visibility;
	width: 0;
	height: 100%;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#ESIContainer {
	
}

#ESIBodyRow {
	margin-left: -30px;
}

#ESILeftCol {
	background-color: #023c73;
	padding-right: 0px;
	margin-right: 15px;
}

#ESIRightCol {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#ESIRightCol .container-fluid {

}

.dropdown-divider {
	height:0;
	margin:0.1rem 0;
	overflow:hidden;
	border-top:1px solid #0033a0 /*#e9ecef*/
	}