﻿/*   
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 {
    background-color: rgba(30,39,46,0.6); /* #1E272E */
    margin-top: -250px;
    margin-left: 25px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.ma-home-content-header h1 {
    font-size: 50px !important;
    /*text-shadow: 1px 1px #000;*/
    background-color: rgba(0,24,102,0.3); /*#4A525A;*/ /*#BCD8C1;*/ /*#3F6D7A;*/  /*rgba(130,146,179,0.6);*/  
    /*box-shadow: 2px 2px 2px #666666;*/
}
.ma-home-content-subheader {
    margin-left: 25px;
    margin-top: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*background-color:  rgba(2,11,16,0.8);*/ /* #1E272E */
    background-color: rgba(0,6,26,0.8); /*#7D93A4;*/
    /*box-shadow: 2px 2px 2px #4d4d4d;*/
}
.ma-home-content-subheader p {
    color: #fff;
}
.ma-home-content-bg {
    background-color: #e6f2ff;
    /* Other options
    dark blue: 011832
    light green: c0d8d7
    light blue/gray: d2dae0
    light yellow: f2dfc0
    almost white blue: e6f2ff
    */
}
/*.ma-btn-home {
    background-color: #67AEAB !important;
    border-color: #67AEAB !important;
}*/
/* -------------------------------
   6.0 Footer
------------------------------- */
/*.ma-footer {
    background-image: url(../../img/pattern-cover.png)
}*/
/*.ma-footer-text {
    color: #fff !important;
}*/
/* -------------------------------
   7.0 Icon
------------------------------- */
.ma-fa-color {
    border-radius: 70%;
    background-color: #7AAEAC;
    display:block;
    text-align:center;
    height:3em;
    width:3em;
    line-height: 3em;
    margin-left: -1px;
    margin-top: -1px;
}  
