label.error{color:red;}
.textwrap{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wt1{background-color: #F55454;}
.wt2{background-color: #F58454;}
.wt3{background-color: #FEBF46;}
.wt4{background-color: #9AD177;}
.wt5{background-color: #45BAD3;}
.wt6{background-color: #3598F4;}
.wt7{background-color: #594CDA;}
.wt8{background-color: #BF45D3;}
.wt9{background-color: #FA9999;}
.wt10{background-color: #C18368;}
.wt11{background-color: #E1D17D;}
.wt12{background-color: #90B17B;}
.wt13{background-color: #518A97;}
.wt14{background-color: #B3D5F3;}
.wt15{background-color: #27244E;}
.wt16{background-color: #E8EEFD;}

.wf1{color:#F8F8F8;}
.wf1{color:#27244E;}
.wf1{color:#4B5A80;}
.wf1{color:#EADAC2;}
.wf1{color:#D3ECE0;}
.wf1{color:#4A6FA7;}
.wf1{color:#5F62A4;}
.wf1{color:#603C54;}

.bwt1{background-color: #F55454;}
.bwt2{background-color: #F58454;}
.bwt3{background-color: #FEBF46;}
.bwt4{background-color: #9AD177;}
.bwt5{background-color: #45BAD3;}
.bwt6{background-color: #3598F4;}
.bwt7{background-color: #594CDA;}
.bwt8{background-color: #BF45D3;}
.bwt9{background-color: #FA9999;}
.bwt10{background-color: #C18368;}
.bwt11{background-color: #E1D17D;}
.bwt12{background-color: #90B17B;}
.bwt13{background-color: #518A97;}
.bwt14{background-color: #B3D5F3;}
.bwt15{background-color: #27244E;}
.bwt16{background-color: #E8EEFD;}

.fade-in:hover {
  animation: fadeIn linear 7s;
  -webkit-animation: fadeIn linear 7s;
  -moz-animation: fadeIn linear 7s;
  -o-animation: fadeIn linear 7s;
  -ms-animation: fadeIn linear 7s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  transform: scale(1.5);
}

/*.pulse {
  -webkit-animation: pulse 1.5s infinite;
}*/
.pulse:hover {
  animation: none;
}

.pulse {   animation: pulse-animation 2s infinite; }  @keyframes pulse-animation {   0% {     box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);   }   100% {     box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);   } }

/*@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
  }
}
*/

@-webkit-keyframes buzz-out-on-hover {
  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-on-hover {
  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-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out-on-hover:hover, .buzz-out-on-hover:focus, .buzz-out-on-hover:active {
  -webkit-animation-name: buzz-out-on-hover;
  animation-name: buzz-out-on-hover;
  -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;
}


.shakebtn {
  position: relative;
  animation-name: shake;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
}
.shakebtn:hover {
  animation-name: shakeAnim;
}

@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

@keyframes shake {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

.dnone{display:none}