﻿/* Tricare Sidemenu Layout */

#tricare_sidemenu_page_container {
    display: flex;
    margin: -36px 0 2em 0;
    padding-right: 32px;
    padding-left: 32px;
    flex-grow: 1;
}

@media screen and (max-width: 830px) {
    #tricare_sidemenu_page_container {
        padding-left: 0;
        padding-right: 0;
    }
}

#tricare-sidemenu {
    flex: 0 0 auto;
    padding-right: 2rem;
    width: 285px;
    margin-top: 36px;
}
#tricare-content {
    flex: 1 1 auto;
}

/* Tricare Sidemenu Styling */
#tricare-sidemenu .sidemenu_container {
    border-top: 1px solid var(--gray);
}
#tricare-sidemenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#tricare-sidemenu li {
    padding: 0;
}
#tricare-sidemenu a {
    border-bottom: 1px solid var(--gray);
    box-sizing: border-box;
    color: var(--gray-text);
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height: 20px;
    padding: 1rem;
    text-decoration: none;
    width: 100%;
}

#tricare-sidemenu .side-childPage-listitem > a {
    padding-left: 2em;
}

#tricare-sidemenu a:hover,
#tricare-sidemenu a:focus,
#tricare-sidemenu .sidemenu-current-page {
    color: var(--tricaredarkblue);
    background: var(--triwestlightgray);
    text-shadow: 1px 0 0 var(--tricaredarkblue);
}
#tricare-sidemenu .grandchildren-list-div a {
    padding-left: 2rem;
}
#tricare-sidemenu .sidemenu-hidediv,
#tricare-sidemenu .sidemenu-hidesymbol {
    display: none;
}
#tricare-sidemenu .sidemenu-showdiv,
#tricare-sidemenu .sidemenu-showsymbol {
    display: inherit;
}
#tricare-sidemenu .sidemenu-symbolplus,
#tricare-sidemenu .sidemenu-symbolminus {
    float: right;
    padding-right: 0.5rem;
}
@media screen and (max-width: 800px) {
    #tricare-sidemenu {
        display: none;
    }
}

/*.sidemenu-container {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
    color: #000;
    margin-top: 1em;
    margin-right: 1em;
}

    .sidemenu-container a, .sidemenu-container a:visited {
        color: #000 !important;
    }

        .sidemenu-container a:hover {
            text-decoration: none;
        }

.wg-contentsections-container {
    display: inline-block;
    width: 78%;
    max-width: 1003px;
    vertical-align: top;
}*/

/* current page */
/*  TIM TEST CHANGE FOR MC REQUEST 17px to 10px*/
/*.sidemenu-current-page {*/
    /*background-color: #ececec;*/
    /*border-left: 6px solid #0071BB;
    font-weight: bold !important;
    padding-left: 10px !important;
    ;
}


.grandchild-list > li > .sidemenu-current-page {
    padding-left: 30px !important;
}


.sidemenu-activeListItem {
    padding: 0 0 0 0 !important;
}

.sidemenu-openedlist {
    background-color: #ececec;*/
    /*border-left: 6px solid #0071BB;*/
    /*font-weight: bold !important;
}*/

/*  TIM TEST CHANGE FOR MC REQUEST 24px to 16px*/
/*.side-firstpage {
    display: block;
    font-size: 16px;
    padding: 16px 0 16px 16px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    line-height: 22px;
    margin-bottom: 0;
    text-decoration: none;
    font-weight: normal;
}

    .side-firstpage > a, .side-firstpage > a:visited {
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }*/
    /*  TIM TEST CHANGE FOR MC REQUEST 17px to 18px*/
    /*.side-firstpage:hover, .side-firstpage:focus {
        padding-bottom: 16px;
        padding-left: 10px !important;
        font-weight: bold;
        border-left: solid 6px #00205C;
        background: #D1EDFF;
    }*/

/* ul */
/*.side-childList {
    display: block;
    list-style: none;
    margin-top: 0;
    padding-left: 0;
}*/

/* li */
/*.side-childPage-listitem {
    display: block;
    list-style: none;
}*/

