/********************************/
/********** LEFT NAV ************/

div#s4-workspace div#sideNavBox div.leftMenu-box {
    width: 260px;
    padding: 0;
}

    div#s4-workspace div#sideNavBox div.leftMenu-box > div > div.panel {
        margin-bottom: 0 !important;
    }

div#s4-workspace div#sideNavBox div.leftMenu-item-row-outer {
    display: block;
    width: 258px;
}

div#s4-workspace div#sideNavBox div.leftMenu-item-row {
    display: block;
    width: 100%;
}

div#s4-workspace div#sideNavBox a.Indent0 {
    padding-left: 10px;
}

div#s4-workspace div#sideNavBox a.Indent1 {
    padding-left: 15px;
}

div#s4-workspace div#sideNavBox a.Indent2 {
    padding-left: 20px;
}

div#s4-workspace div#sideNavBox a.Indent3 {
    padding-left: 25px;
}

div#s4-workspace div#sideNavBox a.Indent4 {
    padding-left: 30px;
}

div#s4-workspace div#sideNavBox a.Indent5 {
    padding-left: 35px;
}

div#s4-workspace div#sideNavBox a.Indent6 {
    padding-left: 40px;
}

div#s4-workspace div#sideNavBox a.leftMenu-item-expander {
    display: table-cell;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 12px;
    width: 22%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

div#s4-workspace div#sideNavBox a.leftMenu-item-expander {
    font-size: 12px;
    font-weight: normal;
    color: #A3A5A8;
}

    div#s4-workspace div#sideNavBox a.leftMenu-item-expander:hover {
        background-color: #1BB0DF;
        color: white !important;
    }

div#s4-workspace div#sideNavBox a.leftMenu-item-parent {
    display: block;
    width: 100% !important;
}

    div#s4-workspace div#sideNavBox a.leftMenu-item-parent > span {
        width: 78%;
        display: block;
    }

div#s4-workspace div#sideNavBox {
    display: none;
    visibility: hidden;
    width: 23%;
    margin-left: 1% !important;
    margin-right: 1% !important;
    margin-bottom: 10px;
    background-color: #E8EAE8 !important; /* This intentionally contradicts the spec'd color code, as per request by mgt. */
    /*background-color: #DFE0DE !important;*/
    border-top: 1px solid #DFE0DE;
    border-left: 1px solid #DFE0DE;
    border-right: 1px solid #DFE0DE;
}

    div#s4-workspace div#sideNavBox div,
    div#s4-workspace div#sideNavBox div ul,
    div#s4-workspace div#sideNavBox div ul li {
        width: 100%;
        position: relative;
    }

        div#s4-workspace div#sideNavBox div ul li {
        }

            div#s4-workspace div#sideNavBox div ul li a {
                padding-right: 0;
                display: block;
                border-bottom: 1px solid #DFE0DE;
            }

    div#s4-workspace div#sideNavBox ul li {
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    div#s4-workspace div#sideNavBox a.leftMenu-item {
        display: inline-block;
        min-height: 42px;
        font-size: 14px;
        font-family: MuseoSans300;
        font-weight: bold;
        color: #383A42;
        width: 100%;
        padding-top: 11px;
        padding-bottom: 10px;
        text-decoration: none;
    }

    div#s4-workspace div#sideNavBox a[style*="padding-left: 30"].leftMenu-item {
        text-decoration: none;
        background-color: #F4F4F3; /* This intentionally contradicts the spec'd color code, as per request by mgt. */
        /*background-color: #E7E8E6;*/
    }

    div#s4-workspace div#sideNavBox a[style*="padding-left: 45"].leftMenu-item {
        text-decoration: none;
        background-color: white;
    }

    div#s4-workspace div#sideNavBox a.selected {
        background-color: #00A6D2 !important;
        color: white !important;
        font-family: MuseoSans300;
        font-weight: bold !important;
        text-decoration: none;
    }

    div#s4-workspace div#sideNavBox a.leftMenu-item:hover {
        background-color: #0D7E9E !important;
        color: white !important;
        font-weight: bold !important;
    }

@media screen and (max-width: 749px) {
    /* SideNav / LeftNav responsive stretcher */
    div#s4-workspace div#sideNavBox {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    div.contentPage-content-area {
        width: 100% !important;
    }
    div#s4-workspace div#sideNavBox ul, div#s4-workspace div#sideNavBox li {
        width: 100% !important;
        display: block;
    }
        div#s4-workspace div#sideNavBox li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {
            display: none !important;
        }
}

/* Added to fix side nav issue (FD#2123) which meant that when clicking on white space next to an item  
   in the left navigation menu it would NOT take the user to the corresponding page.  The user would have
   to click on the text itself, or just above or below the white space.
   Root cause for this was the parent A element being set to display:block which seems to affect inline 
   child elements.
*/

@media screen and (max-width: 1200px) {
div#s4-workspace div#sideNavBox a.leftMenu-item span.menu-item-text {
    line-height:1.4 !important;
}
}

div#s4-workspace div#sideNavBox a.leftMenu-item span.menu-item-text {
    display: block;
}