/* Master CSS */
BODY {
    margin: .0in .0in;
    font-family: 'Roboto', sans-serif;
    /*font-size:80%;*/
    font-size: 16px;
    color: #333333;
    background-color: #ffffff;
    /*line-height: 140%;*/
    line-height: 150%;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #000;
}

#surveyButton {
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 15px;
    padding-left: 5px;
}

#surveyButton:hover {
    border: 1px solid black;
    opacity: 0.85;
}

#surveyButton img {
    width: 100%;
    border-radius: 5px;
}


/* Hide IE 10 form field clear input button (ie X ) 
   Weird behavior - not firing form field events - bootstrap filter does not return to unfiltered when clicking X
*/
::-ms-clear {
    display: none;
}

#main-content {
    padding-left:30px;
    padding-right:40px;
}

#banner-title {
    letter-spacing: 0px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    width: 100%;
    text-align: right;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11pt;
    color: #709749;
}

#banner-title-mobile {
    letter-spacing: 0px;
    position: absolute;
    bottom: 0px;
    left: 175px;
    width: 100%;
    text-align: left;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    color: #709749;
}

#portalButtons div p {
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.7vw;
    font-size: 1.7vw;
    color: #777777;
}

.iconFontsAttributionDiv {
    font-size:10px;
    color:#888888;
    margin-top: 30px;
    margin-bottom:20px;
    line-height:120%;
}
.iconFontsAttributionDiv a:link, .iconFontsAttributionDiv a:visited  {
    color:#888888;
    text-decoration: none;
}

/*@font-face {
    font-family: 'robotomedium';
    src: url('roboto-medium-webfont.eot');
    src: url('roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-medium-webfont.woff2') format('woff2'), url('roboto-medium-webfont.woff') format('woff'), url('roboto-medium-webfont.ttf') format('truetype'), url('roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-light-webfont.woff2') format('woff2'), url('roboto-light-webfont.woff') format('woff'), url('roboto-light-webfont.ttf') format('truetype'), url('roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-italic-webfont.eot');
    src: url('roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-italic-webfont.woff2') format('woff2'), url('roboto-italic-webfont.woff') format('woff'), url('roboto-italic-webfont.ttf') format('truetype'), url('roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-bold-webfont.woff2') format('woff2'), url('roboto-bold-webfont.woff') format('woff'), url('roboto-bold-webfont.ttf') format('truetype'), url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-regular-webfont.woff2') format('woff2'), url('roboto-regular-webfont.woff') format('woff'), url('roboto-regular-webfont.ttf') format('truetype'), url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/



@media print {
    ul#megamenu {
        display: none;
    }

    .panel-collapse,
    .panel-collapse .collapse {
        height: auto !important;
        display: block;
    }
}
@media print{
    body{
        color:black;
        font-size: 12px;
    }
    #banner{
        visibility:hidden;
    }
    .footer{
        visibility: hidden;
    }
    h1, h2, h3, h4, h5, h6{
        font-size:12px;
    }
    .toggle.active{
        height:auto !important ;
    }
    .sidebar-canvas{
        visibility:hidden;
    }
   
}

/* Override bootstrap navbar colors */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    background-color: #709749; /*7a0308*/
}
div.navbar-header {
    background-color: #709749; /*7a0308*/
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #00682d;
}

.TitleHuge {
    font-size: 1.4em;
    font-weight: bold;
    color: #666666;
    margin-top: 0px;
}

p.TitleBig {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: .0em;
}

p.Titlebar {
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: .3em;
    color: #555555;
    background-color: #F6F6F6;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
}

p.Copyright {
    font-size: .8em;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: .3em;
    color: #888888;
}

.MainBody {
    margin-left: 20px;
    margin-right: 0px;
    width: 95%;
}
/*
a[href="#top"]:link, 
a[href="#top"]:visited
{
	color:gray;
	font-weight : bold ;
}
*/

/*a:link.btn, a:link.btn-default {
    color: #666;
    text-decoration: none;
}*/

/*a:visited.btn, a:visited.btn-default {
    color: #666;
    text-decoration: none;
}*/

a:link.btn-primary, a:link.btn-success, a:link.btn-info, a:link.btn-warning, a:link.btn-danger, a:link.btn-DEQGreen, a:link.btn-DEQRed, a:link.btn-DEQBlue {
    color: #fff;
    text-decoration: none;
}

a:visited.btn-primary, a:visited.btn-success, a:visited.btn-info, a:visited.btn-warning, a:visited.btn-danger, a:visited.btn-DEQGreen, a:visited.btn-DEQRed, a:visited.btn-DEQBlue {
    color: #fff;
    text-decoration: none;
}



a:link {
    color: #0066cc;
    /*color: #7a0308;*/
    text-decoration: none;
    /*border-bottom: 1px dotted #0066CC;*/
}

a:visited {
    color: #666699;
    text-decoration: none;
    /*border-bottom: 1px ridge #666699;*/
}

a:hover {
    color: #709749; /*7a0308*/
    text-decoration: none;
    /*border-bottom: 1px dotted #7a0308;*/
}

a.imgLink {
    border-bottom: none;
    text-decoration: none;
    border: none;
}

a:link.images {
    color: #0000FF;
}

a:visited.images {
    color: #3366FF;
    text-decoration: none;
    border-bottom: none;
}

a:hover.images {
    color: #709749; /*7a0308*/
    text-decoration: none;
    /*border-bottom:1px dashed #f90;*/
    border-bottom: none;
}

a:link.CSSMenu {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: none;
}

a:visited.CSSMenu {
    color: #3366FF;
    text-decoration: none;
    border-bottom: none;
}

a:hover.CSSMenu {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: none;
}

