#siderbar_menu {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#siderbar_menu.toggled {padding-left: 300px;}
#sidebar-wrapper {z-index: 1000;width: 0;height: 100%;overflow-y: auto;overflow-x: hidden;background: #222e3c;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#sidebar-wrapper::-webkit-scrollbar {display: none;}
#siderbar_menu.toggled #sidebar-wrapper {width: 300px;}
#page-content-wrapper {width: 100%;padding-top: 70px;}
#siderbar_menu.toggled #page-content-wrapper {position: absolute;}
/*Sidebar*/
.sidebar-nav {position: absolute;top: 0;width: 300px;margin: 0;padding: 0 20px;list-style: none;}
.sidebar-nav li {position: relative;display: inline-block;width: 100%;}
.sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before {width: 100%;-webkit-transition: width .2s ease-in;-moz-transition: width .2s ease-in;-ms-transition: width .2s ease-in;
transition: width .2s ease-in;}
.sidebar-nav li a {display: block;color: #fff;text-decoration: none;font-size: 16px;}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
color: #fff;text-decoration: none;}
.sidebar-header {position: relative;width: 100%;display: block;margin-bottom: 15px;}
.sidebar-brand {position: relative;padding: 10px 0;width: calc(100% + 40px);margin-left: -20px;}
.sidebar-brand .hamburger {width: 22px;height: 22px;margin-left: 18px !important;}
.sidebar-nav .hamburger.is-open .hamb-top{height: 1px;}
.sidebar-nav .hamburger.is-open .hamb-bottom{height: 1px;}

.sidebar-brand a {color: #ddd;}
.sidebar-brand a:hover {color: #fff;text-decoration: none;}
.dropdown-header {text-align: center;font-size: 1em;color: #ddd;background: #212531;background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);}
.sidebar-nav .dropdown-menu {position: relative;width: 100%;padding: 0;margin: 0;border-radius: 0;border: none;background: #fff;box-shadow: none !important;}
.sidebar-nav .dropdown-menu.show {top: 0;}
.sidebar-brand .hamburger{left:0px;}

.fixedHeader.custom_nav .sidebar-nav .dropdown-menu {top: 0px;border-radius:10px;}
/*Fontawesome icons*/
.hamburger{position: fixed;top: 2px; left:15px;z-index: 999;display: block;width: 28px;height: 28px;background: transparent;border: none;}
.hamburger:hover, .hamburger:focus, .hamburger:active {outline: none;}
.hamburger.is-closed:before {content: '';display: block;width: 100px;font-size: 14px;color: #fff;line-height: 28px;text-align: center;opacity: 0;-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover:before {opacity: 1;display: block;-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {position: absolute;left: 0;height: 2px;width: 100%;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {background-color: #fff;}
.fixedHeader .hamburger.is-closed .hamb-top, .fixedHeader .hamburger.is-closed .hamb-middle, .fixedHeader .hamburger.is-closed .hamb-bottom {background-color: #000;}
.fixedHeader .hamburger.is-open .hamb-top, .fixedHeader .hamburger.is-open .hamb-middle, .fixedHeader .hamburger.is-open .hamb-bottom {background-color: #000;}
.fixedHeader .hamburger.is-open .hamb-top {background-color: #fff;}
.fixedHeader .hamburger.is-open .hamb-bottom {background-color: #fff;}
.hamburger.is-closed .hamb-top {top: 5px;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-middle {top: 50%;margin-top: -2px;}
.hamburger.is-closed .hamb-bottom {bottom: 7px;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-top {top: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-bottom {bottom: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {background-color: #fff;}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {top: 50%;margin-top: -2px;}
.hamburger.is-open .hamb-top {-webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.hamburger.is-open .hamb-middle {display: none;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.hamburger.is-open:before {content: '';display: block;width: 100px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;opacity: 0;-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open:hover:before {opacity: 1;display: block;-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all .35s ease-in-out;}