@font-face {
    font-family: BrowserAssets;
    src: url(/content/BroMDL2.1.28.ttf);
    src: url(/content/BroMDL2.1.28.woff);
}

.col-xs-6#wizardNavWrapper { 
    background-color: #f1f1f2; 
    position: fixed;
    z-index: 7;
    overflow: auto;
    padding: 0px 0px 16px 0px;
    width: 300px;
    border-right: solid 1px #e5e5e5;
    top: 48px;
    height: calc(100% - 48px);
    word-wrap: break-word; 
    word-break: break-all; 
    word-break: break-word;
}

/* Override for Registration page Steps */
.wizard-steps { padding-top: 23px; }
.wizard-steps ul li { height: 40px; padding: 8px 16px 0px 16px; margin: 0px; }

.noLeftNav .devcenter-nav ul { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }

#appInfoDesktop, #bundleInfoDesktop { display: block; }
#appInfoMobile, #bundleInfoMobile{ display: none; }
#appInfoMobile:focus .navAppName span, #bundleInfoMobile:focus .navAppName span { outline: 1px dotted;  }

.devcenter-nav-title { display: none; }
.devcenter-nav-title:focus span { outline: 1px dotted;  }

.navApp { display: table; margin-bottom: 20px; padding: 0px 16px; }
.navApp .navAppIcon { 
    height: 36px; 
    width: 36px; 
    margin-right: 16px;
    display: inline-block;
    background-color: #d3d5d6;  
    word-wrap: break-word;
}
.navApp .navAppIcon.hasIcon { background-color: transparent; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAH0lEQVQYlWPYtGnTf3R86NAhDMwwFBRiE8SmeSgoBAA3kj2k/B3URwAAAABJRU5ErkJggg==) repeat;}
.navApp .navAppIcon img { height: 36px; width: 36px; }
.navApp .navAppName { 
    font-family: "Segoe UI Semibold", "Segoe UI Web Semibold", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: table-cell; 
    vertical-align: middle; 
    font-size: 18px; 
    color: #000000; 
    width: 100%; 
}
.dashboard .navApp .navAppName { vertical-align: top; }
.navApp .navAppName span { 
    position: relative; 
    display: inline-block; 
    line-height: normal; 
    min-height: 1em; 
    max-height: 2.8em; 
    overflow: hidden; 
    width: 100%; 
}
.navApp .chevron { display: none; }

.devcenter-nav ul { border-bottom: none; padding: 0px; margin: 0px; }
.devcenter-nav li {
    list-style-type: none;
    margin: 0px;
    word-wrap: break-word;
    word-break: normal;
}

.devcenter-nav > ul > li:first-child { margin-top: 0px; padding-top: 0px; }