a:link.menulist {
    color: #0000FF;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

a:visited.menulist {
    color: #3366FF;
    text-decoration: none;
    border-bottom: 1px dashed #ccc;
}

a:hover.menulist {
    color: #709749; /*7a0308*/
    text-decoration: none;
    border-bottom: 1px dashed #709749; /*7a0308*/
}

a:link.none {
    text-decoration: none;
    border-bottom: none;
}

a:visited.none {
    text-decoration: none;
    border-bottom: none;
}

a:hover.none {
    text-decoration: none;
    /*border-bottom: 1px dotted #7a0308;*/
}

a:active.none {
    text-decoration: none;
    border-bottom: none;
}

a {
    color: #428bca;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.LeftMenu {
    background-color: #FFFFFF;
    padding-right: 10px;
    border-right: 0px dashed #CCCCCC;
    width: 1%;
    height: 100%;
}

.bullet {
    background: url(/images/GrayArrow.gif);
    background-repeat: no-repeat;
    list-style: none;
    /*list-style-image: url(/images/GrayArrow.gif);*/
    list-style-position: outside;
    margin-top: 6px;
    margin-left: 0px;
    padding-left: 15px;
}

ul.menulist li.bullet:hover {
    background: url(/images/RedArrow.gif) top left no-repeat;
}

.ball {
    font-size: .8em;
}

.menubar {
    line-height: 1.6em;
    background-color: #709749; /*7a0308*/
    color: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border-bottom: 4px solid #709749; /*7a0308*/
    font-family: Arial;
    font-size: 10pt;
}

a:link.menubar {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
}

a:visited.menubar {
    color: #E5E5E5;
    text-decoration: none;
    border-bottom: 1px dashed #E5E5E5;
}

a:hover.menubar {
    text-decoration: none;
    background-color: #709749; /*7a0308*/
    border-bottom: 2px dashed #fff;
    border-top: 2px solid #709749; /*7a0308*/
}

ul.menulist {
    line-height: 1.25em;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 5px;
}

    ul.menulist ul.menulist {
        font-size: .85em;
        line-height: 1.4em;
        font-weight: normal;
        list-style-type: none;
        margin-top: 2px;
        margin-bottom: 5px;
        margin-left: 5px;
    }

        ul.menulist ul.menulist ul.menulist {
            font-size: .85em;
            line-height: 1.4em;
            font-weight: normal;
            list-style-type: none;
            margin-top: 3px;
            margin-bottom: 5px;
            margin-left: 5px;
        }

/*------- Red Callout - NEW VERSION  -------*/
div.redbox {
    width: 100%;
}

html > body div .intro {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #709749; /*7a0308*/
    padding-right: 20px;
    /*
	background: #f5f2f2;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	*/
}

div.redbox-header {
    padding: 5px;
    color: #ffffff;
    font-size: larger;
    font-weight: bold;
    text-align: left;
    background-color: #709749; /*7a0308*/
    border: 1px solid #709749; /*7a0308*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.redbox-body {
    border: 1px solid #ccc;
    background-color: #fffff0;
    padding: 10px;
    text-align: left;
}

html > body div .intro > p {
    font-size: 13pt;
    font-weight: 400;
    word-spacing: 1px;
    line-height: 125%;
}

div .sectionGray {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 5px solid #363634;
}

html > body blockquote .gray {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 5px solid #363634;
}

/*------- Red Callout Round Top Boxes -------*/
div.RoundedEdgesRed {
    width: 100%;
}

td.RoundedEdgesRedCenter {
    /*background: url(/images/Roundtop_center_Red.gif) top left no-repeat;*/
    background-color: #709749; /*7a0308*/
    color: white;
    font-weight: bold;
    /*font-size: 90%;*/
    padding-top: 4px;
    padding-bottom: 4px;
}

td.RoundedEdgesRedLeft {
    background: url(/images/TabLeft.gif) top left no-repeat;
    background-color: #709749; /*7a0308*/
    padding-left: 10px;
}

td.RoundedEdgesRedRight {
    background: url(/images/TabRight.gif) top right no-repeat;
    background-color: #709749; /*7a0308*/
    padding-right: 10px;
}

td.RoundedEdgesRedBody {
    border: 1px solid #709749; /*7a0308*/
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFF0;
}

    td.RoundedEdgesRedBody ul li.bullet:hover {
        background: url(/images/RedArrow.gif) top left no-repeat;
    }



/*------------------ Menu Tabs Upsidedown---------------------- */

div.tabsUSD {
    width: 100%;
    /*float: left;*/
    /*min-width:800;*/
    background: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    line-height: normal;
    line-height: 100%;
    border-top: 0px solid #c3050e;
    border-top: 1px solid #630306; /*630306*/
}

    div.tabsUSD ul {
        margin: 0; /* controls the line leadin overhang on the left */
        padding: 0px 15px 0 2px;
        list-style: none;
    }

    div.tabsUSD li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    div.tabsUSD a {
        float: left;
        background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
        background-color: #709749; /*7a0308*/
        margin: 0px; /* Following adds extra space between tabs */
        margin-left: 2px;
        padding: 0 0 0 4px;
        text-decoration: none;
    }

        div.tabsUSD a span {
            float: left;
            display: block;
            background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
            background-color: #709749; /*7a0308*/
            padding: 3px 10px 4px 6px;
            padding: 3px 5px 4px 1px;
            color: #EEEEEE;
            text-align: center;
        }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        div.tabsUSD a span {
            float: none;
        }
        /* End IE5-Mac hack */
        div.tabsUSD a:hover {
            background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
            background-color: #d6060f;
            text-decoration: underline;
        }

        div.tabsUSD a:visited span {
            color: #C0C0C0;
        }

        div.tabsUSD a:hover span {
            color: white;
            background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
            background-color: #d6060f;
        }

    div.tabsUSD ul li.current a {
        background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
        background-color: #d6060f;
    }

        div.tabsUSD ul li.current a span {
            background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
            background-color: #d6060f;
            color: white;
        }



/*------------- Menu Tabs Right Side Up----------------- */

div.tabs {
    width: 100%;
    float: left;
    /*min-width:800;*/
    background: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    line-height: normal;
    line-height: 100%;
    border-bottom: 1px solid #709749; /*7a0308*/
}

    div.tabs ul {
        margin: 0; /* controls the line leadin overhang on the left */
        padding: 0px 15px 0 2px;
        list-style: none;
    }

    div.tabs li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    div.tabs a {
        float: left;
        background: url( "/images/TabLeft.gif" ) no-repeat left top;
        background-color: #709749; /*7a0308*/
        margin: 0px; /* Following adds extra space between tabs */
        margin-left: 4px;
        padding: 0 0 0 4px;
        text-decoration: none;
    }

        div.tabs a span {
            float: left;
            display: block;
            background: url( "/images/TabRight.gif" ) no-repeat right top;
            background-color: #709749; /*7a0308*/
            padding: 3px 10px 4px 6px;
            color: #EEEEEE;
            text-align: center;
        }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        div.tabs a span {
            float: none;
        }
        /* End IE5-Mac hack */
        div.tabs a:hover {
            background: url( "/images/TabLeft.gif" ) no-repeat left top;
            background-color: #d6060f;
            text-decoration: underline;
        }

        div.tabs a:visited span {
            color: #C0C0C0;
        }

        div.tabs a:hover span {
            color: white;
            background: url( "/images/TabRight.gif" ) no-repeat right top;
            background-color: #d6060f;
        }

    div.tabs ul li.current a {
        background: url( "/images/TabLeft.gif" ) no-repeat left top;
        background-color: #d6060f;
    }

        div.tabs ul li.current a span {
            background: url( "/images/TabRight.gif" ) no-repeat right top;
            background-color: #d6060f;
            color: white;
        }



/* --------------- Red Left Nav ------------- */
div.redNav {
    /*width: 100%;*/
    /* border-top: 20px solid #630306; */
    border-right: 0px solid #000;
    /*padding: 1px 0 3px 0;*/
    border-bottom: 3px solid #630306; /*630306*/
    margin-bottom: 1em;
    font-family: Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    background-color: #630306; /*630306*/
    background-color: #709749; /*7a0308*/
    color: #333;
}

    div.redNav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    div.redNav li {
        border-bottom: 3px solid #EEEEEE;
        margin: 0;
        list-style: none;
        list-style-image: none;
    }

        div.redNav li a {
            display: block;
            padding: 5px 5px 5px 0.5em;
            border-left: 10px solid #630306; /*630306*/
            border-right: 0px solid #c3050e;
            background-color: #709749; /*7a0308*/
            color: #fff;
            text-decoration: none;
            /*width: 100%; this causes IE6 to display div 30px wider than it is supposed to */
            background: url(/images/TabRight.gif) top right no-repeat;
        }

        html > body div.redNav li a {
            width: auto;
        }

            div.redNav li a:hover {
                border-left: 10px solid #9d0508;/*9d0508*/
                border-right: 0px solid #f9232c;
                background-color: #d6060f;
                color: #fff;
            }

                div.redNav li a:hover span {
                    color: white;
                    text-decoration: underline;
                    /*text-decoration:none;*/
                    /*border-bottom:1px dashed #fff;*/
                }

            div.redNav li a:visited {
                color: #C0C0C0;
            }

        div.redNav li.current a {
            border-left: 10px solid #1c64d1;
            border-right: 10px solid #5ba3e0;
            background-color: #2586d7;
            color: #fff;
        }








/* ------------- bulleted list ------------ */
div.bulletList {
    /*width: 100%;*/
    border-right: 0px solid #000;
    /*padding: 1px 0 3px 0;*/
    border-bottom: 0px solid #630306;/*630306*/
    margin-left: 5px;
    margin-bottom: 0px;
    font-family: Arial, sans-serif;
    font-size: small;
    color: #000;
}

    div.bulletList ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    div.bulletList li {
        /*Either bottom-border or padding-bottom needed or vertical spacing goes nuts */
        /*border-bottom: 1px solid #000;*/
        padding-bottom: 1px;
        margin: 0;
        list-style: none;
        list-style-image: none;
    }

        div.bulletList li a {
            display: block;
            padding: 0px 5px 5px 15px;
            border-left: 0px solid #630306; /*630306*/
            border-right: 0px solid #f7e39f;
            background-color: #fff;
            color: #709749; /*7a0308*/
            text-decoration: none;
            /*width: 100%; this causes IE6 to display div 30px wider than it is supposed to */
            background: url(/images/GrayArrow.gif) top left no-repeat;
        }

            div.bulletList li a span {
                color: #00f;
                border-bottom: 1px solid #CCC;
            }

            div.bulletList li a:visited span {
                color: #3366FF;
                border-bottom: 1px dashed #CCC;
            }

        html > body div.bulletList li a {
            width: auto;
        }

            div.bulletList li a:hover {
                border-left: 0px solid #9d0508;/*9d0508*/
                border-right: 0px solid #f9232c;
                background-color: #fff;
                color: #709749; /*7a0308*/
                background: url(/images/RedArrow.gif) top left no-repeat;
            }

                div.bulletList li a:hover span {
                    color: #709749; /*7a0308*/
                    /*text-decoration: underline; */
                    text-decoration: none;
                    border-bottom: 1px dashed #709749; /*7a0308*/
                }

            div.bulletList li a:visited {
                color: #3366FF;
            }

        div.bulletList li.current a {
            border-left: 0px solid #1c64d1;
            border-right: 0px solid #5ba3e0;
            background-color: #fff;
            color: #000;
        }


/* LEFT NAVIGATION MENU */
.left-nav {
    background-color: #fefdfa !important;
    z-index:100;    
}

    .left-nav a {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        line-height: 125% !important;
        background-color: #fefdfa !important;
    }

        .left-nav a:link {
            text-decoration: none;
        }

        .left-nav a:hover {
            color: #709749; /*7a0308*/
            text-decoration: underline;
            /*border-bottom:1px dashed #7a0308 !important;*/
            background-color: #f5efd9 !important;
        }

    .left-nav > ul > li.dropdown.open > ul > li > a {
        border-bottom: none;
        color: blue;
        font-size: small;
    }

        .left-nav > ul > li.dropdown.open > ul > li > a:hover {
            color: #709749; /*7a0308*/
        }

    .left-nav .nav-tabs.nav-stacked > li + li {
        margin-top: 0;
    }

    .left-nav .nav-tabs > li > a {
        margin-right: 0px;
    }

    .left-nav .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
        border-radius: 0;
    }

    .left-nav .nav-tabs.nav-stacked > li:first-child > a {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .left-nav .nav-tabs.nav-stacked > li:last-child > a {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }




/* Override Bootstrap blue a target link blue color */
a[name] {
    color: black;
}
/* ============== MEDIA QUERIES ============== */
[class*="col-sm-"] {
    padding-bottom: 10px;
}

.mega-menu > ul {
    line-height: 130%;
    font-size: 11.5px;
}

    .mega-menu > ul a {
        padding-left: 0px !important;
    }

    .mega-menu > ul li {
        margin-top: 9px;
        margin-bottom: 9px;
    }

div#banner-mobile {
    display: none;
}

