/*******************************************************************************
  UNICOR Consolidated Stylesheet
  Created: 2/24/2022

  Change Log
  ------------------------------------------------------------------------------
  Date				    By    Change Description
  ------------------------------------------------------------------------------
  02/24/2022            TMS   Iniitial Creation - Just copy and paste in the 
                              right order and some minor cleanup

  03/17/2022            TMS   Import updated Tactis styles and cleanup 

*******************************************************************************/

/*******************************************************************************
 Default Colors

 Light Blue      #F4FAFD
 Medium Blue     #0052A5
 Dark Blue       #112F4E
 Red             #B50909
*******************************************************************************/

@media print {
    a[href]:after {
        content: none !important;
    }
}

@font-face {
    font-family: "Muli-ExtraBold";
    font-style: normal;
    font-weight: 800;
    src: url("/fonts/Muli-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: Open Sans;
    src: url("/fonts/OpenSans/OpenSans-Regular.ttf");
}

/*#region Legacy UNICOR CSS */

.infoNormal {
    font-weight: normal;
    font-size: 14px;
    color: #63AEEF; /* Bootstrap info blue */
}

.successNormal {
    font-weight: normal;
    font-size: 14px;
    color: #408A34; /* Standard UNICOR (darker) green */
}

.clsDottedBottomBorder {
    border-bottom: 2pt dotted #484848;
    border-bottom-color: #797979;
}

.clsSubText {
    font-size: 12px;
    font-family: 'Open Sans',arial,sans-serif;
    font-weight: normal;
}

.clsShadow {
    box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
}

.LeftPanel {
    background-color: #FFFFFF;
}

.clsGradientBlue {
    background: -webkit-linear-gradient(#0094ff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0094ff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0094ff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0094ff, #ffffff); /* Standard syntax (must be last) */
}

.clsPadding {
    padding: 10px;
}

.clsNoWhiteSpace {
    padding: 0;
    margin: 0;
    font-size: 0px;
    display: block;
}

.clsRoundedBorder {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.clsRoundedTopLeftCorner {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}

.clsRoundedTopRightCorner {
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.clsRoundedBottomLeftCorner {
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

.clsRoundedBottomRightCorner {
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

.clsHeaderWrapper {
    border-top: 5px #999 solid;
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsMainMenuWrapper {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsMainContentWrapper {
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsFooterWrapper {
    background-color: #333333;
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 20px #000 black;
}

.WireFrame {
    border: 1px solid #C0C0C0;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
}

.clsTextBox {
    padding: 2px;
    font-size: 16px;
    border: 1px solid #999999;
}

.clsDisabledTextBox {
    border-style: none;
    font-size: 12px;
}

.clsDropDownList {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    z-index: 1000;
}

.clsFeedback {
    color: #000000;
}

.clsErrorMessage {
    color: #FF0000;
}

.clsButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#039CCC', endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

    .clsButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
        background: -moz-linear-gradient( center top, #468ccf 5%, #408A34 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#468ccf', endColorstr= '#408A34' );
        background-color: #468ccf;
    }

    .clsButton:active {
        position: relative;
        top: 1px;
    }

.clsButton_Red {
    -moz-box-shadow: 1px 1px 8px 0px #cccccc;
    -webkit-box-shadow: 1px 1px 8px 0px #cccccc;
    box-shadow: 1px 1px 8px 0px #cccccc;
    background-color: #990000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FF0000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 11pt;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 2px #999999;
}

    .clsButton_Red:hover {
        border-color: #800000;
        background-color: #FF0000;
        color: #FFFFFF;
    }

    .clsButton_Red:active {
        position: relative;
        top: 1px;
    }

.clsImageButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#039CCC', endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

.clsBusinessCard {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
    width: 195px;
    font-family: 'Open Sans',arial,sans-serif;
    box-shadow: 3px 3px 3px #cccccc;
    font-size: 12px;
    color: #000000;
}

    .clsBusinessCard a {
    }

.clsMandatoryField {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    border: 1px solid #FF0000;
    /* From -danger */
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/**************************************************************************************
 Accordion Control
**************************************************************************************/
.accordion {
}

.accordionHeader {
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

    .accordionHeader a {
        color: #333333;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover {
            background: none;
            text-decoration: underline;
        }

.accordionHeaderSelected {
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

    .accordionHeaderSelected a {
        color: #406618;
        background: none;
        text-decoration: none;
    }

        .accordionHeaderSelected a:hover {
            background: none;
            text-decoration: underline;
        }

.accordionContent {
    padding: 4px;
    margin: 4px;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
}

.accordionLink {
    color: #FFFFFF;
}

/**************************************************************************************
Global Object Classes
**************************************************************************************/

.clsSearchBox {
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    font-size: 14px;
    height: 30px;
    left: 5px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 30px;
}

.clsSearchTypeList {
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #cccccc;
    height: 20px;
}

.clsSessionTimeoutWarning {
    position: absolute;
    border: 1px solid #000000;
    top: 100px;
    left: 200px;
    z-index: 5000;
    display: none;
}

/* BEGIN Global Elements */

.Header {
    background-color: #FFFFFF;
}

/* BEGIN Global Footer */

.clsFooter {
    border-top: solid 1px #cccccc;
    text-align: center;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding: 15px 0px 0 20px;
    background-color: #333333;
}

    .clsFooter a {
        color: #CCCCCC;
    }

    .clsFooter table {
        /*	margin-left:20px;margin-right:50px; */
    }

    .clsFooter td {
        white-space: nowrap;
        padding: 4px;
    }

/* END Global Footer */


/* BEGIN BOP Footer */

.clsBOPFooter {
    background: #F7F3F7;
    border-top: 1px solid #BDDBEF;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 0px 0 20px;
    border-bottom: 10px solid #003063;
}

    .clsBOPFooter a {
        color: #424542;
    }

    .clsBOPFooter table {
        /*	margin-left:20px;margin-right:50px; */
    }

.clsFooter td {
    white-space: nowrap;
    padding: 4px;
}

/* END BOP Footer */


.clsGlobalNavigation {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    color: #408A34;
}

    .clsGlobalNavigation:hover {
        color: #408A34;
        text-decoration: none;
    }

.clsGlobalButton {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #036;
    background-color: #408A34;
}

.clsGlobalHFIFooter {
    background-image: url(/Images/MasterPage/FooterBackground.png);
    background-repeat: repeat-x;
    font-size: 12px;
}

.clsGlobalBMFooter {
    background: #171e24;
    border-top: 3px solid #c0a57e;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 20px 0 20px;
}

    .clsGlobalBMFooter a, .clsGlobalBMFooter a:link, .clsGlobalBMFooter a:visited {
        color: #999999;
        text-decoration: none;
    }

        .clsGlobalBMFooter a:hover {
            color: #999999;
            text-decoration: underline;
        }

        .clsGlobalBMFooter a:active {
            color: #999999;
            font-family: Helvetica, sans-serif;
            text-decoration: none;
        }


/* BEGIN Content Stack Wrapper Classes */

.ContentType_HTML {
    /* Handled by default style except for items below */
    margin: 0;
}

/* END Content Stack Wrapper Classes */





/**************************************************************************************
	BEGIN Dropdown Menus
**************************************************************************************/

.clsDropDown {
    position: relative;
    z-index: 1001;
    text-align: left;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .clsDropDown a {
        font-weight: normal;
        font-family: 'Open Sans',arial,sans-serif;
        font-style: normal;
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        display: block;
        padding: 6px 6px 6px 6px;
        margin-bottom: 6px;
    }

    .clsDropDown ul:active {
        color: #408A34 !important;
    }

    .clsDropDown a:hover {
        color: #FFF !important;
    }

    .clsDropDown ul li:hover {
        color: #408A34 !important;
    }

    .clsDropDown ul li:active {
        color: #408A34 !important;
    }

    .clsDropDown ul li a:hover {
        color: #FFF !important;
    }

    .clsDropDown ul li td:hover {
        background-color: #408A34 !important;
    }

    .clsDropDown ul {
        background: #FFFFFF;
        display: none;
        margin: 0;
        padding: 0;
        min-width: 150px;
        position: absolute;
        top: 38px;
        left: -1px;
        border-bottom: solid 2px #999999;
        box-shadow: 1px 1px 1px #CCCCCC;
        -moz-box-shadow: 1px 1px 1px #CCCCCC;
        -webkit-box-shadow: 1px 1px 1px #CCCCCC;
    }

        .clsDropDown ul li {
            float: none;
            margin: 0;
            padding: 0;
            min-width: 200px;
        }

    .clsDropDown li {
        margin: 0px 0px 0px 0px;
        padding: 0px 6px 0px 6px;
        float: left;
        position: relative;
        list-style: none;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-right-color: #6AC65C;
        border-left-color: #6AC65C;
    }

        .clsDropDown li:hover {
            background-color: #408A34;
            color: #FFFFFF !important;
        }

            .clsDropDown .active a, .clsDropDown li:hover > a {
                color: #FFFFFF;
            }

    .clsDropDown ul li ul /* Second Level Menu */ {
        background-color: #FFFFFF;
        display: none;
        margin: 0;
        padding: 0;
        min-width: 200px;
        position: absolute;
        top: 0px;
        left: 199px;
        border-top: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-bottom: solid 2px #CCCCCC;
    }

        .clsDropDown ul li ul li {
            background: #FFFFFF;
        }

    .clsDropDown li ul li a {
        margin: 0;
        color: #000000;
        padding: 2px 6px 2px 6px;
    }

    .clsDropDown li:hover > ul {
        display: block;
        transition-delay: 1s;
    }

    .clsDropDown:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

html[xmlns] .clsDropDown {
    display: block;
}

* html .clsDropDown {
    height: 1%;
}

.clsCartDropDown {
    margin: 6px 0px 0px 0px;
    padding: 2px 2px 0px 2px;
    height: 100%;
    position: relative;
    z-index: 1001;
    text-align: left;
}

    .clsCartDropDown li {
        margin: 0px 0px 0px 0px;
        padding: 0px 6px 0px 6px;
        float: left;
        position: relative;
        list-style: none;
        height: 100%;
    }

    .clsCartDropDown a {
        font-weight: normal;
        font-family: 'Open Sans',arial,sans-serif;
        font-style: normal;
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        display: block;
        padding: 6px 6px 6px 6px;
        margin: 0;
        margin-bottom: 6px;
    }

    .clsCartDropDown li ul li a {
        margin: 0;
        color: #000000;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .clsCartDropDown .active a, .clsCartDropDown li:hover > a {
        background: #408A34 !important;
        color: #000000 !important;
    }

    .clsCartDropDown ul li:hover a, .clsCartDropDown li:hover li a {
    }

    .clsCartDropDown ul a:hover {
        background: #408A34 !important;
        color: #FFFFFF !important;
    }

    .clsCartDropDown ul {
        background: #FFFFFF;
        display: none;
        margin: 0;
        padding: 0;
        width: 200px;
        position: absolute;
        top: 38px;
        left: 8px;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-bottom: solid 2px #CCCCCC;
        box-shadow: 3px 3px 3px #CCCCCC;
        -moz-box-shadow: 3px 3px 3px #CCCCCC;
        -webkit-box-shadow: 3px 3px 3px #CCCCCC;
    }

        .clsCartDropDown ul li ul {
            background: #FFFFFF;
            display: none;
            margin: 0;
            padding: 0;
            width: 250px;
            position: absolute;
            top: 0px;
            left: 250px;
            border-left: solid 1px #CCCCCC;
            border-right: solid 1px #CCCCCC;
            border-bottom: solid 2px #CCCCCC;
        }

    .clsCartDropDown li:hover > ul {
        display: block;
    }

    .clsCartDropDown ul li {
        float: none;
        margin: 0;
        padding: 0;
    }

    .clsCartDropDown ul a {
        padding: 2px 0px 2px 2px;
        color: #000000 !important;
        font-size: 14px;
        font-style: normal;
        font-family: 'Open Sans',arial,sans-serif;
        font-weight: normal;
    }

    .clsCartDropDown ul li:first-child > a {
    }

    .clsCartDropDown ul li:last-child > a {
    }

    .clsCartDropDown:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

.clsCartDropDown {
    display: inline-block;
}

html[xmlns] .clsCartDropDown {
    display: block;
}

* html .clsCartDropDown {
    height: 1%;
}

.clsTableHeaderCell {
    padding: 2px;
    border: 1px solid #000000;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #408A34;
}

.clsTableDataCell {
    padding: 2px;
    border: 1px solid #000000;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
}

.clsTableDataCell_NoBorder {
    padding: 2px;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.clsFormFooter {
    margin: 2px;
    padding: 2px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
}

.clsLeftColumn {
    padding-top: 5px;
    padding-left: 5px;
    background-color: #FFFFFF;
}

.CheckBoxList input {
    margin-bottom: 12px;
    margin-top: 5px;
    margin-right: 20px !important;
}

.CheckBoxList label {
    color: #000 !important;
    margin-top: 5px;
    margin-bottom: 12px;
}

/* END Global Elements */


/**************************************************************************************
Single Navigation Item
**************************************************************************************/

.clsCSSNavElement {
    background-color: #FFFFFF;
    padding: 4px;
    width: 202px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

    .clsCSSNavElement a:hover {
        color: #FFFFFF;
    }


/**************************************************************************************
Left Navigation pure CSS menu
**************************************************************************************/

.clsCSSNav {
    border-bottom: 1px solid #CCCCCC;
    width: 194px;
    padding-left: 0px;
    cursor: default;
    list-style-type: none;
    margin-left: 4px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    z-index: 1000;
}

    .clsCSSNav .clsCSSNavItem > .clsCSSNav {
        list-style-type: none;
        display: none;
        position: absolute;
        margin-top: -25px;
        margin-left: -25px;
        left: 218px;
        border: solid 1px #CCCCCC;
        box-shadow: 2px 2px 5px #CCCCCC;
        -moz-box-shadow: 2px 2px 5px #CCCCCC;
        -webkit-box-shadow: 2px 2px 5px #CCCCCC;
        z-index: 5001;
    }

    .clsCSSNav .clsCSSNavItem:hover, .clsCSSNavItem.CSStoHighlight {
        color: #000;
        font-weight: normal;
    }

    .clsCSSNav .clsCSSNav.CSStoShow {
        display: block;
    }

    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNav {
        display: block;
    }

    /*Left Stack - First (Root) Level */
    .clsCSSNav .clsCSSNavItem .clsCSSNavLink {
        color: #000;
        background-color: #FFF; /*First Level Background Color*/
        display: block;
        padding: 4px;
        list-style-type: none;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
    }

        .clsCSSNav .clsCSSNavItem .clsCSSNavLink:hover, .clsCSSNav .clsCSSNavItem .clsCSSNavLink.CSStoHighLink {
            color: #6AC656;
            background-color: #FFFFFF;
        }

    /* 2nd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

    /* 3rd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNav {
        margin-left: -30px;
    }

    /*First Level Hover Behavior*/
    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

    /*Second Level Hover Behavior*/
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }


/**************************************************************************************
				Portal Specific Styles
				
				If you use one of these classes, move the class out of
				the Portal Secific Styles section of this document
**************************************************************************************/

.clsHeader {
    color: #408A34;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 16px;
    font-weight: Bold;
}

.clsModalDialog {
    position: absolute;
    top: 50%;
    left: 50%;
}

.clsError {
    color: #990000;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
}

.clsSuccess {
    color: #0066FF;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
}

.clsSmallText {
    font-size: 10px;
    font-family: 'Open Sans',arial,sans-serif;
    font-weight: normal;
}

.clsPOD {
    padding: 2px;
    margin: 2px;
    font-size: small;
}

.clsPodHeaderCell {
    border: 1px solid #808080;
    padding: 2px;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: #408A34;
    color: #FFFFFF;
}

.title {
    color: #FFFFFF;
    font-size: 14px;
}

    .title td {
        color: #FFFFFF;
        font-size: 14px;
        vertical-align: bottom;
        text-align: left;
    }

.clsCenterOnPage {
    width: 100%;
    text-align: center;
    text-align: -moz-center;
}

.clsPanelHeader {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #666666;
}

.clsDropDownForm {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
}

.clsCartMenu {
    background-color: #007484;
}

.clsDynamicHoverStyle {
    background-color: #408A34;
    font-weight: bolder;
}

.clsStaticHoverStyle {
    background-color: #FFFFFF;
}


/**************************************************************************************
				Modal Dialog Styles
**************************************************************************************/

.modal {
    position: absolute;
    left: 35%;
    top: 25%;
    background-color: #FFFFFF;
}

.modal-header {
    border-bottom: 1px solid grey;
    height: 25px;
    padding-left: 2px;
    background-color: #3399FF;
    float: left;
    width: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.modal-header-close {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: right;
    position: absolute;
    right: 0;
}

    .modal-header-close:hover {
        border: 1px solid grey;
    }

.modal-content {
    padding: 2px;
}


/**************************************************************************************
				UNICOR Legacy Styles
**************************************************************************************/

.box-event {
    margin: 2px;
    background: #F9FCF5;
    width: 195px;
    padding: 5px;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 2px 2px 2px #999999;
}

.box-large-blue {
    margin: 4px;
    background: #408A34;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-large-green {
    margin: 4px;
    background: #e1f2d0 url('/Images/u11/green-box-large.jpg' ) repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-shadow {
    background: #ffffff url('/Images/u11/box-shadow.jpg' )no-repeat;
    width: 215px;
    height: 6px;
    margin-bottom: 10px;
}

.box-small-green {
    margin: 4px;
    background: #e1f2d0 url('/Images/u11/green-box-small.jpg' )repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-header {
    font-size: 12px;
    color: black;
    font-weight: bold;
    margin-bottom: 0px;
}

.box-image.video {
    float: none;
    display: block;
    margin: 0;
}

.box-image {
    float: right;
    margin: 5px;
}

.box-text {
    font-size: 12px;
    color: black;
    line-height: 13px;
}

.box-link {
    font-size: 12px;
    margin: 10px;
}

.inbody {
    list-style-type: square;
    list-style-position: inherit;
    color: Black;
    visibility: visible;
    content: inherit;
}


/**************************************************************************************
 BEGIN UNICOR Slider Style
**************************************************************************************/

#wrapper {
    float: left;
    width: 1024px;
}

.rslides {
    margin: 0 auto;
}

.rslides_container {
    position: relative;
    float: left;
    width: 100%;
}

.centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("/global/images/sliders/themes.gif" ) no-repeat left top;
    margin-top: -45px;
}

    .centered-btns_nav:active {
        opacity: 1.0;
    }

    .centered-btns_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }

.transparent-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=1);
    width: 48%;
    text-indent: -9999px;
    overflow: hidden;
    height: 91%;
}

    .transparent-btns_nav.next {
        left: auto;
        right: 0;
    }

.large-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000 url("/global/images/sliders/themes.gif" ) no-repeat left 50%;
    width: 38px;
}

    .large-btns_nav:active {
        opacity: 1.0;
    }

    .large-btns_nav.next {
        left: auto;
        background-position: right 50%;
        right: 0;
    }

    .centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {
        outline: none;
    }

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
    margin-top: 0px;
    text-align: center;
    background-color: #c4c4c4;
}

    .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
        display: inline;
        float: none;
        _float: left;
        *float: left;
        margin-right: 5px;
    }

    .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
        text-indent: -9999px;
        overflow: hidden;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background: #ccc;
        background: rgba(0,0,0, .2);
        display: inline-block;
        _display: block;
        *display: block;
        -webkit-box-shadow: inset002px0rgba(0,0,0,.3);
        -moz-box-shadow: inset002px0rgba(0,0,0,.3);
        box-shadow: inset002px0rgba(0,0,0,.3);
        width: 9px;
        height: 9px;
    }

.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
    background: #222;
    background: rgba(0,0,0, .8);
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

.clsSlider {
    /*
    background-image: url('/global/images/sliders/bkgrnd.fw.png');
    background-repeat: repeat-x;
    position: absolute;
    top: 569px;
  */
    width: 1024px;
    font-size: 12px;
    font-weight: bold;
}

.clsSliderCopy {
    width: 151px;
    position: absolute;
    font-size: 11px;
    margin-top: -20px;
    margin-left: 70px;
}

/**************************************************************************************
 END UNICOR Slider Style
**************************************************************************************/


/**************************************************************************************
UNICOR Store Home Page Content Element 37
**************************************************************************************/
A.indextitle:link {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

A.indextitle:visited {
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

A.indextitle:hover {
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

A.indextitle:active {
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

hr.index {
    color: Green;
    height: 1px;
}

td.title {
    vertical-align: middle;
    width: 200px;
}

td.icon {
    vertical-align: top;
    width: 50px;
}

td.indexdescription {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    font-style: none;
}


/**********************************************************************************************
	BEGIN Old Fedfast Styles
***********************************************************************************************/

.tdbluecel {
    background-color: #e7f4e4;
}

.tdblueceldark {
    background-color: #408A34;
}

.tdcartbgblue {
    background-color: #cce9f1;
}

.tdgreycel {
    background-color: #e7f4e4;
}

.tdredcel {
    background-color: #fff1f1;
}

.tdyellowcel {
    background-color: #ffff00;
}

.errheader {
    font-weight: bold;
    font-size: 16px;
    color: #aa0000;
}

.errlarge {
    font-weight: bold;
    font-size: 18px;
    color: #aa0000;
}

.errnormal {
    font-weight: bold;
    font-size: 14px;
    color: #aa0000;
}

.errsmall {
    font-weight: bold;
    font-size: 10px;
    color: #aa0000;
}

.fedfastx {
    font-weight: normal;
    font-size: 12px;
}

.large {
    font-weight: normal;
    font-size: 20px;
}

.normalbold {
    font-weight: bold;
    font-size: 14px;
}

.price {
    font-weight: normal;
    font-size: 14px;
}

.print {
    size: landscape;
}

.printerparms {
    size: landscape;
}

.smallbold {
    font-weight: bold;
    font-size: 10px;
}

.smallfont {
    font-weight: normal;
    font-size: 10px;
}


/*	clsMediumFont is only used on the homepage CE701 */

.clsMediumFont {
    font-weight: normal;
    font-size: 13px;
}

.clsLargeFont {
    font-weight: normal;
    font-size: 23px;
}

.type {
    font-weight: bold;
    font-size: 12px;
    color: #040e8e;
}

.CatPriceDescBgColor {
    background-color: #ffffff;
}


/*	(For outermost table of page body.) */
.MainContain {
    background-color: #FFFFFF;
}

.PageFooter {
    height: 40px;
    width: 1024px;
    background: #fff url( '//www.unicor.gov/shopping/images/footer-gradient.jpg' ) repeat-x;
    padding-bottom: 12px;
}

.PageFooterLink {
    color: #007484;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeader {
    /*	For 1024-pixel-wide windows, partly per u11 style guide: 	visible header width of 950 (matching the content width) 	leaves L and R margins of 26px; 	add about 22px allowance for the vertical scrollbar and you're done 	(950+26+26+22=1024) 	 	Alternatively, use 1024 for content size (Burson-Marsteller slider image width), 	yielding about 1098px for total window size. */
    height: 120px;
    width: 1024px;
    background-color: #FFFFFF;
    padding-bottom: 0px; /*	width: 950px; */ /*	background: #fff url('//www.unicor.gov/shopping/images/home-header-gradient.jpg') repeat-x; */
}

.PageHeaderButton {
    /*	The standard button is white text on green.  Use inline style for exceptions. */
    color: #FFFFFF;
    background-color: #007484;
}

/*
.PageHeaderCartCell
{
	vertical-align:bottom;
	position:relative;
	left:509px;
	top:26px;
	z-index:0;
	width:100px;
	background: #fff url('//www.unicor.gov/shopping/images/plain-teal-button.gif') no-repeat;
	padding-bottom:9px; 
}
*/

.PageHeaderCartBar {
    padding-right: 26px;
    height: 35px;
}

.PageHeaderCheckoutButton {
    color: #FFFFFF;
    background-color: #FF8B7B; /* rose (complement of #007484) */ /*	background-color:#F70C00;	/* red like "add-to-cart" button */
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 26px;
    width: 79px;
    float: right;
    border-radius: 10px 10px 10px 10px;
}

.PageHeaderCheckoutCell {
    width: 100px;
    padding-bottom: 9px;
}

.PageHeaderLink {
    color: #007484;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderLinkBar {
    height: 27px;
    padding-left: 160px;
    padding-right: 26px;
}

.PageHeaderLinkCell {
    padding-left: 24px;
    white-space: nowrap;
}

.PageHeaderMenuBar {
    height: 35px;
    width: 70%;
}

.PageHeaderMenuCart {
    background-color: #007484;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.PageHeaderMenuItem {
    border-width: thin;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right-color: #DEE7EF; /*	border-color:#DEE7EF; */
    background-color: #779F5E; /* darker green */ /*	background-color:#8DC63F; /* lighter green */
    text-align: center; /*	padding-bottom:5px; 	position:relative; 	/*bottom:2;*/ /*z-index:1;*/
}

.PageHeaderMenuLink {
    color: #FFFFFF;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderMenuLink_Down {
    color: #464646;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderSearchBar {
    padding-top: 16px;
    padding-right: 26px;
    padding-bottom: 16px;
    height: 26px;
    width: 55%;
}

.PageHeaderSearchButton {
    vertical-align: middle;
}

.PageHeaderSearchInput {
    /*	border-radius:10px 0 0 10px; 	font-size:x-small; */
}

.PageHeaderSearchTarget {
    color: #464646;
    font-weight: normal;
    font-size: 12px;
}

.PageLogo {
    vertical-align: bottom;
    padding-left: 6px;
    padding-bottom: 12px;
}

#ResultsStore {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

    #ResultsStore .RedHeader {
        padding-right: 4px;
        padding-left: 4px;
        font-weight: 900;
        padding-bottom: 4px;
        color: white;
        padding-top: 4px;
        font-style: italic;
        background-color: #d91212;
    }

        #ResultsStore .RedHeader .Counts {
            font-weight: normal;
            color: white;
            font-style: normal;
        }

            #ResultsStore .RedHeader .Counts A {
                font-weight: normal;
                color: white;
                font-style: normal;
            }

    #ResultsStore .BlueHeader {
        padding-right: 4px;
        padding-left: 4px;
        font-weight: 900;
        padding-bottom: 4px;
        color: white;
        padding-top: 4px;
        font-style: italic;
        background-color: #165189;
    }

#ResultsSug {
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

    #ResultsSug .BlueHeader {
        padding-right: 4px;
        padding-left: 4px;
        font-weight: 900;
        padding-bottom: 4px;
        color: white;
        padding-top: 4px;
        background-color: #165189;
    }

        #ResultsSug .BlueHeader .Counts {
            font-weight: normal;
            color: white;
            font-style: normal;
        }

            #ResultsSug .BlueHeader .Counts A {
                font-weight: normal;
                color: white;
                font-style: normal;
            }

#ResultsSAP {
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

    #ResultsSAP .BlueHeader {
        padding-right: 4px;
        padding-left: 4px;
        font-weight: 900;
        padding-bottom: 4px;
        color: white;
        padding-top: 4px;
        background-color: #165189;
    }

        #ResultsSAP .BlueHeader .Counts {
            font-weight: normal;
            color: white;
            font-style: normal;
        }

            #ResultsSAP .BlueHeader .Counts A {
                font-weight: normal;
                color: white;
                font-style: normal;
            }

#SearchParams {
}

.SearchResultCountsMessage {
    font-weight: bold;
}

.StoreInnerTable {
    border-bottom: 1px solid;
}

.StoreBackground1 {
    background-color: #f1cce4;
}

.StoreBackground2 {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid;
    background-color: #ebedfa;
}


/*
	License Plate Store
*/
.TagHome {
    background-color: #E9F4E3;
}
/* pale green   */

.TagOrama {
    background-color: #DDDDDD;
}
/* pale gray    */

.TagReplace {
    background-color: #FFEED5;
}
/* pale rust    */

.TagBorder {
    border-color: #66BD29;
}
/* meteor green */

.TagTitleList {
    color: #FF0000;
}
/* red hot      */

.TagTitleNew {
    color: #66BD29;
}
/* meteor green */

.TagTitleOld {
    color: #FF9900;
}
/* rust         */

.TagTitleAlt {
    color: #003082;
}
/* AF blue      */

UNKNOWN {
    margin-left: 0.1in;
}

/**********************************************************************************************
	END Old Fedfast Styles
***********************************************************************************************/


.breadcrumb {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    background-color: inherit;
}


/**********************************************************************************************
	BEGIN Homepage Slider Styles
***********************************************************************************************/

#section_content {
    position: relative;
    top: 0;
    left: 0;
    background: #fff url(/images/bg_homepage.jpg) top left no-repeat
}

#news_container {
    min-height: 435px;
}

#news_loading {
    margin-left: auto;
    margin-right: auto;
    padding: 200px;
    width: 250px
}

#news_title {
    margin-bottom: 30px;
    font-size: 2.0em
}

.news-title-active {
    color: #408A34 !important
}

#news_slider {
    position: relative;
    height: 305px;
    width: 958px
}

.news-img {
    position: absolute;
    bottom: 0
}

#news_nav {
    text-align: center
}

#news_nav_list {
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.news-linker {
    width: 10px;
    height: 10px;
    display: block;
    background: url(/images/loading.gif) top left no-repeat;
    margin: 3px
}

.news-linker-active {
    width: 10px;
    height: 10px;
    display: block;
    background-position: -32px 0
}

.section-title {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 2.4em;
    color: #1f1f1f;
    padding: 0 30px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    margin-top: .5em
}

.vmenu-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left
}

    .vmenu-links li {
        float: left
    }

/**********************************************************************************************
	END Homepage Slider Styles
***********************************************************************************************/

/**********************************************************************************************
		BEGIN general classes that could be used in a cms
***********************************************************************************************/

.cls6font {
    font-size: 6px;
}

.cls7font {
    font-size: 7px;
}

.cls8font {
    font-size: 8px;
}

.cls9font {
    font-size: 9px;
}

.cls10font {
    font-size: 10px;
}

.cls11font {
    font-size: 11px;
}

.cls12font {
    font-size: 12px;
}

.cls13font {
    font-size: 13px;
}

.cls14font {
    font-size: 14px;
}

.cls15font {
    font-size: 15px;
}

.cls16font {
    font-size: 16px;
}

.cls17font {
    font-size: 17px;
}

.cls18font {
    font-size: 18px;
}

.cls19font {
    font-size: 19px;
}

.cls20font {
    font-size: 20px;
}

.clsbold {
    font-weight: bold;
}

/**********************************************************************************************
	END general classes that could be used in a cms
***********************************************************************************************/

/**********************************************************************************************
    DIRECT PORT from Bootstrap 3.2 Panels are not included in Bootstrap 5.1
    UPGRADE to Bootstrap 5.1 20111104
**********************************************************************************************/
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

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

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

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

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

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

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

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

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

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

.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:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-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 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 {
    border-top: 1px solid #dddddd;
}

.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 {
    border: 0;
    margin-bottom: 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 {
            border-top: 1px solid #dddddd;
        }

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

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

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

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

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

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

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

.panel-primary {
    border-color: #00b3e9;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #00b3e9;
        border-color: #00b3e9;
    }

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

        .panel-primary > .panel-heading .badge {
            color: #00b3e9;
            background-color: #ffffff;
        }

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

.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;
    }

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

/**********************************************************************************************
	THE OVERRIDE SECTIONS MUST GO LAST. DO NOT PUT ANYTHING BELOW THEM!
***********************************************************************************************/

/**********************************************************************************************
	Override Bootstrap
***********************************************************************************************/
.bg-primary {
    background-color: #408A34;
}

.list-group {
    padding: 2px;
    margin: 0;
}

    .list-group a {
        padding: 2px;
        margin: 0;
    }

.panel {
    margin: 0;
}

.panel-heading {
    padding: 2px;
    margin: 0;
    background-color: #408A34;
}

.panel-footer {
    background-color: #CCCCCC;
}

.panel-title {
    padding: 2px;
    margin: 0;
    text-decoration: none;
}

    .panel-title a:hover {
        text-decoration: none;
    }

.list-group-item {
    padding: 2px;
    margin: 0;
}

.panel-body {
    padding: 2px;
    margin: 0;
}

.table > tbody > tr > th, .table > tbody > tr > td {
    padding: 2px;
    border-top: none;
}

/*.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #FFFFFF;
        border-color: #cccccc;
    }*/

.panel-primary {
    border-color: #408A34;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #408A34;
        border-color: #408A34;
    }

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

        .panel-primary > .panel-heading .badge {
            color: #408A34;
            background-color: #ffffff;
        }

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

.text-loud {
    font-style: italic;
    font-weight: bold;
}

.btn-gray {
    background-color: #CCC; /* Add to btn-default to override background color */
}

/* BEGIN INFO BUTTON */
.btn-info {
    background-color: rgb(90, 195, 222); /* Bootstrap light teal */
    color: white;
    cursor: auto;
}

    .btn-info:hover {
        background-color: rgb(90, 195, 222); /* Bootstrap light teal */
    }

.btn-trimmed {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
}
/* END INFO BUTTON */


/* BEGIN PRIMARY BUTTON */
.btn-primary {
    color: #ffffff;
    background-color: #408A34;
    border-color: #408A34;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #FFFFFF;
        background-color: #6AC656; /* Standard UNICOR (medium) green */
        border-color: #408A34; /* Standard UNICOR (darker) green */
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #6AC656;
        border-color: #408A34;
    }

    .btn-primary .badge {
        color: #408A34;
        background-color: #FFFFFF;
    }
/* END PRIMARY BUTTON */




.dropdown-menu {
    z-index: 90000;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        background: #FFF !important;
        color: #408A34 !important;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #FFFFFF;
        text-decoration: none;
        outline: 0;
        background-color: #00B3E9;
    }

.btn-group {
    z-index: 2000;
    height: 30px;
}

.accordion-caret .accordion-toggle:hover {
    text-decoration: none;
}

    .accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong {
        text-decoration: underline;
    }

.accordion-caret .accordion-toggle:before {
    font-size: 25px;
    vertical-align: -3px;
}

.accordion-caret .accordion-toggle:not(.collapsed):before {
    content: "▾";
    margin-right: 0px;
}

.accordion-caret .accordion-toggle.collapsed:before {
    content: "▸";
    margin-right: 0px;
}

#cardCarousel {
    margin-left: 0px;
    margin-right: 0px;
}

.card-carousel {
    border-style: solid;
    border-width: 1px 1px 5px;
    border-color: #d8d8d8 #d8d8d8 #b50909;
    border-radius: 0;
    background-color: #f4fafd;
}

    .card-carousel .card-carousel-inner {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        margin: 30px 0 30px 0;
    }

        .card-carousel .card-carousel-inner .card-carousel-body-left,
        .card-carousel .card-carousel-inner .card-carousel-body-right {
            max-width: 350px;
        }

            .card-carousel .card-carousel-inner .card-carousel-body-left img,
            .card-carousel .card-carousel-inner .card-carousel-body-right img {
                padding: 0 15px 0 15px;
                width: 100%;
            }

            .card-carousel .card-carousel-inner .card-carousel-body-left h3,
            .card-carousel .card-carousel-inner .card-carousel-body-right h3 {
                margin-top: 0;
            }

                .card-carousel .card-carousel-inner .card-carousel-body-left h3::after,
                .card-carousel .card-carousel-inner .card-carousel-body-right h3::after {
                    content: "";
                    display: block;
                    border-bottom: 2px solid #b50909;
                    width: 40px;
                    height: 10px;
                }

    .card-carousel .overview b {
        text-transform: uppercase;
        color: #1c47e3;
    }

    .card-carousel .carousel-indicators {
        left: 56%;
        bottom: 25px;
    }

        .card-carousel .carousel-indicators li {
            background-color: #112f4e;
            vertical-align: middle;
            height: 10px;
            width: 10px;
        }

            .card-carousel .carousel-indicators li.active {
                background-color: #b50909;
            }

/*.carousel {
}

.carousel-indicators li {
    background-color: #999999;
}

.carousel-indicators .active {
    background-color: #00B3E9;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    top: -20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-size: 20px;
    font-weight: bold;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    margin-left: 20px;
    font-family: serif;
}

    .carousel-control .icon-prev:before {
        content: '\2039';
    }

    .carousel-control .icon-next:before {
        content: '\203a';
    }

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.carousel .active.left, .carousel .active.right {
    left: 0;
    opacity: 0;
    z-index: 2;
}

.carousel .next, .carousel .prev {
    left: 0;
    opacity: 1;
    z-index: 1;
}*/



/**********************************************************************************************
	Override JQuery
***********************************************************************************************/

.ui-widget-overlay {
    background: #000;
}

.ui-dialog {
    z-index: 1000000 !important;
    position: fixed;
}

.ui-front {
    z-index: 1000000 !important;
}

.clsDialogText {
    font-family: Verdana;
    font-size: 14px;
}


/**********************************************************************************************
	IMPORTANT!     TESTING
***********************************************************************************************/

.UlHeader {
    font-size: 14px;
    font-weight: bold;
}

.clsUBulletList {
    padding-left: 10px !important;
}

    .clsUBulletList span.list-item {
        color: #666666;
        font-weight: normal;
    }

/*ul.clsUBulletList li {
    list-style-type: none;
    list-style-image: url(/Images2022/icons/reddot8x8.png);
    margin: 10px 0 10px 10px;
    padding-left: 10px;
}*/


ul.clsUBulletList li {
    list-style-type: disc;
}

    ul.clsUBulletList li::marker {
        color: #B50909;
        font-size: 24px;
        font-weight: bolder;
    }

    ul.clsUBulletList li:before {
        margin-right: 10px;
        position: relative;
        bottom: 6px;
    }

ul.clsUBulletList > ul > li {
    list-style-image: none;
}

    ul.clsUBulletList > ul > li:before {
        content: '-';
        font-size: 40px;
        line-height: 20px;
        vertical-align: middle;
        color: #b50909;
        margin-left: -8px;
    }

ul.clsUBulletList ul ul {
    padding-left: 4rem;
}

.clsBulletList {
    padding-left: 10px !important;
}

    .clsBulletList span.list-item {
        color: #666666;
        font-weight: normal;
    }

/*ul.clsBulletList li {
    list-style-type: none;
    list-style-image: url(/Images2022/icons/reddot8x8.png);
    margin: 10px 0 10px 10px;
    padding-left: 10px;
}*/


ul.clsBulletList li {
    list-style-type: disc;
}

    ul.clsBulletList li::marker {
        color: #B50909;
        font-size: 24px;
        font-weight: bolder;
    }

    ul.clsBulletList li:before {
        margin-right: 10px;
        position: relative;
        bottom: 6px;
    }

ul.clsBulletList > ul > li {
    list-style-image: none;
}

    ul.clsBulletList > ul > li:before {
        content: '-';
        font-size: 40px;
        line-height: 20px;
        vertical-align: middle;
        color: #b50909;
        margin-left: -8px;
    }

ul.clsBulletList ul ul {
    padding-left: 4rem;
}

.clsBoxShadow {
    /* CSS3 syntax */
    box-shadow: 5px 5px 5px #cccccc;
    -webkit-box-shadow: 5px 5px 5px #cccccc;
    -moz-box-shadow: 5px 5px 5px #cccccc; /* Place any other shared CSS properties here, except for those in the next rule */
    margin: 10px auto;
}

.clsBoxShadow, body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent {
    padding: 5px;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
}

body.ie6 .clsBoxShadow, body.ie7 .clsBoxShadow, body.ie8 .clsBoxShadow {
    /* This contains the color of the shadow in the CSS3 syntax */
    background: #CCCCCC; /* This contains the blur-radius in the CSS3 syntax */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5); /* You must remove the border in IE, since it will be replaced in the next rule */
    border: none;
}

    body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent {
        position: relative;
        margin-top: -10px;
        margin-left: -10px;
        margin-bottom: -10px;
        margin-right: -10px;
    }

.clsRoundedContent {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
    background: #CCCCCC;
}

