﻿/*
Last Update: 2019-Oct-1
*/
/* ----------
Main
---------- */
#main {
    padding-bottom: 5em;
}
/* ----------
Header
---------- */
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}

    .navbar-brand img {
        width: 2.8em;
    }
/* ----------
Links
---------- */
#main a {
    text-decoration: underline !important;
}

    #main a:hover {
        text-decoration: none !important;
    }
/* ----------
Nav
---------- */
/*Contrast fix*/
.navbar-default #user-menu > li > a, #aLogout {
    color: #6b6b6b;
}

.well.help-block {
    color: #636363;
}
/*Match Bootstrap*/
.navbar-default #user-menu > li > a:focus, .navbar-default #user-menu > li > a:hover {
    color: #333;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none !important;
}

/*small screens*/
@media (min-width: 768px) {
    /*logout link*/
    #aLogout {
        padding: 15px;
        line-height: 20px;
        display: block;
        float: right;
    }
}
/* ----------
Burger (user) Icon/Menu
---------- */
.navbar-default .navbar-toggle {
    border: 0 !important;
}

.navbar-toggle, .pointer {
    cursor: pointer;
}
/* ----------
Reset Border-Radius
---------- */
.btn, .alert, .panel, .breadcrumb, .nav-pills > li > a, .dropdown-menu, .form-control, .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-addon {
    border-radius: 0 !important;
}
/* ----------
Forms
---------- */
span.alert-danger, .alert-danger span {
    margin: 0 !important;
    padding: .25em !important;
    margin-bottom: 1em !important;
}

.alert-danger, .error {
    color: #a94442 !important;
}

.hideMsg {
    display: none;
    visibility: hidden;
}

.showMsg {
    display: block;
    visibility: visible;
}

.required {
    color: #A03033;
    font-size: x-small !important;
}

.success {
    color: #3c763d !important;
}

.warning {
    color: #8a6d3b !important;
}
/* ----------
Buttons
---------- */
#main .btn-teal, .btn-primary1 {
    background-color: #007680;
}

#main .btn-grey {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #000000;
}

#main .btn-midblue {
    background-color: #01426a;
}

#main .btn-red {
    background-color: #a03033;
}

#main a.btn-teal, #main a.btn-grey, #main a.btn-midblue, #main a.btn-red, #main a.btn-teal:hover, #main a.btn-grey:hover, #main a.btn-midblue:hover, #main a.btn-red:hover, a.btn-primary1:hover {
    text-decoration: none !important;
}

#main .btn-teal:hover, #main .btn-midblue, #main .btn-teal, #main .btn-midblue:hover, #main .btn-midblue:focus, #main .btn-red, #main .btn-red:hover, .btn-primary1:hover, .btn-primary1 {
    color: #fff;
}

#main .btn-grey:hover {
    color: inherit;
}

#main .btn-midblue:focus {
    border: 1px solid #A03033;
}
/* ----------
Contextual Backgrouns 
---------- */
.bg {
    padding: .5em;
}

/* ----------
Custom Panels 
---------- */
.panel.height-sm {
    height: 10em;
}

.panel.height-lg {
    height: 28em;
}

.panel-sif .panel-heading {
    background-color: #007680;
}
/* ----------
Sticky Footer 
---------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 50px;
}

.footer .container {
    padding-left: 0;
}

body > .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    /* Set the fixed height of the footer here */
    height: 50px;
    background-color: #424242;
}

#footer {
    border-color: #e7e7e7;
    padding: .25em;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    /* Set the fixed height of the footer here */
    height: 50px;
    background-color: #424242;
}

.footer .container .nav li a {
    color: #fff;
}

#footer .nav.nav-pills > li > a:focus, #footer .nav.nav-pills > li > a:hover {
    background-color: inherit !important;
    text-decoration: underline !important;
}
/* ----------
Forms    
--------- */
label {
    font-weight: normal !important;
}

.hideclass {
    display: none !important;
}
/* ----------
Text alignments
--------- */
.text-right {
    padding-right: 1em !important;
}

