.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

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

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */

a.waves-effect .waves-ripple {
  z-index: -1;
}

/*
 * Load Website related LESS files
 */

/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 */

.m-0 {
  margin: 0px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */

.p-0 {
  padding: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

/*
 * Font Weight
 */

.f-300 {
  font-weight: 300 !important;
}

.f-400 {
  font-weight: 400 !important;
}

.f-500 {
  font-weight: 500 !important;
}

.f-700 {
  font-weight: 700 !important;
}

/*
 * Position Classes
 */

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-static {
  position: static !important;
}

/*
 * Overflow
 */

.o-hidden {
  overflow: hidden !important;
}

.o-visible {
  overflow: visible !important;
}

.o-auto {
  overflow: auto !important;
}

/*
 * Display
 */

.d-block {
  display: block !important;
}

.di-block {
  display: inline-block !important;
}

/*
 * Material Background Colors
 */

.bgm-white {
  background-color: #ffffff !important;
}

.c-white {
  color: #ffffff !important;
}

.bgm-black {
  background-color: #000000 !important;
}

.c-black {
  color: #000000 !important;
}

.bgm-brown {
  background-color: #795548 !important;
}

.c-brown {
  color: #795548 !important;
}

.bgm-pink {
  background-color: #e91e63 !important;
}

.c-pink {
  color: #e91e63 !important;
}

.bgm-red {
  background-color: #f44336 !important;
}

.c-red {
  color: #f44336 !important;
}

.bgm-blue {
  background-color: #e65100  !important;
}

.c-blue {
  color: #2196f3 !important;
}

.bgm-purple {
  background-color: #9c27b0 !important;
}

.c-purple {
  color: #9c27b0 !important;
}

.bgm-deeppurple {
  background-color: #673ab7 !important;
}

.c-deeppurple {
  color: #673ab7 !important;
}

.bgm-lightblue {
  background-color: #03a9f4 !important;
}

.c-lightblue {
  color: #03a9f4 !important;
}

.bgm-cyan {
  background-color: #00bcd4 !important;
}

.c-cyan {
  color: #00bcd4 !important;
}

.bgm-teal {
  background-color: #009688 !important;
}

.c-teal {
  color: #009688 !important;
}

.bgm-green {
  background-color: #4caf50 !important;
}

.c-green {
  color: #4caf50 !important;
}

.bgm-lightgreen {
  background-color: #8bc34a !important;
}

.c-lightgreen {
  color: #8bc34a !important;
}

.bgm-lime {
  background-color: #cddc39 !important;
}

.c-lime {
  color: #cddc39 !important;
}

.bgm-yellow {
  background-color: #ffeb3b !important;
}

.c-yellow {
  color: #ffeb3b !important;
}

.bgm-amber {
  background-color: #ffc107 !important;
}

.c-amber {
  color: #ffc107 !important;
}

.bgm-orange {
  background-color: #e91e63 !important;
}

.c-orange {
  color: #ff9800 !important;
}

.bgm-deeporange {
  background-color: #ff5722 !important;
}

.c-deeporange {
  color: #ff5722 !important;
}

.bgm-gray {
  background-color: #9e9e9e !important;
}

.c-gray {
  color: #9e9e9e !important;
}

.bgm-bluegray {
  background-color: #607d8b !important;
}

.c-bluegray {
  color: #607d8b !important;
}

.bgm-indigo {
  background-color: #3f51b5 !important;
}

.c-indigo {
  color: #3f51b5 !important;
}

/*
 * Background Colors
 */

.bg-black-trp {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/*
 * Border
 */

.b-0 {
  border: 0 !important;
}

/*
 * width
 */

.w-100 {
  width: 100% !important;
}

/*
 * Border Radius
 */

.brd-2 {
  border-radius: 2px;
}

/*
 * Text Transform
 */

.t-uppercase {
  text-transform: uppercase;
}

/*
 * Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow.
 */

.media {
  overflow: visible;
}

.media:before,
.media:after {
  content: " ";
  display: table;
}

.media:after {
  clear: both;
}

.media:before,
.media:after {
  content: " ";
  display: table;
}

.media:after {
  clear: both;
}

.media > .pull-left {
  padding-right: 15px;
}

.media > .pull-right {
  padding-left: 15px;
}

.media-heading {
  font-size: 14px;
  margin-bottom: 10px;
}

.media-body {
  zoom: 1;
  display: block;
  width: auto;
}

.media-object {
  border-radius: 2px;
}

.close {
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-weight: normal;
  text-shadow: none;
}

.close:hover {
  color: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dl-horizontal dt {
  text-align: left;
}

*,
button,
input,
i,
a {
  -webkit-font-smoothing: antialiased;
}

*,
*:active,
*:hover {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

html {
  overflow-x: hidden\0/;
  -ms-overflow-style: none;
}

html,
body {
  min-height: 100vh;
}

body {
  font-weight: 400;
  padding-top: 65px;
  padding-bottom: 110px;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: relative;
}

audio,
video {
  outline: none;
}

p {
  margin-bottom: 20px;
}

small {
  font-size: 11px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  font-size: 12px;
}

/*
 * Ordered Lists
 */

.clist {
  list-style: none;
}

.clist > li:before {
  font-family: 'Material-Design-Iconic-Font';
  margin: 0 10px 0 -20px;
  vertical-align: middle;
}

.clist.clist-angle > li:before {
  content: "\f2fb";
}

.clist.clist-check > li:before {
  content: "\f26b";
}

.clist.clist-star > li:before {
  content: "\f27d";
}

#main {
  position: relative;
}

body #content {
  padding: 30px 0;
}

@media (min-width: 1200px) {
  body.sw-toggled #content {
    padding: 30px 0 30px 268px;
  }
}

@media (min-width: 1200px) {
  body.sw-toggled #content > .container {
    width: calc(100% - 30px);
  }
}

#header {
  background: #00695c;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  height: 80px;
  position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  padding-right: 10px;
  top: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#header:not(.sidebar-toggled).header-up {
  -webkit-transform: translate3d(0, -70px, 0);
  transform: translate3d(0, -70px, 0);
}

