@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 */
/* Typography */
/* Shadows */
/* Animations */
.u-combo {
  position: relative; }
  .u-combo option {
    display: none; }
  .u-combo .u-input-group {
    width: 100%; }

.u-combo .u-input-group:hover {
  background-color: #F7F7F7; }

.u-combo-ul {
  background-color: #fff;
  position: absolute;
  list-style: none;
  height: auto;
  width: auto;
  max-height: 224px;
  min-width: 124px;
  padding: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
  border: none;
  border-radius: 2px;
  overflow-y: auto;
  overflow-x: hidden;
  transform: scale(0);
  transform-origin: 0 0;
  border: 1px solid \9;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: none \9; }
  .u-combo-ul.is-visible {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    display: block \9; }
  .u-combo-ul.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.u-combo-li {
  display: block;
  border: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: #bdbdbd;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  /*height: 28px;
  overflow: hidden;
  white-space: nowrap;*/
  line-height: 28px;
  word-wrap: break-word;
  break-word: break-all;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none; }
  .u-combo-li:hover {
    background-color: #D3D3D3; }
  .u-combo-li:focus {
    outline: none;
    background-color: rgb(212,218,219); }
  .u-combo-li:active {
    background-color: rgb(212,218,219); }
  .u-combo-li.is-selected {
    background-color: rgb(212,218,219);
    font-size: bold; }

.u-combo-name {
  display: inline-block;
  position: relative;
  text-shadow: none;
  border-radius: 3px;
  background-color: #1c8ed7;
  background-image: none;
  padding: 1px 5px;
  margin: 0 3px 3px 0;
  line-height: 20px;
  color: #FFFFFF;
  font-size: 12px; }
  .u-combo-name .remove {
    width: 20px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid transparent;
    -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; }

.u-combo-name-par {
  position: absolute;
  bottom: 2px;
  left: 4px;
  /*height:25px;*/
  overflow: hidden;
  float: left; }

.u-combo-overwidth:after {
  content: '...'; }