#app-wrapper { padding-top: 116px; }
#wrapper { padding-left: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; min-height: 100%; background-color: rgb(241, 241, 241); }
#sidebar-wrapper { margin-top: 58px; z-index: 40; overflow-y: auto; position: fixed; background: var(--backgroundBlue); top: 0; width: 0; height: 100%; left: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 1; }
#page-content-wrapper.gap-top { padding-top: 10px; }
#sidebar-wrapper.mobile { position: absolute; top: 0; z-index: 10; }

.notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; }

#wrapper.opened-min { padding-left: 43px; }
#wrapper.opened-min #sidebar-wrapper { width: 43px; }
#wrapper.opened-min .navbar-toggle { display: none; }
#wrapper.opened-max { padding-left: 210px; }
#wrapper.opened-max #sidebar-wrapper { width: 210px; }
#wrapper.opened-min #sidebar-wrapper:hover { width: 250px; }

#sidebar-wrapper .navbar-toggle { margin-top: 12px; margin-right: 12px; }
#sidebar-wrapper .navbar-toggle.pinned { color: #181b1c; }
#sidebar-wrapper .navbar-toggle.unpinned { color: #989b9d; }
#sidebar-wrapper .navbar-toggle.menu-close-button { display: none; font-size: 22px; color: #181b1c; margin-top: 3px !important; }
#wrapper.responsive-override #sidebar-wrapper { width: 250px !important; }

.sidebar-nav { list-style: none; margin: 0; margin-top: 30px; padding: 0; position: absolute; top: 0; width: 210px; }
.sidebar-nav li { line-height: 44px; margin-top: 0px !important; }
.sidebar-nav li a { padding-left: 16px; font-size: 16px; border-radius: 0px; display: block; text-decoration: none; }
.sidebar-nav li a:hover { background-color: rgba(255,255,255,.1); color: #fff; }
.sidebar-nav li .icon { margin-right: 7px; color: #fff; opacity: 1; width: 22px; display: inline-block; }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav li p { display: inline; font-size: 14px; font-weight: 600; margin: 0; color: #fff; }
.sidebar-nav li a .fa-stack { height: 57px; width: auto; }

.sidebar-nav li .container-icon {
  margin-top: 10px;
  padding-left: 13px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.collapse { display: none; }
.collapse.in { display: block; }

.navbar-toggle { position: relative; float: right; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
.pull-right { float: right !important; }
.nav-pills > li.active > a { background-color: rgba(255,255,255,.1); color: #fff; }
.nav-pills > li.active > a .icon { opacity: 1; }

.sidebar-nav .icon::after { font-family: 'icomoon'; display: inline-block; }
.sidebar-nav .icon-users::after { content: '\e972'; font-size: 16px; }
.sidebar-nav .icon-calls::after { content: '\e91f'; font-size: 16px; }
.sidebar-nav .icon-reviews::after { content: '\e96b'; font-size: 16px; }
.hidden-one { display: none; }

#meal-section:hover > ul > .hidden-one { display: inline; }