.sidebar-nav {
    position: fixed;
    top: 149px;
    right: -405px;
    bottom: 0;
    background-color: #00aff0;
    width: 350px;
    z-index: 100;
    transition: all .3s ease;
    display: none;
    /*box-shadow: 5px 7px 9px 5px #000;*/
    font-size: 12px;
}
.pnlShowMenuIcon i, .pnlShowSubMenuIcon i{color:#6e8ba5;}
.sidebar-nav .nav {display:flex;flex-direction:column;float: unset;padding: unset;}
.menuSubLevel2{background:#450914 !important;color:#fff !important;}
.sidenav li > div > a.hypTopSubMenu.selected:link, .sidenav li > div > a.hypTopSubMenu.selected:visited {
    background: #450914;
}
a.hypTopSubMenuLv3Sel {color: #fff !important;}

.sidebar-nav .nav ul {position:static;margin-left: unset;display: block;}
.sidebar-nav .nav li{width:100%;float:none;margin: -1px 0 0 0px;padding: 0;position: relative;}
.sidebar-nav .nav li a {display:block;width:100%;overflow: hidden;  /*white-space: nowrap;*/ text-overflow: ellipsis;color: #fff;background: #671222;padding: 16px 20px 16px 40px;font-size:12px;}

.sidebar-nav .nav-one > li > a{height: 50px;text-decoration:none !important;
    padding: 15px 30px !important; box-sizing: border-box;color:#666; background:#fff; position:relative; background-position: 30px 15px!important; background-repeat: no-repeat; /*border-bottom: 1px solid #3f77bb;*/}
.sidebar-nav .nav-one > li > a:hover{color:#fff !important; background:#671222; background-position: 30px 15px!important; background-repeat: no-repeat; border-bottom:none;}
.sidebar-nav .nav-one > li > a.selected{color:#fff;background:#671222; background-position: 30px 15px!important; background-repeat: no-repeat; border-bottom:none;}
.sidebar-nav .nav-one > li > a > i {/*position:absolute; margin-top: -8px;display:none; */right:-20px; top: 50%; font-size: 15px;margin: -16px -35px;}

.sidebar-nav .nav-one > li > a.parent > i.add {display:flex;}
.sidebar-nav .nav-one > li > a.parent.expanded {color:#fff; background-color: #671222;}
.sidebar-nav .nav-one > li > a.parent.expanded > i.add{display:none;}
.sidebar-nav .nav-one > li > a.parent.expanded > i.remove{display:flex;}

.sidenav > li > div > a, .sidenav > li > div > a:link{background:#671222;}
.sidenav > li > div > a:hover, /*.sidenav > li > div > a.selected,*/ .sidenav > li > div > a:active {background-color:#450914;}

.sidebar-nav .nav-two > li > a > i {position:absolute;right:10px; top: 50%; margin-top: -13px; display:none !important;}
.sidebar-nav .nav-two > li > a.parent > i.add {display:block; position: static;
    margin-top: -21px;
    margin-left: 230px;
    font-size:15px;
}
.sidebar-nav .nav-two > li > a.parent.expanded {color:#fff;}
.sidebar-nav .nav-two > li > a.parent.expanded > i.add{display:none;}
.sidebar-nav .nav-two > li > a.parent.expanded > i.remove{display:block; position: static;
    margin-top: -21px;
    margin-left: 230px;
    font-size:15px;}

.sidebar-nav .nav-two {display:none; transform: scale(1);transition:none;background-color:transparent;}
.sidebar-nav .nav-two > li > a,
.sidebar-nav .nav-two > li > a:visited,
.sidebar-nav .nav-two > li > a:link{background-color: #981a32;
    max-height: 65px;
    width: 100%;
    padding: 16px 20px 16px 45px !important;
    box-sizing: border-box;
    color: #fff;
}
.sidebar-nav .nav-two > li > a:hover,
.sidebar-nav .nav-two > li > a:active{background-color:#671222;}
.sidebar-nav .nav-two > li > a.selected {background-color:#671222;}

.sidebar-nav .nav-three {display:none; transform: scale(1);transition:none;background-color:transparent; margin-top: 0px;}
    .sidebar-nav .nav-three > li > a,
    .sidebar-nav .nav-three > li > a:visited,
    .sidebar-nav .nav-three > li > a:link {
        background-color: #450914; color:#8b182d;
        max-height: 65px; /*margin-top:8px;*/
        width: 100%; font-size: 12px;
        padding: 14px 0px 12px 60px !important;
        box-sizing: border-box;
    }

    .sidebar-nav .nav-three > li > a:hover,
.sidebar-nav .nav-three > li > a:active{/*background-color:#292929;*/color:#fff;}
.sidebar-nav .nav-three > li > a.selected { /*background-color:#292929;color:#fff;*/}

/* ========= Custom Login Menu =================*/
.sidebar-nav .nav.loginlinks {right:auto;}
.sidebar-nav .nav.loginlinks > li {border-bottom:0px solid #fff;}
.sidebar-nav .nav.loginlinks > li > a,
.sidebar-nav .nav.loginlinks > li > a:link,
.sidebar-nav .nav.loginlinks > li > a:visited{background-color:transparent;width:auto;}
.sidebar-nav .nav.loginlinks > li > a:active,
.sidebar-nav .nav.loginlinks > li > a:hover,
.sidebar-nav .nav.loginlinks > li > a.selected { background-color:transparent;color:#fff;}

.sidebar-nav .nav.loginlinks > li > a > i {display:none;}
.sidebar-nav .nav.loginlinks > li > a:hover > i{border-right: 0px solid #3c46c7;}
.sidebar-nav .nav.loginlinks > li > a.profile {}
.sidebar-nav .nav.loginlinks > li > a.password {}
.sidebar-nav .nav.loginlinks > li > a.result {}
.sidebar-nav .nav.loginlinks > li > a.logout {}

.sidebar-nav-toggle {
    position: absolute;
    right: 20px;
    top: -30px;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 9;
}

.sidebar-nav-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 15px;
  background: #00aff0;
  border-radius: 5px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.sidebar-nav-toggle span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}


.sidebar-nav-toggle span:nth-child(2) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.sidebar-nav-toggle span:nth-child(3) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hiddepnlSubMenu{display:none;}
/* ============== sidebar open ==============*/
body.open .sidebar-nav-toggle span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 0px;
}

body.open .sidebar-nav-toggle span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

body.open .sidebar-nav-toggle span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px;
  left: 0px;
}
@media (max-width: 1599px) {
    /*.divTopBigRightTop {padding: 11px 20px 11px 0;}*/

    .divMainContainer.scrolled .sidebar-nav{top:50px;}

    .sidebar-nav {display:block; /*top: 70px;*/}
    .sidebar-nav-toggle{transform:scale(1);}
    .divMisTopMenu, .divTopMenu {
        display: none !important;
    }

    body {right:0;position:relative;transition:all .3s ease;}
    body.open{ overflow: hidden;}
    body.open .sidebar-nav{right:0px; overflow:   scroll;}
    body.open .divMainContainerTop{left:auto;}
    .divTopTopMenu {display: none;}    
    ::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }
    .divSideMenu .divTopMenu {
        display: block !important;
        /*border-bottom: 1px solid #67d6ff;*/
    }



    /* Top Menu 2 */
    .divTopMenu {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .divTopMenuItems {
        height: auto;
        overflow: hidden;
        width: 100%;
    }

    /*Top Menu Item Style*/
    .topMenuItemMobile, .topMenuItemMobileFirst,
    a.topMenuItemMobile:link, a.topMenuItemMobile:visited,
    a.topMenuItemMobileFirst:link, a.topMenuItemMobileFirst:visited {
        font-size: 16px;
        color: #6e8ba5;
        padding: 10px 0px 10px 20px;
        display: block;
        border-bottom: 1px solid #ddd;
    }
    a.topMenuItemMobile:hover, a.topMenuItemMobile:active,
     a.topMenuItemMobileFirst:hover, a.topMenuItemMobileFirst:active,
    .topMenuItemMobileSel, .topMenuItemMobileFirstSel,
    a.topMenuItemMobileSel:link, a.topMenuItemMobileSel:visited,
    a.topMenuItemMobileSel:hover, a.topMenuItemMobileSel:active,
    a.topMenuItemMobileFirstSel:hover, a.topMenuItemMobileFirstSel:active {
        font-size:16px; color:#6e8ba5; background:#eee; padding:10px 0px 10px 20px; display:block;text-decoration:none;
    }
    .menuLevel, a.menuLevel:link, a.menuLevel:visited {
        font-size: 16px;
        background-color: #fff;
        padding: 10px 0px 10px 20px;
        display: block;
    }
    a.menuLevel:hover, a.menuLevel:active ,
    .menuLevelSel {
        font-size: 16px;
        padding: 10px 0px 10px 20px;
        display: block;
        background: #eee;
        background-size: 13px;
    }

    a.menuLevelSel:link, a.menuLevelSel:visited, a.menuLevelSel:hover, a.menuLevelSel:active { }

    /*End Top Menu Item Style*/


    /* Links
.ulTopMenu {padding:0; margin:0; list-style:none;}
.ulTopMenu li {height:auto; overflow:hidden;} */


    /*SubMenu Item*/
    .ulSubMenu li a.hypTopSubMenu {
        color: #aaa;
        font-size: 16px;
        font-weight: 700;
        font-family: Quicksand,Arial;
        display: block;
        padding: 10px 20px 10px 40px;
        background: #eee;
        text-decoration:none;border-bottom:1px solid #ddd;
    }
    .ulSubMenu li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active,
    .ulSubMenu li a.hypTopSubMenuSel,.hypTopSubMenuSel,.hypTopSubMenuSel + .pnlShowSubMenuIcon .matMin{color:#00aff0;}
        /*.ulSubMenu li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active,
        .ulSubMenu li.sel a.hypTopSubMenuSel {
            color: #00aff0;
            display: block;
        }
    .ulSubMenu li.sel a.hypTopSubMenuSel:link, .ulSubMenu li.sel a.hypTopSubMenuSel:visited ,.ulSubMenu li.sel a.hypTopSubMenuSel:hover, .ulSubMenu li.sel a.hypTopSubMenuSel:active {text-decoration: none;}

    a.hypTopSubMenuSel {
        display: block;
    }*/

    .ulSubMenuLv2 li a {
        color: #aaa;
        display: block;
        padding: 10px 0px 10px 60px;
        background: none;border-bottom:1px solid #ddd;
    }

        .ulSubMenuLv2 li a:link, .ulSubMenuLv2 li a:visited {
            
        }

        .ulSubMenuLv2 li a:hover, .ulSubMenuLv2 li a:active, .ulSubMenuLv2 li.sel a {
            color: #00aff0;
            display: block;
            padding: 10px 0px 10px 60px;
            background: none;text-decoration:none;
        }
        .ulSubMenuLv2 li.sel a:link, .ulSubMenuLv2 li.sel a:visited, .ulSubMenuLv2 li.sel a:hover, .ulSubMenuLv2 li.sel a:active {text-decoration: none;}
    /* Links */
    .ulTopMenu, .ulSubMenu {
        padding: 0px;
        margin: 0px;
        list-style: none;
        color: #ffffff;
        font-family: Cabin, Arial;
        font-size: 16px;
        font-weight: 700;
    }
        .ulTopMenu li {
            padding: 0px !important;
            margin: 0px !important;
            background-image: none;
        }

            .ulTopMenu li.liTopMenu, .ulSubMenu li {
                height: auto;
                overflow: hidden;
                padding-bottom: 0px;
            }

    .liMenuSeperator {
        border-bottom: 1px solid #ddd;
    }
    /* End of Links */
    /* End of Top Menu 2 */

}
@media (max-width:700px) {
    .sidebar-nav-toggle {
        transform: scale(1);
        top:25px;
        left:5px;
        position:unset;
        margin:unset;
    }
}
.matMin{display:none;}
.divTopMenuItem{position:relative;}
    .pnlShowMenuIcon, .pnlShowSubMenuIcon{
        display:flex;
        position:absolute;
        right:20px;
        top:0px;
        height: 40px;align-items:center;justify-content:center;
    }
    
    .pnlShowSubMenuIcon{height:35px;}
    .matMin:after{ content:"remove";}
    .matAdd:after{ content:"add";}
    .pnlShowMenuIcon .matAdd{}
    .selColor{color:#222;}
    .unSelColor{color:white;}
    .FirstLevelSelColor{color:#222;}
.divTopMenuSub,.divSubMenuLv2{display:none;}
.menuLevelSel + .pnlShowMenuIcon .matAdd{display:none;}
.menuLevelSel + .pnlShowMenuIcon .matMin{display:block;}
.menuLevelSel + .pnlShowMenuIcon + .divTopMenuSub{display:block;}
.hypTopSubMenuSel + .pnlShowSubMenuIcon .matAdd {display:none;}
.hypTopSubMenuSel + .pnlShowSubMenuIcon .matMin {display:block;}
.hypTopSubMenuSel + .pnlShowSubMenuIcon + .divSubMenuLv2{display:block;}