/* --------- variable --------- */  
/* --------- variable --------- */  
/* --------- function --------- */  
/* ---------------------------------- */  
/* --------- functions (Start)------- */  
/*  
(property, duration, timing-function, delay)  
@include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s);  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s);  
@include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s);  
@include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s);  
@include transition();  
@include transform-origin(center center);  
@include transform-origin(left top);  
@include transform-origin(50% 20%);  
@include transform(rotate(45deg));		  
@include transform(translateY(-50%));	  
@include transform(scaleY(0.6));	  
@include transform(translate(50%, 50%) rotate(90deg));   
---------- forward -------------  
@include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s);  
---------- backward -------------  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s);  
@include transition(all 0.2s @timing-02 0s);  
*/  
/* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */  
/* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */  
.blinker-me {  
  -webkit-animation-name: blinker;  
  -moz-animation-name: blinker;  
  -ms-animation-name: blinker;  
  animation-name: blinker;  
  -webkit-animation-duration: 2s;  
  -moz-animation-duration: 2s;  
  -ms-animation-duration: 2s;  
  animation-duration: 2s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
.blinker-me-stop {  
  -webkit-animation-name: none;  
  -moz-animation-name: none;  
  -ms-animation-name: none;  
  animation-name: none; }  
  
@-webkit-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-moz-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-ms-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-o-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
.fadein-me {  
  -webkit-animation-name: fadein;  
  -moz-animation-name: fadein;  
  -ms-animation-name: fadein;  
  animation-name: fadein;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-moz-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-ms-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-o-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
.fadeout-me {  
  -webkit-animation-name: fadeout;  
  -moz-animation-name: fadeout;  
  -ms-animation-name: fadeout;  
  animation-name: fadeout;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-moz-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-ms-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-o-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
.shake-me {  
  -webkit-transform-origin: 50% 10%;  
  -moz-transform-origin: 50% 10%;  
  -ms-transform-origin: 50% 10%;  
  transform-origin: 50% 10%;  
  -webkit-animation-name: shaker;  
  -moz-animation-name: shaker;  
  -ms-animation-name: shaker;  
  animation-name: shaker;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-moz-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-ms-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-o-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
.rotate-me {  
  -webkit-transform-origin: 50% 50%;  
  -moz-transform-origin: 50% 50%;  
  -ms-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;  
  -webkit-animation-name: rotator;  
  -moz-animation-name: rotator;  
  -ms-animation-name: rotator;  
  animation-name: rotator;  
  -webkit-animation-duration: 2.5s;  
  -moz-animation-duration: 2.5s;  
  -ms-animation-duration: 2.5s;  
  animation-duration: 2.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-moz-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-ms-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-o-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
/* --------- functions (End)--------- */  
/* ---------------------------------- */  
.selectorDummy {  
  -webkit-column-count: 3;  
  -moz-column-count: 3;  
  column-count: 3;  
  -webkit-column-gap: 1.5em;  
  -moz-column-gap: 1.5em;  
  column-gap: 1.5em;  
  -webkit-column-rule: 2px solid hotpink;  
  -moz-column-rule: 2px solid hotpink;  
  column-rule: 2px solid hotpink; }  
  
.aObj {  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px; }  
  
.some-selector {  
  display: block; }  
  
.item-1 {  
  width: 2em; }  
  
.item-2 {  
  width: 4em; }  
  
.item-3 {  
  width: 6em; }  
  
.some-selectorA {  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
.glass {  
  border: 1px solid red;  
  position: absolute;  
  left: 0px;  
  width: 400px;  
  height: 400px;  
  overflow: auto;  
  margin: 50px; }  
  
/* --------- function --------- */  
section > .ng-path-dummy {  
  -webkit-border-radius: 50%;  
  -moz-border-radius: 50%;  
  -ms-border-radius: 50%;  
  border-radius: 50%;  
  -webkit-box-sizing: border-box;  
  -moz-box-sizing: border-box;  
  -ms-box-sizing: border-box;  
  box-sizing: border-box;  
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -ms-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  border: 0px solid #CCC;  
  display: inline-block;  
  z-index: 99999;  
  background-color: red;  
  margin: 0px;  
  padding: 0px;  
  padding-left: 10px !important;  
  width: 10px !important;  
  height: 10px !important;  
  overflow: hidden;  
  cursor: pointer;  
  position: absolute;  
  right: 1px;  
  display: none; }  
  section > .ng-path-dummy + div > section > .ng-path-dummy,  
  section > .ng-path-dummy + section > .ng-path-dummy {  
    right: 12px !important;  
    background-color: aqua !important; }  
  
.ng-path-dummy-capture {  
  position: absolute;  
  top: -10000px;  
  left: -10000px; }  
  
.font-en {  
  font-family: Roboto, sans-serif !important; }  
  
.font-tc {  
  font-family: 'Noto Sans TC', sans-serif !important; }  
  
.font-sc {  
  font-family: 'Noto Sans SC', sans-serif !important; }  
  
.Arial {  
  font-family: Arial, sans-serif !important; }  
  
.aL {  
  text-align: left !important; }  
  
.aC {  
  text-align: center !important; }  
  
.aR {  
  text-align: right !important; }  
  
.fL {  
  float: left !important; }  
  
.fC {  
  float: center !important; }  
  
.fR {  
  float: right !important; }  
  
.b {  
  font-weight: bold !important; }  
  
.i {  
  font-style: italic !important; }  
  
/** ClearFix **/  
.clearfix:after {  
  content: ".";  
  display: block;  
  height: 0;  
  clear: both;  
  visibility: hidden; }  
  
.clearfix {  
  display: inline-block; }  
  
/* required comment for clearfix to work in Opera \*/  
* html .clearfix {  
  height: 1%; }  
  
.clearfix {  
  display: block; }  
  
/* General Setting */  
html {  
  height: 100%; }  
  html * {  
    -webkit-font-smoothing: antialiased; }  
  
body {  
  box-sizing: border-box;  
  background: none repeat scroll 0 0 #E6F2FE;  
  margin: 0;  
  padding: 0;  
  height: 100%; }  
  
mark {  
  background-color: #EED556;  
  padding: 0px 0px !important;  
  line-height: normal;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  -ms-border-radius: 3px;  
  border-radius: 3px; }  
  
#container {  
  padding-top: 54px;  
  padding-left: 240px;  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  width: auto; }  
  
/* minimize Sidebar */  
.hidden-checkbox {  
  position: absolute;  
  top: -100px;  
  left: -300px; }  
  
.lft-menu-trigger {  
  border: 1px solid #B59E00;  
  cursor: pointer;  
  float: right;  
  font-size: 17px;  
  height: 34px;  
  width: 34px;  
  line-height: 34px;  
  text-align: center;  
  margin-bottom: 0px; }  
  .lft-menu-trigger #icon-right {  
    display: none; }  
  
#lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
  width: 60px; }  
#lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
  padding-left: 0px; }  
#lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level {  
  margin: 0;  
  padding: 0; }  
  #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li {  
    margin-bottom: 0px; }  
    #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li > a {  
      border: 0px solid transparent;  
      height: 50px;  
      line-height: 50px;  
      text-align: center;  
      width: 60px;  
      padding: 5px 0px;  
      margin-bottom: 0px; }  
      #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li > a > span {  
        display: none; }  
      #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li > a i {  
        font-size: 22px;  
        line-height: 44px;  
        margin: 0;  
        text-align: center;  
        width: 100%; }  
#lft-menu-cbx[type=checkbox]:checked ~ .body-div .lft-menu-trigger #icon-left {  
  display: none; }  
#lft-menu-cbx[type=checkbox]:checked ~ .body-div .lft-menu-trigger #icon-right {  
  display: inline-block; }  
  
.lft-menu-close-trigger {  
  cursor: pointer;  
  position: absolute;  
  right: -18px;  
  font-size: 17px;  
  height: 34px;  
  width: 18px;  
  line-height: normal;  
  text-align: center;  
  margin-bottom: 0px;  
  padding-top: 7px;  
  -webkit-border-top-right-radius: 10px !important;  
  -moz-border-top-right-radius: 10px !important;  
  -ms-border-top-right-radius: 10px !important;  
  border-top-right-radius: 10px !important;  
  -webkit-border-bottom-right-radius: 10px !important;  
  -moz-border-bottom-right-radius: 10px !important;  
  -ms-border-bottom-right-radius: 10px !important;  
  border-bottom-right-radius: 10px !important;  
  -webkit-border-bottom-left-radius: 0px !important;  
  -moz-border-bottom-left-radius: 0px !important;  
  -ms-border-bottom-left-radius: 0px !important;  
  border-bottom-left-radius: 0px !important;  
  -webkit-border-top-left-radius: 0px !important;  
  -moz-border-top-left-radius: 0px !important;  
  -ms-border-top-left-radius: 0px !important;  
  border-top-left-radius: 0px !important;  
  -webkit-background-clip: padding-box !important;  
  -moz-background-clip: padding-box !important;  
  -ms-background-clip: padding-box !important;  
  background-clip: padding-box !important;  
  border: 1px solid #B59E00;  
  border-left: 0px solid #B59E00;  
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -ms-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); }  
  .lft-menu-close-trigger i {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -webkit-transform-origin: 50% 50%;  
    -moz-transform-origin: 50% 50%;  
    -ms-transform-origin: 50% 50%;  
    transform-origin: 50% 50%;  
    display: inline-block;  
    line-height: normal;  
    height: 18px;  
    width: 18px;  
    position: absolute;  
    top: 8px; }  
  
#lft-menu-close-cbx[type=checkbox] ~ .body-div .lft-menu-close-trigger i {  
  -webkit-transform: rotate(180deg);  
  -moz-transform: rotate(180deg);  
  -ms-transform: rotate(180deg);  
  transform: rotate(180deg);  
  right: -1px; }  
#lft-menu-close-cbx[type=checkbox]:checked ~ .body-div .lft-menu-close-trigger i {  
  -webkit-transform: rotate(360deg);  
  -moz-transform: rotate(360deg);  
  -ms-transform: rotate(360deg);  
  transform: rotate(360deg);  
  right: 0px;  
  top: 8px; }  
  
#lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
  left: 0px; }  
#lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
  padding-left: 0px; }  
#lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
  left: 0px; }  
#lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
  padding-left: 0px; }  
#lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
  left: -240px; }  
#lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
  padding-left: 0px; }  
#lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
  left: -60px; }  
#lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
  padding-left: 0px; }  
  
li {  
  list-style: none; }  
  
a {  
  /* color:#fff; */  
  text-decoration: none;  
  -webkit-font-smoothing: antialiased;  
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }  
  a:hover {  
    text-decoration: underline; }  
  
a,  
button,  
input[type=button],  
*[data-trigger=focus] {  
  outline: 0 !important;  
  outline-color: transparent !important;  
  outline-width: thin !important;  
  outline: none !important;  
  -webkit-tap-highlight-color: transparent !important; }  
  