@media (max-width: 767px) {
    div#banner-mobile {
        display: block;
    }

    div#banner {
        display: none;
    }

    div.bulletList li {
        padding-bottom: 6px;
    }

    /* for easier mobile link touching */
    .mega-menu > ul {
        margin-left: 10px !important;
    }

        /* get rid of any negative margin on big screen mega-menu */
        .mega-menu > ul li {
            margin-top: 19px;
            margin-bottom: 19px; /* for easier mobile link touching */
        }

    /* reset mega-menu width for mobile display */
    li.dropdown.mega-menu.open > ul > li > div {
        width: 100% !important;
        font-size: 10.5pt;
    }

        li.dropdown.mega-menu.open > ul > li > div h5 {
            font-size: 11pt;
        }

    /* reset mega-menu margin for mobile list items */
    div.navbar-collapse {
        /*margin-left: -10px !important;*/
    }

    /* reset pulldown link widths for mobile in case they were customized for multi-line navbar */
    #site-navbar-collapse > ul > li > a {
        width: 100% !important;
        line-height: 150% !important;
        font-size: 12pt;
    }
}
/* END MEDIA QUERIES */
/* Scroll to top*/

/*#scroll-down {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #7a0308;
    text-align: center;
    padding-top: 25%;
    padding-bottom: 25%;
    margin-left: auto;
    margin-right: auto;
}


#see-it {
    width: 100%;
    height: 100px;
    background-color: #fff;
    text-align: center;
    padding-top: 05%;
    padding-bottom: 00%;
    margin-left: auto;
    margin-right: auto;
}

#try-it {
    width: 100%;
    height: 100px;
    background-color: #e5e5e5;
    text-align: center;
    padding-top: 25%;
    padding-bottom: 25%;
    margin-left: auto;
    margin-right: auto;
}



.scroll-to-top {
    position: fixed;
    background: url(/AQ/test_sites/images/scroll-to-top.png) no-repeat;
    cursor: pointer;
    bottom: 0em;
    right: 0px;
    width: 55px;
    height: 00px;
    padding-right: 1em;
    display: none;
    z-index: 999;
}*/

/*******AQ TWEAKS**************/
h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-size: 2.6em;
    margin: 0.67em 0;
    letter-spacing: 1px;
}

    h1.red {
        color: #709749; /*7a0308*/
    }

p {
    font-family: 'roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 1.55em;
}

.main {
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 1.55em;
}

.tab {
    padding-left: 20px;
    justify-content: initial;
    text-align: justify;
}


.list-unstyled {
    padding-left: 0;
    list-style: none;
    list-style: circle;
    margin-left: 25px;
}

blockquote {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25em;
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}
/* --AQ popover-- */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 800px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}


.containerElem .popover {
    width: 400px;
    height: 250px;
}
code .inst{
    color: black;
    background-color: lightblue;
}


html > body .accordion-toggle:hover {
    text-decoration: none;
}


.clickable .glyphicon {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
}

.panel-heading span {
    margin-top: -23px;
    font-size: 15px;
    margin-right: -9px;
}

a.clickable {
    color: inherit;
}

    a.clickable:hover {
        text-decoration: none;
    }

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}
/*Panels from Boostrap 3.3.6*/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }
/* Round Buttons*/
.btn-circle-home {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50%;
}

    .btn-circle-home.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 50%;
    }

    .btn-circle-home.btn-xl {
        width: 300px;
        height: 300px;
        padding: 10px 16px;
        font-size: 36px;
        line-height: 1.33;
        border-radius: 50%;
    }

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50%;
    /*color: #7a0308;*/
}

