﻿

/**************************************************
 * Basic styles used throughout tricare.triwest.com
 **************************************************/

/* COLORS */
:root {
    --black: #000000;
    --gray: #545456;
    --gray-text: #545456;
    --dimgray: #828487;
    --darkgray: #b6b8ba;
    --gainsboro: #dedfe0;
    --white: #ffffff;
    --tricaredarkblue: #14377d;
    --tricaremediumblue: #006bb6;
    --tricarelightblue: #009dde;
    --tricareweblightblue: #e4f5fc;
    --tricareteal: #6dac88;
    --tricarered: #bc243d;
    --tricareorange: #ea7425;
    --tricareyellow: #ffd600;
    --triwestalertblue: #00a6d2;
    --triwestalertorange: #ffbe2e;
    --triwestalertred: #c40d3c; /*same as triwest red*/
    --triwestalertgreen: #2e8540;
    --triwesticonpurple: #6a1b97;
    --triwesticonyellow: #fca91a;
    --triwesticonorange: #ff4e00;
    --triwesticonbrown: #633808;
    --triwesticonred: #c40d3c; /*same as triwest red*/
    --triwesticongreen: #12871d;
    --triwestlightgray: #ececec;
}

.tricare-icon-red {
    color: var(--triwesticonred);
}

.tricare-icon-blue {
    color: var(--tricaremediumblue);
}

.tricare-icon-orange {
    color: var(--triwesticonorange);
}

.tricare-icon-brown {
    color: var(--triwesticonbrown);
}

.tricare-icon-green {
    color: var(--triwesticongreen);
}

.tricare-icon-darkblue {
    color: var(--tricaredarkblue);
}

.tricare-icon-purple {
    color: var(--triwesticonpurple);
}

.tricare-icon-yellow {
    color: var(--triwesticonyellow);
}


/* Basic Defaults */
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-family: arial;
}

/*:focus {
    border: solid 2px var(--gray);
    border-radius: 6px;
    padding: 6px;
}*/

a:focus, a:hover {
    color: var(--tricaremediumblue);
}


p, p a, li, li a {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    color: var(--gray-text);
}

li {
    padding-bottom: 1em;
}

li:last-of-type {
    padding-bottom: 0;
}

h1 a, h2 a, h3 a, h4 a {
    color: var(--gray-text);
}

h1 {
    color: var(--tricaredarkblue);
    font-size: 36px;
    line-height:  48px;
    margin-bottom: 24px;
    font-weight: normal;
}

h2 {
    color: var(--tricaredarkblue);
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 24px;
    font-weight: normal;
}

h3, h4 {
    color: var(--gray-text);
    font-size: 28px;
    font-weight: normal;
}

h5 {
    color: var(--gray-text);
    font-size: 24px;
}

/* Screenreader Only styles */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

    .sr-only:focus {
        position: relative !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        clip: unset !important;
    }


/* Page Width */
#tricare_above_menu, #tricare_desktop_menu_wrapper, #tricare_main_content, #tricare_footer {
    max-width: 1512px;
    display: flex;
    flex-wrap:nowrap;
    margin: auto;
}

/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    #tricare_main_content {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */

    /* BUTTONS */
    .tricare-button {
        display: inline-block;
        height: 48px;
        width: auto;
        padding: 0 20px;
        border: 2px solid var(--tricaredarkblue);
        border-radius: 6px;
        background-color: var(--tricaredarkblue);
        color: var(--white);
        font-size: 20px;
        font-weight: 700;
        line-height: 48px;
        text-decoration: none;
    }

    .tricare-white-button {
        border: 2px solid var(--tricaremediumblue);
        background-color: var(--white);
        color: var(--gray-text);
    }

    .tricare-white-button-icon {
        color: var(--tricaremediumblue);
    }

    .tricare-button:hover, .tricare-button:focus, .tricare-white-button:hover, .tricare-white-button:focus {
        background-color: var(--tricaremediumblue);
        color: var(--white);
        border-color: var(--tricaremediumblue);
    }

    .tricare-white-button-icon:hover, .tricare-white-button-icon:focus {
        color: var(--white);
    }

/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    .tricare-button {
        font-size: 16px;
        margin-top: 1em;
        margin-bottom: 2em;
        width: 88%;
        text-align: center;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */

    /* ABOVE MENU SECTION */
    #tricare_above_menu {
        justify-content: space-between;
        align-items: center;
    }

    .tricare-header-logo {
        display: inline-block;
        margin-left: 32px;
    }

        .tricare-header-logo > a > img {
            max-width: 177px;
            width: 20vw;
            padding-top: 20px;
            padding-bottom: 20px;
        }



    /* Header right side grouping */
    .tricare-header-right {
        display: inline-block;
        margin-right: 32px;
        vertical-align: bottom;
    }

        .tricare-header-right a {
            text-decoration: none;
        }

    .tricare-header-search {
        vertical-align: bottom;
        margin-bottom: -12px;
    }

    .tricare-header-search, .tricare-header-search a, .tricare-header-language, .tricare-header-language a {
        display: inline-block;
        font-size: 16px;
        line-height: 43px;
        width: 335px;
        color: var(--gray);
        margin-right: 1em;
    }

    .tricare-search-mobile {
        display: none;
    }

    .tricare-header-icon {
        color: var(--tricaredarkblue);
        margin-left: 220px;
        margin-top: 13px;
    }

    .tricare-header-language {
        display: none;
    }

    /* Login Dropdown Menu */
    .tricare-login-dropdown-container {
        display: inline-block;
    }

    #tricare_login_dropdown_button {
        width: 242px;
        height: 48px;
        justify-content: center;
        border-radius: 6px;
        border: 1px solid var(--tricaredarkblue);
        background-color: var(--tricaredarkblue);
        color: var(--white);
        line-height: 28px;
        font-weight: 700;
        font-size: 20px;
    }

        #tricare_login_dropdown_button:hover, #tricare_login_dropdown_button:focus {
            background-color: var(--tricaremediumblue);
        }

    .tricare_login_dropdown_button_pushed {
        background-color: var(--tricarelightblue);
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .tricare-dropdown-list {
        position: absolute;
        width: 238px;
        z-index: 100000;
        border-left: solid 2px var(--dimgray);
        border-right: solid 2px var(--dimgray);
        border-bottom: solid 2px var(--dimgray);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: var(--white);
    }

    .tricare-dropdown-hidden {
        display: none;
    }

    .tricare-dropdown-visible {
        display: block;
    }

    .tricare-dropdown-list a {
        display: block;
        padding: 10px;
        color: var(--gray-text);
    }

    .tricare-login-dropdown-bottom-border {
        border-bottom: solid 2px var(--dimgray);
    }

    .tricare-dropdown-list a:hover, .tricare-dropdown-list a:focus {
        background-color: var(--tricareweblightblue);
    }

    .show {
        display: block;
    }


/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    #tricare_above_menu {
        display: block;
    }

    .tricare-header-logo {
        margin-left: 20px;
    }

    .tricare-header-right {
        margin-top: 20px;
        margin-right: 20px !important;
        float: right;
    }

    .tricare-header-search {
        display: none;
    }

    .tricare-search-mobile {
        display: block;
        width: 250px;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */


    /* MAIN NAVIGATION MENU SECTION  -- for rest of styles see Tricare-DesktopMenu.css and Tricare-MobileMenu.css */
    .tricare-desktop-menu-wrapper {
        border-top: solid 3px var(--dimgray);
        border-bottom: solid 3px var(--dimgray);
        height: 60px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    .tricare-desktop-menu-wrapper {
        display: none !important;
        border-top: none;
        border-bottom: none;
        background-color: var(--white);
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */


    /* FOOTER SECTION */
    #tricare_footer {
        display: block;
    }

    #tricare_footer_links {
        background-color: var(--gainsboro);
        display: flex;
        justify-content: center;
        min-height: 105px;
        align-items: center;
        padding-left: 9em;
        padding-right: 9em;
	text-align: center;
    }

        #tricare_footer_links ul {
            list-style: none;
        }    
    
        #tricare_footer_links li {
            display: inline-block;
            margin: 0 32px;
        }

        #tricare_footer_links li a {
            font-size: 16px;
            line-height: 24px;
            list-style: none;
        }

