.gray{color: #a5a5a5;}
.fr{float: right; }
.fl{float: left}
.center{text-align: center;}
a{color: #333;text-decoration:none;}
/* .btn {display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none;
    border: 1px solid transparent; white-space: nowrap; padding: 10px 12px; font-size: 14px; background: #0cd2d3; background: linear-gradient(top, #0cd2d3,#17bdbd);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#0cd2d3), to(#17bdbd)); background:-moz-linear-gradient(top, #0cd2d3,#17bdbd);
    color: #fff; font: 18px "microsoft yahei"; border-radius: 5px;outline: 0;} */
.btn.orange{background: #FF9900;}
li{list-style: none;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.overhidden { overflow: hidden;}
.visibhidden { visibility: hidden}

.mr10{margin-right: 10px;}
.sm{width: 100px;}

#loading{position: fixed; top:0; bottom:0; left:0; right:0; background: rgba(255,255,255,0.5); z-index: 99999; display: none;}
#loading img{position:fixed; left:50%; top:50%; margin-left:-60px; margin-top:-60px; z-index: 101;width:100px;}
#loading.top { background:none; }
#loading.top img { width: 50px; height: 50px; top: unset; margin-top: 5px;}

.ng-hide{display: none;}
.overhidden #loading {display: block;}
.red{color:red;}
.yellow{color:#ffa900;}
.strong{ font-weight: bold;}
.btnAdd{background:url("../img/add.png") 0 5px no-repeat; display:block; width:22px; height:30px;}

/* C: Shen */
*:focus{outline: none !important;}
.no-m{margin: 0 !important;}
.no-mt{margin-top:0 !important;}
.no-mr{margin-right:0 !important;}
.no-mb{margin-bottom:0 !important;}
.no-ml{margin-left:0 !important;}
.no-pd{padding:0 !important;}
.no-pdt{padding-top:0 !important;}
.no-pdr{padding-right:0 !important;}
.no-pdb{padding-bottom:0 !important;}
.no-pdl{padding-left:0 !important;}

/* input:focus {
    border-color: #356ED4 !important;
} */
/* background-color */
.read-pink {
  background-color: #fffaec;
}

/* align */
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}

/* float */
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.pull-none {
  float: none !important;
}

/* font size */
.font-color-orange,.ui-grid-cell-contents.link a.font-color-orange {
    color:orange;
}
.font-bold {
  font-weight: bold !important;
}
.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f17 {
  font-size: 17px !important;
}

.f18 {
  font-size: 18px !important;
}

.text-underline{
  text-decoration: underline;
}

.l-h-30 {
  line-height: 30px;
}

.m-h-280 {
  max-height: 280px;
  overflow: auto !important;
}

/* border */
.br-0 {
  border: 0 !important;
}
.br-t-0 {
  border-top: 0 !important;
}
.br-r-0 {
  border-right: 0 !important;
}

.br-r-0 .selectize-input{
  border-right: 0 none !important;
}

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

.br-l-0 {
  border-left: 0 !important;
}

/* padding */
.pd-0, .no-pd {
  padding: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd-l-25 {
  padding-left: 25px !important;
}
.pd-t-0 {
  padding-top:0 !important;
}
.pd-b-0 {
  padding-bottom:0 !important;
}
.pd-l-0 {
  padding-left:0 !important;
}
.pd-r-0 {
  padding-right:0 !important;
}

/* margin */
.mg-0, .no-mg {
  margin: 0 !important;
}
.mg-5 {
  margin: 5px !important;
}

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

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

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

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

.mg-10 {
  margin: 5px !important;
}

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

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

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

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

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

.mg-t-15 {
  margin-top: 15px !important;
}
/*转储申请产品清单*/
.mg-t-19 {
  margin-top: 20px !important;
  border: none!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mg-l-25 {
  margin-left: 25px !important;
}
.mg-t-n-60 {
  margin-top: -60px !important;
}

.mg-vertical-none {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mg-t-0 {
  margin-top:0 !important;
}
.mg-b-0 {
  margin-bottom:0 !important;
}
.mg-r-0 {
  margin-right:0 !important;
}
.mg-l-0 {
  margin-left: 0 !important;
}

.mg-t_1 {
  margin-top: -1px !important;
}
.mg-t_2 {
  margin-top: -2px !important;
}
.mg-t_3 {
  margin-top: -3px !important;
}
.mg-t_4 {
  margin-top: -4px !important;
}
.mg-t_5 {
  margin-top: -5px !important;
}

.mg-l_1 {
  margin-left: -1px !important;
}
.mg-l_2 {
  margin-left: -2px !important;
}
.mg-l_3 {
  margin-left: -3px !important;
}
.mg-l_4 {
  margin-left: -4px !important;
}
.mg-l_5 {
  margin-left: -5px !important;
}

.relative {
  position: relative !important;
}

/* public width & height */
.width-auto {
  width: auto !important;
}
.height-auto {
  height: auto !important;
}
.height-120 {
  height:120px;
}
.height-160 {
  height:160px;
}
.height-280 {
  height:280px;
}
.width-100 {
  width: 100%;
}
.width-135 {
  width: 135px;
}
.width-150 {
  width: 150px;
}
.width-180 {
  width: 180px;
}
.width-190 {
  width: 190px;
}
.width-200{
  width: 200px !important;
}
.width-220 {
  width: 220px;
}
.width-380 {
  width: 380px;
}
.width-480 {
  width: 480px;
}
.width-800 {
  width: 800px !important;
}

/* 页面内锚点连接 */
.anchor-container {
  width:100%;
  margin: 20px 0;
  padding:4px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color:#fff;
  overflow: hidden;
}
.anchor-container.fixed {
  position: fixed;
  top:0;
  width:1200px;
  left:50%;
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-left:-600px;
  z-index: 9999;
}
.anchor-container div {
  width: 25%;
  text-align: center;
  padding:7px 0;
  float: left;
  background-color: #fff;
  color:#aaa;
  text-decoration: none;
  border-right:1px solid #ddd;
  overflow: hidden;
  display: block;
}
.anchor-container.col_2 div {
  width:50%;
}
.anchor-container.col_3 div {
  width:33.3333333%;
}
.anchor-container.col_5 div {
  width:20%;
}
.anchor-container.col_6 div {
  width:16.6666666%;
}
.anchor-container.col_7 div {
  width:14.2857142%;
}
.anchor-container.col_8 div {
  width:12.5%;
}
.anchor-container.col_9 div {
  width:11.1111111%;
}
.anchor-container.col_10 div {
  width:10%;
}
.anchor-container div.active {
  border-radius: 3px;
  border-color: #87ce5e;
  background-color: #87ce5e;
  margin-left:-1px;
}
.anchor-container div:hover, .anchor-container div:hover a {
  cursor: pointer;
}
.anchor-container div.active, .anchor-container div.active a {
  color: #fff;
}
.anchor-container div:last-child {
  border-right-width: 0;
}
.anchor-container div a {
  color:#aaa;
  text-decoration: none;
}

/* 显示隐藏区域样式 */
.extend-btn {
  width: 32px;
  height: 32px;
  float: left;
}

.extend-btn::before {
  display: block;
  height:26px;
  width:26px;
  background-repeat: no-repeat;
  background-size: 95%;
  margin:5px 0 0 10px;
  text-align: center;
  background-image: url(../img/arr.png);
  content: ' ';
}
.extend-btn.up::before {
  transform:scaleY(-1);
  margin-top: 3px;
}

/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #000;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 6px 8px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 0px;
  box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/
  /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/
}
.selectize-input.selectize-focus {
  border-color: #DDD !important;
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -2px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  background-color: #fbf8ee;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #ddd;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.modal-window {
  width: 250px;
  height: 100px;
  position: fixed;
  right: 15px;
  bottom: 50px;
  border-radius: 5px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: auto;
  transition: all 0.3s;
}
.modal-window div{
  width: 100%;
  height: 100%;
}
.modal-window div div{
  height: 100%;
  padding-top: 35px;
  border-radius: 5px;
}
.modal-window div div i{
  float: left;padding-top:3px;font-size: 34px;padding-left: 13px;
}
.modal-window-err {
  background-color: #ff7b7b;
  color: darkred;
}
.modal-window-ok {
  background-color: #b8f4bc;
  color: #63d73d;
}

.modal-close {
  color: #aaa;
  line-height: 30px;
  font-size: 80%;
  position: absolute;
  right: 12px;
  top: 0;
  text-decoration: none;
}
.show-scrollbar::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 18px;
}
.show-scrollbar::-webkit-scrollbar-thumb {
  background: #eeeeee;
}

.show-scrollbar::-webkit-scrollbar-corner, .aa::-webkit-scrollbar-track {
  background: #eeeeee;
}

.show-scrollbar::-webkit-scrollbar-track-piece {
  background: #eeeeee;
}

@keyframes rotateFall {
    0% { transform: rotateZ(0deg); }
    20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40% { transform: rotateZ(17deg); }
    60% { transform: rotateZ(16deg); }
    100% { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from { transform:translateX(100%); }
    to { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from { transform:translateY(100%); }
    to { transform: translateY(0); }
}
@keyframes slideInDown {
    from { transform:translateY(0%); }
    to { transform: translateY(100%); }
}

@keyframes fadeIn {
    0%{opacity: 0;}
    25%{opacity: 0.25;}
    50%{opacity: 0.5;}
    100%{opacity: 1}
}
@keyframes fadeOut {
    0%{opacity: 1;}
    25%{opacity: 0.5;}
    50%{opacity: 0.75;}
    100%{opacity: 0}
}

.pwd.ng-enter, .listuser.ng-enter, .adduser.ng-enter{ animation:fadeIn 0.5s both ease-in; }