html {
  overflow-y:auto;
}
html, body {
  height:100%;
}
a {
  color:inherit;
  text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  display: table;
  content: "";
  clear:both;
}
.f-left {float:left}
.f-right {float:right}
.height100 {height:100vh;}
.dTable.height100 {height:100%;}
.height200 {height:200%;}
.width100 {width:100%}
.img-max-100 {width:100%;max-width:100%;height:auto;display:block;}
.dTable {display:table;}
.dCell {display:table-cell;vertical-align:middle;}
.dCell.vTop {vertical-align:top;}
.dCell.vBottom {vertical-align:bottom;}
.dRow {display:table-row;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.maxWidth100 {max-width:100%;}
.duration50 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hide640 {display:block;}
@media(min-width:641px) {
  .show640 {display:none !important;}
}
@media(max-width:640px) {
  .hide640 {display:none;}
  .show640 {display:block !important;}
}
.alph_icn {
  background:#666;
  color:white;
  font-size:10px;
  width:14px;
  height:14px;
  line-height:13px;
  text-align:center;
  display:inline-block;
}
#fixed-layer-container, #pwd-layer-container {
  display:none;
  position:fixed;
  z-index:999;
  left:0;
  right:0;
  bottom:0;
  top:0;
  background-color:rgba(0,0,0,0.5);
  padding:40px 0;
  overflow-y:auto;
}
#fixed-layer-container .dTable, #pwd-layer-container .dTable {
  position:relative;
  z-index:1;
}
#fixed-layer-container .txt, #pwd-layer-container .txt {
  color:rgba(255,255,255,0.7);
  font-size:12px;
  position: absolute;
  color: #fff;
  text-align: center;
  top: 50%;
  margin-top: 0px;
  left: 0;
  right: 0;
}
#fixed-layer-container .fleta-cube-grid, #pwd-layer-container .fleta-cube-grid {
  margin-top : -60px;
}
.ie #fixed-layer-container .fleta-cube-grid .fleta-cube, #pwd-layer-container .fleta-cube-grid .fleta-cube {
  display:none;
}
.ie #fixed-layer-container .fleta-cube-grid, .ie #pwd-layer-container .fleta-cube-grid {
  width:200px;margin-left:-100px;
}
.ie #fixed-layer-container .fleta-cube-grid:before, .ie #pwd-layer-container .fleta-cube-grid:before {
  content:"Loading Content..";
  display:block;
  text-align:center;
  color:white;
}
.fleta-cube-grid.none {display:none !important}
.fleta-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  opacity:0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* .loadWidget .fleta-cube-grid {
	opacity:1;
} */
#fixed-layer-container.loading, #pwd-layer-container.loading
{
  background-image:none;
}
.loading .fleta-cube-grid {
  opacity:1;
}
.fleta-cube-grid.purple .fleta-cube {
  background-color: rgba(39,38,52,0.3);
}
.fleta-cube-grid .fleta-cube {
  width: 33.33333333333333%;
  height: 33.33333333333333%;
  background-color: rgba(255,255,255,0.7);
  /* background:white; */
  float: left;
  -webkit-animation: fleta-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: fleta-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: fleta-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: fleta-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.fleta-cube-grid .fleta-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }
.fleta-cube-grid .fleta-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
.fleta-cube-grid .fleta-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }
.fleta-cube-grid .fleta-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }
.fleta-cube-grid .fleta-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }
.fleta-cube-grid .fleta-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
.fleta-cube-grid .fleta-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }
.fleta-cube-grid .fleta-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }
.fleta-cube-grid .fleta-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }
.white-window {
  max-width:620px;
  margin:0 auto;
  background:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  overflow:hidden;
}
.white-window.log {
  min-width: 500px;
}
.white-window.little {
  max-width:280px;
}
.white-window.w450 {
  max-width:450px;
}
.white-window.widgetList {
  max-width:760px;
  /* max-width:250px !important; */
}
.white-window.filter {
  max-width:660px;
}
.white-window.hiddencolumn {
  max-width:320px;
}
.white-window.widgetList .window-title {
  border-bottom:0;
}
.white-window .window-title{
  padding:10px 15px;
  position:relative;
  border-bottom:1px solid #dbdbdb;
  background:#272634;
  color:white;
}
body.white .white-window .window-title {
  /* background:white;
  color:#666; */
}
body.gray .white-window .window-title {
  background:#565656;
  color:white;
}
.white-window .window-title .text {

}
.white-window .window-title .layer-close, .white-window .window-title .pwd-layer-close {
  position:absolute;
  right:15px;
  top:10px;
}
.white-window .window-content {
  padding:15px;
  background:white;
}
.white-window.widgetList .window-content {
  padding:0;
}
.white-window #grid-filter-content.window-content {

}
.input-placeholder {display:block;font-size:11px;margin-top:2px;text-align:right;color:white;}
@-webkit-keyframes fleta-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  } 35% {
      -webkit-transform: scale(0.1, 0.1);
      transform: scale(0.1, 0.1);
    }
}

