/* mine
https://stackoverflow.com/questions/23046801/height-not-100-on-container-fluid-even-though-html-and-body-are

html, body {
	padding-top: 0px;
	height: 100%;

}
*/
html, body {
	padding-top: 0px;
	height: 100%;

}
/*
.container-fluid {
    height: 100%;
    overflow-y: hidden; /* don't show content that exceeds my height */
}
*/
#mainContainer{
    min-height: 100%;
    overflow-y: hidden;
}
.menuDropDown
{         
  max-height: 500px;
  overflow-y: auto;
  width:100%;
  min-width: 300px; 
  max-width: max-content; 
}
.dropdown-menu .dropdown-item
{
	white-space:normal;
}
.dropdown-item
{
	width: max-content !important;
}
.subMenu
{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:0px;
}
.itemClass
{
	line-height:15px;
}
}
.myheader
{
	height:40px;
	padding:3px; 0px 3px; 3px;
}
.mybutts
{
	background:yellow;
	padding:3px;
	border-radius:5px;
	weight: bold;
}
.after_modal_appended
{  
  position:relative;
}
.modal-dialog 
{
    /* text-align: left; you'll likely want this */
    max-width: 90%;
    width: auto !important;
/*    display: inline-block; */
}
.modal-backdrop
{
    background-color:#bbbbbb;
}
/*
.modal, .modal-backdrop {
    position: absolute !important;
    background-color:#444444 !important;
}
.modal-backdrop
{
    display: none !important;
    background-color:#444444 !important;
}
*/
.main_container
{
	float:right;
	width:80%;
/*	height:80%; */
	padding:0px;
	margin:0px
    position:absolute;
    margin-top:0px;
}
.mywrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-around;
  text-decoration:none;
}
.main_sidebar {
    min-height:90vh; 
    position:absolute;
    margin-top:0px;
    left:0;
/*    width:19.5%; */
    transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
/*    will-change: left, width; */
    box-shadow: inset -1px 0 10px rgba(0, 0, 0, 0.4);
    background: #293749;
    overflow:auto;
}
.main_sidebar:after {
    content: '';
    background-color: #253238;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
/*    width: 58px; */
}
.main_sidebar ul {
    list-style:none;
/*    padding-left:58px; */
}
.main_sidebar ul li {
    padding:0px 0px 10px 0px;
}
.main_sidebar ul li a {
    color:#fff;
    display:block;
}
.main_sidebar ul li i {
    float:left;
    color:grey;
/*    margin-left:-58px; */
    font-size:24px;
    padding-left:0px;
}
.main_sidebar ul li:hover {
    background:#167696;
}
.main_sidebar ul li a:hover {
    color:#fff;
    text-decoration:none;
}
.main_sidebar ul li:hover i {
    color:#fff;
}
.main_sidebar ul li.active {
    background:#0f4698;
}
.main_sidebar ul li.active i {
    color:#fff;
}
.main_sidebar ul li.active:hover {
    background:#167696;
}
.main_sidebar ul li.active:hover i {
    color:#fff;
}

.main {
    float:right;
    color:#fff;
    display:block;
    width:100%;
    background:red;
    min-height:100vh;
}
.suLink
{
	cursor:pointer;
	color:blue;
	text-decoration: underline;
}
.mynav-tabs
{
    position: fixed;
    z-index: 9;
    background-color: #fff;
    margin-top: -11%; 
}