/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {

    #tricare_footer_links, #tricare_footer_links ul {
        padding-left: 0;
        padding-right: 0;
    }

    #tricare_footer_links li {
        margin: 0 12px;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */


    #tricare_footer_copyright {
        display: block;
        color: var(--gray-text);
        font-size: 14px;
        text-align: center;
        margin: 10px auto;
    }



    /**************************************************
 * Landing Pages Section Styles
 **************************************************/

    /* container for all page types' content sections */
#tricare_page_content {
    max-width: 100%;
    overflow: auto;
}


    /* SECTION LAYOUT STYLES */
    .tricare-container-for-textbox-plus-image {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    .tricare-container-for-textbox-plus-image {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 20px;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */



    /* IMAGE CROPPING STYLES */

    .tricare-image-circle-left > img {
        height: 400px;
        width: auto;
        clip-path: path('M200,0 L747,0 L747,380 L200,380 A0.25,0.25,1,1,1,200,0 Z')
    }

    .tricare-image-circle-right > img {
        height: 420px;
        clip-path: path('M0,0 L547,0 A.25,.25,0.5,1,1,547,400 L0,400 L0,0 Z')
    }

    .tricare-image-offset-left > img {
        margin-left: 108px;
    }

    .tricare-image-offset-right > img {
        margin-right: 108px;
    }

    #tricare_content_top .tricare-image-circle-left > img {
        margin-left: 64px;
    }

    #tricare_content_top .tricare-image-circle-left-provider-top > img {
        height: 460px;
        width: 810px;
        clip-path: path('M300,0 L810,0 L810,460 L300,460 A0.25,0.25,1,1,1,200,0 Z');
    }

    #tricare_content_top .tricare-image-circle-right-dha-top > img {
        height: 460px;
        clip-path: path('M0,0 L577,0 A.25,.25,0.5,1,1,577,460 L0,460 L0,0 Z');
    }

.tricare-contentpage-image-rounded-left > img {
    height: 320px;
    clip-path: path('M320,0 L486,0 L486,320 L177,320 A0.25,0.25,1,1,1,200,0 Z');
}


/* ---------------------------------- */
 /*    MOBILE LARGE-ISH width  1050px - 1330px */
/*    @media screen and (min-width: 1050px) and (max-width: 1330px) { */
@media screen and (min-width: 860px) and (max-width: 1330px) {

    .tricare-image-circle-right > img {
        clip-path: path('M0,0 L547,0 A.25,.25,0.5,1,1,547,400 L201,400 L200,0 Z');
        margin-left: -200px;
    }

    .tricare-image-circle-left > img {
        clip-path: path('M200,0 L547,0 L547,380 L200,380 A0.25,0.25,1,1,1,200,0 Z');
        margin-right: -200px;
    }


    #tricare_content_top.tricare-home-top .tricare-image-circle-right-textbox {
        margin-left: 36px;
        margin-right: 48px;
    }

    #tricare_content_top.tricare-home-top .tricare-image-circle-right > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
        margin-left: 0;
    }


            #tricare_content_top .tricare-image-circle-left-provider-top > img {
                clip-path: path('M300,0 L610,0 L610,460 L300,460 A0.25,0.25,1,1,1,200,0 Z');
                margin-right: -13em;
            }

        #tricare_content_top .tricare-image-circle-right-dha-top > img {
            clip-path: path('M0,0 L577,0 A.25,.25,0.5,1,1,577,460 L200,460 L200,0 Z');
            margin-left: -13em;
        }

        .tricare-image-offset-left > img {
            margin-left: 0;
        }

        .tricare-image-offset-right > img {
            margin-right: 0;
        }
} 
    /* END MEDIA QUERY */
/* ---------------------------------- */




/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    .tricare-image-circle-left > img, .tricare-image-circle-right > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
    }

    #tricare_content_2 .tricare-image-circle-left {
        margin-bottom: 2em;
        text-align: center;
    }

    .tricare-image-offset-left > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
        margin-left: 0;
    }

    .tricare-image-offset-right > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
        margin-right: 0;
    }

    .tricare-image-offset-right {
        margin-bottom: 3em;
        text-align: center;
    }

    #tricare_content_top .tricare-image-circle-left > img {
        margin-left: 0;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */



    /* white background right under nav menu */
    #tricare_content_top {
        margin: 24px 0 24px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #tricare_content_top.tricare-provider-top {
            display: block;
            margin-right: 36px;
            margin-left: 36px;
        }

        #tricare_content_top.tricare-home-top {
            display: flex;
            flex-wrap: wrap;
        }

        #tricare_content_top.tricare-contact-top {
            display: block;
        }

        .tricare-contact-chatwithus {
            margin-top:4em;
            margin-left: 48px;
        }

        #tricare_content_top .mapdiv {
            flex: 1 1;
        }


        #tricare_content_top.tricare-home-top img {
            height: auto;
            width: 100%;
            max-width: 785px;
        }

        #tricare_content_top > div.textbox {
            max-width: 615px;
            margin-left: 72px;
            flex: 1 1;
        }