a > .btn-circle {
    color: #709749;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 50%;
}

.btn-circle.btn-xl {
    width: 100px;
    height: 100px;
    /*Make buttons responsive to viewport size - autosize */
    width:10vw;
    height:10vw;
    padding-top:1vw;
    /*padding: 10px 10px 10px 10px;
    font-size: 24px;
    line-height: 1.6;*/
    border-radius: 50%;
}

.btn-circle.btn-2xl {
    width: 150px;
    height: 150px;
    /*Make buttons responsive to viewport size - autosize */
    width:10vw;
    height:10vw;
    padding-top:1vw;
    /*padding: 3px 5px 8px 5px;
    font-size: 24px;
    line-height: 1.6;*/
    border-radius: 50%;
    text-align: center;
}


.btn-circle:active,
.btn-circle.active {
    outline: 0;
    /*background-image: none;*/
    /*-webkit-box-shadow: inset 0 3px 5px #333333;*/
    /*box-shadow: inset 0 3px 5px #709749;*//*3333333*/
    background-color:#333333;
    color: white;
}


.btn-circle:hover {
    background-color: #709749; /*7a0308*/
    color: white;
}

.btn-circle::selection {
    background-color: #709749; /*333333*/
    color: white;
}


#portalnavlg, #portalnavlghome {
    width: 100%;
    position: relative;
    text-align: center;
}

.EHShome:hover {
}
/* news & events*/
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

