.app-content {
    max-width:1090px;
    margin:40px auto 85px auto;
}

.app-content .box:last-child {
    margin-bottom:0;
}

.app-content-header {
    padding-bottom:50px;
}

.app-content-header-separator {
    display:block;
    border:0;
    background:0;
    border-top:1px #d9d9d9 solid;
    margin:30px 0;
    clear:both;
}

.app-content-header-separator:last-child {
    margin-bottom:0;
}


.app-content-header nav a.active, 
.app-content-header nav a.active:hover {
    /*color:#609f43;*/
    color:#222;
    font-weight:700;
}

.app-content-header [class$=-nav] a {
    color:#606060;
}

.app-content-header [class$=-nav] .dropdown-menu {
    left:-18px;
}

.app-content-header nav.push-right {
    padding-top:7px;
}

.app-content-header .dropdown-menu a {
    font-size:12px;
}



/* Primary Nav */

.app-content-header .primary-nav {
    font-size:18px;
    float:left;
}

.app-content-header .primary-nav .dropdown > a {
    display:inline-block;
    vertical-align:middle;

    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAm9JREFUeNrElzuLWlEQx2d1czWgdkJ8NMoiPtAmKqSwsrMyspvC1jYpksJl06jNEjZF0qT0E7gkmw8gpFZDQEEtglpsfGCnNhrUzP9yDYvcrNflevOH8XE8zO+e45w5M0f5fJ5kJLAlJXvGZpfGlGjGdsv2g+0L29dcLrfYnnQkA37OdhUIBE68Xi85nU4ym82k1+sVUReLBU0mExoOh9RqtajZbP7k4XOGf/4XGJ4vGZaNRCLkdrtJDXU6HarVaniIK/76lh9gifHjO3Muo9FoNh6PkyAIpJawAGnXspVKBUPneNFJv5/6/X7VoX8Dhn3CNxiFQuF0AwbpQzgcPgj0LhwM1keGCwCfBYNBp8vlokMLjFAo5OCPLwBOInq1ksRKAhxxOByage12pAQKA/zEZDJpBpZYNoANSpODGpJYgo7+k46VTpzP56LtksViURdcLBZpPB7vnJdKpYiP5855irc6FovtnGO1Wsnj8SjypxiMVSQSiXuhmUyGDAaDumAIt5YcfF/o3mA5+EOgewXXNtxoNIr3bDqd3hv6YPDmP1cSvfdt9RTlilZaLsUCZAHwYDqdagaezVAL0gDg+mg00gzc7/fxVgP4pt1uawaWWDcAlxqNxm2v1zs4FIx6vf4LTIARWW+q1SodMsjgGwzWay5x55sEUuLC+325XKb1eq06FD7hGwyGlrbP8QXXvY85wl8iQahV/HW7XTHRMPQTGHIJBAfsFVf839jecXI48fl8ZLPZxDtWp1OWXVerldjCDAYDsYXh+EELc8Ervd7VO22atjOpj3rKhmrwkcJF/mZDAH2XmraSXNP2R4ABAAQ53rXeujIEAAAAAElFTkSuQmCC') /*../../images/caret2-dark.png*/;
    background-size:15px 15px;
    background-position:right 64%;
    padding-right:30px;

    max-width:470px;

    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

/*.app-content-header .primary-nav .dropdown > a:hover {
    background-image:url(../../images/caret2-dark.png);
}*/

.app-content-header .primary-nav a {
    color:#bbb;
    margin-left:40px;
    font-weight:700;
}

.app-content-header .primary-nav a:hover {
    color:#888;
}

.app-content-header .primary-nav a:first-child {
    margin-left:0;
}

.app-content-header .primary-nav a.active, 
.app-content-header .primary-nav a.active:hover {
    color:#222;
    font-size:21px;
    
}


.app-content-header .primary-nav .dropdown-content {
    left:-20px;
    min-width:300px;
}

.app-content-header .primary-nav .dropdown-content a {
    font-size:13px;
    font-weight:500;
    color:#606060;
    display:block;
    margin-left:0;
    padding-top:15px;

    max-width:250px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.app-content-header .primary-nav .dropdown-content a:first-of-type {
    padding-top:0;
}

.app-content-header .primary-nav .dropdown-content .website-list {
    max-height:320px;
    overflow-y:auto;
}


.app-content-header .btn-back {
    background-color:#fefefe;
    border:1px #d0d0d0 solid;
    width:25px;
    height:25px;
    background-size:11px 11px;
    border-radius:100%;
}



/* Secondary Nav */


.app-content-header .secondary-nav {
    float:right;
    padding-top:7px;
}

.app-content-header .secondary-nav:first-child {
    float:none;
    display:table;
    margin:auto;
}

.app-content-header nav.secondary-nav:first-child a {
    margin-left:80px;
}

.app-content-header .secondary-nav:first-child a:first-child {
    margin-left:0;
}


.app-content-header a:not([class*=btn]):hover {
       color:#222;
}

.app-content-header .primary-nav + nav.push-right .dropdown {
    margin-left:10px;
}

.app-content-header .secondary-nav .dropdown > a:not([class*=btn]) {
    font-size:15px;
}

.app-content-header .secondary-nav > a:not([class*=btn]) {
    font-size:15px;
    margin-left:40px;
}


.app-content-header .secondary-nav .dropdown-menu a {
    margin-left:0;
    font-size:12px;
}

.app-content-header .dropdown-permissions {
    margin-right:10px;
    
}

.app-content-header .dropdown-permissions .dropdown-content {
    left:-100px;
}

.app-content-header .dropdown.dropdown-permissions .dropdown-content:before {
    left:155px;
}

.app-content-header .dropdown-permissions .dropdown-content a:hover {
    color:#1e7d9d;
}

.app-content-header .btn-search {
    margin-left:10px;
}

.app-content-header .dropdown-permissions .dropdown-content:before {
    left:90px;
}

.app-content-header .change-view {
    margin-left:20px;
}

.app-content-header .change-view .dropdown-menu {
    left:-60px;
}

.change-view .dropdown-menu:before {
    left:60px;
}

.change-view .dropdown-menu {
    min-width:70px;
}

.change-view .dropdown-menu a {
    margin-left:0 !important;
}


/* Tertiary Nav */

.app-content-header .tertiary-nav {
    clear:both;
    width:100%;
}

.app-content-header .tertiary-nav a:not([class*=btn]) {
    margin-left:0;
}

.app-content-header .tertiary-nav .dropdown, 
.app-content-header .tertiary-nav .center > a {
    margin-left:80px;
}

.app-content-header .tertiary-nav .center > a:first-child {
    margin-left:0;
}

.app-content-header .tertiary-nav .dropdown:first-child {
    margin-left:0;
}

.app-content-header .tertiary-nav .dropdown-menu {
    min-width:170px;
}







/* Responsive Content ----------------------------------------------------- */


.mobile-settings-menu {
    display:none;
}


@media(max-width:1200px) {

    .app-content {
        max-width:initial;
        margin-top:0;
        width:100%;
        padding:35px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom:35px;
        
    }
}

@media(max-width:1040px) {

    .app-content-header .primary-nav {
        float:none;
        text-align:center;
        position:relative;
        left:-10px;
        
    }

    .js-toggle-favorites {
        left:auto !important;
    }

    .app-content-header .primary-nav.push-left {
        float:left;
        position:static;
    }

    .app-content-header .primary-nav .dropdown {
        max-width:75%;
        display:inline-block;
    }

    .app-content-header .primary-nav .dropdown > a {
        max-width:100%;
    }

    .app-content-header .secondary-nav, .app-content-header nav.push-right {
        float:none;
        padding-top:25px;
        display:table;
        margin:auto;
    }

    .app-content-header .secondary-nav:only-child, .app-content-header nav.push-right:only-child {
        padding-top:0;
    }
    
    /*.app-content-header nav.push-right > span.padding-left-35 {
        display:none;
    }*/

    .app-content-header .secondary-nav a:first-child {
        margin-left:0;
    }


}

@media(max-width:830px) {

    .app-content-header .tertiary-nav {
        display:none;
    }

    .mobile-settings-menu {
        display:inline-block;
        margin-left:40px;
    }

    .mobile-settings-menu + a {
        display:none;
    }

    .mobile-settings-menu .dropdown-menu {
        min-width:130px;
    }

    .app-content-header .secondary-nav .mobile-settings-menu a {
        display:block;
        margin-left:0 !important;
    }

    .app-content-header-separator {
        display:none;
    }

}



@media(max-width:550px) {

    .app-content-header .primary-nav > a {
        font-size:16px !important;
    }

    .app-content-header {
        padding-bottom:35px;
    }

    .app-content-header .secondary-nav a {
        font-size:13px !important;
        margin-left:25px !important;
    }

    .app-content-header .secondary-nav a:first-child {
        margin-left:0 !important;
    }

    .box-header b + span {
        display:block;
        margin-bottom:10px;
        /*padding-bottom:15px;
        border-bottom:1px #e2e2e2 solid;*/
    }

    .app-content {
        margin-bottom:35px;
        padding:35px 15px;
    }

    .mobile-settings-menu {
        margin-left:25px;
    }

    .app-content-header .mobile-settings-menu .dropdown-menu {
        left:-110px !important ;
    }

    .app-content-header .mobile-settings-menu .dropdown-menu:before {
        left:auto;
        right:35px
    }


    .app-content-header .primary-nav .dropdown-content {
        left:-20px;
        min-width:250px;
    }

    .js-toggle-favorites a {
        display:inline-block;
        vertical-align:top;

    }

    .js-toggle-favorites a > span {
        display:block;
        font-size:13px;
        margin-top:5px;
        font-weight:500;
    }


}