/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    #tricare_content_top.tricare-home-top,
    #tricare_content_top.tricare-provider-top {
        margin-left: 20px;
        margin-right: 20px;
        display: block;
    }

    #tricare_content_top > div.textbox {
        margin-left: 0;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */


    #tricare_content_top .tricare-image-circle-left-textbox {
        margin-left: 48px;
        max-width: 800px;
    }

    #tricare_content_top.tricare-provider-top .tricare-image-circle-left-textbox {
        margin-right: 36px;
    }

    #tricare_content_top.tricare-contact-top .tricare-image-circle-left-textbox {
        margin-right: 36px;
    }

    #tricare_content_top.tricare-dha-top .tricare-image-circle-right-textbox {
        margin-left: 48px;
    }

    #tricare_content_top.tricare-basic-top {
        display: block;
        margin-right: 36px;
        margin-left: 36px;
    }



/* ---------------------------------- */
/* MOBILE SMALL <830px */
@media screen and (max-width: 830px) {
    .tricare-provider-top h1 {
        margin-top: 0;
    }

    #tricare_content_top .tricare-image-circle-left-provider-top > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
    }

    #tricare_content_top .tricare-image-circle-right-dha-top > img {
        height: auto;
        max-width: 100%;
        clip-path: none;
        width: unset;
    }

    #tricare_content_top.tricare-basic-top {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */


    /* full-width gray background with photo */
    #tricare_content_2 {
        background-color: var(--gainsboro);
    }

    .tricare-image-circle-left-textbox {
        max-width: 615px;
        margin-left: 108px;
        margin-right: 64px;
        margin-bottom: 5em;
    }

    .tricare-image-offset-left-textbox {
        margin-left: 48px;
        margin-right: 108px;
        margin-bottom: 5em;
    }

        .tricare-image-offset-left-textbox > h2.tricare-pull-right {
            margin-right: -40px;
        }

    .tricare-image-offset-right-textbox {
        margin-right: 64px;
        margin-left: 108px;
        margin-bottom: 5em;
    }

#tricare_content_2 > .tricare-contact-2 {
    display: flex;
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 5%;
    padding-right: 5%;
    justify-content: space-around;
}

.tricare-contact-buttondiv {
    max-width: 25%;
}

.tricare-contact-whitetextbox {
    max-width: 56%;
    display: inline-block;
    background-color: var(--white);
    padding: 50px;
    border-radius: 20px;
}


/* ---------------------------------- */
/*    MOBILE LARGE-ISH width  1050px - 1330px */
/*    @media screen and (min-width: 1050px) and (max-width: 1330px) { */
@media screen and (min-width: 860px) and (max-width: 1330px) {

    .tricare-image-circle-left-textbox {
        margin-left: 48px;
        margin-right: 48px;
    }

    .tricare-image-circle-right-textbox {
        margin-right: 48px;
        margin-left: -48px;
    }

    .tricare-image-offset-left-textbox {
        margin-left: 48px;
        margin-right: 48px;
        margin-bottom: 5em;
    }

        .tricare-image-offset-left-textbox > h2.tricare-pull-right {
            margin-right: 0;
        }

    .tricare-image-offset-right-textbox {
        margin-right: 64px;
        margin-left: 48px;
        margin-bottom: 5em;
    }
}
/* END MEDIA QUERY */
/* ---------------------------------- */



/* ---------------------------------- */
/* MOBILE SMALL <830px */

    @media screen and (max-width: 830px) {
        .tricare-image-circle-left-textbox {
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 2em;
            max-width: 100% !important;
        }

        .tricare-image-circle-right-textbox {
            margin-right: 0 !important;
            margin-bottom: 0;
            max-width: 100% !important;
        }

        .tricare-image-offset-left-textbox {
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 5em;
            max-width: 100% !important;
        }

        .tricare-image-offset-right-textbox {
            margin-right: 0 !important;
            margin-left: 0 !important;
            margin-bottom: 2em;
            max-width: 100% !important;
        }

        #tricare_content_top.tricare-provider-top .tricare-image-circle-left-textbox {
            margin-right: 0 !important;
            max-width: 100% !important;
        }

        .tricare-image-offset-left-textbox > h2.tricare-pull-right {
            margin-right: 0;
        }

        #tricare_content_top.tricare-dha-top .tricare-image-circle-right-textbox {
            margin-left: 0;
            max-width: 100% !important;
        }
    }
/* END MEDIA QUERY */
/* ---------------------------------- */

    .white-box-overlay {
        width: 100%;
        background-color: white;
        height: 40px;
        margin-top: -40px;
    }

/* ---------------------------------- */
/* ALL SCREENS 1330px or less */
    @media screen and (max-width: 1330px) {
        .white-box-overlay {
            height: 0;
            margin-top: 0;
        }

        #tricare_content_2 > .tricare-contact-2 {
            display: block;
            padding-left: 1em;
            padding-right: 1em;
        }
        
        .tricare-contact-buttondiv, .tricare-contact-whitetextbox {
            max-width: unset;
            display: block;
        }

        .tricare-contact-buttondiv {
            margin-bottom: 36px;
            margin-left: 2em;
        }

    }
/* END MEDIA QUERY */
/* ---------------------------------- */


    #tricare_content_2 > .button-triptych {
        float: left;
        display: flex;
        justify-content: space-between;
        position: relative;
        top: -6rem;
        width: 800px;
        margin-left: 104px;
    }

    .tricare-contact-top .button-triptych {
        float: left;
        display: flex;
        justify-content: space-between;
        position: relative;
        top: -6rem;
        width: 800px;
        margin-left: 48px;
    }

.tricare-button-duo {
    display: flex;
    justify-content: space-around;
}


@media screen and (max-width: 1440px) {
    .tricare-button-duo {
        flex-wrap: wrap;
    }

    .tricare-button-duo > .tricare-button {
        margin-bottom: 1em;
    }
}


@media screen and (max-width: 1000px) and (min-width: 831px) {

        .tricare-button-duo > .tricare-button {
            font-size: 16px ;
        }
}

