UNPKG

yonui-ys

Version:
2,116 lines (1,843 loc) • 572 kB
@hack: ~"\9"; @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: .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: -.25em } sup { top: -.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: .35em .625em .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: rgb(153, 153, 153); 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: .2em 0; background: #ccc; color: #000; padding: .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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); -webkit-box-shadow: 0 2px 2px 0 #000, 0 3px 1px -2px #000, 0 1px 5px 0 #000@hack; box-shadow: 0 2px 2px 0 #000, 0 3px 1px -2px #000, 0 1px 5px 0 #000@hack } .u-shadow-3dp { -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12) } .u-shadow-4dp { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) } .u-shadow-6dp { -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2) } .u-shadow-8dp { -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2) } .u-shadow-16dp { -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2); box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) } .u-shadow-24dp { -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2); box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(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, .075); box-shadow: inset 0 1px 1px rgba(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, .075); box-shadow: inset 0 1px 1px rgba(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, .075); box-shadow: inset 0 1px 1px rgba(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 .24s linear .1s; transition: opacity .24s linear .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: 13px; overflow: hidden; color: #505f79; -webkit-transition: all .1s linear; transition: all .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; display: block; width: 100%; text-align: center; border-top: 1px solid #d9d9d9; line-height: 0; height: 13px; overflow: hidden; color: #505f79; -webkit-transition: all .1s linear; transition: all .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 .3s cubic-bezier(.78, .14, .15, .86); transition: all .3s cubic-bezier(.78, .14, .15, .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, .2); box-shadow: 0 0 0 2px rgba(16, 142, 233, .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 .3s cubic-bezier(.78, .14, .15, .86), width .3s cubic-bezier(.78, .14, .15, .86); transition: left .3s cubic-bezier(.78, .14, .15, .86), width .3s cubic-bezier(.78, .14, .15, .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: .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: scale(1); -webkit-animation-name: none; animation-name: none } .u-switch.u-switch-sm { width: 32px; height: 16px; line-height: 12px } .u-switch.u-switch-sm .u-switch-inner { color: #fff; position: absolute; font-size: 10px; left: 16px } .u-switch.u-switch-sm:active:after { width: 16px } .u-switch.u-switch-sm:after { width: 14px; height: 14px; top: 0; left: 0 } .u-switch.u-switch-sm.is-checked .u-switch-inner { left: 4px } .u-switch.u-switch-sm.is-checked:after { left: 16px } .u-switch.u-switch-sm.is-checked:active:after { left: 10px } .u-switch.u-switch-lg { width: 60px; height: 30px; line-height: 12px } .u-switch.u-switch-lg .u-switch-inner { color: #fff; position: absolute; font-size: 18px; left: 30px; top: 8px } .u-switch.u-switch-lg:active:after { width: 32px } .u-switch.u-switch-lg:after { width: 26px; height: 26px; top: 1px; left: 0 } .u-switch.u-switch-lg.is-checked .u-switch-inner { left: 8px } .u-switch.u-switch-lg.is-checked:after { left: 32px } .u-switch.u-switch-lg.is-checked:active:after { left: 26px } .u-switch-primary.is-checked { background: #f53c32; border: 1px solid #f53c32 } .u-switch-info.is-checked { background: #00bcd4; border: 1px solid #00bcd4 } .is-checked.u-switch-danger { background: #f44336; border: 1px solid #f44336 } .u-switch-warning.is-checked { background: #ff9800; border: 1px solid #ff9800 } .u-switch-dark.is-checked { background: #616161; border: 1px solid #616161 } .u-switch-success.is-checked { background: #4caf50; border: 1px solid #4caf50 } .alert-dismissible, .u-alert-dismissable { padding-right: 35px } .u-alert { position: relative; padding: 10px; border: 1px solid transparent; border-radius: 4px; font-size: 12px } .u-alert .close { position: absolute; right: 20px; top: 10px; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); cursor: pointer } .u-alert-success.u-alert { background-color: #e8f5e9; border-color: #e8f5e9; color: #4caf50 } .u-alert-news.u-alert { background-color: #e3f2fd; border-color: #e3f2fd; color: #2196f3 } .u-alert-info.u-alert { background-color: #e0f7fa; border-color: #e0f7fa; color: #00bcd4 } .u-alert-warning.u-alert { background-color: #fff3e0; border-color: #fff3e0; color: #ff9800 } .u-alert-danger.u-alert { background-color: #ffebee; border-color: #ffebee; color: #f44336 } .dark.u-alert-success.u-alert { background-color: #4caf50; border-color: #4caf50; color: #fff } .dark.u-alert-news.u-alert { background-color: #2196f3; border-color: #2196f3; color: #fff } .dark.u-alert-info.u-alert { background-color: #00bcd4; border-color: #00bcd4; color: #fff } .dark.u-alert-warning.u-alert { background-color: #ff9800; border-color: #ff9800; color: #fff } .dark.u-alert-danger.u-alert { background-color: #f44336; border-color: #f44336; color: #fff } .u-alert-dismissable .close, .u-alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .u-checkbox { display: inline-block; margin-right: 24px; height: 16px; line-height: 16px; font-size: 12px; white-space: nowrap; cursor: pointer; outline: none; position: relative; line-height: 1; vertical-align: middle } .u-checkbox input[type=checkbox] { position: absolute; z-index: 3; cursor: pointer; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; width: 100%; height: 100% } .u-checkbox input[disabled] { cursor: not-allowed } .u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #f53c32 } .u-checkbox.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.is-checked .u-checkbox-label:after { color: #f53c32; content: "\e658"; line-height: 16px; font-size: 12px; font-weight: 600 } .u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #f53c32; box-shadow: inset 0 0 0 10px #f53c32; border-color: #f53c32 } .u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after { color: #fff } .u-checkbox .u-checkbox-label { cursor: pointer; display: inline-block; padding-left: 25px; line-height: 16px; color: #212121 } .u-checkbox .u-checkbox-label:before { border-radius: 4px; border: 1px solid #d9d9d9; background-color: #fff } .u-checkbox .u-checkbox-label:after, .u-checkbox .u-checkbox-label:before { content: ""; font-family: uf; display: inline-block; width: 16px; height: 16px; left: 0; top: 0; text-align: center; position: absolute } .u-checkbox.disabled .u-checkbox-label { cursor: not-allowed; color: #909090 } .u-checkbox.disabled .u-checkbox-label:before { border-color: #dfe1e6; color: #909090 } .u-checkbox.disabled .u-checkbox-label:after { color: #c1c7d0 } .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after { color: #f53c32; content: "\e6ce"; line-height: 16px; font-size: 12px; font-weight: 600 } .u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #f53c32; box-shadow: inset 0 0 0 10px #f53c32; border-color: #f53c32 } .u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after { color: #fff } .u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after { color: #4caf50 } .u-checkbox.u-checkbox-success input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #4caf50 } .u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after { color: #ff9800 } .u-checkbox.u-checkbox-warning input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #ff9800 } .u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after { color: #f44336 } .u-checkbox.u-checkbox-danger input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #f44336 } .u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after { color: #616161 } .u-checkbox.u-checkbox-dark input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #616161 } .u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before { -webkit-box-shadow: inset 0 0 0 10px #fff; box-shadow: inset 0 0 0 10px #fff; border-color: #d9d9d9 } .u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after { color: #00bcd4 } .u-checkbox.u-checkbox-info input[type=checkbox]:focus+.u-checkbox-label:before { border-color: #00bcd4 } @-webkit-keyframes rcMenuOpenZoomIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes rcMenuOpenZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } } @-webkit-keyframes rcMenuOpenSlideUpIn { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); transform: scaleY(0) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(1); transform: scaleY(1) } } @-webkit-keyframes rcMenuOpenSlideUpOut { 0% { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(1); transform: scaleY(1) } to { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); transform: scaleY(0) } } .u-pagination { font-size: 14px; position: relative } .u-pagination-list { float: left; margin: 5px } .u-pagination-list:after { clear: both; display: table; content: "" } .u-pagination-list>li.iconBtn>a { padding: 5px 9px; line-height: 1.57142857 } .u-pagination-list>li>a, .u-pagination-list>li>span { display: inline-block; text-decoration: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; background-color: transparent; text-align: center; color: #666; padding: 5px 12px; line-height: 1.57142857 } .u-pagination-list.u-pagination-no-border>li>a, .u-pagination-list>li>span { border-radius: 3px } .u-pagination-list>li:first-child>a, .u-pagination-list>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .u-pagination-list>li:last-child>a, .u-pagination-list>li:last-child>span, .u-pagination-list>li[role=next]>a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .u-pagination-list>li[role=next]>a { border-right: 1px solid #d9d9d9 } .u-pagination-list>li { float: left; list-style-type: none } .u-pagination-list>li>a:focus, .u-pagination-list>li>a:hover, .u-pagination-list>li>span:focus, .u-pagination-list>li>span:hover { color: #666; background-color: #f7f9fd; border-color: #d9d9d9; cursor: pointer } .u-pagination-list>li>a>i { color: #7a869a } .u-pagination-list>.active>a, .u-pagination-list>.active>a:focus, .u-pagination-list>.active>a:hover, .u-pagination-list>.active>span, .u-pagination-list>.active>span:focus, .u-pagination-list>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #7a869a; border-color: #7a869a } .u-pagination-list>.disabled>a, .u-pagination-list>.disabled>a:focus, .u-pagination-list>.disabled>a:hover, .u-pagination-list>.disabled>span, .u-pagination-list>.disabled>span:focus, .u-pagination-list>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: transparent; border-color: #d9d9d9 } .u-pagination-list>.disabled>a>i { color: #c1c7d0 } .u-pagination-list>li[role=gap]>a { background-color: transparent; border-bottom: 0 solid #d9d9d9; border-top: 0 solid #d9d9d9; padding: 7px 11px; line-height: 1.57142857 } .u-pagination-list>li[role=gap]>a:focus, .u-pagination-list>li[role=gap]>a:hover { background-color: transparent } .u-pagination-list input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizin