.cf:before,
.cf:after {
  display: table;
  content: "";
  line-height: 0;
}
.cf:after {
  clear: both;
}
html,
body {
  height: 100%;
}
html.no-scroll {
  width: 100%;
  overflow-y: scroll;
  position: fixed;
}
#jm-allpage {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.off-canvas-left.off-canvas #jm-allpage {
  margin-right: -214px;
  margin-left: 214px;
}
#jm-offcanvas {
  width: 214px;
  height: calc(100% - 95px);
  position: fixed;
  z-index: 9999;
  top: 95px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  background: none;
  /*&:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 19px 214px;
    border-color: transparent transparent @JMoffCanvasBackground transparent;
    content: '';
    position: absolute;
    top: -19px;
    right: 0;
  }*/
}
.off-canvas-right #jm-offcanvas {
  right: -214px;
}
.off-canvas-right.off-canvas #jm-offcanvas {
  right: 0;
}
.off-canvas-right.off-canvas #jm-offcanvas:before {
  content: '';
  background: url(../images/menu-bg.png);
  left: -110px;
  top: -40px;
  width: 721px;
  height: 752px;
  position: absolute;
}
.off-canvas-left #jm-offcanvas {
  left: -214px;
}
.off-canvas-left.off-canvas #jm-offcanvas {
  left: 0;
  overflow-y: auto;
}
#jm-offcanvas-toolbar {
  background: #7d7d7d;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  display: none;
}
#jm-offcanvas-content {
  position: relative;
  padding: 16px 15px 5px 15px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  color: #f8f8f8;
}
#jm-offcanvas-content .jm-title {
  color: #f8f8f8;
}
.toggle-nav {
  cursor: pointer;
}
.toggle-nav .fa,
.toggle-nav [class^="icon-"],
.toggle-nav [class*=" icon-"] {
  font-size: 20px;
}
.toggle-nav.menu {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.toggle-nav.close-menu {
  color: #f8f8f8;
}
.off-canvas-left #jm-offcanvas-toolbar {
  text-align: right;
}
html[dir='rtl'] .off-canvas-right #jm-offcanvas-toolbar {
  text-align: left;
}
#jm-top-bar .toggle-nav.menu {
  width: 39px;
  height: 39px;
  text-align: center;
  box-sizing: border-box;
}
#jm-top-bar .toggle-nav.menu:hover {
  color: #9d1d1e;
}
#jm-top-bar .toggle-nav.menu .fa,
#jm-top-bar .toggle-nav.menu [class^="icon-"],
#jm-top-bar .toggle-nav.menu [class*=" icon-"] {
  top: 0;
  height: 39px;
  line-height: 39px;
}
#jm-top-menu .toggle-nav.menu .fa,
#jm-top-menu .toggle-nav.menu [class^="icon-"],
#jm-top-menu .toggle-nav.menu [class*=" icon-"] {
  top: -1px;
  padding: 5px 0;
  line-height: 20px;
}
#jm-offcanvas .jm-module {
  margin: 1px 0 0;
}
#jm-offcanvas .jm-module:first-child {
  margin: 0;
}
#jm-offcanvas .jm-module .jm-title {
  color: #f8f8f8;
}
#jm-offcanvas .nav.menu > li > a,
#jm-offcanvas .nav.menu > li > span.separator {
  font-size: 24px;
  border: none;
  padding: 9px 0;
  line-height: 28px;
  text-align: left;
}
/*# sourceMappingURL=/templates/threeselect/css/offcanvas.11.map */