#sidebar {
    --scrollbarBG: #F1F1F2;
    --thumbBG: #5A5B5D;
    background-color:#FFFFFF;
}

    #sidebar::-webkit-scrollbar {
        width: 11px;
    }

#sidebar {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

    #sidebar::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    #sidebar::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }


/*ACCOMODATION NAV*/
.nav-btn-accomodations {
    cursor: pointer;
    content: url("/img/menu/snaccod.svg");
    width: 100%;
}

.nav-btn-accomodations-fr {
    cursor: pointer;
    content: url("/img/menu/snaccodfr.svg");
    width: 100%;
}

.nav-btn-accomodations-active {
    cursor: pointer;
    content: url("/img/menu/snaccos.svg");
    width: 100%;
}

.nav-btn-accomodations-active-fr {
    cursor: pointer;
    content: url("/img/menu/snaccosfr.svg");
    width: 100%;
}
/*TICKET INFORMATION NAV*/

.nav-btn-ticketinformation {
    cursor: pointer;
    content: url("/img/menu/snticketd.svg");
    width: 100%;
}

.nav-btn-ticketinformation-fr {
    cursor: pointer;
    content: url("/img/menu/snticketdfr.svg");
    width: 100%;
}


.nav-btn-ticketinformation-active {
    cursor: pointer;
    content: url("/img/menu/sntickets.svg");
    width: 100%;
}

.nav-btn-ticketinformation-active-fr {
    cursor: pointer;
    content: url("/img/menu/snticketsfr.svg");
    width: 100%;
}

/*DISNY PARK PASS SYSTEM NAV*/

.nav-btn-disneypark-passsystem {
    cursor: pointer;
    content: url("/img/menu/snpassd.svg");
    width: 100%;
}

.nav-btn-disneypark-passsystem-fr {
    cursor: pointer;
    content: url("/img/menu/snpassdfr.svg");
    width: 100%;
}


.nav-btn-disneypark-passsystem-active {
    cursor: pointer;
    content: url("/img/menu/snpasss.svg");
    width: 100%;
}

.nav-btn-disneypark-passsystem-active-fr {
    cursor: pointer;
    content: url("/img/menu/snpasssfr.svg");
    width: 100%;
}

/*DISNY DINING PLAN NAV*/

.nav-btn-disney-dining-plan {
    cursor: pointer;
    content: url("/img/menu/snpland.svg");
    width: 100%;
}

.nav-btn-disney-dining-plan-fr {
    cursor: pointer;
    content: url("/img/menu/snplandfr.svg");
    width: 100%;
}

.nav-btn-disney-dining-plan-active {
    cursor: pointer;
    content: url("/img/menu/snplans.svg");
    width: 100%;
}

.nav-btn-disney-dining-plan-active-fr {
    cursor: pointer;
    content: url("/img/menu/snplansfr.svg");
    width: 100%;
}






/*DINING NAV*/
/*----------------------------------*/
.nav-btn-dining {
    cursor: pointer;
    content: url("/img/menu/sndind.svg");
    width: 100%;
}

.nav-btn-dining-fr {
    cursor: pointer;
    content: url("/img/menu/sndindfr.svg");
    width: 100%;
}
/*----------------------------------*/
.nav-btn-dining-active {
    cursor: pointer;
    content: url("/img/menu/sndins.svg");
    width: 100%;
}

.nav-btn-dining-active-fr {
    cursor: pointer;
    content: url("/img/menu/sndinsfr.svg");
    width: 100%;
}
/*----------------------------------*/
.nav-btn-dining-expand {
    cursor: pointer;
    content: url("/img/menu/sndindnd.svg");
    width: 100%;
}

.nav-btn-dining-expand-fr {
    cursor: pointer;
    content: url("/img/menu/sndindndfr.svg");
    width: 100%;
}
/*----------------------------------*/

