/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body { padding-top: 64px; }

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

.navbar-fixed-top { border: 0; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */

.sidebar { display: none; }

@media (min-width: 768px) {
    .sidebar {
        /*margin-top:-65px;*/
        position: fixed;
        top: 65px;
        bottom: 0;
        left: 0;
        z-index: 1030;
        display: block;
        padding: 0px 6px 0px 12px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #404B51;
    }
}

.sidebar li a {
    color: #A6ACB0;
    font-size: 16px;
    font-family: 'roboto_condensedregular', sans-serif;
}

.sidebar li a:hover {
    color: #ffffff !important;
    font-family: 'roboto_condensedregular', sans-serif;
}

.sidebar hr { color: #949CA0; }

/* sidebarstyle is for a navbar, only visible in xs*/

.sidebarstyle {
    background-color: #404B51;
    margin-bottom: 10px;
}

.navbar.navbar-default.sidebarstyle {
    color: #A6ACB0;
    font-size: 16px;
    font-family: 'roboto_condensedregular', sans-serif;
}

.navbar.navbar-default.sidebarstyle a:hover {
    color: white;
    font-family: 'roboto_condensedregular', sans-serif;
}


.title.a {
    color: white;
    font-family: 'roboto_condensedregular', sans-serif;
    font-size: 16px;
    text-align: left;
}

/* Sidebar navigation */

.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: white;
    background-color: #428bca;
}


/*
 * Main content
 */

@media (min-width: 1466px) {
    .main {
        padding-right: 0px;
        padding-left: 0px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1336px)   and (max-width: 1465px) {
    .main {
        padding-right: 0px;
        padding-left: 25px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1300px)   and (max-width: 1335px) {
    .main {
        padding-right: 0px;
        padding-left: 45px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1276px)   and (max-width: 1299px) {
    .main {
        padding-right: 0px;
        padding-left: 50px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1220px)   and (max-width: 1275px) {
    .main {
        padding-right: 0px;
        padding-left: 55px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1201px)   and (max-width: 1219px) {
    .main {
        padding-right: 0px;
        padding-left: 65px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 1136px)  and (max-width: 1200px) {
    .main {
        padding-right: 0px;
        padding-left: 60px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 992px)  and (max-width: 1135px) {
    .main {
        padding-right: 0px;
        padding-left: 80px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 941px) and (max-width: 991px) {
    .main {
        padding-right: 0px;
        padding-left: 25px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 865px) and (max-width: 940px) {
    .main {
        padding-right: 0px;
        padding-left: 35px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 826px) and (max-width: 865px) {
    .main {
        padding-right: 0px;
        padding-left: 45px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (min-width: 767px) and (max-width: 825px) {
    .main {
        padding-right: 0px;
        padding-left: 65px;
    }

    .main-app-container .main { padding: 0px !important; }
}

@media (max-width: 767px) {
    .main { padding: 0px !important; }
}

.main .page-header { margin-top: 0; }