/*********************************************************************************
 Copyright 2015-2018 Ellucian Company L.P. and its affiliates.
 **********************************************************************************/

#menuContainer{
    height:90%;
    display:none;
    min-width:27%;
    background-color: #FFFFFF;
    float:left;
    position:fixed;
    opacity: .99;
    z-index: 999;
    overflow-y:auto;
    border: 1px solid #81C8FF; /*EDS*/
    margin-top: 4px;
    border-top: none;
}

#menu   {
    height:100%;
    width:100%;
}

#bannerMenuDiv, #bannerMenu{
    height: inherit;
}

.menu-wrapper.hide,#menuContainer.hide {
    display:none;
}

.menu-wrapper.show, #menuContainer.show{
    display:block;
}

.menu-wrapper {
    background-color: #ffffff;
}

#menu ul {
    list-style-type: none;
    -webkit-padding-start: 0px;
    -webkit-margin-before: 0em;
    height:100%;
    margin-top:0px;
    margin:0px;
    padding:0px;
}

#menu ul>li {
    border-bottom: 1px solid #EEEEEF; /*EDS*/
}

#menu ul>li:first-child {
    background-color: #f7f7f7; /*EDS*/
}
#menu ul>li:focus {
    border: none;
}
.menu-item  {
    height:inherit;
    position: relative;
    display: block;
    padding: 0.5em;
}

#menu .menu-text    {
    display: inline-block;
}

#menu .menu-text, #menu .menu-subheader-text{
    letter-spacing: 2px;
    font-size: 1em;
    color: #151618; /*EDS*/
    font-family:"Open Sans";

}


#menu ul li:focus .menu-text, #menu ul li:focus .menu-subheader-text{
    color: #FFFFFF; /*EDS*/
    border: none;
}

#menu .menu-subheader-text  {
    margin-left:6%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#menu .menu-leaf-node{
    white-space:nowrap;
}

#menu ul li:hover{
    background-color: #F7F7F7; /*EDS*/
    cursor:pointer;
}

#menu ul li:focus{
    background-color: #026BC8; /*EDS*/
    cursor:pointer;
    color: #FFFFFF; /*EDS*/
    border: none;
}

#menu .menu-icon    { /*EDS*/
    background:url(images/arrow-right.svg) no-repeat center;
    float:right;
    margin-right: 0.5em ;
    display: inline-block;
}

#menu ul li:focus  .menu-icon { /*EDS*/
    background:url(images/eds/arrow-right-white.svg) no-repeat center;
    float:right;
    margin-right: 0.5em ;
    display: inline-block;
    border: none;
}

#menu ul li:focus .menu-back-icon    {
    background:url(images/eds/arrow-left-white.svg) no-repeat center center;
    float:left;
    border: none;
}


#menu .menu-back-icon    {
    background:url(images/arrow-left.svg) no-repeat center center;
    float:left;
}

#menu .menu-icon, #menu .menu-back-icon{
    background-size: 0.625em 1.125em;
    height:1.125em;
    width:0.625em;
}

.menu-wrapper a:link,.menu-wrapper a:visited,.menu-wrapper a:hover,.menu-wrapper a:active {
    margin:0px;
    padding:0px;
    text-decoration: none;
    color: #41566F;
}

/** Mobile **/
@media only screen
and (min-width:0px)
and (max-width:767px){
    #menuContainer   {
        height: 90%;
    }

    .menu-item{
        white-space: normal;
    }
    #menu .menu-back-icon, #menu .menu-icon {
        background-size:0.625em 0.9em;
        height:0.9em;
        padding-top:0.5em;
    }
}

@media only screen
and (min-width:0px)
and (max-width:767px)
and (orientation : landscape)   {
    #menuContainer   {
        min-width:50%;
    }
}

@media only screen
and (min-width:0px)
and (max-width:767px)
and (orientation : portrait)   {
    #menuContainer   {
        width: 100%;
    }
}

/*** Tablet ***/
@media only screen
and (min-width:768px)
and (max-width:1024px){
    #menuContainer   {
        height: 90%;
        min-width:40%;
    }
}