/*html{ background-color: #fff !important;}*/

.mobile-footer-sticky-nav{
    position:sticky !important;
    z-index:9;
    width:100%;
    background:#fafafa;
    top: 0;
    display: block;
    height: 100vh;
    -webkit-box-shadow: 6px 0px 16px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 6px 0px 16px 0px rgba(0,0,0,0.12);
    box-shadow: 6px 0px 16px 0px rgba(0,0,0,0.12);
}

.mobile-footer-sticky-nav .link {
    padding: 5px 10px 8px;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
    color: #898a8b;
    text-align: center;
}

.mobile-footer-sticky-nav .link a{
    justify-content: left;
    display: flex;
    align-items: center;
    flex-direction: row;
    height:100%;
    width: 100%;
    padding: 10px 0px 8px;
    text-decoration: none;
    color: #000;
    opacity: .75;
}

.mobile-footer-sticky-nav .link:hover,
.mobile-footer-sticky-nav .link:hover path,
.mobile-footer-sticky-nav .link a:hover,
.mobile-footer-sticky-nav .link:active,
.mobile-footer-sticky-nav .link:active path,
.mobile-footer-sticky-nav .link a:active
{  cursor: pointer; opacity: 1;}

.mobile-footer-sticky-nav .link svg{
    width: 20px;
    height:20px;
    display:block;
    margin: 0 10px;
}

.mobile-footer-sticky-nav .link a.active,
.mobile-footer-sticky-nav .link a.active svg path
{
    color: #2b6159;
    fill: #2b6159;
}


.mobile-footer-sticky-nav .link path {
    fill: #1d2124;
}

.link-title{
    padding: 5px 20px;
    background: #eee;
    font-size: 20px;
    min-height: 56px;
}

.mobile-footer-sticky-nav .link.a-logout{
    border-top: 1px solid #dedede;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    color: #fff;
    width: 100%;
    padding: 16px 10px;
    font-size: 16px;
    border-bottom: 0;
}

.mobile-footer-sticky-nav .link.a-logout svg{
    width: 30px;
    height: 30px;
}
.mobile-footer-sticky-nav .link.a-logout a{
    color: #fff !important;
}
.mobile-footer-sticky-nav .link.a-logout a:hover{
    color: #fff;
}

.mobile-footer-sticky-nav .link.a-logout path{
  fill:#fff !important;
  opacity: .75;
}

.mobile-footer-sticky-nav .link.a-logout path{position: 1}

/*** Special hendle from store level menu**/
#modal-account-menu .btn-close{position: absolute;z-index: 99999;right: 20px;top: 18px;}


@media (max-width: 767px){
    .mobile-footer-sticky-nav .link-title{
        padding: 5px 10px;
        justify-content: space-around !important;
        /*width: 80px !important;*/
        flex: 0 0 70px;
        order: 1;
    }
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav){
        display: flex;
        top: auto;
        position: fixed !important;
        bottom: 0;
        border-top:1px solid #dddddd;
        height: auto;
    }
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav) .link-title:not(:has(> button)),
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav) .link-title > div{
        display: none !important;
    }
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav) .link {
        font-size: 11px;
        color: #898a8b;
        text-align: center;
        flex: 1;
        padding: 0;
    }
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav) .link a{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height:100%;
        width: 100%;
        padding: 10px 5px 8px;
        text-decoration: none;
        color: #898a8b;
    }
    .mobile-footer-sticky-nav:not(.modal-content .mobile-footer-sticky-nav) .link.a-logout{
        display: none;
    }

}