.header-inner {
  list-style: none;
  padding: 15px 0;
}

.header-inner > li:not(.pull-right) {
  float: left;
}

.header-inner > li:not(:last-child) {
  margin-right: -2px;
}

.header-inner .logo a {
  color: #fff;
  text-transform: uppercase;
  padding: 6px 10px;
  display: block;
  font-size: 16px;
}

#menu-trigger {
  width: 65px;
  height: 35px;
  cursor: pointer;
}

#menu-trigger .line-wrap .line {
  background-color: #fff;
}

#menu-trigger:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 7px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  z-index: 0;
}

#menu-trigger.open:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.top-menu {
  list-style: none;
  padding: 0;
}

.top-menu > li {
  display: inline-block;
  margin: 0 1px;
}

@media (max-width: 767px) {
  .top-menu > li {
    position: static !important;
  }
}

.top-menu > li .dropdown-menu-lg {
  padding: 0;
}

.top-menu > li .dropdown-menu-lg .lv-body {
  min-height: 295px;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .top-menu > li:not(#toggle-width) {
    position: relative;
  }

  .top-menu > li:not(#toggle-width):before {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.12);
    z-index: 0;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .top-menu > li:not(#toggle-width):hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .top-menu > li:not(#toggle-width).open:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.top-menu > li > a {
  height: 35px;
  min-width: 50px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.top-menu > li > a > .tmn-counts {
  position: absolute;
  color: #FFF;
  font-style: normal;
  background: #f44336;
  padding: 1px 5px;
  border-radius: 2px;
  right: 7px;
  top: -3px;
  font-size: 10px;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.top-menu > li > a.tm-chat {
  background-image: url("../img/icons/menu-2.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-chat {
    background-image: url("../img/icons/menu-2%402x.png");
    background-size: 18px 12px;
  }
}

.top-menu > li > a.tm-settings {
  background-image: url("../img/icons/ellipsis.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-settings {
    background-image: url("../img/icons/ellipsis%402x.png");
    background-size: 24px 24px;
  }
}

.top-menu > li > a.tm-notification {
  background-image: url("../img/icons/notification.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-notification {
    background-image: url("../img/icons/notification%402x.png");
    background-size: 24px 24px;
  }
}

.top-menu > li > a.tm-message {
  background-image: url("../img/icons/message.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-message {
    background-image: url("../img/icons/message%402x.png");
    background-size: 24px 24px;
  }
}

.top-menu > li > a.tm-search {
  background-image: url("../img/icons/search.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-search {
    background-image: url("../img/icons/search%402x.png");
    background-size: 24px 24px;
  }
}

.top-menu > li > a.tm-task {
  background-image: url("../img/icons/task.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-menu > li > a.tm-task {
    background-image: url("../img/icons/task%402x.png");
    background-size: 24px 24px;
  }
}

.top-menu > li:before {
  top: -1px !important;
}

@media (max-width: 767px) {
  .top-menu .dropdown-menu-lg {
    width: calc(100% - 28px) !important;
  }

  .top-menu .dropdown-menu {
    right: 14px;
    top: 55px;
  }
}

@media (min-width: 1200px) {
  .top-menu #toggle-width .toggle-switch {
    margin: -12px 30px 0 0;
  }

  .top-menu #toggle-width .toggle-switch .ts-helper {
    height: 11px;
    width: 33px;
  }

  .top-menu #toggle-width .toggle-switch .ts-helper:before {
    width: 20px;
    height: 20px;
    top: -5px;
  }

  .top-menu #toggle-width .toggle-switch input:checked + .ts-helper {
    background: rgba(0, 0, 0, 0.26);
  }

  .top-menu #toggle-width .toggle-switch input:checked + .ts-helper:before {
    left: 18px;
    background: #fff;
  }
}