.nav-btn-dining-expand-active {
    cursor: pointer;
    content: url("/img/menu/sndindns.svg");
    width: 100%;
}

.nav-btn-dining-expand-active-fr {
    cursor: pointer;
    content: url("/img/menu/sndindnsfr.svg");
    width: 100%;
}
/*----------------------------------*/


/*DINING INFORMATION NAV*/
.nav-btn-dining-information {
    cursor: pointer;
    content: url("/img/menu/sndininfod.svg");
    width: 100%;
}

.nav-btn-dining-information-fr {
    cursor: pointer;
    content: url("/img/menu/sndininfodfr.svg");
    width: 100%;
}
/*----------------------------------*/

.nav-btn-dining-information-active {
    cursor: pointer;
    content: url("/img/menu/sndininfos.svg");
    width: 100%;
}

.nav-btn-dining-information-active-fr {
    cursor: pointer;
    content: url("/img/menu/sndininfosfr.svg");
    width: 100%;
}

/*DISNEY GENIE ACCESS NAV*/
.nav-btn-disney-genie-access {
    cursor: pointer;
    content: url("/img/menu/sngenied.svg");
    width: 100%;
}

.nav-btn-disney-genie-access-fr {
    cursor: pointer;
    content: url("/img/menu/sngeniedfr.svg");
    width: 100%;
}
/*----------------------------------*/

.nav-btn-disney-genie-access-active {
    cursor: pointer;
    content: url("/img/menu/sngenies.svg");
    width: 100%;
}

.nav-btn-disney-genie-access-active-fr {
    cursor: pointer;
    content: url("/img/menu/sngeniesfr.svg");
    width: 100%;
}
/*ATTRACTIONS NAV*/

.nav-btn-attractions {
    cursor: pointer;
    content: url("/img/menu/snattrd.svg");
    width: 100%;
}

.nav-btn-attractions-fr {
    cursor: pointer;
    content: url("/img/menu/snattrdfr.svg");
    width: 100%;
}

.nav-btn-attractions-active {
    cursor: pointer;
    content: url("/img/menu/snattrs.svg");
    width: 100%;
}

.nav-btn-attractions-active-fr {
    cursor: pointer;
    content: url("/img/menu/snattrsfr.svg");
    width: 100%;
}
/*IMPORTANT NOTICE NAV*/

.nav-btn-important-notice {
    cursor: pointer;
    content: url("/img/menu/snimpd.svg");
    width: 100%;
}

.nav-btn-important-notice-fr {
    cursor: pointer;
    content: url("/img/menu/snimpdfr.svg");
    width: 100%;
}

.nav-btn-important-notice-active {
    cursor: pointer;
    content: url("/img/menu/snimps.svg");
    width: 100%;
}

.nav-btn-important-notice-active-fr {
    cursor: pointer;
    content: url("/img/menu/snimpsfr.svg");
    width: 100%;
}



/*Authorized Disney Vacation Planner NAV*/

.nav-btn-authorized-disney-vacation-planner {
    cursor: pointer;
    content: url("/img/menu/snauthd.svg");
    width: 100%;
}

.nav-btn-authorized-disney-vacation-planner-fr {
    cursor: pointer;
    content: url("/img/menu/snauthdfr.svg");
    width: 100%;
}

.nav-btn-authorized-disney-vacation-planner-active {
    cursor: pointer;
    content: url("/img/menu/snauths.svg");
    width: 100%;
}

.nav-btn-authorized-disney-vacation-planner-active-fr {
    cursor: pointer;
    content: url("/img/menu/snauthsfr.svg");
    width: 100%;
}

/*DISNEY SPRINGS SHOPPING*/

.nav-btn-disney-springs-shopping {
    cursor: pointer;
    content: url("/img/menu/snshopd.svg");
    width: 100%;
}

.nav-btn-disney-springs-shopping-fr {
    cursor: pointer;
    content: url("/img/menu/snshopdfr.svg");
    width: 100%;
}