/* ---------------------------------- */
/* MOBILE SMALL <830px */
    @media screen and (max-width: 830px) {
        #tricare_content_2 > .button-triptych, #tricare_content_top > .button-triptych {
            float: none;
            flex-wrap: wrap;
            justify-content: unset;
            position: unset;
            width: unset;
            margin-left: 0;
            justify-content: center;
        }

        #button-triptych-beneficiary-button {
            width: 80%;
            margin-bottom: 1em;
            text-align: center;
        }

        #button-triptych-provider-button {
            width: 80%;
            margin-bottom: 1em;
            text-align: center;
        }

        #button-triptych-government-button {
            width: 80%;
            margin-bottom: 2em;
            text-align: center;
        }

        #tricare_content_top.tricare-dha-top {
            margin-bottom: 0;
        }

    }
/* END MEDIA QUERY */
/* ---------------------------------- */


    /* white background around large photo background then boxes with lists of links*/
    #tricare_content_3 {
        margin: 72px 36px;
        background-repeat: no-repeat;
        background-size: auto;
        padding: 2em 0;
    }

    .tricare-hide-section-3 {
        margin: 0 !important;
    }

/* ---------------------------------- */
/* MOBILE SMALL <830px */
    @media screen and (max-width: 830px) {
        #tricare_content_3 {
            padding: 0;
        }
    }
/* END MEDIA QUERY */
/* ---------------------------------- */


    /*    #tricare_content_3.tricare-flag-background {
        background-image: url('../Images/TricareBackgroundImages/Rectangle 44.png');
            border-radius: 6px;
    }
*/
    #tricare_content_3.tricare-provider-background {
        background-image: url('../Images/TricareBackgroundImages/providerbackground.png');
        width: 1440px;
        height: 964px;
        border-radius: 6px;
    }

    #tricare_content_3.tricare-government-background {
        background-image: url('../Images/TricareBackgroundImages/governmentbackground.png');
        max-width: 1440px;
        /*height: 924px;*/
        border-radius: 6px;
    }

    .tricare-content-3-links-box {
        width: 75%;
        margin: 2em auto;
        padding: 1em 2em 2em 2em;
        background-color: var(--white);
        border-radius: 6px;
    }

        .tricare-content-3-links-box h3 {
            display: inline-block;
            background-color: var(--white);
            padding-left: 16px;
            padding-right: 16px;
            margin-left: 3.25em;
            margin-bottom: 0em;
        }

        .tricare-content-3-links-box .h3-rule {
            border-bottom: solid 2px var(--tricaremediumblue);
            width: 106%;
            margin-left: -2em;
            margin-right: -2em;
            margin-bottom: -49px;
            margin-top: 3em;
        }

        .tricare-content-3-links-box > ul {
            columns: 2;
            column-gap: 7em;
            list-style: none;
            margin-right: 5em;
            margin-left: 5em;
        }

        .tricare-content-3-links-box li {
            line-height: 36px;
            margin-bottom: 16px;
        }

            .tricare-content-3-links-box li > ul {
                list-style: disc;
            }

            .tricare-content-3-links-box li a {
                color: var(--gray-text);
                margin-bottom: 1em;
            }

        .tricare-content-3-links-box fa-lock, .tricare-content-3-links-box fa-arrow-up-right-from-square {
            color: var(--tricaremediumblue);
        }

/* ---------------------------------- */
/* MOBILE SMALL <830px */
    @media screen and (max-width: 830px) {
        #tricare_content_3 {
            margin: 0;
        }
        
        
        #tricare_content_3.tricare-government-background {
            height: auto;
            max-width: 100%;
            width: unset;
            border-radius: unset;
            background-size: cover;
            background-position: center;
            padding-top: 2em;
            padding-bottom: 2em;
        }


        .tricare-content-3-links-box {
            width: 80%;
            margin: 0 auto;
            padding: 1em;
        }

        .tricare-content-3-links-box ul {
            columns: unset;
            margin-right: 0;
            margin-left: 0;
            padding-left: 0;
        }

        .tricare-content-3-links-box li {
            font-size: 16px;
            margin-bottom: 0;
        }

        .tricare-content-3-links-box h3 {
            display: inline-block;
            background-color: var(--white);
            padding-left: 16px;
            padding-right: 16px;
            margin-left: 0.5em;
            margin-bottom: 0em;
        }

        .tricare-content-3-links-box .h3-rule {
            border-bottom: solid 2px var(--tricaremediumblue);
            width: 109%;
            margin-left: -1em;
            margin-right: 0;
            margin-bottom: -49px;
            margin-top: 2em;
        }

    }
/* END MEDIA QUERY */
/* ---------------------------------- */



    /* full-width gray background with photo */
    #tricare_content_4 {
        /*background-color: var(--gainsboro);*/
    }

    .tricare-image-circle-right-textbox {
        max-width: 615px;
        margin-right: 64px;
        margin-bottom: 2em;
    }

    #tricare_content_4 p {
        margin-bottom: 2em;
    }

    /* triptych features three article sections photo + article link + blurb */
    #tricare_content_triptych {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 72px 36px 108px 36px;
    }


/* ---------------------------------- */
/* MOBILE SMALL <830px */
    @media screen and (max-width: 830px) {
        #tricare_content_triptych {
            display: block;
            margin: 0 0 3em 0;
        }

            #tricare_content_triptych img {
                max-width: 100%;
                height: auto;
            }

        #tricare_content_4 p {
            margin-bottom: 0em;
        }

        #tricare_content_4 .tricare-button {
            margin-top: 1em;
            margin-bottom: 2em;
            width: 88%;
            text-align: center;
        }
    }
/* END MEDIA QUERY */
/* ---------------------------------- */



    #tricare_content_triptych a {
        color: var(--gray-text);
        text-underline-offset: 7px;
    }

        #tricare_content_triptych a:hover, #tricare_content_triptych a:focus {
            color: var(--tricaremediumblue);
        }

    #tricare_content_triptych img {
        border-radius: 6px 6px 0 0;
    }

    #tricare_content_triptych h3 {
        margin-left: 0.5em;
    }

    #tricare_content_triptych p {
        margin: 0 2em 0 0.5em;
    }

    /* triptych left article section */
    #tricare_triptych_one {
        width: 459px;
    }

    /* triptych middle article section */
    #tricare_triptych_two {
        width: 459px;
    }

    /* triptych right article section */
    #tricare_triptych_three {
        width: 459px;
    }


/* ---------------------------------- */
/* MOBILE SMALL <830px */
    @media screen and (max-width: 830px) {
        #tricare_triptych_one, #tricare_triptych_two, #tricare_triptych_three {
            width: 100%;
            text-align: center;
        }

        #tricare_content_triptych h3 {
            margin-left: 0;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 24px;
        }

        #tricare_content_triptych p {
            margin: 0 5% 2em 5%;
        }
    }
