header { min-height: 50px; }
.menuRelativePosition { position: relative;}
.menuAbsolutePosition { position: absolute; top: 0px; width: 100%; }
.menuSpacer { width: 100%; height: 50px; min-height: 50px; }
.navbar-nav { flex-direction: row !important; }
.customnavbar { background: #343a40; border: none; }
.customnavbar .navbar-collapse .nav { margin: 3px 0 0 0;}
.customnavbar .navbar-collapse .nav li { margin: 0 26px 0 0; }
.ulSubMenu {padding:0 !important; list-style-type:none !important; margin-top: 0px !important;}

.menuItem:hover { color: #eae9e9 !important; text-decoration: none !important; }
.menuItem { color: #a6a6a6;}
.menuItem { display: block; }
.menuItem { font: 400 14px/14px 'Open Sans', sans-serif !important; }
.menuItem { padding: 0 0 0 0;} 
.menuItem { -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;}
.subMenuItem { -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;}
.menuItem { -moz-transition: color 0.1s ease-in, background 0.1s ease-in;} 
.menuItem { -ms-transition: color 0.1s ease-in, background 0.1s ease-in;} 
.menuItem { -o-transition: color 0.1s ease-in, background 0.1s ease-in;} 
.menuItem { transition: color 0.1s ease-in, background 0.1s ease-in; } 
.menuItem, .subMenuItem { background-repeat: no-repeat !important; }
.menuItem, .subMenuItem { white-space: nowrap !important; }
.menuItem:hover { background-position: left bottom !important; }
.menuItem { padding: 0 10px 0 25px !important; }
.subMenuItem:hover { background-position: 10px bottom !important; }
.subMenuItem { background-position: 10px 0 !important; }
.subMenuItem { color: #a6a6a6; display: block; font: 400 14px/14px 'Open Sans', sans-serif; margin: 0; padding: 0 10px 0 35px !important; }
.subMenuItem:hover { color: #eae9e9 !important; }

.customnavbar .navbar-collapse .nav li .dropDownDiv { display: none; left: 0; margin: 0; min-width: 160px; padding: 15px 0 0 0; position: absolute; top: 14px; width: auto; }
.customnavbar .navbar-collapse .nav li .dropDownDiv ul { background: #222; float: left; list-style: none; margin: 0; padding: 19px 0 10px 0; width: 100%; }
.customnavbar .navbar-collapse .nav li .dropDownDiv ul li { float: left; margin: 0 0 15px 0; padding: 0; width: 100%; }
.customnavbar .navbar-collapse .nav li:hover .dropDownDiv { display: block; }

/* 03.12.2018 start */
.hamMenuIcon { display: none; float: left; height: 40px; margin: 0; padding: 0; position: relative; width: 100%; }
.hamMenuIcon .menu-mobile { background: #343a40; transition: all .2s ease-out; display: block; float: left; height: 0; left: 0; overflow: hidden; position: absolute; top: 40px; width: 100%; z-index: 1; }
.hamMenuIcon .menu-mobile .navbar-collapse { border: none; box-shadow: none !important; display: block; float: left; margin: 0; padding: 10px 15px 0 15px; width: 100%; }
.hamMenuIcon .menu-mobile .navbar-collapse ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li a { color: #a6a6a6; display: block; font: 400 14px/14px 'Open Sans', sans-serif; }
.hamMenuIcon .menu-mobile .navbar-collapse { box-shadow: none !important; display: block; float: left; margin: 0; padding: 10px 15px 0 15px; width: 100%; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li.course a { background: url(Images/course-icon.png) no-repeat 0 0; padding: 0 0 0 24px; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li.zon a { background: url(Images/zon.png) no-repeat 0 0; padding: 0 0 0 24px; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li.broadcasting a { background: url(Images/broadcasting-icon.png) no-repeat 0 0; padding: 0 0 0 25px; }
.hamMenuIcon .menu-mobile .navbar-collapse ul li.logout a { background: url(Images/logout-icon.png) no-repeat 0 0; padding: 0 0 0 22px; }

@media screen and (max-width:991px) {
	.bg-dark { background: #343a40 !important; border: none !important; } 
	.navbar { padding: 0.5rem 0 !important; }
	.hamMenuIcon { display: block; }
	.hamMenuIcon #toggle { width: 46px; height: 40px; opacity: 0; border: none; margin: 0 0; position: absolute; top: 0px; right: 0px; z-index: 1000; float: right; padding: 9px 13px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; }
	.hamMenuIcon #toggle + label { position: relative; width: 20px; height: 1px; background: #fff; transition: all .2s ease-out; float: right; top: 20px; right: 13px; }
    .hamMenuIcon #toggle + label:after { content: ''; background: #fff; height: 1px; width: 100%; position: absolute; top: -4px; transition: all .2s ease-out; }
	.hamMenuIcon #toggle + label:before { background: #fff; content: ''; height: 1px; position: absolute; transition: all .2s ease-out; top: 4px; width: 100%; }
    .hamMenuIcon #toggle:hover + label{ color: #ae952e;}
    .hamMenuIcon #toggle:checked ~ .message { height: 150px; }
    .hamMenuIcon #toggle:checked + label:after { /*content:''; font-size: 16px;*/ }
    .hamMenuIcon #toggle:checked + label:before { transform: rotate(-45deg); }
    .hamMenuIcon #toggle:checked + label:after { transform: rotate(45deg); }
    .hamMenuIcon #toggle:checked + label:before, .hamMenuIcon #toggle:checked + label:after { top: 0px; }
    .hamMenuIcon #toggle:checked + label { background: transparent; }
    .hamMenuIcon #toggle:checked ~ .menu-mobile { display: block; height: auto; }
    .hamMenuIcon .menu-mobile .navbar-collapse .nav li .dropDownDiv { display: block; float: left; padding: 20px 0 0 20px; position: relative; top: 0; }	
    .hamMenuIcon .menu-mobile .navbar-collapse .nav li .dropDownDiv ul { padding: 0; }	
    .hamMenuIcon .menu-mobile .navbar-collapse .nav li .dropDownDiv ul li:last-child { margin: 0; }
}
/* 03.12.2018 end */
.mi { margin-left: 15px; }

.dullIcon { color: #a6a6a6; margin-right: 10px; }

.brightIcon { color: #eae9e9; margin-right: 10px; }

.ulSubMenu li { padding-top: 5px !important; padding-bottom: 5px !important; }

.ulSubMenu li i { width: 20px; }
.UserName { font: 400 14px/18px 'Open Sans', sans-serif !important; color: #a6a6a6; }
.ShowMenuNow .customnavbar { background: #222; height: 50px; margin-bottom: 0; padding: 0 21px; }
.ShowMenuNow .customnavbar { border: none; height: 50px; margin-bottom: 0; padding: 0; }
.ShowMenuNow .hamMenuIcon { display: none; height: 50px; }
.ShowMenuNow .hamMenuIcon .menu-mobile { background: #222; height: 40px; overflow: visible; top: 0; }
.ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse { padding: 17px 15px 0 15px !important; }
.ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse ul li { margin: 0 10px 0 0; position: relative; width: auto; }
.ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse ul li > div > .mi { background-position: 0 0; background-repeat: no-repeat; height: 14px; line-height: 14px; margin-left: 0; margin-right: 0; vertical-align: 0; width: 25px; }
.ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse ul li:hover > div > .brightIcon  { background-position: 0 bottom; background-repeat: no-repeat; height: 14px; line-height: 14px; margin-left: 0; margin-right: 0; vertical-align: 0; width: 25px; }
.ShowMenuNow .menu-mobile .navbar-collapse ul li a { font: 400 14px/18px 'Open Sans', sans-serif !important; padding: 0 10px 0 0 !important; }
.ShowMenuNow .menu-mobile .navbar-collapse .nav li .dropDownDiv { background: #343a40; min-width: 225px; top: 18px; }
.ShowMenuNow .menu-mobile .navbar-collapse .nav li .dropDownDiv .ulSubMenu { padding: 10px 10px !important; }
.ShowMenuNow .menu-mobile .navbar-collapse .nav li .dropDownDiv ul li { margin: 0; }
.ShowMenuNow > .navbar > .container { /*display: none;*/ }
.ShowMenuNow > .navbar > .container .navbar-collapse  { /*background: #343a40;*/ border: none; }
.ShowMenuNow > .navbar > .container .navbar-collapse > .nav { margin: 3px 0 0 0; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li { height: 50px; margin: 0 10px 0 0; position: relative; padding-top: 14px; width: auto; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li > div > .mi { background-position: 0 0; background-repeat: no-repeat; height: 14px; line-height: 14px; margin-left: 0; margin-right: 0; margin-top: 2px; vertical-align: 0; width: 25px; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li:hover > div > .brightIcon  { background-position: 0 bottom; background-repeat: no-repeat; height: 14px; line-height: 14px; margin-left: 0; margin-right: 0; vertical-align: 0; width: 25px; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li a { font: 400 14px/18px 'Open Sans', sans-serif !important; padding: 0 10px 0 0 !important; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav > li:hover > a { color: #fff; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li:hover .dropDownDiv { display: block; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv { background: #343a40; float: left; min-width: 225px; padding: 0; top: 46px; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv .ulSubMenu { background: none; padding: 10px 10px !important; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv ul li { height: auto; margin: 0; padding: 0; width: 100%; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv ul li a:hover { color: #fff; }
.ShowMenuNow .menu-mobile .navbar-collapse .nav li .dropDownDiv { background: #343a40; min-width: 225px; }
.ShowMenuNow > .navbar > .container .navbar-collapse { /*background: #343a40;*/ border: none; display: block; }
.ShowMenuNow > .navbar > .container .navbar-collapse > .nav { float: left; margin: 0 0 0 0; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li { margin: 0 10px 0 0; position: relative; width: auto; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv { background: #343a40; float: left; min-width: 225px; padding: 0; top: 50px; }
.ShowMenuNow > .navbar > .container .navbar-collapse .nav li .dropDownDiv ul li { margin: 0; width: 100%; }

@media screen and (max-width:991px) { 
	.ShowMenuNow .hamMenuIcon { display: block; }
    .ShowMenuNow .hamMenuIcon .menu-mobile { background: #222; display: none; height: auto; top: 45px; }
    .ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse { max-height: none; }
    .ShowMenuNow .hamMenuIcon .menu-mobile .navbar-collapse ul li { margin: 0 0 10px 0; width: 100%; }
    .hamMenuIcon .menu-mobile .navbar-collapse .nav li .dropDownDiv { padding: 0 !important; top: 0; width: 100%; }
    .ShowMenuNow > .navbar > .container { display: none; }
}ShowMenuNow > .navbar > .container { display: none; }
}