.devcenter-nav li a div { display: inline-block; }
.devcenter-nav li a { display: block; padding: 8px 16px 8px 16px; height: auto; min-height: 40px; color: #000000; text-decoration: none; }
.devcenter-nav li a:hover, .devcenter-nav li a:focus { background-color: #f7f7f7; outline: none; }

.devcenter-nav ul li > ul li a { padding-left: 32px; }
.devcenter-nav ul ul ul li a { padding-left: 48px; }
.devcenter-nav ul ul ul ul li a { padding-left: 64px; }
.devcenter-nav ul ul ul ul ul li a { padding-left: 80px; }
.devcenter-nav ul ul ul ul ul ul li a { padding-left: 96px; }
.devcenter-nav ul ul ul ul ul ul ul li a { padding-left: 112px; }
.devcenter-nav ul ul ul ul ul ul ul ul li a { padding-left: 128px; }

.devcenter-nav-backlink,  .devcenter-nav .subLink { display: none; }

.devcenter-nav a.active, .dashboard .devcenter-nav a:link.active{ font-weight: 600; background-color: #fff; }
.devcenter-nav a.expanded, .dashboard .devcenter-nav a:link.expanded { font-weight: 600; background-color: transparent; }
.devcenter-nav ul li > ul li a.active, .devcenter-nav  ul li > ul li a:link.active{ background-color: #fff; font-weight: normal;}
.devcenter-nav ul li > ul li a.expanded, .devcenter-nav  ul li > ul li a:link.expanded { font-weight: normal; }

.devcenter-nav .win-icon { vertical-align: baseline; }

.dashboard .devcenter-nav li a .icon-win-ChevronDown, .dashboard .devcenter-nav li a .icon-win-ChevronUp {
    font-size: 10px;
    float: right;
    font-weight: 600;
}
.devcenter-nav .icon-win-ChevronDown:before { 
    font-family: BrowserAssets; 
    content: "\E70D"; 
    position: relative; 
    top: 3px; 
}
.devcenter-nav .icon-win-ChevronUp:before { 
    font-family: BrowserAssets; 
    content: "\E70E";
    position: relative; 
    top: 3px; 
}
.icon-win-Back:before { 
    font-family: BrowserAssets; 
    content: "\E72B";
    display: inline-block;
    position: relative; 
    top: 2px; 
    font-size: .9em;
    padding-right: 5px;
}

.leftMenu a .icon-win-Back { display: inline-block; word-break: normal; }

@media (max-width: 898px) {
    #appInfoDesktop, #bundleInfoDesktop { display: none; }
    #appInfoMobile, #bundleInfoMobile { display: block; height: 48px; }

    .dashboard .devcenter-nav a { padding-left: 16px; }

    .devcenter-nav-title { 
        display: block; 
        min-height:48px; 
        margin-bottom: 0px; 
        background-color: #F2F2F2; 
        cursor: pointer; 
    }
    .devcenter-nav-title span { 
        display: inline-block;
        padding-top: 14px;
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap;
        color: #000000;
        width: auto;
        padding-left: 20px;
    }
    .devcenter-nav-title .chevron { 
        float: right; 
        top: 0px;
        display: inline-block; 
        width: 48px;
        height: 48px;
        color: #000000;
        background-color: #E6E6E6;
        text-align: center;
        padding-top: 14px;
    }

    .navApp { 
        height: 48px; 
        margin-bottom: 0px; 
        border-bottom: solid 1px #e9e9e9; 
        padding: 0px;
        background-color: #F2F2F2; 
        cursor: pointer; 
        line-height: normal; 
    }
    .navApp .navAppIcon { 
        display: block; 
        height: 48px; 
        width: 48px; 
        margin-right: 1em; 
        margin-left: 0px; 
    }
    .navApp .navAppIcon img { height: 48px; width: 48px; vertical-align: auto; vertical-align: initial; }
    .navApp .navAppName { font-size: 16px; height: 48px; }
    .dashboard .navApp .navAppName { vertical-align: middle; }
    .navApp .navAppName span { 
        display: inline-block;
        height: auto; 
        min-height: initial;
        max-height: initial;
        color: #000000;
        overflow: initial;
    }
    .navApp .navAppName .showEllipses { display: none; }
    .navApp .navAppName span:before { display: none; }
    .navApp .navAppName span:after { display: none; }
    .navApp .chevron { 
        display: table-cell; 
        color: #000000; 
        float: right; 
        width: 48px;
        height: 48px;
        padding-top: 16px;
        text-align: center;
        background-color: #E6E6E6;
    }
    .navApp .chevron.icon-win-ChevronUp:before, .navApp .chevron.icon-win-ChevronDown:before { top: initial; }

    #contentWrapper > .row { margin: 0px; }
    .col-xs-6#wizardNavWrapper { 
        position: static;
        overflow: initial;
        padding: 0px;
        width: 100%; 
        border-right: none;
        top: auto;
        height: auto;
    }

    .devcenter-nav.mobileHide { display: none; }
    .devcenter-nav { 
        background-color: #ffffff; 
        border-bottom: solid 1px #e9e9e9; 
        visibility: visible;
    }
    .devcenter-nav .icon-win-Back:before { display: none; }
    .devcenter-nav ul { margin: 0px; padding: 0px; border-bottom: none; }
    .devcenter-nav li { padding: 0px; border-bottom: solid 1px #e9e9e9; }
    .devcenter-nav li a { padding: 10px 0px 10px 20px; height: auto; }
    .devcenter-nav li a.active, .devcenter-nav li a.active:link, .devcenter-nav li a.active:visited { color: #000000; }
    .devcenter-nav ul li > ul { border-bottom: 0px; border-top: solid 1px #e9e9e9; background-color: #F2F2F2; }
    .devcenter-nav ul li > ul li { margin-top: 0px; margin-left: 0px; border-bottom: 0px; }
    .devcenter-nav ul li > ul li > ul { border-top: none; }
    .devcenter-nav ul li > ul li:last-child { border-bottom: 0px; }
    .devcenter-nav ul ul li a { padding-left: 40px; }
    .devcenter-nav ul ul ul li a { padding-left: 60px; }
    .devcenter-nav ul ul ul ul li a { padding-left: 80px; }
    .devcenter-nav ul ul ul ul ul li a { padding-left: 100px; }
    .devcenter-nav ul ul ul ul ul ul li a { padding-left: 120px; }
    .devcenter-nav ul ul ul ul ul ul ul li a { padding-left: 140px; }
    .devcenter-nav ul ul ul ul ul ul ul ul li a { padding-left: 160px; }
    .devcenter-nav .icon-win-ChevronDown, .devcenter-nav .icon-win-ChevronUp { padding-right: 20px; font-size: 8pt; }

    a.subLink { margin-top: 0px; display: block; border-top: solid 1px #e9e9e9; }
}