/*  TIM TEST CHANGE FOR MC REQUEST 24px to 16px*/
/*.childPage-link, .childPage-link:visited {
    display: block;
    font-size: 16px;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    padding: 16px 0 16px 16px;
    border-bottom: 1px solid #707070;
    line-height: 22px;
}*/

/* div */
/*.childPage-button-div {
    display: block;
    list-style: none;
}*/
/*  TIM TEST CHANGE FOR MC REQUEST 17px to 18px*/
/*.childPage-link:hover, .childPage-link:focus {
    padding-bottom: 16px;
    padding-left: 10px !important;
    font-weight: bold;
    border-left: solid 6px #00205C;
    background: #D1EDFF;
}*/

/*  TIM TEST CHANGE FOR MC REQUEST 24px to 16px*/
/* a */
/*.childPage-button {
    display: block;
    font-size: 16px;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    padding: 16px 0 16px 16px;
    border-bottom: 1px solid #707070;
    line-height: 22px;
}*/

    /*  TIM TEST CHANGE FOR MC REQUEST 17px to 16px*/
    /*.childPage-button[aria-expanded="true"] {
        padding-bottom: 16px;
        padding-left: 16px !important;
        font-style: italic;*/
        /*font-weight: bold;*/
    /*}

    .childPage-button:hover, .childPage-button:focus {
        padding-bottom: 16px;
        padding-left: 10px !important;
        font-weight: bold;
        border-left: solid 6px #00205C;
        background: #D1EDFF;
    }*/

/* span */
/*.sidemenu-symbolplus {
    font-weight: bold;
    font-size: 1.25em;
    float: right;
    padding-right: 0.5em;
}*/

/* span */
/*.sidemenu-symbolminus {
    float: right;
    font-size: 1.25em;
    font-weight: bold;
    padding-right: 0.5em;
}*/

/* span */
/*.sidemenu-showsymbol {
}*/

/* span */
/*.sidemenu-hidesymbol {
    display: none;
}*/

/* div */
/*.grandchildren-list-div {
    display: block;
    padding-left: 0;*/
    /*border-top: 1px solid #707070;*/
    /*background: #ececec;
}*/

/* div */
/*.sidemenu-showdiv {
    display: block;
}

.sidemenu-hidediv {
    display: none;
}*/

/*  TIM TEST CHANGE FOR MC REQUEST 24px to 36px*/
/* a */
/*.childPage-link-nested {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    padding-left: 36px;
    padding-bottom: 16px;
    border-bottom: solid 1px #707070;
    display: block;
    padding-top: 16px;
}*/

    /*  TIM TEST CHANGE to 10px now testing 24px */
    /*.childPage-link-nested:hover, .childPage-link-nested:focus {
        background: #D1EDFF;
        border-left: solid 6px #00205C;
        padding-left: 30px !important;
        font-weight: bold;
    }

.grandchildren-list-div > .sidemenu-current-page {
    font-weight: normal;
    padding-left: 30px !important;
}*/

/* a */
/*.childPage-link {
}*/

/* ul */
/*.grandchild-list {
    list-style-type: none;
    padding-left: 0;
    display: block;
}*/

    /* li */
    /*.grandchild-list > li {
        display: block;
    }

        .grandchild-list > li:last-child {
            border-bottom: none;
        }

.side-grandchildPage-link {
    display: block;
    font-size: 16px;
    list-style: none;
    padding: 16px 0 16px 36px;
    line-height: 22px;
    color: #000000;
    font-weight: normal;
    line-height: 22px;
    border-bottom: 1px solid #707070;
}*/


    /* a */
    /*.side-grandchildPage-link:hover, .side-grandchildPage-link:focus {
        display: block;
        background: #D1EDFF;
        border-left: solid 6px #00205C;
        padding-left: 30px !important;
        font-weight: bold;
    }

@media screen and (max-width: 800px) {
    .sidemenu-container {
        visibility: hidden;
        clear: both;
        display: none;
    }

    .wg-contentsections-container {
        width: auto;
    }
}*/