@media (max-width: 1200px) {
  .top-menu #toggle-width {
    display: none;
  }
}

#notifications {
  position: relative;
}

#notifications .lv-body {
  overflow-x: hidden;
}

#notifications:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 70px);
  background: url(../img/notifications.png) no-repeat center;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  opacity: 0;
  filter: alpha(opacity=0);
  top: 42px;
}

#notifications.empty:before {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
  filter: alpha(opacity=100);
}

#top-search-wrap {
  position: absolute;
  top: -65px;
  left: 0;
  width: 100%;
  height: 65px;
  background: #4285F4;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 10;
}

@media (min-width: 768px) {
  #top-search-wrap {
    text-align: center;
  }
}

#top-search-wrap input[type="text"] {
  border: 0;
  height: 40px;
  padding: 0 10px 0 40px;
  font-size: 18px;
  margin: 12px;
  width: 500px;
  border-radius: 2px;
  color: rgba(51, 51, 51, 0.69);
  background-color: rgba(255, 255, 255, 0.26);
  background-image: url("../img/icons/search.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #top-search-wrap input[type="text"] {
    background-image: url("../img/icons/search%402x.png");
    background-size: 24px 24px;
  }
}

#top-search-wrap input[type="text"]:focus {
  background-color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 767px) {
  #top-search-wrap input[type="text"] {
    width: calc(100% - 60px);
  }
}

#top-search-wrap #top-search-close {
  position: absolute;
  top: 16px;
  font-size: 23px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.38);
  width: 35px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  right: 20px;
}

#top-search-wrap #top-search-close:hover {
  background-color: rgba(0, 0, 0, 0.15);
  color: #000;
}

@media (max-width: 767px) {
  #top-search-wrap #top-search-close {
    right: 7px;
  }
}

.search-toggled #top-search-wrap {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*
 * Full Width Layout
 */