/* END MEDIA QUERY */
/* ---------------------------------- */





/* TRICARE CONTACT TABLE */
.tricare-contact-table {
    width: 100%;
    border: solid 1px var(--tricarelightblue);
    border-radius: 20px;
    border-spacing: 0;
}

    .tricare-contact-table caption {
        caption-side: bottom;
        padding: 1em;
        color: var(--gray-text);
        font-size: 20px;
    }

    .tricare-contact-table > tr {
        border-top: solid 1px var(--tricarelightblue);
    }

.tricare-contact-table > thead > tr > th {
    color: var(--tricaredarkblue);
    font-size: 28px;
    text-align: left;
    width:50%;
    padding: 1em;
}

    .tricare-contact-table > tbody > tr > td {
        font-size: 20px;
        border-top: solid 1px var(--tricarelightblue);
        padding: 1em;
    }

    .tricare-contact-table  tbody  tr {
        border-top: solid 1px var(--tricarelightblue);
    }




/*NEED TO BE ORGANIZED*/
.tricare-contact-box {
    border-right: solid 2px var(--tricarelightblue);
    border-top: solid 2px var(--tricarelightblue);
    border-bottom: solid 2px var(--tricarelightblue);
    border-left: solid 20px var(--tricarelightblue);
    border-radius: 20px;
    padding: 45px;
}

.tricare-proudlycaring-flag {
    margin-bottom: 9em;
}

.tricare-proudlycaring-badgediv .tricare-button {
    width: 285px;
    text-align: center;
}

.tricare-proudlycaring-badgerow {
    display: flex;
    justify-content: space-between;
}




/* ---------------------------------- */
/* MOBILE SMALL <830px */

@media screen and (max-width: 830px) {

    .tricare-contact-buttondiv {
        text-align: center;
        margin-left: 1em;
        margin-right: 1em;
    }

    #tricare_content_3 > h2 {
        margin: 32px 16px;
    }

    .tricare-contact-table {
        margin: 1em;
        width: 90%;
    }

        .tricare-contact-table > thead > tr > th {
            font-size: 20px;
            padding: .5em;
        }

        .tricare-contact-table > tbody > tr > td {
            font-size: 16px;
            padding: .5em;
        }

        .tricare-contact-table caption {
            font-size: 16px;
        }

    .tricare-contact-chatwithus {
        margin: 1em;
    }


    .tricare-proudlycaring-flag {
        margin-bottom: 0;
    }

}

/* ---------------------------------- */
/* ALL SCREENS 1330px or less */
@media screen and (max-width: 1330px) {


    .tricare-proudlycaring-badgerow {
        display: block;
    }

}

/* ---------------------------------- */
/* GLOBAL ALERTS */

/* Global Alert Override */
#alerts {
    max-width: 1512px;
}

/* Global Site Alert */
.global-alert--success {
    background-image: url(../Images/alerts/success.svg),-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
    background-image: url(../Images/alerts/success.svg),linear-gradient(transparent,transparent);
    background-repeat: no-repeat;
    background-color: #ecf3ec;
}

.global-alert--warning {
    background-image: url(../Images/alerts/warning.svg),-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
    background-image: url(../Images/alerts/warning.svg),linear-gradient(transparent,transparent);
    background-repeat: no-repeat;
    background-color: #faf3d1;
}

.global-alert--error {
    background-image: url(../Images/alerts/error.svg),-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
    background-image: url(../Images/alerts/error.svg),linear-gradient(transparent,transparent);
    background-repeat: no-repeat;
    background-color: #f4e3db;
}

.global-alert--info {
    background-image: url(../Images/alerts/info.svg),-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
    background-image: url(../Images/alerts/info.svg),linear-gradient(transparent,transparent);
    background-repeat: no-repeat;
    background-color: #e7f6f8;
}

.global-alert {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
    background-position: 1.75rem 1.15rem;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    padding: 1.25rem 1.25rem 1rem 2.75rem;
    position: relative;
}

.global-alert--error .global-alert__body, .global-alert--info .global-alert__body, .global-alert--success .global-alert__body, .global-alert--warning .global-alert__body {
    padding-left: 3.25rem;
}

.global-alert__body {
    display: table-cell;
    vertical-align: top;
}

.global-alert__heading {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.75rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .5rem;
}

.global-alert__text {
    margin-bottom: 0;
    margin-top: 0;
}

.global-alert--error::before {
    background-color: #d63e04;
}

.global-alert--success::before {
    background-color: #00a91c;
}

.global-alert--warning::before {
    background-color: #ffbe2e;
}

.global-alert--info::before {
    background-color: #00bde3;
}

.global-alert::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .5rem;
}


/* ---------------------------------- */
/* TABBED CONTENT -- PAGE TYPE: TricareTabbedContent */
[role="tablist"] {
    min-width: 100%;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
    display: inline-block;
    position: relative;
    z-index: 2;
    top: 2px;
    margin: 0;
    margin-top: 4px;
    padding: 3px 3px 4px;
    border: 1px solid hsl(219deg 1% 72%);
    border-bottom: 2px solid hsl(219deg 1% 72%);
    border-radius: 5px 5px 0 0;
    background: hsl(220deg 20% 94%);
    outline: none;
    font-weight: bold;
    max-width: 22%;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
}

    [role="tab"][aria-selected="true"] {
        padding: 2px 2px 4px;
        margin-top: 0;
        border-width: 2px;
        border-top-width: 6px;
        border-top-color: rgb(36 116 214);
        border-bottom-color: hsl(220deg 43% 99%);
        background: hsl(220deg 43% 99%);
    }

    [role="tab"][aria-selected="false"] {
        border-bottom: 1px solid hsl(219deg 1% 72%);
    }

    [role="tab"] span.focus {
        display: inline-block;
        margin: 2px;
        padding: 4px 6px;
    }

    [role="tab"]:hover span.focus,
    [role="tab"]:focus span.focus,
    [role="tab"]:active span.focus {
        padding: 2px 4px;
        border: 2px solid rgb(36 116 214);
        border-radius: 3px;
    }

[role="tabpanel"] {
    padding: 5px;
    border: 2px solid hsl(219deg 1% 72%);
    border-radius: 0 5px 5px;
    background: hsl(220deg 43% 99%);
    min-height: 10em;
    width: 100%;
    overflow: auto;
}

    [role="tabpanel"].is-hidden {
        display: none;
    }

    [role="tabpanel"] p {
        margin: 0;
    }


