.v-loading {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  z-index: 9999;
}

.v-loading.showit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.v-loading > img {
  width: 50%;
  max-width: 300px;
  height: auto;
  -webkit-animation: rotate 1s ease-out infinite;
          animation: rotate 1s ease-out infinite;
}

.v-loading > span {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
  font-family: "Microsoft JhengHei";
}

* ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}

* ::-webkit-scrollbar-track {
  background-color: transparent;
}

* ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.5);
}

.table-condensed thead tr th.prev {
  background-image: url(../assets/images/icon/caret-left.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.table-condensed thead tr th.prev:hover {
  background: #efefef;
}

.table-condensed thead tr th.prev i {
  display: none;
}

.table-condensed thead tr th.next {
  background-image: url(../assets/images/icon/caret-right.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.table-condensed thead tr th.next:hover {
  background: #efefef;
}

.table-condensed thead tr th.next i {
  display: none;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

html[theme="WFL"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="WFL"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="WFL"] .nav-header {
  background-image: none;
  background-color: #033a0f;
}

html[theme="WFL"] .nav > li > a {
  color: #efefef;
}

html[theme="WFL"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="WFL"] .navbar-default .nav > li > a:hover,
html[theme="WFL"] .navbar-default .nav > li > a:focus {
  background-color: #033a0f;
}

html[theme="WFL"] ul.nav-second-level {
  background-color: #045d18;
}

html[theme="WFL"] .nav > li.active {
  background-color: #033a0f;
}

html[theme="WFL"] .navbar-default .nav > li > a:hover,
html[theme="WFL"] .navbar-default .nav > li > a:focus {
  background-color: #033a0f;
}

html[theme="WFL"] .nav-second-level.collapse {
  background-color: #045d18;
}

html[theme="WFL"] .mini-navbar .nav .nav-second-level {
  background-color: #045d18;
}

html[theme="WFL"] .navbar-default::after {
  content: "";
  background-color: #045d18;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="MW3"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="MW3"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="MW3"] .nav-header {
  background-image: none;
  background-color: #0b1215;
}

html[theme="MW3"] .nav > li > a {
  color: #efefef;
}

html[theme="MW3"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="MW3"] .navbar-default .nav > li > a:hover,
html[theme="MW3"] .navbar-default .nav > li > a:focus {
  background-color: #0b1215;
}

html[theme="MW3"] ul.nav-second-level {
  background-color: #1b3e4d;
}

html[theme="MW3"] .nav > li.active {
  background-color: #0b1215;
}

html[theme="MW3"] .navbar-default .nav > li > a:hover,
html[theme="MW3"] .navbar-default .nav > li > a:focus {
  background-color: #0b1215;
}

html[theme="MW3"] .nav-second-level.collapse {
  background-color: #1b3e4d;
}

html[theme="MW3"] .mini-navbar .nav .nav-second-level {
  background-color: #1b3e4d;
}

html[theme="MW3"] .navbar-default::after {
  content: "";
  background-color: #1b3e4d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="BW69"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="BW69"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="BW69"] .nav-header {
  background-image: none;
  background-color: #9900cc;
}

html[theme="BW69"] .nav > li > a {
  color: #efefef;
}

html[theme="BW69"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="BW69"] .navbar-default .nav > li > a:hover,
html[theme="BW69"] .navbar-default .nav > li > a:focus {
  background-color: #9900cc;
}

html[theme="BW69"] ul.nav-second-level {
  background-color: #7a139c;
}

html[theme="BW69"] .nav > li.active {
  background-color: #9900cc;
}

html[theme="BW69"] .navbar-default .nav > li > a:hover,
html[theme="BW69"] .navbar-default .nav > li > a:focus {
  background-color: #9900cc;
}

html[theme="BW69"] .nav-second-level.collapse {
  background-color: #7a139c;
}

html[theme="BW69"] .mini-navbar .nav .nav-second-level {
  background-color: #7a139c;
}

html[theme="BW69"] .navbar-default::after {
  content: "";
  background-color: #7a139c;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="RLM"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="RLM"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="RLM"] .nav-header {
  background-image: none;
  background-color: #00003f;
}

html[theme="RLM"] .nav > li > a {
  color: #efefef;
}

html[theme="RLM"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="RLM"] .navbar-default .nav > li > a:hover,
html[theme="RLM"] .navbar-default .nav > li > a:focus {
  background-color: #101074;
}

html[theme="RLM"] ul.nav-second-level {
  background-color: #00003f;
}

html[theme="RLM"] .nav > li.active {
  background-color: #00003f;
}

html[theme="RLM"] .navbar-default .nav > li > a:hover,
html[theme="RLM"] .navbar-default .nav > li > a:focus {
  background-color: #101074;
}

html[theme="RLM"] .nav-second-level.collapse {
  background-color: #00003f;
}

html[theme="RLM"] .mini-navbar .nav .nav-second-level {
  background-color: #00003f;
}

html[theme="RLM"] .navbar-default::after {
  content: "";
  background-color: #00003f;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="LKC"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="LKC"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="LKC"] body.mini-navbar.fixed-sidebar .profile-element, html[theme="LKC"] .block {
  color: #000;
}

html[theme="LKC"] .nav-header {
  background-image: none;
  background-color: #b8f3ee;
}

html[theme="LKC"] .nav > li > a {
  color: #000;
}

html[theme="LKC"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="LKC"] .navbar-default .nav > li > a:hover,
html[theme="LKC"] .navbar-default .nav > li > a:focus {
  background-color: #b8f3ee;
}

html[theme="LKC"] ul.nav-second-level {
  background-color: #e0ffff;
}

html[theme="LKC"] .nav > li.active {
  background-color: #b8f3ee;
}

html[theme="LKC"] .navbar-default .nav > li > a:hover,
html[theme="LKC"] .navbar-default .nav > li > a:focus {
  background-color: #b8f3ee;
}

html[theme="LKC"] .nav-second-level.collapse {
  background-color: #e0ffff;
}

html[theme="LKC"] .mini-navbar .nav .nav-second-level {
  background-color: #e0ffff;
}

html[theme="LKC"] .navbar-default::after {
  content: "";
  background-color: #e0ffff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="TMS"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="TMS"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="TMS"] .nav-header {
  background-image: none;
  background-color: #ab4b52;
}

html[theme="TMS"] .nav > li > a {
  color: #efefef;
}

html[theme="TMS"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="TMS"] .navbar-default .nav > li > a:hover,
html[theme="TMS"] .navbar-default .nav > li > a:focus {
  background-color: #ab4b52;
}

html[theme="TMS"] ul.nav-second-level {
  background-color: #822c32;
}

html[theme="TMS"] .nav > li.active {
  background-color: #ab4b52;
}

html[theme="TMS"] .navbar-default .nav > li > a:hover,
html[theme="TMS"] .navbar-default .nav > li > a:focus {
  background-color: #ab4b52;
}

html[theme="TMS"] .nav-second-level.collapse {
  background-color: #822c32;
}

html[theme="TMS"] .mini-navbar .nav .nav-second-level {
  background-color: #822c32;
}

html[theme="TMS"] .navbar-default::after {
  content: "";
  background-color: #822c32;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="SPM"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="SPM"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="SPM"] .nav-header {
  background-image: none;
  background-color: #000;
}

html[theme="SPM"] .nav > li > a {
  color: #efefef;
}

html[theme="SPM"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="SPM"] .navbar-default .nav > li > a:hover,
html[theme="SPM"] .navbar-default .nav > li > a:focus {
  background-color: #2d2d2f;
}

html[theme="SPM"] ul.nav-second-level {
  background-color: #000;
}

html[theme="SPM"] .nav > li.active {
  background-color: #000;
}

html[theme="SPM"] .navbar-default .nav > li > a:hover,
html[theme="SPM"] .navbar-default .nav > li > a:focus {
  background-color: #2d2d2f;
}

html[theme="SPM"] .nav-second-level.collapse {
  background-color: #000;
}

html[theme="SPM"] .mini-navbar .nav .nav-second-level {
  background-color: #000;
}

html[theme="SPM"] .navbar-default::after {
  content: "";
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

html[theme="SBP"] body {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="SBP"] #wrapper {
  max-height: 100vh;
  overflow-y: scroll;
}

html[theme="SBP"] .nav-header {
  background-image: none;
  background-color: #a32e27;
}

html[theme="SBP"] .nav-header a {
  color: #fff;
}

html[theme="SBP"] .nav > li > a {
  color: #fff;
}

html[theme="SBP"] .navbar-right > li > a {
  color: #999c9e;
}

html[theme="SBP"] .navbar-default .nav > li > a:hover,
html[theme="SBP"] .navbar-default .nav > li > a:focus {
  background-color: #a32e27;
}

html[theme="SBP"] ul.nav-second-level {
  background-color: #c3332a;
}

html[theme="SBP"] .nav > li.active {
  background-color: #c3332a;
}

html[theme="SBP"] .navbar-default .nav > li > a:hover,
html[theme="SBP"] .navbar-default .nav > li > a:focus {
  background-color: #a32e27;
}

html[theme="SBP"] .nav-second-level.collapse {
  background-color: #c3332a;
}

html[theme="SBP"] .mini-navbar .nav .nav-second-level {
  background-color: #c3332a;
}

html[theme="SBP"] .navbar-default::after {
  content: "";
  background-color: #c3332a;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
/*# sourceMappingURL=common.css.map */