﻿.g_header {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 767px) {

    .g_header {
        box-shadow: 0px 0px 8px 0px #ccc;
    }

    .menuLeft {
        display: block;
    }

    .menuLeft_content {
        display: block;
        /*margin-left: 5px;*/
        margin-left: -3px !important;
        width: calc(100% + 3px) !important;
    }

    .menuLeft_menu {
        display: none;
        /*margin-left: 5px;*/
        width:100%;
    }

    .menuLeft_menu, .cashflow_content {
        /*margin-right:-10px;*/
    }

  

        .menuLeft_menu h1 {
            display: block;
            padding: 10px !important;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: -5px;
            font-size: 20px;
        }

        .menuLeft_menu h2 {
            display: block;
            padding: 10px !important;
            margin-top: -8px;
            margin-bottom: 8px;
            font-size: 18px;
        }

        .menuLeft_menu ol {
            display: none;
            padding: 5px !important;
            /*margin-left: 45px;*/
            /*font-size: 17px;*/
            margin-top: 10px;
            margin-bottom: -10px;
        }


            .menuLeft_menu ol li {
                padding: 10px !important;
            }

        .menuLeft_menu ul {
            padding: 5px !important;
            margin-left: 65px;
            font-size: 16px;
            margin-top: -10px;
            margin-bottom: -10px;
        }

            .menuLeft_menu ul li {
                padding: 10px !important;
            }

    

        /*.menuLeft_menu h1 {
            padding:5px !important;
            font-size: 20px;
        }

        .menuLeft_menu h2 {
            padding: 5px !important;
            font-size: 18px;
        }

        .menuLeft_menu ol {
            padding: 5px !important;
            margin-left: 15px;
            font-size: 17px;
        }

        .menuLeft_menu ul {
            padding: 5px !important;
            margin-left: 20px;
            font-size: 16px;
        }*/

    .body-content {
        margin-top: 0px;
    }

    .menuLeft, .menuLeft_menu, .cashflow_content {
        margin-bottom: 10px;
    }
    .menuLeft {
        padding-left: 0px;
    }
    .menuLeft_menu {
        padding-left: 5px;
    } 
    .cashflow_content, .cashflow_content_padded {
        padding-left: 10px;
        padding-right: 10px;
        /*padding-bottom:0px;*/
        /*margin-bottom:0px;*/
    }

    #menuLeft_menu {
        margin-bottom: 50px;
    }

}

@media (min-width: 768px) {

    .g_header {
        box-shadow: 175px 0px 8px 0px #ccc;
    }


    .menuLeft {
        display: flex;
    }

    .menuLeft_content {
        display: block;
    }

    .menuLeft_menu {
        display: block !important;
    }

    .menuLeft .menuLeft_menu .cashflow_content .cashflow_content h2 {
        margin-top: -8px !important;
    }

    .menuLeft_menu ol {
        margin-top: -8px !important;
    }




    #myBtn {
        bottom: 150px; /* Place the button at the bottom of the page */
        right: 20px; /* Place the button 30px from the right */
    }
}

@media (min-width: 992px) {

    .menuLeft {
        display: flex;
    }

    .menuLeft_menu {
        display: block;
    }


    #myBtn {
        bottom: 150px; /* Place the button at the bottom of the page */
        right: 20px; /* Place the button 30px from the right */
    }
}

@media (min-width: 1200px) {
    .menuLeft {
        display: flex;
    }
    .menuLeft_menu {
        display: block !important;
    }

    #myBtn {
        bottom: 150px; /* Place the button at the bottom of the page */
        right: 20px; /* Place the button 30px from the right */
    }
}

/*.body-content {
    background-color: white;
}

.footer-fill {
    background-color: white;
}

#g_header {
    box-shadow: none;
    border-bottom: 1px solid gray;
}

.cashflow_content{
    box-shadow: none !important;
}

.cashflow_content_padded {
    box-shadow: none !important;
}*/

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #4C9389; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}



    #myBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }




/******************************** HEADER ***************************************/
/*Top Header*/

.g_header_menu {
    display:block;
}

@media (max-width: 767px) {
    .g_header_contents {
        width: 100%;
    }

}

