/*
 * Off Canvas
 * --------------------------------------------------
 */
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right { right: 0;}

  .row-offcanvas-left {left: 0;}

  .row-offcanvas-right .sidebar-offcanvas {  right: -90%; background: #000;	color: #fff; }

  .row-offcanvas-left .sidebar-offcanvas { left: -100%; background: #333; color: #fff; }

  .row-offcanvas-right.currentCanvas { right: 90%; }

  .row-offcanvas-left.currentCanvas { left: 100%; }

  .sidebar-offcanvas { position: absolute; top: 0; width: 100%; }
  
  .sidebar-nav{ position:fixed; width:100%; top:0px; padding:4px 20px; background: #e2ffec; height: 100%; overflow-y: scroll !important;}
  .sidebar-nav h2{ color:#efa248;}
  .sidebar-nav .navbar { padding-left:0px;}
  .sidebar-nav .close{ color:#333; opacity:1; font-size:24px; margin-right:15px; padding-top: 22px; text-shadow: none !important;}
  
  
    
/************* sidebar offcanvas mobile menu***************/
/*#nav-open-btn{ display:none;}*/
.sidebar-offcanvas .navbar-nav .nav-link{ color:#fff;}

.sidebar-offcanvas .navbar-nav .active>.nav-link, 
.sidebar-offcanvas .navbar-nav .nav-link.active, 
.sidebar-offcanvas .navbar-nav .nav-link.show, 
.sidebar-offcanvas .navbar-nav .show>.nav-link {
    color: #f6ab37; /*border-bottom: solid 1px #fff;*/background: none;    border: none;
}

.sidebar-offcanvas .dropdown-item.active, 
.sidebar-offcanvas .dropdown-item:active {
    color: #f6ab37;
    text-decoration: none;
    background: none !important;
}

.sidebar-offcanvas .border-bottom{border-bottom: solid 1px #afedc4 !important; padding-bottom: 8px;}
.sidebar-offcanvas  hr{border-bottom: solid 1px #afedc4 !important; height:1px;}
.sidebar-offcanvas .top-profile{ margin-right:10px;}
.sidebar-offcanvas .nav-link {padding: 12px 16px; font-size:16px;}
.sidebar-offcanvas .nav-link .fa{ font-size:18px; margin-right:8px;}