/* Using panels to display blog date */
.panel.date {
    margin: 0px;
    width: 60px;
    text-align: center;
}

    .panel.date .month {
        padding: 2px 0px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }

    .panel.date .day {
        padding: 3px 0px;
        font-weight: 700;
        font-size: 1.5em;
    }

/*footer*/
.footer {
    /*background-color: #7a0308;
    color:white;*/
    margin: 20px 15px 5px 15px;
    padding: 5px 5px;
    border-top: 1px dotted gray;
}

/********If background footer color is not white--to change link colors to visible*******/
/*a.footer:link.none {
    text-decoration: none;
    border-bottom: none;
}

a.footer:visited.none {
    text-decoration: none;
    border-bottom: none;
}

a.footer:hover.none {
    text-decoration: none;
    /*border-bottom: 1px dotted #7a0308;*/
}

/*a.footer:active.none {
    text-decoration: none;
    border-bottom: none;
}

a.footer {
    color: white;
    text-decoration: none;
}

    a.footer:hover,
    a.footer:focus {
        color: white;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    /******Tabs********/
.nav-tabs-data {
    border-bottom: 1px solid #dddddd;
   /*width: 100%;*/
}
.nav-tabs-data > ul.nav.nav-tabs-data {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .nav-tabs-data > li {
        float:left;
        
        /*margin-bottom: -1px; Allen modified 1/2/2018 */
		margin-bottom: 10px;
        /*border-top:1px solid #6b0307;*/
        border-bottom: 3px solid #333333;
       
    }

        .nav-tabs-data > li > a {
            
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs-data > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }
        /*.nav-tabs-data > li.active > a,
.nav-tabs-data > li.active > a:hover,
.nav-tabs-data > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}*/
        .nav-tabs-data > li.active > a,
        .nav-tabs-data > li.active > a:hover,
        .nav-tabs-data > li.active > a:focus {
            color: white;
            background-color: #333333;
            border: 1px solid #333333;
            border-bottom-color: transparent;
            cursor: default;
        }

        .nav-tabs-data.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs-data.nav-justified > li {
  float: none;
}
.nav-tabs-data.nav-justified > li > a {
  text-align: center;
  /*margin-bottom: 5px;*/
}
        .lighten_text{
            font-weight:lighter;
        }




     /********* Styles for Accordion ***********/
.toggle:last-child {
  border-bottom: 1px solid #dddddd;
}
.toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
  margin-bottom: 6px;
}
/* use .notop to remove top line if element above accordion has a bottom border*/
.notop {
  border-top: none !important;
}
.toggle .toggle-title h3 {
  font-size: 20px;
  margin: 0px;
  line-height: 1;
  cursor: pointer;
  font-weight: 200;
}
.toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
}
.toggle .toggle-inner div {
  max-width: 100%;

}
.toggle .toggle-title .title-name {
  display: block;
  padding: 25px 25px 14px;
  padding-right:50px;
}
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}
.toggle .toggle-title i {
  position: absolute;
  background: url("/includes/images/plus_minus.png") 0px -24px no-repeat;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 20px;
  right: 0;
}
.toggle .toggle-title.active i {
  background: url("/includes/images/plus_minus.png") 0px 0px no-repeat;
}
/*.toggle .tablesorter-headerRow{
   border-bottom: 2px solid #ddd;
   border-top: 1px solid #ddd;
}*/


/**************Full width tabs**********/
.nav-full{
  
     width:100%;
}
.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
}


/* Custom bootstrap button btn-DEQGreen */
.btn-DEQGreen {
    color: #ffffff;
    background-color: #709749;
    border-color: #628440;
}
    .btn-DEQGreen:hover,
    .btn-DEQGreen:focus,
    .btn-DEQGreen:active,
    .btn-DEQGreen.active,
    .open > .dropdown-toggle.btn-DEQGreen {
        color: #ffffff;
        background-color: #628440;
        border-color: #628440;
    }