@media (min-width: 1200px) {
  .sw-toggled #header {
    padding-left: 15px;
  }

  .sw-toggled #menu-trigger {
    display: none;
  }
}

/*
 * For Stupid IE9
 */

.ie9 #header:not(.sidebar-toggled).header-up {
  display: none;
}

:-webkit-full-screen [data-action="fullscreen"] {
  display: none;
}

:-moz-full-screen [data-action="fullscreen"] {
  display: none;
}

:-ms-fullscreen [data-action="fullscreen"] {
  display: none;
}

:full-screen [data-action="fullscreen"] {
  display: none;
}

:fullscreen [data-action="fullscreen"] {
  display: none;
}

#sidebar {
  position: fixed;
  background: #fff;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
  top: 65px;
  height: calc(100% - 65px);
  -webkit-transform: translate3d(-268px, 0, 0);
  transform: translate3d(-268px, 0, 0);
  z-index: 5;
  width: 268px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

#sidebar .sidebar-inner {
  height: 100%;
  overflow-y: auto;
  width: 268px;
}

#sidebar.toggled {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}

.profile-menu > a {
  display: block;
  height: 129px;
  margin-bottom: 5px;
  width: 100%;
  background: url(../img/profile-menu.png) no-repeat left top;
  background-size: 100%;
}

.profile-menu > a .profile-pic {
  padding: 12px;
}

.profile-menu > a .profile-pic > img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.14);
  box-sizing: content-box;
}

.profile-menu > a .profile-info {
  background: rgba(0, 0, 0, 0.37);
  padding: 7px 14px;
  color: #fff;
  margin-top: 20px;
  position: relative;
}

