.navbar {
    /*height:45px;*/
    /*min-height:45px;
    min-width:550px;*/
    min-height:unset;
    margin:0;
    background:url(Image/TaskManager/HeaderMenu-BG.jpg);
    background-size: contain;
    border:2px outset #ebebeb;
    border-bottom:0;
}

/*#region navbar Inner*/

.navbar-header-CustomerNameAndVersion {
        color: #ffffff;
        margin-top : 10px;
        /*margin-right:10px;*/
    }
#MenuIdentity{
    height:23px;
    margin-top : 3px;
    float:left!important;
    /*margin-left:20px;*/
    color : black;
    border:0;
    background:none;
    width:100%;
    min-width:118px;
}
    #MenuIdentity > li{
        background-color:#e0dada;
        border:2px inse;
        border-radius : 30px;
        width:100%;
    }
    #MenuIdentity > li > .k-link {
        padding:3px 10px 0 5px;
    }
        #MenuIdentity > li > .k-animation-container {
            width:100%!important;
            padding:0!important;
            left:-3px!important;
            right:-2px!important;
            margin:-3px 0!important;
        }
    #MenuIdentity > .k-state-border-down{
        border-radius:12px 12px 0 0;
    }

        #MenuIdentity > li:hover {
            background-color:#e0dada;
        }

    #MenuIdentity > li .k-icon {
        margin:2px 0 0 0;
        float:left;
    }

    #MenuIdentity > li  ul{
        border-radius:0 0 3px 3px;
        width:100%;
    }

    #MenuIdentity > li li {
        /*width:170px;*/
        background-color:#3e454f;
        color:white;
    }
    #MenuIdentity > li li .k-link:hover {
        background-color:#454c58;
        color:white;
        text-decoration:underline;
    }

.navbar-header-CustomerLogo{
    width:35px;
    height:35px;
    margin-top : 2px;
    padding:0;
    margin-right:2px;
    border-radius: 5px;
}

/*#endregion */

/*#region MenuButton*/
.navbar #MenuButton{
    position: absolute;
    float: left;
    padding: 11px 6px;
    /*margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;*/
    top:5px;
    left:5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid white;
    border-radius: 4px;

}

.navbar #MenuButton > .icon-bar{
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 1px;
    background-color: white;
    position: relative;
}
.navbar #MenuButton > .icon-bar:before, .navbar #MenuButton > .icon-bar:after {
    display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  background: inherit;
  left: 0;
  content: '';
}
.navbar #MenuButton > .icon-bar:before{
    bottom: 230%;
}
.navbar #MenuButton > .icon-bar:after{
    top: 230%;
}

/*#endregion MenuButton*/


/*#region Quick Search */
.navbar #QSearchBox {
    position: absolute;
    float: left;
    /*margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;*/
    top:5px;
    left:40px;
    background-color: transparent;
    background-image: none;
}
/*.navbar .SearchButton{
    float: left;
    /*margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid white;
    border-radius: 4px;
	padding-bottom:3px;
	padding-top:3px;
}*/

.navbar #callCenterBox {
    position: absolute;
    /*float: left;*/
    top: 5px;
    left: 80px;
    background-color: transparent;
    background-image: none;
}
/*.navbar #callCenterBox > .SearchButton{
    display: block;
    padding-right:4px;
    padding-left:4px;
    height: 26px;
	background-size: cover;
    position: relative;
    background-color: white;
}*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: inherit !important;
    right: 90% ;
    margin-top: -1px;
}

    /*.navbar #callCenterBox > .SearchButton > span {
    font-size:16px;
    color:#ff0000;
    }

     .navbar #callCenterBox > .SearchButton > span.callCenterWarning {
            color: orange !important;
    }

    .navbar #callCenterBox > .SearchButton > span.callCenterOn{
    color:green !important;
    }

    .navbar #callCenterBox > .SearchButton > span.callCenterOnRest{
    color:blue !important;
    }

.navbar #QSearchBox > .SearchButton > .icon-bar{
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("Image/TaskManager/QuickSearckIcon.gif") ;
	background-size: cover;
    position: relative;
}*/


.navbar #QSearchBox > input{
  height: 26px;
  text-align:right;
  display: inline-block;
  border: none;
  outline: none;
  color: white;
  padding: 3px;
  padding-left: 28px;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

.navbar #QSearchBox > input:focus {
  width: 160px;
  z-index: 1;
  border-bottom: 1px solid white;
  cursor: text;
  background-color: rgba(59, 66, 76, 0.4);
}
/*#endregion */

/*#region MenuSlider */




.menu {
    left: 0;
    top: 0;
    z-index: 10;
    padding:10px;
}
.menu > div{
        /*margin-top: 15px;*/
        font-weight:bold;
}
.menu--off {
  position: fixed;
  left: -150%;
  width: auto;
  
  display: block;
  background: #3b424c;
  /*min-height: 400px;*/
  transition: all 300ms;
  /*overflow-y:hidden;*/
  height:100%;
}

.Master-SlideMenu {
    width:200px;
}
.menu--on {
  left: 0;
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
  transition: all 300ms;
}
.UserInfo{
    border: solid 3px white;
    border-radius:7px;
    margin-bottom:7px;
    padding:5px;
}
.UserInfo div{
    color:white;
    padding:5px;
}
.UserInfo img{
    width:50px;
    height:50px;
    float:left;
}

.menu .callCenterIcon{
    font-size:11pt;
}


/*#endregion */

