@charset "UTF-8";
/*  IMAGES  */
/* 默认颜色 */
/* 主题颜色放入 minxin-themeColors.scss
$color-primary: $palette-indigo-500 !default;
$color-primary-dark: $palette-indigo-700 !default;
$color-accent: $palette-pink-A200 !default;
*/
/* 客户化 */
/* 波纹效果 */
/* 动画 */
/* 阴影 */
/* ==========  字体  ========== */
/* 控件 */
/* UButton */
/* UText */
/*  Navlayout  */
/* gridlayout */
/* menu */
/* CHECKBOX */
/*  Radio  */
/* Switch  */
/* loading */
/* datetimepicker */
/* message */
/* DATA TABLE */
/* tooltip*/
/* 进度条 */
/* ==========  Content Tabs  ========== */
/* CARD */
/* Card dimensions */
/* Cover image */
/* ==========  Card  ========== */
/* ============ Forms ============*/
/* BADGE */
.u-loading {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .u-loading:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .u-loading.is-upgraded.is-active {
    animation: u-loading-container-rotate 1568.23529ms linear infinite; }

@keyframes u-loading-container-rotate {
  to {
    transform: rotate(360deg); } }

.u-loading-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.u-loading-layer-1 {
  border-color: rgb(66,165,245); }
  .u-loading-single-color .u-loading-layer-1 {
    border-color: rgb(63,81,181); }
  .u-loading.is-active .u-loading-layer-1 {
    animation: u-loading-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, u-loading-layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.u-loading-layer-2 {
  border-color: rgb(244,67,54); }
  .u-loading-single-color .u-loading-layer-2 {
    border-color: rgb(63,81,181); }
  .u-loading.is-active .u-loading-layer-2 {
    animation: u-loading-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, u-loading-layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.u-loading-layer-3 {
  border-color: rgb(253,216,53); }
  .u-loading-single-color .u-loading-layer-3 {
    border-color: rgb(63,81,181); }
  .u-loading.is-active .u-loading-layer-3 {
    animation: u-loading-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, u-loading-layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.u-loading-layer-4 {
  border-color: rgb(76,175,80); }
  .u-loading-single-color .u-loading-layer-4 {
    border-color: rgb(63,81,181); }
  .u-loading.is-active .u-loading-layer-4 {
    animation: u-loading-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, u-loading-layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes u-loading-fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg); }
  25% {
    transform: rotate(270deg); }
  37.5% {
    transform: rotate(405deg); }
  50% {
    transform: rotate(540deg); }
  62.5% {
    transform: rotate(675deg); }
  75% {
    transform: rotate(810deg); }
  87.5% {
    transform: rotate(945deg); }
  to {
    transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .u-loading__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@keyframes u-loading-layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@keyframes u-loading-layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes u-loading-layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes u-loading-layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.u-loading__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .u-loading__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.u-loading-gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .u-loading-gap-patch .u-loading-circle {
    width: 1000%;
    left: -450%; }

.u-loading-circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .u-loading-circle-clipper .u-loading-circle {
    width: 200%; }

.u-loading-circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .u-loading-left .u-loading-circle {
    border-right-color: transparent !important;
    transform: rotate(129deg); }
    .u-loading.is-active .u-loading-left .u-loading-circle {
      animation: u-loading-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .u-loading-right .u-loading-circle {
    left: -100%;
    border-left-color: transparent !important;
    transform: rotate(-129deg); }
    .u-loading.is-active .u-loading-right .u-loading-circle {
      animation: u-loading-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes u-loading-left-spin {
  from {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(130deg); } }

@keyframes u-loading-right-spin {
  from {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  to {
    transform: rotate(-130deg); } }

.alert-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 98;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear; }

.alert-waiting {
  position: fixed;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  display: block;
  z-index: 99; }

.alert-waiting i {
  font-size: 100px;
  margin: 36px 38px;
  color: #0090d9; }

.loadingImg {
  background: url(../images/loading.gif) no-repeat scroll 0 0 transparent;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 6px;
  top: 6px;
  display: none; }
  .is-active .loadingImg {
    display: block; }