/******************************************
 *   GOOGLE CUSTOM SEARCH
 ******************************************/
.gcsc-more-maybe-branding-root {
    display: none;
}

.gsc-search-button {
    margin-left: 0 !important;
}

.gsc-search-button-v2 {
    width: 55px;
    text-align: center;
    background-color: var(--white) !important;
    border-color: var(--darkgray) !important;
    font-size: 17px;
    font-weight: bold;
    margin-left: 0;
    padding: 0.1em;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left: 0px !important;
    height: 48px !important;
    padding: 0;
}

    .gsc-search-button-v2 svg {
        fill: var(--tricaredarkblue) !important;
        width: 16px !important;
        height: 16px !important;
    }

.gsc-input {
    color: #000;
}

#gsc-i-id1, #gsc-i-id2 {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 16px;
    height: 32px !important;
    display: block;
    background: none !important;
}

.gsc-input-box {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border: 1px var(--darkgray) solid !important;
    /*border-right: 0px !important;*/
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: -1px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    color: var(--darkgray) !important;
    height: 46px !important;
    display: block;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

.gsib_a {
    padding: 0 5px;
    height: 38px;
}

.gsst_a {
    width: 5px !important;
}

.gsc-search-box {
    max-width: unset !important;
}


@media screen and (max-width: 830px) {

    .gsc-input-box {
        height: 36px !important;
    }

    .gsc-search-button-v2 {
        height: 38px !important;
        padding: 0 5px 0 0 !important;
    }

}



/************************************
PROVIDER PULSE ARCHIVE &  ACCORDION
************************************/
.tricare-pp-page {
    width: 100%;
    margin-left: 36px;
    margin-right: 36px;
}

    .tricare-pp-page h1 {
        margin-bottom: 1em;
    }


.tricare-pp-article {
    border-top: solid 1px var(--triwestlightgray);
    padding-top: 1em;
}

    .tricare-pp-article > img {
        width: 70px;
        float: left;
        margin-right: 2em;
        margin-top: 2em;
    }

.tricare-pp-list {
    margin-bottom: 3em;

}

@media screen and (max-width: 830px) {

    .tricare-pp-page {
        margin-left: 20px;
        margin-right: 20px;
    }
}


#tricare_provider_pulse_archive > .tricare-providerpulse-content,
h2.tricare-pulse-accordion-year,
.tricare-pulse-accordion-panel {
}

#tricare_provider_pulse_archive h2 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.tricare-pulse-accordion-year > button {
    width: 100%;
    text-align: left;
    background-color: var(--gainsboro);
    color: var(--tricaredarkblue);
    font-weight: bold;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
    padding-left: 2em;
    border: none;
}

    .tricare-pulse-accordion-year > button:hover,
    .tricare-pulse-accordion-year > button:focus {
        background-color: var(--tricaredarkblue);
        color: var(--white);
    }

.accordion-active {
    background-color: var(--tricaredarkblue);
    color: var(--white);
}

.tricare-pulse-accordion-panel ul,
#tricare_pulse_year_issues_list ul {
    list-style-type: none;
}

    .tricare-pulse-accordion-panel ul li,
    #tricare_pulse_year_issues_list ul li {
        padding-bottom: 6px;
        border-bottom: solid 1px var(--gainsboro);
        padding-top: 6px;
    }

        .tricare-pulse-accordion-panel ul li a,
        #tricare_pulse_year_issues_list ul li a {
            line-height: 32px;
        }

@media screen and (max-width: 1279px) {


    .tricare-pulse-accordion-panel ul li a,
    #tricare_pulse_accordion_list ul li a {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width: 819px) {
    .tricare-pulse-accordion-panel ul {
        padding-left: 3%;
        padding-right: 3%;
    }

    .tricare-pulse-accordion-year > button {
        padding-left: 3%;
    }

    #tricare_provider_pulse_archive > .tricare-providerpulse-content,
    h2.tricare-pulse-accordion-year,
    .tricare-pulse-accordion-panel {
        margin-left: 0;
        margin-right: 0;
    }
}

/**********************
         CARDS   
**********************/



.tricare-cards {
    margin-bottom: 3em;
}

.tricare-cards-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: flex-start;
}

.tricare-cards-two {
    display: flex;
    justify-content: flex-start;
    gap: 3em;
    margin-bottom: 3em;
    margin-left: 36px;
    margin-top: 3em;
}


@media screen and (max-width: 830px) {

    .tricare-cards-two {
        flex-wrap: wrap;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.tricare-card {
    display: block;
    background-color: var(--white);
    border: solid 1px var(--gainsboro);
    border-radius: 4px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

    .tricare-card > p {
        font-size: 16px;
        line-height: 20px;
    }

    .tricare-card > .tricare-card-title {
        color: var(--tricaredarkblue);
    }

    .tricare-card > .tricare-card-title > a {
        text-decoration: none !important;
        color: var(--tricaredarkblue);
        line-height: normal;
    }

    .tricare-card > .fa {
        width: 50px;
        height: 50px;
        display: inline-block;
    }

    .tricare-card > .tricare-card-title {
        font-weight: 600;
        display: inline-block;
        height: 50px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: top;
    }

.tricare-rectangle {
    width: 266px;
    height: 150px;
    padding: 12px;
}

/******************************************
 *   Sitemap Page
 ******************************************/
#tricare_sitemap_page {
    flex-grow: 1;
}
#tricare_sitemap li {
    padding-bottom: 0;
}

#tricare_sitemap a {
    color: var(--tricaredarkblue);
    text-decoration: none;
    font-weight: 600;
}

#tricare_sitemap p {
    color: inherit;
    font-weight: inherit;
    margin: inherit;
}

@media screen and (max-width: 1279px) {
    #tricare_sitemap li {
        line-height: 20px;
    }

    #tricare_sitemap a {
        font-size: 16px;
        line-height: 20px;
    }

    #tricare_sitemap p {
        font-size: 16px;
        line-height: 20px;
    }
}

/*******************************
        SUBSCRIBE PAGES
*******************************/
.tricare-gray-block {
    min-width: 380px;
    max-width: 400px;
    padding: 1em 2em;
    background: var(--triwestlightgray);
    border-radius: 6px;
    text-align: center;
    margin-left: 2em;
}
.tricare-2columns {
    display: flex;
}


