yonui-ys/dist/index.css

yonui ys

/**
 * FixedDataTable v0.8.28 
 *
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellGroupLayout
 */

.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */

.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0 1px 0 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
}

.fixedDataTableCellLayout_lastChild {
  border-width: 0 1px 1px 0;
}

.fixedDataTableCellLayout_alignRight {
  text-align: right;
}

.fixedDataTableCellLayout_alignCenter {
  text-align: center;
}

.fixedDataTableCellLayout_wrap1 {
  display: table;
}

.fixedDataTableCellLayout_wrap2 {
  display: table-row;
}

.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle;
}

.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1;
}

.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize;
}

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
}

.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */

.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}

.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  pointer-events: none;
}

body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important;
}

.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */

.fixedDataTableLayout_main {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.fixedDataTableLayout_header,
.fixedDataTableLayout_hasBottomBorder {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px;
}

.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.fixedDataTableLayout_bottomShadow {
  margin-top: -4px;
}

.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative;
}

.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */

.fixedDataTableRowLayout_main {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0;
}

.fixedDataTableRowLayout_rowExpanded {
  box-sizing: border-box;
  left: 0;
  position: absolute;
}

.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-left-style: solid;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.fixedDataTableRowLayout_columnsShadow {
  position: absolute;
  width: 4px;
}

.fixedDataTableRowLayout_columnsRightShadow {
  right: 1px;
}

.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */

.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  width: 15px;
}

.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  transition-property: background-color height;
}

/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px;
}

.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  transition-duration: 250ms;
  transition-timing-function: ease;
  transition-property: width;
}

/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  transition: background-color 250ms ease;
}

.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0;
}

.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%;
}

.ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
.ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
  bottom: calc(4px/2);
}

.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0;
}

.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0;
}

.ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
.ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
  left: calc(4px/2);
  right: calc(4px/2);
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */

/**
 * Table.
 */
.public_fixedDataTable_main {
  border-color: #d3d3d3;
}

.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
  border-color: #d3d3d3;
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold;
}

.public_fixedDataTable_header,
.public_fixedDataTable_scrollbarSpacer,
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  background-image: linear-gradient(#fff, #efefef);
}

.public_fixedDataTable_scrollbarSpacer {
  position: absolute;
  z-index: 99;
  top: 0;
}

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  border-color: #d3d3d3;
}

.public_fixedDataTable_topShadow {
  background-image: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0));
}

.public_fixedDataTable_bottomShadow {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0));
}

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */

/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  background-color: #fff;
  border-color: #d3d3d3;
}

.public_fixedDataTableCell_highlighted {
  background-color: #f4f4f4;
}

.public_fixedDataTableCell_cellContent {
  padding: 8px;
}

.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff;
}
.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_cellContent {
	margin-left: 12px;
}
/**
 * Column reorder goodies.
 */
.fixedDataTableCellLayout_columnReorderContainer {
  border-color: #0284ff;
  background-color: rgba(0,0,0,0.1);
  width: 12px;
  margin-right: -12px;
  float: left;
  cursor: move;
}
.fixedDataTableCellLayout_columnReorderContainer:after {
	content: '::';
	position: absolute;
	top: 50%;
	left: 1px;
	transform: translateY(-50%);
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */

/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff;
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */

/**
 * Table row.
 */
.public_fixedDataTableRow_main {
  background-color: #fff;
}

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
}

.public_fixedDataTableRow_fixedColumnsDivider {
  border-color: #d3d3d3;
}

.public_fixedDataTableRow_columnsShadow {
  background-image: linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0));
}

.public_fixedDataTableRow_columnsRightShadow {
  transform: rotate(180deg);
}
/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */

/**
 * Scrollbars.
 */

/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main {
  background-color: #fff;
  border-left: 1px solid #d3d3d3;
}

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff;
}

.public_Scrollbar_face:after {
  background-color: #c2c2c2;
}

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d;
}

