/* VERTICAL MENU CUSTOM SCROLL BAR */
@import url(../css/custom_scrollbar.min.css);
/* FONT AWESOME ICONS */
@import url(../css/font-awesome.min.css);
/* GOOGLE FONT */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway);
/* BASIC LAYOUT */
.verticalMenu {
  font-family: "Montserrat", sans-serif;
  /* DESKTOP MODE */
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 999;
  max-width: 300px;
  overflow: visible;
  font-size: 16px;
  /* media query max width */
  /* media query min width */
  /* media query max width */
}
.verticalMenu i.fa {
  font-family: FontAwesome;
  display: inline-block;
}
.verticalMenu * {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none !important;
  outline: none !important;
  font-family: "Montserrat", sans-serif;
  -webkit-tap-highlight-color: transparent !important;
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive {
    /* responsive class */
    width: 100%;
    overflow: visible;
    min-width: 100% !important;
  }
}
.verticalMenu .icons-bar {
  /* ICONS BAR */
  width: 50px;
  float: left;
  min-height: 600px;
  position: relative;
  padding: 0 8px 8px;
  z-index: 9999;
  background: #343434;
}
.verticalMenu .icons-bar * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.verticalMenu .icons-bar a {
  float: left;
  text-decoration: none;
  clear: both;
  color: #01bdf2;
  display: block;
  margin-top: 8px;
  text-align: center;
  width: 100%;
  background: #222222;
  height: 34px;
  line-height: 34px;
  position: relative;
  z-index: 10;
  font-size: 1em;
  /* transition */
  -webkit-transition: all 400ms ease;
          transition: all 400ms ease;
}
.verticalMenu .icons-bar a:hover, .verticalMenu .icons-bar a.active {
  background: #01bdf2;
  color: #272727;
}
.verticalMenu .icons-bar-content {
  /* icons bar content */
  float: left;
  color: #696969;
  /* transform */
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  /* transform-origin */
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  height: 50px;
  width: 400px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  z-index: 1;
  line-height: 50px;
  text-align: left;
}
.verticalMenu .icons-bar-content span {
  font-weight: 300;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #696969;
  display: block;
  float: left;
  margin-left: 8px;
  font-family: "Raleway", sans-serif;
}
.verticalMenu .icons-bar-content span:first-child {
  color: #01bdf2;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.verticalMenu .menu-bar {
  /* menu bar */
  width: 240px;
  min-height: 600px;
  background: #272727;
  float: left;
  position: absolute;
  left: 50px;
  top: 0;
  /* media query max width */
}
.verticalMenu.relativeMenuBar .menu-bar {
  position: relative;
  left: 0;
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .menu-bar {
    /* responsive class */
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 240px;
  }
}
.verticalMenu .menu-bar .menu-list-items {
  float: left;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 18px;
  /* media query max width */
}
.verticalMenu .menu-bar .menu-list-items > li > a .dropDownIndicator {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .menu-bar .menu-list-items {
    /* responsive class */
    padding-left: 50px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .verticalMenu.responsive .menu-bar .menu-list-items > li > a .dropDownIndicator {
    visibility: hidden;
  }
}
.verticalMenu .menu-bar .menu-list-items li {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 8px;
}
.verticalMenu .menu-bar .menu-list-items li a {
  text-decoration: none;
  color: #696969;
  text-transform: uppercase;
  font-size: 0.875em;
  width: 100%;
  clear: both;
  display: block;
  float: left;
  line-height: 40px;
  text-align: left;
  padding: 0 25px;
}
.verticalMenu .menu-bar .menu-list-items li:hover span,
.verticalMenu .menu-bar .menu-list-items li.active span,
.verticalMenu .menu-bar .menu-list-items li.activeClick span {
  color: #fff;
}
.verticalMenu .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu .menu-bar .menu-list-items li.active i.fa {
  background: #696969;
  color: #1a1a1a;
}
.verticalMenu .menu-bar .menu-list-items span {
  float: left;
  width: 100%;
  max-width: 130px;
  /* transition */
  -webkit-transition: color 200ms linear;
          transition: color 200ms linear;
  /* media query max width */
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .menu-bar .menu-list-items span {
    /* responsive class */
    width: auto;
    max-width: 100%;
  }
}
.verticalMenu .menu-bar .menu-list-items i.fa {
  float: right;
  font-size: 1.6em;
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #1a1a1a;
  /* transition */
  -webkit-transition: all 200ms linear;
          transition: all 200ms linear;
}
.verticalMenu .menu-footer {
  /* menu footer */
  background: #222222;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  z-index: 999;
  text-align: center;
  color: #696969;
  font-size: 0.75em;
  line-height: 40px;
  font-family: "Raleway", sans-serif;
  /* media query max width */
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .menu-footer {
    /* responsive class */
    padding-left: 50px;
  }
}
.verticalMenu .iconBarTrigger {
  /* trigger class */
  background: #1a1a1a;
  width: 100%;
  float: left;
  display: block;
  height: 34px;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  /* transition */
  -webkit-transition: background 400ms ease;
          transition: background 400ms ease;
}
.verticalMenu .iconBarTrigger:hover, .verticalMenu .iconBarTrigger.active {
  background: #01bdf2;
}
.verticalMenu .iconBarTrigger:hover span, .verticalMenu .iconBarTrigger.active span {
  border-bottom-color: #1a1a1a;
  /* transform-origin */
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
}
.verticalMenu .iconBarTrigger.active span:nth-child(2),
.verticalMenu .iconBarTrigger.active span:nth-child(3) {
  opacity: 0;
}
.verticalMenu .iconBarTrigger.active span:first-child {
  /* transform */
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 120%;
}
.verticalMenu .iconBarTrigger.active span:last-child {
  /* transform */
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
  width: 120%;
}
.verticalMenu .iconBarTrigger span {
  /* transition */
  -webkit-transition: all 400ms ease;
          transition: all 400ms ease;
  border-bottom: 2px solid #838383;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin-top: 2px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.verticalMenu .drop-down {
  /* drop down */
  background: #1b1b1b;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  float: left;
  margin: 8px 0 0;
  padding: 5px 0;
  display: none;
  background-image: -webkit-linear-gradient(bottom, #1B1B1B 0%, #1C1C1C 100%);
  background-image: linear-gradient(to top, #1B1B1B 0%, #1C1C1C 100%);
  border-top: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
}
.verticalMenu .drop-down li {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.verticalMenu .drop-down li:hover > a,
.verticalMenu .drop-down li.activeClick > a {
  color: #fff;
}
.verticalMenu .drop-down li:hover > a .dropDownIndicator,
.verticalMenu .drop-down li.activeClick > a .dropDownIndicator {
  background: #fff;
}
.verticalMenu .drop-down a {
  color: #696969;
  float: left !important;
  width: 100% !important;
  display: block !important;
  font-size: 0.75em !important;
  margin: 0 !important;
  padding: 8px 30px !important;
  line-height: normal !important;
  /* transition */
  -webkit-transition: color 200ms ease;
          transition: color 200ms ease;
  text-transform: capitalize !important;
}
.verticalMenu .drop-down .drop-down {
  /* drop down second level */
  background: #1b1b1b;
  margin: 5px 0;
  /* media query small screen */
}
.verticalMenu .drop-down .drop-down a {
  padding-left: 50px !important;
}
.verticalMenu .drop-down .drop-down .drop-down a {
  padding-left: 70px !important;
}
.verticalMenu .drop-down .drop-down .drop-down .drop-down a {
  padding-left: 90px !important;
}
@media screen and (max-width: 300px) {
  .verticalMenu.responsive .drop-down .drop-down {
    /* responsive class */
    padding-left: 0;
  }
}
.verticalMenu .dropDownIndicator {
  background: #696969;
  height: 5px;
  width: 5px;
  border-radius: 100px;
  display: inline-block !important;
  float: right;
  position: relative;
  top: 6px;
}
.verticalMenu.menuFixedResponsive {
  /* This class used for fixed the menu when responsive false */
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}
.verticalMenu.menuFixedResponsive .icons-bar {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}
.verticalMenu.menuFixedResponsive .menu-bar {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .verticalMenu.responsive {
    /* responsive class */
  }
  .verticalMenu.responsive.menuFixed {
    /* This class used for fixed the menu when responsive true */
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
  }
  .verticalMenu.responsive.menuFixed .icons-bar {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
  }
  .verticalMenu.responsive.menuFixed .menu-bar {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive {
    /* responsive class */
  }
  .verticalMenu.responsive.menuFixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}
.verticalMenu .icons-bar a:after {
  /* tooltip */
  content: attr(data-tooltip);
  position: absolute;
  top: 2px;
  left: 40px;
  color: #fff;
  font-size: 0.75em;
  text-align: center;
  background: #0e0e0e;
  z-index: 999;
  padding: 0 10px;
  border-radius: 2px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  display: block;
  opacity: 0;
  visibility: hidden;
  /* transition */
  -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
  font-family: "Raleway", sans-serif;
}
.verticalMenu .icons-bar a:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 35px;
  right: 0;
  height: 0;
  width: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #0e0e0e;
  /* transition */
  -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
}
.verticalMenu .icons-bar a[data-tooltip]:hover:after,
.verticalMenu .icons-bar a[data-tooltip]:hover:before {
  opacity: .8;
  visibility: visible;
}
.verticalMenu .menu-user-profile {
  /* user profile */
  float: left;
  width: 100%;
  background: #272727;
  position: relative;
  z-index: 9;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  height: 280px;
  /* media query max width */
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .menu-user-profile {
    /* responsive class */
    padding-left: 50px;
  }
}
.verticalMenu .menu-user-profile img {
  max-width: 100%;
  display: block;
  opacity: .6;
}
.verticalMenu .menu-user-profile figure {
  display: block;
  height: 140px;
  width: 140px;
  background: none;
  float: none;
  margin: auto;
  padding: 5px;
  border: 5px solid #343434;
}
.verticalMenu .menu-user-profile h1 {
  display: block;
  font-size: 1em;
  text-align: center;
  width: 100%;
  color: #696969;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0;
  margin: 15px 0 0;
  white-space: nowrap;
  font-family: "Raleway", sans-serif;
}
.verticalMenu .menu-user-profile h4 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.75em;
  color: #696969;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 0;
  margin: 10px 0 0;
  white-space: nowrap;
  font-family: "Raleway", sans-serif;
}
.verticalMenu .menu-user-profile:after {
  content: "";
  display: block;
  padding: 0;
  height: 1px;
  width: 40%;
  margin: auto;
  left: 0;
  bottom: -20px;
  position: relative;
  right: 0;
  background: #363636;
}
.verticalMenu .menuCollapseButton {
  /* collapse button */
  display: block;
  float: left;
  width: 100%;
  height: 50px;
  overflow: hidden;
  text-align: left;
  line-height: 50px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  z-index: 999;
  cursor: pointer;
  background: #343434;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 240px;
}
.verticalMenu .menuCollapseButton * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.verticalMenu .menuCollapseButton a {
  color: #fff;
  font-size: 1em;
  float: left;
  display: block;
  width: auto;
  line-height: 50px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 9999;
}
.verticalMenu .menuCollapseButton .collapseButtonIcon {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.verticalMenu .menuCollapseButton .collapseButtonIcon .collapseButtonInner {
  float: right;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 20px 0 0;
  height: 28px;
  margin: auto 0;
}
.verticalMenu .menuCollapseButton .collapseButtonIcon .collapseButtonInner span {
  border-bottom: 2px solid #fff;
  margin-top: 4px;
  width: 30px;
  float: right;
  clear: both;
  height: 2px;
}
.verticalMenu .iconBarTrigger {
  /* ICONS BAR TRIGGER */
  display: block;
  /* media query max width */
}
@media screen and (max-width: 767px) {
  .verticalMenu.responsive .iconBarTrigger {
    /* responsive class */
    display: none;
  }
}
.verticalMenu .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
.verticalMenu .mCSB_container > li > a > .dropDownIndicator {
  display: none !important;
}
.verticalMenu .mCSB_draggerRail {
  background: none !important;
}
.verticalMenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.verticalMenu .mCSB_dragger_bar {
  background: #5a5a5a !important;
}
.verticalMenu.scrollBarHide .mCSB_dragger_bar {
  display: none !important;
}

html.verticalMenuFixed {
  padding-left: 300px !important;
}

html.verticalMenuFixedMobile {
  padding-top: 50px !important;
}

.verticalMenu[data-color="red"] {
  /* color red */
}
.verticalMenu[data-color="red"] .icons-bar {
  background: #343434;
}
.verticalMenu[data-color="red"] .icons-bar a {
  color: #C82425;
  background: #222222;
}
.verticalMenu[data-color="red"] .icons-bar a:hover {
  background: #C82425;
  color: #272727;
}
.verticalMenu[data-color="red"] .icons-bar-content {
  color: #696969;
}
.verticalMenu[data-color="red"] .icons-bar-content span {
  color: #696969;
}
.verticalMenu[data-color="red"] .icons-bar-content span:first-child {
  color: #C82425;
}
.verticalMenu[data-color="red"] .menu-bar {
  background: #272727;
}
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li a {
  color: #696969;
}
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li.activeClick span {
  color: #ffffff;
}
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color="red"] .menu-bar .menu-list-items li.active i.fa {
  background: #696969;
  color: #1a1a1a;
}
.verticalMenu[data-color="red"] .menu-bar .menu-list-items i.fa {
  background: #1a1a1a;
}
.verticalMenu[data-color="red"] .menu-footer {
  background: #222222;
  color: #696969;
}
.verticalMenu[data-color="red"] .iconBarTrigger {
  background: #1a1a1a;
}
.verticalMenu[data-color="red"] .iconBarTrigger:hover, .verticalMenu[data-color="red"] .iconBarTrigger.active {
  background: #C82425;
}
.verticalMenu[data-color="red"] .iconBarTrigger:hover span, .verticalMenu[data-color="red"] .iconBarTrigger.active span {
  border-bottom-color: #1a1a1a;
}
.verticalMenu[data-color="red"] .iconBarTrigger span {
  border-bottom: 2px solid #838383;
}
.verticalMenu[data-color="red"] .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="red"] .drop-down li:hover > a,
.verticalMenu[data-color="red"] .drop-down li.activeClick > a {
  color: #ffffff;
}
.verticalMenu[data-color="red"] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color="red"] .drop-down li.activeClick > a .dropDownIndicator {
  background: #ffffff;
}
.verticalMenu[data-color="red"] .drop-down a {
  color: #696969;
}
.verticalMenu[data-color="red"] .drop-down .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="red"] .drop-down .dropDownIndicator {
  background: #696969;
}
.verticalMenu[data-color="red"] .drop-down .icons-bar a:after {
  color: #ffffff;
  background: #0e0e0e;
}
.verticalMenu[data-color="red"] .drop-down .icons-bar a:before {
  border-right: 5px solid #0e0e0e;
}
.verticalMenu[data-color="red"] .drop-down .menu-user-profile {
  background: #272727;
}
.verticalMenu[data-color="red"] .drop-down .menu-user-profile figure {
  border: 5px solid #343434;
}
.verticalMenu[data-color="red"] .drop-down .menu-user-profile h1 {
  color: #696969;
}
.verticalMenu[data-color="red"] .drop-down .menu-user-profile h4 {
  color: #696969;
}
.verticalMenu[data-color="red"] .drop-down .menu-user-profile:after {
  background: #292929;
}
.verticalMenu[data-color="red"] .drop-down .menuCollapseButton {
  background: #343434;
}
.verticalMenu[data-color="red"] .drop-down .menuCollapseButton a {
  color: #ffffff;
}
.verticalMenu[data-color="red"] .drop-down .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #ffffff;
}
.verticalMenu[data-color="red"] .drop-down .mCSB_dragger_bar {
  background: #5a5a5a !important;
}