@media (min-width: 768px) {
    .g_header_contents {
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .g_header_contents {
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .g_header_contents {
        width: 100%;
        margin: auto;
    }
}











/****************************** HEADER MENU - CUSTOMERS AND BOUNCEBACK/LEAPDEPOSIT ONLY ******************************/
@media (min-width: 768px) {
    /*************** FULL SIZE SCREEN ********************/
    .g_header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 50px;
        z-index: 1030;
    }

    .g_header_contents {
        height: 50px;
        max-height: 50px;
    }

    .body-content {
        margin-top: 55px;
        /*Plus the 45 from bootstrap = 100  (header=80 + padding=20) */
        /*Because the header is fixed, we have to pad past it*/
    }





    .g_header_image {
        height: 26px; /*50px;*/
        width: 167px;  /*135px;*/
        padding-bottom: 3px;
        padding-top: 2px;
        margin-top: 10px;  /*0px;*/
        margin-bottom: 0px;
        margin-right: 15px;
        float: left;
    }

    .g_header_right {
        height: 50px;
        width: calc(100% - 210px);
        /*background-color: orange;*/
    }

    .g_header_menu {
        /*line-height: 4em;*/
        text-align: right;
    }

    .g_header_menu_ul {
        /*background-color: lightgreen;*/
        list-style: none;
        list-style-type: none;
        list-style-image: none;
        list-style-position: outside;
        overflow: hidden;
        /*float: right;*/
    }

        .g_header_menu_ul li {
            display: inline-block;
            font-size: large;
            padding-left: 15px;
            padding-right: 15px;
            /*float: left;*/
            /*position: relative;*/
        }



            .g_header_menu_ul li ul {
                display: none;
                line-height: 2em;
                padding-left: 0px;
                margin-left: 0px;
            }

                .g_header_menu_ul li ul li {
                    display: block;
                    padding-right: 10px;
                    text-align: left;
                }





    .g_header_menu_ul li:hover > ul {
        display: block;
        position: absolute;
        background-color: #fff;
        list-style: none;
        box-shadow: 0 2px 4px 4px rgba(0,0,0,.1);
        z-index: 1;
    }

        .g_header_menu_ul li:hover > ul li {
            display: block;
        }

    .g_header_menu_dropdown_parentspan ul li {
        padding-right: 20px;
    }

    .g_header_menu_dropdownul {
        margin-right: 20px;
        float: left;
    }
}
/****************** Continue **********************/

.g_header_left {
    float: left;
}

.menuLeft_content {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -40px;
}
.menuLeft_content {
    /*margin-left: -5px !important;*/
}


.g_header_right {
    /*float: right;*/
    white-space: nowrap;
    text-wrap: none;
    overflow: hidden;
}


/*.g_header span {
    padding-left: 20px;
}*/




.g_header a:hover {
    color: #82B4B6;
    text-decoration: none;
}

.top_level {
    margin-right: 10px;
    margin-top: 10px;
    float: right;
}

.level_1_button {
    margin-top: 4px;
    margin-right: 20px;
}

.documentation_main_buttons {
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}


/*********************************MOBILE VIEW FOR CUSTOMERS AND BOUNCEBACK/LEAPDEPOSIT ONLY  ****************************************/

@media (max-width: 767px) {

    .g_header {
        height: 50px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1030;
    }

    .g_header_right {
        width: 100%;
    }

    /*.body-content {
        margin-top: 20px; /*Header is not fixed, so 0 + a 20px padding 
    }*/

    .g_header_contents {
        padding-left: 0px;
        padding-right: 0px;
    }


    .g_header_login {
        display: none;
    }
    
    .body-content {
        margin-top:55px;
    }
    
    .menuLeft {
        margin-top: 55px;
    }
    
    .g_header_menu {
        z-index: 10000;
        width: 100%;
        /*position: fixed;*/
        /*left: 0;*/
        /*top: 50px;*/
        /*box-shadow: 0 2px 4px 4px rgba(0,0,0,.1);*/
        display: none;
        margin-right: 10px;
    }

    .g_header_menu_ul {
        padding-left: 0px;
        width: 100%;
        list-style: none;
    }

        .g_header_menu_ul > li {
            padding-left: 10px;
            font-size: large;
            line-height: 2em;
            cursor: pointer;
        }

        .g_header_menu_ul li ul {
            width: 100%;
            list-style: none;
            padding-left: 0px;
        }

            .g_header_menu_ul li ul li {
                padding-left: 10px;
            }


        .g_header_menu_ul li:hover > ul {
            background-color: #fff;
        }

    .g_header_menu_dropdown_parentspan {
        /*display: none;*/
        /*padding-left: -10px;*/
        line-height: 2em !important;
        border-bottom: 1px solid #ccc;
    }

    .g_header_menu_itemType1 {
        display: none;
        line-height: 3em !important;
        border-bottom: 1px solid #ccc;
    }

    .g_header_menu_itemType1_first {
        border-top: 1px solid #ccc;
    }

    .g_header_menu_itemType1_last {
        margin-bottom: 30px;
    }

    .g_header_menu_itemType2 {
        font-size: initial !important;
        line-height: 2em !important;
        padding-left: 10px;
    }

    .g_header_menu_itemType2, .parent {
        list-style-type: square;
        line-height: 1.5em !important;
    }

    .child {
        font-size: initial !important;
        list-style-type: none;
        line-height: 1.3em !important;
        padding-left: 20px;
    }

    .g_header_menu_itemType2 a {
        color: #999 !important;
    }



    .menu_level_1 {
        display: none;
    }

    .menu_level_2a {
        display: none;
    }

    .menu_level_2b {
        display: none;
    }

    .menu_level_2c {
        display: none;
    }
}



h1, h2, h3, h4 {
    margin-top:0px;
    margin-bottom:0px;
}

#menuLeft_menu .cashflow_content {
    padding-left: 0;
    padding-right: 0;
}


.body-content-stripped .menuLeft_content {
    margin-top: 0px;
}

.menuLeft_hr {
    margin-bottom: 20px;
}

.menuLeft_icon {
    width: 20px !important;
    margin-right: 10px;
}
.menuLeft_indented {
    padding-left: 25px !important;
}

#txtMLMID {
    width: calc(100% - 20px);
    margin: 10px;
    line-height: 30px;
}

.menuLeft_menu h2, .menuLeft_menu h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .menuLeft_menu h2.menuSelected .green {
        color: #fff;
    }

.body-content-tight {
    margin-top: 29px;
}