@charset "UTF-8";
html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
[hidden] {
  display: none !important;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
}
optgroup {
  font-weight: 700;
}
button,
input,
select {
  overflow: visible;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
html {
  font-size: 10px;
}
body {
  font-family: Open Sans, Helvetica Neue, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
  font-color: #999999;
  font-size: 1.4rem;
  line-height: 1.4;
}
i.uf {
  padding: 0 5px;
}
::selection {
  background: #bbdefb;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@media print {
  *,
  :after,
  :before,
  :first-letter,
  :first-line {
    background: transparent!important;
    color: #000 !important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.u-shadow-0dp {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-shadow-2dp {
  -webkit-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);
  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);
  -webkit-box-shadow: 0 2px 2px 0 #000, 0 3px 1px -2px #000, 0 1px 5px 0 #000 \9;
  box-shadow: 0 2px 2px 0 #000, 0 3px 1px -2px #000, 0 1px 5px 0 #000 \9;
}
.u-shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.u-shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.u-shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.u-shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.u-shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.u-shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
.u-button-group,
.u-button-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.u-button-group .u-button {
  min-width: 25px;
}
.u-button-group .u-button .uf {
  font-size: 14px;
}
.u-button-group > .u-button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.u-button-group > .u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.u-button-group > .dropdown-toggle:not(:first-child),
.u-button-group > .u-button:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.u-button-group .u-button + .u-button,
.u-button-group .u-button + .u-button-group,
.u-button-group .u-button-group + .u-button,
.u-button-group .u-button-group + .v-group {
  margin-left: 1px;
}
.u-button-group .u-button-border + .u-button-border,
.u-button-group .u-button-border + .u-button-group,
.u-button-group .u-button-group + .u-button-border,
.u-button-group .u-button-group + .v-group {
  margin-left: -1px;
}
.u-button-group > .u-button:first-child {
  margin-left: 0;
}
.u-button-group-vertical > .u-button:first-child:not(:last-child) {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.u-button-group-vertical > .u-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.u-button-group-vertical > .u-button,
.u-button-group > .u-button {
  position: relative;
  float: left;
}
.u-button-group-vertical > .u-button + .u-button,
.u-button-group-vertical > .u-button + .u-button-group,
.u-button-group-vertical > .u-button-group + .u-button,
.u-button-group-vertical > .u-button-group + .u-button-group {
  margin-top: -1px;
  margin-left: 0;
}
.u-button-group-vertical > .u-button-group:last-child:not(:first-child) > .u-button:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.u-button-group-vertical > .u-button,
.u-button-group-vertical > .u-button-group,
.u-button-group-vertical > .u-button-group > .u-button {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.u-button-group-block {
  display: block;
  width: 100%;
}
.u-button-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.u-button-group-justified > .u-button,
.u-button-group-justified > .u-button-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.u-button-group-vertical > .u-button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-badge {
  position: relative;
  white-space: nowrap;
  font-weight: 600;
  padding: 3px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-badge.data-badge .data-icon {
  min-width: 8px;
}
.u-badge.data-badge.data-badge-bottom .data-icon {
  top: 10px;
}
.u-badge.data-badge .data-icon {
  content: attr(data-badge);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: 22px;
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  border-radius: 50%;
  color: #757575;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 200;
  border: 1px solid #d9d9d9;
  background: #fff;
  line-height: 16px;
}
.u-badge .badge-single,
.u-badge.data-badge .data-icon {
  font-size: 10px;
  width: 16px;
  height: 16px;
  text-align: center;
}
.u-badge .badge-single {
  display: inline-block;
  background: red;
  border-radius: 50%;
}
.u-badge-primary.u-badge .badge-single,
.u-badge-primary.u-badge .data-icon {
  border: none;
  color: #fff;
  background-color: #f53c32;
}
.u-badge-primary.u-badge .badge-single[href]:focus,
.u-badge-primary.u-badge .badge-single[href]:hover,
.u-badge-primary.u-badge .data-icon[href]:focus,
.u-badge-primary.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-badge-success.u-badge .badge-single,
.u-badge-success.u-badge .data-icon {
  border: none;
  color: #fff;
  background-color: #4caf50;
}
.u-badge-success.u-badge .badge-single[href]:focus,
.u-badge-success.u-badge .badge-single[href]:hover,
.u-badge-success.u-badge .data-icon[href]:focus,
.u-badge-success.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-badge-info.u-badge .badge-single,
.u-badge-info.u-badge .data-icon {
  border: none;
  color: #fff;
  background-color: #00bcd4;
}
.u-badge-info.u-badge .badge-single[href]:focus,
.u-badge-info.u-badge .badge-single[href]:hover,
.u-badge-info.u-badge .data-icon[href]:focus,
.u-badge-info.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-badge-warning.u-badge .badge-single,
.u-badge-warning.u-badge .data-icon {
  border: none;
  color: #fff;
  background-color: #ff9800;
}
.u-badge-warning.u-badge .badge-single[href]:focus,
.u-badge-warning.u-badge .badge-single[href]:hover,
.u-badge-warning.u-badge .data-icon[href]:focus,
.u-badge-warning.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-badge-danger.u-badge .badge-single,
.u-badge-danger.u-badge .data-icon {
  border: none;
  color: #fff;
  background-color: #f44336;
}
.u-badge-danger.u-badge .badge-single[href]:focus,
.u-badge-danger.u-badge .badge-single[href]:hover,
.u-badge-danger.u-badge .data-icon[href]:focus,
.u-badge-danger.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-badge-dark.u-badge .badge-single,
.u-badge-dark.u-badge .data-icon {
  color: #fff;
  background-color: #616161;
}
.u-badge-dark.u-badge .badge-single[href]:focus,
.u-badge-dark.u-badge .badge-single[href]:hover,
.u-badge-dark.u-badge .data-icon[href]:focus,
.u-badge-dark.u-badge .data-icon[href]:hover {
  color: #fff;
}
.u-label {
  padding-right: 5px;
  font-size: 14px;
}
.has-error .u-form-control {
  border-color: #f44336;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .u-label {
  color: #f44336;
}
.has-error .u-input-group-addon {
  color: #f44336;
  border-color: #f44336;
  background-color: #ffebee;
}
.has-success .u-form-control {
  border-color: #4caf50;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .u-label {
  color: #4caf50;
}
.has-success .u-input-group-addon {
  color: #4caf50;
  border-color: #4caf50;
  background-color: #e8f5e9;
}
.has-warning .u-label {
  color: #ff9800;
}
.has-warning .u-form-control {
  border-color: #ff9800;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .u-input-group-addon {
  color: #ff9800;
  border-color: #ff9800;
  background-color: #fff3e0;
}
.u-form-group {
  margin-bottom: 15px;
  margin-top: 15px;
}
.u-form-item {
  padding: 4px 10px;
  min-height: 52px;
}
.u-form-item.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.u-form-item .u-label {
  display: inline-block;
  text-align: right;
  padding-right: 12px;
  color: #212121;
  font-size: 12px;
  min-width: 96px;
}
.u-form-item .u-label.line-height-32 {
  line-height: 32px;
}
.u-form-item .mast {
  color: #f44336;
  font-size: 12px;
  padding: 0;
}
.u-form-item .error {
  color: #f44336;
  font-size: 12px;
  padding-left: 12px;
}
.u-form-item .error.line-height-32 {
  line-height: 32px;
}
.u-form-item .error .uf {
  font-size: 12px;
  padding: 0;
  margin-right: 4px;
}
.u-form-item .u-checkbox-group,
.u-form-item .u-form-control,
.u-form-item .u-input-group .u-form-control,
.u-form-item .u-select {
  display: inline-block;
  width: auto;
}
.u-form-item .calendar-picker,
.u-form-item .datepicker-container {
  display: inline-block;
}
.u-form-item textarea {
  min-height: 80px;
}
.u-form-item .u-col-1,
.u-form-item .u-col-2,
.u-form-item .u-col-3,
.u-form-item .u-col-4,
.u-form-item .u-col-5,
.u-form-item .u-col-6,
.u-form-item .u-col-7,
.u-form-item .u-col-8,
.u-form-item .u-col-9,
.u-form-item .u-col-10,
.u-form-item .u-col-11,
.u-form-item .u-col-12,
.u-form-item .u-col-lg-1,
.u-form-item .u-col-lg-2,
.u-form-item .u-col-lg-3,
.u-form-item .u-col-lg-4,
.u-form-item .u-col-lg-5,
.u-form-item .u-col-lg-6,
.u-form-item .u-col-lg-7,
.u-form-item .u-col-lg-8,
.u-form-item .u-col-lg-9,
.u-form-item .u-col-lg-10,
.u-form-item .u-col-lg-11,
.u-form-item .u-col-lg-12,
.u-form-item .u-col-md-1,
.u-form-item .u-col-md-2,
.u-form-item .u-col-md-3,
.u-form-item .u-col-md-4,
.u-form-item .u-col-md-5,
.u-form-item .u-col-md-6,
.u-form-item .u-col-md-7,
.u-form-item .u-col-md-8,
.u-form-item .u-col-md-9,
.u-form-item .u-col-md-10,
.u-form-item .u-col-md-11,
.u-form-item .u-col-md-12,
.u-form-item .u-col-sm-1,
.u-form-item .u-col-sm-2,
.u-form-item .u-col-sm-3,
.u-form-item .u-col-sm-4,
.u-form-item .u-col-sm-5,
.u-form-item .u-col-sm-6,
.u-form-item .u-col-sm-7,
.u-form-item .u-col-sm-8,
.u-form-item .u-col-sm-9,
.u-form-item .u-col-sm-10,
.u-form-item .u-col-sm-11,
.u-form-item .u-col-sm-12,
.u-form-item .u-col-xs-1,
.u-form-item .u-col-xs-2,
.u-form-item .u-col-xs-3,
.u-form-item .u-col-xs-4,
.u-form-item .u-col-xs-5,
.u-form-item .u-col-xs-6,
.u-form-item .u-col-xs-7,
.u-form-item .u-col-xs-8,
.u-form-item .u-col-xs-9,
.u-form-item .u-col-xs-10,
.u-form-item .u-col-xs-11,
.u-form-item .u-col-xs-12 {
  padding: 0;
}
.u-form-item .u-col-1 .u-checkbox-group,
.u-form-item .u-col-1 .u-form-control,
.u-form-item .u-col-1 .u-input-group .u-form-control,
.u-form-item .u-col-1 .u-label,
.u-form-item .u-col-1 .u-select,
.u-form-item .u-col-2 .u-checkbox-group,
.u-form-item .u-col-2 .u-form-control,
.u-form-item .u-col-2 .u-input-group .u-form-control,
.u-form-item .u-col-2 .u-label,
.u-form-item .u-col-2 .u-select,
.u-form-item .u-col-3 .u-checkbox-group,
.u-form-item .u-col-3 .u-form-control,
.u-form-item .u-col-3 .u-input-group .u-form-control,
.u-form-item .u-col-3 .u-label,
.u-form-item .u-col-3 .u-select,
.u-form-item .u-col-4 .u-checkbox-group,
.u-form-item .u-col-4 .u-form-control,
.u-form-item .u-col-4 .u-input-group .u-form-control,
.u-form-item .u-col-4 .u-label,
.u-form-item .u-col-4 .u-select,
.u-form-item .u-col-5 .u-checkbox-group,
.u-form-item .u-col-5 .u-form-control,
.u-form-item .u-col-5 .u-input-group .u-form-control,
.u-form-item .u-col-5 .u-label,
.u-form-item .u-col-5 .u-select,
.u-form-item .u-col-6 .u-checkbox-group,
.u-form-item .u-col-6 .u-form-control,
.u-form-item .u-col-6 .u-input-group .u-form-control,
.u-form-item .u-col-6 .u-label,
.u-form-item .u-col-6 .u-select,
.u-form-item .u-col-7 .u-checkbox-group,
.u-form-item .u-col-7 .u-form-control,
.u-form-item .u-col-7 .u-input-group .u-form-control,
.u-form-item .u-col-7 .u-label,
.u-form-item .u-col-7 .u-select,
.u-form-item .u-col-8 .u-checkbox-group,
.u-form-item .u-col-8 .u-form-control,
.u-form-item .u-col-8 .u-input-group .u-form-control,
.u-form-item .u-col-8 .u-label,
.u-form-item .u-col-8 .u-select,
.u-form-item .u-col-9 .u-checkbox-group,
.u-form-item .u-col-9 .u-form-control,
.u-form-item .u-col-9 .u-input-group .u-form-control,
.u-form-item .u-col-9 .u-label,
.u-form-item .u-col-9 .u-select,
.u-form-item .u-col-10 .u-checkbox-group,
.u-form-item .u-col-10 .u-form-control,
.u-form-item .u-col-10 .u-input-group .u-form-control,
.u-form-item .u-col-10 .u-label,
.u-form-item .u-col-10 .u-select,
.u-form-item .u-col-11 .u-checkbox-group,
.u-form-item .u-col-11 .u-form-control,
.u-form-item .u-col-11 .u-input-group .u-form-control,
.u-form-item .u-col-11 .u-label,
.u-form-item .u-col-11 .u-select,
.u-form-item .u-col-12 .u-checkbox-group,
.u-form-item .u-col-12 .u-form-control,
.u-form-item .u-col-12 .u-input-group .u-form-control,
.u-form-item .u-col-12 .u-label,
.u-form-item .u-col-12 .u-select,
.u-form-item .u-col-lg-1 .u-checkbox-group,
.u-form-item .u-col-lg-1 .u-form-control,
.u-form-item .u-col-lg-1 .u-input-group .u-form-control,
.u-form-item .u-col-lg-1 .u-label,
.u-form-item .u-col-lg-1 .u-select,
.u-form-item .u-col-lg-2 .u-checkbox-group,
.u-form-item .u-col-lg-2 .u-form-control,
.u-form-item .u-col-lg-2 .u-input-group .u-form-control,
.u-form-item .u-col-lg-2 .u-label,
.u-form-item .u-col-lg-2 .u-select,
.u-form-item .u-col-lg-3 .u-checkbox-group,
.u-form-item .u-col-lg-3 .u-form-control,
.u-form-item .u-col-lg-3 .u-input-group .u-form-control,
.u-form-item .u-col-lg-3 .u-label,
.u-form-item .u-col-lg-3 .u-select,
.u-form-item .u-col-lg-4 .u-checkbox-group,
.u-form-item .u-col-lg-4 .u-form-control,
.u-form-item .u-col-lg-4 .u-input-group .u-form-control,
.u-form-item .u-col-lg-4 .u-label,
.u-form-item .u-col-lg-4 .u-select,
.u-form-item .u-col-lg-5 .u-checkbox-group,
.u-form-item .u-col-lg-5 .u-form-control,
.u-form-item .u-col-lg-5 .u-input-group .u-form-control,
.u-form-item .u-col-lg-5 .u-label,
.u-form-item .u-col-lg-5 .u-select,
.u-form-item .u-col-lg-6 .u-checkbox-group,
.u-form-item .u-col-lg-6 .u-form-control,
.u-form-item .u-col-lg-6 .u-input-group .u-form-control,
.u-form-item .u-col-lg-6 .u-label,
.u-form-item .u-col-lg-6 .u-select,
.u-form-item .u-col-lg-7 .u-checkbox-group,
.u-form-item .u-col-lg-7 .u-form-control,
.u-form-item .u-col-lg-7 .u-input-group .u-form-control,
.u-form-item .u-col-lg-7 .u-label,
.u-form-item .u-col-lg-7 .u-select,
.u-form-item .u-col-lg-8 .u-checkbox-group,
.u-form-item .u-col-lg-8 .u-form-control,
.u-form-item .u-col-lg-8 .u-input-group .u-form-control,
.u-form-item .u-col-lg-8 .u-label,
.u-form-item .u-col-lg-8 .u-select,
.u-form-item .u-col-lg-9 .u-checkbox-group,
.u-form-item .u-col-lg-9 .u-form-control,
.u-form-item .u-col-lg-9 .u-input-group .u-form-control,
.u-form-item .u-col-lg-9 .u-label,
.u-form-item .u-col-lg-9 .u-select,
.u-form-item .u-col-lg-10 .u-checkbox-group,
.u-form-item .u-col-lg-10 .u-form-control,
.u-form-item .u-col-lg-10 .u-input-group .u-form-control,
.u-form-item .u-col-lg-10 .u-label,
.u-form-item .u-col-lg-10 .u-select,
.u-form-item .u-col-lg-11 .u-checkbox-group,
.u-form-item .u-col-lg-11 .u-form-control,
.u-form-item .u-col-lg-11 .u-input-group .u-form-control,
.u-form-item .u-col-lg-11 .u-label,
.u-form-item .u-col-lg-11 .u-select,
.u-form-item .u-col-lg-12 .u-checkbox-group,
.u-form-item .u-col-lg-12 .u-form-control,
.u-form-item .u-col-lg-12 .u-input-group .u-form-control,
.u-form-item .u-col-lg-12 .u-label,
.u-form-item .u-col-lg-12 .u-select,
.u-form-item .u-col-md-1 .u-checkbox-group,
.u-form-item .u-col-md-1 .u-form-control,
.u-form-item .u-col-md-1 .u-input-group .u-form-control,
.u-form-item .u-col-md-1 .u-label,
.u-form-item .u-col-md-1 .u-select,
.u-form-item .u-col-md-2 .u-checkbox-group,
.u-form-item .u-col-md-2 .u-form-control,
.u-form-item .u-col-md-2 .u-input-group .u-form-control,
.u-form-item .u-col-md-2 .u-label,
.u-form-item .u-col-md-2 .u-select,
.u-form-item .u-col-md-3 .u-checkbox-group,
.u-form-item .u-col-md-3 .u-form-control,
.u-form-item .u-col-md-3 .u-input-group .u-form-control,
.u-form-item .u-col-md-3 .u-label,
.u-form-item .u-col-md-3 .u-select,
.u-form-item .u-col-md-4 .u-checkbox-group,
.u-form-item .u-col-md-4 .u-form-control,
.u-form-item .u-col-md-4 .u-input-group .u-form-control,
.u-form-item .u-col-md-4 .u-label,
.u-form-item .u-col-md-4 .u-select,
.u-form-item .u-col-md-5 .u-checkbox-group,
.u-form-item .u-col-md-5 .u-form-control,
.u-form-item .u-col-md-5 .u-input-group .u-form-control,
.u-form-item .u-col-md-5 .u-label,
.u-form-item .u-col-md-5 .u-select,
.u-form-item .u-col-md-6 .u-checkbox-group,
.u-form-item .u-col-md-6 .u-form-control,
.u-form-item .u-col-md-6 .u-input-group .u-form-control,
.u-form-item .u-col-md-6 .u-label,
.u-form-item .u-col-md-6 .u-select,
.u-form-item .u-col-md-7 .u-checkbox-group,
.u-form-item .u-col-md-7 .u-form-control,
.u-form-item .u-col-md-7 .u-input-group .u-form-control,
.u-form-item .u-col-md-7 .u-label,
.u-form-item .u-col-md-7 .u-select,
.u-form-item .u-col-md-8 .u-checkbox-group,
.u-form-item .u-col-md-8 .u-form-control,
.u-form-item .u-col-md-8 .u-input-group .u-form-control,
.u-form-item .u-col-md-8 .u-label,
.u-form-item .u-col-md-8 .u-select,
.u-form-item .u-col-md-9 .u-checkbox-group,
.u-form-item .u-col-md-9 .u-form-control,
.u-form-item .u-col-md-9 .u-input-group .u-form-control,
.u-form-item .u-col-md-9 .u-label,
.u-form-item .u-col-md-9 .u-select,
.u-form-item .u-col-md-10 .u-checkbox-group,
.u-form-item .u-col-md-10 .u-form-control,
.u-form-item .u-col-md-10 .u-input-group .u-form-control,
.u-form-item .u-col-md-10 .u-label,
.u-form-item .u-col-md-10 .u-select,
.u-form-item .u-col-md-11 .u-checkbox-group,
.u-form-item .u-col-md-11 .u-form-control,
.u-form-item .u-col-md-11 .u-input-group .u-form-control,
.u-form-item .u-col-md-11 .u-label,
.u-form-item .u-col-md-11 .u-select,
.u-form-item .u-col-md-12 .u-checkbox-group,
.u-form-item .u-col-md-12 .u-form-control,
.u-form-item .u-col-md-12 .u-input-group .u-form-control,
.u-form-item .u-col-md-12 .u-label,
.u-form-item .u-col-md-12 .u-select,
.u-form-item .u-col-sm-1 .u-checkbox-group,
.u-form-item .u-col-sm-1 .u-form-control,
.u-form-item .u-col-sm-1 .u-input-group .u-form-control,
.u-form-item .u-col-sm-1 .u-label,
.u-form-item .u-col-sm-1 .u-select,
.u-form-item .u-col-sm-2 .u-checkbox-group,
.u-form-item .u-col-sm-2 .u-form-control,
.u-form-item .u-col-sm-2 .u-input-group .u-form-control,
.u-form-item .u-col-sm-2 .u-label,
.u-form-item .u-col-sm-2 .u-select,
.u-form-item .u-col-sm-3 .u-checkbox-group,
.u-form-item .u-col-sm-3 .u-form-control,
.u-form-item .u-col-sm-3 .u-input-group .u-form-control,
.u-form-item .u-col-sm-3 .u-label,
.u-form-item .u-col-sm-3 .u-select,
.u-form-item .u-col-sm-4 .u-checkbox-group,
.u-form-item .u-col-sm-4 .u-form-control,
.u-form-item .u-col-sm-4 .u-input-group .u-form-control,
.u-form-item .u-col-sm-4 .u-label,
.u-form-item .u-col-sm-4 .u-select,
.u-form-item .u-col-sm-5 .u-checkbox-group,
.u-form-item .u-col-sm-5 .u-form-control,
.u-form-item .u-col-sm-5 .u-input-group .u-form-control,
.u-form-item .u-col-sm-5 .u-label,
.u-form-item .u-col-sm-5 .u-select,
.u-form-item .u-col-sm-6 .u-checkbox-group,
.u-form-item .u-col-sm-6 .u-form-control,
.u-form-item .u-col-sm-6 .u-input-group .u-form-control,
.u-form-item .u-col-sm-6 .u-label,
.u-form-item .u-col-sm-6 .u-select,
.u-form-item .u-col-sm-7 .u-checkbox-group,
.u-form-item .u-col-sm-7 .u-form-control,
.u-form-item .u-col-sm-7 .u-input-group .u-form-control,
.u-form-item .u-col-sm-7 .u-label,
.u-form-item .u-col-sm-7 .u-select,
.u-form-item .u-col-sm-8 .u-checkbox-group,
.u-form-item .u-col-sm-8 .u-form-control,
.u-form-item .u-col-sm-8 .u-input-group .u-form-control,
.u-form-item .u-col-sm-8 .u-label,
.u-form-item .u-col-sm-8 .u-select,
.u-form-item .u-col-sm-9 .u-checkbox-group,
.u-form-item .u-col-sm-9 .u-form-control,
.u-form-item .u-col-sm-9 .u-input-group .u-form-control,
.u-form-item .u-col-sm-9 .u-label,
.u-form-item .u-col-sm-9 .u-select,
.u-form-item .u-col-sm-10 .u-checkbox-group,
.u-form-item .u-col-sm-10 .u-form-control,
.u-form-item .u-col-sm-10 .u-input-group .u-form-control,
.u-form-item .u-col-sm-10 .u-label,
.u-form-item .u-col-sm-10 .u-select,
.u-form-item .u-col-sm-11 .u-checkbox-group,
.u-form-item .u-col-sm-11 .u-form-control,
.u-form-item .u-col-sm-11 .u-input-group .u-form-control,
.u-form-item .u-col-sm-11 .u-label,
.u-form-item .u-col-sm-11 .u-select,
.u-form-item .u-col-sm-12 .u-checkbox-group,
.u-form-item .u-col-sm-12 .u-form-control,
.u-form-item .u-col-sm-12 .u-input-group .u-form-control,
.u-form-item .u-col-sm-12 .u-label,
.u-form-item .u-col-sm-12 .u-select,
.u-form-item .u-col-xs-1 .u-checkbox-group,
.u-form-item .u-col-xs-1 .u-form-control,
.u-form-item .u-col-xs-1 .u-input-group .u-form-control,
.u-form-item .u-col-xs-1 .u-label,
.u-form-item .u-col-xs-1 .u-select,
.u-form-item .u-col-xs-2 .u-checkbox-group,
.u-form-item .u-col-xs-2 .u-form-control,
.u-form-item .u-col-xs-2 .u-input-group .u-form-control,
.u-form-item .u-col-xs-2 .u-label,
.u-form-item .u-col-xs-2 .u-select,
.u-form-item .u-col-xs-3 .u-checkbox-group,
.u-form-item .u-col-xs-3 .u-form-control,
.u-form-item .u-col-xs-3 .u-input-group .u-form-control,
.u-form-item .u-col-xs-3 .u-label,
.u-form-item .u-col-xs-3 .u-select,
.u-form-item .u-col-xs-4 .u-checkbox-group,
.u-form-item .u-col-xs-4 .u-form-control,
.u-form-item .u-col-xs-4 .u-input-group .u-form-control,
.u-form-item .u-col-xs-4 .u-label,
.u-form-item .u-col-xs-4 .u-select,
.u-form-item .u-col-xs-5 .u-checkbox-group,
.u-form-item .u-col-xs-5 .u-form-control,
.u-form-item .u-col-xs-5 .u-input-group .u-form-control,
.u-form-item .u-col-xs-5 .u-label,
.u-form-item .u-col-xs-5 .u-select,
.u-form-item .u-col-xs-6 .u-checkbox-group,
.u-form-item .u-col-xs-6 .u-form-control,
.u-form-item .u-col-xs-6 .u-input-group .u-form-control,
.u-form-item .u-col-xs-6 .u-label,
.u-form-item .u-col-xs-6 .u-select,
.u-form-item .u-col-xs-7 .u-checkbox-group,
.u-form-item .u-col-xs-7 .u-form-control,
.u-form-item .u-col-xs-7 .u-input-group .u-form-control,
.u-form-item .u-col-xs-7 .u-label,
.u-form-item .u-col-xs-7 .u-select,
.u-form-item .u-col-xs-8 .u-checkbox-group,
.u-form-item .u-col-xs-8 .u-form-control,
.u-form-item .u-col-xs-8 .u-input-group .u-form-control,
.u-form-item .u-col-xs-8 .u-label,
.u-form-item .u-col-xs-8 .u-select,
.u-form-item .u-col-xs-9 .u-checkbox-group,
.u-form-item .u-col-xs-9 .u-form-control,
.u-form-item .u-col-xs-9 .u-input-group .u-form-control,
.u-form-item .u-col-xs-9 .u-label,
.u-form-item .u-col-xs-9 .u-select,
.u-form-item .u-col-xs-10 .u-checkbox-group,
.u-form-item .u-col-xs-10 .u-form-control,
.u-form-item .u-col-xs-10 .u-input-group .u-form-control,
.u-form-item .u-col-xs-10 .u-label,
.u-form-item .u-col-xs-10 .u-select,
.u-form-item .u-col-xs-11 .u-checkbox-group,
.u-form-item .u-col-xs-11 .u-form-control,
.u-form-item .u-col-xs-11 .u-input-group .u-form-control,
.u-form-item .u-col-xs-11 .u-label,
.u-form-item .u-col-xs-11 .u-select,
.u-form-item .u-col-xs-12 .u-checkbox-group,
.u-form-item .u-col-xs-12 .u-form-control,
.u-form-item .u-col-xs-12 .u-input-group .u-form-control,
.u-form-item .u-col-xs-12 .u-label,
.u-form-item .u-col-xs-12 .u-select {
  width: 100%;
}
.u-form-control::-webkit-input-placeholder {
  font-size: 12px;
}
.u-form-control:-moz-placeholder,
.u-form-control::-moz-placeholder {
  font-size: 12px;
}
.u-form-control:-ms-input-placeholder {
  font-size: 12px;
}
.text-algin-center {
  text-align: center;
}
.u-input-number {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.u-input-number.u-input-group {
  border-spacing: 0;
}
.u-input-number.u-input-group > span:first-child {
  border-right: 1px solid #d9d9d9;
}
.u-input-number.u-input-group > span:last-child {
  border-left: 1px solid #d9d9d9;
  border-top-right-radius: 4px;
}
.u-input-number.disabled-con > span:first-child {
  border-right: 1px solid #dfe1e6;
}
.u-input-number.disabled-con > span:last-child {
  border-left: 1px solid #dfe1e6;
}
.u-input-number.u-input-group > span {
  background: #fff;
}
.u-input-number.u-input-group > span:hover {
  background: #ebecf0;
}
.u-input-number.u-input-group.simple .u-input-group-btn {
  position: relative;
  top: 0;
  z-index: 2;
  right: 0;
  width: 22px;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group {
  width: 22px;
  height: 32px;
  background: #fff;
  border-radius: 0 4px 4px 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 0;
  height: 54%;
  overflow: hidden;
  color: #505f79;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled {
  cursor: not-allowed;
  background: #fff !important;
  color: #c1c7d0;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled-cursor {
  background: #f7f9fb;
  cursor: not-allowed;
  border-top-right-radius: 4px;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled-cursor:hover {
  background: #f7f9fb;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus:hover {
  background: #ebecf0;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {
  position: relative;
  top: -1px;
  display: block;
  width: 100%;
  text-align: center;
  border-top: 1px solid #d9d9d9;
  line-height: 0;
  height: 50%;
  overflow: hidden;
  color: #505f79;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled {
  cursor: not-allowed;
  background: #fff !important;
  color: #c1c7d0;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled-cursor {
  cursor: not-allowed;
  background: #f7f9fb;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #dfe1e6;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled-cursor:hover {
  background: #f7f9fb;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce:hover {
  background: #ebecf0;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor.disabled {
  background: none;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor .uf {
  color: #c1c7d0;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor .uf:hover {
  color: #ccc;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf {
  font-size: 12px;
  line-height: 16px;
}
.u-input-number.u-input-group.simple .u-input-group-btn[disabled] {
  background: #f7f9fb;
}
.u-input-number.u-input-group.simple .u-form-control {
  text-align: left;
  width: 100%;
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 12px;
}
.u-input-number.u-input-group.simple .u-form-control[disabled],
.u-input-number.u-input-group.simple .u-form-control[disabled] + .u-input-group-btn .icon-group {
  border-color: #d9d9d9;
}
.u-input-number.u-input-group .u-form-control {
  width: 100%;
  text-align: center;
  border: transparent;
}
.u-input-number.u-input-group .u-form-control[disabled] {
  border-top-color: #d9d9d9;
  border-bottom-color: #d9d9d9;
}
.u-input-number.u-input-group .u-form-control:focus {
  border-color: #66afe9;
}
.u-input-number .u-input-group-addon {
  position: relative;
  cursor: pointer;
  padding: 6px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  background: transparent;
  border: none;
}
.u-input-number .u-input-group-addon.disabled {
  cursor: not-allowed;
  color: #c1c7d0;
  background: #fff !important;
}
.u-input-number .u-input-group-addon.disabled-cursor {
  cursor: not-allowed;
  background: #f7f9fb !important;
  color: #ccc;
}
.u-input-number .u-input-number-auto .u-form-control {
  width: 100%;
}
.u-input-number .u-form-control::-webkit-inner-spin-button,
.u-input-number .u-form-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.u-input-number input[type=number] {
  -moz-appearance: textfield;
}
.u-input-number-group .u-input-number-out {
  width: calc(50% - 10px);
  display: inline-block;
}
.u-input-number-group-split {
  width: 20px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -10px;
}
.u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:first-of-type {
  position: relative;
  left: 2px;
}
.u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:last-of-type {
  position: relative;
  right: 2px;
}
.u-table .u-table-tbody .u-table-row .u-input-number.u-input-group.simple .u-input-group-btn {
  right: 2px;
}
.disabled-con,
.disabled-con .disabled-cursor > span:first-child,
.disabled-con .disabled-cursor > span:last-child {
  border-color: #dfe1e6;
}
.u-switch {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  border: 1px solid #a5adba;
  background-color: #a5adba;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u-switch-inner {
  color: #fff;
  position: absolute;
  font-size: 12px;
  left: 22px;
}
.u-switch-backdrop {
  display: inline-block;
  width: 44px;
  height: 22px;
  border-radius: 20px;
  background: #fff;
}
.u-switch:active:after {
  width: 24px;
}
.u-switch:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
  box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
  outline: 0;
}
.u-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 1px;
  left: 0;
  border-radius: 18px;
  background-color: #fff;
  content: " ";
  cursor: pointer;
  -webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), width 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), width 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.u-switch.is-checked {
  border-color: #f53c32;
  background-color: #f53c32;
}
.u-switch.is-checked .u-switch-inner {
  left: 8px;
}
.u-switch.is-checked:after {
  left: 24px;
}
.u-switch.is-checked:active:after {
  left: 16px;
}
.u-switch.u-switch-disabled {
  cursor: no-drop;
  background: #dfe1e6;
  border-color: #dfe1e6;
}
.u-switch.u-switch-disabled.is-checked {
  border-color: #f53c32;
  background-color: #f53c32;
  opacity: 0.35;
}
.u-switch.u-switch-disabled:after {
  background: #fff;
  -webkit-animation-name: none;
  animation-name: none;
  cursor: no-drop;
}
.u-switch.u-switch-disabled:hover:after {
  -webkit-transform: scale(1);
  transform: