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

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


/**************************************************
    BEGIN UNICOR Default Styles
***************************************************/

body {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #112F4E;
    outline: 0;
}

    a:hover {
        color: #0052A5;
    }

p {
    padding: 4px;
    margin: 4px;
    text-align: left;
    text-indent: 0px;
}

img {
    padding: 0;
    margin: 0;
    border-style: none;
}
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;
}

/**************************************************
    END UNICOR Default Styles
***************************************************/

/**************************************************
    BEGIN 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;
}

/**************************************************
    END UNICOR Common Styles
***************************************************/



























/**************************************************
    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: 100px;
}

.main-body {
    width: 735px;
}

.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 */
.body-list span.list-item {
    color: #666666;
    font-weight: normal;
}

ol.body-list li {
    list-style-type: decimal;
    margin: 10px 0 10px 20px;
    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;
}

/* Fonts */
/*h1 {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}

h2 {
    font-family: Lora, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
}

h3 {
    font-family: Lora, sans-serif;
    font-size: 30px;
    font-weight: 700;
}

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

h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

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

h6 {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
}

/*p {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px !important;
}*/

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

/* 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;
}

/* 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: 4rem 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: 6rem 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;
    border-width: 1px;
    height: 2px;
    width: 30px;
}

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

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

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

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

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

.line-650 {
    border-style: solid;
    border-width: 1px;
    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: 0 4rem;
        font-weight: 0;
    }

/* 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 {
    }

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

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

/* Cards */
.cta-cards {
    padding-right: 1rem;
    width: 766px;
}

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

    .card-container.wide {
        width: 330px;
        height: 280px;
    }

.card-img img.wide {
    width: 330px;
    height: 140px;
}

.card-media {
    width: 100%;
}

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

    .card-body p {
        line-height: 22px;
    }

.cards h2 {
    margin: 2rem auto 0;
}

/* Tactis Styles Extended */
.card-container-narrow {
    width: 195px;
    height: auto;
    margin-bottom: 10px;
}

.wrap {
    float: left;
    margin: 5px;
}

.card-container-wide {
    background-color: #f4fafd !important;
    border-style: solid;
    border-width: 1px 1px 5px;
    border-color: #d8d8d8 #d8d8d8 #b50909;
    border-radius: 0 !important;
    padding: 0;
    width: 460px;
    height: 230px;
}

.card-container-shell {
    background-color: #f4fafd !important;
    border-style: solid;
    border-width: 1px 1px 5px;
    border-color: #d8d8d8 #d8d8d8 #b50909;
    border-radius: 0 !important;
    padding: 0;
}

#article-teaser .border {
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 0 0 1px 0;
}

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

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

.card-body {
    margin: 10px 0;
}

    .card-body p {
        line-height: 22px;
    }

.cards h2 {
    margin: 2rem auto 0;
}

/* 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;
    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-default .panel-heading .panel-title {
    color: #000;
}
.panel-primary .panel-heading .panel-title {
    color: #FFF;
}
    .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;
    }

/* Forms */
/*.form-control {
    border-radius: 0;
    height: 44px;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url(/images2022/icons/angle-arrow-down-red.svg) no-repeat right;
    padding: 6px 20px 6px 12px;
}*/

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

/* Media queries */
@media (max-width: 1020px) {
    .usa-layout-docs__sidenav {
        height: 0;
        display: none;
    }

    .carousel .carousel-control .glyphicon-chevron-left {
        left: -5rem;
    }

    .carousel .carousel-control .glyphicon-chevron-right {
        left: 5rem;
    }
}

@media (max-width: 768px) {
    .brochure {
        position: relative;
        top: 200px;
        text-align: center;
    }

        .brochure .brochure-image {
            right: 0;
            margin: 0 auto;
            width: 100%;
        }

            .brochure .brochure-image img.above {
                bottom: 590px;
            }

            .brochure .brochure-image img.below {
                bottom: 650px;
            }

        .brochure .row-9 {
            margin: 0;
            width: 100%;
        }

        .brochure .col-sm-6 {
            position: relative;
            top: 100px;
            width: 100%;
        }

        .brochure .col-xs-12 {
            position: relative;
            top: 80px;
            width: 100%;
        }

        .brochure .red-divider-2 {
            margin: 0 auto;
        }

    .carousel .testimonials .row {
        padding-left: 20px;
    }

    .carousel .carousel-control .glyphicon-chevron-right {
        left: 3rem;
    }
}

@media (max-width: 744px) {
    .row-8 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 737px) {
    .row-9-2 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 732px) {
    .text-18 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 540px) {
    .brochure {
        clear: both;
    }

        .brochure .row-9 {
            height: 360px;
            padding: 25px;
        }

    .carousel {
        clear: both;
        height: auto;
        padding-bottom: 2rem;
    }

        .carousel .testimonials .row {
            padding-left: 20px;
        }

            .carousel .testimonials .row .carousel-caption {
                bottom: 0;
                clear: both;
                float: none;
                height: auto;
                left: 0;
                margin: 0 auto;
                padding: 1rem 0 45px 0;
            }

                .carousel .testimonials .row .carousel-caption .carousel-caption-testimony {
                    font-size: 1rem;
                    padding: 0;
                }

        .carousel .carousel-control .glyphicon-chevron-left {
            left: -4rem;
        }
}

@media (max-width: 517px) {
    .carousel-caption-credit {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 448px) {
    .nav-4 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 328px) {
    .right-2 > * {
        display: inline-block;
        float: none;
        max-width: 100%;
    }
}

@media (max-width: 216px) {
    .text-14 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .video-2 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 198px) {
    .contact-text {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 190px) {
    .text-22 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .text-23 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 15px) {
    .row-5 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}





/************     END TACTIS ***********************/



























/**************************************************************************************
  This stylesheet will override UNICOR.css until eventually, UNICOR.css is retired
  and replaced with this stylesheet

  Change Log
  ------------------------------------------------------------------------------------
  Date				Init	Change
  ------------------------------------------------------------------------------------
  20211101          TMS     Override UNICOR.css
                            Replaced 0052A5 and 408A34 with 0052A5
                            Replaced 64BC46 with 112F4E
                            Replaced Reds with B50909
Medium Blue   #0052A5
Dark Blue     #112F4E
**************************************************************************************/
@font-face {
    font-family: "Muli-ExtraBold";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Muli-ExtraBold.ttf") format("truetype");
}

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

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

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

.gray-border-sides {
    /*border-left: 1px solid #CCCCCC;*/
    /*border-right: 1px solid #CCCCCC;*/
    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;
}

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


/* Menu Bar Background */

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


/**************************************************************************************
	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: 1001;
}

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

/**************************************************************************************
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;
    }

/* 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;
        }

/* 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;
        }


/******************************************************
    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;
}

/* 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; 

        */
}




/* BEGIN 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;
}
/* END Override nav-pills */

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