.profile-menu > a .profile-info > i {
  font-size: 19px;
  line-height: 100%;
  position: absolute;
  right: 15px;
  top: 7px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.profile-menu .main-menu {
  display: none;
  margin: 0 0 0;
  border-bottom: 1px solid #E6E6E6;
}

.profile-menu:before,
.profile-menu:after {
  content: " ";
  display: table;
}

.profile-menu:after {
  clear: both;
}

.profile-menu:before,
.profile-menu:after {
  content: " ";
  display: table;
}

.profile-menu:after {
  clear: both;
}

.profile-menu.toggled .profile-info > i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-menu {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 0 0;
}

.main-menu > li > a {
  padding: 14px 20px 14px 52px;
  display: block;
  color: #4C4C4C;
  font-weight: 500;
  position: relative;
}

.main-menu > li > a:hover {
  color: #262626;
  background-color: #f7f7f7;
}

.main-menu > li > a > i {
  position: absolute;
  left: 16px;
  font-size: 20px;
  top: 0;
  width: 25px;
  text-align: center;
  padding: 13px 0;
}

.main-menu > li.sub-menu > a:before,
.main-menu > li.sub-menu > a:after {
  position: absolute;
  top: 12px;
  color: #575757;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 17px;
  right: 15px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-menu > li.sub-menu > a:before {
  content: "\f278";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.main-menu > li.sub-menu > a:after {
  content: "\f273";
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.main-menu > li.sub-menu.toggled > a:before {
  content: "\f278";
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.main-menu > li.sub-menu.toggled > a:after {
  content: "\f273";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.main-menu > li.sub-menu > ul {
  list-style: none;
  display: none;
  padding: 0;
}

.main-menu > li.sub-menu > ul > li > a {
  color: #7f7f7f;
  padding: 8px 20px 8px 50px;
  font-weight: 500;
  display: block;
}

.main-menu > li.sub-menu > ul > li > a.active,
.main-menu > li.sub-menu > ul > li > a:hover {
  color: #000;
}

.main-menu > li.sub-menu > ul > li:first-child > a {
  padding-top: 14px;
}

.main-menu > li.sub-menu > ul > li:last-child > a {
  padding-bottom: 16px;
}

.main-menu > li.sub-menu.active > ul {
  display: block;
}

.main-menu > li.active > a {
  color: #262626;
  background-color: #F4F4F4;
}

/*
 * Full width layout
 */

body:not(.sw-toggled) #sidebar {
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
}

@media (min-width: 1200px) {
  body.sw-toggled #sidebar {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  }
}

@media (max-width: 1200px) {
  body.sw-toggled #sidebar {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
  }
}

/*
 * For Stupid IE9
 */

@media (min-width: 1200px) {
  .ie9 body.sw-toggled #sidebar {
    display: block;
  }
}

.ie9 body:not(.sw-toggled) #sidebar:not(.toggled) {
  display: none;
}



.chart-edge {
  margin: 20px -8px 0 -10px;
  overflow: hidden;
}

.chart-edge .flot-chart {
  bottom: -14px;
}

.charts-row {
  margin-top: 50px;
  margin-bottom: 20px;
}

.mini-charts-item {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-bottom: 30px;
}

.mini-charts-item .chart {
  padding: 15px;
  float: left;
}

.mini-charts-item .chart.chart-pie {
  margin: 0 20px;
}

.mini-charts-item .count {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
  padding: 16px 12px;
}

.mini-charts-item .count > h2 {
  margin: 0;
  line-height: 100%;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
}

.mini-charts-item .count > small {
  margin-bottom: 2px;
  display: block;
}

.mini-charts-item .count > h2,
.mini-charts-item .count > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mini-charts-item > .clearfix,
.mini-charts-item > .dl-horizontal dd,
.mini-charts-item > .container,
.mini-charts-item > .container-fluid,
.mini-charts-item > .row,
.mini-charts-item > .form-horizontal .form-group,
.mini-charts-item > .btn-toolbar,
.mini-charts-item > .btn-group-vertical > .btn-group,
.mini-charts-item > .nav,
.mini-charts-item > .navbar,
.mini-charts-item > .navbar-header,
.mini-charts-item > .navbar-collapse,
.mini-charts-item > .pager,
.mini-charts-item > .panel-body,
.mini-charts-item > .modal-footer {
  position: relative;
  z-index: 1;
}

.mini-charts-item:before {
  -webkit-transition: width;
  -o-transition: width;
  transition: width;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  width: 113px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
}

.mini-charts-item:hover .count {
  color: #fff !important;
}

.mini-charts-item:hover:before {
  width: 100%;
}

/*
 * Sparkline Tooltip
 */

#jqstooltip {
  min-width: 21px;
  min-height: 23px;
  text-align: center;
  border: 0;
  background: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

#jqstooltip .jqsfield {
  font-size: 12px;
  font-weight: 700;
  font-family: inherit;
  text-align: center;
  color: #333;
}

#jqstooltip .jqsfield > span {
  display: none;
}

/*
 * Easy Pie Charts
 */

.epc-item {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-bottom: 30px;
  padding: 30px 20px;
  text-align: center;
}

.easy-pie {
  display: inline-block;
  position: relative;
  padding: 0 5px 10px;
}

.easy-pie .percent {
  position: absolute;
  font-weight: 300;
  width: 100%;
  line-height: 100%;
  left: 0;
}

.easy-pie .percent:after {
  content: "%";
}

.easy-pie.main-pie .percent {
  margin-top: 49px;
  font-size: 40px;
  text-align: center;
}

.easy-pie.main-pie .percent:not([class*="c-"]) {
  color: rgba(255, 255, 255, 0.7);
}

.easy-pie.main-pie .percent:after {
  font-size: 30px;
}

.easy-pie.main-pie .pie-title {
  color: #fff;
}

.easy-pie:not(.main-pie) .percent {
  font-size: 26px;
  margin-top: 37px;
}

.easy-pie:not(.main-pie) .percent:after {
  font-size: 20px;
}

.easy-pie .pie-title {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -3px;
  left: 0;
}

/*
 * Recet Items Table Chart
 */

#recent-items-chart {
  width: calc(100% + 19px);
  height: 150px;
  margin: -20px -10px 0;
  bottom: -10px;
}