.MenuBar {
    font-size:14px;
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:9998;
}
.vertical-menu .MenuBar {
    font-size:14px;
    position:fixed;
    top:0;
    right:auto;
    left:0;
    z-index:9998;
    bottom:0px;
}
.MasterPageHeader {
    min-height:50px;
    padding-top:5px;
    margin:0;
    position:fixed;
    top:62px;
    right:0;
    left:0;
    z-index:9997 !important;
}
.vertical-menu .MasterPageHeader {
    min-height:50px;
    padding-top:5px;
    margin:0;
    position:fixed;
    top:0px;
    right:0;
    left:0;
    z-index:9997 !important;
}
.MasterPageHeader .row,
.MasterPageFooter .row {
	margin-right:0;
	margin-left:0;
}

.MasterPageFooter {
    margin:0;
    position:fixed;
    bottom:0;
    left:0;
    right:0;     
}

.UnsavedChanges:before {
	content: "\e101";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 4px;
	font-size: 15px;
	top: 2px;
	position: relative;
}

.HeaderIndicator {
	color:#F50202;
	padding:4px 9px 4px 2px;
	border:#fff;
	border-width:1.0px;
	border-style:solid;
	padding-left:9px;
	border-radius:4px;
	background-color:#fff;
	font-size:13px;
	display:inline-block !important;
	white-space:nowrap;
}

.vertical-menu .MenuBar .dropdown-menu{
    z-index:1!important;
    float:none!important;
    position:relative!important;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
    box-shadow: 0 0px 0px rgba(0,0,0,.175);
    background-color:#2D2C2C;
}
.vertical-menu .MenuBar .dropdown-menu>li>a{
    color:#B8B8B8;
}
.vertical-menu .MenuBar .dropdown-menu>li>a:focus,
.vertical-menu .MenuBar .dropdown-menu>li>a:hover {
  color: #fff!important;
  text-decoration: none;
  background-color: #1B1B1B!important;
}
.vertical-menu .MenuBar .dropdown-submenu > a.submenu-expanded{
    color: #fff;
    text-decoration: none;
    background-color: #1B1B1B;
}
.vertical-menu .MenuBar .collapse.navbar-collapse{
    overflow: auto!important;
    width: 100%;
    height:calc(100% - 60px)!important;
}
.vertical-menu .MenuBar .dropdown-submenu > a:after{
    border-left-color: #fff;
}
.vertical-menu .MenuBar .dropdown-submenu .dropdown-menu{
    padding-left:20px;
}
.vertical-menu .MenuBar .navbar-right{
    float:left!important;
}
.vertical-menu .navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
}
.vertical-menu .MenuBar .dropdown-menu > li > a {
  padding: 10px 20px 10px 15px!important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-menu .navbar{
    border-radius:0px;
    border:none;
}
.vertical-menu .navbar-nav.scrollable{
    margin-left:0px;
}
.vertical-menu .navbar-collapse{
    padding-right:0px;
    padding-left:0px;
}
.clms-pop-up.loading-pop-up, .ui-front-dialog {
   margin-top:-30px !important;
}

.app-icon-for-menu {
	color: white;
	float: left;
	font-size: 25px;
	top: 18px;
	margin-left: 15px;
}

.app-img-for-menu {
	float: left;
	max-height: 50px;
	margin-top: 5px;
	margin-left: 15px;
}
@media screen and (max-width: 768px){
    .vertical-menu .MenuBar {
        right:0;
        bottom:auto;
        width:auto!important;
        height:auto!important;
    }
    .vertical-menu .sidebar-toggler{
        display:none;
    }
    .vertical-menu .navbar-header{
        background:transparent;
    }
    .vertical-menu .collapse.navbar-collapse:not(.in){
        height:0px!important;
    }
    .vertical-menu #SiteContent{
        left:0px!important;
    }
    .vertical-menu .MenuBar .dropdown-menu > li > a {
        padding: 10px 20px 10px 31px!important;
    }
    .vertical-menu .nav>li>a {
        padding: 10px 24px;
    }
}