.verticalMenu[data-color="orange"] {
  /* color orange */
}
.verticalMenu[data-color="orange"] .icons-bar {
  background: #343434;
}
.verticalMenu[data-color="orange"] .icons-bar a {
  color: #F55428;
  background: #222222;
}
.verticalMenu[data-color="orange"] .icons-bar a:hover {
  background: #F55428;
  color: #272727;
}
.verticalMenu[data-color="orange"] .icons-bar-content {
  color: #696969;
}
.verticalMenu[data-color="orange"] .icons-bar-content span {
  color: #696969;
}
.verticalMenu[data-color="orange"] .icons-bar-content span:first-child {
  color: #F55428;
}
.verticalMenu[data-color="orange"] .menu-bar {
  background: #272727;
}
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li a {
  color: #696969;
}
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li.activeClick span {
  color: #ffffff;
}
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items li.active i.fa {
  background: #696969;
  color: #1a1a1a;
}
.verticalMenu[data-color="orange"] .menu-bar .menu-list-items i.fa {
  background: #1a1a1a;
}
.verticalMenu[data-color="orange"] .menu-footer {
  background: #222222;
  color: #696969;
}
.verticalMenu[data-color="orange"] .iconBarTrigger {
  background: #1a1a1a;
}
.verticalMenu[data-color="orange"] .iconBarTrigger:hover, .verticalMenu[data-color="orange"] .iconBarTrigger.active {
  background: #F55428;
}
.verticalMenu[data-color="orange"] .iconBarTrigger:hover span, .verticalMenu[data-color="orange"] .iconBarTrigger.active span {
  border-bottom-color: #1a1a1a;
}
.verticalMenu[data-color="orange"] .iconBarTrigger span {
  border-bottom: 2px solid #838383;
}
.verticalMenu[data-color="orange"] .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="orange"] .drop-down li:hover > a,
.verticalMenu[data-color="orange"] .drop-down li.activeClick > a {
  color: #ffffff;
}
.verticalMenu[data-color="orange"] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color="orange"] .drop-down li.activeClick > a .dropDownIndicator {
  background: #ffffff;
}
.verticalMenu[data-color="orange"] .drop-down a {
  color: #696969;
}
.verticalMenu[data-color="orange"] .drop-down .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="orange"] .drop-down .dropDownIndicator {
  background: #696969;
}
.verticalMenu[data-color="orange"] .drop-down .icons-bar a:after {
  color: #ffffff;
  background: #0e0e0e;
}
.verticalMenu[data-color="orange"] .drop-down .icons-bar a:before {
  border-right: 5px solid #0e0e0e;
}
.verticalMenu[data-color="orange"] .drop-down .menu-user-profile {
  background: #272727;
}
.verticalMenu[data-color="orange"] .drop-down .menu-user-profile figure {
  border: 5px solid #343434;
}
.verticalMenu[data-color="orange"] .drop-down .menu-user-profile h1 {
  color: #696969;
}
.verticalMenu[data-color="orange"] .drop-down .menu-user-profile h4 {
  color: #696969;
}
.verticalMenu[data-color="orange"] .drop-down .menu-user-profile:after {
  background: #292929;
}
.verticalMenu[data-color="orange"] .drop-down .menuCollapseButton {
  background: #343434;
}
.verticalMenu[data-color="orange"] .drop-down .menuCollapseButton a {
  color: #ffffff;
}
.verticalMenu[data-color="orange"] .drop-down .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #ffffff;
}
.verticalMenu[data-color="orange"] .drop-down .mCSB_dragger_bar {
  background: #5a5a5a !important;
}

