/*   
Template Name: MA Red Theme
Version: 1.0.0
-------------------------------------------
::  1.0 Header
::  2.0 Login Area
::  3.0 Sidebar
::  4.0 Breadcrumb
::  5.0 Content
::  6.0 Footer
::  7.0 Icon
*/




/* -------------------------------
   1.0 Header
------------------------------- */
/* topmost container*/
#ma-navbar-brand-container {
    background-color: #023064 !important; /* #112142 */
}
/* topmost container on hover */
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    background-color: #356897 !important;
}
/* main header (ex. Texas Online Metals) */
#ma-main-header-text {
    color: #fff;
}
/* sub header (ex. Texas Department of Public Safety */
.ma-sub-header-text {
    color: #fff;
}
/* -------------------------------
   2.0 Login Area
------------------------------- */
/* top header that shows login area */
.ma-top-header {
    background-color: #f0f2f4;
}
/* login area text */
.ma-navbar li a {
    color: #000 !important; /* need important */
}

    .ma-navbar li a:hover {
        color: #fff !important; /* need important */
    }
/* affects the highlight for the login area */
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    background-color: #698EAE !important; /* needs important */
}
/* -------------------------------
   3.0 Sidebar
------------------------------- */
/* sidebar header background */
.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active > a,
.sidebar .nav > li.active > a:focus,
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme,
.btn.btn-scroll-to-top {
    background: #406E8E; /*#fff1b5;*/ /*#556F7A;*/ /*#D8D4F2; pale lavender */ /*#022B3A; dark blue*/ /*#E9D985; flax yellow */ /*#9DB5B2;*/
}
/* sidebar header background hover */
.sidebar .nav > li > a:focus,
.sidebar .nav > li > a:hover {
    background-color: #67697C !important; /* need important */
}
/* sidebar header text */
.sidebar .nav > li.active > a {
    color: #fff;
}
    /* sidebar header text hover */
    .sidebar .nav > li.active > a:focus,
    .sidebar .nav > li.active > a:hover {
        color: #fff;
    }
/* sidebar submenu background */
.sidebar .has-sub.active > .sub-menu {
    background-color: #023A7C; /*#1B4B6D;*/
}
/* sidebar submenu background hover */
.nav a:focus, .nav a:hover {
    background-color: #5DA399 !important; /* need important */
}
/* sidebar submenus text */
.sidebar .sub-menu > li > a {
    color: #fff;
}
    /* sidebar submenu text hover */
    .sidebar .sub-menu > li.active > a,
    .sidebar .sub-menu > li.active > a:focus,
    .sidebar .sub-menu > li.active > a:hover,
    .sidebar .sub-menu > li > a:focus,
    .sidebar .sub-menu > li > a:hover {
        color: #fff;
    }
/* background behind sidebar (seen at the bottom) */
.slimScrollDiv {
    background: #023A7C;
}

.sidebar-minify {
}
/* -------------------------------
   4.0 Breadcrumb
------------------------------- */
.breadcrumb {
    /*padding-left: 10px;
    padding-right: 10px;*/
    color: #06124B;
}

    .breadcrumb a {
        color: #06124B !important; /* need important */
    }

    .breadcrumb > .active {
        color: #06124B;
        font-weight: 600;
    }
/* -------------------------------
   5.0 Content
------------------------------- */
.ma-panel .panel-heading {
    background-color: #d6dadb;
}

#ma-main-content-body {
    background-color: #fff;
}

#page-container {
    background-color: #d6dadb;
}

.ma-page-header {
    color: #08165e;
}

.ma-home-content-subheader .btn-theme {
    color: #7a9bb8 !important;
}
/* background behind the texts */
.ma-home-content-header {
    margin-top: -250px;
    margin-left: 25px;
    padding-top: 10px;
    padding-bottom: 5px;
}

    .ma-home-content-header h1 {
        font-size: 50px !important;
    }

.ma-home-content-subheader {
    margin-left: 25px;
    margin-top: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .ma-home-content-subheader p {
        color: #fff;
    }

.ma-home-content-bg {
    background-color: #e6f2ff;
}

/* -------------------------------
   6.0 Footer
------------------------------- */

/* -------------------------------
   7.0 Icon
------------------------------- */
.ma-fa-color {
    border-radius: 70%;
    background-color: #406E8E;
    display: block;
    text-align: center;
    height: 3em;
    width: 3em;
    line-height: 3em;
    margin-left: -1px;
    margin-top: -1px;
}