@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

body {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.MsoNormal {
    margin-top: 0px;
    margin-bottom: 0px;
}

.app .app-header.app-header-design-default {
    background: #fff;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.app .app-navigation-horizontal {
    background-color: #333333;
    background: #333333;
    border-color: #333333;
}

.app .app-footer.app-footer-default {
    background-color: #fff;
    background: #fff;
}

    .app .app-footer.app-footer-default a {
        color: #333333;
    }

    .app .app-footer.app-footer-default:after {
        background: #fff;
    }

    .app .app-footer.app-footer-default .app-footer-line.darken {
        background: #fff;
        background-color: #fff;
    }

.app-navigation.app-navigation-style-default {
    background: #333333;
}

    .app-navigation.app-navigation-style-default nav > ul > li a {
        background: #333333;
        color: #fff;
        text-shadow: none;
        font-weight: 400;
        font-size: 14px;
    }

    .app-navigation.app-navigation-style-default nav > ul > li {
        /* Line seperator between leftbar items*/
        border-bottom: 1px solid #666;
    }

        .app-navigation.app-navigation-style-default nav > ul > li.openable.open > a {
            /* leftbar item background when open - parent only*/
            background: #333333;
            color: #fff;
        }

        .app-navigation.app-navigation-style-default nav > ul > li ul > li > a {
            /* leftbar item background when open childrens*/
            background: #333333;
            font-weight: 400;
            font-size: 14px;
        }

            .app-navigation.app-navigation-style-default nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-default nav > ul > li ul > li > a.active {
                /* leftbar item background when over*/
                color: #fff;
                background: #666;
            }


        /* over colors on leftbar 1st level items*/

        .app-navigation.app-navigation-style-default nav > ul > li a:hover,
        .app-navigation.app-navigation-style-default nav > ul > li a.active {
            color: #fff;
            background: #666;
        }


/* over colors on top navbar*/
.app .app-navigation-horizontal nav > ul > li > a {
    background-color: #333333;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
}

    .app .app-navigation-horizontal nav > ul > li > a:hover {
        background-color: #666 !important;
        color: #FFC0CB !important;
    }


/* topnav selected active*/

.app .app-navigation-horizontal nav > ul > li.active > a {
    background: #666;
    color: #FFC0CB;
}

.app-navigation nav > ul > li a span.nav-icon-hexa {
    font-size: 12px;
    font-weight: 400;
}

.app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-hexa {
    font-size: 12px;
    font-weight: 400;
}

.app-navigation.app-navigation-style-default.app-navigation-minimized nav > ul > li > a > span {
    color: #fff;
}
/*active left bar li - when clicked, first level*/

.app-navigation.app-navigation-style-default nav > ul > li.active > a {
    background-color: #666 !important;
    color: #FFC0CB !important;
}


/*active left bar li - when clicked, first level*/

.app-navigation.app-navigation-style-default nav > ul > li > ul > li.active > a {
    background-color: #666 !important;
    color: #FFC0CB !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
}

.panel-primary > .panel-heading {
    background-color: #333333;
    border-color: #333333;
}

.btn {
    font-size: 12px;
    background-image: none;
    background-color: #fff;
    border-color: #e5e5e5;
    box-shadow: none;
    border-radius: 4px;
    color: #555;
    font-weight: 500;
}

    .btn.btn-primary {
        color: #333333;
        background-color: #fff;
        border-color: #e5e5e5;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary.active,
        .btn.btn-primary:active,
        .btn.btn-primary:focus,
        .btn.btn-primary:active:focus {
            border-color: #a1c3df;
            background: #f9f9f9;
            color: #666;
        }

        .btn.btn-primary.btn-icon-fixed span[class^="icon-"],
        .btn.btn-primary.btn-icon-fixed span.fa {
            border: 1px solid #333333;
            background: #333333;
        }

.btn-primary .btn-label {
    background-color: #333333;
    color: #fff;
}

.app-navigation.app-navigation-style-default nav > ul > li a span {
    color: #fff;
}

.app .pagination li.active > a, .app .pagination li.active span {
    background: #333333;
    color: #FFF;
}

/*the color of the sidebar carot 0 parent note*/
.app-navigation.app-navigation-style-default nav > ul > li.openable > a:after {
    color: #eee;
}

.jumbotron {
    background-image: url("~/../../Images/UNSW/Background2.png");
    color: white !important;
    height:350px;
}
.jumbotron h2 {
    color: white !important;
}