@media screen and (max-width: 830px) {
    .tricare-2columns {
        flex-wrap: wrap;
    }


    .tricare-gray-block {
        margin-left: 0;
    }
}

/*********************************
    SUBSCRIPTION FORM  - OLD .wg styles extant
*********************************/

.wg-form-row {
    width: 100%;
}

.wg-form-labels, .wg-form-inputs {
    text-align: left;
}

.wg-form-inputs {
    margin-bottom: 0.5em;
}

.wg-form-input-block {
    display: inline-block;
}

.wg-form-inputs > input, .wg-form-inputs > select {
    font-size: medium;
}

.wg-form-buttons {
    text-align: center;
}

.wg-form-labels > label {
    display: inline-block;
    width: 32%;
    font-size: medium;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.wg-form-inputs > input {
    display: inline-block;
}

.wg-fields-2 > label {
    width: 47%;
}

.wg-fields-2 > input {
    width: 45%;
}

.wg-fields-1 > label, .wg-fields-1 > input {
    width: 50%;
}

.wg-form-buttons > input {
    padding: 0.5em;
    margin-top: 1em;
    color: var(--white);
    font-weight: bold;
    display: block;
    background: var(--tricaredarkblue);
    /*    box-shadow: 0px 3px 6px rgba(0,0,0,0.35);
    border: solid 0.5px #b2b2b2;*/
    border-radius: 7px;
    padding: .5em;
    margin: 1em auto;
    font-size: 18px;
    width: 50%;
}

    .wg-form-buttons > input:hover {
        background: #0071bb;
        color: #fff;
    }

.wg-form .error {
    color: red;
}

.wg-form-disclaimer {
    text-align: left;
    font-style: italic;
    font-size: small;
}

.wg-form-reset {
    padding: 0;
    font-size: small;
    font-weight: normal;
    width: 15%;
    border-radius: 4px;
    display: block;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.35);
    border: solid 0.5px #b2b2b2;
    color: #0071BB;
    text-align: center;
    margin: 1em 1em 0 85%;
}

.wg-fields-right {
    display: block;
}
/* Styles to replace WG Forms */
.tw-form * {
    box-sizing: border-box;
}

.tw-form .tw-row {
    margin-bottom: 1rem;
    text-align: right;
}

.tw-form label {
    display: inline-block;
    min-width: 120px;
    padding-right: 0.5rem;
    position: relative;
}

    .tw-form label.error {
        color: var(--triwestalertred);
        font-size: 14px;
        padding-right: 0;
    }

.tw-form .required:after {
    content: '*';
    color: var(--triwestalertred);
    position: absolute;
    top: -4px;
}

.tw-form input {
    line-height: 1.5rem;
    padding: 0 0.5rem;
    max-width: 250px;
    width: 100%;
}

.tw-form select {
    height: 28px;
    padding: 0 0.5rem;
    max-width: 250px;
    width: 100%;
}

.tw-form-disclaimer {
    font-style: italic;
    font-size: small;
    line-height: 1.6;
}

@media screen and (max-width: 819px) {
    .tw-form {
        width: 300px;
    }

        .tw-form .tw-row {
            text-align: left;
        }
}


/*************************
  TRICARE TABLE GENERAL
**************************/
.tricare-table {
    width: 100%;
    border: solid 1px var(--tricarelightblue);
    border-radius: 8px;
    border-spacing: 0;
    table-layout: fixed;
    margin-top: 2em;
    margin-bottom: 2em;
}

    .tricare-table caption {
        caption-side: bottom;
        padding: 1em;
        color: var(--gray-text);
        font-size: 20px;
    }

    .tricare-table > tr {
        border-top: solid 1px var(--tricarelightblue);
    }

    .tricare-table > thead > tr > th {
        color: var(--tricaredarkblue);
        font-size: 18px;
        text-align: left;
        padding: 1em;
	    border-left: solid 1px var(--tricarelightblue);
    }
   
    	.tricare-table > thead > tr > th:first-of-type {
	    border-left: none;
	}

    .tricare-table > tbody > tr > td,
    .tricare-table > tbody > tr > td > li {
        font-size: 16px;
        border-top: solid 1px var(--tricarelightblue);
	    border-left: solid 1px var(--tricarelightblue);
        padding: 1em;
	    text-align: center;
    }
    
	    .tricare-table > tbody > tr > td:first-of-type {
	        border-left: none;
		    font-weight: bold;
		    text-align: left;
	    }

        .tricare-table > tbody > tr > td.falsefirst {
            font-weight: normal;
            border-left: solid 1px var(--tricarelightblue);
        }

    .tricare-table tbody tr {
        border-top: solid 1px var(--tricarelightblue);
    }

    #tricare_acd_provider_eligibility .fa-check {
        color: var(--triwesticongreen);
    }

    #tricare_acd_provider_eligibility .fa-ban {
        color: var(--triwesticonred);
    }

/* ---------------------------------- */
/* MOBILE SMALL <830px */

@media screen and (max-width: 830px) {

    .tricare-table {
        margin: 1em;
        width: 90%;
	    min-width: 600px;
    }

        .tricare-table > thead > tr > th {
            font-size: 18px;
            padding: .5em;
        }

        .tricare-table > tbody > tr > td {
            font-size: 16px;
            padding: .5em;
        }

        .tricare-table caption {
            font-size: 16px;
        }
}

/*************************
  TRICARE TABLE - IVRMap mods to general table styles
**************************/
tbody.tricare-table-IVRMaps > tr > td {
    text-align: left ;
    padding-top: .5em;
    padding-bottom: .5em;
}

/* TRICARE Handbook Tables */
.tricare-table.handbook {
    overflow:hidden;
}
.tricare-table.handbook thead tr {
    background-color: white;
} 
.tricare-table.handbook thead p {
    color: var(--tricaredarkblue);
}
.tricare-table.handbook tbody tr:nth-child(odd) {
    background-color: #ececec;
}
.tricare-table.handbook td {
    padding: 0.5rem;
    text-align: left;
    vertical-align: top;
}
.tricare-table.handbook p,
.tricare-table.handbook a {
    margin: 0;
    font-size: initial;
    line-height: initial;
}

/******************************
 TRICARE TABLE CLAIMS GRID
***************************/