.nav-btn-disney-springs-shopping-active {
    cursor: pointer;
    content: url("/img/menu/snshops.svg");
    width: 100%;
}

.nav-btn-disney-springs-shopping-active-fr {
    cursor: pointer;
    content: url("/img/menu/snshopsfr.svg");
    width: 100%;
}

/*LEFT MENU COMMON AREA*/
#MainContainer {
    width: 100%;
    height: 100%;
}

#LeftContainer {
    width: 0%;
    position: fixed;
    float: left;
    height: 100%;
    z-index: 100;    
}

#RightContainer {
    width: 100%;
    height: 100%;
    float: right;
    overflow-x: hidden;    
}

#sidebar {
    -webkit-transition: width 0.1s;
    transition: width 0.1s;
    overflow-y: auto;
    overflow-x: hidden;
}

    #sidebar #sidebar-nav #mySidenav img {
        min-width: 100%;
    }

#div_LeftMenuShowHideBtn {
    z-index: 100;
    position: fixed;
    top: 50%;
}
#div_PopUpLeftMenuShowHideBtn {
    z-index: 100;
    position: fixed;
    left: 746px;
    top: 50%;
    cursor:pointer;
    display:none;
}
#img_LeftMenuShowHideBtn {
    cursor: pointer;
    border: none;
    outline: 0;
}

.divmk {
    background: #FFFFFF;
    height:100VH;
}
.div_mkimg {   
    padding:24px 35px 24px 35px;
}

    .div_mkimg p {
        margin: 0px;
    }

    .matterBoldMk {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: 400;
        font-size: 23px;
        line-height: 29px;
        color: #231F20;      
        margin: 0px;
        padding: 0px;
    }

.matterMk {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    padding-top: 14px;
    color: #231F20;
}

.matterReadMk {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;     
}

a.matterReadMk {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.img_pad {
    padding-top: 2px;
}

.img_Rarow {
    width: 16px;
    height: 16px;
}

.imgauto {
    display: inline;
    margin-top: auto;
    margin-bottom: auto;
}

#more {
    display: none;
}

#div_CloseMob {
    display: none;
    z-index: 100;
    position: fixed;
    top: 50%;
    right: 0px;
    cursor: pointer;
}

.magic-kingdom-nav-img {
    content: url(/img/menu/sidemenu-hero-magickingdomn@2x.png) !important;
    width: 100%;
}

.epcot-nav-img {
    content: url(/img/menu/sidemenu-hero-epcot2@2x.png) !important;
    width: 100%;
}
.hollywood-studio-nav-img {
    content: url(/img/menu/sidemenu-hero-hollywoodstudio@2x.jpg) !important;
    width: 100%;
}
.animal-kingdom-nav-img {
    content: url(/img/menu/sidemenu-hero-animalkingdom@2x.jpg) !important;
    width: 100%;
}
.disney-springs-nav-img {
    content: url(/img/menu/sidemenu-hero-disneysprings@2x.jpg) !important;
    width: 100%;
}

    

    @media (max-width: 767.98px) {

        #div_CloseMob {
            display: inline;
        }

        .magic-kingdom-nav-img {
            content: url(/img/menu/sidemenu-hero-magickingdomn.png) !important;
            width: 100%;
        }

        .epcot-nav-img {
            content: url(/img/menu/sidemenu-hero-epcot2.png) !important;
            width: 100%;
        }

        .hollywood-studio-nav-img {
            content: url(/img/menu/sidemenu-hero-hollywoodstudio.jpg) !important;
            width: 100%;
        }

        .animal-kingdom-nav-img {
            content: url(/img/menu/sidemenu-hero-animalkingdom.jpg) !important;
            width: 100%;
        }

        .disney-springs-nav-img {
            content: url(/img/menu/sidemenu-hero-disneysprings.jpg) !important;
            width: 100%;
        }
        
    }