.verticalMenu[data-color="yellow"] {
  /* color yellow */
}
.verticalMenu[data-color="yellow"] .icons-bar {
  background: #343434;
}
.verticalMenu[data-color="yellow"] .icons-bar a {
  color: #FF9501;
  background: #222222;
}
.verticalMenu[data-color="yellow"] .icons-bar a:hover {
  background: #FF9501;
  color: #272727;
}
.verticalMenu[data-color="yellow"] .icons-bar-content {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .icons-bar-content span {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .icons-bar-content span:first-child {
  color: #FF9501;
}
.verticalMenu[data-color="yellow"] .menu-bar {
  background: #272727;
}
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li a {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li.activeClick span {
  color: #ffffff;
}
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items li.active i.fa {
  background: #696969;
  color: #1a1a1a;
}
.verticalMenu[data-color="yellow"] .menu-bar .menu-list-items i.fa {
  background: #1a1a1a;
}
.verticalMenu[data-color="yellow"] .menu-footer {
  background: #222222;
  color: #696969;
}
.verticalMenu[data-color="yellow"] .iconBarTrigger {
  background: #1a1a1a;
}
.verticalMenu[data-color="yellow"] .iconBarTrigger:hover, .verticalMenu[data-color="yellow"] .iconBarTrigger.active {
  background: #FF9501;
}
.verticalMenu[data-color="yellow"] .iconBarTrigger:hover span, .verticalMenu[data-color="yellow"] .iconBarTrigger.active span {
  border-bottom-color: #1a1a1a;
}
.verticalMenu[data-color="yellow"] .iconBarTrigger span {
  border-bottom: 2px solid #838383;
}
.verticalMenu[data-color="yellow"] .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="yellow"] .drop-down li:hover > a,
.verticalMenu[data-color="yellow"] .drop-down li.activeClick > a {
  color: #ffffff;
}
.verticalMenu[data-color="yellow"] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color="yellow"] .drop-down li.activeClick > a .dropDownIndicator {
  background: #ffffff;
}
.verticalMenu[data-color="yellow"] .drop-down a {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .drop-down .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="yellow"] .drop-down .dropDownIndicator {
  background: #696969;
}
.verticalMenu[data-color="yellow"] .drop-down .icons-bar a:after {
  color: #ffffff;
  background: #0e0e0e;
}
.verticalMenu[data-color="yellow"] .drop-down .icons-bar a:before {
  border-right: 5px solid #0e0e0e;
}
.verticalMenu[data-color="yellow"] .drop-down .menu-user-profile {
  background: #272727;
}
.verticalMenu[data-color="yellow"] .drop-down .menu-user-profile figure {
  border: 5px solid #343434;
}
.verticalMenu[data-color="yellow"] .drop-down .menu-user-profile h1 {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .drop-down .menu-user-profile h4 {
  color: #696969;
}
.verticalMenu[data-color="yellow"] .drop-down .menu-user-profile:after {
  background: #292929;
}
.verticalMenu[data-color="yellow"] .drop-down .menuCollapseButton {
  background: #343434;
}
.verticalMenu[data-color="yellow"] .drop-down .menuCollapseButton a {
  color: #ffffff;
}
.verticalMenu[data-color="yellow"] .drop-down .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #ffffff;
}
.verticalMenu[data-color="yellow"] .drop-down .mCSB_dragger_bar {
  background: #5a5a5a !important;
}

.verticalMenu[data-color="green"] {
  /* color green */
}
.verticalMenu[data-color="green"] .icons-bar {
  background: #343434;
}
.verticalMenu[data-color="green"] .icons-bar a {
  color: #599a02;
  background: #222222;
}
.verticalMenu[data-color="green"] .icons-bar a:hover {
  background: #599a02;
  color: #272727;
}
.verticalMenu[data-color="green"] .icons-bar-content {
  color: #696969;
}
.verticalMenu[data-color="green"] .icons-bar-content span {
  color: #696969;
}
.verticalMenu[data-color="green"] .icons-bar-content span:first-child {
  color: #599a02;
}
.verticalMenu[data-color="green"] .menu-bar {
  background: #272727;
}
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li a {
  color: #696969;
}
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li.activeClick span {
  color: #ffffff;
}
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color="green"] .menu-bar .menu-list-items li.active i.fa {
  background: #696969;
  color: #1a1a1a;
}
.verticalMenu[data-color="green"] .menu-bar .menu-list-items i.fa {
  background: #1a1a1a;
}
.verticalMenu[data-color="green"] .menu-footer {
  background: #222222;
  color: #696969;
}
.verticalMenu[data-color="green"] .iconBarTrigger {
  background: #1a1a1a;
}
.verticalMenu[data-color="green"] .iconBarTrigger:hover, .verticalMenu[data-color="green"] .iconBarTrigger.active {
  background: #599a02;
}
.verticalMenu[data-color="green"] .iconBarTrigger:hover span, .verticalMenu[data-color="green"] .iconBarTrigger.active span {
  border-bottom-color: #1a1a1a;
}
.verticalMenu[data-color="green"] .iconBarTrigger span {
  border-bottom: 2px solid #838383;
}
.verticalMenu[data-color="green"] .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="green"] .drop-down li:hover > a,
.verticalMenu[data-color="green"] .drop-down li.activeClick > a {
  color: #ffffff;
}
.verticalMenu[data-color="green"] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color="green"] .drop-down li.activeClick > a .dropDownIndicator {
  background: #ffffff;
}
.verticalMenu[data-color="green"] .drop-down a {
  color: #696969;
}
.verticalMenu[data-color="green"] .drop-down .drop-down {
  background: #1b1b1b;
}
.verticalMenu[data-color="green"] .drop-down .dropDownIndicator {
  background: #696969;
}
.verticalMenu[data-color="green"] .drop-down .icons-bar a:after {
  color: #ffffff;
  background: #0e0e0e;
}
.verticalMenu[data-color="green"] .drop-down .icons-bar a:before {
  border-right: 5px solid #0e0e0e;
}
.verticalMenu[data-color="green"] .drop-down .menu-user-profile {
  background: #272727;
}
.verticalMenu[data-color="green"] .drop-down .menu-user-profile figure {
  border: 5px solid #343434;
}
.verticalMenu[data-color="green"] .drop-down .menu-user-profile h1 {
  color: #696969;
}
.verticalMenu[data-color="green"] .drop-down .menu-user-profile h4 {
  color: #696969;
}
.verticalMenu[data-color="green"] .drop-down .menu-user-profile:after {
  background: #292929;
}
.verticalMenu[data-color="green"] .drop-down .menuCollapseButton {
  background: #343434;
}
.verticalMenu[data-color="green"] .drop-down .menuCollapseButton a {
  color: #ffffff;
}
.verticalMenu[data-color="green"] .drop-down .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #ffffff;
}
.verticalMenu[data-color="green"] .drop-down .mCSB_dragger_bar {
  background: #5a5a5a !important;
}

