.navbar {   
    overflow: hidden;
    /*height: 66px;*/
}

.navbar a {
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}


.navbar ul {
    margin: 0px 0 0 0;    
    list-style: none;
}

.navbar a:hover {    
    overflow: hidden;
}

.head-n_menu {
    width: 63px;
}


.side-nav {    
    width: 0;
    position: fixed;
    top: 66px;
    background: #fff;
    overflow: hidden;
    padding-top: 10px;
    transition: 0.5s;
    border-bottom: 4px solid rgb(88, 87, 87);
    box-shadow: 3px 2px 20px 0px #400707;
    min-height: 155px;
}

.side-nav ul, li, .side-nav a {
    font-family: opensans-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9pt;
    color: rgb(88, 87, 87);
    margin: 0;
    list-style-type: none;
}

.side-nav li {
    padding: 0px 0px 0px 10px;
    background: #fff;
    /* border-right: 1px solid #cce7f3; */
    /* border-left: 1px solid #cce7f3; */
    /* border-top: 1px solid #00000000; */
    /* border-bottom: 1px solid #00000000; */
}

.side-nav ul li{
    /* color: #444;
    font-weight: bold; */
}


.side-nav > li i.menu-indicator {
    color: rgb(88, 87, 87);
}
i.menu-indicator {
    font-family: icon-ui;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}

.side-nav i.menu-indicator:before {
    content: "\203A";
    font-family: monospace;
}

.pull-right {
    float: right !important;
}


.side-nav li:hover {    
    border-top: 1px solid rgb(218, 218, 218);
    border-bottom: 1px solid rgb(218, 218, 218);
    background: rgb(218, 218, 218);
    cursor: pointer;
}

.side-nav li > ul {
    display: none;
}

.side-nav ul li:hover > ul {    
    height: auto;
    display: inline-block;
    position: absolute;
    top: 0px;
    padding-top: 2px;
    left: 119px;
    min-width: 0;
    width: 120px;
    min-height: 163px;
    color: rgb(88, 87, 87);
    background: #fff;
    transition: 0.5s;
    border-bottom: 4px solid rgb(88, 87, 87);
    box-shadow: 3px 2px 20px 0px #400707;
}


.side-nav ul li > ul li:hover > ul  {
    color: rgb(88, 87, 87);
    min-height: 163px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 119px;
    min-width: 0;
    width: 200px;
    overflow-x: hidden;
    background: #fff;
    transition: 0.5s;
    border-bottom: 4px solid rgb(88, 87, 87);
    box-shadow: 3px 2px 20px 0px #400707;
}


/* .side-nav .a {
    
    text-decoration: none;
    font-size: 22px;
    
    display: block;
    transition: 0.3s;
}

.side-nav a:hover {
    padding: 10px 10px 10px 30px;
    color: #007db8; 
}  .side-nav .btn-close {
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 36px;
    margin-left: 50px;
} 
*/
.close-slide {
    display: none;
}