@keyframes fleta-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  } 35% {
      -webkit-transform: scale(0.1, 0.1);
      transform: scale(0.1, 0.1);
    }
}
@print{
  @page {
    size: A1 landscape;
    /* margin: 10%; */
  }
}



.cssload-wrap {
  text-align: center;
  line-height: 195px;
  transform: scale(1.5,1.5);
  -o-transform: scale(1.5,1.5);
  -ms-transform: scale(1.5,1.5);
  -webkit-transform: scale(1.5,1.5);
  -moz-transform: scale(1.5,1.5);
}

.cssload-container {
  display: inline-block;
}

.cssload-dots {
  display: inline-block;
  position: relative;
}
.cssload-dots:not(:last-child) {
  margin-right: 9px;
}
.cssload-dots:before, .cssload-dots:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
}
.cssload-dots:nth-child(1):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -1.04s;
  -o-animation-delay: -1.04s;
  -ms-animation-delay: -1.04s;
  -webkit-animation-delay: -1.04s;
  -moz-animation-delay: -1.04s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(1):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -1.04s;
  -o-animation-delay: -1.04s;
  -ms-animation-delay: -1.04s;
  -webkit-animation-delay: -1.04s;
  -moz-animation-delay: -1.04s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(2):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -2.07s;
  -o-animation-delay: -2.07s;
  -ms-animation-delay: -2.07s;
  -webkit-animation-delay: -2.07s;
  -moz-animation-delay: -2.07s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(2):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -2.07s;
  -o-animation-delay: -2.07s;
  -ms-animation-delay: -2.07s;
  -webkit-animation-delay: -2.07s;
  -moz-animation-delay: -2.07s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(3):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -3.11s;
  -o-animation-delay: -3.11s;
  -ms-animation-delay: -3.11s;
  -webkit-animation-delay: -3.11s;
  -moz-animation-delay: -3.11s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(3):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -3.11s;
  -o-animation-delay: -3.11s;
  -ms-animation-delay: -3.11s;
  -webkit-animation-delay: -3.11s;
  -moz-animation-delay: -3.11s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(4):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -4.14s;
  -o-animation-delay: -4.14s;
  -ms-animation-delay: -4.14s;
  -webkit-animation-delay: -4.14s;
  -moz-animation-delay: -4.14s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(4):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -4.14s;
  -o-animation-delay: -4.14s;
  -ms-animation-delay: -4.14s;
  -webkit-animation-delay: -4.14s;
  -moz-animation-delay: -4.14s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(5):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -5.18s;
  -o-animation-delay: -5.18s;
  -ms-animation-delay: -5.18s;
  -webkit-animation-delay: -5.18s;
  -moz-animation-delay: -5.18s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(5):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -5.18s;
  -o-animation-delay: -5.18s;
  -ms-animation-delay: -5.18s;
  -webkit-animation-delay: -5.18s;
  -moz-animation-delay: -5.18s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(6):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -6.21s;
  -o-animation-delay: -6.21s;
  -ms-animation-delay: -6.21s;
  -webkit-animation-delay: -6.21s;
  -moz-animation-delay: -6.21s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(6):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -6.21s;
  -o-animation-delay: -6.21s;
  -ms-animation-delay: -6.21s;
  -webkit-animation-delay: -6.21s;
  -moz-animation-delay: -6.21s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(7):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -7.25s;
  -o-animation-delay: -7.25s;
  -ms-animation-delay: -7.25s;
  -webkit-animation-delay: -7.25s;
  -moz-animation-delay: -7.25s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(7):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -7.25s;
  -o-animation-delay: -7.25s;
  -ms-animation-delay: -7.25s;
  -webkit-animation-delay: -7.25s;
  -moz-animation-delay: -7.25s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(8):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -8.28s;
  -o-animation-delay: -8.28s;
  -ms-animation-delay: -8.28s;
  -webkit-animation-delay: -8.28s;
  -moz-animation-delay: -8.28s;
  background-color: rgb(255,0,0);
}
.cssload-dots:nth-child(8):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -8.28s;
  -o-animation-delay: -8.28s;
  -ms-animation-delay: -8.28s;
  -webkit-animation-delay: -8.28s;
  -moz-animation-delay: -8.28s;
  background-color: rgb(119,119,119);
}
.cssload-dots:nth-child(9):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -9.32s;
  -o-animation-delay: -9.32s;
  -ms-animation-delay: -9.32s;
  -webkit-animation-delay: -9.32s;
  -moz-animation-delay: -9.32s;
  background-color: #F00;
}
.cssload-dots:nth-child(9):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -9.32s;
  -o-animation-delay: -9.32s;
  -ms-animation-delay: -9.32s;
  -webkit-animation-delay: -9.32s;
  -moz-animation-delay: -9.32s;
  background-color: #777;
}
.cssload-dots:nth-child(10):before {
  transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  animation: cssload-animBefore 1.15s linear infinite;
  -o-animation: cssload-animBefore 1.15s linear infinite;
  -ms-animation: cssload-animBefore 1.15s linear infinite;
  -webkit-animation: cssload-animBefore 1.15s linear infinite;
  -moz-animation: cssload-animBefore 1.15s linear infinite;
  animation-delay: -10.35s;
  -o-animation-delay: -10.35s;
  -ms-animation-delay: -10.35s;
  -webkit-animation-delay: -10.35s;
  -moz-animation-delay: -10.35s;
  background-color: #F00;
}
.cssload-dots:nth-child(10):after {
  transform: translateY(200%);
  -o-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  animation: cssload-animAfter 1.15s linear infinite;
  -o-animation: cssload-animAfter 1.15s linear infinite;
  -ms-animation: cssload-animAfter 1.15s linear infinite;
  -webkit-animation: cssload-animAfter 1.15s linear infinite;
  -moz-animation: cssload-animAfter 1.15s linear infinite;
  animation-delay: -10.35s;
  -o-animation-delay: -10.35s;
  -ms-animation-delay: -10.35s;
  -webkit-animation-delay: -10.35s;
  -moz-animation-delay: -10.35s;
  background-color: #777;
}




@keyframes cssload-animBefore {
  0% {
    transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}

@-o-keyframes cssload-animBefore {
  0% {
    -o-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    -o-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    -o-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    -o-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    -o-transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}

@-ms-keyframes cssload-animBefore {
  0% {
    -ms-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    -ms-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    -ms-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    -ms-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    -ms-transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}

@-webkit-keyframes cssload-animBefore {
  0% {
    -webkit-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    -webkit-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    -webkit-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    -webkit-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    -webkit-transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}

@-moz-keyframes cssload-animBefore {
  0% {
    -moz-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    -moz-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    -moz-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    -moz-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    -moz-transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}

@keyframes cssload-animAfter {
  0% {
    transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    transform: scale(1) translateY(200%);
    z-index: 1;
  }
}

@-o-keyframes cssload-animAfter {
  0% {
    -o-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    -o-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    -o-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    -o-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    -o-transform: scale(1) translateY(200%);
    z-index: 1;
  }
}

@-ms-keyframes cssload-animAfter {
  0% {
    -ms-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    -ms-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    -ms-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    -ms-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    -ms-transform: scale(1) translateY(200%);
    z-index: 1;
  }
}

@-webkit-keyframes cssload-animAfter {
  0% {
    -webkit-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    -webkit-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    -webkit-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    -webkit-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    -webkit-transform: scale(1) translateY(200%);
    z-index: 1;
  }
}

@-moz-keyframes cssload-animAfter {
  0% {
    -moz-transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    -moz-transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    -moz-transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    -moz-transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    -moz-transform: scale(1) translateY(200%);
    z-index: 1;
  }
}

.bounce {
  animation: bounce 0.5s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 3px, 0); }
}

@-webkit-keyframes bounce {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); }
}

.change_chart,
.widget_serial_save {
  display: inline-block;
  border: none;
  text-align: center;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  margin : 0px 10px 0px 10px;
  color: #FFFFFF;
  font-size: 11px;
  background: #1ca56c;
}

.widget_serial_save{
  /* bottom: 0;
  position: absolute;
  top: 40px;
  right: 70px; */
}

.default-box .tab {
  position : absolute;
  right:0px;
  width:125px;
  top:0;
  /* top : 5px; */
  /* margin: 0px -20px 0px 0px; */
  display:block;
  text-align: center;
  font-size : 20px;
  height:100%;
  z-index:1;
}
.default-box .tab .tab-btn-cover {
  height:25%;
  display:block;
  position:relative;
}
.default-box .tab .tab-btn {
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 80px;
  left: 50%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  /* margin: 0; */
  color:#ffffff;
  padding: 0;
  margin-left: -40px;

  -moz-box-shadow: 0px 10px 14px -7px #276873;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
  background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
  background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
  background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
  background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
  background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
  background-color:#599bb3;
  text-shadow:0px 1px 0px #3d768a;
}
.default-box .tab .tab-btn.active {
  -moz-box-shadow: 0px 10px 14px -7px #f5978e;
  -webkit-box-shadow: 0px 10px 14px -7px #f5978e;
  box-shadow: 0px 10px 14px -7px #f5978e;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
  background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
  background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
  background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
  background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
  background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
  background-color:#f24537;
}
.default-box .tab .tab-btn:not(.active):hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
  background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
  background-color:#408c99;
}
.default-box .tab .tab-btn.widget_serial_save {
  color: #FFFFFF;
  background: #1ca56c;
}