.verticalMenu[data-color='theme-1'] {
  /* Theme One */
}
.verticalMenu[data-color='theme-1'] .menuCollapseButton {
  background: #4d4d53;
}
.verticalMenu[data-color='theme-1'] .icons-bar {
  background: #4d4d53;
}
.verticalMenu[data-color='theme-1'] .icons-bar a {
  color: #cacacb;
  background: #3c3c41;
}
.verticalMenu[data-color='theme-1'] .icons-bar a:hover {
  background: #cacacb;
  color: #414146;
}
.verticalMenu[data-color='theme-1'] .icons-bar-content {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .icons-bar-content span {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .icons-bar-content span:first-child {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .menu-bar {
  background: #414146;
}
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li a {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li.activeClick span {
  color: #fff;
}
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items li.active i.fa {
  background: #cacacb;
  color: #353539;
}
.verticalMenu[data-color='theme-1'] .menu-bar .menu-list-items i.fa {
  background: #353539;
}
.verticalMenu[data-color='theme-1'] .menu-footer {
  background: #3c3c41;
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .iconBarTrigger {
  background: #353539;
}
.verticalMenu[data-color='theme-1'] .iconBarTrigger:hover, .verticalMenu[data-color='theme-1'] .iconBarTrigger.active {
  background: #cacacb;
}
.verticalMenu[data-color='theme-1'] .iconBarTrigger:hover span, .verticalMenu[data-color='theme-1'] .iconBarTrigger.active span {
  border-bottom-color: #353539;
}
.verticalMenu[data-color='theme-1'] .iconBarTrigger span {
  border-bottom: 2px solid #e4e4e4;
}
.verticalMenu[data-color='theme-1'] .drop-down {
  background: #33393d;
  border-bottom-color: #414146;
  border-top-color: #414146;
}
.verticalMenu[data-color='theme-1'] .drop-down li:hover > a,
.verticalMenu[data-color='theme-1'] .drop-down li.activeClick > a {
  color: #fff;
}
.verticalMenu[data-color='theme-1'] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color='theme-1'] .drop-down li.activeClick > a .dropDownIndicator {
  background: #fff;
}
.verticalMenu[data-color='theme-1'] .drop-down a {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .drop-down .drop-down {
  background: #33393d;
}
.verticalMenu[data-color='theme-1'] .drop-down .dropDownIndicator {
  background: #cacacb;
}
.verticalMenu[data-color='theme-1'] .icons-bar a:after {
  color: #fff;
  background: #28282c;
}
.verticalMenu[data-color='theme-1'] .icons-bar a:before {
  border-right: 5px solid #28282c;
}
.verticalMenu[data-color='theme-1'] .menuCollapseButton {
  background: #4d4d53;
}
.verticalMenu[data-color='theme-1'] .menuCollapseButton a {
  color: #fff;
}
.verticalMenu[data-color='theme-1'] .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #fff;
}
.verticalMenu[data-color='theme-1'] .mCSB_dragger_bar {
  background: #72727b !important;
}
.verticalMenu[data-color='theme-1'] .menu-user-profile {
  background: #414146;
}
.verticalMenu[data-color='theme-1'] .menu-user-profile figure {
  border: 5px solid #4d4d53;
}
.verticalMenu[data-color='theme-1'] .menu-user-profile h1 {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .menu-user-profile h4 {
  color: #cacacb;
}
.verticalMenu[data-color='theme-1'] .menu-user-profile:after {
  background: #8a8a8c;
}

.verticalMenu[data-color='theme-2'] {
  /* Theme Two */
}
.verticalMenu[data-color='theme-2'] .menuCollapseButton {
  background: #384d60;
}
.verticalMenu[data-color='theme-2'] .icons-bar {
  background: #384d60;
}
.verticalMenu[data-color='theme-2'] .icons-bar a {
  color: #cacacb;
  background: #2b3b4a;
}
.verticalMenu[data-color='theme-2'] .icons-bar a:hover {
  background: #cacacb;
  color: #2f4050;
}
.verticalMenu[data-color='theme-2'] .icons-bar-content {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .icons-bar-content span {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .icons-bar-content span:first-child {
  color: #cacacb;
}
.verticalMenu[data-color='theme-2'] .menu-bar {
  background: #2f4050;
}
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li a {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li:hover span,
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li.active span,
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li.activeClick span {
  color: #fff;
}
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li:hover i.fa,
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li.activeClick i.fa,
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items li.active i.fa {
  background: #b7cacd;
  color: #263340;
}
.verticalMenu[data-color='theme-2'] .menu-bar .menu-list-items i.fa {
  background: #263340;
}
.verticalMenu[data-color='theme-2'] .menu-footer {
  background: #2b3b4a;
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .iconBarTrigger {
  background: #263340;
}
.verticalMenu[data-color='theme-2'] .iconBarTrigger:hover, .verticalMenu[data-color='theme-2'] .iconBarTrigger.active {
  background: #cacacb;
}
.verticalMenu[data-color='theme-2'] .iconBarTrigger:hover span, .verticalMenu[data-color='theme-2'] .iconBarTrigger.active span {
  border-bottom-color: #263340;
}
.verticalMenu[data-color='theme-2'] .iconBarTrigger span {
  border-bottom: 2px solid #d5e0e2;
}
.verticalMenu[data-color='theme-2'] .drop-down {
  background: #293846;
  border-bottom-color: #334556;
  border-top-color: #334556;
}
.verticalMenu[data-color='theme-2'] .drop-down li:hover > a,
.verticalMenu[data-color='theme-2'] .drop-down li.activeClick > a {
  color: #fff;
}
.verticalMenu[data-color='theme-2'] .drop-down li:hover > a .dropDownIndicator,
.verticalMenu[data-color='theme-2'] .drop-down li.activeClick > a .dropDownIndicator {
  background: #fff;
}
.verticalMenu[data-color='theme-2'] .drop-down a {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .drop-down .drop-down {
  background: #293846;
}
.verticalMenu[data-color='theme-2'] .drop-down .dropDownIndicator {
  background: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .icons-bar a:after {
  color: #fff;
  background: #1c2630;
}
.verticalMenu[data-color='theme-2'] .icons-bar a:before {
  border-right: 5px solid #1c2630;
}
.verticalMenu[data-color='theme-2'] .menuCollapseButton {
  background: #384d60;
}
.verticalMenu[data-color='theme-2'] .menuCollapseButton a {
  color: #fff;
}
.verticalMenu[data-color='theme-2'] .menuCollapseButton .collapseButtonIcon span {
  border-bottom: 2px solid #fff;
}
.verticalMenu[data-color='theme-2'] .mCSB_dragger_bar {
  background: #557390 !important;
}
.verticalMenu[data-color='theme-2'] .menu-user-profile {
  background: #2f4050;
}
.verticalMenu[data-color='theme-2'] .menu-user-profile figure {
  border: 5px solid #384d60;
}
.verticalMenu[data-color='theme-2'] .menu-user-profile h1 {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .menu-user-profile h4 {
  color: #b7cacd;
}
.verticalMenu[data-color='theme-2'] .menu-user-profile:after {
  background: #6c9399;
}

/*# sourceMappingURL=verticalMenu.css.map */