.text-left {
    padding-left: 1em !important;
}
/* ----------
Print
--------- */
@media print {
    body {
        font: 12pt "Times New Roman", Georgia, Times, serif;
        min-width: 768px;
        margin: 0;
        padding: 0;
        background: none;
    }
    /* Reset heading's top margin & padding */
    h1 {
        margin-top: 0;
        padding-top: 0;
    }
    /* Add table border style */
    table.table.table-bordered, table.table.table-bordered > * > tr > th, table.table.table-bordered > * > tr > td {
        border: 1px solid #ccc;
    }
    /* Hide the URL. */
    a[href]:after {
        content: none;
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }
    /* Set background color to none */
    .well {
        background-color: none;
    }
    /* Remove border */
    img, .well {
        border: none;
    }
    /* Hide unnecessary blocks and tags */
    .no-print, header, footer, .required {
        display: none;
    }
}

/*SP BS3 styles. Sloppy. Will clean*/
.sp3 header {
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1em;
}

    .sp3 header .wrap {
        background-color: #424242;
        min-height: 70px; /*Needed for menu loading*/
    }

    .sp3 header .dropdown-menu a {
        color: #01426a;
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
    }

html:not(.v5-nav) .mega-menu-header {
    color: #333333;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 24px;
    font-weight: 500;
}

.sp3 #loginlink {
    color: #fff;
    display: inline-block;
    float: right;
    line-height: 70px;
    font-size: 20px;
}

.sp3 #linkBrand img {
    width: 130px;
}

.sp3 #aLogout, .sp3 #lblUsername, .header-item {
    color: #01426A;
    background-color: transparent;
}

.sp3 #user-dropdown-menu {
    border-right: none;
}

.sp3 #Hamburger {
    margin-right: 1rem;
}

.sp3 #aLogout:focus, .sp3 #aLogout:hover, .sp3 .open #lblUsername, .sp3 #aLogout:active, .sp3 #lblUsername:hover, .header-item:hover {
    background-color: transparent;
    color: #333;
}

.sp3 #main-navbar-collapse {
    padding: 0;
}

.sp3 ul#mega-menu > li > a {
    font-size: 20px;
    color: #fff;
    background-color: transparent;
    line-height: 70px;
    padding: 0 15px;
}

.sp3 #mega-menu {
    margin: 0;
}

.sp3 ul#mega-menu > li.open > a, .sp3 ul#mega-menu > li > a:hover {
    font-size: 20px;
    color: #424242;
    border-bottom: none;
    background-color: #fff !important;
}

.sp3 header .dropdown-menu {
    border-top: none;
}

.mega-menu-header ul {
    list-style: none;
    margin-top: 10px;
}

    .mega-menu-header ul li ul {
        margin-top: 0;
    }

.sp3 header .open .dropdown-menu {
    background-color: #f8f8f8;
}

html:not(.v5-nav) li.mega-menu-header i {
    padding-right: .5em;
    font-size: 24px;
}

html:not(.v5-nav) li.mega-menu-header ul > li:before {
    content: "–"; /* en dash here */
    position: relative;
    margin-left: -1.1em;
    font-weight: bold;
}

.sp3 header .wrap.sp {
    position: relative;
}

.sp3 .yamm .container.sp {
    position: static;
}

.sp3 #ChangeToggle {
    color: #fff;
}

#sp-title {
    color: #fff;
    margin: 0;
    line-height: 70px;
}

#main h1 {
    color: #007680;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
}

#main h2 {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
}

.yamm h3 {
    color: #007680;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}

.clear-logo {
    margin-left: 159px;
}
/*Larger screens*/
@media (min-width: 768px) {
    /*logout link*/
    #aLogout, .header-item {
        padding: 15px;
        line-height: 40px;
        display: block;
        float: right;
    }

    #lblUsername {
        line-height: 40px;
    }

    .sp3 #mega-menu {
        float: right;
        margin: 0 -15px;
    }

    .sp3 #aLogout:focus, .sp3 #aLogout:hover, .sp3 .open #lblUsername, .sp3 #aLogout:active, .sp3 #lblUsername:hover, .header-item:hover {
        background-color: #f8f8f8;
    }

    .clear-logo {
        margin-left: 0;
    }
}

/*override ach*/
.yamm .list-unstyled {
    border: none;
    padding: 0 15px;
}

    .yamm .list-unstyled li {
        padding-bottom: 0;
    }
/*End override ach*/

/*port from stylesheet for dbl*/
input#ctl00_BodyContent_radSTATUTORY, input#ctl00_BodyContent_radENRICH {
    margin-right: 5px;
}

.dblStyle .dl-horizontal dt, .dblStyle .dl-horizontal dd {
    padding-top: 1em;
}

.dblStyle caption, .dblStyle legend {
    color: #01426A;
}