.tricare-table-claims-grid {
    width: 100%;
    table-layout: fixed;
    margin-top: 2em;
    margin-bottom: 2em;
    font-family: Arial;
    color: var(--gray-text);
    border-collapse: collapse;
}

    .tricare-table-claims-grid caption {
        caption-side: bottom;
        padding: 1em;
        color: var(--gray-text);
        font-size: 20px;
    }

    .tricare-table-claims-grid > thead > tr > th {
        color: var(--tricaredarkblue);
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        text-align: left;
        padding-bottom: 8px;
        border-bottom: solid 2px var(--darkgray);
    }

    .tricare-table-claims-grid > tbody > tr > td {
        padding: 8px 5px 8px 0;
        border-bottom: solid 2px var(--darkgray);
    }

    .tricare-table-claims-grid > tbody > tr > td a {
        color: var(--tricaremediumblue);
    }
        .tricare-table-claims-grid > tbody > tr > td a:focus,
        .tricare-table-claims-grid > tbody > tr > td a:hover {
            color: var(--tricaredarkblue);
        }

    .tricare-table-claims-grid > tbody > tr > td,
    .tricare-table-claims-grid > tbody > tr > td  li {
        font-size: 20px;
        line-height: 26px;
        font-weight:  400;
        text-align: left;
        vertical-align: top;
    }

        .tricare-table-claims-grid > tbody > tr > td > ul {
            padding: 0 0 0 20px;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: top;
        }

        .tricare-table-claims-grid > tbody > tr > td li {
            padding: 0;
        }

        .tricare-table-claims-grid > tbody > tr > td:first-of-type {
            color: var(--tricaremediumblue);
        }

/*        .tricare-table-claims-grid > tbody > tr > td.falsefirst {
            font-weight: normal;
            border-left: solid 1px var(--tricarelightblue);
        }*/

    .tricare-table-claims-grid tbody tr {

    }



/*************************
 SECURE PORTALS STYLES
**************************/

#portal_home_news {
    margin-top: -8px;
    margin-bottom: -7px;
}

#portal_home_news li {
    padding-bottom: 0;
}

#portal_home_news ul {
    margin-top: -10px;
}

#portal_home_news > .beneportal-section-banner {
    background-color: var(--tricaredarkblue);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px 10px;
}

#portal_home_news h2 {
    font-size: 28px;
    line-height: 0.8;
    color: var(--white);
    text-align: left;
    margin-left: 16px;
}

#portal_home_news h3 {
    font-size: 20px !important;
    line-height: 28px;
    color: var(--tricaredarkblue);
    font-weight: 700;
}

.beneportal-twocol {
    width: 100%;
}

#portal_home_news .beneportal-twocol > .beneportal-col1 {
    text-align: left;
    display:inline-block;
    vertical-align: top;
}


#portal_home_news .beneportal-twocol > .beneportal-col2 {
    display: inline-block;
    margin-left: 24px;
    margin-right: 24px;
}


@media screen and (max-width: 1700px) {
    #portal_home_news .beneportal-twocol > .beneportal-col1 {
        min-width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 1700px) {
    #portal_home_news .beneportal-twocol > .beneportal-col2 {
        width: 58%;
    }

    #portal_home_news .beneportal-twocol > .beneportal-col1 > img {
        border-bottom-left-radius: 7px;
    }
}

@media screen and (max-width: 550px) {
    #portal_home_news h2 {
        text-align: center;
    }
}
    .bene-news-button {
        display: inline-block;
        height: 48px;
        width: 90%;
        padding: 0 20px;
        border: 2px solid var(--tricaredarkblue);
        border-radius: 6px;
        background-color: var(--tricaredarkblue);
        color: var(--white);
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-decoration: none;
    }

        .bene-news-button:hover, .bene-news-button:focus {
            background-color: var(--tricaremediumblue);
            color: var(--white);
            border-color: var(--tricaremediumblue);
        }


    /*/////////////////////////////////////////////////////////////////////*/

    /* Back To Top */
    .backToTop {
        position: fixed;
        bottom: 1em;
        right: 3em;
        z-index: 9999;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: var(--tricaremediumblue);
        background: var(--white);
        border-radius: 6px;
        padding: 10px;
        text-decoration: none;
    }

        .backToTop > a,
        .backToTop > a:visited,
        .backToTop > a:focus,
        .backToTop > a:hover {
            color: var(--tricaremediumblue) !important;
            text-decoration: none;
            font-weight: 600;
        }


    /* TRICARE MODAL */
    #tricare_modal {
        width: 50vw;
        max-width: 800px;
        padding: 1em 2em;
        background: white;
        border: var(--gainsboro) 1px solid;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999999;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .tricare-modal-button {
        text-align: center;
    }

    .tricare-modal-visible {
        display: block;
    }

    .tricare-modal-hidden {
        display: none;
    }

    #tricare_modal_underlay {
        width: 100%;
        height: 100%;
        background-color: rgb(169 169 169 / 0.5);
        color: rgb(169 169 169 / 0.5);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
    }


 /****************************************************
 * Breadcrumbs 
 ***************************************************/
    #breadcrumbs {
        margin-left: 32px;
        margin-right: 32px;
    }
        @media screen and (max-width: 830px) {
            #breadcrumbs {
                margin-left: 20px;
                margin-right: 20px;
            }
        }

    #breadcrumbs .active {
        color: var(--tricaredarkblue);
        font-weight: bold;
    }

        #breadcrumbs .active .hover {
            text-decoration: underline;
            color: var(--tricaredarkblue);
        }

    #breadcrumbs ol {
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
        display: flex;
        justify-content: left;
        column-gap: 5px;
        width: 100%;
        flex-wrap: wrap;
    }

        #breadcrumbs ol li {
            list-style-type: none;
        }

            #breadcrumbs ol li a {
                text-decoration: none;
                font-size: 16px;
                color: var(--tricaredarkblue);
            }

            #breadcrumbs ol li:last-child {
                font-weight: bolder;
            }


/********************************
SECURE PORTAL ACCORDION STYLES
********************************/

h3.portal-accordion-heading {
    margin: 6px 0;
}

.portal-accordion-heading > button {

    width: 100%;
    text-align: left;
    background-color: var(--gainsboro);
    color: var(--tricaredarkblue);
    font-weight: bold;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
    padding-left: 2em;
    border: none;
}

.portal-accordion-heading > button:hover,
.portal-accordion-heading > button:focus {
    background-color: var(--tricaredarkblue);
    color: var(--white);
}

.accordion-active {
    background-color: var(--tricaredarkblue);
    color: var(--white);
}

.portal-accordion-heading > button[aria-expanded="false"]::before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    padding-right: 10px;
}

.portal-accordion-heading > button[aria-expanded="true"]::before {
    content: "\f0d7";
    font-family: "Font Awesome 6 Pro";
    padding-right: 10px;
}