.clsRoundedContent_Blue {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #FFFFFF;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#6AC656));
    background: -webkit-linear-gradient(#FFFFFF, #6AC656);
    background: -moz-linear-gradient(#FFFFFF, #6AC656);
    background: -ms-linear-gradient(#FFFFFF, #6AC656);
    background: -o-linear-gradient(#FFFFFF, #6AC656);
    background: linear-gradient(#FFFFFF, #6AC656);*/
}

.clsRoundedContent_Green {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #FFFFFF;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#6AC656));
    background: -webkit-linear-gradient(#FFFFFF, #6AC656);
    background: -moz-linear-gradient(#FFFFFF, #6AC656);
    background: -ms-linear-gradient(#FFFFFF, #6AC656);
    background: -o-linear-gradient(#FFFFFF, #6AC656);
    background: linear-gradient(#FFFFFF, #6AC656);*/
}


/* The container <div> - needed to position the dropup content */
.dropup {
    position: relative;
    display: inline-block;
}

.dropup-spacer {
    background-color: none;
    height: 1em;
}
/* Dropup content (Hidden by Default) */
.dropup-content {
    display: none;
    position: absolute;
    bottom: 1em;
    left: -20px;
    background-color: #FFF;
    border: 1px solid #EEE;
    border-radius: 5px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1000000 !important;
    width: 400px;
}

    /* Links inside thedropup */
    .dropup-content a {
        color: black;
        padding: 5px 5px;
        text-decoration: none;
        display: block;
        background-color: #FFF;
        border: 1px solid #EEE;
    }

        /* Change color of dropup links on hover */
        .dropup-content a:hover {
            background-color: #EEE
        }

/* Show thedropup menu on hover */
.dropup:hover .dropup-content {
    display: block;
}



/**********************************************************************************************
	END OF ORIGINAL     "IMPORTANT!     TESTING"     SECTION
***********************************************************************************************/


.clsContent_Blue {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the blue goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#408A34));
    background: -webkit-linear-gradient(#FFFFFF, #408A34);
    background: -moz-linear-gradient(#FFFFFF, #408A34);
    background: -ms-linear-gradient(#FFFFFF, #408A34);
    background: -o-linear-gradient(#FFFFFF, #408A34);
    background: linear-gradient(#FFFFFF, #408A34);
}

.clsContent_Green {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the green goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E1F2D0));
    background: -webkit-linear-gradient(#FFFFFF, #E1F2D0);
    background: -moz-linear-gradient(#FFFFFF, #E1F2D0);
    background: -ms-linear-gradient(#FFFFFF, #E1F2D0);
    background: -o-linear-gradient(#FFFFFF, #E1F2D0);
    background: linear-gradient(#FFFFFF, #E1F2D0);
}

.clsTab {
    border: 1px solid #00B2EF;
    font-weight: normal;
    BACKGROUND-IMAGE: url(//www.unicor.gov/unicor-emac/images/MenuBackground.gif);
    cursor: pointer;
    COLOR: #ffffff;
    background-color: #00B2EF;
}

.clsTabSelected {
    border: 1px solid #00B2EF;
    font-weight: normal;
    cursor: default;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FFFFFF;
}

.clsTabLine {
    background-color: #FFFFFF;
}

A.clsTabLink {
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    font-family: 'Open Sans',arial,sans-serif;
    text-decoration: none
}

    A.clsTabLink:hover {
        font-weight: bold;
        font-size: 11px;
        cursor: pointer;
        color: #FFFFFF;
        font-family: 'Open Sans',arial,sans-serif;
        text-decoration: none
    }

A.clsTabLinkSelected {
    font-weight: bold;
    font-size: 11px;
    COLOR: #00B2EF;
    font-family: 'Open Sans',arial,sans-serif;
    TEXT-DECORATION: none
}

    A.clsTabLinkSelected:hover {
        font-weight: bold;
        font-size: 11px;
        cursor: default;
        COLOR: #00B2EF;
        font-family: 'Open Sans',arial,sans-serif;
        TEXT-DECORATION: none
    }

/*******************************
    Styles for asp:GridView 
*******************************/
.grid {
    /* To override .table add styles here. This style is applied to ASP.NET GridView which almost always will have class = ".table" */
    margin-right: 20px;
    border: 1px solid #CCC;
    width: 100%;
}

    .grid th {
        font-weight: normal;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #CCC;
        background-color: #408A34; /* Standard UNICOR (darker) green */
        background-color: #6AC656; /* Standard UNICOR (medium) green */
        padding: 4px;
    }

    .grid td {
        padding: 4px;
        border: 1px solid #CCC;
    }

    .grid th a {
        font-weight: normal;
        color: #FFF;
        color: #000;
        margin: 5px;
        text-decoration: none;
    }

        .grid th a:hover {
            text-decoration: none;
            font-weight: normal;
            /* color: #e7f7e7;      very light green */
        }

    .grid.hidden {
        border-style: none none solid none;
        background-color: none;
    }

.gridAltRow {
    background-color: #e7f7e7; /* very light green */
}

.gridHeaderHover th:hover {
    background-color: #6AC656; /* Standard UNICOR (medium) green */
    background-color: #408A34; /* Standard UNICOR (darker) green */
}

.gridPager a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

    .gridPager a:hover,
    .gridPager a:focus {
        color: #333333;
        text-decoration: none;
    }

    .gridPager a:active,
    .gridPager a.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.gridPager-primary a {
    color: #ffffff;
    background-color: #408A34; /* Standard UNICOR (darker) green */
    border-color: #408A34;
}

    .gridPager-primary a:hover,
    .gridPager-primary a:focus,
    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        color: #ffffff;
        background-color: #6AC656; /* Standard UNICOR (medium) green */
        border-color: #007092; /* Dark teal (BootStrap) */
    }

    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        background-image: none;
    }

/*****************************
    End of GridView styles
*****************************/


/*****************************************************************************

    Styles for BootStrap tabs.
    
    These are meant to emulate the tabs on the Google search results page.

*****************************************************************************/
.tab-content {
    background-color: #FFF;
    color: #000;
    padding: 5px 5px 5px 0;
}

.nav-tabs {
    background-color: #FFF;
    font-weight: bold;
    font-size: 11px;
    font-family: 'Open Sans',arial,sans-serif;
    color: #FFF;
}

    .nav-tabs > li > a {
        background-color: #408A34;
        color: #FFF;
        border-top: #408A34 1px solid;
        border-left: #408A34 1px solid;
        border-right: #408A34 1px solid;
    }

        .nav-tabs > li > a:hover {
            background-color: #408A34;
            color: #FFF;
            border-top: #408A34 1px solid;
            border-left: #408A34 1px solid;
            border-right: #408A34 1px solid;
            border-bottom: #408A34 1px solid;
        }

    .nav-tabs > li.active {
        background-color: #FFF;
        color: #408A34;
    }

        .nav-tabs > li.active > a {
            background-color: #FFF;
            color: #408A34;
            border-top: #408A34 1px solid;
            border-left: #408A34 1px solid;
            border-right: #408A34 1px solid;
        }

            .nav-tabs > li.active > a:focus {
                background-color: #FFF;
                color: #408A34;
                border-top: #408A34 1px solid;
                border-left: #408A34 1px solid;
                border-right: #408A34 1px solid;
            }

            .nav-tabs > li.active > a:hover {
                border-top: #408A34 1px solid;
                border-left: #408A34 1px solid;
                border-right: #408A34 1px solid;
            }

.clsTabShadow {
    border-bottom: 1px solid #408A34 !important;
    cursor: default;
    color: #FFF;
    background-color: #FFF;
}

.form-control:focus {
    border-color: #5cb85c;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.has-error .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*#endregion Legacy UNICOR CSS */


/* If this is removed, Index.aspx does not look right 202203171541 MERGE WITH TACTIS */
.row {
    width: auto;
    height: auto;
    display: table;
}


/*#region Tactis */

/**************************************************
    BEGIN TACTIS - From Custom.css
***************************************************/


/* General */
.container {
    width: 100%;
}

.row {
    width: 100%;
    margin: 0;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.content {
    padding-top: 20px;
}

#content {
    margin-bottom: 50px;
}

.main-body {
    /*width: 776px;*/
}

.body-image {
    height: 562px;
    width: 766px;
}

    .body-image p {
        margin: 8px 10px !important;
    }

.full-width {
    width: 1022px;
}

.row-570 {
    position: relative;
    bottom: 570px;
}

.row-640 {
    position: relative;
    bottom: 640px;
}

.row-680 {
    position: relative;
    bottom: 680px;
}

/* Lists */

ol.feature-list {
    padding-left: 50px;
}

    ol.feature-list li {
        list-style-type: decimal;
        margin: 0 0 0 0;
        padding-left: 5px;
    }

        ol.feature-list li ol li {
            list-style-type: upper-alpha;
            margin: 0 0 0 0;
            padding-left: 0;
        }

.body-list span.list-item {
    height: 63px;
    width: 688px;
    color: #444444;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
}

ol.body-list li {
    list-style-type: decimal;
    margin: 10px 0 10px 0;
    padding-left: 10px;
}

/*ol.body-list ol {
    padding-inline-start: 60px !important;
}

    ol.body-list ol li {
        list-style-type: upper-alpha;
    }

    ol.body-list ol ol li {
        list-style-type: upper-roman;
    }*/

ol.body-list li {
    color: #b50909;
    font-weight: bold;
}

ul.body-list li {
    list-style-type: none;
    list-style-image: url(/images2022/icons/RedDot8x8.png);
    margin: 10px 0 10px 20px;
    padding-left: 10px;
}

    ul.body-list li:before {
        margin-right: 10px;
        position: relative;
        bottom: 6px;
    }

ul.body-list > ul > li {
    list-style-image: none;
}

    ul.body-list > ul > li:before {
        content: '-';
        font-size: 40px;
        line-height: 20px;
        vertical-align: middle;
        color: #b50909;
        margin-left: -8px;
    }

ul.body-list ul ul {
    padding-left: 8rem;
}



h3.card-text {
    margin-top: 0;
}


h4.by-the-numbers {
    line-height: 56px;
    font-weight: bold !important;
}

.contact-heading, .card-text,
.nav-tabs li a {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.form-group label,
.form-group input,
button, h5 {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

/*.table {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 15px;
    line-height: 28px;
}*/

p.card-text {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
}

.title {
    font-size: 30px;
}

.content {
    margin-top: -30px;
}

.page-title {
    margin: 0;
    text-align: left;
}

/*#region Colors */

.black {
    color: #000000;
}

.blue {
    color: #0052a5;
}

.blue-bg {
    background-color: #0052a5;
}

.blue-border {
    border-color: #0052a5;
}

.dark-blue {
    color: #112f4e;
}

.dark-blue-bg {
    background-color: #112f4e;
}

.dark-blue-border {
    border-color: #112f4e;
}

.gray {
    color: #666666;
}

.gray-bg {
    background-color: #666666;
}

.light-blue {
    color: #f4fafd;
}

.light-blue-bg {
    background-color: #f4fafd !important;
}

.light-gray {
    color: #d8d8d8;
}

.light-gray-bg {
    background-color: #d8d8d8;
}

.light-gray-border {
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 1px;
}

.medium-gray {
    color: #cccccc;
}

.medium-gray-bg {
    background-color: #cccccc;
}

.medium-gray-border {
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.red {
    color: #b50909;
}

.red-bg {
    background-color: #b50909;
}

.red-border {
    border-color: #b50909;
}

.transparent-bg {
    background-color: transparent;
}

.transparent-border {
    border-color: transparent;
}

.white {
    color: #ffffff;
}

.white-bg {
    background-color: #ffffff;
}

.white-border {
    border-color: #ffffff;
}

.yellow {
    color: #ebd406;
}

.yellow-bg {
    background-color: #ebd406;
}
/*#endregion Colors */

/* Spacing */
.margin-0 {
    margin: 0 !important;
}

.margin-1 {
    margin: 1rem !important;
    padding: 0;
}

.margin-1-auto {
    margin: 1rem auto 2rem !important;
    padding: 0;
}

.margin-0-1 {
    margin: 0 1rem !important;
    padding: 0;
}

.margin-1-0 {
    margin: 1rem 0 !important;
    padding: 0;
}

.margin-1-2 {
    margin: 1rem 2rem !important;
    padding: 0;
}

.margin-1-4 {
    margin: 1rem 4rem !important;
    padding: 0;
}

.margin-2 {
    margin: 2rem !important;
    padding: 0;
}

.margin-2-auto {
    margin: 2rem auto !important;
    padding: 0;
}

.margin-0-2 {
    margin: 0 2rem !important;
    padding: 0;
}

.margin-2-0 {
    margin: 2rem 0 !important;
    padding: 0;
}

.margin-2-4 {
    margin: 2rem 4rem !important;
    padding: 0;
}

.margin-4 {
    margin: 4rem !important;
    padding: 0;
}

.margin-4-auto {
    margin: 4rem auto !important;
    padding: 0;
}

.margin-0-4 {
    margin: 0 4rem !important;
    padding: 0;
}

.margin-4-0 {
    margin: 4rem 0 !important;
    padding: 0;
}

.no-border {
    border-width: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-1 {
    padding: 1rem !important;
}

.padding-1-0 {
    padding: 1rem 0 !important;
}

.padding-2 {
    padding: 2rem !important;
}

.padding-2-0 {
    padding: 2rem 0 !important;
}

.padding-4 {
    padding: 4rem !important;
}

.padding-4-0 {
    padding: 4rem 0 !important;
}

.padding-top-8 {
    margin: 0;
    padding-top: 8rem;
}

/* Lines */
.line-30 {
    border-style: solid;
    height: 2px;
    width: 30px;
}

.line-50 {
    border-style: solid;
    height: 2px;
    width: 50px;
}

.line-80 {
    position: relative;
    border-style: solid;
    height: 2px;
    width: 80px;
}

.line-90 {
    border-style: solid;
    height: 2px;
    width: 90px;
}

.line-110 {
    border-style: solid;
    height: 2px;
    width: 110px;
}

.line-150 {
    border-style: solid;
    height: 2px;
    width: 150px;
}

.line-650 {
    border-style: solid;
    height: 2px;
    width: 650px;
}

/* Text */
.text-2 {
    font-size: 2rem;
}

.text-3 {
    font-size: 3rem;
}

.text-6 {
    font-size: 6rem;
}

.text-8 {
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.text-17 {
    color: #112f4e;
    font-size: 2.8rem;
    font-weight: bold;
}

.text-18 {
    margin: 30px 0 0;
    width: 100%;
    line-height: 28px;
}

.text-19 {
    color: #112f4e;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 32px;
}

.text-20 {
    margin: 15px 0;
    font-size: 1rem;
    line-height: 28px;
}

.text-21 {
    margin: 30px 50px 0 30px;
    width: 100%;
    line-height: 28px;
    font-size: 1rem;
}

.text-style-2 {
    color: #0052a5;
    text-decoration: underline;
}

.text-style-3 {
    color: #112f4e;
    font-weight: bold;
}

.text-style-4 {
    line-height: 28px;
}

.text-style-5 {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}

.text-style-6 {
    color: #112f4e;
    font-weight: 600;
}

.text-style {
    margin: 0 0 !important;
}

.subtitle {
    margin: 0;
    padding: 0;
}

h2.title,
h3.title {
    margin: 0;
}

.bold {
    font-weight: bold;
}

.align-right {
    text-align: right;
}

/* Hero Carousel */
.hero {
    height: 540px;
    width: 100%;
}

#hero-carousel img {
    position: relative;
    bottom: 420px;
    left: 248px;
    margin: 0;
    padding: 0;
    z-index: -1;
}

#hero-carousel.carousel {
    border: none;
    height: 540px;
}

/* Info Box */
.info-box {
    height: 418px;
    width: 400px;
    position: relative;
    top: 50px;
}

    .info-box h2 {
        margin-left: 4rem !important;
        padding-top: 4rem;
    }

    .info-box p {
        margin: 4rem;
    }

/* Services */
#services {
    margin-right: 2px;
    margin-top: -1px;
}

.service-box {
    height: 300px;
    width: 300px;
}

    .service-box a {
        text-decoration: none;
    }

    .service-box:hover {
        background-color: #ffffff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .service-box img {
        height: 40px;
        width: 40px;
        margin: 3rem 2rem 0 2rem;
    }

    .service-box h5,
    .service-box p {
        margin: 1rem 2rem;
    }

    .service-box p {
        padding: 0;
    }

.service-text {
    padding: 0;
}

/* Capabilities Box */
#capabilities {
    height: 1125px;
}

    #capabilities h1 {
        margin-top: 0;
    }

    #capabilities h4 {
        font-weight: 400;
        font-size: 18px;
    }

    #capabilities li {
        float: left;
        margin-left: 2rem;
    }

.capabilities-box {
    height: 400px;
    width: 350px;
    position: relative;
    left: 76px;
}

/* Tabs */
#tabs {
    margin-top: 4rem;
}

.tabs {
    margin-bottom: 3rem;
}

.nav-tabs {
    border: none;
    margin-left: 10px;
}

    .nav-tabs li {
        width: 33%;
        text-align: center;
        border-width: 1px 1px 3px;
    }

        .nav-tabs li a {
            background-color: #f4fafd !important;
            border-style: solid;
            border-color: #d8d8d8 #d8d8d8 #b50909;
            border-radius: 0 !important;
            border-width: 1px 1px 3px !important;
            color: #112f4e;
            font-size: 18px;
            line-height: 46px !important;
            z-index: 1;
        }

            .nav-tabs li a:hover {
                background-color: #112f4e !important;
                border-color: #112f4e;
                border-width: 1px 1px 3px;
            }

        .nav-tabs li.active a {
            border-color: #0052a5 !important;
            border-width: 1px 1px 3px;
            background-color: #0052a5 !important;
            color: #fff !important;
        }

            .nav-tabs li.active a:hover {
                color: #d8d8d8;
                border-width: 1px 1px 3px;
            }

.tab-content {
    /*padding-left: 2.5rem;*/
}

.tab-text-title {
    color: #112f4e;
    padding: 2.5rem 0 1rem;
    margin: 0;
}

.tab-text {
    color: #666;
    margin: 12px 0;
    width: 100%;
    padding: 0 10px 0 0;
}

.float-left {
    margin: 0;
    padding: 0;
}

/* Buttons */
#buttons button {
    margin: 1rem auto !important;
}

.big-button,
.solid-button,
.transparent-button {
    border-style: solid;
    border-radius: 0.5rem;
    border-width: 2px;
    margin: 2rem auto;
    padding: 1rem 2rem;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.big-button {
    font-size: 20px;
    padding: 2rem;
}

.transparent-button {
    background-color: transparent;
}

    .big-button:hover,
    .solid-button:hover,
    .transparent-button:hover {
        background-color: #112f4e;
        border-color: #112f4e;
        color: #ffffff;
    }

    .big-button:active,
    .solid-button:active,
    .transparent-button:active {
        background-color: #c50909;
        border-color: #c50909;
        color: #ffffff;
    }

    .big-button:disabled,
    .solid-button:disabled,
    .transparent-button:disabled {
        background-color: #cccccc;
        border-color: #cccccc;
        color: #ffffff;
    }

    .transparent-button:disabled {
        color: #cccccc;
    }

/* Classes for the sidebar contact block */
.components-icons-identification {
    display: block;
    height: 40px;
    width: 40px;
    background: url(/images2022/icons/unicor-icon-contact.svg);
    background-size: 40px 40px;
    color: #5b0909;
    margin-left: 15px;
}

.contact-block {
    background-color: #f4fafd !important;
    border-style: solid;
    border-width: 1px 1px 5px;
    border-color: #d8d8d8 #d8d8d8 #b50909;
    margin: 5.6rem auto 30px;
    padding: 10px 0 0;
    position: relative;
    width: 220px;
}

    .contact-block p {
        margin: 4px 0 4px 10px;
    }

.contact {
    border: none !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.contact-heading {
    margin: 10px 0 0;
    color: #112f4e;
    text-align: center;
}

.contact-text {
    margin: 7px 15px 0;
    width: 89.189186%; /* 198px / 222px = 89.189186% */
}

p.contact-text {
    font-size: 14px;
    line-height: 18px;
}

.contact-text a {
    color: #0052a5;
}

.contact-text > * {
    line-height: 18px;
    margin: 15px 0 0;
    color: #666666;
    line-height: 18px;
}

.contacts ul {
    list-style: none !important;
    margin: 5px 20px 10px 20px;
}

.contacts h4 {
    margin-left: 10px;
}

.contact li {
    margin: 0px;
}

.contact .contact-icon {
    padding-top: 5px;
}

.contact .contact-name {
    color: #112f4e;
    font-weight: 700;
    position: relative;
    top: 5px;
}

.contact .contact-title {
    color: #666666;
    position: relative;
    top: 5px;
}

.contact .contact-email a,
.contact .contact-email button {
    font-size: 16px;
    line-height: 24px;
}

    .contact .contact-email button:hover {
        text-decoration: none;
    }

.contact .contact-email .email-icon {
}

.contact .contact-phone {
}

/*#region Card Groups */
.cta-cards { /* DO NOT USE */
    padding-right: 1rem;
    width: 766px;
}

.card-container {
    border-style: solid;
    border-width: 1px 1px 5px;
    border-color: #d8d8d8 #d8d8d8 #b50909;
    border-radius: 0 !important;
    width: 225px;
    height: auto;
    margin-bottom: 15px;
    background-color: #f4fafd !important;
}

.card-container-sm { /* just makes it a bit smaller */
    width: 150px;
}

.crosssell-img {
    width: 148px;
    height: 148px;
}

.card-media {
    width: 100%;
    background-color: #FFF;
}

.card-group {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .card-group li {
        margin: 0;
        padding: 0;
    }

        .card-group li.last {
            padding-left: 20px;
        }

.card-body {
    margin: 10px 0;
    height: 50px;
    text-align: center;
}

.card-body-height-2 {
    height: 70px;
}

.card-body-height-3 {
    height: 90px;
}

.card-img img {
    width: 100%;
    max-height: 225px; /* Optional: This should always = .card-container.width */
}

.card-img-landscape img {
    max-width: 225px;
    max-height: 149px;
}

.card-img-landscape a img {
    max-width: 225px;
    max-height: 149px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*#endregion Card Groups */


/* Brochure */
#brochure {
    /*height: 345px;*/
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #d8d8d8;
    margin-right: 2px;
}

.recycling {
    width: 100%;
}

    .recycling #brochure {
        border-width: 1px !important;
    }

.brochure .col-9 {
    margin: 2rem 1.2rem;
    position: relative;
}

.brochure .row {
    background-color: #f4fafd !important;
    border-style: solid;
    border-width: 2px 0 0;
    border-color: #d8d8d8;
    margin: 2rem 0 0;
}

.brochure-image {
    display: block;
    margin: 0 auto 3.4rem;
}

    .brochure-image.above {
        position: relative;
        bottom: 50px;
    }

    .brochure-image.below img {
        position: relative;
        top: 20px;
        right: -52px;
    }

#brochure .line-80 {
    margin: 1.5rem 0;
}

/* Store */
#store {
    height: 420px;
}

    #store .row {
        height: 420px;
    }

.store-bg {
    height: 429px;
    width: 1022px;
    border: none;
}

/* Testimonials Carousel */
.carousel {
    position: relative;
    z-index: 1;
    border: none;
    margin: 0 auto 6rem;
    width: 90%;
}

.inner-page-carousel {
    margin: 0 auto;
    width: 766px;
}

    .inner-page-carousel #bs-carousel {
        margin: 0;
    }

.carousel .testimonials {
    margin: 3rem auto 0;
    padding: 0;
    position: relative;
}

    .carousel .testimonials h2 {
        margin-left: 45px;
    }

    .carousel .testimonials .row {
        width: 90%;
        margin: 0 auto;
    }

.carousel .carousel-caption {
    position: relative;
    left: 180px;
    top: -155px;
    padding: 0;
    margin: 0;
    height: 10rem;
    text-align: left;
    text-shadow: none;
}

    .carousel .carousel-caption h4 {
        display: none;
    }

.carousel .carousel-caption-testimony {
    margin: 0 2rem 1rem 0;
    padding-right: 9rem;
    width: 90%;
    font-style: italic;
    font-size: 20px;
    font-weight: 100;
    line-height: 28px;
}

.carousel .carousel-caption-credit {
    font-weight: 100;
    margin: 13px 0 0;
    line-height: 22px;
}

.carousel .carousel-inner {
    margin: 0 auto;
}

    .carousel .carousel-inner .hero {
        margin: 0 auto;
        height: 540px;
    }

    .carousel .carousel-inner item {
        display: inline;
        height: 540px;
    }

        .carousel .carousel-inner item img {
            float: left;
            height: 20rem;
        }

.carousel .carousel-control {
    border: 0 !important;
    background-image: none !important;
    opacity: 1;
}

    .carousel .carousel-control .glyphicon {
        color: #b50909;
    }

    .carousel .carousel-control .chevron {
        height: 20px;
    }

    .carousel .carousel-control .chevron-left {
        position: relative;
        top: 3rem;
        left: -6rem;
        background: transparent url(/images2022/icons/chevron-left-red.svg) 0 0 no-repeat;
    }

    .carousel .carousel-control .chevron-right {
        position: relative;
        top: 3rem;
        left: 16rem;
        background: transparent url(/images2022/icons/chevron-right-red.svg) 0 0 no-repeat;
    }

    .carousel .carousel-control .chevron-left:hover {
        background: transparent url(/images2022/icons/chevron-left-blue.svg) 0 0 no-repeat;
    }

    .carousel .carousel-control .chevron-right:hover {
        background: transparent url(/images2022/icons/chevron-right-blue.svg) 0 0 no-repeat;
    }

.inner-page-carousel .chevron-left {
    left: -6rem !important;
}

.inner-page-carousel .chevron-right {
    left: 10rem !important;
}
/*
.carousel .carousel-control .glyphicon-chevron-left {
  position: relative;
  left: -10rem;
}
.carousel .carousel-control .glyphicon-chevron-right {
  position: relative;
  left: 10rem;
}
*/
.carousel .carousel.slide {
    border: none;
}

.carousel-indicators {
    bottom: 0;
    left: 200px;
}

#bs-carousel .carousel-indicators {
    bottom: -1rem;
}

.carousel-indicators li {
    background-color: #112f4e;
    vertical-align: middle;
}

    .carousel-indicators li.active {
        background-color: #b50909;
        height: 10px;
        width: 10px;
    }

/* Scrollable Table */
.scrollable-table {
    height: 230px;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
    overflow-y: scroll;
}

    .scrollable-table th {
        background-color: #112f4e !important;
        color: #ffffff;
        border-color: #c50909 !important;
        border-style: solid;
        border-width: 0 0 4px;
        vertical-align: middle !important;
        padding: 12px 20px !important;
    }

    .scrollable-table tr {
        border-style: solid;
        border-color: #d8d8d8 !important;
        border-width: 0 0 2px;
    }

    .scrollable-table td {
        min-width: 187px;
        padding: 20px !important;
    }

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #f4fafd !important;
}

/* Accordion */
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    margin-top: 10px !important;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }

    .panel-title p {
        padding: 0;
        margin: 0 !important;
    }

.more-less {
    float: right;
    color: #212121;
}

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

.plus {
    height: 12px;
    width: 12px;
    margin-top: 7px;
    background: transparent url(/images2022/icons/red-plus.svg) 0 0 no-repeat;
}

.minus {
    height: 4px;
    width: 12px;
    margin-top: 11px;
    background: transparent url(/images2022/icons/red-minus.svg) 0 0 no-repeat;
}

/* Embedded images */
.embedded-image-left {
    float: left;
    height: 250px;
    width: 382px;
    padding: 8px 16px 0 0;
}

.embedded-image-right {
    float: right;
    height: 250px;
    width: 382px;
    padding: 8px 0 0 16px;
}

/* Pull Quote */
.pull-quote {
    width: 100%;
    border-style: solid;
    border-width: 0 0 0 5px;
    border-color: #c50909;
}

    .pull-quote .line-30 {
        margin: 2rem 0 2rem 3rem;
    }

    .pull-quote h4 {
        font-family: Lora, sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 36px;
        padding-right: 1rem;
    }

    .pull-quote h4,
    .pull-quote h5,
    .pull-quote p {
        margin: 0 0 0 3rem !important;
    }

    .pull-quote p {
        padding: 0;
    }


.form-group label {
    padding-right: 10px;
}

.form-group.required label:after {
    content: '*';
    color: #c50909;
}

.form-group.has-error {
    border-style: solid;
    border-width: 0 0 0 2px;
    border-color: #c50909;
    padding-left: 10px;
}

.form-group .radio input,
.form-group .checkbox input {
    height: 18px;
    width: 18px;
    margin: 1px 0 0 -28px;
}

.help-block.center {
    color: #112F4E;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    box-sizing: border-box;
    height: 45px;
    border: 1px solid #E2EBF2;
    background-color: #F4FAFD;
    padding-top: 10px;
}






/**************************************************
    END TACTIS - From Custom.css
***************************************************/

/*#endregion Tactis*/

/*#region UNICOR Defaults */

body {
    font-size: 14px;
}

a {
    text-decoration: none !important;
    color: #0052A5;
    outline: none !important;
}

    a:hover {
        text-decoration: none !important;
        color: #0052A5;
    }

p {
    margin: 15px 0 30px;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
    border-style: none;
    max-width: 100%; /*Added at Anthony's suggestion 20220921*/
}

li {
    list-style-type: none;
}

h1 {
    font-size: 40px;
    /*color: #112F4E;*/
    font-weight: bold;
}

h2 {
    font-size: 28px;
    /*color: #112F4E;*/
    font-weight: bold;
}

h3 {
    font-size: 20px;
    /*color: #112F4E;*/
    font-weight: bold;
}

h4 {
    font-size: 18px;
    /*color: #112F4E;*/
    font-weight: bold;
}

h5 {
    font-size: 16px;
    /*color: #112F4E;*/
    font-weight: bold;
}

/*#endregion UNICOR Defaults */

/*#region UNICOR Common Styles */

.font-small-normal {
    font-size: 10px;
}

.font-large-normal {
    font-size: 18px;
}

.font-small-bold {
    font-size: 10px;
    font-weight: bold;
}

.font-medium-bold {
    font-weight: bold;
}

.font-large-bold {
    font-size: 18px;
    font-weight: bold;
}

.font-small-error {
    font-size: 10px;
    color: #B50909;
    font-weight: bold;
}

.font-medium-error {
    font-size: 14px;
    color: #B50909;
    font-weight: bold;
}

.font-large-error {
    font-size: 18px;
    color: #B50909;
    font-weight: bold;
}

/*#endregion UNICOR Common Styles */

/*#region UNICOR Styles */

/**************************************************************************************
  This overrides UNICOR old and legacy styles
  Remove old styles as they are overridden or determined to be unnecessary
**************************************************************************************/

.centered-1024 {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.red-border-top {
    border-top: 5px solid #B50909;
}

.gray-border-sides {
    /* 
        Using border does not work around the footer 
        Only use on the outermost element
    */
    outline: 1px solid #CCCCCC;
}

.titlebar {
    color: #FFF;
    background-color: #800000;
}

    .titlebar a {
        color: #FFF;
    }

.usa-card__container {
    width: 375px;
}

.tab-selected {
    background-color: #0052A5;
    margin: 2px;
    color: #FFF;
    vertical-align: middle;
    border-radius: 2px;
}

.footer-background {
    background-color: #112F4E;
    /* width: 1024px; */
    height: 300px;
    margin-top: 2px;
}

.clsFooterWrapper {
    background-color: #FFF;
    border: 0;
    margin: 0;
    width: 1024px;
}

.icon-social {
    background-color: white;
    border-radius: 50%;
    border: 0;
    padding: 10px;
    margin: 5px;
}

    .icon-social img {
        vertical-align: middle;
        text-align: center;
    }

.footer-text {
    color: #FFF;
    margin: 10px;
}

    .footer-text a {
        color: #FFF;
        margin: 10px;
    }

.clsHeaderWrapper {
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsButton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
    background: -moz-linear-gradient( center top, #468ccf 5%, #0052A5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#468ccf', endColorstr= '#0052A5' );
    background-color: #468ccf;
}

.clsButton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
    background: -moz-linear-gradient( center top, #468ccf 5%, #0052A5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#468ccf', endColorstr= '#0052A5' );
    background-color: #468ccf;
}

.clsGlobalNavigation {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    color: #112F4E;
    margin-left: 5px;
    margin-right: 5px;
}

    .clsGlobalNavigation:hover {
        color: #112F4E;
        text-decoration: none;
    }

    .clsGlobalNavigation:visited {
        color: #112F4E;
        text-decoration: none;
    }

.clsGlobalButton {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #036;
    background-color: #0052A5;
}


.clsMainMenu {
    background: #FFF;
    color: #112F4E;
}

    .clsMainMenu table {
        margin: 0px;
        padding: 0px;
    }

    .clsMainMenu td {
        margin: 0px;
        padding: 0px;
    }

    .clsMainMenu ul {
        margin: 0px;
        padding: 0px;
    }

    .clsMainMenu li {
        margin: 0px;
        padding: 0px;
    }

    .clsMainMenu a {
        margin: 0px;
        padding: 0px;
    }


/**************************************************************************************
	BEGIN Dropdown Menus
**************************************************************************************/


.clsDropDown {
    position: relative;
    z-index: 1001;
    text-align: left;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .clsDropDown a {
        font-weight: bold;
        font-family: 'Open Sans',arial,sans-serif;
        font-style: normal;
        font-size: 18px;
        color: #112F4E;
        text-decoration: none;
        display: block;
        padding: 0;
        margin-bottom: 0;
    }

    .clsDropDown ul:active {
        color: #0052A5 !important;
    }

    .clsDropDown a:hover {
        color: #FFF !important;
    }

    .clsDropDown ul li:hover {
        color: #0052A5 !important;
    }

    .clsDropDown ul li:active {
        color: #0052A5 !important;
    }

    .clsDropDown ul li a:hover {
        color: #FFF !important;
    }

    .clsDropDown ul li td:hover {
        background-color: #0052A5 !important;
    }

    .clsDropDown ul {
        background: #FFFFFF;
        display: none;
        margin: 0;
        padding: 0;
        min-width: 150px;
        position: absolute;
        top: 38px;
        left: -1px;
        border-bottom: solid 2px #999999;
        box-shadow: 1px 1px 1px #CCCCCC;
        -moz-box-shadow: 1px 1px 1px #CCCCCC;
        -webkit-box-shadow: 1px 1px 1px #CCCCCC;
    }

        .clsDropDown ul li {
            float: none;
            margin: 0;
            padding: 0;
            min-width: 200px;
        }

    .clsDropDown li {
        margin: 0px 0px 0px 0px;
        padding: 0 6px 0px 6px;
        float: left;
        position: relative;
        list-style: none;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-right-color: #0052A5;
        border-left-color: #0052A5;
    }

        .clsDropDown li:hover {
            background-color: #0052A5;
            color: #FFFFFF !important;
        }

            .clsDropDown .active a, .clsDropDown li:hover > a {
                color: #FFFFFF;
            }

    .clsDropDown ul li ul /* Second Level Menu */ {
        background-color: #FFFFFF;
        display: none;
        margin: 0;
        padding: 0;
        min-width: 200px;
        position: absolute;
        top: 0px;
        left: 199px;
        border-top: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-bottom: solid 2px #CCCCCC;
    }

        .clsDropDown ul li ul li {
            background: #FFFFFF;
        }

    .clsDropDown li ul li a {
        margin: 0;
        color: #000000;
        padding: 2px 6px 2px 6px;
    }

    .clsDropDown li:hover > ul {
        display: block;
        transition-delay: 1s;
    }

    .clsDropDown:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }


.clsCartDropDown .active a, .clsCartDropDown li:hover > a {
    background: #0052A5 !important;
    color: #000000 !important;
}

.clsCartDropDown ul a:hover {
    background: #0052A5 !important;
    color: #FFFFFF !important;
}

.clsTableHeaderCell {
    padding: 2px;
    border: 1px solid #000000;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #0052A5;
}

.clsHeader {
    color: #0052A5;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 16px;
    font-weight: Bold;
}

.clsPodHeaderCell {
    border: 1px solid #808080;
    padding: 2px;
    margin: 0;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: #0052A5;
    color: #FFFFFF;
}

.clsDynamicHoverStyle {
    background-color: #0052A5;
    font-weight: bolder;
}

.box-large-blue {
    margin: 4px;
    background: #0052A5;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.tdblueceldark {
    background-color: #0052A5;
}

.news-title-active {
    color: #0052A5 !important
}
/**********************************************************************************************
	Override Bootstrap
***********************************************************************************************/
* {
    /* Required for Tactis Content however, causes an issue in the footer */
    /* box-sizing: border-box; */
}

.bg-primary {
    background-color: #0052A5;
}

    .bg-primary a {
        color: #FFF;
    }

.form-control:focus {
    border-color: #0052A5;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-heading {
    padding: 2px;
    margin: 0;
    background-color: #0052A5;
}

.panel-success > .panel-heading { /* Temporary for Product Pages*/
    background-color: #0052A5;
    color: #FFF;
}

.panel-primary {
    border-color: #0052A5;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #0052A5;
        border-color: #0052A5;
    }

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #0052A5;
        border-color: #0052A5;
    }

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

        .panel-primary > .panel-heading .badge {
            color: #0052A5;
            background-color: #ffffff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #0052A5;
    }
/* BEGIN PRIMARY BUTTON */
.btn-primary {
    color: #ffffff;
    background-color: #0052A5;
    border-color: #0052A5;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #FFFFFF;
        background-color: #0052A5;
        border-color: #0052A5;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #0052A5;
        border-color: #0052A5;
    }

    .btn-primary .badge {
        color: #0052A5;
        background-color: #FFFFFF;
    }
/* END PRIMARY BUTTON */

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background: #FFF !important;
    color: #FFF !important;
}


/*******************************
    Styles for asp:GridView 
*******************************/
.grid {
    /* To override .table add styles here. This style is applied to ASP.NET GridView which almost always will have class = "table" */
    margin-right: 20px;
    border: 1px solid #CCC;
    width: 100%;
}

    .grid th {
        font-weight: normal;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #CCC;
        background-color: #0052A5;
        padding: 4px;
        color: #FFF;
    }

    .grid td {
        padding: 4px;
        border: 1px solid #CCC;
    }

    .grid th a {
        font-weight: normal;
        color: #FFF;
        margin: 5px;
        text-decoration: none;
    }

        .grid th a:hover {
            text-decoration: none;
            font-weight: normal;
        }

    .grid.hidden {
        border-style: none none solid none;
        background-color: none;
    }

.gridAltRow {
    background-color: #FFF;
}

.gridHeaderHover th:hover {
    background-color: #112F4E;
}

.gridPager a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

    .gridPager a:hover,
    .gridPager a:focus {
        color: #333333;
        text-decoration: none;
    }

    .gridPager a:active,
    .gridPager a.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.gridPager-primary a {
    color: #ffffff;
    background-color: #0052A5;
    border-color: #0052A5;
}

    .gridPager-primary a:hover,
    .gridPager-primary a:focus,
    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        color: #ffffff;
        background-color: #112F4E;
        border-color: #0052A5;
    }

    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        background-image: none;
    }

/*****************************
    End of GridView styles
*****************************/


.clsTabShadow {
    border-bottom: 1px solid #0052A5 !important;
    cursor: default;
    color: #FFF;
    background-color: #FFF;
}

.clsRoundedContent {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 215px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
    background: #CCCCCC;
}

.clsRoundedContent_Blue {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 215px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #FFFFFF;
}

.clsRoundedContent_Green {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 215px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #FFFFFF;
}

.clsBusinessCard {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
    width: 215px;
    font-family: 'Open Sans',arial,sans-serif;
    box-shadow: 3px 3px 3px #cccccc;
    font-size: 12px;
    color: #000000;
}

    .clsBusinessCard a {
    }

.nav .open > a, .nav .open > a:hover, .nav .open {
    background-color: #0052A5;
    border-color: transparent;
}

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        color: #FFF;
    }

        .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
            background-color: #0052A5;
            border-color: #0052A5;
        }

.navbar-nav > li > a {
    color: #112F4E;
    font-size: 16px;
    font-weight: bold;
}

.dropdown {
    z-index: 10001;
}

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* remove the gap so it doesn't close */
    }

/*.dropdown-toggle:hover {
    background-color: #0052A5 !important;
    color: #FFF;
}*/

/*.dropdown-link:hover {
    background-color: #0052A5 !important;
    color: #FFF;
}*/

/*.dropdown-toggle-nobackground:hover {
    background-color: #FFFFFF !important;
    color: #0052A5;
}*/

/*.dropdown-menu {
    background-color: #0052A5;
}*/

/*.dropdown-menu > li > a {
        background-color: #0052A5;
        color: #FFF;
    }*/

.dropdown-menu > li > a:hover {
    background-color: #112F4E !important;
    color: #FFF;
}

.nohover:hover {
    background-color: transparent !important;
}

/**************************************************************************************
Single Navigation Item
**************************************************************************************/

.clsCSSNavElement {
    background-color: #FFFFFF;
    padding: 4px;
    width: 202px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

    .clsCSSNavElement a:hover {
        color: #FFFFFF;
    }


/**************************************************************************************
Left Navigation pure CSS menu
**************************************************************************************/

.clsCSSNav {
    border-bottom: 1px solid #CCCCCC;
    width: 194px;
    padding-left: 0px;
    cursor: default;
    list-style-type: none;
    margin-left: 4px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    z-index: 1000;
}

    .clsCSSNav .clsCSSNavItem > .clsCSSNav {
        list-style-type: none;
        display: none;
        position: absolute;
        margin-top: -25px;
        margin-left: -25px;
        left: 218px;
        border: solid 1px #CCCCCC;
        box-shadow: 2px 2px 5px #CCCCCC;
        -moz-box-shadow: 2px 2px 5px #CCCCCC;
        -webkit-box-shadow: 2px 2px 5px #CCCCCC;
        z-index: 5001;
    }

    .clsCSSNav .clsCSSNavItem:hover, .clsCSSNavItem.CSStoHighlight {
        color: #000;
        font-weight: normal;
    }

    .clsCSSNav .clsCSSNav.CSStoShow {
        display: block;
    }

    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNav {
        display: block;
    }

    /*Left Stack - First (Root) Level */
    .clsCSSNav .clsCSSNavItem .clsCSSNavLink {
        color: #000;
        background-color: #FFF; /*First Level Background Color*/
        display: block;
        padding: 4px;
        list-style-type: none;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
    }

        .clsCSSNav .clsCSSNavItem .clsCSSNavLink:hover, .clsCSSNav .clsCSSNavItem .clsCSSNavLink.CSStoHighLink {
            color: #112F4E;
            background-color: #FFFFFF;
        }

    /* 2nd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

    /* 3rd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNav {
        margin-left: -30px;
    }

    /*First Level Hover Behavior*/
    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

    /*Second Level Hover Behavior*/
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

/* Replaces .option on all product pages */
.option {
}

/* Replaces .selected on all product pages */
.selected {
    outline: 2px solid #0052A5;
    display: block;
    box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
}

/* Moved from Poduct Pages */
.optionSelected {
    border-left: 10px solid #0052A5;
    border-right: 2px solid #0052A5;
    border-top: 2px solid #0052A5;
    border-bottom: 2px solid #0052A5;
    /* 
        You can only add a shadow to a table row
        if display:block or inline-block is used.

        display:block
        box-shadow: 5px 5px 5px #CCCCCC;
        -moz-box-shadow: 5px 5px 5px #CCCCCC;
        -webkit-box-shadow: 5px 5px 5px #CCCCCC; 
     */
}

.color-medium {
    border: 1px solid #0052A5;
}


/*#endregion UNICOR Styles */

/*#region SOP Alpha List */
.nav-tabs-alphalist {
    padding: 0;
}

    .nav-tabs-alphalist li {
        width: 60px;
        padding: 0;
    }

        .nav-tabs-alphalist li a {
            font-size: 10px;
            line-height: 14px !important;
            margin: 0;
        }
/*#endregion SOP Alpha List */

/*#region Tag Menu */
.nav-tabs-tagmenu {
    padding: 0;
}

    .nav-tabs-tagmenu li {
        width: 150px;
        padding: 0;
    }

        .nav-tabs-tagmenu li a {
            font-size: 14px;
            line-height: 18px !important;
            margin: 0;
        }
/*#endregion Tag Menu */

/*#region USWDS Styles */
.usa-sidenav {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 10px;
    list-style-type: none;
    padding-left: 0;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 1px solid #dfe1e2;
    font-size: 15px;
}

    .usa-sidenav > li {
        margin-bottom: 0;
        max-width: unset;
    }

.usa-sidenav__item {
    border-top: 1px solid #dfe1e2;
    font-size: 13px;
}

.usa-sidenav a:not(.usa-button) {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

    .usa-sidenav a:not(.usa-button):hover {
        background-color: #f0f0f0;
        text-decoration: none;
    }

    .usa-sidenav a:not(.usa-button):not(.usa-current) {
        color: #565c65;
    }

        .usa-sidenav a:not(.usa-button):not(.usa-current):hover {
            color: #005ea2;
        }

        .usa-sidenav a:not(.usa-button):not(.usa-current):focus {
            outline-offset: 0;
        }

.usa-sidenav .usa-current {
    position: relative;
    color: #005ea2;
    font-weight: 700;
}

.usa-current {
    color: #005ea2;
    font-weight: 700;
}

.usa-sidenav .usa-current::after {
    background-color: #005ea2;
    border-radius: 99rem;
    content: "";
    display: block;
    position: absolute;
    bottom: 0.25rem;
    top: 0.25rem;
    width: 0.25rem;
    left: 0.25rem;
}

.grid-container .usa-sidenav {
    margin-left: -1rem;
    margin-right: -1rem;
}

@media all and (min-width: 40em) {
    .grid-container .usa-sidenav {
        margin-left: 0;
        margin-right: 0;
    }
}

.usa-sidenav__sublist {
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    font-size: 1rem;
}

    .usa-sidenav__sublist > li {
        margin-bottom: 0;
        max-width: unset;
    }

.usa-sidenav__sublist-item {
    border-top: 1px solid #dfe1e2;
    font-size: 0.93rem;
}

.usa-sidenav__sublist .usa-current::after {
    display: none;
}

@media all and (min-width: 40em) {
    .usa-sidenav__sublist .usa-current::after {
        display: none;
    }
}

.usa-sidenav__sublist a:not(.usa-button) {
    padding-left: 2rem;
}

.usa-sidenav__sublist .usa-sidenav__sublist a:not(.usa-button) {
    padding-left: 3rem;
}

.usa-sidenav__sublist .usa-sidenav__sublist .usa-sidenav__sublist a:not(.usa-button) {
    padding-left: 4rem;
}
/*#endregion USWDS Styles */

/*#region Override nav-pills */

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    color: #FFF;
    background-color: #0052A5;
}

.nav-pills > li > a {
    color: #888; /* gray 888 or black 000  */
    border: 1px solid #888;
    outline: none;
    background-color: #FFF; /* light gray CECFCE or white FFF  */
}

    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        color: #0052A5;
        background-color: #FFF;
        border: 1px solid #000; /* dk grn 408A34 or black 000  */
    }

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #0052A5;
    border: none;
    border-color: #000000;
}

/*#endregion Override nav-pills */

/*#region no-padding bullet list */

.feature-list {
    padding-left: 20px !important;
}

    .feature-list span.list-item {
        color: #666666;
        font-weight: normal;
    }

/*ul.feature-list li {
    list-style-type: none;
    list-style-image: url(/Images2022/icons/reddot8x8.png);
    margin: 10px 0 10px 10px;
    padding-left: 10px;
}*/


ul.feature-list li {
    list-style-type: disc;
    margin: 0 0 0 5px;
    padding-left: 5px;
    line-height: 20px;
}

    ul.feature-list li::marker {
        color: #B50909;
        font-size: 24px;
        font-weight: bolder;
    }

    ul.feature-list li:before {
        margin-right: 0;
        position: relative;
        bottom: 6px;
    }

ul.feature-list > ul > li {
    list-style-image: none;
}

    ul.feature-list > ul > li:before {
        content: '-';
        font-size: 40px;
        line-height: 20px;
        vertical-align: middle;
        color: #b50909;
        margin-left: -8px;
    }

ul.feature-list ul ul {
    padding-left: 5px;
}

ol.feature-list li {
    list-style-type: decimal;
    margin: 10px 0 10px 20px;
    padding-left: 10px;
}

/*#endregion  no-padding bullets list */

/*#region Justive.gov */
/* 20220518 - Added to exactly match Justice.gov per John Morris */
.usa-banner__header-text {
    margin-bottom: 0;
    margin-top: 0;
    font-size: .8rem;
    line-height: 1.1;
}

/*#endregion Justice.gov*/

/*#region 5 column layout for Bootstrap 3 grid */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*#endregion 5 column layout for Bootstrap 3 grid */

/* PLACEHOLDERS */

.section-header {
    background-color: #F5F5F5;
    font-weight: bold;
    font-size: 14px;
}

.service-boxes {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 0;
}

    .service-boxes.center {
        justify-content: center;
        gap: 1em;
    }

    .service-boxes .service-box,
    .service-boxes .no-sidebar .service-box {
        text-align: center;
        flex-basis: 300px;
    }

    .service-boxes .with-sidebar .service-box {
        flex-basis: 210px;
    }

    .service-boxes .service-box a {
        text-decoration: none;
        display: block;
        padding: 1em;
        color: #444;
        height: 100%;
        border: 1px solid #fff;
    }

        .service-boxes .service-box a:hover {
            background-color: #f4fafd;
            border: 1px solid #ddd;
            box-shadow: 0 2px 30px 0 rgba(7, 53, 100, 0.13);
        }

        .service-boxes .service-box a img {
            height: 40px;
            width: 40px;
            max-height: 40px;
            max-width: 40px;
            object-fit: contain;
        }

    .service-boxes.white-hover .service-box a {
        border: none;
    }

        .service-boxes.white-hover .service-box a:hover {
            background-color: #fff;
            border: none;
        }

    .service-boxes .service-box .service-text {
        padding: 4px 0;
        margin: 4px 0;
        text-align: inherit;
    }

@media (min-width: 992px) {
    .service-boxes .service-box {
        text-align: left;
    }
}

.subtitle {
    color: #162e51;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
}

.service-text {
    color: #666666;
    font-size: 16px;
}

/*#region Breadcrumbs */
.breadcrumbs {
    background-color: #F0F0F0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .breadcrumbs > div {
        display: inherit;
        flex-direction: inherit;
        flex-wrap: inherit;
        align-items: inherit;
    }

    .breadcrumbs a,
    .breadcrumbs span {
        display: inline-block;
        flex-direction: inherit;
        flex-wrap: inherit;
        align-items: inherit;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 19px;
        text-decoration: none;
        text-transform: none;
    }

    .breadcrumbs span {
        color: #162E51;
        font-weight: 700;
    }

    .breadcrumbs a {
        color: #2378C3;
        font-weight: 500;
    }

        .breadcrumbs a:active,
        .breadcrumbs a:hover {
            color: #566780;
        }

        .breadcrumbs a:link {
            text-decoration: underline;
        }

        .breadcrumbs a:after {
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 19px;
            content: "/"; /* This is your separator */
            color: #B50909;
            padding: 0 0.75rem;
            display: inline-block;
            text-decoration: none !important;
            text-transform: none !important;
        }

    .breadcrumbs span a:after {
        content: ""; /* Do not use delimiter */
    }

/*#endregion Breadcrumbs*/

/* These are new styles specifically for the product pages. */



.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 500px;
}

.main-product {
    max-width: 470px;
    padding: 0 15px 0 15px;
    margin: auto;
    display: block;
}

.main-product-info {
    margin-left: 15px;
}

.main-feature-product {
    /*border: 1px solid lightgrey;*/
    margin-top: 20px;
}

.main-product-img img {
    width: 100%;
}

.feature-img {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.selected-product {
    border: 1px solid #0052a3;
}

.product-card {
    margin: 0 14px 14px 0;
    padding-bottom: 5px;
    text-align: center;
    color: #0052A5;
}

    .product-card img {
        width: 110px;
        padding: 10px;
    }

.main-product input.input-qty {
    width: 50px;
    text-align: center;
    height: 20px;
    padding: 1px;
    line-height: 1;
}

.btn-with-icon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 125px;
    margin-bottom: 10px;
}



/*#region Download Contact Cards */

.download-contact-cards {
    display: flex;
    flex-wrap: wrap;
}

    .download-contact-cards .card {
        flex-basis: 49%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        margin: 0 5px 2rem 0;
    }

@media (min-width: 992px) {
    .download-contact-cards .card {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.download-contact-cards .card .card-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .download-contact-cards .card .card-image img {
        height: 162px;
        width: 125px;
        min-width: 125px;
        min-height: 162px;
        max-height: 162px;
        max-width: 125px;
        object-fit: cover;
    }

    .download-contact-cards .card .card-image a {
        color: #0052A5;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center;
        text-decoration: underline;
    }

.download-contact-cards .card .card-metadata {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 1rem;
}

@media (min-width: 992px) {
    .download-contact-cards .card .card-metadata {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.download-contact-cards .card .card-metadata .card-title {
    color: #112F4E;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
    margin-top: 0;
}

    .download-contact-cards .card .card-metadata .card-title:after {
        content: "";
        position: relative;
        display: block;
        margin: 10px 0;
        width: 2.5em;
        height: 2px;
        background-color: #b50909;
    }

.download-contact-cards .card .card-metadata .card-contact {
    color: #112F4E;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.download-contact-cards .card .card-metadata .card-contact-email,
.download-contact-cards .card .card-metadata .card-contact-phone,
.download-contact-cards .card .card-metadata .card-contact-sub {
    font-size: 14px;
}

.download-contact-cards .card .card-metadata .card-contact-sub {
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 200;
}

.download-contact-cards .card .card-metadata .card-contact-email {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

    .download-contact-cards .card .card-metadata .card-contact-email span {
        display: flex;
        margin-right: 0.5rem;
    }

        .download-contact-cards .card .card-metadata .card-contact-email span svg {
            fill: #b50909;
        }

.download-contact-cards .card .card-metadata .card-contact-phone {
    font-weight: 100;
}
/*#endregion Download Contact Cards */

/*#region Card Callout */

.card-callout {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    border: 1px solid #D8D8D8;
    background-color: #F4FAFD;
    padding: 20px;
    margin-top: 20px;
    border-bottom: solid 5px #B50909;
}

@media (min-width: 992px) {
    .card-callout {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.card-callout .card-callout-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -40px;
}

    .card-callout .card-callout-image img {
        height: 162px;
        width: 125px;
        min-width: 125px;
        min-height: 162px;
        max-height: 162px;
        max-width: 125px;
        object-fit: cover;
    }

.card-callout .card-callout-metadata {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

@media (min-width: 992px) {
    .card-callout .card-callout-metadata {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.card-callout .card-callout-metadata .title {
    color: #112F4E;
    position: relative;
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}

    .card-callout .card-callout-metadata .title:after {
        content: "";
        position: absolute;
        bottom: -0.7rem;
        left: 0;
        height: 2px;
        width: 40px;
        border-radius: 1.5px;
        background-color: #B50909;
    }

.card-callout .card-callout-metadata .card-callout-content {
    margin: 0.5rem 0;
}

.card-callout .card-callout-metadata .card-callout-link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
/*#endregion Card Callout */

/*#region H1 with colored lines */

/*h1:after {
    content: "";
    position: relative;
    display: block;
    margin: 20px 0;
    width: 2.5em;
    height: 2px;
    background-color: #b50909;
}

h1.green-line:after {
    background-color: #408A34;
}

h1.purple-line:after {
    background-color: #691072;
}*/
/*#endregion H1 with colored lines */

/*#region Color Call to Action Cards */
.color-card-cta h2 {
    padding-bottom: 1em !important;
}

    .color-card-cta h2:after {
        content: "" !important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2.5em;
        height: 2px;
        background-color: #b50909;
    }

.color-card-cta .subheading {
    max-width: 650px;
    margin: 0 auto 2rem;
}

.color-card-cta .row > div {
    margin-bottom: 2rem;
}

.color-card-cta div.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
    box-sizing: border-box;
    border: 1px solid #D8D8D8;
}

    /* Define colors here */
    .color-card-cta div.card.btd-red {
        border-bottom: #B50909 solid 3px;
    }

    .color-card-cta div.card.btd-green {
        border-bottom: #408A34 solid 3px;
    }

    .color-card-cta div.card.btd-purple {
        border-bottom: #691072 solid 3px;
    }

@media only screen and (min-width: 768px) {
    .color-card-cta div.card {
        height: 355px;
    }
}

.color-card-cta div.card .card-image img {
    max-height: 75px;
}

.color-card-cta div.card .card-type span {
    color: #B50909;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
}

.color-card-cta div.card .card-text {
    padding: 1rem 0;
    flex-grow: 1;
    color: #444444;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
}

.color-card-cta div.card .card-button a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    background-color: #0052A5;
    padding: 0.5rem .5rem;
    text-decoration: none;
}

    .color-card-cta div.card .card-button a:hover {
        background-color: #005ea2;
    }
/*#endregion Color Call to Action Cards */