.btn-DEQGreen:active,
.btn-DEQGreen.active,
.open > .dropdown-toggle.btn-DEQGreen {
  background-image: none;
}
    .btn-DEQGreen.disabled,
    .btn-DEQGreen[disabled],
    fieldset[disabled] .btn-DEQGreen,
    .btn-DEQGreen.disabled:hover,
    .btn-DEQGreen[disabled]:hover,
    fieldset[disabled] .btn-DEQGreen:hover,
    .btn-DEQGreen.disabled:focus,
    .btn-DEQGreen[disabled]:focus,
    fieldset[disabled] .btn-DEQGreen:focus,
    .btn-DEQGreen.disabled:active,
    .btn-DEQGreen[disabled]:active,
    fieldset[disabled] .btn-DEQGreen:active,
    .btn-DEQGreen.disabled.active,
    .btn-DEQGreen[disabled].active,
    fieldset[disabled] .btn-DEQGreen.active {
        background-color: #709749;
        border-color: #628440;
    }
.btn-DEQGreen .badge {
  color: #709749;
  background-color: #ffffff;
}


/* Custom bootstrap button btn-DEQRed */
.btn-DEQRed {
    color: #ffffff;
    background-color: #d34727;
    border-color: #b83d22;
}
    .btn-DEQRed:hover,
    .btn-DEQRed:focus,
    .btn-DEQRed:active,
    .btn-DEQRed.active,
    .open > .dropdown-toggle.btn-DEQRed {
        color: #ffffff;
        background-color: #b83d22;
        border-color: #b83d22;
    }
.btn-DEQRed:active,
.btn-DEQRed.active,
.open > .dropdown-toggle.btn-DEQRed {
  background-image: none;
}
    .btn-DEQRed.disabled,
    .btn-DEQRed[disabled],
    fieldset[disabled] .btn-DEQRed,
    .btn-DEQRed.disabled:hover,
    .btn-DEQRed[disabled]:hover,
    fieldset[disabled] .btn-DEQRed:hover,
    .btn-DEQRed.disabled:focus,
    .btn-DEQRed[disabled]:focus,
    fieldset[disabled] .btn-DEQRed:focus,
    .btn-DEQRed.disabled:active,
    .btn-DEQRed[disabled]:active,
    fieldset[disabled] .btn-DEQRed:active,
    .btn-DEQRed.disabled.active,
    .btn-DEQRed[disabled].active,
    fieldset[disabled] .btn-DEQRed.active {
        background-color: #d34727;
        border-color: #b83d22;
    }
    .btn-DEQRed .badge {
        color: #d34727;
        background-color: #ffffff;
    }

/* Custom bootstrap button btn-DEQBlue */
.btn-DEQBlue {
    color: #ffffff;
    background-color: #049fda;
    border-color: #0387bb;
}
    .btn-DEQBlue:hover,
    .btn-DEQBlue:focus,
    .btn-DEQBlue:active,
    .btn-DEQBlue.active,
    .open > .dropdown-toggle.btn-DEQBlue {
        color: #ffffff;
        background-color: #0387bb;
        border-color: #0387bb;
    }
.btn-DEQBlue:active,
.btn-DEQBlue.active,
.open > .dropdown-toggle.btn-DEQBlue {
  background-image: none;
}
    .btn-DEQBlue.disabled,
    .btn-DEQBlue[disabled],
    fieldset[disabled] .btn-DEQBlue,
    .btn-DEQBlue.disabled:hover,
    .btn-DEQBlue[disabled]:hover,
    fieldset[disabled] .btn-DEQBlue:hover,
    .btn-DEQBlue.disabled:focus,
    .btn-DEQBlue[disabled]:focus,
    fieldset[disabled] .btn-DEQBlue:focus,
    .btn-DEQBlue.disabled:active,
    .btn-DEQBlue[disabled]:active,
    fieldset[disabled] .btn-DEQBlue:active,
    .btn-DEQBlue.disabled.active,
    .btn-DEQBlue[disabled].active,
    fieldset[disabled] .btn-DEQBlue.active {
        background-color: #049fda;
        border-color: #0387bb;
    }
    .btn-DEQBlue .badge {
        color: #049fda;
        background-color: #ffffff;
    }