h1, h2, h3, h4, h5, h6 {  
  color: #333333; }  
  
p {  
  font-size: 13px;  
  font-weight: normal;  
  margin: 0;  
  color: #777777;  
  letter-spacing: 0.30px;  
  float: left;  
  width: 100%;  
  line-height: 24px; }  
  
.full-width {  
  float: none;  
  margin: 0 -30px;  
  width: auto; }  
  
a:hover {  
  text-decoration: none; }  
  
a {  
  text-decoration: none; }  
  
.top-margin {  
  float: left;  
  width: 100%;  
  margin-top: -30px; }  
  
body .no-padding {  
  padding: 0; }  
  
.full-width {  
  float: none;  
  margin: 0 -30px;  
  width: auto; }  
  
.widget-area.blank {  
  background: none repeat scroll 0 0 transparent;  
  -webkit-box-shadow: none;  
  -moz-box-shadow: none;  
  -ms-box-shadow: none;  
  -o-box-shadow: none;  
  box-shadow: none; }  
  
/* Account sec */  
.body-div {  
  height: 100%;  
  background-image: url("");  
  background-repeat: no-repeat;  
  background-position: right top; }  
  
.login-page-bg {  
  height: 100%;  
  background-image: url("");  
  background-repeat: no-repeat;  
  background-position: right bottom; }  
  
.login-page-header .header-container {  
  margin: auto;  
  padding-top: 100px;  
  text-align: left;  
  width: 593px; }  
.login-page-header .logo {  
  margin-left: 48px;  
  padding: 0px 0 0 0px;  
  width: 220px; }  
  .login-page-header .logo > a {  
    float: left;  
    padding: 0 0; }  
    .login-page-header .logo > a img {  
      width: 120px; }  
.login-page-header .app-name {  
  vertical-align: top;  
  display: inline-block;  
  margin-top: 23px;  
  margin-bottom: 30px;  
  margin-left: 10px; }  
  .login-page-header .app-name > .sep {  
    vertical-align: top;  
    display: inline-block;  
    background-color: #313E7E;  
    width: 1px;  
    margin-top: 6px;  
    margin-right: 15px;  
    height: 35px; }  
  .login-page-header .app-name > .text {  
    color: #313E7E;  
    display: inline-block; }  
    .login-page-header .app-name > .text > .row-01 {  
      font-size: 16px;  
      margin-bottom: 3px; }  
    .login-page-header .app-name > .text > .row-02 {  
      font-size: 20px;  
      font-weight: bold; }  
    .login-page-header .app-name > .text > .row-03 {  
      font-size: 20px;  
      font-weight: bold;  
      margin-top: 9px; }  
.login-page-header .lang {  
  margin-right: 70px;  
  margin-top: 10px; }  
  
.full-width-yellow-button {  
  width: 100% !important;  
  padding: 10px 15px 9px 15px;  
  border: 0px solid transparent;  
  color: #FFF;  
  background-color: #D5BD43 !important;  
  background-image: -webkit-linear-gradient(bottom, #EED557, #D5BD43);  
  background-image: -moz-linear-gradient(bottom, #EED557, #D5BD43);  
  background-image: linear-gradient(to bottom, #EED557, #D5BD43);  
  text-shadow: none; }  
  
a.yellow-link {  
  color: #C19835; }  
  a.yellow-link:hover {  
    color: #666; }  
  
.content-container {  
  border: 1px solid transparent;  
  min-height: 250px;  
  margin-top: 0px;  
  background-repeat: no-repeat;  
  background-position: center top; }  
  
.account-sec {  
  margin: auto;  
  margin-top: 20px;  
  text-align: center;  
  max-width: 460px;  
  min-width: 300px;  
  max-width: 940px;  
  border: 0px solid transparent; }  
  .account-sec.type-02 {  
    max-width: 460px !important; }  
  .account-sec .inner-box {  
    text-align: center;  
    vertical-align: top;  
    border: 0px solid transparent;  
    width: 425px;  
    margin: 0px 20px;  
    display: inline-block; }  
  
.circle-icon {  
  cursor: pointer;  
  border: 0px solid transparent;  
  background-color: #C19835;  
  font-size: 12px;  
  margin: 0px 5px 10px 5px;  
  width: 24px;  
  height: 24px;  
  text-align: center;  
  vertical-align: middle;  
  -webkit-border-radius: 50%;  
  -moz-border-radius: 50%;  
  -ms-border-radius: 50%;  
  border-radius: 50%;  
  padding-top: 3px; }  
  .circle-icon i {  
    color: #FFF;  
    margin-top: 5px; }  
  
.account-form {  
  margin-top: 20px; }  
  .account-form > .field-row {  
    position: relative;  
    background: none repeat scroll 0 0 #fff;  
    float: left;  
    height: 50px;  
    margin-bottom: 10px;  
    padding: 0 0px;  
    width: 100%;  
    border: 0px solid transparent;  
    text-align: left; }  
    .account-form > .field-row > input {  
      -webkit-box-shadow: none !important;  
      -moz-box-shadow: none !important;  
      -ms-box-shadow: none !important;  
      box-shadow: none !important;  
      position: absolute;  
      border: medium none !important;  
      font-size: 14px !important;  
      height: 50px !important;  
      letter-spacing: 0.3px !important;  
      margin-left: 0px !important;  
      padding: 14px 10px 14px 50px !important;  
      width: 100% !important;  
      border: 0px solid transparent !important; }  
    .account-form > .field-row > i {  
      position: absolute !important;  
      border: 0px solid transparent !important;  
      color: #555555 !important;  
      font-size: 17px !important;  
      width: 50px !important;  
      text-align: center !important;  
      line-height: 50px !important; }  
  .account-form > label {  
    color: #737373;  
    float: left;  
    font-size: 12px;  
    font-weight: normal;  
    letter-spacing: 0.3px;  
    line-height: 13px;  
    margin: 20px 0 0; }  
    .account-form > label > input {  
      float: left;  
      margin: 0 10px 0 0; }  
    .account-form > label a {  
      color: #333333; }  
  .account-form > input[type="submit"] {  
    border: medium none;  
    color: #ffffff;  
    float: right;  
    font-size: 13px;  
    letter-spacing: 0.3px;  
    margin-top: 10px;  
    padding: 10px 45px;  
    text-transform: uppercase; }  
  .account-form p {  
    float: left;  
    margin: 0;  
    width: 100%; }  
    .account-form p > label {  
      float: left;  
      font-size: 12px;  
      font-weight: normal;  
      letter-spacing: 0.3px;  
      margin-left: 10px;  
      margin-right: 30px;  
      text-transform: uppercase; }  
    .account-form p input {  
      float: left; }  
  
.custom-dropdown {  
  float: left;  
  margin-right: 10px;  
  width: auto; }  
  
.menu {  
  float: left;  
  position: relative;  
  width: 100%;  
  z-index: 2; }  
  .menu > ul.top-level {  
    background: none repeat scroll 0 0 #0C0737;  
    float: left;  
    list-style: outside none none;  
    margin: 0;  
    width: 100%;  
    padding: 0px 0px 18px 0px; }  
    .menu > ul.top-level > li {  
      float: left;  
      margin-bottom: 1px;  
      padding: 0px 0px;  
      position: relative;  
      width: 100%; }  
  .menu > ul > li a {  
    -webkit-transition: all 0.4s ease 0s;  
    -moz-transition: all 0.4s ease 0s;  
    -ms-transition: all 0.4s ease 0s;  
    transition: all 0.4s ease 0s;  
    cursor: pointer;  
    color: #8b91a0;  
    display: block;  
    font-size: 13px;  
    padding: 15px 25px;  
    position: relative;  
    text-decoration: none;  
    z-index: 0; }  
    .menu > ul > li a > span i {  
      /* [new] top right icon */  
      -webkit-border-radius: 2px;  
      -moz-border-radius: 2px;  
      -ms-border-radius: 2px;  
      border-radius: 2px;  
      color: #ffffff;  
      float: right;  
      font-size: 10px;  
      font-style: normal;  
      font-weight: normal;  
      letter-spacing: 0.5px;  
      line-height: 10px;  
      padding: 5px 8px; }  
    .menu > ul > li a > i {  
      /* left right icon */  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      float: left;  
      font-size: 20px;  
      margin-right: 15px;  
      margin-top: 2px; }  
    .menu > ul > li a:hover > i {  
      -webkit-transform: rotate(360deg);  
      -moz-transform: rotate(360deg);  
      -ms-transform: rotate(360deg);  
      transform: rotate(360deg); }  
  .menu > ul > li > ul {  
    background: none repeat scroll 0 0 #0C0737;  
    left: 100%;  
    list-style: outside none none;  
    margin: 0;  
    padding: 0px;  
    position: absolute;  
    top: 0;  
    width: 200px;  
    z-index: -1;  
    transform: scale(0); }  
    .menu > ul > li > ul.mega {  
      width: 400px; }  
      .menu > ul > li > ul.mega > li {  
        float: left;  
        width: 50%; }  
    .menu > ul > li > ul a {  
      font-size: 13px;  
      padding-left: 40px;  
      text-transform: none; }  
      .menu > ul > li > ul a:hover:before {  
        border-color: #000; }  
      .menu > ul > li > ul a:before {  
        background: none repeat scroll 0 0 transparent;  
        border: 1px solid #8b91a0;  
        content: "";  
        height: 6px;  
        left: 17px;  
        margin-top: -3px;  
        position: absolute;  
        top: 50%;  
        width: 6px;  
        -webkit-transition: all 0.4s ease 0s;  
        -moz-transition: all 0.4s ease 0s;  
        -ms-transition: all 0.4s ease 0s;  
        transition: all 0.4s ease 0s; }  
    .menu > ul > li > ul li a:hover {  
      background-color: #2e2e2e; }  
  .menu > ul li:hover > ul {  
    transform: scale(1); }  
  .menu > ul li.selected a {  
    background-image: none;  
    background-color: #EED556;  
    color: #000 !important; }  
  
/* Message Dropdown */  
.message-list {  
  float: left; }  
  
.custom-dropdowns {  
  margin-top: 10px;  
  float: left;  
  position: relative;  
  z-index: 990; }  
  .custom-dropdowns .dropdown {  
    margin-top: 25px;  
    float: left; }  
    .custom-dropdowns .dropdown > a {  
      color: #7f7f7f;  
      cursor: pointer;  
      float: left;  
      font-size: 17px;  
      line-height: 19px;  
      margin-right: 0;  
      padding-right: 35px;  
      position: relative; }  
      .custom-dropdowns .dropdown > a > span {  
        color: #fff;  
        float: left;  
        font-size: 11px;  
        height: 19px;  
        line-height: 17px;  
        margin-right: 15px;  
        position: absolute;  
        right: 8px;  
        text-align: center;  
        top: -10px;  
        width: 19px; }  
  .custom-dropdowns select {  
    border: medium none;  
    color: #888888;  
    float: left;  
    padding-left: 6px;  
    width: auto; }  
  
.drop-list {  
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  -ms-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
  background: none repeat scroll 0 0 #ffffff;  
  border: 1px solid #e0e0e0;  
  display: none;  
  margin-top: 22px;  
  position: absolute;  
  right: 0;  
  top: 100%;  
  width: 260px; }  
  .drop-list:before {  
    -webkit-transform: rotate(45deg);  
    -moz-transform: rotate(45deg);  
    -ms-transform: rotate(45deg);  
    transform: rotate(45deg);  
    background: none repeat scroll 0 0 #fff;  
    border-left: 1px solid #e0e0e0;  
    border-top: 1px solid #e0e0e0;  
    content: "";  
    height: 12px;  
    right: 36px;  
    position: absolute;  
    top: -7px;  
    width: 12px; }  
  .drop-list > a {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    color: #333;  
    float: left;  
    font-size: 14px;  
    letter-spacing: 0.3px;  
    padding: 13px 0;  
    text-align: center;  
    width: 100%; }  
  .drop-list > span {  
    border-bottom: 1px solid #e0e0e0;  
    color: #777777;  
    float: left;  
    font-size: 13px;  
    letter-spacing: 0.3px;  
    padding: 13px;  
    text-align: center;  
    width: 100%; }  
  .drop-list > ul {  
    float: left;  
    list-style: none outside none;  
    margin: 0;  
    padding: 0;  
    width: 100%; }  
    .drop-list > ul > li {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      border-bottom: 1px solid #e0e0e0;  
      float: left;  
      min-height: 71px;  
      padding: 15px;  
      width: 100%; }  
      .drop-list > ul > li:hover {  
        background: none repeat scroll 0 0 #fafafa; }  
      .drop-list > ul > li > a {  
        color: #333333;  
        float: left;  
        font-size: 12px;  
        letter-spacing: 0.3px;  
        line-height: 17px;  
        padding-left: 55px;  
        position: relative;  
        width: 100%; }  
        .drop-list > ul > li > a > i {  
          color: #222222;  
          float: left;  
          font-style: normal;  
          font-weight: bold;  
          margin-bottom: 3px;  
          width: 100%; }  
        .drop-list > ul > li > a .status {  
          color: #fff;  
          font-size: 10px;  
          line-height: 12px;  
          margin-top: -9px;  
          padding: 3px 4px;  
          position: absolute;  
          right: -15px;  
          text-transform: uppercase;  
          top: -7px;  
          width: auto; }  
        .drop-list > ul > li > a h6 {  
          color: #777777;  
          display: block;  
          font-size: 11px;  
          letter-spacing: 0.3px;  
          margin: 2px 0 0;  
          width: 100%; }  
        .drop-list > ul > li > a span {  
          float: left;  
          height: 40px;  
          left: 0;  
          margin-right: 10px;  
          overflow: hidden;  
          position: absolute;  
          top: 0;  
          width: 40px; }  
          .drop-list > ul > li > a span > i {  
            font-size: 18px;  
            height: 40px;  
            line-height: 40px;  
            text-align: center;  
            width: 40px;  
            float: left; }  
      .drop-list > ul > li .progress {  
        -webkit-border-radius: 0px;  
        -moz-border-radius: 0px;  
        -ms-border-radius: 0px;  
        border-radius: 0px;  
        -webkit-box-shadow: none;  
        -moz-box-shadow: none;  
        -ms-box-shadow: none;  
        box-shadow: none;  
        background: none repeat scroll 0 0 #ededed;  
        border: medium none;  
        color: transparent;  
        float: left;  
        height: 8px;  
        margin: 16px 0 0;  
        width: 100%; }  
        .drop-list > ul > li .progress .progress-bar {  
          -webkit-box-shadow: none;  
          -moz-box-shadow: none;  
          -ms-box-shadow: none;  
          box-shadow: none;  
          border: medium none;  
          color: transparent; }  
  
.notification.drop-list {  
  float: none;  
  margin-top: 22px;  
  width: 260px; }  
  
.notification-list .red {  
  -webkit-border-radius: 2px;  
  -moz-border-radius: 2px;  
  -ms-border-radius: 2px;  
  border-radius: 2px;  
  padding: 1px; }  
  
/* Profile Dropdown */  
.dropdown.profile {  
  float: right;  
  margin-top: 10px;  
  padding: 8px;  
  position: relative;  
  -webkit-transition: all 0.4s ease 0s;  
  -moz-transition: all 0.4s ease 0s;  
  -ms-transition: all 0.4s ease 0s;  
  transition: all 0.4s ease 0s;  
  z-index: 990; }  
  .dropdown.profile:hover {  
    background: none repeat scroll 0 0 #f7f7f7; }  
  .dropdown.profile > a {  
    float: left;  
    margin: 0;  
    padding: 0;  
    color: #7f7f7f;  
    float: left;  
    font-size: 15px;  
    font-weight: normal;  
    letter-spacing: 0.3px;  
    line-height: 36px;  
    cursor: pointer; }  
    .dropdown.profile > a img {  
      float: left;  
      margin-top: 5px;  
      margin-right: 8px;  
      width: 30px;  
      border: 1px solid #DDD;  
      -webkit-border-radius: 50%;  
      -moz-border-radius: 50%;  
      -ms-border-radius: 50%;  
      border-radius: 50%; }  
    .dropdown.profile > a i {  
      margin-left: 13px;  
      margin-top: 0; }  
  
.dropdown-menu {  
  border: 1px solid #e0e0e0;  
  -webkit-box-shadow: none;  
  -moz-box-shadow: none;  
  -ms-box-shadow: none;  
  box-shadow: none; }  
  
.profile.drop-list {  
  margin-top: 10px;  
  width: 200px; }  
  .profile.drop-list > ul > li {  
    padding: 0px;  
    min-height: inherit; }  
    .profile.drop-list > ul > li > a {  
      padding: 15px; }  
      .profile.drop-list > ul > li > a i {  
        color: #777777;  
        float: left;  
        font-size: 14px;  
        font-weight: normal;  
        margin-right: 14px;  
        text-align: center;  
        width: 30px; }  
  
.lang {  
  margin-top: 17px;  
  margin-right: 20px;  
  float: right; }  
  .lang ul {  
    padding: 0px;  
    margin: 0px; }  
    .lang ul li {  
      display: inline-block; }  
      .lang ul li a {  
        line-height: 1em;  
        color: #DDD;  
        text-decoration: none;  
        font-weight: normal; }  
      .lang ul li.sep {  
        vertical-align: top;  
        padding: 2px 5px;  
        font-size: 0px; }  
        .lang ul li.sep div {  
          font-size: 0px;  
          vertical-align: middle;  
          background-color: #EEE;  
          width: 1px;  
          height: 16px; }  
      .lang ul li.selected a {  
        color: #FFF;  
        font-weight: bold; }  
  
.body-header {  
  	/*  
      background-color: #fff;  
      left: 0;  
      position: fixed;  
      right: 0;  
      top: 0;  
      z-index: 998;  
  	height:$header-height;  
  	*/ }  
  .body-header .app-name {  
    vertical-align: top;  
    display: inline-block;  
    margin-top: 38px;  
    margin-left: 30px; }  
    .body-header .app-name > .sep {  
      vertical-align: top;  
      display: inline-block;  
      background-color: #313E7E;  
      width: 1px;  
      margin-top: 7px;  
      margin-right: 15px;  
      height: 30px; }  
    .body-header .app-name > .text {  
      color: #313E7E;  
      display: inline-block; }  
      .body-header .app-name > .text > .row-01 {  
        font-size: 13px; }  
      .body-header .app-name > .text > .row-02 {  
        font-size: 17px;  
        font-weight: bold; }  
  .body-header .header {  
    height: 54px;  
    background-image: url("");  
    background-repeat: no-repeat;  
    background-position: right top; }  
  
/* Logo */  
.logo {  
  float: left;  
  padding: 18px 0 0 25px;  
  width: 170px; }  
  .logo > a {  
    float: left;  
    padding: 0 0; }  
    .logo > a img {  
      width: 155px; }  
  
/* Search */  
.search {  
  float: left;  
  margin: 19px 0;  
  padding-left: 30px; }  
  .search > button {  
    background: none repeat scroll 0 0 transparent;  
    border: medium none;  
    color: #979797;  
    float: left;  
    font-size: 11px;  
    margin-top: 5px;  
    padding: 0; }  
  .search input[type="text"] {  
    -webkit-box-shadow: none;  
    -moz-box-shadow: none;  
    -ms-box-shadow: none;  
    box-shadow: none;  
    border: medium none;  
    color: #373737;  
    font-size: 12px;  
    font-weight: normal;  
    letter-spacing: 0.3px;  
    margin: 0;  
    padding: 0 0 0 20px; }  
  
/* aside nav */  
aside {  
  position: fixed;  
  z-index: 800;  
  bottom: 0;  
  left: 0;  
  padding: 0;  
  top: 54px;  
  width: 240px;  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  aside .nav {  
    height: 100%;  
    position: absolute;  
    width: 100%;  
    background: none repeat scroll 0 0 #0C0737; }  
    aside .nav.ad-nav {  
      background: none repeat scroll 0 0 #2F2900; }  
      aside .nav.ad-nav .menu > ul.top-level {  
        background: none repeat scroll 0 0 #2F2900; }  
      aside .nav.ad-nav .menu > ul li a {  
        color: #D9D9D9; }  
      aside .nav.ad-nav .menu > ul li:hover > a {  
        color: #000; }  
      aside .nav.ad-nav .menu > ul li ul {  
        background: none repeat scroll 0 0 #2F2900; }  
        aside .nav.ad-nav .menu > ul li ul a:hover:before {  
          border-color: #000000; }  
        aside .nav.ad-nav .menu > ul li ul a:before {  
          border-color: #D9D9D9; }  
  aside.with-top-menu {  
    top: 168px; }  
    aside.with-top-menu .nav {  
      background: none repeat scroll 0 0 #676767; }  
      aside.with-top-menu .nav .menu > ul.top-level {  
        background: none repeat scroll 0 0 #676767; }  
      aside.with-top-menu .nav .menu > ul li a {  
        color: #D9D9D9; }  
      aside.with-top-menu .nav .menu > ul li:hover > a {  
        color: #000; }  
      aside.with-top-menu .nav .menu > ul li ul {  
        background: none repeat scroll 0 0 #676767; }  
        aside.with-top-menu .nav .menu > ul li ul a:hover:before {  
          border-color: #000000; }  
        aside.with-top-menu .nav .menu > ul li ul a:before {  
          border-color: #D9D9D9; }  
  aside.with-top-menu-lp {  
    top: 168px; }  
  
.status {  
  color: #b2b9cb;  
  display: inline;  
  float: left;  
  font-size: 10px;  
  font-weight: bold;  
  letter-spacing: 0.3px;  
  margin: 5px 0 0;  
  padding-left: 12px;  
  position: relative;  
  text-transform: uppercase;  
  width: 100%; }  
  .status:before {  
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    -ms-border-radius: 50%;  
    -o-border-radius: 50%;  
    border-radius: 150%;  
    content: "";  
    height: 6px;  
    left: 0;  
    margin-top: -3px;  
    position: absolute;  
    top: 50%;  
    width: 6px; }  
  
.status.online:before {  
  background: none repeat scroll 0 0 #07bf29; }  
  
.status.offline:before {  
  background: none repeat scroll 0 0 #ff5252; }  
  
.content-sec {  
  float: left;  
  padding: 24px;  
  width: 100%; }  
  
/* Breadcrumbs */  
.breadcrumbs {  
  background: none repeat scroll 0 0 #fafafa;  
  margin-top: 1px;  
  width: 100%; }  
  .breadcrumbs > ul {  
    list-style: outside none none;  
    margin: 0;  
    padding: 6px 10px 6px 30px;  
    width: 100%; }  
    .breadcrumbs > ul > li {  
      border: 0px solid transparent;  
      color: #777;  
      display: inline-block;  
      line-height: normal;  
      margin-right: 8px;  
      padding: 0px 0px;  
      vertical-align: middle; }  
      .breadcrumbs > ul > li a {  
        display: inline-block;  
        color: #777777;  
        float: left;  
        font-size: 12px;  
        letter-spacing: 0.3px;  
        padding-right: 12px;  
        margin-top: 2px; }  
        .breadcrumbs > ul > li a i {  
          float: left;  
          font-size: 12px;  
          line-height: 21px; }  
      .breadcrumbs > ul > li .ti-angle-right {  
        font-size: 12px; }  
      .breadcrumbs > ul > li:last-child > .ti-angle-right {  
        display: none; }  
  
/* Title sec */  
.title {  
  width: 80%; }  
  .title > h1 {  
    color: #333333;  
    font-size: 27px;  
    font-weight: bold;  
    letter-spacing: 0.3px;  
    margin: 0;  
    width: 100%;  
    padding: 2px 0px 5px 5px;  
    border: 0px solid transparent;  
    line-height: 1em; }  
  .title > span {  
    color: #777777;  
    font-size: 12px;  
    letter-spacing: 0.3px;  
    margin-top: 3px;  
    width: 100%; }  
  .title.type-a {  
    float: none !important;  
    border: 0px solid transparent;  
    width: auto;  
    text-align: left; }  
    .title.type-a > h1 {  
      font-size: 16px;  
      color: #323F81;  
      width: auto;  
      text-transform: uppercase; }  
  .title.type-b {  
    float: none !important;  
    width: 100% !important; }  
    .title.type-b > h1 {  
      float: none !important; }  
    .title.type-b > span {  
      float: none !important; }  
  .title.type-c {  
    float: none !important;  
    width: 100% !important; }  
    .title.type-c > h1 {  
      float: none !important;  
      font-size: 16px !important; }  
    .title.type-c > span {  
      float: none !important; }  
  
.imp-buttons {  
  float: right;  
  text-align: right;  
  width: 50%;  
  position: relative;  
  z-index: 100; }  
  .imp-buttons .dropdown.rounded {  
    margin-left: 30px;  
    margin-top: 3px;  
    margin-bottom: 5px; }  
  
.imp-buttons-sep {  
  height: 50px; }  
  
.dropdown.rounded {  
  float: right; }  
  .dropdown.rounded > button {  
    background: none repeat scroll 0 0 #00827D;  
    border: 4px solid #ffffff;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;  
    -ms-border-radius: 10px;  
    border-radius: 10px;  
    color: #FFF;  
    font-size: 13px;  
    letter-spacing: 0.3px;  
    text-shadow: none; }  
    .dropdown.rounded > button span {  
      margin: 0 0 0 4px; }  
  .dropdown.rounded > .dropdown-menu {  
    border: medium none;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -ms-border-radius: 3px;  
    border-radius: 3px;  
    left: auto;  
    padding: 5px;  
    right: 0;  
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
    -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
    -ms-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);  
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); }  
    .dropdown.rounded > .dropdown-menu li a {  
      border-bottom: 1px solid #e8ecec;  
      float: left;  
      font-size: 13px;  
      letter-spacing: 0.3px;  
      padding: 9px 10px;  
      width: 100%; }  
      .dropdown.rounded > .dropdown-menu li a i {  
        margin-right: 6px;  
        font-size: 19px;  
        vertical-align: middle; }  
      .dropdown.rounded > .dropdown-menu li a:hover {  
        background: none repeat scroll 0 0 #f4f4f4;  
        border-color: #f4f4f4; }  
    .dropdown.rounded > .dropdown-menu li:last-child a {  
      border: medium none; }  
  .dropdown.rounded.open > button {  
    background: none repeat scroll 0 0 #ffffff;  
    border-color: #e5e5e5; }  
  
.main-content {  
  float: left;  
  margin-top: 20px;  
  width: 100%; }  
  
.stats-sec {  
  float: left;  
  width: 100%; }  
  
/* Pulse */  
@-webkit-keyframes pulse {  
  25% {  
    -webkit-transform: scale(1.1);  
    transform: scale(1.1); }  
  75% {  
    -webkit-transform: scale(0.9);  
    transform: scale(0.9); } }  
@keyframes pulse {  
  25% {  
    -webkit-transform: scale(1.1);  
    transform: scale(1.1); }  
  75% {  
    -webkit-transform: scale(0.9);  
    transform: scale(0.9); } }  
.pulse {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.pulse:hover, .pulse:focus, .pulse:active {  
  -webkit-animation-name: pulse;  
  animation-name: pulse;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
/* Pulse Grow */  
@-webkit-keyframes pulse-grow {  
  to {  
    -webkit-transform: scale(1.1);  
    transform: scale(1.1); } }  
@keyframes pulse-grow {  
  to {  
    -webkit-transform: scale(1.1);  
    transform: scale(1.1); } }  
.pulse-grow {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.pulse-grow:hover, .pulse-grow:focus, .pulse-grow:active {  
  -webkit-animation-name: pulse-grow;  
  animation-name: pulse-grow;  
  -webkit-animation-duration: 0.3s;  
  animation-duration: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
/* Pulse Shrink */  
@-webkit-keyframes pulse-shrink {  
  to {  
    -webkit-transform: scale(0.9);  
    transform: scale(0.9); } }  
@keyframes pulse-shrink {  
  to {  
    -webkit-transform: scale(0.9);  
    transform: scale(0.9); } }  
.pulse-shrink {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.pulse-shrink:hover, .pulse-shrink:focus, .pulse-shrink:active {  
  -webkit-animation-name: pulse-shrink;  
  animation-name: pulse-shrink;  
  -webkit-animation-duration: 0.3s;  
  animation-duration: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
/* Push */  
@-webkit-keyframes push {  
  50% {  
    -webkit-transform: scale(0.8);  
    transform: scale(0.8); }  
  100% {  
    -webkit-transform: scale(1);  
    transform: scale(1); } }  
@keyframes push {  
  50% {  
    -webkit-transform: scale(0.8);  
    transform: scale(0.8); }  
  100% {  
    -webkit-transform: scale(1);  
    transform: scale(1); } }  
.push {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.push:hover, .push:focus, .push:active {  
  -webkit-animation-name: push;  
  animation-name: push;  
  -webkit-animation-duration: 0.3s;  
  animation-duration: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Pop */  
@-webkit-keyframes pop {  
  50% {  
    -webkit-transform: scale(1.2);  
    transform: scale(1.2); }  
  100% {  
    -webkit-transform: scale(1);  
    transform: scale(1); } }  
@keyframes pop {  
  50% {  
    -webkit-transform: scale(1.2);  
    transform: scale(1.2); }  
  100% {  
    -webkit-transform: scale(1);  
    transform: scale(1); } }  
.pop {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.pop:hover, .pop:focus, .pop:active {  
  -webkit-animation-name: pop;  
  animation-name: pop;  
  -webkit-animation-duration: 0.3s;  
  animation-duration: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Rotate */  
.rotate {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.rotate:hover, .rotate:focus, .rotate:active {  
  -webkit-transform: rotate(4deg);  
  transform: rotate(4deg); }  
  
/* Grow Rotate */  
.grow-rotate {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {  
  -webkit-transform: scale(1.1) rotate(4deg);  
  transform: scale(1.1) rotate(4deg); }  
  
/* Float */  
.float {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.float:hover, .float:focus, .float:active {  
  -webkit-transform: translateY(-5px);  
  transform: translateY(-5px); }  
  
/* Sink */  
.sink {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.sink:hover, .sink:focus, .sink:active {  
  -webkit-transform: translateY(5px);  
  transform: translateY(5px); }  
  
/* Hover */  
@-webkit-keyframes hover {  
  50% {  
    -webkit-transform: translateY(-3px);  
    transform: translateY(-3px); }  
  100% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); } }  
@keyframes hover {  
  50% {  
    -webkit-transform: translateY(-3px);  
    transform: translateY(-3px); }  
  100% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); } }  
.hover {  
  display: inline-block;  
  -webkit-transition-duration: 0.5s;  
  transition-duration: 0.5s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.hover:hover, .hover:focus, .hover:active {  
  -webkit-transform: translateY(-6px);  
  transform: translateY(-6px);  
  -webkit-animation-name: hover;  
  animation-name: hover;  
  -webkit-animation-duration: 1.5s;  
  animation-duration: 1.5s;  
  -webkit-animation-delay: 0.3s;  
  animation-delay: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
/* Hang */  
@-webkit-keyframes hang {  
  50% {  
    -webkit-transform: translateY(3px);  
    transform: translateY(3px); }  
  100% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px); } }  
@keyframes hang {  
  50% {  
    -webkit-transform: translateY(3px);  
    transform: translateY(3px); }  
  100% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px); } }  
.hang {  
  display: inline-block;  
  -webkit-transition-duration: 0.5s;  
  transition-duration: 0.5s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.hang:hover, .hang:focus, .hang:active {  
  -webkit-transform: translateY(6px);  
  transform: translateY(6px);  
  -webkit-animation-name: hang;  
  animation-name: hang;  
  -webkit-animation-duration: 1.5s;  
  animation-duration: 1.5s;  
  -webkit-animation-delay: 0.3s;  
  animation-delay: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
/* Skew */  
.skew {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.skew:hover, .skew:focus, .skew:active {  
  -webkit-transform: skew(-10deg);  
  transform: skew(-10deg); }  
  
/* Skew Forward */  
.skew-forward {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform-origin: 0 100%;  
  transform-origin: 0 100%;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.skew-forward:hover, .skew-forward:focus, .skew-forward:active {  
  -webkit-transform: skew(-10deg);  
  transform: skew(-10deg); }  
  
/* Skew Backward */  
.skew-backward {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform-origin: 0 100%;  
  transform-origin: 0 100%;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.skew-backward:hover, .skew-backward:focus, .skew-backward:active {  
  -webkit-transform: skew(10deg);  
  transform: skew(10deg); }  
  
/* Wobble Vertical */  
@-webkit-keyframes wobble-vertical {  
  16.65% {  
    -webkit-transform: translateY(8px);  
    transform: translateY(8px); }  
  33.3% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); }  
  49.95% {  
    -webkit-transform: translateY(4px);  
    transform: translateY(4px); }  
  66.6% {  
    -webkit-transform: translateY(-2px);  
    transform: translateY(-2px); }  
  83.25% {  
    -webkit-transform: translateY(1px);  
    transform: translateY(1px); }  
  100% {  
    -webkit-transform: translateY(0);  
    transform: translateY(0); } }  
@keyframes wobble-vertical {  
  16.65% {  
    -webkit-transform: translateY(8px);  
    transform: translateY(8px); }  
  33.3% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); }  
  49.95% {  
    -webkit-transform: translateY(4px);  
    transform: translateY(4px); }  
  66.6% {  
    -webkit-transform: translateY(-2px);  
    transform: translateY(-2px); }  
  83.25% {  
    -webkit-transform: translateY(1px);  
    transform: translateY(1px); }  
  100% {  
    -webkit-transform: translateY(0);  
    transform: translateY(0); } }  
.wobble-vertical {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {  
  -webkit-animation-name: wobble-vertical;  
  animation-name: wobble-vertical;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble Horizontal */  
@-webkit-keyframes wobble-horizontal {  
  16.65% {  
    -webkit-transform: translateX(8px);  
    transform: translateX(8px); }  
  33.3% {  
    -webkit-transform: translateX(-6px);  
    transform: translateX(-6px); }  
  49.95% {  
    -webkit-transform: translateX(4px);  
    transform: translateX(4px); }  
  66.6% {  
    -webkit-transform: translateX(-2px);  
    transform: translateX(-2px); }  
  83.25% {  
    -webkit-transform: translateX(1px);  
    transform: translateX(1px); }  
  100% {  
    -webkit-transform: translateX(0);  
    transform: translateX(0); } }  
@keyframes wobble-horizontal {  
  16.65% {  
    -webkit-transform: translateX(8px);  
    transform: translateX(8px); }  
  33.3% {  
    -webkit-transform: translateX(-6px);  
    transform: translateX(-6px); }  
  49.95% {  
    -webkit-transform: translateX(4px);  
    transform: translateX(4px); }  
  66.6% {  
    -webkit-transform: translateX(-2px);  
    transform: translateX(-2px); }  
  83.25% {  
    -webkit-transform: translateX(1px);  
    transform: translateX(1px); }  
  100% {  
    -webkit-transform: translateX(0);  
    transform: translateX(0); } }  
.wobble-horizontal {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {  
  -webkit-animation-name: wobble-horizontal;  
  animation-name: wobble-horizontal;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble To Bottom Right */  
@-webkit-keyframes wobble-to-bottom-right {  
  16.65% {  
    -webkit-transform: translate(8px, 8px);  
    transform: translate(8px, 8px); }  
  33.3% {  
    -webkit-transform: translate(-6px, -6px);  
    transform: translate(-6px, -6px); }  
  49.95% {  
    -webkit-transform: translate(4px, 4px);  
    transform: translate(4px, 4px); }  
  66.6% {  
    -webkit-transform: translate(-2px, -2px);  
    transform: translate(-2px, -2px); }  
  83.25% {  
    -webkit-transform: translate(1px, 1px);  
    transform: translate(1px, 1px); }  
  100% {  
    -webkit-transform: translate(0, 0);  
    transform: translate(0, 0); } }  
@keyframes wobble-to-bottom-right {  
  16.65% {  
    -webkit-transform: translate(8px, 8px);  
    transform: translate(8px, 8px); }  
  33.3% {  
    -webkit-transform: translate(-6px, -6px);  
    transform: translate(-6px, -6px); }  
  49.95% {  
    -webkit-transform: translate(4px, 4px);  
    transform: translate(4px, 4px); }  
  66.6% {  
    -webkit-transform: translate(-2px, -2px);  
    transform: translate(-2px, -2px); }  
  83.25% {  
    -webkit-transform: translate(1px, 1px);  
    transform: translate(1px, 1px); }  
  100% {  
    -webkit-transform: translate(0, 0);  
    transform: translate(0, 0); } }  
.wobble-to-bottom-right {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-to-bottom-right:hover, .wobble-to-bottom-right:focus, .wobble-to-bottom-right:active {  
  -webkit-animation-name: wobble-to-bottom-right;  
  animation-name: wobble-to-bottom-right;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble To Top Right */  
@-webkit-keyframes wobble-to-top-right {  
  16.65% {  
    -webkit-transform: translate(8px, -8px);  
    transform: translate(8px, -8px); }  
  33.3% {  
    -webkit-transform: translate(-6px, 6px);  
    transform: translate(-6px, 6px); }  
  49.95% {  
    -webkit-transform: translate(4px, -4px);  
    transform: translate(4px, -4px); }  
  66.6% {  
    -webkit-transform: translate(-2px, 2px);  
    transform: translate(-2px, 2px); }  
  83.25% {  
    -webkit-transform: translate(1px, -1px);  
    transform: translate(1px, -1px); }  
  100% {  
    -webkit-transform: translate(0, 0);  
    transform: translate(0, 0); } }  
@keyframes wobble-to-top-right {  
  16.65% {  
    -webkit-transform: translate(8px, -8px);  
    transform: translate(8px, -8px); }  
  33.3% {  
    -webkit-transform: translate(-6px, 6px);  
    transform: translate(-6px, 6px); }  
  49.95% {  
    -webkit-transform: translate(4px, -4px);  
    transform: translate(4px, -4px); }  
  66.6% {  
    -webkit-transform: translate(-2px, 2px);  
    transform: translate(-2px, 2px); }  
  83.25% {  
    -webkit-transform: translate(1px, -1px);  
    transform: translate(1px, -1px); }  
  100% {  
    -webkit-transform: translate(0, 0);  
    transform: translate(0, 0); } }  
.wobble-to-top-right {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-to-top-right:hover, .wobble-to-top-right:focus, .wobble-to-top-right:active {  
  -webkit-animation-name: wobble-to-top-right;  
  animation-name: wobble-to-top-right;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble Top */  
@-webkit-keyframes wobble-top {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
@keyframes wobble-top {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
.wobble-top {  
  display: inline-block;  
  -webkit-transform-origin: 0 100%;  
  transform-origin: 0 100%;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-top:hover, .wobble-top:focus, .wobble-top:active {  
  -webkit-animation-name: wobble-top;  
  animation-name: wobble-top;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble Bottom */  
@-webkit-keyframes wobble-bottom {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
@keyframes wobble-bottom {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
.wobble-bottom {  
  display: inline-block;  
  -webkit-transform-origin: 100% 0;  
  transform-origin: 100% 0;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-bottom:hover, .wobble-bottom:focus, .wobble-bottom:active {  
  -webkit-animation-name: wobble-bottom;  
  animation-name: wobble-bottom;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Wobble Skew */  
@-webkit-keyframes wobble-skew {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
@keyframes wobble-skew {  
  16.65% {  
    -webkit-transform: skew(-12deg);  
    transform: skew(-12deg); }  
  33.3% {  
    -webkit-transform: skew(10deg);  
    transform: skew(10deg); }  
  49.95% {  
    -webkit-transform: skew(-6deg);  
    transform: skew(-6deg); }  
  66.6% {  
    -webkit-transform: skew(4deg);  
    transform: skew(4deg); }  
  83.25% {  
    -webkit-transform: skew(-2deg);  
    transform: skew(-2deg); }  
  100% {  
    -webkit-transform: skew(0);  
    transform: skew(0); } }  
.wobble-skew {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.wobble-skew:hover, .wobble-skew:focus, .wobble-skew:active {  
  -webkit-animation-name: wobble-skew;  
  animation-name: wobble-skew;  
  -webkit-animation-duration: 1s;  
  animation-duration: 1s;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* Buzz */  
@-webkit-keyframes buzz {  
  50% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  100% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); } }  
@keyframes buzz {  
  50% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  100% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); } }  
.buzz {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.buzz:hover, .buzz:focus, .buzz:active {  
  -webkit-animation-name: buzz;  
  animation-name: buzz;  
  -webkit-animation-duration: 0.15s;  
  animation-duration: 0.15s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
/* Buzz Out */  
@-webkit-keyframes buzz-out {  
  10% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  20% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); }  
  30% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  40% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); }  
  50% {  
    -webkit-transform: translateX(2px) rotate(1deg);  
    transform: translateX(2px) rotate(1deg); }  
  60% {  
    -webkit-transform: translateX(-2px) rotate(-1deg);  
    transform: translateX(-2px) rotate(-1deg); }  
  70% {  
    -webkit-transform: translateX(2px) rotate(1deg);  
    transform: translateX(2px) rotate(1deg); }  
  80% {  
    -webkit-transform: translateX(-2px) rotate(-1deg);  
    transform: translateX(-2px) rotate(-1deg); }  
  90% {  
    -webkit-transform: translateX(1px) rotate(0);  
    transform: translateX(1px) rotate(0); }  
  100% {  
    -webkit-transform: translateX(-1px) rotate(0);  
    transform: translateX(-1px) rotate(0); } }  
@keyframes buzz-out {  
  10% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  20% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); }  
  30% {  
    -webkit-transform: translateX(3px) rotate(2deg);  
    transform: translateX(3px) rotate(2deg); }  
  40% {  
    -webkit-transform: translateX(-3px) rotate(-2deg);  
    transform: translateX(-3px) rotate(-2deg); }  
  50% {  
    -webkit-transform: translateX(2px) rotate(1deg);  
    transform: translateX(2px) rotate(1deg); }  
  60% {  
    -webkit-transform: translateX(-2px) rotate(-1deg);  
    transform: translateX(-2px) rotate(-1deg); }  
  70% {  
    -webkit-transform: translateX(2px) rotate(1deg);  
    transform: translateX(2px) rotate(1deg); }  
  80% {  
    -webkit-transform: translateX(-2px) rotate(-1deg);  
    transform: translateX(-2px) rotate(-1deg); }  
  90% {  
    -webkit-transform: translateX(1px) rotate(0);  
    transform: translateX(1px) rotate(0); }  
  100% {  
    -webkit-transform: translateX(-1px) rotate(0);  
    transform: translateX(-1px) rotate(0); } }  
.buzz-out {  
  display: inline-block;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {  
  -webkit-animation-name: buzz-out;  
  animation-name: buzz-out;  
  -webkit-animation-duration: 0.75s;  
  animation-duration: 0.75s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
/* BORDER TRANSITIONS */  
/* Border Fade */  
.border-fade {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: box-shadow;  
  transition-property: box-shadow;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;  
  /* Hack to improve aliasing on mobile/tablet devices */ }  
  
.border-fade:hover, .border-fade:focus, .border-fade:active {  
  box-shadow: inset 0 0 0 4px #666666, 0 0 1px transparent;  
  /* Hack to improve aliasing on mobile/tablet devices */ }  
  
/* Hollow */  
.hollow {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: background;  
  transition-property: background;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;  
  /* Hack to improve aliasing on mobile/tablet devices */ }  
  
.hollow:hover, .hollow:focus, .hollow:active {  
  background: none; }  
  
/* Trim */  
.trim {  
  display: inline-block;  
  position: relative;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.trim:before {  
  content: '';  
  position: absolute;  
  border: white solid 4px;  
  top: 4px;  
  left: 4px;  
  right: 4px;  
  bottom: 4px;  
  opacity: 0;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: opacity;  
  transition-property: opacity; }  
  
.trim:hover:before, .trim:focus:before, .trim:active:before {  
  opacity: 1; }  
  
/* Outline Outward */  
.outline-outward {  
  display: inline-block;  
  position: relative;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.outline-outward:before {  
  content: '';  
  position: absolute;  
  border: #e1e1e1 solid 4px;  
  top: 0;  
  right: 0;  
  bottom: 0;  
  left: 0;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: top, right, bottom, left;  
  transition-property: top, right, bottom, left; }  
  
.outline-outward:hover:before, .outline-outward:focus:before, .outline-outward:active:before {  
  top: -8px;  
  right: -8px;  
  bottom: -8px;  
  left: -8px; }  
  
/* Outline Inward */  
.outline-inward {  
  display: inline-block;  
  position: relative;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.outline-inward:before {  
  pointer-events: none;  
  content: '';  
  position: absolute;  
  border: #e1e1e1 solid 4px;  
  top: -16px;  
  right: -16px;  
  bottom: -16px;  
  left: -16px;  
  opacity: 0;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: top, right, bottom, left;  
  transition-property: top, right, bottom, left; }  
  
.outline-inward:hover:before, .outline-inward:focus:before, .outline-inward:active:before {  
  top: -8px;  
  right: -8px;  
  bottom: -8px;  
  left: -8px;  
  opacity: 1; }  
  
/* Round Corners */  
.round-corners {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: border-radius;  
  transition-property: border-radius;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.round-corners:hover, .round-corners:focus, .round-corners:active {  
  border-radius: 1em; }  
  
/* SHADOW/GLOW TRANSITIONS */  
/* Glow */  
.glow {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: box-shadow;  
  transition-property: box-shadow;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.glow:hover, .glow:focus, .glow:active {  
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }  
  
/* Box Shadow Outset */  
.box-shadow-outset {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: box-shadow;  
  transition-property: box-shadow;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {  
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }  
  
/* Box Shadow Inset */  
.box-shadow-inset {  
  display: inline-block;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: box-shadow;  
  transition-property: box-shadow;  
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;  
  /* Hack to improve aliasing on mobile/tablet devices */  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0); }  
  
.box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {  
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;  
  /* Hack to improve aliasing on mobile/tablet devices */ }  
  
/* Float Shadow */  
.float-shadow {  
  display: inline-block;  
  position: relative;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.float-shadow:before {  
  pointer-events: none;  
  position: absolute;  
  z-index: -1;  
  content: '';  
  top: 100%;  
  left: 5%;  
  height: 10px;  
  width: 90%;  
  opacity: 0;  
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);  
  /* W3C */  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform, opacity;  
  transition-property: transform, opacity; }  
  
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {  
  -webkit-transform: translateY(-5px);  
  transform: translateY(-5px);  
  /* move the element up by 5px */ }  
  
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {  
  opacity: 1;  
  -webkit-transform: translateY(5px);  
  transform: translateY(5px);  
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }  
  
/* Hover Shadow */  
@-webkit-keyframes hover {  
  50% {  
    -webkit-transform: translateY(-3px);  
    transform: translateY(-3px); }  
  100% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); } }  
@keyframes hover {  
  50% {  
    -webkit-transform: translateY(-3px);  
    transform: translateY(-3px); }  
  100% {  
    -webkit-transform: translateY(-6px);  
    transform: translateY(-6px); } }  
@-webkit-keyframes hover-shadow {  
  0% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px);  
    opacity: .4; }  
  50% {  
    -webkit-transform: translateY(3px);  
    transform: translateY(3px);  
    opacity: 1; }  
  100% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px);  
    opacity: .4; } }  
@keyframes hover-shadow {  
  0% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px);  
    opacity: .4; }  
  50% {  
    -webkit-transform: translateY(3px);  
    transform: translateY(3px);  
    opacity: 1; }  
  100% {  
    -webkit-transform: translateY(6px);  
    transform: translateY(6px);  
    opacity: .4; } }  
.hover-shadow {  
  display: inline-block;  
  position: relative;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transform: translateZ(0);  
  transform: translateZ(0);  
  box-shadow: 0 0 1px transparent; }  
  
.hover-shadow:before {  
  pointer-events: none;  
  position: absolute;  
  z-index: -1;  
  content: '';  
  top: 100%;  
  left: 5%;  
  height: 10px;  
  width: 90%;  
  opacity: 0;  
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);  
  /* W3C */  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-property: transform, opacity;  
  transition-property: transform, opacity; }  
  
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {  
  -webkit-transform: translateY(-6px);  
  transform: translateY(-6px);  
  -webkit-animation-name: hover;  
  animation-name: hover;  
  -webkit-animation-duration: 1.5s;  
  animation-duration: 1.5s;  
  -webkit-animation-delay: 0.3s;  
  animation-delay: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {  
  opacity: .4;  
  -webkit-transform: translateY(6px);  
  transform: translateY(6px);  
  -webkit-animation-name: hover-shadow;  
  animation-name: hover-shadow;  
  -webkit-animation-duration: 1.5s;  
  animation-duration: 1.5s;  
  -webkit-animation-delay: 0.3s;  
  animation-delay: 0.3s;  
  -webkit-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  animation-iteration-count: infinite;  
  -webkit-animation-direction: alternate;  
  animation-direction: alternate; }  
  
/******************** Color *********************/  
/********** Yellow *************/  
.yellow,  
.menu ul li:hover > a,  
.support-ticket .new,  
.toggle-switch span:before,  
.actionBar > a.buttonFinish,  
.error-sec ul > li:before {  
  background: -moz-linear-gradient(top, #EED556 0%, #D2B940 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EED556), color-stop(100%, #D2B940));  
  background: -webkit-linear-gradient(top, #EED556 0%, #D2B940 100%);  
  background: -o-linear-gradient(top, #EED556 0%, #D2B940 100%);  
  background: -ms-linear-gradient(top, #EED556 0%, #D2B940 100%);  
  background: linear-gradient(to bottom, #EED556 0%, #D2B940 100%);  
  color: #000; }  
  
/********** purple *************/  
.purple {  
  background: -moz-linear-gradient(top, #8a7aff 0%, #715eff 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #715eff), color-stop(100%, #f9f9f9));  
  background: -webkit-linear-gradient(top, #8a7aff 0%, #715eff 100%);  
  background: -o-linear-gradient(top, #8a7aff 0%, #715eff 100%);  
  background: -ms-linear-gradient(top, #8a7aff 0%, #715eff 100%);  
  background: linear-gradient(to bottom, #8a7aff 0%, #715eff 100%);  
  color: #fff; }  
  
/********** Red *************/  
.red,  
.support-ticket .removed,  
.edit-remove > li > .remove,  
.friend-list li > span.offline:before {  
  background: -moz-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3b3b), color-stop(100%, #f9f9f9));  
  background: -webkit-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);  
  background: -o-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);  
  background: -ms-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);  
  background: linear-gradient(to bottom, #ff5959 0%, #ff3b3b 100%);  
  color: #fff; }  
  
/********** Green *************/  
.green,  
.support-ticket .done,  
.edit-remove > li > .edit,  
.toggle-switch *:checked + span:before,  
.friend-list li > span.online:before {  
  background: -moz-linear-gradient(top, #0fce33 0%, #07bf29 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07bf29), color-stop(100%, #f9f9f9));  
  background: -webkit-linear-gradient(top, #0fce33 0%, #07bf29 100%);  
  background: -o-linear-gradient(top, #0fce33 0%, #07bf29 100%);  
  background: -ms-linear-gradient(top, #0fce33 0%, #07bf29 100%);  
  background: linear-gradient(to bottom, #0fce33 0%, #07bf29 100%);  
  color: #fff; }  
  
/********** Gray *************/  
.gray,  
.actionBar > a.buttonNext,  
.actionBar > a.buttonPrevious {  
  background: -moz-linear-gradient(top, #404040 0%, #545454 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(100%, #f9f9f9));  
  background: -webkit-linear-gradient(top, #404040 0%, #545454 100%);  
  background: -o-linear-gradient(top, #404040 0%, #545454 100%);  
  background: -ms-linear-gradient(top, #404040 0%, #545454 100%);  
  background: linear-gradient(to bottom, #404040 0%, #545454 100%);  
  color: #fff; }  
  
.color p {  
  color: #fafafa; }  
.color h1, .color h2, .color h3, .color h4, .color h5, .color h6 {  
  color: #ffffff; }  
  
.ax-dashboard-circle {  
  padding: 25px;  
  background-color: #006F6B; }  
  .ax-dashboard-circle ul {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;  
    text-align: left; }  
    .ax-dashboard-circle ul li {  
      margin: 0px;  
      padding: 18px;  
      display: inline-block;  
      position: relative; }  
      .ax-dashboard-circle ul li > i {  
        -webkit-border-radius: 2px;  
        -moz-border-radius: 2px;  
        -ms-border-radius: 2px;  
        border-radius: 2px;  
        position: absolute;  
        top: 2px;  
        right: 10px;  
        display: inline-block !important;  
        padding: 2px 6px;  
        line-height: normal;  
        border: 0px solid #FFF;  
        font-style: normal;  
        font-size: 11px;  
        z-index: 99; }  
      .ax-dashboard-circle ul li > div {  
        -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        text-decoration: none;  
        display: inline-block;  
        width: 170px;  
        height: 170px;  
        cursor: pointer;  
        border: 1px solid #CDAA38;  
        background-color: #E4C454;  
        -webkit-border-radius: 50%;  
        -moz-border-radius: 50%;  
        -ms-border-radius: 50%;  
        border-radius: 50%;  
        text-align: center;  
        overflow: hidden;  
        position: relative;  
        background: #e4c454;  
        /* Old browsers */  
        background: -moz-radial-gradient(center, ellipse cover, #e4c454 50%, #e4c454 100%);  
        /* FF3.6-15 */  
        background: -webkit-radial-gradient(center, ellipse cover, #e4c454 50%, #e4c454 100%);  
        /* Chrome10-25,Safari5.1-6 */  
        background: radial-gradient(ellipse cover at center, #e4c454 50%, #e4c454 100%);  
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4c454', endColorstr='#e4c454',GradientType=1 );  
        /* IE6-9 fallback on horizontal gradient */ }  
        .ax-dashboard-circle ul li > div .rows {  
          position: absolute;  
          top: 55%;  
          width: 100%;  
          border: 0px solid transparent;  
          -webkit-transform: translateX(0px) translateY(-50%) rotate(0deg);  
          -moz-transform: translateX(0px) translateY(-50%) rotate(0deg);  
          -ms-transform: translateX(0px) translateY(-50%) rotate(0deg);  
          transform: translateX(0px) translateY(-50%) rotate(0deg); }  
          .ax-dashboard-circle ul li > div .rows .row-01 {  
            display: block;  
            margin-left: 12px;  
            margin-right: 12px;  
            border: 0px solid transparent;  
            font-size: 13px;  
            font-weight: bold;  
            color: #333; }  
          .ax-dashboard-circle ul li > div .rows .row-02 {  
            margin-top: 5px;  
            font-size: 36px;  
            font-weight: normal;  
            color: #AB2B19; }  
        .ax-dashboard-circle ul li > div:hover {  
          background: #e4c454;  
          /* Old browsers */  
          background: -moz-radial-gradient(center, ellipse cover, #e4c454 10%, #d1aa21 100%);  
          /* FF3.6-15 */  
          background: -webkit-radial-gradient(center, ellipse cover, #e4c454 10%, #d1aa21 100%);  
          /* Chrome10-25,Safari5.1-6 */  
          background: radial-gradient(ellipse cover at center, #e4c454 10%, #d1aa21 100%);  
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4c454', endColorstr='#d1aa21',GradientType=1 );  
          /* IE6-9 fallback on horizontal gradient */ }  
  
.ax-dashboard-icon {  
  padding: 15px;  
  background-color: #006F6B; }  
  .ax-dashboard-icon ul {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;  
    text-align: left; }  
    .ax-dashboard-icon ul li {  
      margin: 0px;  
      padding: 18px;  
      display: inline-block;  
      position: relative;  
      vertical-align: top; }  
      .ax-dashboard-icon ul li > i {  
        -webkit-border-radius: 2px;  
        -moz-border-radius: 2px;  
        -ms-border-radius: 2px;  
        border-radius: 2px;  
        position: absolute;  
        top: 2px;  
        right: 10px;  
        display: inline-block !important;  
        padding: 2px 6px;  
        line-height: normal;  
        border: 0px solid #FFF;  
        font-style: normal;  
        font-size: 11px;  
        z-index: 870; }  
      .ax-dashboard-icon ul li > div {  
        padding: 2px 8px 10px 5px;  
        text-align: center;  
        min-width: 100px;  
        cursor: pointer; }  
        .ax-dashboard-icon ul li > div > .icon {  
          -webkit-border-radius: 50%;  
          -moz-border-radius: 50%;  
          -ms-border-radius: 50%;  
          border-radius: 50%;  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          display: inline-block;  
          width: 70px;  
          height: 70px;  
          cursor: pointer;  
          border: 1px solid #CDAA38;  
          background-color: #E4C454;  
          overflow: hidden;  
          position: relative; }  
          .ax-dashboard-icon ul li > div > .icon > i {  
            -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
            -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
            -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
            transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
            font-size: 30px;  
            position: absolute;  
            -webkit-transform-origin: 50% 50%;  
            -moz-transform-origin: 50% 50%;  
            -ms-transform-origin: 50% 50%;  
            transform-origin: 50% 50%;  
            top: 50%;  
            left: 50%;  
            -webkit-transform: translate(-50%, -50%);  
            -moz-transform: translate(-50%, -50%);  
            -ms-transform: translate(-50%, -50%);  
            transform: translate(-50%, -50%); }  
        .ax-dashboard-icon ul li > div > .text {  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          line-height: 1em;  
          margin: auto;  
          margin-top: 5px;  
          font-size: 16px;  
          font-weight: normal;  
          text-align: center;  
          color: #AB2B19;  
          text-align: center;  
          max-width: 80px; }  
        .ax-dashboard-icon ul li > div:hover > .icon {  
          -webkit-border-radius: 40%;  
          -moz-border-radius: 40%;  
          -ms-border-radius: 40%;  
          border-radius: 40%;  
          background-color: #FFFCB2;  
          border: 1px solid #FFF; }  
          .ax-dashboard-icon ul li > div:hover > .icon > i {  
            font-size: 42px; }  
        .ax-dashboard-icon ul li > div:hover > .text {  
          font-size: 13px; }  
        .ax-dashboard-icon ul li > div.-loaded {  
          border: 2px solid red !important;  
          -webkit-border-radius: 30%;  
          -moz-border-radius: 30%;  
          -ms-border-radius: 30%;  
          border-radius: 30%; }  
  
.ax-icon {  
  display: inline-block;  
  vertical-align: middle;  
  margin: 5px 15px 5px 15px;  
  font-size: 20px;  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
.ax-btn-set {  
  margin-top: 15px;  
  margin-bottom: 15px;  
  padding: 10px;  
  background-color: #F8F8F8; }  
  
.ax-num-w {  
  width: 140px; }  
  .ax-num-w-a {  
    width: 140px; }  
  .ax-num-w-b {  
    width: 280px; }  
  .ax-num-w-c {  
    width: 420px; }  
  .ax-num-w-d {  
    width: 560px; }  
  .ax-num-w-e {  
    width: 700px; }  
  
.ax-checkbox-w {  
  width: 40px; }  
  .ax-checkbox-w-a {  
    width: 40px; }  
  .ax-checkbox-w-b {  
    width: 60px; }  
  .ax-checkbox-w-c {  
    width: 80px; }  
  .ax-checkbox-w-d {  
    width: 100px; }  
  .ax-checkbox-w-e {  
    width: 120px; }  
  
.ax-status-w {  
  text-align: center !important;  
  width: 84px; }  
  .ax-status-w-a {  
    width: 84px; }  
  .ax-status-w-b {  
    width: 117.6px; }  
  .ax-status-w-c {  
    width: 168px; }  
  .ax-status-w-d {  
    width: 210px; }  
  .ax-status-w-e {  
    width: 252px; }  
  
.ax-icon-w {  
  text-align: center !important;  
  width: 80px; }  
  .ax-icon-w-a {  
    width: 80px; }  
  .ax-icon-w-b {  
    width: 120px; }  
  .ax-icon-w-c {  
    width: 160px; }  
  .ax-icon-w-d {  
    width: 200px; }  
  .ax-icon-w-e {  
    width: 240px; }  
  
.ax-action-w {  
  width: 100px; }  
  .ax-action-w-a {  
    width: 100px; }  
  .ax-action-w-b {  
    width: 150px; }  
  .ax-action-w-c {  
    width: 200px; }  
  .ax-action-w-d {  
    width: 250px; }  
  .ax-action-w-e {  
    width: 300px; }  
  .ax-action-w-f {  
    width: 350px; }  
  .ax-action-w-g {  
    width: 400px; }  
  .ax-action-w-h {  
    width: 550px; }  
  .ax-action-w-i {  
    width: 500px; }  
  
.ax-date-w {  
  width: 120px; }  
  .ax-date-w-a {  
    width: 120px; }  
  .ax-date-w-b {  
    width: 180px; }  
  .ax-date-w-c {  
    width: 240px; }  
  .ax-date-w-d {  
    width: 300px; }  
  .ax-date-w-e {  
    width: 360px; }  
  
.ax-popover {  
  max-width: 350px; }  
  
.ax-text-editor-dummy {  
  background-color: #F0F0EE; }  
  
.ax-row .ax-icon {  
  font-size: 33px; }  
.ax-row:hover .ax-icon {  
  -webkit-transform: translateY(-1px) translateX(-1px) rotate(360deg);  
  -moz-transform: translateY(-1px) translateX(-1px) rotate(360deg);  
  -ms-transform: translateY(-1px) translateX(-1px) rotate(360deg);  
  transform: translateY(-1px) translateX(-1px) rotate(360deg);  
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }  
  
.ax-back-icon-url {  
  color: #333; }  
  .ax-back-icon-url .ax-icon {  
    -webkit-transform: translateX(3px) scale(1.05);  
    -moz-transform: translateX(3px) scale(1.05);  
    -ms-transform: translateX(3px) scale(1.05);  
    transform: translateX(3px) scale(1.05);  
    -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    color: #07BF29;  
    font-size: 26px;  
    font-weight: bold; }  
  .ax-back-icon-url:hover .ax-icon {  
    -webkit-transform: translateX(0px) scale(1);  
    -moz-transform: translateX(0px) scale(1);  
    -ms-transform: translateX(0px) scale(1);  
    transform: translateX(0px) scale(1);  
    -webkit-text-shadow: none;  
    -moz-text-shadow: none;  
    -ms-text-shadow: none;  
    text-shadow: none;  
    font-weight: bold; }  
  
.ax-basic-info {  
  background-color: #FFF;  
  padding: 8px;  
  margin-bottom: 20px; }  
  .ax-basic-info .ax-thumbnail-img {  
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    -ms-border-radius: 50%;  
    border-radius: 50%;  
    overflow: hidden !important;  
    vertical-align: middle;  
    display: inline-block;  
    width: 100px;  
    height: 100px;  
    margin: 0px 30px;  
    border: 1px solid #CCC; }  
    .ax-basic-info .ax-thumbnail-img.type-01 {  
      -webkit-border-radius: 0px;  
      -moz-border-radius: 0px;  
      -ms-border-radius: 0px;  
      border-radius: 0px;  
      width: 200px;  
      height: 200px;  
      margin: 0px 8px 0px 0px; }  
    .ax-basic-info .ax-thumbnail-img > img {  
      width: 100%;  
      height: 100%; }  
    .ax-basic-info .ax-thumbnail-img + .ax-text {  
      margin: 20px 0px 8px 0px; }  
  .ax-basic-info .ax-text {  
    vertical-align: top;  
    display: inline-block; }  
    .ax-basic-info .ax-text > h2 {  
      font-size: 24px;  
      display: inline-block; }  
  
.ax-menu-button {  
  float: right;  
  z-index: 880;  
  position: relative; }  
  .ax-menu-button .ui-menubutton {  
    float: right; }  
    .ax-menu-button .ui-menubutton .ui-button.ui-state-default {  
      border: 4px solid #FFF;  
      -webkit-border-radius: 8px;  
      -moz-border-radius: 8px;  
      -ms-border-radius: 8px;  
      border-radius: 8px;  
      padding: 3px; }  
  
.ax-text.type-a {  
  text-align: justify;  
  font-weight: normal; }  
  
.ax-enroll-btn {  
  border: 0px solid transparent;  
  box-sizing: border-box;  
  padding: 10px;  
  background-color: #F0F0F0;  
  text-align: center;  
  margin-bottom: 20px; }  
  
.note {  
  font-weight: normal !important;  
  color: #555 !important;  
  font-size: 13px !important;  
  padding: 4px 8px !important;  
  text-align: justify; }  
  
.basicAdvance ~ .search-basic, .basicAdvance ~ .search-advance {  
  overflow: hidden; }  
  .basicAdvance ~ .search-basic .basicAdvanceLabel, .basicAdvance ~ .search-advance .basicAdvanceLabel {  
    float: right;  
    cursor: pointer;  
    margin-right: 8px; }  
    .basicAdvance ~ .search-basic .basicAdvanceLabel > i, .basicAdvance ~ .search-advance .basicAdvanceLabel > i {  
      vertical-align: middle;  
      margin-right: 4px; }  
.basicAdvance ~ .search-basic {  
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  max-height: 2000px;  
  opacity: 1;  
  filter: alpha(opacity=100);  
  zoom: 1; }  
.basicAdvance ~ .search-advance {  
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  max-height: 0px;  
  opacity: 0;  
  filter: alpha(opacity=0);  
  zoom: 1; }  
.basicAdvance:checked ~ .search-basic {  
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;  
  max-height: 0px;  
  opacity: 0;  
  filter: alpha(opacity=0);  
  zoom: 1; }  
.basicAdvance:checked ~ .search-advance {  
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;  
  max-height: 2000px;  
  opacity: 1;  
  filter: alpha(opacity=100);  
  zoom: 1; }  
  
.ax-qtn-list textarea {  
  width: 500px; }  
.ax-qtn-list input[type='text'] {  
  width: 500px; }  
.ax-qtn-list > ol {  
  font-size: 19px; }  
  .ax-qtn-list > ol > li {  
    list-style-type: decimal;  
    padding: 10px; }  
    .ax-qtn-list > ol > li .qtn {  
      font-size: 15px;  
      font-weight: bold; }  
    .ax-qtn-list > ol > li .ans {  
      margin: 10px 0px;  
      position: relative;  
      font-size: 14px;  
      font-weight: normal; }  
      .ax-qtn-list > ol > li .ans label {  
        font-size: 14px;  
        cursor: pointer;  
        font-weight: normal; }  
      .ax-qtn-list > ol > li .ans input[type='radio'],  
      .ax-qtn-list > ol > li .ans input[type='checkbox'] {  
        margin: 2px;  
        position: absolute;  
        left: 8px;  
        vertical-align: middle !important; }  
      .ax-qtn-list > ol > li .ans > ul {  
        padding-left: 5px; }  
        .ax-qtn-list > ol > li .ans > ul > li {  
          vertical-align: top;  
          border: 0px solid cyan;  
          padding-left: 25px; }  
      .ax-qtn-list > ol > li .ans > ol {  
        padding-left: 30px; }  
        .ax-qtn-list > ol > li .ans > ol > li {  
          vertical-align: top;  
          list-style-type: decimal;  
          padding-left: 25px; }  
          .ax-qtn-list > ol > li .ans > ol > li label {  
            cursor: pointer;  
            font-weight: normal; }  
            .ax-qtn-list > ol > li .ans > ol > li label input[type='radio'],  
            .ax-qtn-list > ol > li .ans > ol > li label input[type='checkbox'] {  
              position: absolute;  
              left: 32px; }  
      .ax-qtn-list > ol > li .ans.horizontal > ul {  
        font-size: 1px;  
        padding-left: 0px; }  
        .ax-qtn-list > ol > li .ans.horizontal > ul > li {  
          padding-left: 5px;  
          padding-right: 10px;  
          display: inline-block; }  
          .ax-qtn-list > ol > li .ans.horizontal > ul > li input[type='radio'],  
          .ax-qtn-list > ol > li .ans.horizontal > ul > li input[type='checkbox'] {  
            margin: 3px;  
            position: relative;  
            left: 0px;  
            vertical-align: top !important; }  
          .ax-qtn-list > ol > li .ans.horizontal > ul > li div {  
            display: inline-block; }  
  
.ax-cert-thumbnail {  
  max-width: 400px; }  
  
.ax-image-thumbnail {  
  display: inline-block;  
  vertical-align: top;  
  border: 0px solid red !important; }  
  .ax-image-thumbnail > img {  
    max-width: 300px;  
    margin: 10px; }  
  
.title .ax-list-icon, .ax-list-icon {  
  display: inline-block;  
  margin-right: 10px; }  
  .title .ax-list-icon i, .ax-list-icon i {  
    width: 26px;  
    height: 26px;  
    display: inline-block;  
    text-align: center;  
    vertical-align: middle;  
    padding: 6px;  
    font-size: 14px; }  
  .title .ax-list-icon img, .ax-list-icon img {  
    width: 25px;  
    height: 25px; }  
  
.ax-time-left {  
  border: 0px solid transparent;  
  padding: 6px 20px;  
  text-align: right;  
  font-size: 18px; }  
  
.ax-block-ui {  
  background-color: #000000;  
  background-color: rgba(0, 0, 0, 0.4);  
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#66000000, endColorstr=#66000000)";  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#66000000, endColorstr=#66000000)";  
  border: 0px solid transparent;  
  position: fixed;  
  top: 0px;  
  z-index: 9999;  
  width: 100%; }  
  .ax-block-ui.type-a {  
    height: 168px; }  
  .ax-block-ui .label-text {  
    position: absolute;  
    -webkit-transform-origin: 50% 50%;  
    -moz-transform-origin: 50% 50%;  
    -ms-transform-origin: 50% 50%;  
    transform-origin: 50% 50%;  
    top: 50%;  
    -webkit-transform: translateY(-50%);  
    -moz-transform: translateY(-50%);  
    -ms-transform: translateY(-50%);  
    transform: translateY(-50%);  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -ms-border-radius: 5px;  
    border-radius: 5px;  
    cursor: pointer;  
    right: 45px;  
    background-color: #000000;  
    background-color: rgba(0, 0, 0, 0.4);  
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#66000000, endColorstr=#66000000)";  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#66000000, endColorstr=#66000000)";  
    padding: 4px 10px;  
    height: 28px;  
    display: inline-block;  
    color: #FFF; }  
  .ax-block-ui .block-ui-close {  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -ms-border-radius: 5px;  
    border-radius: 5px;  
    position: absolute;  
    -webkit-transform-origin: 50% 50%;  
    -moz-transform-origin: 50% 50%;  
    -ms-transform-origin: 50% 50%;  
    transform-origin: 50% 50%;  
    top: 50%;  
    -webkit-transform: translateY(-50%);  
    -moz-transform: translateY(-50%);  
    -ms-transform: translateY(-50%);  
    transform: translateY(-50%);  
    cursor: pointer;  
    background-color: #F4CD27;  
    border: 1px solid #777;  
    width: 28px;  
    height: 28px;  
    position: absolute;  
    display: inline-block;  
    right: 10px;  
    text-align: center;  
    padding: 4px; }  
    .ax-block-ui .block-ui-close i {  
      margin: 0px; }  
  
/* --------- extra for KMS Survey- -------- */  
/* --------- extra for KMS Survey- -------- */  
/* --------- extra for KMS Survey- -------- */
.applicant-green {
  color: #FFF;
  background: -moz-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0FEC33), color-stop(100%, #07BF29)) !important;
  background: -webkit-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -o-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -ms-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: linear-gradient(to bottom, #0FEC33 0%, #07BF29 100%) !important;
}

.blue {
  color: #FFF;
  background: -moz-linear-gradient(top, #5B9DF7 0%, #257CF3 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B9DF7), color-stop(100%, #257CF3)) !important;
  background: -webkit-linear-gradient(top, #5B9DF7 0%, #257CF3 100%) !important;
  background: -o-linear-gradient(top, #5B9DF7 0%, #257CF3 100%) !important;
  background: -ms-linear-gradient(top, #5B9DF7 0%, #257CF3 100%) !important;
  background: linear-gradient(to bottom, #5B9DF7 0%, #257CF3 100%) !important;
}

.dark-grey {
  color: #FFF;
  background: -moz-linear-gradient(top, #9F9F9F 0%, #44546A 70%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9F9F9F), color-stop(70%, #44546A)) !important;
  background: -webkit-linear-gradient(top, #9F9F9F 0%, #44546A 70%) !important;
  background: -o-linear-gradient(top, #9F9F9F 0%, #44546A 70%) !important;
  background: -ms-linear-gradient(top, #9F9F9F 0%, #44546A 70%) !important;
  background: linear-gradient(to bottom, #9F9F9F 0%, #44546A 70%) !important;
}

.gray,
.grey {
  color: #FFF;
  background: -moz-linear-gradient(top, #9F9F9F 0%, #8F8F8F 70%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9F9F9F), color-stop(70%, #8F8F8F)) !important;
  background: -webkit-linear-gradient(top, #9F9F9F 0%, #8F8F8F 70%) !important;
  background: -o-linear-gradient(top, #9F9F9F 0%, #8F8F8F 70%) !important;
  background: -ms-linear-gradient(top, #9F9F9F 0%, #8F8F8F 70%) !important;
  background: linear-gradient(to bottom, #9F9F9F 0%, #8F8F8F 70%) !important;
}

.applicant-orange {
  color: #FFF;
  background: -moz-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF935C), color-stop(100%, #DC5353)) !important;
  background: -webkit-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -o-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -ms-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: linear-gradient(to bottom, #FF935C 0%, #DC5353 100%) !important;
}

.staff-orange {
  color: #FFF;
  background: -moz-linear-gradient(top, #F4D03F 0%, #F39C12 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4D03F), color-stop(100%, #F39C12)) !important;
  background: -webkit-linear-gradient(top, #F4D03F 0%, #F39C12 100%) !important;
  background: -o-linear-gradient(top, #F4D03F 0%, #F39C12 100%) !important;
  background: -ms-linear-gradient(top, #F4D03F 0%, #F39C12 100%) !important;
  background: linear-gradient(to bottom, #F4D03F 0%, #F39C12 100%) !important;
}

.red {
  color: #FFF;
  background: -moz-linear-gradient(top, #FF305F 0%, #FF0000 70%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF305F), color-stop(70%, #FF0000)) !important;
  background: -webkit-linear-gradient(top, #FF305F 0%, #FF0000 70%) !important;
  background: -o-linear-gradient(top, #FF305F 0%, #FF0000 70%) !important;
  background: -ms-linear-gradient(top, #FF305F 0%, #FF0000 70%) !important;
  background: linear-gradient(to bottom, #FF305F 0%, #FF0000 70%) !important;
}

.staff-green {
  color: #FFF;
  background: -moz-linear-gradient(top, #0FCE33 0%, #07BF29 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0FCE33), color-stop(100%, #07BF29)) !important;
  background: -webkit-linear-gradient(top, #0FCE33 0%, #07BF29 100%) !important;
  background: -o-linear-gradient(top, #0FCE33 0%, #07BF29 100%) !important;
  background: -ms-linear-gradient(top, #0FCE33 0%, #07BF29 100%) !important;
  background: linear-gradient(to bottom, #0FCE33 0%, #07BF29 100%) !important;
}

.dark-blue {
  color: #FFF;
  background: -moz-linear-gradient(top, #3088FF 0%, #0000FF 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3088FF), color-stop(100%, #0000FF)) !important;
  background: -webkit-linear-gradient(top, #3088FF 0%, #0000FF 100%) !important;
  background: -o-linear-gradient(top, #3088FF 0%, #0000FF 100%) !important;
  background: -ms-linear-gradient(top, #3088FF 0%, #0000FF 100%) !important;
  background: linear-gradient(to bottom, #3088FF 0%, #0000FF 100%) !important;
}

.green {
  color: #FFF;
  background: -moz-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0FEC33), color-stop(100%, #07BF29)) !important;
  background: -webkit-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -o-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: -ms-linear-gradient(top, #0FEC33 0%, #07BF29 100%) !important;
  background: linear-gradient(to bottom, #0FEC33 0%, #07BF29 100%) !important;
}

.yellow {
  color: #FFF;
  background: -moz-linear-gradient(top, #e4c454 0%, #d1aa21 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4c454), color-stop(100%, #d1aa21)) !important;
  background: -webkit-linear-gradient(top, #e4c454 0%, #d1aa21 100%) !important;
  background: -o-linear-gradient(top, #e4c454 0%, #d1aa21 100%) !important;
  background: -ms-linear-gradient(top, #e4c454 0%, #d1aa21 100%) !important;
  background: linear-gradient(to bottom, #e4c454 0%, #d1aa21 100%) !important; }

.purple {
  color: #FFF;
  background: -moz-linear-gradient(top, #8a7aff 0%, #715eff 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a7aff), color-stop(100%, #715eff)) !important;
  background: -webkit-linear-gradient(top, #8a7aff 0%, #715eff 100%) !important;
  background: -o-linear-gradient(top, #8a7aff 0%, #715eff 100%) !important;
  background: -ms-linear-gradient(top, #8a7aff 0%, #715eff 100%) !important;
  background: linear-gradient(to bottom, #8a7aff 0%, #715eff 100%) !important; }

.orange {
  color: #FFF;
  background: -moz-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF935C), color-stop(100%, #DC5353)) !important;
  background: -webkit-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -o-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: -ms-linear-gradient(top, #FF935C 0%, #DC5353 100%) !important;
  background: linear-gradient(to bottom, #FF935C 0%, #DC5353 100%) !important;
}

.red a, .yellow a, .blue a, .green a, .purple a, .gray a, .grey a, .orange a {
  color: #FFF !important; }

/* --------- Survey edit Form- -------- */  
.ui-answers > ul {  
  margin: 0px;  
  padding: 0px; }  
  .ui-answers > ul > li {  
    margin: 0px;  
    padding: 4px 0px 4px 0px;  
    vertical-align: middle;  
    position: relative; }  
.ui-answers .ans-radio input[type=radio], .ui-answers .ans-dropdown input[type=radio] {  
  margin-left: 10px;  
  margin-right: 10px; }  
.ui-answers .ans-radio input[type=text], .ui-answers .ans-dropdown input[type=text] {  
  width: 70%; }  
.ui-answers .ans-checkbox input[type=checkbox] {  
  margin-left: 10px;  
  margin-right: 10px; }  
.ui-answers .ans-checkbox input[type=text] {  
  width: 70%; }  
  
.cross-btn-small {  
  margin: 0px !important;  
  padding: 0px !important;  
  min-width: 18px !important;  
  min-height: 18px !important;  
  -webkit-border-radius: 50% !important;  
  -moz-border-radius: 50% !important;  
  -ms-border-radius: 50% !important;  
  border-radius: 50% !important; }  
  .cross-btn-small .ui-button-text {  
    margin: 0px !important;  
    padding: 0px !important;  
    min-width: auto !important;  
    min-height: auto !important; }  
  
/* --------- Survey view /fill form- -------- */  
.ui-survey {  
  font-size: 13px;  
  background-color: #FFF;  
  -webkit-border-top-right-radius: 5px;  
  -moz-border-top-right-radius: 5px;  
  -ms-border-top-right-radius: 5px;  
  border-top-right-radius: 5px;  
  -webkit-border-bottom-right-radius: 0px;  
  -moz-border-bottom-right-radius: 0px;  
  -ms-border-bottom-right-radius: 0px;  
  border-bottom-right-radius: 0px;  
  -webkit-border-bottom-left-radius: 0px;  
  -moz-border-bottom-left-radius: 0px;  
  -ms-border-bottom-left-radius: 0px;  
  border-bottom-left-radius: 0px;  
  -webkit-border-top-left-radius: 5px;  
  -moz-border-top-left-radius: 5px;  
  -ms-border-top-left-radius: 5px;  
  border-top-left-radius: 5px;  
  -webkit-background-clip: padding-box;  
  -moz-background-clip: padding-box;  
  -ms-background-clip: padding-box;  
  background-clip: padding-box; }  
  .ui-survey ul {  
    box-sizing: border-box;  
    padding: 0px;  
    margin: 0px;  
    position: relative; }  
  .ui-survey li {  
    box-sizing: border-box;  
    padding: 0px;  
    margin: 0px;  
    position: relative; }  
  .ui-survey > div.control-btns {  
    text-align: right;  
    background-color: #EFEFEF;  
    padding: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-top-right-radius: 5px;  
    -ms-border-top-right-radius: 5px;  
    border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 0px;  
    -moz-border-bottom-right-radius: 0px;  
    -ms-border-bottom-right-radius: 0px;  
    border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-bottom-left-radius: 0px;  
    -ms-border-bottom-left-radius: 0px;  
    border-bottom-left-radius: 0px;  
    -webkit-border-top-left-radius: 5px;  
    -moz-border-top-left-radius: 5px;  
    -ms-border-top-left-radius: 5px;  
    border-top-left-radius: 5px;  
    -webkit-background-clip: padding-box;  
    -moz-background-clip: padding-box;  
    -ms-background-clip: padding-box;  
    background-clip: padding-box; }  
    .ui-survey > div.control-btns > i.icon {  
      cursor: pointer; }  
    .ui-survey > div.control-btns > div.page-btn {  
      cursor: pointer;  
      font-family: Arial;  
      font-size: 13px;  
      box-sizing: border-box;  
      border: 0px solid transparent;  
      background-color: #FFF;  
      display: inline-block;  
      -webkit-border-radius: 2px;  
      -moz-border-radius: 2px;  
      -ms-border-radius: 2px;  
      border-radius: 2px;  
      width: auto;  
      min-width: 25px;  
      height: 24px;  
      padding: 7px 5px;  
      margin: 0px 0px 0px 3px;  
      text-align: center;  
      line-height: 1em; }  
    .ui-survey > div.control-btns #qtn-select {  
      margin-left: 5px; }  
  .ui-survey > ul.ui-sec > li > div.ui-sec {  
    background-color: #FCFCFC;  
    color: #FFF;  
    background: -moz-linear-gradient(top, #5B9DF7 0%, #257CF3 100%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B9DF7), color-stop(100%, #257CF3));  
    background: -webkit-linear-gradient(top, #5B9DF7 0%, #257CF3 100%);  
    background: -o-linear-gradient(top, #5B9DF7 0%, #257CF3 100%);  
    background: -ms-linear-gradient(top, #5B9DF7 0%, #257CF3 100%);  
    background: linear-gradient(to bottom, #5B9DF7 0%, #257CF3 100%);  
    padding: 12px;  
    font-weight: bold;  
    font-size: 15px;  
    cursor: pointer;  
    -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }  
    .ui-survey > ul.ui-sec > li > div.ui-sec + ul.ui-qtns {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -webkit-transform-origin: 50% 0%;  
      -moz-transform-origin: 50% 0%;  
      -ms-transform-origin: 50% 0%;  
      transform-origin: 50% 0%;  
      border: 0px solid blue;  
      overflow: hidden; }  
    .ui-survey > ul.ui-sec > li > div.ui-sec[data-collapsed=false] + ul.ui-qtns {  
      display: inline-block;  
      max-height: 2000px;  
      opacity: 1;  
      margin: 0px !important; }  
      @media (max-width: 640px) {  
        .ui-survey > ul.ui-sec > li > div.ui-sec[data-collapsed=false] + ul.ui-qtns {  
          margin: 0px; } }  
    .ui-survey > ul.ui-sec > li > div.ui-sec[data-collapsed=true] {  
      padding: 6px 12px; }  
      .ui-survey > ul.ui-sec > li > div.ui-sec[data-collapsed=true] + ul.ui-qtns {  
        display: block;  
        max-height: 0px;  
        opacity: 0;  
        margin: 0px !important; }  
      .ui-survey > ul.ui-sec > li > div.ui-sec[data-collapsed=true] i.icon {  
        top: 4.8px;  
        -webkit-transform: rotate(180deg);  
        -moz-transform: rotate(180deg);  
        -ms-transform: rotate(180deg);  
        transform: rotate(180deg); }  
    .ui-survey > ul.ui-sec > li > div.ui-sec i.icon {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      display: inline-block;  
      background-color: rgba(255, 255, 255, 0.2);  
      -webkit-border-radius: 50%;  
      -moz-border-radius: 50%;  
      -ms-border-radius: 50%;  
      border-radius: 50%;  
      border: 0px solid #FFF;  
      font-size: 14px;  
      width: 24px;  
      height: 24px;  
      position: absolute;  
      top: 12px;  
      right: 10px; }  
      .ui-survey > ul.ui-sec > li > div.ui-sec i.icon:before {  
        position: relative;  
        top: 5px;  
        left: 5px; }  
  .ui-survey ul.ui-qtns {  
    display: block !important; }  
    .ui-survey ul.ui-qtns > li {  
      vertical-align: top; }  
      .ui-survey ul.ui-qtns > li .ui-no {  
        display: inline-block;  
        position: absolute;  
        width: 60px;  
        background-color: #FFF;  
        padding: 12px;  
        padding-bottom: 6px;  
        font-weight: bold;  
        cursor: pointer;  
        border-bottom: 1px solid #FFF; }  
        @media (max-width: 640px) {  
          .ui-survey ul.ui-qtns > li .ui-no {  
            position: relative;  
            width: 100%;  
            text-align: center;  
            padding: 12px;  
            font-size: 15px;  
            background-color: #EEE; }  
            .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=false] {  
              position: relative !important; }  
              .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=false] i.icon {  
                top: 12px !important;  
                right: 12px !important;  
                border: 1px solid #AAA !important;  
                -webkit-transform: rotate(0deg);  
                -moz-transform: rotate(0deg);  
                -ms-transform: rotate(0deg);  
                transform: rotate(0deg); }  
                .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=false] i.icon:before {  
                  position: relative;  
                  top: 3px;  
                  left: 0px; }  
            .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] {  
              position: relative !important; }  
              .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] i.icon {  
                top: 12px !important;  
                right: 12px !important; }  
                .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] i.icon:before {  
                  top: 3px;  
                  left: 0px; } }  
        .ui-survey ul.ui-qtns > li .ui-no + .ui-qtn-ans {  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -webkit-transform-origin: 50% 0%;  
          -moz-transform-origin: 50% 0%;  
          -ms-transform-origin: 50% 0%;  
          transform-origin: 50% 0%;  
          overflow: hidden; }  
        .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=false] {  
          position: absolute;  
          display: inline-block; }  
          .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=false] + .ui-qtn-ans {  
            max-height: 2000px;  
            max-width: 2000px;  
            opacity: 1; }  
        .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] {  
          position: relative;  
          display: inline-block;  
          background-color: #EEE;  
          width: 100%; }  
          .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] + .ui-qtn-ans {  
            max-height: 0px;  
            max-width: 0px;  
            opacity: 1; }  
          .ui-survey ul.ui-qtns > li .ui-no[data-collapsed=true] i.icon {  
            border: 1px solid #AAA;  
            color: #888;  
            top: 8px;  
            right: 12px;  
            -webkit-transform: rotate(-180deg);  
            -moz-transform: rotate(-180deg);  
            -ms-transform: rotate(-180deg);  
            transform: rotate(-180deg); }  
        .ui-survey ul.ui-qtns > li .ui-no i.icon {  
          color: #666;  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          display: inline-block;  
          background-color: rgba(255, 255, 255, 0.2);  
          -webkit-border-radius: 50%;  
          -moz-border-radius: 50%;  
          -ms-border-radius: 50%;  
          border-radius: 50%;  
          border: 1px solid #FFF;  
          font-size: 14px;  
          width: 22px;  
          height: 22px;  
          position: absolute;  
          top: 12px;  
          right: -7px;  
          -webkit-transform: rotate(-90deg);  
          -moz-transform: rotate(-90deg);  
          -ms-transform: rotate(-90deg);  
          transform: rotate(-90deg); }  
          .ui-survey ul.ui-qtns > li .ui-no i.icon:before {  
            position: relative;  
            top: 3px;  
            left: 3px; }  
      .ui-survey ul.ui-qtns > li .ui-qtn {  
        margin-left: 60px;  
        background-color: #FFF;  
        padding: 12px;  
        padding-right: 30px;  
        padding-bottom: 6px;  
        cursor: pointer;  
        position: relative; }  
        @media (max-width: 640px) {  
          .ui-survey ul.ui-qtns > li .ui-qtn {  
            margin-left: 0px;  
            padding-right: 12px;  
            text-align: justify; } }  
        .ui-survey ul.ui-qtns > li .ui-qtn .ui-images {  
          padding: 12px; }  
          .ui-survey ul.ui-qtns > li .ui-qtn .ui-images img {  
            max-width: 300px;  
            vertical-align: middle;  
            margin-right: 12px;  
            margin-top: 12px; }  
          .ui-survey ul.ui-qtns > li .ui-qtn .ui-images li {  
            display: inline-block; }  
            .ui-survey ul.ui-qtns > li .ui-qtn .ui-images li:last-of-type img {  
              margin-right: 0px; }  
        .ui-survey ul.ui-qtns > li .ui-qtn + .ui-ans {  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -webkit-transform-origin: 50% 0%;  
          -moz-transform-origin: 50% 0%;  
          -ms-transform-origin: 50% 0%;  
          transform-origin: 50% 0%;  
          overflow: hidden; }  
        .ui-survey ul.ui-qtns > li .ui-qtn[data-collapsed=false] + .ui-ans {  
          max-height: 2000px;  
          opacity: 1; }  
        .ui-survey ul.ui-qtns > li .ui-qtn[data-collapsed=true] + .ui-ans {  
          max-height: 0px;  
          opacity: 0;  
          padding-bottom: 0px; }  
        .ui-survey ul.ui-qtns > li .ui-qtn[data-collapsed=true] i.icon {  
          right: 12px;  
          bottom: 6px;  
          -webkit-transform: rotate(-180deg);  
          -moz-transform: rotate(-180deg);  
          -ms-transform: rotate(-180deg);  
          transform: rotate(-180deg); }  
        .ui-survey ul.ui-qtns > li .ui-qtn i.icon {  
          -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
          display: inline-block;  
          background-color: rgba(255, 255, 255, 0.2);  
          -webkit-border-radius: 50%;  
          -moz-border-radius: 50%;  
          -ms-border-radius: 50%;  
          border-radius: 50%;  
          color: #AAA;  
          border: 1px solid #CCC;  
          font-size: 14px;  
          width: 22px;  
          height: 22px;  
          position: absolute;  
          bottom: 6px;  
          right: 12px; }  
          .ui-survey ul.ui-qtns > li .ui-qtn i.icon:before {  
            position: relative;  
            top: 3px;  
            left: 3px; }  
      .ui-survey ul.ui-qtns > li .ui-ans {  
        margin-left: 60px;  
        background-color: #FCFCFC;  
        padding: 12px;  
        padding-top: 6px;  
        padding-bottom: 18px;  
        border-left: 6px solid #FFF;  
        border-right: 6px solid #FFF; }  
        @media (max-width: 640px) {  
          .ui-survey ul.ui-qtns > li .ui-ans {  
            margin-left: 0px; } }  
        .ui-survey ul.ui-qtns > li .ui-ans > ul > li {  
          margin-bottom: 3px;  
          vertical-align: middle; }  
          .ui-survey ul.ui-qtns > li .ui-ans > ul > li input[type=text] {  
            font-size: 13px;  
            min-width: 50%; }  
          .ui-survey ul.ui-qtns > li .ui-ans > ul > li textarea {  
            min-width: 50%;  
            min-height: 100px; }  
          .ui-survey ul.ui-qtns > li .ui-ans > ul > li > label {  
            margin: 0px;  
            padding: 0px;  
            font-size: 0px; }  
            .ui-survey ul.ui-qtns > li .ui-ans > ul > li > label input[type=radio], .ui-survey ul.ui-qtns > li .ui-ans > ul > li > label input[type=checkbox] {  
              vertical-align: middle;  
              position: absolute;  
              margin: 0px;  
              margin-top: 3px; }  
            .ui-survey ul.ui-qtns > li .ui-ans > ul > li > label > div {  
              display: inline-block;  
              margin-left: 18px;  
              font-weight: normal;  
              vertical-align: middle;  
              font-size: 13px; }  
          @media (max-width: 640px) {  
            .ui-survey ul.ui-qtns > li .ui-ans > ul > li input[type=text], .ui-survey ul.ui-qtns > li .ui-ans > ul > li textarea {  
              min-width: 100% !important;  
              width: 100% !important; } }  
        .ui-survey ul.ui-qtns > li .ui-ans > ul.ui-radio[data-vertical=false] li, .ui-survey ul.ui-qtns > li .ui-ans > ul.ui-checkbox[data-vertical=false] li {  
          display: inline-block;  
          margin-right: 18px; }  
  
/* --------- extra for KMS Survey- -------- */  
/* --------- extra for KMS Survey- -------- */  
/* --------- extra for KMS Survey- -------- */  
.ax-progress-bar {  
  background-color: #CCC;  
  border: 1px solid #AAA;  
  -webkit-border-radius: 2px;  
  -moz-border-radius: 2px;  
  -ms-border-radius: 2px;  
  border-radius: 2px; }  
  .ax-progress-bar * {  
    vertical-align: top; }  
  .ax-progress-bar > div {  
    border: 0px solid transparent;  
    background-color: #BBB;  
    -webkit-border-radius: 1px;  
    -moz-border-radius: 1px;  
    -ms-border-radius: 1px;  
    border-radius: 1px; }  
    .ax-progress-bar > div > div {  
      -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
      -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
      -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
      border: 0px solid transparent;  
      font-size: 12px;  
      font-weight: normal;  
      color: #FFF;  
      display: inline-block;  
      margin: 4px 4px 4px 10px;  
      white-space: nowrap; }  
  
.status-label {  
  display: inline-block;  
  padding: 2px 6px;  
  line-height: 1em !important;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  -ms-border-radius: 3px;  
  border-radius: 3px;  
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }  
  
.bold {  
  font-weight: bold !important;  
  color: black !important; }  
  
.extra-info.aR {  
  position: relative; }  
  .extra-info.aR .info-btn {  
    font-size: 15px;  
    width: 34px;  
    height: 20px;  
    border: 0px solid #CCC;  
    color: #333;  
    position: absolute;  
    right: 0px;  
    top: 0px;  
    z-index: 100; }  
  
.popover {  
  max-width: 420px; }  
  .popover .popover-content {  
    padding: 8px; }  
    .popover .popover-content .info-popover {  
      padding-right: 5px;  
      font-size: 12px;  
      font-weight: normal; }  
      .popover .popover-content .info-popover b {  
        display: inline-block;  
        min-width: 175px;  
        font-weight: bold; }  
  
.ax-cards {  
  display: none; }  
  .ax-cards > .card {  
    display: inline-block;  
    border: 1px solid red;  
    background-color: #FFF;  
    max-width: 200px; }  
    .ax-cards > .card .image img {  
      width: 100%; }  
    .ax-cards > .card > .caption {  
      border: 1px solid blue; }  
      .ax-cards > .card > .caption h3 {  
        border: 1px solid red;  
        margin: 0px 0px; }  
  
.ax-steps {  
  border: 0px solid transparent;  
  position: relative;  
  font-size: 0px;  
  height: 50px;  
  margin: 20px 0px 50px 0px; }  
  .ax-steps .tri {  
    position: absolute;  
    display: inline-block;  
    width: 20px;  
    border: 0px solid transparent;  
    color: #000;  
    top: 13px;  
    margin-left: 1px;  
    display: none; }  
    .ax-steps .tri > i {  
      color: #CCC;  
      font-size: 25px;  
      font-weight: bold; }  
  .ax-steps .line {  
    position: absolute;  
    width: 100%;  
    border: 0px solid transparent;  
    background-color: #CCC;  
    height: 6px;  
    top: 22px; }  
  .ax-steps div.step {  
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    -ms-border-radius: 50%;  
    border-radius: 50%;  
    cursor: pointer;  
    position: relative;  
    display: inline-block;  
    width: 50px;  
    height: 50px;  
    border: 6px solid #CCC;  
    background-color: #FFF;  
    top: 0px;  
    text-align: center;  
    padding-top: 8px;  
    margin: 0px;  
    margin-left: 50px;  
    margin-bottom: 4px;  
    font-family: arial !important;  
    font-size: 16px;  
    font-weight: bold;  
    color: #888; }  
    .ax-steps div.step:first-of-type {  
      border: 1px solid blue !important; }  
    .ax-steps div.step > .text {  
      -webkit-border-radius: 4px;  
      -moz-border-radius: 4px;  
      -ms-border-radius: 4px;  
      border-radius: 4px;  
      display: none;  
      position: absolute;  
      border: 3px solid #CCC;  
      padding: 3px;  
      min-width: 90px;  
      left: -26px;  
      background-color: #CCC;  
      font-size: 13px;  
      z-index: 20;  
      color: #222;  
      top: 47px;  
      opacity: 1;  
      filter: alpha(opacity=100);  
      zoom: 1; }  
    .ax-steps div.step:hover > .text {  
      display: inline-block;  
      opacity: 1;  
      filter: alpha(opacity=100);  
      zoom: 1; }  
    .ax-steps div.step.selected {  
      color: #111;  
      border-color: #00827D;  
      background-color: #fff0b2; }  
      .ax-steps div.step.selected > .text {  
        border: 3px solid #F89406;  
        background-color: #f39106;  
        display: inline-block;  
        color: #FFF;  
        -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1; }  
  .ax-steps.type-01 div.step > .text {  
    display: inline-block !important;  
    opacity: 0.4;  
    filter: alpha(opacity=40);  
    zoom: 1; }  
  .ax-steps.type-01 div.step.selected > .text {  
    opacity: 1;  
    filter: alpha(opacity=100);  
    zoom: 1; }  
  .ax-steps.type-01 div.step:hover > .text {  
    opacity: 1;  
    filter: alpha(opacity=100);  
    zoom: 1; }  
  
.in-box-icon {  
  font-size: 20px;  
  vertical-align: middle;  
  margin-right: 10px;  
  margin-left: 5px; }  
  .in-box-icon.shake-me {  
    color: red;  
    position: absolute; }  
    .in-box-icon.shake-me + a {  
      border: 0px solid transparent;  
      margin-left: 38px; }  
  
.hr {  
  padding: 8px; }  
  
.text-readonly {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  -ms-border-radius: 3px;  
  border-radius: 3px;  
  border: 1px solid #CCC;  
  padding: 8px 8px;  
  vertical-align: middle;  
  color: #666;  
  position: relative; }  
  .text-readonly * {  
    vertical-align: middle; }  
  .text-readonly i {  
    margin: 0px 0px; }  
  .text-readonly > button {  
    position: absolute;  
    -webkit-border-top-right-radius: 3px;  
    -moz-border-top-right-radius: 3px;  
    -ms-border-top-right-radius: 3px;  
    border-top-right-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
    -moz-border-bottom-right-radius: 3px;  
    -ms-border-bottom-right-radius: 3px;  
    border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-bottom-left-radius: 0px;  
    -ms-border-bottom-left-radius: 0px;  
    border-bottom-left-radius: 0px;  
    -webkit-border-top-left-radius: 0px;  
    -moz-border-top-left-radius: 0px;  
    -ms-border-top-left-radius: 0px;  
    border-top-left-radius: 0px;  
    -webkit-background-clip: padding-box;  
    -moz-background-clip: padding-box;  
    -ms-background-clip: padding-box;  
    background-clip: padding-box;  
    border: 0px solid #CCC;  
    border-left: 1px solid #CCC;  
    background-color: #00827D;  
    right: 0px;  
    top: 0px;  
    height: 100%;  
    min-width: 40px; }  
  
.ax-select-tree-data {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  -ms-border-radius: 3px;  
  border-radius: 3px;  
  border: 0px solid #CCC;  
  padding: 0px 0px;  
  vertical-align: middle;  
  color: #666;  
  position: relative;  
  font-size: 0px; }  
  .ax-select-tree-data .arrow {  
    vertical-align: top;  
    border: 1px solid #CCC;  
    border-left: 0px solid #CCC;  
    border-right: 0px solid #CCC;  
    display: none;  
    height: 35px;  
    font-size: 15px;  
    padding: 6px 1px 0px 4px;  
    position: relative;  
    color: #999;  
    background-color: #FFF; }  
  .ax-select-tree-data .ui-selectonemenu {  
    -webkit-border-radius: 0px !important;  
    -moz-border-radius: 0px !important;  
    -ms-border-radius: 0px !important;  
    border-radius: 0px !important;  
    width: auto !important;  
    margin-bottom: 0px !important;  
    border-left: 0px !important;  
    border-right: 1px solid #E0E0E0 !important; }  
    .ax-select-tree-data .ui-selectonemenu.ui-state-default {  
      padding-right: 15px; }  
      .ax-select-tree-data .ui-selectonemenu.ui-state-default .ui-selectonemenu-trigger {  
        background-color: #F0F0F0 !important;  
        border-left: 1px solid #E0E0E0 !important;  
        -webkit-border-radius: 0px !important;  
        -moz-border-radius: 0px !important;  
        -ms-border-radius: 0px !important;  
        border-radius: 0px !important; }  
        .ax-select-tree-data .ui-selectonemenu.ui-state-default .ui-selectonemenu-trigger.ui-state-default {  
          padding-left: 0px !important;  
          padding-right: 0px !important;  
          width: 20px !important;  
          min-width: 20px !important; }  
    .ax-select-tree-data .ui-selectonemenu:first-of-type {  
      -webkit-border-top-right-radius: 0px;  
      -moz-border-top-right-radius: 0px;  
      -ms-border-top-right-radius: 0px;  
      border-top-right-radius: 0px;  
      -webkit-border-bottom-right-radius: 0px;  
      -moz-border-bottom-right-radius: 0px;  
      -ms-border-bottom-right-radius: 0px;  
      border-bottom-right-radius: 0px;  
      -webkit-border-bottom-left-radius: 3px;  
      -moz-border-bottom-left-radius: 3px;  
      -ms-border-bottom-left-radius: 3px;  
      border-bottom-left-radius: 3px;  
      -webkit-border-top-left-radius: 3px;  
      -moz-border-top-left-radius: 3px;  
      -ms-border-top-left-radius: 3px;  
      border-top-left-radius: 3px;  
      -webkit-background-clip: padding-box;  
      -moz-background-clip: padding-box;  
      -ms-background-clip: padding-box;  
      background-clip: padding-box;  
      border-left: 1px solid #CCC !important; }  
    .ax-select-tree-data .ui-selectonemenu:last-of-type {  
      -webkit-border-top-right-radius: 3px;  
      -moz-border-top-right-radius: 3px;  
      -ms-border-top-right-radius: 3px;  
      border-top-right-radius: 3px;  
      -webkit-border-bottom-right-radius: 3px;  
      -moz-border-bottom-right-radius: 3px;  
      -ms-border-bottom-right-radius: 3px;  
      border-bottom-right-radius: 3px;  
      -webkit-border-bottom-left-radius: 0px;  
      -moz-border-bottom-left-radius: 0px;  
      -ms-border-bottom-left-radius: 0px;  
      border-bottom-left-radius: 0px;  
      -webkit-border-top-left-radius: 0px;  
      -moz-border-top-left-radius: 0px;  
      -ms-border-top-left-radius: 0px;  
      border-top-left-radius: 0px;  
      -webkit-background-clip: padding-box;  
      -moz-background-clip: padding-box;  
      -ms-background-clip: padding-box;  
      background-clip: padding-box;  
      border-right: 1px solid #CCC !important; }  
      .ax-select-tree-data .ui-selectonemenu:last-of-type .ui-selectonemenu-trigger {  
        -webkit-border-top-right-radius: 3px;  
        -moz-border-top-right-radius: 3px;  
        -ms-border-top-right-radius: 3px;  
        border-top-right-radius: 3px;  
        -webkit-border-bottom-right-radius: 3px;  
        -moz-border-bottom-right-radius: 3px;  
        -ms-border-bottom-right-radius: 3px;  
        border-bottom-right-radius: 3px;  
        -webkit-border-bottom-left-radius: 0px;  
        -moz-border-bottom-left-radius: 0px;  
        -ms-border-bottom-left-radius: 0px;  
        border-bottom-left-radius: 0px;  
        -webkit-border-top-left-radius: 0px;  
        -moz-border-top-left-radius: 0px;  
        -ms-border-top-left-radius: 0px;  
        border-top-left-radius: 0px;  
        -webkit-background-clip: padding-box;  
        -moz-background-clip: padding-box;  
        -ms-background-clip: padding-box;  
        background-clip: padding-box; }  
  .ax-select-tree-data > button {  
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    box-sizing: border-box;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -ms-border-radius: 3px;  
    border-radius: 3px;  
    border: 1px solid #CCC;  
    margin-bottom: 2px !important;  
    background-color: #00827D;  
    vertical-align: top;  
    height: 35px;  
    min-width: 33px;  
    margin-left: 1px;  
    color: #555; }  
    .ax-select-tree-data > button i {  
      font-size: 14px !important; }  
  
.ax-tree-panel {  
  display: flex; }  
  .ax-tree-panel .ax-tree-search {  
    padding: 5px 5px 1px 5px;  
    position: relative; }  
    .ax-tree-panel .ax-tree-search .ui-inputfield.ui-state-default {  
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box;  
      -ms-box-sizing: border-box;  
      box-sizing: border-box;  
      width: 100% !important;  
      margin-right: 60px;  
      padding-right: 35px; }  
    .ax-tree-panel .ax-tree-search button {  
      position: absolute;  
      right: 0px;  
      z-index: 11;  
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box;  
      -ms-box-sizing: border-box;  
      box-sizing: border-box;  
      -webkit-border-radius: 3px;  
      -moz-border-radius: 3px;  
      -ms-border-radius: 3px;  
      border-radius: 3px;  
      border: 1px solid #CCC;  
      margin-right: 5px !important;  
      background-color: #00827D !important;  
      vertical-align: top;  
      height: 35px;  
      min-width: 33px;  
      color: #555; }  
      .ax-tree-panel .ax-tree-search button i {  
        font-size: 14px !important; }  
  .ax-tree-panel .ax-tree-panel-content {  
    width: 100%;  
    border: 0px solid blue !important;  
    min-height: 600px; }  
  .ax-tree-panel .ax-tree-panel-left {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    width: 200px;  
    flex: 0 0 auto;  
    overflow: hidden; }  
    .ax-tree-panel .ax-tree-panel-left.collapsed {  
      width: 0px;  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
    .ax-tree-panel .ax-tree-panel-left ~ .ax-tree-sep {  
      background-color: #44CAAF;  
      width: 8px;  
      text-align: center;  
      flex: 0 0 auto;  
      cursor: pointer;  
      padding-top: 20px; }  
      .ax-tree-panel .ax-tree-panel-left ~ .ax-tree-sep i {  
        font-size: 18px !important;  
        -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -webkit-transform-origin: 0% 0%;  
        -moz-transform-origin: 0% 0%;  
        -ms-transform-origin: 0% 0%;  
        transform-origin: 0% 0%;  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(0deg);  
        -moz-transform: rotate(0deg);  
        -ms-transform: rotate(0deg);  
        transform: rotate(0deg); }  
      .ax-tree-panel .ax-tree-panel-left ~ .ax-tree-sep.collapsed i {  
        font-size: 15px !important;  
        -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(180deg);  
        -moz-transform: rotate(180deg);  
        -ms-transform: rotate(180deg);  
        transform: rotate(180deg); }  
    .ax-tree-panel .ax-tree-panel-left .ax-tree-container {  
      height: 100%;  
      background-color: #FFF; }  
      .ax-tree-panel .ax-tree-panel-left .ax-tree-container .ax-tree {  
        border: 0px solid blue !important;  
        max-height: 600px;  
        overflow: auto; }  
        .ax-tree-panel .ax-tree-panel-left .ax-tree-container .ax-tree .ui-tree {  
          border: 0px solid transparent !important;  
          width: 100%; }  
          .ax-tree-panel .ax-tree-panel-left .ax-tree-container .ax-tree .ui-tree .ui-tree-container {  
            border: 0px solid cyan !important; }  
  
.readonly .ui-dummy-field {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  -ms-border-radius: 3px;  
  border-radius: 3px;  
  border: 1px solid #CCC !important;  
  background-color: #FCFCFC !important;  
  color: #666 !important;  
  padding: 7px 6px !important;  
  min-height: 24px !important; }  
  
.ax-printing {  
  border: 0px solid transparent;  
  display: inline-block;  
  margin-top: 16px;  
  float: right;  
  position: relative;  
  display: none !important; }  
  .ax-printing ul, .ax-printing li {  
    display: inline-block;  
    padding: 0px 9px 0px 1px;  
    margin: 0px; }  
  .ax-printing ul li {  
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    -ms-border-radius: 50%;  
    border-radius: 50%; }  
    .ax-printing ul li i {  
      cursor: pointer;  
      color: #FFF;  
      font-size: 17px; }  
  .ax-printing .print-now {  
    display: none; }  
  .ax-printing .print-cancel {  
    display: none; }  
  
.ax-pf-tooltip-icon {  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  -ms-border-radius: 4px;  
  border-radius: 4px;  
  display: inline-block;  
  margin: 0px;  
  padding: 0px;  
  width: 17px;  
  height: 17px;  
  vertical-align: middle;  
  cursor: pointer;  
  background-color: #44CAAF;  
  font-size: 0px;  
  text-align: center;  
  vertical-align: middle;  
  text-decoration: none !important;  
  padding-top: 3px; }  
  .ax-pf-tooltip-icon i {  
    font-size: 11px;  
    color: #FFF;  
    margin-top: 2px;  
    line-height: 1em; }  
  
.ax-tooltip {  
  display: inline-block;  
  border: 0px solid transparent;  
  padding: 0px;  
  width: 17px;  
  height: 17px;  
  vertical-align: middle; }  
  .ax-tooltip > .icon {  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;  
    -ms-border-radius: 4px;  
    border-radius: 4px;  
    cursor: pointer;  
    border: 0px solid #666;  
    background-color: #C19835;  
    font-size: 11px;  
    margin: 0px 0px 0px 0px;  
    width: 17px;  
    height: 17px;  
    text-align: center;  
    vertical-align: middle;  
    padding-top: 1px;  
    float: right; }  
    .ax-tooltip > .icon i {  
      color: #FFF;  
      margin-top: 2px;  
      line-height: 1em; }  
  .ax-tooltip > .content {  
    display: none; }  
  .ax-tooltip.type-02 > .icon {  
    background-color: red !important;  
    font-size: 12px;  
    width: 18px;  
    height: 18px;  
    margin-left: 2px !important;  
    margin-right: 2px !important;  
    padding-top: 2px !important; }  
    .ax-tooltip.type-02 > .icon i {  
      color: #FFF !important;  
      line-height: 1em; }  
  
.ui-panelgrid-cell {  
  position: relative; }  
  .ui-panelgrid-cell > .ax-tooltip {  
    position: absolute;  
    right: -15px;  
    z-index: 1; }  
    @media (max-width: 640px) {  
      .ui-panelgrid-cell > .ax-tooltip {  
        top: -25px;  
        right: 5px; } }  
  
ul.list,  
ol.list {  
  padding-left: 30px;  
  margin-top: 10px;  
  margin-bottom: 30px; }  
  ul.list li,  
  ol.list li {  
    list-style: inherit;  
    margin-bottom: 10px; }  
ul.type-01 li,  
ol.type-01 li {  
  margin-bottom: 20px; }  
ul.type-02,  
ol.type-02 {  
  margin: 0px !important;  
  color: #000 !important;  
  padding-left: 20px !important; }  
  ul.type-02 li,  
  ol.type-02 li {  
    margin-bottom: 1px;  
    color: #000 !important; }  
  
.ax-captcha {  
  background-color: #FFF !important;  
  height: auto !important;  
  padding: 5px !important;  
  text-align: center !important;  
  margin-top: 10px; }  
  .ax-captcha img {  
    margin: auto;  
    height: 100%; }  
  
.register-icon {  
  border: 1px solid #FFF;  
  text-align: center;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px;  
  position: relative;  
  line-height: 1em;  
  color: #FFF;  
  background-color: #EF4023; }  
  .register-icon a {  
    display: block;  
    padding: 12px 12px 12px 33px;  
    color: #FFF; }  
  .register-icon i {  
    position: absolute;  
    left: 15px;  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -webkit-transform-origin: center center;  
    -moz-transform-origin: center center;  
    -ms-transform-origin: center center;  
    transform-origin: center center; }  
  .register-icon:hover i {  
    -webkit-transform: scale(1.3);  
    -moz-transform: scale(1.3);  
    -ms-transform: scale(1.3);  
    transform: scale(1.3); }  
  
.sep {  
  height: 20px; }  
  .sep.type-01 {  
    height: 15px !important; }  
  .sep.type-02 {  
    height: 10px !important; }  
  .sep.type-03 {  
    height: 5px !important; }  
  .sep.type-04 {  
    height: 2px !important; }  
  
ul.ax-data {  
  padding: 0px;  
  margin: 0px; }  
  ul.ax-data li {  
    cursor: pointer;  
    padding: 0px;  
    margin: 0px;  
    white-space: nowrap;  
    font-weight: bold;  
    display: inline-block; }  
    ul.ax-data li.type-01 {  
      color: #AB3333; }  
    ul.ax-data li.type-02 {  
      color: blue; }  
    ul.ax-data li.type-03 {  
      color: green; }  
    ul.ax-data li:hover {  
      color: red !important; }  
  
.ax-number-field {  
  display: inline-block;  
  width: 93px !important; }  
  
.ax-message-chat {  
  border: 0px solid transparent;  
  background-color: #F6F6F6;  
  padding: 10px; }  
  .ax-message-chat .message-notice {  
    background-color: antiquewhite;  
    padding: 10px; }  
  .ax-message-chat .message-input {  
    position: relative;  
    margin: 25px 0px 2px 0px; }  
    .ax-message-chat .message-input .ui-button.ui-state-default {  
      position: absolute;  
      margin: 0px;  
      right: 0px;  
      top: 0px;  
      height: 100% !important;  
      min-width: 80px !important;  
      -webkit-border-top-right-radius: 3px !important;  
      -moz-border-top-right-radius: 3px !important;  
      -ms-border-top-right-radius: 3px !important;  
      border-top-right-radius: 3px !important;  
      -webkit-border-bottom-right-radius: 3px !important;  
      -moz-border-bottom-right-radius: 3px !important;  
      -ms-border-bottom-right-radius: 3px !important;  
      border-bottom-right-radius: 3px !important;  
      -webkit-border-bottom-left-radius: 0px !important;  
      -moz-border-bottom-left-radius: 0px !important;  
      -ms-border-bottom-left-radius: 0px !important;  
      border-bottom-left-radius: 0px !important;  
      -webkit-border-top-left-radius: 0px !important;  
      -moz-border-top-left-radius: 0px !important;  
      -ms-border-top-left-radius: 0px !important;  
      border-top-left-radius: 0px !important;  
      -webkit-background-clip: padding-box !important;  
      -moz-background-clip: padding-box !important;  
      -ms-background-clip: padding-box !important;  
      background-clip: padding-box !important; }  
    .ax-message-chat .message-input .ui-inputtext.ui-state-default {  
      width: 100% !important;  
      padding-right: 90px !important; }  
    .ax-message-chat .message-input .col-left {  
      display: inline-block;  
      border: 0px solid transparent;  
      width: 130px;  
      position: absolute; }  
    .ax-message-chat .message-input .col-right {  
      margin-left: 135px !important;  
      border: 0px solid transparent; }  
  .ax-message-chat .message-section {  
    padding: 5px 5px; }  
    .ax-message-chat .message-section .date-time {  
      text-align: center;  
      color: #666;  
      padding: 5px 0px; }  
    .ax-message-chat .message-section .message-row {  
      padding: 5px 0px;  
      position: relative; }  
      .ax-message-chat .message-section .message-row .name {  
        -webkit-border-radius: 6px;  
        -moz-border-radius: 6px;  
        -ms-border-radius: 6px;  
        border-radius: 6px;  
        -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);  
        border: 1px solid #999;  
        display: inline-block;  
        background-color: #44CAAF;  
        color: #FFF;  
        padding: 5px 10px;  
        max-width: 60px;  
        position: absolute;  
        font-weight: bold;  
        text-align: center; }  
      .ax-message-chat .message-section .message-row .message {  
        -webkit-border-radius: 4px;  
        -moz-border-radius: 4px;  
        -ms-border-radius: 4px;  
        border-radius: 4px;  
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  
        -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  
        display: inline-block;  
        background-color: #FFF;  
        padding: 6px 8px;  
        border: 1px solid #CCC; }  
        .ax-message-chat .message-section .message-row .message:before {  
          content: "";  
          position: absolute;  
          width: 0px;  
          height: 0px;  
          border-top: 4px solid transparent;  
          border-bottom: 4px solid transparent;  
          border-right: 8px solid #BBB;  
          top: 10px; }  
      .ax-message-chat .message-section .message-row.left .name {  
        left: 0px;  
        max-width: 100px;  
        width: 100px; }  
      .ax-message-chat .message-section .message-row.left .message {  
        margin-left: 120px;  
        text-align: left; }  
        .ax-message-chat .message-section .message-row.left .message:before {  
          left: -7px;  
          margin-left: 120px; }  
      .ax-message-chat .message-section .message-row.right {  
        text-align: right; }  
        .ax-message-chat .message-section .message-row.right .name {  
          right: 0px; }  
        .ax-message-chat .message-section .message-row.right .message {  
          right: 0px;  
          text-align: left;  
          margin-right: 70px; }  
          .ax-message-chat .message-section .message-row.right .message:before {  
            margin-right: 70px;  
            right: -7px;  
            border-right: 0px solid #FFF;  
            border-top: 4px solid transparent;  
            border-bottom: 4px solid transparent;  
            border-left: 8px solid #BBB; }  
  
ul.ax-hashtags {  
  padding: 0px;  
  margin: 0px; }  
  ul.ax-hashtags li {  
    display: inline-block;  
    font-weight: bold;  
    font-style: italic;  
    color: #006F6B;  
    padding-left: 5px; }  
  
/* --------- menu.less --------- */  
/* --------- start ------------- */  
/* ---------------------------------- */  
/* --------- functions (Start)------- */  
/*  
(property, duration, timing-function, delay)  
@include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s);  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s);  
@include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s);  
@include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s);  
@include transition();  
@include transform-origin(center center);  
@include transform-origin(left top);  
@include transform-origin(50% 20%);  
@include transform(rotate(45deg));		  
@include transform(translateY(-50%));	  
@include transform(scaleY(0.6));	  
@include transform(translate(50%, 50%) rotate(90deg));   
---------- forward -------------  
@include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s);  
---------- backward -------------  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s);  
@include transition(all 0.2s @timing-02 0s);  
*/  
/* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */  
/* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */  
.blinker-me {  
  -webkit-animation-name: blinker;  
  -moz-animation-name: blinker;  
  -ms-animation-name: blinker;  
  animation-name: blinker;  
  -webkit-animation-duration: 2s;  
  -moz-animation-duration: 2s;  
  -ms-animation-duration: 2s;  
  animation-duration: 2s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
.blinker-me-stop {  
  -webkit-animation-name: none;  
  -moz-animation-name: none;  
  -ms-animation-name: none;  
  animation-name: none; }  
  
@-webkit-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-moz-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-ms-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-o-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
.fadein-me {  
  -webkit-animation-name: fadein;  
  -moz-animation-name: fadein;  
  -ms-animation-name: fadein;  
  animation-name: fadein;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-moz-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-ms-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-o-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
.fadeout-me {  
  -webkit-animation-name: fadeout;  
  -moz-animation-name: fadeout;  
  -ms-animation-name: fadeout;  
  animation-name: fadeout;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-moz-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-ms-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-o-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
.shake-me {  
  -webkit-transform-origin: 50% 10%;  
  -moz-transform-origin: 50% 10%;  
  -ms-transform-origin: 50% 10%;  
  transform-origin: 50% 10%;  
  -webkit-animation-name: shaker;  
  -moz-animation-name: shaker;  
  -ms-animation-name: shaker;  
  animation-name: shaker;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-moz-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-ms-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-o-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
.rotate-me {  
  -webkit-transform-origin: 50% 50%;  
  -moz-transform-origin: 50% 50%;  
  -ms-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;  
  -webkit-animation-name: rotator;  
  -moz-animation-name: rotator;  
  -ms-animation-name: rotator;  
  animation-name: rotator;  
  -webkit-animation-duration: 2.5s;  
  -moz-animation-duration: 2.5s;  
  -ms-animation-duration: 2.5s;  
  animation-duration: 2.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-moz-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-ms-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-o-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
/* --------- functions (End)--------- */  
/* ---------------------------------- */  
.selectorDummy {  
  -webkit-column-count: 3;  
  -moz-column-count: 3;  
  column-count: 3;  
  -webkit-column-gap: 1.5em;  
  -moz-column-gap: 1.5em;  
  column-gap: 1.5em;  
  -webkit-column-rule: 2px solid hotpink;  
  -moz-column-rule: 2px solid hotpink;  
  column-rule: 2px solid hotpink; }  
  
.aObj {  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px; }  
  
.some-selector {  
  display: block; }  
  
.item-1 {  
  width: 2em; }  
  
.item-2 {  
  width: 4em; }  
  
.item-3 {  
  width: 6em; }  
  
.some-selectorA {  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
.glass {  
  border: 1px solid red;  
  position: absolute;  
  left: 0px;  
  width: 400px;  
  height: 400px;  
  overflow: auto;  
  margin: 50px; }  
  
.Arial {  
  font-family: Arial, sans-serif !important; }  
  
.b {  
  font-weight: bold !important; }  
  
.aL {  
  text-align: left !important; }  
  
.aC {  
  text-align: center !important; }  
  
.aR {  
  text-align: right !important; }  
  
.fL {  
  float: left !important; }  
  
.fC {  
  float: center !important; }  
  
.fR {  
  float: right !important; }  
  
/** ClearFix **/  
.clearfix:after {  
  content: ".";  
  display: block;  
  height: 0;  
  clear: both;  
  visibility: hidden; }  
  
.clearfix {  
  display: inline-block; }  
  
/* required comment for clearfix to work in Opera \*/  
* html .clearfix {  
  height: 1%; }  
  
.clearfix {  
  display: block; }  
  
body {  
  -webkit-box-sizing: border-box;  
  -moz-box-sizing: border-box;  
  -ms-box-sizing: border-box;  
  box-sizing: border-box;  
  background: none repeat scroll 0 0 #FFFFFF;  
  margin: 0;  
  padding: 0;  
  height: 100%; }  
  
.stop-transition * {  
  -webkit-transition: none !important;  
  -moz-transition: none !important;  
  -ms-transition: none !important;  
  transition: none !important; }  
  
.hidden-checkbox {  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  z-index: 99999;  
  display: none; }  
  
.lv1-menu-trigger {  
  display: inline-block;  
  cursor: pointer;  
  border: 0px solid #FFF;  
  margin: 1px;  
  background-color: #C5C5C5;  
  width: 54px;  
  height: 54px;  
  text-align: center;  
  position: relative;  
  float: right;  
  z-index: 1000;  
  display: none; }  
  .lv1-menu-trigger i {  
    position: absolute;  
    -webkit-transform-origin: 50% 50%;  
    -moz-transform-origin: 50% 50%;  
    -ms-transform-origin: 50% 50%;  
    transform-origin: 50% 50%;  
    top: 50%;  
    left: 50%;  
    -webkit-transform: translate(-50%, -50%);  
    -moz-transform: translate(-50%, -50%);  
    -ms-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);  
    color: #000; }  
  
#rwd-menu-trigger-10- {  
  left: 500px !important; }  
  
#rwd-menu-trigger-9- {  
  left: 450px !important; }  
  
#rwd-menu-trigger-8- {  
  left: 400px !important; }  
  
#rwd-menu-trigger-7- {  
  left: 350px !important; }  
  
#rwd-menu-trigger-6- {  
  left: 300px !important; }  
  
#rwd-menu-trigger-5- {  
  left: 250px !important; }  
  
#rwd-menu-trigger-4- {  
  left: 200px !important; }  
  
#rwd-menu-trigger-3- {  
  left: 150px !important; }  
  
#rwd-menu-trigger-2- {  
  left: 100px !important; }  
  
#rwd-menu-trigger-1- {  
  left: 50px !important; }  
  
#rwd-menu-trigger-0- {  
  left: 0px !important; }  
  
/*--------- functions -------------------------------------------------*/  
/*--------- functions -------------------------------------------------*/  
/*--------- CSS MENU --------------------------------------------------*/  
.tx-menu {  
  background-color: #FAFAFA;  
  margin-bottom: 0px; }  
  .tx-menu * {  
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    box-sizing: border-box; }  
  .tx-menu ul {  
    vertical-align: top; }  
  .tx-menu ul, .tx-menu li {  
    font-size: 0px; }  
  .tx-menu a {  
    display: inline-block;  
    line-height: normal; }  
  .tx-menu li {  
    position: relative; }  
  .tx-menu ul, .tx-menu li, .tx-menu a {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;  
    -webkit-border-radius: 0px;  
    -moz-border-radius: 0px;  
    -ms-border-radius: 0px;  
    border-radius: 0px; }  
  .tx-menu a {  
    color: #555; }  
  .tx-menu span {  
    color: #333; }  
  .tx-menu .extra-top {  
    display: none;  
    background-color: #FFF; }  
  .tx-menu > ul > li > a,  
  .tx-menu > ul > li > .div-cont > a {  
    background-color: #FAFAFA; }  
    .tx-menu > ul > li > a span,  
    .tx-menu > ul > li > .div-cont > a span {  
      margin-left: 33px; }  
  .tx-menu > ul ul {  
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);  
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);  
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);  
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);  
    z-index: 400; }  
  .tx-menu > ul a {  
    border: 0px solid transparent;  
    white-space: nowrap;  
    font-family: Roboto,  Arial, sans-serif;  
    padding: 8px 10px;  
    width: 100%;  
    font-size: 12px;  
    text-decoration: none;  
    background-color: #FAFAFA; }  
    .tx-menu > ul a:hover {  
      background-color: #F5F5F5; }  
    .tx-menu > ul a > i {  
      /* [left] icon */  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -webkit-border-radius: 50%;  
      -moz-border-radius: 50%;  
      -ms-border-radius: 50%;  
      border-radius: 50%;  
      position: absolute;  
      border: 1px solid #999;  
      color: #555;  
      display: inline-block !important;  
      width: 28px;  
      height: 28px;  
      line-height: 1em;  
      text-align: center;  
      vertical-align: middle;  
      margin-right: 8px;  
      padding: 5px 0px 0px 0px;  
      font-size: 16px;  
      background-color: #FAFAFA;  
      z-index: 99;  
      font-style: normal !important; }  
    .tx-menu > ul a > span {  
      position: relative;  
      display: inline-block;  
      vertical-align: middle;  
      padding-top: 6px;  
      padding-bottom: 6px; }  
      .tx-menu > ul a > span > b.label {  
        /* [topRight] icon */  
        -webkit-border-radius: 2px;  
        -moz-border-radius: 2px;  
        -ms-border-radius: 2px;  
        border-radius: 2px;  
        background-color: #EE0000;  
        background-color: rgba(238, 0, 0, 0.8);  
        filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#CCEE0000, endColorstr=#CCEE0000)";  
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#CCEE0000, endColorstr=#CCEE0000)";  
        font-weight: normal;  
        font-size: 10px;  
        font-style: normal;  
        line-height: 1em;  
        padding: 3px 4px;  
        position: absolute;  
        z-index: 99;  
        top: -6px;  
        right: -20px; }  
      .tx-menu > ul a > span > b.number {  
        background-color: #EE0000;  
        background-color: #ee0000;  
        filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#FFEE0000, endColorstr=#FFEE0000)";  
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#FFEE0000, endColorstr=#FFEE0000)";  
        -webkit-border-radius: 50%;  
        -moz-border-radius: 50%;  
        -ms-border-radius: 50%;  
        border-radius: 50%;  
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  
        -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  
        -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);  
        -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);  
        -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);  
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);  
        position: absolute;  
        display: inline-block;  
        top: -2px;  
        right: -23px;  
        border: 2px solid #FFF;  
        width: 22px;  
        height: 22px;  
        min-width: 22px;  
        min-height: 22px;  
        padding: 4px 0px 0px 0px;  
        font-family: Arial;  
        color: #FFF;  
        font-weight: bold;  
        font-size: 11px;  
        text-align: center;  
        vertical-align: middle;  
        line-height: 1em;  
        z-index: 100;  
        -webkit-animation-name: blinker;  
        -moz-animation-name: blinker;  
        -ms-animation-name: blinker;  
        animation-name: blinker;  
        -webkit-animation-duration: 2s;  
        -moz-animation-duration: 2s;  
        -ms-animation-duration: 2s;  
        animation-duration: 2s;  
        -webkit-animation-timing-function: linear;  
        -moz-animation-timing-function: linear;  
        -ms-animation-timing-function: linear;  
        animation-timing-function: linear;  
        -webkit-animation-iteration-count: infinite;  
        -moz-animation-iteration-count: infinite;  
        -ms-animation-iteration-count: infinite;  
        animation-iteration-count: infinite; }  
  .tx-menu > ul li .div-cont {  
    position: relative;  
    display: inline-block;  
    width: 100%;  
    height: 100%;  
    background-color: transparent; }  
  .tx-menu > ul li > span {  
    /* [arrow] */ }  
    .tx-menu > ul li > span.arrow {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -webkit-transform-origin: center center;  
      -moz-transform-origin: center center;  
      -ms-transform-origin: center center;  
      transform-origin: center center;  
      opacity: 0;  
      filter: alpha(opacity=0);  
      zoom: 1;  
      cursor: pointer;  
      display: inline-block;  
      position: absolute;  
      z-index: 10;  
      top: 10px;  
      right: 10px;  
      border: 0px solid transparent;  
      background-color: transparent;  
      background-position: center center;  
      font-size: 15px;  
      width: 14px;  
      height: 14px;  
      line-height: 1em; }  
      .tx-menu > ul li > span.arrow:before {  
        position: absolute !important;  
        top: 0px !important;  
        left: 3px !important; }  
      .tx-menu > ul li > span.arrow ~ .div-cont > a {  
        padding-right: 18px; }  
    .tx-menu > ul li > span ~ a {  
      /* has arrow */  
      padding-right: 35px !important; }  
  .tx-menu > ul li:hover > a > i,  
  .tx-menu > ul li:hover > .div-cont > a > i {  
    /* [left] icon */  
    border: 1px solid #333;  
    background-color: #FFF;  
    color: #111111;  
    -webkit-transform: rotate(360deg) scale(1.15);  
    -moz-transform: rotate(360deg) scale(1.15);  
    -ms-transform: rotate(360deg) scale(1.15);  
    transform: rotate(360deg) scale(1.15); }  
  .tx-menu > ul li:hover > a > b.label,  
  .tx-menu > ul li:hover > .div-cont > a > b.label {  
    /* [topRight] icon */  
    -webkit-animation-name: none;  
    -moz-animation-name: none;  
    -ms-animation-name: none;  
    animation-name: none; }  
  .tx-menu > ul li.-loaded > a > i {  
    /* [left] icon */ }  
  
label.rwd-menu-trigger {  
  display: none; }  
  
@media (max-width: 480px) {  
  .layout-lv1-trigger {  
    display: none; }  
  
  body.blocked-body {  
    overflow: hidden; }  
  body.default-body {  
    overflow: inherit; }  
  
  input.rwd-menu-cbx[type=checkbox] + .rwd-menu-mask {  
    opacity: 0.8;  
    filter: alpha(opacity=80);  
    zoom: 1;  
    left: -100%; }  
  input.rwd-menu-cbx[type=checkbox]:checked + .rwd-menu-mask {  
    -webkit-transform: translateX(0px);  
    -moz-transform: translateX(0px);  
    -ms-transform: translateX(0px);  
    transform: translateX(0px);  
    left: 0%;  
    opacity: 1;  
    filter: alpha(opacity=100);  
    zoom: 1; }  
    input.rwd-menu-cbx[type=checkbox]:checked + .rwd-menu-mask + .tx-menu.rwd {  
      left: 0px; }  
      input.rwd-menu-cbx[type=checkbox]:checked + .rwd-menu-mask + .tx-menu.rwd.ps {  
        border: 1px solid cyan !important;  
        overflow: hidden !important; }  
  
  label.rwd-menu-trigger {  
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    box-sizing: border-box;  
    position: fixed;  
    display: inline-block;  
    cursor: pointer;  
    background-color: #C5C5C5;  
    width: 54px;  
    height: 54px;  
    top: 0px;  
    left: 0px;  
    z-index: 997; }  
    label.rwd-menu-trigger i {  
      position: absolute;  
      -webkit-transform-origin: 50% 50%;  
      -moz-transform-origin: 50% 50%;  
      -ms-transform-origin: 50% 50%;  
      transform-origin: 50% 50%;  
      top: 50%;  
      left: 50%;  
      -webkit-transform: translate(-50%, -50%);  
      -moz-transform: translate(-50%, -50%);  
      -ms-transform: translate(-50%, -50%);  
      transform: translate(-50%, -50%);  
      font-size: 20px;  
      color: #000;  
      position: absolute; }  
  
  .rwd-menu-mask {  
    background-color: #000000;  
    background-color: rgba(0, 0, 0, 0.5);  
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";  
    cursor: pointer;  
    display: inline-block;  
    position: fixed;  
    top: 0px;  
    left: -100%;  
    z-index: 997 !important;  
    width: 100%;  
    height: 100%; }  
  
  .tx-menu.rwd {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    display: block !important;  
    background-color: #FAFAFA;  
    background-image: url(../images/logo-dummy.png);  
    background-repeat: no-repeat;  
    background-size: 150px auto;  
    background-position: center 8px;  
    height: 100%;  
    max-height: 100%;  
    position: fixed;  
    top: 0px;  
    padding-top: 54px;  
    left: -150%;  
    z-index: 998 !important;  
    min-width: 60%;  
    max-width: 75%; }  
    .tx-menu.rwd > ul {  
      border-top: 1px solid #A9A9A9;  
      background-color: #FAFAFA;  
      height: 100%;  
      max-height: 100%;  
      height: 100%;  
      /* .box-shadow(); */ }  
      .tx-menu.rwd > ul > li ul {  
        max-height: 0px;  
        overflow: hidden;  
        -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -webkit-transform-origin: 0% 0%;  
        -moz-transform-origin: 0% 0%;  
        -ms-transform-origin: 0% 0%;  
        transform-origin: 0% 0%;  
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
        -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }  
      .tx-menu.rwd > ul > li span {  
        /* [arrow] */ }  
        .tx-menu.rwd > ul > li span.arrow {  
          top: 15px;  
          -webkit-transform-origin: center center;  
          -moz-transform-origin: center center;  
          -ms-transform-origin: center center;  
          transform-origin: center center;  
          -webkit-transform: rotate(90deg);  
          -moz-transform: rotate(90deg);  
          -ms-transform: rotate(90deg);  
          transform: rotate(90deg);  
          opacity: 1;  
          filter: alpha(opacity=100);  
          zoom: 1; }  
      .tx-menu.rwd > ul > li a span {  
        margin-right: 15px; }  
      .tx-menu.rwd > ul a {  
        /* rwd menu item height - min-height: 40px */  
        border-bottom: 1px solid #A9A9A9; }  
        .tx-menu.rwd > ul a > span {  
          background-color: transparent;  
          white-space: normal; }  
          .tx-menu.rwd > ul a > span > b.label {  
            /* [topRight] icon */ }  
      .tx-menu.rwd > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: #888;  
        padding-left: 43px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #959595; }  
      .tx-menu.rwd > ul > li > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: #7b7b7b;  
        padding-left: 63px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #888888; }  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: dimgray;  
        padding-left: 83px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #767676; }  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: #585858;  
        padding-left: 103px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #646464; }  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: #464646;  
        padding-left: 123px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #525252; }  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
      .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
        /*gen-level*/  
        background-color: #343434;  
        padding-left: 143px;  
        border-bottom: 1px solid #333; }  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
        .tx-menu.rwd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
          background-color: #414141; }  
      .tx-menu.rwd > ul > li > ul > li a {  
        color: #FFF;  
        font-weight: normal;  
        font-family: Arial; }  
      .tx-menu.rwd > ul > li > ul > li span {  
        color: #FFF; }  
    .tx-menu.rwd .extra-top {  
      display: none;  
      position: absolute;  
      top: 0px;  
      left: 0px;  
      min-width: 60%;  
      max-width: 75%; }  
    .tx-menu.rwd .click-label {  
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box;  
      -ms-box-sizing: border-box;  
      box-sizing: border-box;  
      background-color: #FF0000;  
      background-color: rgba(255, 0, 0, 0);  
      filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#00FF0000, endColorstr=#00FF0000)";  
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#00FF0000, endColorstr=#00FF0000)";  
      cursor: pointer;  
      position: absolute;  
      display: inline-block;  
      top: 0px;  
      width: 100%;  
      height: 100%;  
      z-index: 101;  
      font-size: 13px !important;  
      min-height: 10px; }  
      .tx-menu.rwd .click-label:hover {  
        cursor: pointer !important; }  
    .tx-menu.rwd .click-checkbox ~ a {  
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box;  
      -ms-box-sizing: border-box;  
      box-sizing: border-box; }  
      .tx-menu.rwd .click-checkbox ~ a > i {  
        /* [left] icon */  
        z-index: 8;  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(0deg);  
        -moz-transform: rotate(0deg);  
        -ms-transform: rotate(0deg);  
        transform: rotate(0deg); }  
    .tx-menu.rwd .click-checkbox ~ ul {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
    .tx-menu.rwd .click-checkbox:checked ~ a > i {  
      /* [left] icon */  
      border: 1px solid #333;  
      background-color: #FFF;  
      color: #111111;  
      -webkit-transform-origin: center center;  
      -moz-transform-origin: center center;  
      -ms-transform-origin: center center;  
      transform-origin: center center;  
      -webkit-transform: rotate(360deg);  
      -moz-transform: rotate(360deg);  
      -ms-transform: rotate(360deg);  
      transform: rotate(360deg); }  
    .tx-menu.rwd .click-checkbox:checked ~ ul {  
      -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
      max-height: 2000px; }  
    .tx-menu.rwd .click-checkbox:checked ~ span {  
      /* arrow */ }  
      .tx-menu.rwd .click-checkbox:checked ~ span.arrow {  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(270deg);  
        -moz-transform: rotate(270deg);  
        -ms-transform: rotate(270deg);  
        transform: rotate(270deg); } }  
@media (min-width: 481px) {  
  .tx-menu.lv1 {  
    position: relative; }  
    .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] {  
      position: absolute;  
      top: 12px;  
      left: 13px;  
      z-index: 999; }  
      .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul {  
        max-width: 2000px; }  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li {  
          min-height: 45px; }  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > a,  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > .div-cont > a {  
            min-height: 45px; }  
            .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > a > i,  
            .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > .div-cont > a > i {  
              /*left icon*/ }  
            .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > a > span,  
            .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox] + ul > li > .div-cont > a > span {  
              white-space: normal;  
              max-width: 2000px;  
              display: inline-block; }  
      .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul {  
        height: 100%;  
        max-width: 50px; }  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > span {  
          /*arrow*/ }  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > span.arrow {  
            background-color: transparent;  
            width: 9px;  
            height: 12px;  
            right: 7px;  
            font-size: 11px;  
            color: #333;  
            opacity: 1;  
            filter: alpha(opacity=100);  
            zoom: 1; }  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > span ~ a {  
            /* has arrow link */  
            padding-right: 0px !important; }  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > a > i,  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > .div-cont > a > i {  
          /*left icon*/  
          margin-right: 0px; }  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > a > span,  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > .div-cont > a > span {  
          /*text*/  
          margin-right: 0px;  
          white-space: nowrap;  
          max-width: 25px;  
          font-size: 0px; }  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > a > span > b.number,  
          .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li > .div-cont > a > span > b.number {  
            right: -5px;  
            top: -15px; }  
        .tx-menu.lv1 input.lv1-menu-cbx[type=checkbox]:checked + ul > li:hover > span.arrow {  
          right: 8px; }  
  
  .tx-menu.vertical {  
    display: inline-block; }  
    .tx-menu.vertical ul {  
      display: inline-block; }  
    .tx-menu.vertical > ul {  
      /* general animation */ }  
      .tx-menu.vertical > ul > li {  
        /* second level */ }  
        .tx-menu.vertical > ul > li > ul {  
          -webkit-transform: scaleX(0);  
          -moz-transform: scaleX(0);  
          -ms-transform: scaleX(0);  
          transform: scaleX(0); }  
          .tx-menu.vertical > ul > li > ul:before {  
            top: 17px; }  
      .tx-menu.vertical > ul ul {  
        position: absolute;  
        /* transition-delay: @return-delay; */  
        opacity: 0;  
        filter: alpha(opacity=0);  
        zoom: 1;  
        -webkit-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -webkit-transform-origin: 0% 0%;  
        -moz-transform-origin: 0% 0%;  
        -ms-transform-origin: 0% 0%;  
        transform-origin: 0% 0%;  
        -webkit-transform: scaleX(0);  
        -moz-transform: scaleX(0);  
        -ms-transform: scaleX(0);  
        transform: scaleX(0); }  
        .tx-menu.vertical > ul ul:before {  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          content: "";  
          position: absolute;  
          width: 0;  
          height: 0;  
          border-top: 5px solid transparent;  
          border-right: 8px solid #F5F5F5;  
          border-bottom: 5px solid transparent;  
          right: 90%;  
          top: 18px; }  
      .tx-menu.vertical > ul li a > span {  
        margin-right: 15px;  
        background-color: transparent; }  
      .tx-menu.vertical > ul li > span.arrow {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -webkit-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        -moz-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        -ms-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        transform: translateX(4px) translateY(-50%) rotate(0deg);  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1;  
        top: 50%;  
        color: #777; }  
      .tx-menu.vertical > ul li:hover > a,  
      .tx-menu.vertical > ul li:hover > .div-cont > a {  
        background-color: #e5e5e5; }  
      .tx-menu.vertical > ul li:hover > ul {  
        /* sub-menu */  
        /* transition-delay: 0s; */  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1;  
        -webkit-transform: scaleX(1);  
        -moz-transform: scaleX(1);  
        -ms-transform: scaleX(1);  
        transform: scaleX(1); }  
        .tx-menu.vertical > ul li:hover > ul:before {  
          border-right-color: #F5F5F5;  
          right: 100%; }  
      .tx-menu.vertical > ul li:hover > span.arrow {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -webkit-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        -moz-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        -ms-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        transform: translateX(20px) translateY(-50%) rotate(0deg);  
        opacity: 0;  
        filter: alpha(opacity=0);  
        zoom: 1; }  
    .tx-menu.vertical .click-label {  
      display: none; }  
  .tx-menu.horizontal {  
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);  
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);  
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);  
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }  
    .tx-menu.horizontal ul {  
      display: inline-block; }  
    .tx-menu.horizontal > ul {  
      /* general animation */ }  
      .tx-menu.horizontal > ul > li {  
        /* second level */ }  
        .tx-menu.horizontal > ul > li > ul {  
          -webkit-transform: scaleX(0);  
          -moz-transform: scaleX(0);  
          -ms-transform: scaleX(0);  
          transform: scaleX(0); }  
          .tx-menu.horizontal > ul > li > ul:before {  
            top: 17px; }  
      .tx-menu.horizontal > ul ul {  
        position: absolute;  
        /* transition-delay: @return-delay; */  
        opacity: 0;  
        filter: alpha(opacity=0);  
        zoom: 1;  
        -webkit-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.1s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -webkit-transform-origin: 0% 0%;  
        -moz-transform-origin: 0% 0%;  
        -ms-transform-origin: 0% 0%;  
        transform-origin: 0% 0%;  
        -webkit-transform: scaleX(0);  
        -moz-transform: scaleX(0);  
        -ms-transform: scaleX(0);  
        transform: scaleX(0); }  
        .tx-menu.horizontal > ul ul:before {  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
          content: "";  
          position: absolute;  
          width: 0;  
          height: 0;  
          border-top: 5px solid transparent;  
          border-right: 8px solid #F5F5F5;  
          border-bottom: 5px solid transparent;  
          right: 90%;  
          top: 18px; }  
      .tx-menu.horizontal > ul li a > span {  
        margin-right: 15px;  
        background-color: transparent; }  
      .tx-menu.horizontal > ul li > span.arrow {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.6s;  
        -webkit-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        -moz-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        -ms-transform: translateX(4px) translateY(-50%) rotate(0deg);  
        transform: translateX(4px) translateY(-50%) rotate(0deg);  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1;  
        top: 50%;  
        color: #777; }  
      .tx-menu.horizontal > ul li:hover > a,  
      .tx-menu.horizontal > ul li:hover > .div-cont > a {  
        background-color: #e5e5e5; }  
      .tx-menu.horizontal > ul li:hover > ul {  
        /* sub-menu */  
        /* transition-delay: 0s; */  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1;  
        -webkit-transform: scaleX(1);  
        -moz-transform: scaleX(1);  
        -ms-transform: scaleX(1);  
        transform: scaleX(1); }  
        .tx-menu.horizontal > ul li:hover > ul:before {  
          border-right-color: #F5F5F5;  
          right: 100%; }  
      .tx-menu.horizontal > ul li:hover > span.arrow {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -webkit-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        -moz-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        -ms-transform: translateX(20px) translateY(-50%) rotate(0deg);  
        transform: translateX(20px) translateY(-50%) rotate(0deg);  
        opacity: 0;  
        filter: alpha(opacity=0);  
        zoom: 1; }  
    .tx-menu.horizontal .click-label {  
      display: none; }  
    .tx-menu.horizontal > ul {  
      /* First level animation */  
      max-width: none !important; }  
      .tx-menu.horizontal > ul > li {  
        float: left;  
        min-width: 100px; }  
        .tx-menu.horizontal > ul > li ul:before {  
          top: 20px; }  
        .tx-menu.horizontal > ul > li > ul {  
          -webkit-transform: scaleY(0);  
          -moz-transform: scaleY(0);  
          -ms-transform: scaleY(0);  
          transform: scaleY(0);  
          position: absolute;  
          top: 100%;  
          Left: 0%;  
          opacity: 0;  
          filter: alpha(opacity=0);  
          zoom: 1; }  
          .tx-menu.horizontal > ul > li > ul:before {  
            top: 50%;  
            left: 10px;  
            -webkit-transform-origin: center center;  
            -moz-transform-origin: center center;  
            -ms-transform-origin: center center;  
            transform-origin: center center;  
            -webkit-transform: rotate(90deg);  
            -moz-transform: rotate(90deg);  
            -ms-transform: rotate(90deg);  
            transform: rotate(90deg); }  
          .tx-menu.horizontal > ul > li > ul li {  
            min-width: 150px;  
            border-bottom: 1px solid #D8D8D8; }  
            .tx-menu.horizontal > ul > li > ul li:last-child {  
              border-bottom: 0px solid #D8D8D8; }  
            .tx-menu.horizontal > ul > li > ul li a {  
              /* horizontal sub-menu height */ }  
        .tx-menu.horizontal > ul > li > a,  
        .tx-menu.horizontal > ul > li > .div-cont > a {  
          border-left: 1px solid #e5e5e5;  
          border-right: 1px solid #ffffff;  
          height: 60px;  
          padding: 16px 0px 0px 10px; }  
          .tx-menu.horizontal > ul > li > a > span,  
          .tx-menu.horizontal > ul > li > .div-cont > a > span {  
            max-width: 300px !important; }  
        .tx-menu.horizontal > ul > li > span {  
          /* arrow */ }  
          .tx-menu.horizontal > ul > li > span.arrow {  
            -webkit-transform: translateY(-50%) rotate(90deg);  
            -moz-transform: translateY(-50%) rotate(90deg);  
            -ms-transform: translateY(-50%) rotate(90deg);  
            transform: translateY(-50%) rotate(90deg);  
            opacity: 1;  
            filter: alpha(opacity=100);  
            zoom: 1; }  
        .tx-menu.horizontal > ul > li:hover > a,  
        .tx-menu.horizontal > ul > li:hover > .div-cont > a {  
          background-color: #D8D8D8;  
          color: #111111; }  
        .tx-menu.horizontal > ul > li:hover > ul {  
          opacity: 1;  
          filter: alpha(opacity=100);  
          zoom: 1;  
          -webkit-transform: scaleY(1);  
          -moz-transform: scaleY(1);  
          -ms-transform: scaleY(1);  
          transform: scaleY(1); }  
          .tx-menu.horizontal > ul > li:hover > ul:before {  
            top: -9px;  
            left: 10px;  
            -webkit-transform-origin: center center;  
            -moz-transform-origin: center center;  
            -ms-transform-origin: center center;  
            transform-origin: center center;  
            -webkit-transform: rotate(90deg);  
            -moz-transform: rotate(90deg);  
            -ms-transform: rotate(90deg);  
            transform: rotate(90deg); }  
        .tx-menu.horizontal > ul > li:hover > span {  
          /* arrow */ }  
          .tx-menu.horizontal > ul > li:hover > span.arrow {  
            -webkit-transform: translateY(100%) rotate(90deg);  
            -moz-transform: translateY(100%) rotate(90deg);  
            -ms-transform: translateY(100%) rotate(90deg);  
            transform: translateY(100%) rotate(90deg);  
            opacity: 0;  
            filter: alpha(opacity=0);  
            zoom: 1; }  
  .tx-menu.accordion > ul {  
    max-width: none !important; }  
    .tx-menu.accordion > ul > li a span {  
      margin-right: 15px; }  
    .tx-menu.accordion > ul > li ul {  
      max-height: 0px;  
      overflow: hidden;  
      -webkit-transition: all 450ms cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
      -moz-transition: all 450ms cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
      -ms-transition: all 450ms cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
      transition: all 450ms cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
      -webkit-transform-origin: 0% 0%;  
      -moz-transform-origin: 0% 0%;  
      -ms-transform-origin: 0% 0%;  
      transform-origin: 0% 0%;  
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
      -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
      -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);  
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }  
    .tx-menu.accordion > ul > li span {  
      /* [arrow] */ }  
      .tx-menu.accordion > ul > li span.arrow {  
        top: 12px;  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(90deg);  
        -moz-transform: rotate(90deg);  
        -ms-transform: rotate(90deg);  
        transform: rotate(90deg);  
        opacity: 1;  
        filter: alpha(opacity=100);  
        zoom: 1; }  
    .tx-menu.accordion > ul > li > a span,  
    .tx-menu.accordion > ul > li > .div-cont > a span {  
      font-weight: bold !important; }  
    .tx-menu.accordion > ul li-commented.selected a > i {  
      /* [left] icon */  
      border: 1px solid #333;  
      background-color: #FFF;  
      color: #000;  
      -webkit-transform-origin: center center;  
      -moz-transform-origin: center center;  
      -ms-transform-origin: center center;  
      transform-origin: center center;  
      -webkit-transform: rotate(360deg);  
      -moz-transform: rotate(360deg);  
      -ms-transform: rotate(360deg);  
      transform: rotate(360deg); }  
    .tx-menu.accordion > ul li-commented.selected > ul {  
      max-height: 2000px; }  
    .tx-menu.accordion > ul li-commented.selected > span {  
      /* arrow */ }  
      .tx-menu.accordion > ul li-commented.selected > span.arrow {  
        -webkit-transform-origin: center center;  
        -moz-transform-origin: center center;  
        -ms-transform-origin: center center;  
        transform-origin: center center;  
        -webkit-transform: rotate(270deg);  
        -moz-transform: rotate(270deg);  
        -ms-transform: rotate(270deg);  
        transform: rotate(270deg); }  
    .tx-menu.accordion > ul a {  
      border-bottom: 1px solid #A9A9A9; }  
      .tx-menu.accordion > ul a > span {  
        position: relative;  
        background-color: transparent;  
        white-space: normal;  
        max-width: 100% !important; }  
    .tx-menu.accordion > ul > li > ul > li a {  
      /* accordion sub-menu height */  
      color: #FFF;  
      font-weight: normal;  
      font-family: Arial;  
      border-bottom: 1px solid #A9A9A9; }  
    .tx-menu.accordion > ul > li > ul > li span {  
      color: #FFF; }  
    .tx-menu.accordion > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: #7b7b7b;  
      padding-left: 43px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #888888; }  
    .tx-menu.accordion > ul > li > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: dimgray;  
      padding-left: 63px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #767676; }  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: #585858;  
      padding-left: 83px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #646464; }  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: #464646;  
      padding-left: 103px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #525252; }  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: #343434;  
      padding-left: 123px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #414141; }  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
    .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
      /*gen-level*/  
      background-color: #222222;  
      padding-left: 143px;  
      border-bottom: 1px solid #333; }  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
      .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
        background-color: #2f2f2f; }  
  .tx-menu.accordion .click-label {  
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    box-sizing: border-box;  
    background-color: #FF0000;  
    background-color: rgba(255, 0, 0, 0);  
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#00FF0000, endColorstr=#00FF0000)";  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#00FF0000, endColorstr=#00FF0000)";  
    cursor: pointer;  
    position: absolute;  
    display: inline-block;  
    top: 0px;  
    width: 100%;  
    height: 100%;  
    z-index: 101;  
    font-size: 13px !important;  
    min-height: 10px; }  
    .tx-menu.accordion .click-label:hover {  
      cursor: pointer !important; }  
  .tx-menu.accordion .click-checkbox ~ a {  
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    box-sizing: border-box; }  
    .tx-menu.accordion .click-checkbox ~ a > i {  
      /* [left] icon */  
      z-index: 8;  
      -webkit-transform-origin: center center;  
      -moz-transform-origin: center center;  
      -ms-transform-origin: center center;  
      transform-origin: center center;  
      -webkit-transform: rotate(0deg);  
      -moz-transform: rotate(0deg);  
      -ms-transform: rotate(0deg);  
      transform: rotate(0deg); }  
  .tx-menu.accordion .click-checkbox ~ ul {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  .tx-menu.accordion .click-checkbox:checked ~ a > i {  
    /* [left] icon */  
    border: 1px solid #333;  
    background-color: #FFF;  
    color: #111111;  
    -webkit-transform-origin: center center;  
    -moz-transform-origin: center center;  
    -ms-transform-origin: center center;  
    transform-origin: center center;  
    -webkit-transform: rotate(360deg);  
    -moz-transform: rotate(360deg);  
    -ms-transform: rotate(360deg);  
    transform: rotate(360deg); }  
  .tx-menu.accordion .click-checkbox:checked ~ ul {  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    max-height: 2000px; }  
  .tx-menu.accordion .click-checkbox:checked ~ span {  
    /* arrow */ }  
    .tx-menu.accordion .click-checkbox:checked ~ span.arrow {  
      -webkit-transform-origin: center center;  
      -moz-transform-origin: center center;  
      -ms-transform-origin: center center;  
      transform-origin: center center;  
      -webkit-transform: rotate(270deg);  
      -moz-transform: rotate(270deg);  
      -ms-transform: rotate(270deg);  
      transform: rotate(270deg); }  
  
  .layout-lv1-trigger {  
    display: inline-block;  
    width: 54px;  
    height: 54px;  
    background-color: transparent;  
    position: relative;  
    cursor: pointer;  
    vertical-align: top;  
    margin: 0px;  
    -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
    -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
    -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
    transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s; }  
    .layout-lv1-trigger i {  
      position: absolute;  
      -webkit-transform-origin: 50% 50%;  
      -moz-transform-origin: 50% 50%;  
      -ms-transform-origin: 50% 50%;  
      transform-origin: 50% 50%;  
      top: 50%;  
      left: 50%;  
      -webkit-transform: translate(-50%, -50%);  
      -moz-transform: translate(-50%, -50%);  
      -ms-transform: translate(-50%, -50%);  
      transform: translate(-50%, -50%);  
      -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
      -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
      -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
      transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
      font-size: 20px;  
      position: absolute;  
      color: #000; } }  
.menu-layout {  
  position: absolute;  
  top: 0px;  
  width: 100%;  
  height: inherit;  
  background-color: #000000;  
  padding: 0px; }  
  .menu-layout > form > .tx-menu,  
  .menu-layout > .tx-menu {  
    position: fixed;  
    z-index: 101;  
    height: 100%;  
    display: none; }  
  .menu-layout > .menu-content {  
    border: 0px solid transparent;  
    padding-top: 54px;  
    margin-left: 0px;  
    background-color: #FFF !important;  
    padding-bottom: 10px;  
    min-height: 100%; }  
    .menu-layout > .menu-content .body-header {  
      height: 54px;  
      position: fixed;  
      display: inline-block;  
      width: 100%;  
      top: 0px;  
      z-index: 102; }  
      .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        position: absolute;  
        left: 0px;  
        z-index: 99; }  
      .menu-layout > .menu-content .body-header .header {  
        position: relative;  
        background-color: #C5C5C5; }  
    .menu-layout > .menu-content .body-content {  
      background-color: #FFF !important; }  
  
.layout-cbx {  
  position: absolute;  
  top: 0px;  
  left: 0px; }  
  @media (min-width: 481px) {  
    .layout-cbx ~ .menu-layout > form > .tx-menu,  
    .layout-cbx ~ .menu-layout > .tx-menu {  
      top: 0px; }  
      .layout-cbx ~ .menu-layout > form > .tx-menu > ul,  
      .layout-cbx ~ .menu-layout > .tx-menu > ul {  
        position: relative; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu > ul.ps,  
        .layout-cbx ~ .menu-layout > .tx-menu > ul.ps {  
          border: 0px solid transparent !important;  
          overflow: hidden !important; }  
      .layout-cbx ~ .menu-layout > form > .tx-menu.accordion,  
      .layout-cbx ~ .menu-layout > .tx-menu.accordion {  
        max-height: 100% !important;  
        max-width: 250px !important;  
        background-color: #0F1D27; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul,  
        .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul {  
          width: 250px; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li span.arrow,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li span.arrow {  
            color: #FFF; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a {  
            background-color: #0F1D27;  
            -webkit-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
            -moz-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
            -ms-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
            box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > a > i,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a > i,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > a > i,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a > i {  
              background-color: #0F1D27 !important;  
              border: 0px solid #FFF !important;  
              color: #FFF;  
              font-size: 18px; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > a span,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a span,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > a span,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a span {  
              color: #FFF; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a:hover {  
              background-color: #162b39; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: #080f15;  
            padding-left: 43px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #0c1820; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: #010202;  
            padding-left: 63px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #050a0d; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: black;  
            padding-left: 83px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #04080b; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: black;  
            padding-left: 103px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #04080b; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: black;  
            padding-left: 123px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #04080b; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a {  
            /*gen-level*/  
            background-color: black;  
            padding-left: 143px;  
            border-bottom: 1px solid #333; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,  
            .layout-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .div-cont > a:hover {  
              background-color: #04080b; }  
      .layout-cbx ~ .menu-layout > form > .tx-menu.vertical,  
      .layout-cbx ~ .menu-layout > .tx-menu.vertical {  
        max-width: 250px;  
        background-color: #0F1D27;  
        -webkit-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
        -moz-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
        -ms-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
        box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9); }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul:before,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul:before {  
          border-right: 8px solid white; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li span.arrow,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li span.arrow {  
          color: #FFF; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > a,  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > .div-cont > a,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > a,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > .div-cont > a {  
          background-color: #0F1D27;  
          -webkit-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
          -moz-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
          -ms-box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9);  
          box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.9); }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > a > i,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > .div-cont > a > i,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > a > i,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > .div-cont > a > i {  
            background-color: #0F1D27 !important;  
            -webkit-transition: all 0s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
            -moz-transition: all 0s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
            -ms-transition: all 0s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
            transition: all 0s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
            border: 0px solid #FFF !important;  
            color: #FFF;  
            font-size: 18px; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > a span,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > .div-cont > a span,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > a span,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > .div-cont > a span {  
            color: #FFF;  
            white-space: normal;  
            display: inline-block;  
            vertical-align: middle;  
            max-width: 80%; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li:hover,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li:hover {  
          background-color: #294e69; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li:hover > a,  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li:hover > .div-cont > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li:hover > a,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li:hover > .div-cont > a {  
            background-color: #294e69; }  
            .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li:hover > a > i,  
            .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li:hover > .div-cont > a > i,  
            .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li:hover > a > i,  
            .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li:hover > .div-cont > a > i {  
              background-color: #294e69 !important; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > ul:before,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > ul:before {  
          border-right: 8px solid white !important; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li ul:before,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li ul:before {  
          border-right: 8px solid white; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li ul li a,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li ul li a {  
          background-color: #1a3344; }  
          .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li ul li a span,  
          .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li ul li a span {  
            color: #FFF; }  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li ul li:hover > a,  
        .layout-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li ul li:hover > .div-cont > a,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li ul li:hover > a,  
        .layout-cbx ~ .menu-layout > .tx-menu.vertical > ul > li ul li:hover > .div-cont > a {  
          background-color: #294e69; } }  
  .layout-cbx:checked ~ .menu-layout > form > .tx-menu,  
  .layout-cbx:checked ~ .menu-layout > .tx-menu {  
    top: 54px;  
    max-width: 100%;  
    width: 100%;  
    height: auto;  
    display: none !important; }  
    .layout-cbx:checked ~ .menu-layout > form > .tx-menu > ul.ps,  
    .layout-cbx:checked ~ .menu-layout > .tx-menu > ul.ps {  
      border: 0px solid blue !important;  
      overflow: inherit !important; }  
      .layout-cbx:checked ~ .menu-layout > form > .tx-menu > ul.ps .ps__rail-x,  
      .layout-cbx:checked ~ .menu-layout > .tx-menu > ul.ps .ps__rail-x {  
        display: none !important; }  
      .layout-cbx:checked ~ .menu-layout > form > .tx-menu > ul.ps .ps__rail-y,  
      .layout-cbx:checked ~ .menu-layout > .tx-menu > ul.ps .ps__rail-y {  
        display: none !important; }  
    .layout-cbx:checked ~ .menu-layout > form > .tx-menu.horizontal,  
    .layout-cbx:checked ~ .menu-layout > .tx-menu.horizontal {  
      display: inline-block !important; }  
  .layout-cbx:checked ~ .menu-layout > .menu-content {  
    margin-left: 0px;  
    padding-top: 114px; }  
    .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
      display: none; }  
    .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .header {  
      padding-left: 0px !important;  
      margin-right: 0px !important; }  
  @media (max-width: 480px) {  
    .layout-cbx {  
      margin: 100px !important; }  
      .layout-cbx ~ .menu-layout > form > .tx-menu,  
      .layout-cbx ~ .menu-layout > .tx-menu, .layout-cbx:checked ~ .menu-layout > form > .tx-menu,  
      .layout-cbx:checked ~ .menu-layout > .tx-menu {  
        top: 0 !important;  
        width: auto;  
        height: 100%; }  
      .layout-cbx ~ .menu-layout > .menu-content, .layout-cbx:checked ~ .menu-layout > .menu-content {  
        margin-left: 0px;  
        padding-top: 54px; }  
        .layout-cbx ~ .menu-layout > .menu-content .body-header .header, .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .header {  
          padding-left: 54px !important; } }  
  
.layout-lv1-cbx {  
  position: absolute;  
  left: 320px;  
  top: 0px; }  
  @media (min-width: 481px) {  
    .layout-lv1-cbx ~ .menu-layout > form > .tx-menu,  
    .layout-lv1-cbx ~ .menu-layout > .tx-menu {  
      display: block !important; }  
      .layout-lv1-cbx ~ .menu-layout > form > .tx-menu > ul.ps,  
      .layout-lv1-cbx ~ .menu-layout > .tx-menu > ul.ps {  
        border: 0px solid green !important;  
        overflow: hidden !important;  
        max-height: 100% !important; }  
      .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul.ps,  
      .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul.ps {  
        border: 0px solid green !important;  
        overflow: inherit !important; }  
        .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul.ps .ps__rail-x,  
        .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul.ps .ps__rail-x {  
          display: none !important; }  
        .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul.ps .ps__rail-y,  
        .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul.ps .ps__rail-y {  
          display: none !important; }  
      .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.accordion, .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical,  
      .layout-lv1-cbx ~ .menu-layout > .tx-menu.accordion,  
      .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical {  
        width: 250px;  
        top: 0px;  
        padding-top: 0px; }  
        .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.accordion > ul, .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul,  
        .layout-lv1-cbx ~ .menu-layout > .tx-menu.accordion > ul,  
        .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul {  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          width: 250px;  
          min-width: 1px; }  
          .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li, .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li,  
          .layout-lv1-cbx ~ .menu-layout > .tx-menu.accordion > ul > li,  
          .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul > li {  
            min-width: 1px; }  
            .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > a span,  
            .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a span, .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > a span,  
            .layout-lv1-cbx ~ .menu-layout > form > .tx-menu.vertical > ul > li > .div-cont > a span,  
            .layout-lv1-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > a span,  
            .layout-lv1-cbx ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a span,  
            .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > a span,  
            .layout-lv1-cbx ~ .menu-layout > .tx-menu.vertical > ul > li > .div-cont > a span {  
              -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
              -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
              -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
              transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s; }  
    .layout-lv1-cbx ~ .menu-layout > .menu-content {  
      margin-left: 250px; }  
      .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.2s;  
        background-color: transparent !important; }  
        .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger .icon-01 {  
          opacity: 0;  
          filter: alpha(opacity=0);  
          zoom: 1; }  
        .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger .icon-02 {  
          font-size: 25px;  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0.4s;  
          -webkit-transform-origin: 0% 0%;  
          -moz-transform-origin: 0% 0%;  
          -ms-transform-origin: 0% 0%;  
          transform-origin: 0% 0%;  
          opacity: 1;  
          filter: alpha(opacity=100);  
          zoom: 1;  
          -webkit-transform: translateX(-50%) translateY(-50%);  
          -moz-transform: translateX(-50%) translateY(-50%);  
          -ms-transform: translateX(-50%) translateY(-50%);  
          transform: translateX(-50%) translateY(-50%);  
          color: #000; }  
      .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .header {  
        padding-left: 54px !important;  
        margin-right: 250px !important; }  
    .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion,  
    .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical,  
    .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion {  
      width: 54px;  
      min-width: 54px;  
      top: 0px;  
      padding-top: 54px; }  
      .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul,  
      .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul,  
      .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul {  
        -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
        width: 100%; }  
        .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul > li > span.arrow, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul > li > span.arrow,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul > li > span.arrow,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul > li > span.arrow {  
          color: white !important; }  
        .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul > li > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul > li > .div-cont > a span, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul > li > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul > li > .div-cont > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul > li > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul > li > .div-cont > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul > li > a span,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul > li > .div-cont > a span {  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s; }  
        .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul.ps, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul.ps,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul.ps,  
        .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul.ps {  
          border: 0px solid cyan !important;  
          overflow: inherit !important; }  
          .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul.ps .ps__rail-x, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul.ps .ps__rail-x,  
          .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul.ps .ps__rail-x,  
          .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul.ps .ps__rail-x {  
            display: none !important; }  
          .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.vertical > ul.ps .ps__rail-y, .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu.accordion > ul.ps .ps__rail-y,  
          .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.vertical > ul.ps .ps__rail-y,  
          .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu.accordion > ul.ps .ps__rail-y {  
            display: none !important; }  
    .layout-lv1-cbx:checked ~ .menu-layout > .menu-content {  
      margin-left: 0px; }  
      .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        background-color: transparent !important;  
        -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
        transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
        .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger i {  
          color: #FFF !important; }  
        .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger .icon-01 {  
          opacity: 1;  
          filter: alpha(opacity=100);  
          zoom: 1; }  
        .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger .icon-02 {  
          -webkit-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          -moz-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          -ms-transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          transition: all 0.2s cubic-bezier(0.95, 0.05, 0.05, 0.95) 0s;  
          opacity: 0;  
          filter: alpha(opacity=0);  
          zoom: 1;  
          -webkit-transform: translateX(-100%) translateY(-50%);  
          -moz-transform: translateX(-100%) translateY(-50%);  
          -ms-transform: translateX(-100%) translateY(-50%);  
          transform: translateX(-100%) translateY(-50%);  
          color: #FFF; }  
      .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-header .header {  
        padding-left: 0px !important;  
        margin-left: 54px !important;  
        margin-right: 0px !important; }  
      .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-content {  
        margin-left: 54px; } }  
    @media (min-width: 481px) and (max-width: 480px) {  
      .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-content {  
        margin-left: 0px; } }  
  
html {  
  border: 0px solid cyan;  
  height: 100%; }  
  html body {  
    min-height: 100%;  
    height: inherit; }  
    html body .body-div {  
      min-height: 100%;  
      height: inherit; }  
  
@media (max-width: 480px) {  
  .menu-toggle {  
    display: none !important; } }  
  
/*--------- CSS MENU --------------------------------------------------*/  
/*--------- CSS MENU --------------------------------------------------*/  
/*--------- CSS MENU --------------------------------------------------*/  
/*--------- CSS MENU --------------------------------------------------*/  
/*--------- CSS MENU --------------------------------------------------*/  
/* --------------------------------------------  
 * perfect-scrollbar.css (start)  
 -------------------------------------------- */  
.ps {  
  overflow: hidden !important;  
  overflow-anchor: none;  
  -ms-overflow-style: none;  
  touch-action: auto;  
  -ms-touch-action: auto; }  
  
/*  
 * Scrollbar rail styles  
 */  
.ps__rail-x {  
  z-index: 99999;  
  display: none;  
  opacity: 0;  
  transition: background-color .2s linear, opacity .2s linear;  
  -webkit-transition: background-color .2s linear, opacity .2s linear;  
  height: 15px;  
  /* there must be 'bottom' or 'top' for ps__rail-x */  
  bottom: 0px;  
  /* please don't change 'position' */  
  position: absolute; }  
  
.ps__rail-y {  
  z-index: 99999;  
  display: none;  
  opacity: 0;  
  transition: background-color .2s linear, opacity .2s linear;  
  -webkit-transition: background-color .2s linear, opacity .2s linear;  
  width: 15px;  
  /* there must be 'right' or 'left' for ps__rail-y */  
  right: 0;  
  /* please don't change 'position' */  
  position: absolute; }  
  
.ps--active-x > .ps__rail-x,  
.ps--active-y > .ps__rail-y {  
  display: block;  
  background-color: transparent; }  
  
.ps:hover > .ps__rail-x,  
.ps:hover > .ps__rail-y,  
.ps--focus > .ps__rail-x,  
.ps--focus > .ps__rail-y,  
.ps--scrolling-x > .ps__rail-x,  
.ps--scrolling-y > .ps__rail-y {  
  opacity: 0.6; }  
  
.ps__rail-x:hover,  
.ps__rail-y:hover,  
.ps__rail-x:focus,  
.ps__rail-y:focus {  
  background-color: #eee;  
  opacity: 0.9; }  
  
/*  
 * Scrollbar thumb styles  
 */  
.ps__thumb-x {  
  background-color: #aaa;  
  border-radius: 6px;  
  transition: background-color .2s linear, height .2s ease-in-out;  
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;  
  height: 6px;  
  /* there must be 'bottom' for ps__thumb-x */  
  bottom: 2px;  
  /* please don't change 'position' */  
  position: absolute; }  
  
.ps__thumb-y {  
  background-color: #aaa;  
  border-radius: 6px;  
  transition: background-color .2s linear, width .2s ease-in-out;  
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;  
  width: 6px;  
  /* there must be 'right' for ps__thumb-y */  
  right: 2px;  
  /* please don't change 'position' */  
  position: absolute; }  
  
.ps__rail-x:hover > .ps__thumb-x,  
.ps__rail-x:focus > .ps__thumb-x {  
  background-color: #999;  
  height: 11px; }  
  
.ps__rail-y:hover > .ps__thumb-y,  
.ps__rail-y:focus > .ps__thumb-y {  
  background-color: #999;  
  width: 11px; }  
  
/* MS supports */  
@supports (-ms-overflow-style: none) {  
  .ps {  
    overflow: auto !important; } }  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .ps {  
    overflow: auto !important; } }  
/* --------------------------------------------  
 * perfect-scrollbar.css (start)  
 -------------------------------------------- */  
/* --------- end --------------- */  
/* --------- menu.less --------- */  
/* --------- responsive.less --- */  
/* --------- start ------------- */  
/* ---------------------------------- */  
/* --------- functions (Start)------- */  
/*  
(property, duration, timing-function, delay)  
@include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s);  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s);  
@include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s);  
@include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s);  
@include transition();  
@include transform-origin(center center);  
@include transform-origin(left top);  
@include transform-origin(50% 20%);  
@include transform(rotate(45deg));		  
@include transform(translateY(-50%));	  
@include transform(scaleY(0.6));	  
@include transform(translate(50%, 50%) rotate(90deg));   
---------- forward -------------  
@include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s);  
---------- backward -------------  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s);  
@include transition(all 0.2s @timing-02 0s);  
*/  
/* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */  
/* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */  
.blinker-me {  
  -webkit-animation-name: blinker;  
  -moz-animation-name: blinker;  
  -ms-animation-name: blinker;  
  animation-name: blinker;  
  -webkit-animation-duration: 2s;  
  -moz-animation-duration: 2s;  
  -ms-animation-duration: 2s;  
  animation-duration: 2s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
.blinker-me-stop {  
  -webkit-animation-name: none;  
  -moz-animation-name: none;  
  -ms-animation-name: none;  
  animation-name: none; }  
  
@-webkit-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-moz-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-ms-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-o-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
.fadein-me {  
  -webkit-animation-name: fadein;  
  -moz-animation-name: fadein;  
  -ms-animation-name: fadein;  
  animation-name: fadein;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-moz-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-ms-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-o-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
.fadeout-me {  
  -webkit-animation-name: fadeout;  
  -moz-animation-name: fadeout;  
  -ms-animation-name: fadeout;  
  animation-name: fadeout;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-moz-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-ms-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-o-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
.shake-me {  
  -webkit-transform-origin: 50% 10%;  
  -moz-transform-origin: 50% 10%;  
  -ms-transform-origin: 50% 10%;  
  transform-origin: 50% 10%;  
  -webkit-animation-name: shaker;  
  -moz-animation-name: shaker;  
  -ms-animation-name: shaker;  
  animation-name: shaker;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-moz-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-ms-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-o-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
.rotate-me {  
  -webkit-transform-origin: 50% 50%;  
  -moz-transform-origin: 50% 50%;  
  -ms-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;  
  -webkit-animation-name: rotator;  
  -moz-animation-name: rotator;  
  -ms-animation-name: rotator;  
  animation-name: rotator;  
  -webkit-animation-duration: 2.5s;  
  -moz-animation-duration: 2.5s;  
  -ms-animation-duration: 2.5s;  
  animation-duration: 2.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-moz-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-ms-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-o-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
/* --------- functions (End)--------- */  
/* ---------------------------------- */  
.selectorDummy {  
  -webkit-column-count: 3;  
  -moz-column-count: 3;  
  column-count: 3;  
  -webkit-column-gap: 1.5em;  
  -moz-column-gap: 1.5em;  
  column-gap: 1.5em;  
  -webkit-column-rule: 2px solid hotpink;  
  -moz-column-rule: 2px solid hotpink;  
  column-rule: 2px solid hotpink; }  
  
.aObj {  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px; }  
  
.some-selector {  
  display: block; }  
  
.item-1 {  
  width: 2em; }  
  
.item-2 {  
  width: 4em; }  
  
.item-3 {  
  width: 6em; }  
  
.some-selectorA {  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
.glass {  
  border: 1px solid red;  
  position: absolute;  
  left: 0px;  
  width: 400px;  
  height: 400px;  
  overflow: auto;  
  margin: 50px; }  
  
@media (min-width: 641px) and (max-width: 1000px) {  
  .css-menu.horizontal > ul {  
    /* First level animation */ }  
    .css-menu.horizontal > ul > li {  
      min-width: 50px; }  
      .css-menu.horizontal > ul > li > a {  
        text-align: center; }  
  .css-menu.horizontal a > i {  
    /* [left] icon */  
    display: none;  
    padding-left: 10px;  
    padding-right: 10px; } }  
@media (min-width: 641px) and (max-width: 700px) {  
  .css-menu.horizontal > ul {  
    /* First level animation */ }  
    .css-menu.horizontal > ul > li {  
      min-width: 50px; }  
      .css-menu.horizontal > ul > li > a {  
        text-align: center; }  
  .css-menu.horizontal a {  
    padding-left: 7px;  
    padding-right: 7px; }  
    .css-menu.horizontal a > i {  
      /* [left] icon */  
      display: none; }  
  .css-menu.horizontal li > span {  
    /* arrow */ } }  
@media (max-width: 1200px) {  
  aside {  
    width: 60px; }  
  
  .top-level > li {  
    margin: 0;  
    padding: 0; }  
    .top-level > li span {  
      display: none; }  
    .top-level > li > a {  
      height: 50px;  
      padding: 13px 0px !important;  
      line-height: 60px;  
      text-align: center;  
      width: 60px; }  
      .top-level > li > a i {  
        font-size: 19px;  
        line-height: normal;  
        margin: 0;  
        text-align: center;  
        width: 100% !important; }  
  
  .lft-menu-trigger {  
    display: none; }  
  
  #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li > a {  
    line-height: normal; }  
    #lft-menu-cbx[type=checkbox]:checked ~ .body-div .top-level > li > a i {  
      line-height: normal; }  
  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
    left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
    left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
    left: -60px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
    left: -60px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
    padding-left: 0px; } }  
@media (max-width: 980px) {  
  .logo {  
    width: auto; }  
  
  .body-header {  
    width: 100%; }  
  
  .stats-sec .col-md-6 {  
    float: left;  
    width: 50%; } }  
@media (max-width: 767px) {  
  .body-header {  
    /* float: left; position: static; */  
    width: 100%; }  
    .body-header .app-name {  
      display: none; }  
  
  .logo {  
    width: auto; }  
  
  .search {  
    padding-left: 15px; }  
    .search input[type="text"] {  
      margin: 0 20px 0 0;  
      width: 130px; }  
  
  .custom-dropdowns .dropdown > a {  
    padding-right: 25px; }  
    .custom-dropdowns .dropdown > a > span {  
      margin-right: 0px; }  
  
  .imp-buttons {  
    text-align: center;  
    width: 100%; }  
    .imp-buttons .dropdown.rounded {  
      margin-left: 10px; }  
  
  .mini-stats-sec > .row > div {  
    float: left;  
    margin-top: 20px;  
    width: 50%; }  
  
  .title {  
    margin-bottom: 7px;  
    width: 100%; }  
    .title > h1 {  
      font-size: 24px;  
      overflow: hidden;  
      text-overflow: ellipsis;  
      white-space: nowrap; }  
  
  .stats-sec {  
    position: relative;  
    z-index: 999; }  
  
  .visitor-stats > .sparkline {  
    text-align: center;  
    width: 100%; }  
  
  .all-mail {  
    margin-top: 30px; }  
  
  .comment-avatar {  
    width: 37px; }  
  
  .comment {  
    padding-left: 47px; }  
  
  .user-comment {  
    padding: 20px; }  
  
  .error-sec > input {  
    width: 100%; }  
  
  .error-sec > p {  
    padding: 0; }  
  
  .invoice-billing .col-md-6 {  
    float: left;  
    width: 50%; }  
  
  .description {  
    display: none; }  
  
  .date {  
    width: 20%; }  
  
  .invoice-number {  
    width: 20%; }  
  
  .quantity {  
    width: 20%; }  
  
  .vat {  
    width: 20%; }  
  
  .total {  
    width: 20%; }  
  
  .long-column {  
    width: 80%; }  
  
  .msg {  
    float: left;  
    margin: 20px auto 0;  
    padding: 15px 51px;  
    text-align: center;  
    width: 100%; }  
  
  .invoice-billing > .row > .col-md-6 {  
    float: left;  
    width: 50%; }  
  
  .coming-soon > h2 {  
    font-size: 59px; }  
  
  .about-us p {  
    margin-bottom: 30px; }  
  
  .award {  
    margin-bottom: 10px;  
    text-align: center; }  
  
  .portfolio-sec > li {  
    float: left;  
    width: 100%; }  
  
  .price-table {  
    margin: 30px 0 0; }  
  
  .keys > div {  
    float: left;  
    width: 25%; }  
  
  .top .screen {  
    margin-bottom: 10px; }  
  
  .profile-avatar {  
    padding-left: 80px; }  
  
  .profile-avatar > span {  
    top: 14px;  
    width: 60px; }  
  
  .profile-connect > li > a {  
    font-size: 12px;  
    padding: 6px 19px; }  
  
  .profile-count > li {  
    font-size: 21px; }  
  
  .profile-name > h3 {  
    font-size: 17px; }  
  
  .profile-name > i {  
    font-size: 12px; }  
  
  #keywords thead tr th {  
    padding: 5px; }  
  
  .dropdown.profile > a {  
    color: transparent;  
    height: 36px;  
    width: 36px;  
    white-space: nowrap; }  
  
  .profile.drop-list {  
    left: auto;  
    margin-top: 10px;  
    right: 0;  
    width: 200px; }  
  
  .profile.drop-list:before {  
    left: auto;  
    right: 18px; }  
  
  .ax-dashboard-circle {  
    padding: 10px 0px; }  
    .ax-dashboard-circle ul {  
      text-align: center; } }  
@media (max-width: 640px) {  
  .login-page-header .header-container {  
    width: auto; }  
  .login-page-header .lang {  
    margin-right: 10px;  
    margin-top: -5px;  
    position: absolute;  
    top: 20px;  
    right: 0px; }  
  
  .logo {  
    padding: 3px 0px 0px 15px;  
    min-height: 54px; }  
    .logo > a img {  
      border: 0px solid transparent;  
      width: 94px; }  
  
  .body-header {  
    /* float: left; position: static; */  
    height: 50px;  
    width: 100%; }  
    .body-header .header .logo {  
      padding-left: 60px; }  
    .body-header .header .dropdown.profile {  
      margin-top: 0px;  
      padding: 6px; }  
    .body-header .header .custom-dropdowns {  
      margin-top: 0px; }  
    .body-header .header .lang {  
      margin-top: 15px; }  
  
  .main-content {  
    margin-top: 10px; }  
  
  .search input[type="text"] {  
    width: 110px; }  
  
  .search {  
    margin: 13px 0;  
    min-height: 34px; }  
  
  aside {  
    width: 50px;  
    top: 71px; }  
    aside.with-top-menu {  
      top: 71px;  
      height: 100%;  
      min-height: 100%; }  
    aside.with-top-menu-lp {  
      top: 71px;  
      height: 100%;  
      min-height: 100%; }  
  
  #container {  
    padding-top: 50px;  
    padding-left: 0px; }  
  
  .menu .top-level {  
    padding-top: 0px !important; }  
    .menu .top-level > li {  
      margin-bottom: 1px !important; }  
      .menu .top-level > li > a {  
        height: 40px;  
        width: 50px;  
        line-height: normal;  
        padding: 9px 0px !important; }  
        .menu .top-level > li > a i {  
          font-size: 17px;  
          line-height: normal; }  
  .menu ul li > ul {  
    padding: 0px;  
    width: 160px; }  
    .menu ul li > ul a {  
      font-size: 12px;  
      line-height: 10px;  
      overflow: hidden;  
      padding-left: 33px;  
      text-overflow: ellipsis;  
      text-transform: none;  
      white-space: nowrap; }  
  
  #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
    width: 50px; }  
  #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-cbx[type=checkbox]:checked ~ .body-div .menu .top-level {  
    padding-top: 0px !important; }  
    #lft-menu-cbx[type=checkbox]:checked ~ .body-div .menu .top-level > li > a {  
      height: 40px;  
      width: 50px;  
      line-height: normal;  
      padding: 12px 0px 0px 0px !important; }  
      #lft-menu-cbx[type=checkbox]:checked ~ .body-div .menu .top-level > li > a i {  
        font-size: 17px;  
        line-height: normal; }  
  
  .lft-menu-close-trigger {  
    height: 29px;  
    padding-top: 5px;  
    font-size: 16px;  
    vertical-align: top; }  
  
  #lft-menu-close-cbx[type=checkbox] ~ .body-div .lft-menu-close-trigger i {  
    top: 6px; }  
  #lft-menu-close-cbx[type=checkbox]:checked ~ .body-div .lft-menu-close-trigger i {  
    top: 7px; }  
  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
    left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
    left: 0px; }  
  #lft-menu-close-cbx[type=checkbox] + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div aside {  
    left: -50px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox] ~ .body-div #container {  
    padding-left: 0px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div aside {  
    left: -50px; }  
  #lft-menu-close-cbx[type=checkbox]:checked + #lft-menu-cbx[type=checkbox]:checked ~ .body-div #container {  
    padding-left: 0px; }  
  
  .menu ul li > ul.mega {  
    width: 240px; }  
  
  .content-sec {  
    padding: 15px; }  
  
  .title {  
    margin-bottom: 0px; }  
    .title > h1 {  
      font-size: 21px; }  
    .title > span {  
      font-size: 11px; }  
  
  .imp-buttons .dropdown.rounded {  
    margin: 0;  
    margin-top: 5px;  
    margin-bottom: 10px; }  
    .imp-buttons .dropdown.rounded > button {  
      font-size: 13px;  
      padding: 6px 11px; }  
  
  .widget {  
    padding: 15px; }  
  
  .earning-widget {  
    padding: 15px 15px 0; }  
  
  .earning-graph > h3 {  
    font-size: 17px; }  
  
  .full-width {  
    margin: 0 -15px; }  
  
  .database-migration > h3 {  
    font-size: 12px; }  
  
  .progress.w-tooltip .progress-bar > i {  
    display: none; }  
  
  .quick-stats > h4 {  
    font-size: 15px; }  
  
  p {  
    font-size: 12px; }  
  
  .quick-stats {  
    overflow: hidden; }  
  
  .quick-stats > p {  
    line-height: 20px; }  
  
  .widget-title {  
    font-size: 14px; }  
  
  .tckt-status {  
    width: 50%; }  
  
  .tckt-number {  
    width: 50%; }  
  
  .ticket-info {  
    margin-top: 10px;  
    width: 100%; }  
  
  .widget-tabs > .nav > li {  
    width: 50%; }  
  
  .widget-tabs > .nav > li > a {  
    font-size: 11px;  
    padding: 14px 8px;  
    text-align: center; }  
  
  .user-comments > li .user-avatar {  
    width: 40px;  
    height: 40px; }  
  
  .user-comments > li .user-avatar span {  
    width: 40px;  
    height: 40px; }  
  
  .user-comments > li {  
    padding: 20px 0 20px 58px; }  
  
  .tab-content {  
    padding: 15px; }  
  
  .panel.work-progress-table > .panel-heading {  
    font-size: 13px;  
    padding: 15px 15px 9px; }  
  
  .work-progress-table .table td {  
    font-family: Lato;  
    font-size: 11px;  
    letter-spacing: 0.3px;  
    padding: 7px 6px; }  
  
  .task-graph-chart > i {  
    font-size: 9px; }  
  
  .task-graph-chart > h3 {  
    font-size: 18px; }  
  
  .social-activities > ul > li > i {  
    font-size: 12px;  
    height: 30px;  
    line-height: 30px;  
    width: 30px; }  
  
  .social-activities > ul > li {  
    padding-left: 37px; }  
  
  .social-activities span {  
    font-size: 7px; }  
  
  .server {  
    padding: 0 15px; }  
  
  .server > span {  
    font-size: 12px;  
    margin-right: 13px; }  
  
  .server > .btn-group {  
    margin-bottom: 13px;  
    margin-top: 20px; }  
  
  .mini-profile-area > span {  
    border: 2px solid #adadad;  
    width: 40px; }  
  
  .mini-profile-area {  
    padding-left: 51px; }  
  
  .mini-profile-area > h3 {  
    font-size: 13px;  
    margin: 10px 0 0; }  
  
  .social-btns > li > a > i {  
    font-size: 13px;  
    height: 28px;  
    line-height: 28px;  
    width: 28px; }  
  
  .mini-profile-widget {  
    padding: 15px; }  
  
  .mini-profile-area > .social-btns {  
    margin: 20px 0 0; }  
  
  .timeline {  
    padding: 0; }  
  
  .timeline-sec > ul:before {  
    display: none; }  
  
  .user-timeline {  
    display: table;  
    float: none;  
    margin: 0 auto 20px;  
    position: relative;  
    text-align: center;  
    width: auto; }  
  
  .user-timeline > span:before {  
    background: none repeat scroll 0 0 #f5f5f5;  
    content: "";  
    height: 30px;  
    left: 50%;  
    position: absolute;  
    top: 100%;  
    width: 1px; }  
  
  .timeline-detail:before {  
    display: none; }  
  
  .all-mail > h2 {  
    font-size: 20px; }  
  
  .email > h3 {  
    width: auto; }  
  
  .inbox-msg {  
    width: 100%; }  
  
  .read-email {  
    width: 300px !important; }  
  
  .close-reading {  
    background: none repeat scroll 0 0 #333;  
    color: #ffffff;  
    top: 141px; }  
  
  .balance-widget > h2 {  
    font-size: 15px; }  
  
  .doughnutSummaryNumber {  
    font-size: 20px; }  
  
  .doughnutSummaryTitle {  
    font-size: 11px; }  
  
  .post-date {  
    width: 50px; }  
  
  .post {  
    padding-left: 60px; }  
  
  .post h2 {  
    font-size: 14px; }  
  
  .metas > h6 {  
    line-height: 20px; }  
  
  .tags > li {  
    margin-bottom: 10px; }  
  
  .comment-avatar {  
    float: left;  
    position: static;  
    width: 87px; }  
  
  .user-comment {  
    width: 100%; }  
  
  #comment > ul > li > ul > li > .comment > .user-comment {  
    width: 100%; }  
  
  #comment > ul > li > ul {  
    padding: 0; }  
  
  #comment > ul > li > ul > li > ul {  
    padding: 0; }  
  
  #comment > ul > li > ul > li > ul > li .comment > .user-comment {  
    width: 100%; }  
  
  .comment {  
    padding-left: 0; }  
  
  .error-sec > h2 {  
    font-size: 80px;  
    font-weight: 900; }  
  
  .error-sec > h4 {  
    margin: 10px 0 0; }  
  
  .error-sec > h5 {  
    line-height: 22px; }  
  
  .error-sec > h4 {  
    font-size: 14px;  
    line-height: 24px; }  
  
  .vat {  
    display: none; }  
  
  .invoice-number,  
  .date,  
  .quantity,  
  .total {  
    width: 25%; }  
  
  .invoice-number.long-column {  
    width: 75%; }  
  
  .invoice li div p {  
    font-size: 9px; }  
  
  .search-result h2 {  
    font-size: 14px;  
    line-height: 20px; }  
  
  .search-result p {  
    width: 100%; }  
  
  .search-form > span {  
    font-size: 13px; }  
  
  .login-page-header .header-container {  
    padding-top: 50px; }  
  .login-page-header .logo {  
    padding: 0px 0px 0px 0px;  
    margin: 0px;  
    width: 100%;  
    float: none;  
    display: block;  
    text-align: center !important; }  
    .login-page-header .logo > a {  
      float: none;  
      display: inline-block !important;  
      border: 0px solid transparent;  
      padding: 0px 0px !important;  
      margin: auto auto !important; }  
      .login-page-header .logo > a img {  
        margin: 0px !important;  
        width: 180px !important; }  
  .login-page-header .app-name {  
    margin-top: 10px;  
    margin-left: 0px;  
    float: none;  
    display: block !important; }  
    .login-page-header .app-name > .sep {  
      display: none !important; }  
    .login-page-header .app-name > .text {  
      display: block !important;  
      border: 0px solid transparent;  
      text-align: center;  
      margin-left: 0px; }  
      .login-page-header .app-name > .text > .row-01 {  
        font-size: 18px; }  
      .login-page-header .app-name > .text > .row-02 {  
        font-size: 16px; }  
  
  .account-sec {  
    display: block;  
    width: auto !important;  
    padding: 0 10px;  
    border: 0px solid transparent; }  
    .account-sec .inner-box {  
      border: 0px solid transparent;  
      width: auto !important;  
      display: block !important;  
      margin: 0px 0px 10px 0px; }  
      .account-sec .inner-box.type-01 {  
        margin-top: 20px; }  
  
  .member-area > ul > li {  
    width: 100%; }  
  
  .image-title > h3 {  
    font-size: 15px; }  
  
  .image-title {  
    padding: 15px; }  
  
  .profile-head > ul {  
    position: static; }  
  
  .profile-head {  
    padding: 15px; }  
  
  .profile-head .profile-avatar > span {  
    display: table;  
    float: none;  
    margin: 0 auto;  
    position: static; }  
  
  .profile-head .profile-avatar {  
    padding: 0; }  
  
  .profile-name {  
    text-align: center; }  
  
  .profile-name .social-btns {  
    display: table;  
    float: none;  
    margin: 60px auto 0;  
    width: auto; }  
  
  .profile-head > ul {  
    float: left;  
    position: static;  
    width: 100%; }  
  
  .profile-count > li {  
    font-size: 15px;  
    margin-top: 20px;  
    width: 33.3334%; }  
  
  .profile-count > li > i {  
    font-size: 11px; }  
  
  .profile-connect > li {  
    float: left;  
    margin-left: 10px; }  
  
  .profile-connect > li > a {  
    font-size: 11px;  
    margin-top: 10px;  
    padding: 3px 9px; }  
  
  .fc-header-right {  
    display: table;  
    float: none;  
    margin: 0 auto;  
    text-align: left;  
    width: auto; }  
  
  .fc-header-title h2 {  
    font-size: 18px; }  
  
  .bheader > h2 {  
    font-size: 12px; }  
  
  .bbody > form {  
    display: inline;  
    float: left;  
    width: 100%; }  
  
  .image-crop input[type="file"] {  
    display: table;  
    float: none;  
    margin: 0 auto;  
    width: 180px; }  
  
  .step2 > h2 {  
    font-size: 12px;  
    padding: 0 20px; }  
  
  .image-crop label {  
    float: left;  
    margin: 0 5px;  
    width: 100%;  
    margin: 0; }  
  
  .info input {  
    float: left;  
    width: 100%; }  
  
  .anchor > li {  
    margin-bottom: 15px; }  
  
  .actionBar > a {  
    font-size: 11px;  
    padding: 5px 8px; }  
  
  .inline-form > input, .inline-form > textarea {  
    font-size: 12px; }  
  
  .actionBar .close {  
    display: none; }  
  
  #upload_form > div {  
    display: inline;  
    float: left;  
    text-align: center;  
    width: 100%; }  
  
  #upload_form > h2 {  
    float: left;  
    font-size: 11px;  
    width: 100%; }  
  
  .price-table > .price-package > h3 {  
    margin: 80px 0 40px; }  
  
  .service-icon {  
    top: 202px; }  
  
  .connected {  
    width: 100%; }  
  
  #connected {  
    width: 100%; }  
  
  #keywords thead tr th span {  
    font-size: 12px;  
    padding-right: 0; }  
  
  #keywords tbody tr td {  
    font-size: 10px;  
    padding: 5px 0; }  
  
  #keywords tbody tr td:last-child {  
    display: none; }  
  
  #wrapper {  
    float: left;  
    overflow: hidden;  
    width: 100%; }  
  
  #task-form input {  
    width: 70%; }  
  
  #task-form button {  
    font-size: 12px;  
    width: 30%; }  
  
  #task-container .nothing-message {  
    font-size: 15px; }  
  
  /* Breadcrumbs */  
  .breadcrumbs > ul {  
    padding: 6px 0px 6px 18px;  
    font-size: 12px; }  
    .breadcrumbs > ul > li {  
      margin-right: 7px;  
      padding: 0px 0px;  
      vertical-align: middle; }  
      .breadcrumbs > ul > li a {  
        font-size: 11px;  
        font-weight: normal;  
        padding-right: 7px;  
        vertical-align: middle;  
        margin-top: 1px; }  
        .breadcrumbs > ul > li a i {  
          font-size: 12px;  
          line-height: normal; }  
      .breadcrumbs > ul > li .ti-angle-right {  
        font-size: 11px;  
        vertical-align: middle;  
        font-weight: normal;  
        margin: 0px;  
        padding: 0px; }  
  
  .ax-popover {  
    max-width: 80%; }  
  
  .ax-back-icon-url .ax-icon {  
    font-size: 20px; }  
  .ax-back-icon-url:hover .ax-icon {  
    -webkit-transform: translateX(-2px) scale(1.1);  
    -moz-transform: translateX(-2px) scale(1.1);  
    -ms-transform: translateX(-2px) scale(1.1);  
    transform: translateX(-2px) scale(1.1); }  
  
  .ax-menu-button {  
    float: none;  
    text-align: right; }  
    .ax-menu-button .ui-menubutton {  
      text-align: right;  
      float: none; }  
  
  .imp-buttons-sep {  
    height: 10px; }  
  
  .basicAdvance ~ .search-basic .basicAdvanceLabel, .basicAdvance ~ .search-advance .basicAdvanceLabel {  
    margin-top: 3px;  
    margin-right: 4px; }  
  
  .ax-qtn-list textarea {  
    width: 100%; }  
  .ax-qtn-list input[type='text'] {  
    width: 100%; }  
  
  .ax-cert-thumbnail {  
    max-width: 100%; }  
  
  .ax-block-ui.type-a {  
    height: 71px; }  
  
  .ax-icon {  
    text-align: left !important; }  
  
  .ax-checkbox-w {  
    text-align: left !important; }  
  
  .ax-steps.type-01 .line {  
    display: none; }  
  .ax-steps.type-01 div.step > .text {  
    opacity: 0;  
    filter: alpha(opacity=0);  
    zoom: 1; } }  
@media (max-width: 480px) {  
  .ax-basic-info {  
    text-align: center; }  
  
  .ax-time-left {  
    font-size: 15px;  
    border: 0px solid transparent;  
    font-weight: bold; }  
    .ax-time-left .min {  
      display: block;  
      font-weight: normal; }  
    .ax-time-left .sec {  
      display: block;  
      font-weight: normal; } }  
@media (max-width: 360px) {  
  .ax-action-w {  
    width: 95px; }  
  
  .title {  
    margin-bottom: 0px; }  
    .title > h1 {  
      font-size: 18px; }  
    .title > span {  
      font-size: 11px; } }  
/* --------- end --------------- */  
/* --------- responsive.less --- */  
/* --------- print --------- */  
/* --------- start --------------*/  
/* --------- variable --------- */  
/* --------- variable --------- */  
/* --------- function --------- */  
/* ---------------------------------- */  
/* --------- functions (Start)------- */  
/*  
(property, duration, timing-function, delay)  
@include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s);  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s);  
@include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s);  
@include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s);  
@include transition();  
@include transform-origin(center center);  
@include transform-origin(left top);  
@include transform-origin(50% 20%);  
@include transform(rotate(45deg));		  
@include transform(translateY(-50%));	  
@include transform(scaleY(0.6));	  
@include transform(translate(50%, 50%) rotate(90deg));   
---------- forward -------------  
@include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s);  
---------- backward -------------  
@include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s);  
@include transition(all 0.2s @timing-02 0s);  
*/  
/* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */  
/* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */  
.blinker-me {  
  -webkit-animation-name: blinker;  
  -moz-animation-name: blinker;  
  -ms-animation-name: blinker;  
  animation-name: blinker;  
  -webkit-animation-duration: 2s;  
  -moz-animation-duration: 2s;  
  -ms-animation-duration: 2s;  
  animation-duration: 2s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
.blinker-me-stop {  
  -webkit-animation-name: none;  
  -moz-animation-name: none;  
  -ms-animation-name: none;  
  animation-name: none; }  
  
@-webkit-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-moz-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-ms-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@-o-keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
@keyframes blinker {  
  0% {  
    opacity: 1.0; }  
  50% {  
    opacity: 0.3; }  
  80% {  
    opacity: 1.0; }  
  100% {  
    opacity: 1.0; } }  
.fadein-me {  
  -webkit-animation-name: fadein;  
  -moz-animation-name: fadein;  
  -ms-animation-name: fadein;  
  animation-name: fadein;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-moz-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-ms-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@-o-keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
@keyframes fadein {  
  from {  
    opacity: 0; }  
  to {  
    opacity: 1; } }  
.fadeout-me {  
  -webkit-animation-name: fadeout;  
  -moz-animation-name: fadeout;  
  -ms-animation-name: fadeout;  
  animation-name: fadeout;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: 1;  
  -moz-animation-iteration-count: 1;  
  -ms-animation-iteration-count: 1;  
  animation-iteration-count: 1; }  
  
@-webkit-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-moz-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-ms-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@-o-keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
@keyframes fadeout {  
  from {  
    opacity: 1; }  
  to {  
    opacity: 0; } }  
.shake-me {  
  -webkit-transform-origin: 50% 10%;  
  -moz-transform-origin: 50% 10%;  
  -ms-transform-origin: 50% 10%;  
  transform-origin: 50% 10%;  
  -webkit-animation-name: shaker;  
  -moz-animation-name: shaker;  
  -ms-animation-name: shaker;  
  animation-name: shaker;  
  -webkit-animation-duration: 0.5s;  
  -moz-animation-duration: 0.5s;  
  -ms-animation-duration: 0.5s;  
  animation-duration: 0.5s;  
  -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-moz-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-ms-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@-o-keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
@keyframes shaker {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  40% {  
    -webkit-transform: rotate(-10deg);  
    -moz-transform: rotate(-10deg);  
    -ms-transform: rotate(-10deg);  
    transform: rotate(-10deg);  
    opacity: 0.5; }  
  60% {  
    -webkit-transform: rotate(10deg);  
    -moz-transform: rotate(10deg);  
    -ms-transform: rotate(10deg);  
    transform: rotate(10deg);  
    opacity: 0.7; }  
  100% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; } }  
.rotate-me {  
  -webkit-transform-origin: 50% 50%;  
  -moz-transform-origin: 50% 50%;  
  -ms-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;  
  -webkit-animation-name: rotator;  
  -moz-animation-name: rotator;  
  -ms-animation-name: rotator;  
  animation-name: rotator;  
  -webkit-animation-duration: 2.5s;  
  -moz-animation-duration: 2.5s;  
  -ms-animation-duration: 2.5s;  
  animation-duration: 2.5s;  
  -webkit-animation-timing-function: linear;  
  -moz-animation-timing-function: linear;  
  -ms-animation-timing-function: linear;  
  animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;  
  -moz-animation-iteration-count: infinite;  
  -ms-animation-iteration-count: infinite;  
  animation-iteration-count: infinite; }  
  
@-webkit-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-moz-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-ms-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@-o-keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
@keyframes rotator {  
  0% {  
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);  
    -ms-transform: rotate(0deg);  
    transform: rotate(0deg);  
    opacity: 1.0; }  
  25% {  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    -ms-transform: rotate(-90deg);  
    transform: rotate(-90deg);  
    opacity: 0.75; }  
  50% {  
    -webkit-transform: rotate(-180deg);  
    -moz-transform: rotate(-180deg);  
    -ms-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
    opacity: 0.55; }  
  75% {  
    -webkit-transform: rotate(-270eg);  
    -moz-transform: rotate(-270eg);  
    -ms-transform: rotate(-270eg);  
    transform: rotate(-270eg);  
    opacity: 0.75; }  
  100% {  
    -webkit-transform: rotate(-360deg);  
    -moz-transform: rotate(-360deg);  
    -ms-transform: rotate(-360deg);  
    transform: rotate(-360deg);  
    opacity: 1.0; } }  
/* --------- functions (End)--------- */  
/* ---------------------------------- */  
.selectorDummy {  
  -webkit-column-count: 3;  
  -moz-column-count: 3;  
  column-count: 3;  
  -webkit-column-gap: 1.5em;  
  -moz-column-gap: 1.5em;  
  column-gap: 1.5em;  
  -webkit-column-rule: 2px solid hotpink;  
  -moz-column-rule: 2px solid hotpink;  
  column-rule: 2px solid hotpink; }  
  
.aObj {  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px; }  
  
.some-selector {  
  display: block; }  
  
.item-1 {  
  width: 2em; }  
  
.item-2 {  
  width: 4em; }  
  
.item-3 {  
  width: 6em; }  
  
.some-selectorA {  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
.glass {  
  border: 1px solid red;  
  position: absolute;  
  left: 0px;  
  width: 400px;  
  height: 400px;  
  overflow: auto;  
  margin: 50px; }  
  
/* --------- function --------- */  
@media print {  
  .ax-section-title {  
    background-color: #FFF !important;  
    border: 1px solid #000 !important;  
    color: #000 !important; }  
  
  .rwd-menu-trigger {  
    background: none !important;  
    background-color: #FFF !important;  
    border-bottom: 1px solid #000 !important; }  
  
  .ui-dummy-field {  
    -webkit-border-radius: 3px !important;  
    -moz-border-radius: 3px !important;  
    -ms-border-radius: 3px !important;  
    border-radius: 3px !important;  
    border: 1px solid #333 !important;  
    background-color: #FFF !important;  
    color: #000 !important;  
    padding: 7px 6px !important;  
    min-height: 24px !important; }  
  
  *,  
  .note,  
  .ui-button-text {  
    font-size: 12px !important;  
    color: #000 !important;  
    background-image: none !important;  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  
  body {  
    background-color: #FFF !important; }  
  
  .body-header .header {  
    background: none !important;  
    background-color: #FFF !important;  
    border-bottom: 1px solid !important; }  
  
  #container {  
    padding-top: 54px !important; }  
  
  .content-sec > .title {  
    width: 100%;  
    padding-left: 5px; }  
    .content-sec > .title h1 {  
      font-size: 16px !important; }  
      .content-sec > .title h1 a {  
        font-size: 16px !important; }  
  
  .main-content {  
    margin-top: 5px !important; }  
  
  .ax-pf-tooltip-icon + .ui-outputlabel {  
    padding-right: 0px !important; }  
  
  .ax-pf-tooltip-icon,  
  .ax-trm-menu,  
  .ax-btn-set,  
  .ax-tooltip,  
  .dont-print,  
  header,  
  nav.css-menu,  
  .ax-back-icon-url > .ax-icon,  
  .extra-info,  
  .ui-paginator {  
    display: none !important; }  
  
  .breadcrumbs {  
    border-bottom: 1px solid #000 !important;  
    padding-top: 5px;  
    padding-bottom: 5px;  
    background-image: none !important;  
    background-color: #FFF !important; }  
    .breadcrumbs ul {  
      font-size: 0px !important; }  
      .breadcrumbs ul li {  
        font-size: 0px !important;  
        vertical-align: middle !important; }  
        .breadcrumbs ul li > a,  
        .breadcrumbs ul li > i {  
          line-height: 1em !important;  
          margin: 0px !important;  
          color: #000 !important; }  
  
  .status-label {  
    border: 0px solid #333 !important;  
    background: none !important;  
    -webkit-text-shadow: none !important;  
    -moz-text-shadow: none !important;  
    -ms-text-shadow: none !important;  
    text-shadow: none !important;  
    padding: 0px !important; }  
  
  .ui-panel-titlebar {  
    -webkit-border-radius: 0px !important;  
    -moz-border-radius: 0px !important;  
    -ms-border-radius: 0px !important;  
    border-radius: 0px !important;  
    background-color: #FFF !important;  
    border: 1px solid #000 !important; }  
    .ui-panel-titlebar-icon {  
      display: none; }  
  .ui-panel .ui-panel-content {  
    border: 1px solid #000 !important;  
    border-top: 0px solid #000 !important; }  
  
  .ui-selectonemenu.ui-state-default, .ui-selectonemenu.ui-state-disabled,  
  .ui-inputtextarea.ui-state-default,  
  .ui-inputtextarea.ui-state-disabled,  
  .ui-inputfield.ui-state-default,  
  .ui-inputfield.ui-state-disabled {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important;  
    color: #000 !important;  
    padding: 6px 6px !important;  
    min-height: 24px !important; }  
  
  .ui-inputtextarea.ui-state-default {  
    overflow: hidden !important;  
    resize: none !important; }  
  
  .ui-selectonemenu .ui-selectonemenu-label {  
    color: #000 !important; }  
    .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {  
      -webkit-border-radius: 0px !important;  
      -moz-border-radius: 0px !important;  
      -ms-border-radius: 0px !important;  
      border-radius: 0px !important;  
      padding: 0px !important;  
      margin-right: 0px !important;  
      white-space: normal !important; }  
  .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-disabled {  
    display: none !important;  
    border-left: 0px solid #000 !important; }  
  
  .ui-selectcheckboxmenu.ui-state-default {  
    border: 0px solid #cccccc; }  
  
  .ui-selectcheckboxmenu-token {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important; }  
  
  .ui-selectcheckboxmenu-trigger {  
    display: none !important; }  
  
  .ui-calendar .ui-datepicker-trigger {  
    display: none !important; }  
  
  .ui-button.ui-state-default {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important;  
    padding: 1px !important;  
    min-height: 25px !important;  
    min-width: 60px !important; }  
    .ui-button.ui-state-default .ui-button-text {  
      color: #000 !important;  
      padding: 1px !important; }  
  
  .ax-button.type-a .ui-state-default {  
    background-color: #FFF !important;  
    min-height: 25px !important; }  
    .ax-button.type-a .ui-state-default .ui-button-text {  
      color: #000 !important;  
      padding: 1px !important; }  
  
  .ui-datatable > .ui-datatable-tablewrapper {  
    border: 0px solid transparent !important;  
    border-top: 0px solid transparent !important;  
    border-left: 0px solid transparent !important;  
    border-right: 0px solid transparent !important; }  
  .ui-datatable .ui-datatable-header {  
    background-color: #FFF !important;  
    border: 1px solid #000 !important;  
    border-bottom: 0px solid #000 !important;  
    -webkit-border-radius: 0px !important;  
    -moz-border-radius: 0px !important;  
    -ms-border-radius: 0px !important;  
    border-radius: 0px !important; }  
  .ui-datatable table {  
    border-collapse: separate !important;  
    border: 1px solid #000 !important;  
    border-bottom: 0px solid #000 !important; }  
    .ui-datatable table thead > tr > th {  
      padding: 5px 10px; }  
      .ui-datatable table thead > tr > th.ui-state-default {  
        border-bottom: 1px solid #000 !important;  
        background-color: #FFF !important; }  
    .ui-datatable table tbody > tr > td {  
      background-color: #FFF !important;  
      border-bottom: 1px solid #000 !important; }  
  .ui-datatable table {  
    border-collapse: separate !important; }  
    .ui-datatable table thead > tr > th.ui-state-default {  
      border-right: 1px solid #000 !important;  
      border-bottom: 1px solid #000 !important; }  
    .ui-datatable table thead > tr > th:last-of-type {  
      border-right: 0px solid red !important; }  
  
  .ui-tabs .ui-tabs-nav {  
    border-top: 1px solid #666 !important;  
    border-left: 1px solid #666 !important;  
    border-right: 1px solid #666 !important;  
    border-bottom: 1px solid #000 !important;  
    background-color: #FFF !important;  
    padding-left: 2px !important;  
    padding-right: 2px !important; }  
    .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-default {  
      padding-top: 0px !important;  
      padding-bottom: 0px !important;  
      background-color: #FFF !important;  
      border: 1px solid #000 !important;  
      border-bottom: 1px solid #000 !important; }  
    .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected {  
      background-color: #FFF !important;  
      border: 1px solid #000 !important;  
      border-bottom: 1px solid #FFF !important; }  
      .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active a, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected a {  
        font-weight: bold !important; } }  
    @media print and (max-width: 640px) {  
      .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected {  
        border-bottom: 1px solid #000 !important; } }  
@media print {  
  .ui-tabs .ui-tabs-panels {  
    border: 1px solid #000 !important;  
    border-top: 0px solid #000 !important; }  
    .ui-tabs .ui-tabs-panels .ui-tabs-panel {  
      padding: 5px !important; }  
  .ui-tabs.ui-tabs-top > .ui-tabs-nav li {  
    top: 2px !important; }  
  
  .tx-menu {  
    display: none !important; }  
    .tx-menu.horizontal > ul {  
      /* First level animation */ } }  
@media print and (min-width: 481px) {  
  .layout-cbx ~ .menu-layout > form > .tx-menu,  
  .layout-cbx ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .layout-cbx ~ .menu-layout > .menu-content {  
    padding-top: 54px !important;  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .layout-cbx ~ .menu-layout > .menu-content .body-header {  
      background-color: #FFF;  
      border-bottom: 1px solid #000; }  
      .layout-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        display: none; }  
      .layout-cbx ~ .menu-layout > .menu-content .body-header .header {  
        padding-left: 0px !important;  
        margin-right: 0px !important; }  
    .layout-cbx ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; } }  
@media print {  
  .layout-cbx:checked ~ .menu-layout > form > .tx-menu,  
  .layout-cbx:checked ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .layout-cbx:checked ~ .menu-layout > .menu-content {  
    padding-top: 54px !important;  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
      display: none; }  
    .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .header {  
      padding-left: 0px !important;  
      margin-right: 0px !important; }  
    .layout-cbx:checked ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; }  
      .layout-cbx:checked ~ .menu-layout > .menu-content .body-content .breadcrumbs {  
        background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #FFFFFF)) !important;  
        background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 10%) !important; } }  
@media print and (max-width: 480px) {  
  .layout-cbx ~ .menu-layout > .menu-content, .layout-cbx:checked ~ .menu-layout > .menu-content {  
    left: 0px !important; } }  
  
@media print and (min-width: 481px) {  
  .layout-lv1-cbx ~ .menu-layout > form > .tx-menu,  
  .layout-lv1-cbx ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .layout-lv1-cbx ~ .menu-layout > .menu-content {  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header {  
      background-color: #FFF;  
      border-bottom: 1px solid #000; }  
      .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        display: none; }  
    .layout-lv1-cbx ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; }  
  .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu,  
  .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .layout-lv1-cbx:checked ~ .menu-layout > .menu-content {  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; } }  
  
@media print {  
  .ax-printing ul li i {  
    font-size: 17px !important; }  
  
  .ax-dashboard-circle {  
    background-color: #FFF !important; }  
    .ax-dashboard-circle ul li > i {  
      border: 0px solid #FFF; }  
    .ax-dashboard-circle ul li > div {  
      border: 1px solid #000 !important;  
      background-color: #FFF !important;  
      background: none !important; }  
      .ax-dashboard-circle ul li > div .rows {  
        border: 0px solid transparent; }  
        .ax-dashboard-circle ul li > div .rows .row-01 {  
          color: #000 !important; }  
        .ax-dashboard-circle ul li > div .rows .row-02 {  
          color: #000 !important;  
          -webkit-text-shadow: none !important;  
          -moz-text-shadow: none !important;  
          -ms-text-shadow: none !important;  
          text-shadow: none !important; }  
      .ax-dashboard-circle ul li > div:hover {  
        background: none !important; }  
  
  .ax-tab-01 .ui-tabs .ui-tabs-panels .ui-tabs-panel:first-child {  
    background-color: #FFF !important; }  
  
  .ax-dashboard-icon {  
    background-color: #FFF !important; }  
    .ax-dashboard-icon .ax-section-title {  
      font-size: 12px !important; }  
    .ax-dashboard-icon ul li > div > .icon {  
      border: 2px solid #000 !important;  
      background-color: #FFF !important; }  
      .ax-dashboard-icon ul li > div > .icon > i {  
        font-size: 35px !important; }  
    .ax-dashboard-icon ul li > div > .text {  
      color: #000 !important;  
      font-size: 15px !important; }  
    .ax-dashboard-icon ul li > div:hover > .icon > i {  
      font-size: 35px !important; }  
    .ax-dashboard-icon ul li > div:hover > .text {  
      color: #000 !important;  
      font-size: 15px !important; }  
  
  .app-name .text .row-01 {  
    -webkit-text-shadow: none;  
    -moz-text-shadow: none;  
    -ms-text-shadow: none;  
    text-shadow: none; }  
  .app-name .text .row-02 {  
    color: #000 !important;  
    -webkit-text-shadow: none;  
    -moz-text-shadow: none;  
    -ms-text-shadow: none;  
    text-shadow: none; }  
  
  .ax-message-chat {  
    background-color: #FFF; }  
    .ax-message-chat .message-notice {  
      background-color: #FFF; }  
    .ax-message-chat .message-section .message-row .name {  
      background-color: #FFF;  
      color: #000;  
      border: 1px solid #000; }  
    .ax-message-chat .message-section .message-row .message {  
      border: 1px solid #000;  
      -webkit-box-shadow: none;  
      -moz-box-shadow: none;  
      -ms-box-shadow: none;  
      box-shadow: none;  
      background-color: #FFF; }  
    .ax-message-chat .message-section .message-row.left .message:before {  
      border-right: 8px solid #000; }  
    .ax-message-chat .message-section .message-row.right .message:before {  
      border-left: 8px solid #000; }  
  
  .tx-menu,  
  .ax-printing {  
    display: none !important; }  
  
  .body-header .layout-lv1-trigger {  
    display: none !important; }  
  .body-header .header .logo {  
    display: none !important; }  
  .body-header .header .app-name {  
    margin-left: 0px !important; } }  
@media all {  
  .print .ax-section-title {  
    background-color: #FFF !important;  
    border: 1px solid #000 !important;  
    color: #000 !important; }  
  .print .rwd-menu-trigger {  
    background: none !important;  
    background-color: #FFF !important;  
    border-bottom: 1px solid #000 !important; }  
  .print .ui-dummy-field {  
    -webkit-border-radius: 3px !important;  
    -moz-border-radius: 3px !important;  
    -ms-border-radius: 3px !important;  
    border-radius: 3px !important;  
    border: 1px solid #333 !important;  
    background-color: #FFF !important;  
    color: #000 !important;  
    padding: 7px 6px !important;  
    min-height: 24px !important; }  
  .print *,  
  .print .note,  
  .print .ui-button-text {  
    font-size: 12px !important;  
    color: #000 !important;  
    background-image: none !important;  
    -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
    transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  .print body {  
    background-color: #FFF !important; }  
  .print .body-header .header {  
    background: none !important;  
    background-color: #FFF !important;  
    border-bottom: 1px solid !important; }  
  .print #container {  
    padding-top: 54px !important; }  
  .print .content-sec > .title {  
    width: 100%;  
    padding-left: 5px; }  
    .print .content-sec > .title h1 {  
      font-size: 16px !important; }  
      .print .content-sec > .title h1 a {  
        font-size: 16px !important; }  
  .print .main-content {  
    margin-top: 5px !important; }  
  .print .ax-pf-tooltip-icon + .ui-outputlabel {  
    padding-right: 0px !important; }  
  .print .ax-pf-tooltip-icon,  
  .print .ax-trm-menu,  
  .print .ax-btn-set,  
  .print .ax-tooltip,  
  .print .dont-print,  
  .print header,  
  .print nav.css-menu,  
  .print .ax-back-icon-url > .ax-icon,  
  .print .extra-info,  
  .print .ui-paginator {  
    display: none !important; }  
  .print .breadcrumbs {  
    border-bottom: 1px solid #000 !important;  
    padding-top: 5px;  
    padding-bottom: 5px;  
    background-image: none !important;  
    background-color: #FFF !important; }  
    .print .breadcrumbs ul {  
      font-size: 0px !important; }  
      .print .breadcrumbs ul li {  
        font-size: 0px !important;  
        vertical-align: middle !important; }  
        .print .breadcrumbs ul li > a,  
        .print .breadcrumbs ul li > i {  
          line-height: 1em !important;  
          margin: 0px !important;  
          color: #000 !important; }  
  .print .status-label {  
    border: 0px solid #333 !important;  
    background: none !important;  
    -webkit-text-shadow: none !important;  
    -moz-text-shadow: none !important;  
    -ms-text-shadow: none !important;  
    text-shadow: none !important;  
    padding: 0px !important; }  
  .print .ui-panel-titlebar {  
    -webkit-border-radius: 0px !important;  
    -moz-border-radius: 0px !important;  
    -ms-border-radius: 0px !important;  
    border-radius: 0px !important;  
    background-color: #FFF !important;  
    border: 1px solid #000 !important; }  
    .print .ui-panel-titlebar-icon {  
      display: none; }  
  .print .ui-panel .ui-panel-content {  
    border: 1px solid #000 !important;  
    border-top: 0px solid #000 !important; }  
  .print .ui-selectonemenu.ui-state-default, .print .ui-selectonemenu.ui-state-disabled,  
  .print .ui-inputtextarea.ui-state-default,  
  .print .ui-inputtextarea.ui-state-disabled,  
  .print .ui-inputfield.ui-state-default,  
  .print .ui-inputfield.ui-state-disabled {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important;  
    color: #000 !important;  
    padding: 6px 6px !important;  
    min-height: 24px !important; }  
  .print .ui-inputtextarea.ui-state-default {  
    overflow: hidden !important;  
    resize: none !important; }  
  .print .ui-selectonemenu .ui-selectonemenu-label {  
    color: #000 !important; }  
    .print .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {  
      -webkit-border-radius: 0px !important;  
      -moz-border-radius: 0px !important;  
      -ms-border-radius: 0px !important;  
      border-radius: 0px !important;  
      padding: 0px !important;  
      margin-right: 0px !important;  
      white-space: normal !important; }  
  .print .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default, .print .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-disabled {  
    display: none !important;  
    border-left: 0px solid #000 !important; }  
  .print .ui-selectcheckboxmenu.ui-state-default {  
    border: 0px solid #cccccc; }  
  .print .ui-selectcheckboxmenu-token {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important; }  
  .print .ui-selectcheckboxmenu-trigger {  
    display: none !important; }  
  .print .ui-calendar .ui-datepicker-trigger {  
    display: none !important; }  
  .print .ui-button.ui-state-default {  
    border: 1px solid #000 !important;  
    background-color: #FFF !important;  
    padding: 1px !important;  
    min-height: 25px !important;  
    min-width: 60px !important; }  
    .print .ui-button.ui-state-default .ui-button-text {  
      color: #000 !important;  
      padding: 1px !important; }  
  .print .ax-button.type-a .ui-state-default {  
    background-color: #FFF !important;  
    min-height: 25px !important; }  
    .print .ax-button.type-a .ui-state-default .ui-button-text {  
      color: #000 !important;  
      padding: 1px !important; }  
  .print .ui-datatable > .ui-datatable-tablewrapper {  
    border: 0px solid transparent !important;  
    border-top: 0px solid transparent !important;  
    border-left: 0px solid transparent !important;  
    border-right: 0px solid transparent !important; }  
  .print .ui-datatable .ui-datatable-header {  
    background-color: #FFF !important;  
    border: 1px solid #000 !important;  
    border-bottom: 0px solid #000 !important;  
    -webkit-border-radius: 0px !important;  
    -moz-border-radius: 0px !important;  
    -ms-border-radius: 0px !important;  
    border-radius: 0px !important; }  
  .print .ui-datatable table {  
    border-collapse: separate !important;  
    border: 1px solid #000 !important;  
    border-bottom: 0px solid #000 !important; }  
    .print .ui-datatable table thead > tr > th {  
      padding: 5px 10px; }  
      .print .ui-datatable table thead > tr > th.ui-state-default {  
        border-bottom: 1px solid #000 !important;  
        background-color: #FFF !important; }  
    .print .ui-datatable table tbody > tr > td {  
      background-color: #FFF !important;  
      border-bottom: 1px solid #000 !important; }  
  .print .ui-datatable table {  
    border-collapse: separate !important; }  
    .print .ui-datatable table thead > tr > th.ui-state-default {  
      border-right: 1px solid #000 !important;  
      border-bottom: 1px solid #000 !important; }  
    .print .ui-datatable table thead > tr > th:last-of-type {  
      border-right: 0px solid red !important; }  
  .print .ui-tabs .ui-tabs-nav {  
    border-top: 1px solid #666 !important;  
    border-left: 1px solid #666 !important;  
    border-right: 1px solid #666 !important;  
    border-bottom: 1px solid #000 !important;  
    background-color: #FFF !important;  
    padding-left: 2px !important;  
    padding-right: 2px !important; }  
    .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-default {  
      padding-top: 0px !important;  
      padding-bottom: 0px !important;  
      background-color: #FFF !important;  
      border: 1px solid #000 !important;  
      border-bottom: 1px solid #000 !important; }  
    .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active, .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected {  
      background-color: #FFF !important;  
      border: 1px solid #000 !important;  
      border-bottom: 1px solid #FFF !important; }  
      .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active a, .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected a {  
        font-weight: bold !important; } }  
    @media all and (max-width: 640px) {  
      .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-active, .print .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected {  
        border-bottom: 1px solid #000 !important; } }  
@media all {  
  .print .ui-tabs .ui-tabs-panels {  
    border: 1px solid #000 !important;  
    border-top: 0px solid #000 !important; }  
    .print .ui-tabs .ui-tabs-panels .ui-tabs-panel {  
      padding: 5px !important; }  
  .print .ui-tabs.ui-tabs-top > .ui-tabs-nav li {  
    top: 2px !important; }  
  .print .tx-menu {  
    display: none !important; }  
    .print .tx-menu.horizontal > ul {  
      /* First level animation */ } }  
@media all and (min-width: 481px) {  
  .print .layout-cbx ~ .menu-layout > form > .tx-menu,  
  .print .layout-cbx ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .print .layout-cbx ~ .menu-layout > .menu-content {  
    padding-top: 54px !important;  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .print .layout-cbx ~ .menu-layout > .menu-content .body-header {  
      background-color: #FFF;  
      border-bottom: 1px solid #000; }  
      .print .layout-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        display: none; }  
      .print .layout-cbx ~ .menu-layout > .menu-content .body-header .header {  
        padding-left: 0px !important;  
        margin-right: 0px !important; }  
    .print .layout-cbx ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; } }  
@media all {  
  .print .layout-cbx:checked ~ .menu-layout > form > .tx-menu,  
  .print .layout-cbx:checked ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .print .layout-cbx:checked ~ .menu-layout > .menu-content {  
    padding-top: 54px !important;  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .print .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
      display: none; }  
    .print .layout-cbx:checked ~ .menu-layout > .menu-content .body-header .header {  
      padding-left: 0px !important;  
      margin-right: 0px !important; }  
    .print .layout-cbx:checked ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; }  
      .print .layout-cbx:checked ~ .menu-layout > .menu-content .body-content .breadcrumbs {  
        background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #FFFFFF)) !important;  
        background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%) !important;  
        background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 10%) !important; } }  
@media all and (max-width: 480px) {  
  .print .layout-cbx ~ .menu-layout > .menu-content, .print .layout-cbx:checked ~ .menu-layout > .menu-content {  
    left: 0px !important; } }  
@media all and (min-width: 481px) {  
  .print .layout-lv1-cbx ~ .menu-layout > form > .tx-menu,  
  .print .layout-lv1-cbx ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .print .layout-lv1-cbx ~ .menu-layout > .menu-content {  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .print .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header {  
      background-color: #FFF;  
      border-bottom: 1px solid #000; }  
      .print .layout-lv1-cbx ~ .menu-layout > .menu-content .body-header .layout-lv1-trigger {  
        display: none; }  
    .print .layout-lv1-cbx ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; }  
  .print .layout-lv1-cbx:checked ~ .menu-layout > form > .tx-menu,  
  .print .layout-lv1-cbx:checked ~ .menu-layout > .tx-menu {  
    display: none !important; }  
  .print .layout-lv1-cbx:checked ~ .menu-layout > .menu-content {  
    left: 0px !important;  
    margin-left: 0px !important; }  
    .print .layout-lv1-cbx:checked ~ .menu-layout > .menu-content .body-content {  
      margin-left: 0px !important; } }  
@media all {  
  .print .ax-printing ul li i {  
    font-size: 17px !important; }  
  .print .ax-dashboard-circle {  
    background-color: #FFF !important; }  
    .print .ax-dashboard-circle ul li > i {  
      border: 0px solid #FFF; }  
    .print .ax-dashboard-circle ul li > div {  
      border: 1px solid #000 !important;  
      background-color: #FFF !important;  
      background: none !important; }  
      .print .ax-dashboard-circle ul li > div .rows {  
        border: 0px solid transparent; }  
        .print .ax-dashboard-circle ul li > div .rows .row-01 {  
          color: #000 !important; }  
        .print .ax-dashboard-circle ul li > div .rows .row-02 {  
          color: #000 !important;  
          -webkit-text-shadow: none !important;  
          -moz-text-shadow: none !important;  
          -ms-text-shadow: none !important;  
          text-shadow: none !important; }  
      .print .ax-dashboard-circle ul li > div:hover {  
        background: none !important; }  
  .print .ax-tab-01 .ui-tabs .ui-tabs-panels .ui-tabs-panel:first-child {  
    background-color: #FFF !important; }  
  .print .ax-dashboard-icon {  
    background-color: #FFF !important; }  
    .print .ax-dashboard-icon .ax-section-title {  
      font-size: 12px !important; }  
    .print .ax-dashboard-icon ul li > div > .icon {  
      border: 2px solid #000 !important;  
      background-color: #FFF !important; }  
      .print .ax-dashboard-icon ul li > div > .icon > i {  
        font-size: 35px !important; }  
    .print .ax-dashboard-icon ul li > div > .text {  
      color: #000 !important;  
      font-size: 15px !important; }  
    .print .ax-dashboard-icon ul li > div:hover > .icon > i {  
      font-size: 35px !important; }  
    .print .ax-dashboard-icon ul li > div:hover > .text {  
      color: #000 !important;  
      font-size: 15px !important; }  
  .print .app-name .text .row-01 {  
    -webkit-text-shadow: none;  
    -moz-text-shadow: none;  
    -ms-text-shadow: none;  
    text-shadow: none; }  
  .print .app-name .text .row-02 {  
    color: #000 !important;  
    -webkit-text-shadow: none;  
    -moz-text-shadow: none;  
    -ms-text-shadow: none;  
    text-shadow: none; }  
  .print .ax-message-chat {  
    background-color: #FFF; }  
    .print .ax-message-chat .message-notice {  
      background-color: #FFF; }  
    .print .ax-message-chat .message-section .message-row .name {  
      background-color: #FFF;  
      color: #000;  
      border: 1px solid #000; }  
    .print .ax-message-chat .message-section .message-row .message {  
      border: 1px solid #000;  
      -webkit-box-shadow: none;  
      -moz-box-shadow: none;  
      -ms-box-shadow: none;  
      box-shadow: none;  
      background-color: #FFF; }  
    .print .ax-message-chat .message-section .message-row.left .message:before {  
      border-right: 8px solid #000; }  
    .print .ax-message-chat .message-section .message-row.right .message:before {  
      border-left: 8px solid #000; } }  
.pdfjs-body {  
  overflow: hidden !important; }  
.pdfjs-iframe {  
  position: fixed !important;  
  display: inline-block;  
  z-index: 9999;  
  border: 0px solid transparent;  
  height: 0%;  
  width: 100%;  
  background-color: #FFF;  
  top: 0px;  
  left: 0px;  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; }  
  .pdfjs-iframe.on {  
    height: 100% !important;  
    top: 0px !important; }  
  .pdfjs-iframe.off {  
    height: 100px !important;  
    top: 100% !important; }  
.pdfjs-mask {  
  position: absolute;  
  display: inline-block;  
  border: 0px solid transparent;  
  height: 100%;  
  width: 100%;  
  top: 0px;  
  left: 0px;  
  z-index: 9990;  
  background-color: #000;  
  background-color: rgba(0, 0, 0, 0.5);  
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";  
  -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;  
  opacity: 0;  
  filter: alpha(opacity=0);  
  zoom: 1; }  
  .pdfjs-mask.on {  
    opacity: 1;  
    filter: alpha(opacity=100);  
    zoom: 1;  
    height: 100%; }  
  .pdfjs-mask.off {  
    opacity: 0;  
    filter: alpha(opacity=0);  
    zoom: 1;  
    height: 0%; }  
  .pdfjs-mask .indicator {  
    border: 0px solid transparent;  
    position: relative;  
    width: 60px;  
    height: 60px;  
    position: absolute;  
    -webkit-transform-origin: 50% 50%;  
    -moz-transform-origin: 50% 50%;  
    -ms-transform-origin: 50% 50%;  
    transform-origin: 50% 50%;  
    top: 50%;  
    left: 50%;  
    -webkit-transform: translate(-50%, -50%);  
    -moz-transform: translate(-50%, -50%);  
    -ms-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); }  
    .pdfjs-mask .indicator > .ti {  
      position: absolute;  
      border: 0px solid transparent;  
      color: #FFF;  
      font-size: 60px; }  
    .pdfjs-mask .indicator .progress-text {  
      border: 0px solid transparent;  
      position: absolute;  
      width: 100%;  
      text-align: center;  
      top: -40px;  
      font-size: 20px;  
      font-weight: bold;  
      color: #FFF; }  
  .pdfjs-mask .btn-cancel {  
    position: relative;  
    border: 0px solid transparent;  
    padding: 5px 10px;  
    text-align: right; }  
    .pdfjs-mask .btn-cancel > .ti {  
      cursor: pointer;  
      font-size: 20px;  
      color: #FFF; }  
  
#printIframe {  
  position: absolute;  
  display: inline-block;  
  z-index: 9999;  
  top: 0%;  
  left: 0%;  
  border: 0px solid transparent;  
  width: 100%;  
  height: 50%; }  
  
/* --------- end ----------------*/  
/* --------- print --------- */