UNPKG

bee-input-number/build/InputNumber.css

Version:

1/* FormGroup */
2/*  Navlayout  */
3/* FormGroup */
4/*  Navlayout  */
u-form-control {
position: relative;
display: inline-block;
padding: 0 12px;
width: 100%;
height: 32px;
cursor: text;
font-size: 14px;
line-height: 1.5;
color: #424242;
background-color: #fff;
background-image: none;
border: 1px solid rgb(165, 173, 186);
border-radius: 3px;
transition: all .3s; }
.u-form-control:focus {
  border-color: #66afe9;
  outline: 0; }
.u-form-control::-ms-clear, .u-form-control ::-ms-reveal {
  display: none; }
25
u-form-control[disabled] {
background: #F7F9FB;
border-color: #DFE1E6;
color: #909090;
cursor: not-allowed; }
31
u-form-control.lg {
height: 40px;
font-size: 14px; }
35
u-form-control.sm {
font-size: 12px;
height: 26px; }
39
u-form-control-search-wrapper {
position: absolute;
top: 0;
left: 0;
height: 28px;
padding: 4px;
width: 100%; }
.u-form-control-search-wrapper .u-form-control-search-action {
  color: #ccc;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  text-decoration: none; }
  .u-form-control-search-wrapper .u-form-control-search-action .uf {
    transition: all .3s;
    font-size: 12px;
    color: #ccc; }
    .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {
      content: "\e603"; }
64
u-form-control-affix-wrapper {
position: relative;
display: inline-block;
width: 100%; }
.u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  line-height: 0;
  right: 7px;
  color: rgba(0, 0, 0, 0.65); }
79
80/* FormGroup */
81/*  Navlayout  */
82/* FormGroup */
83/*  Navlayout  */
u-input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #505F79;
text-align: center;
background-color: #eee;
border: 1px solid rgb(165, 173, 186);
border-radius: 3px;
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell; }
.u-input-group-addon:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.u-input-group-addon:first-child {
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }
106
107/* FormGroup */
108/*  Navlayout  */
u-input-group-btn {
font-size: 0;
white-space: nowrap;
position: relative;
width: 1%;
vertical-align: middle;
display: table-cell; }
.u-input-group-btn .u-button {
  position: relative; }
118
u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
122
u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
126
u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {
margin-left: -1px; }
129
u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {
margin-right: -1px; }
132
u-input-group {
position: relative;
display: table;
border-collapse: separate; }
.u-input-group .u-input-group-btn .u-button {
  border: 1px solid rgb(165, 173, 186);
  height: 32px;
  line-height: 1.3; }
.u-input-group .u-form-control {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table-cell; }
  .u-input-group .u-form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .u-input-group .u-form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .u-input-group .u-form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }
.u-input-group.simple .u-form-control {
  border-radius: 3px; }
.u-input-group.simple .u-input-group-btn {
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 6px;
  min-width: 20px; }
.u-input-group.simple .u-form-control:not(:last-child) {
  padding-right: 23px; }
165
u-input-number {
width: 100%;
border: 1px solid rgb(165, 173, 186);
border-radius: 3px; }
.u-input-number.u-input-number-sm.u-input-group.simple .u-input-group-btn .icon-group {
  height: 26px; }
.u-input-number.u-input-number-lg.u-input-group.simple .u-input-group-btn .icon-group {
  height: 40px; }
.u-input-number.u-input-group {
  border-spacing: 0; }
.u-input-number.u-input-group > span:first-child {
  border-right: 1px solid rgb(165, 173, 186); }
.u-input-number.u-input-group > span:last-child {
  border-left: 1px solid rgb(165, 173, 186);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.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: rgb(235, 236, 240); }
.u-input-number.u-input-group.simple .u-input-group-btn {
  position: relative;
  top: 0px;
  z-index: 2;
  right: 0;
  width: 22px; }
  .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {
    height: 32px;
    background: #fff;
    border-radius: 0 3px 3px 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: 50%;
      overflow: hidden;
      color: #505F79;
      -webkit-transition: all .1s linear;
      transition: all .1s linear;
      cursor: pointer;
      border-top-right-radius: 3px; }
      .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: 3px; }
        .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: rgb(235, 236, 240); }
    .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 rgb(165, 173, 186);
      border-bottom-right-radius: 3px;
      line-height: 0;
      height: 50%;
      box-sizing: initial;
      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: 3px;
        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: rgb(235, 236, 240); }
    .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] {
  border-color: rgb(165, 173, 186); }
.u-input-number.u-input-group.simple .u-form-control[disabled] + .u-input-group-btn .icon-group {
  border-color: rgb(165, 173, 186); }
.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: rgb(165, 173, 186);
  border-bottom-color: rgb(165, 173, 186); }
.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;
  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-outer-spin-button,
.u-input-number .u-form-control::-webkit-inner-spin-button {
  -webkit-appearance: none; }
.u-input-number input[type="number"] {
  -moz-appearance: textfield; }
310
u-input-number-out .u-input-number.u-input-number-sm.u-input-group.simple .u-input-group-btn {
top: 0px; }
313
u-input-number-out .u-input-number.u-input-number-lg.u-input-group.simple .u-input-group-btn {
top: 0px; }
316
u-input-number-group .u-input-number-out {
width: calc( 50% - 10px);
display: inline-block; }
320
u-input-number-group-split {
width: 20px;
display: inline-block;
text-align: center;
position: relative;
top: -10px; }
327
u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:first-of-type {
position: relative;
left: 2px; }
331
u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:last-of-type {
position: relative;
right: 2px; }
335
u-table .u-table-tbody .u-table-row .u-input-number.u-input-group.simple .u-input-group-btn {
right: 2px; }
338
disabled-con,
disabled-con .disabled-cursor > span:first-child,
disabled-con .disabled-cursor > span:last-child {
border-color: #dfe1e6; }

1	`/* FormGroup */`
2	`/* Navlayout */`
3	`/* FormGroup */`
4	`/* Navlayout */`
5	`.u-form-control {`
6	`position: relative;`
7	`display: inline-block;`
8	`padding: 0 12px;`
9	`width: 100%;`
10	`height: 32px;`
11	`cursor: text;`
12	`font-size: 14px;`
13	`line-height: 1.5;`
14	`color: #424242;`
15	`background-color: #fff;`
16	`background-image: none;`
17	`border: 1px solid rgb(165, 173, 186);`
18	`border-radius: 3px;`
19	`transition: all .3s; }`
20	`.u-form-control:focus {`
21	`border-color: #66afe9;`
22	`outline: 0; }`
23	`.u-form-control::-ms-clear, .u-form-control ::-ms-reveal {`
24	`display: none; }`
25
26	`.u-form-control[disabled] {`
27	`background: #F7F9FB;`
28	`border-color: #DFE1E6;`
29	`color: #909090;`
30	`cursor: not-allowed; }`
31
32	`.u-form-control.lg {`
33	`height: 40px;`
34	`font-size: 14px; }`
35
36	`.u-form-control.sm {`
37	`font-size: 12px;`
38	`height: 26px; }`
39
40	`.u-form-control-search-wrapper {`
41	`position: absolute;`
42	`top: 0;`
43	`left: 0;`
44	`height: 28px;`
45	`padding: 4px;`
46	`width: 100%; }`
47	`.u-form-control-search-wrapper .u-form-control-search-action {`
48	`color: #ccc;`
49	`position: absolute;`
50	`top: 2px;`
51	`right: 2px;`
52	`width: 32px;`
53	`height: 32px;`
54	`line-height: 32px;`
55	`text-align: center;`
56	`font-size: 14px;`
57	`text-decoration: none; }`
58	`.u-form-control-search-wrapper .u-form-control-search-action .uf {`
59	`transition: all .3s;`
60	`font-size: 12px;`
61	`color: #ccc; }`
62	`.u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {`
63	`content: "\e603"; }`
64
65	`.u-form-control-affix-wrapper {`
66	`position: relative;`
67	`display: inline-block;`
68	`width: 100%; }`
69	`.u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {`
70	`position: absolute;`
71	`top: 50%;`
72	`-webkit-transform: translateY(-50%);`
73	`-ms-transform: translateY(-50%);`
74	`transform: translateY(-50%);`
75	`z-index: 2;`
76	`line-height: 0;`
77	`right: 7px;`
78	`color: rgba(0, 0, 0, 0.65); }`
79
80	`/* FormGroup */`
81	`/* Navlayout */`
82	`/* FormGroup */`
83	`/* Navlayout */`
84	`.u-input-group-addon {`
85	`padding: 6px 12px;`
86	`font-size: 14px;`
87	`font-weight: 400;`
88	`line-height: 1;`
89	`color: #505F79;`
90	`text-align: center;`
91	`background-color: #eee;`
92	`border: 1px solid rgb(165, 173, 186);`
93	`border-radius: 3px;`
94	`width: 1%;`
95	`white-space: nowrap;`
96	`vertical-align: middle;`
97	`display: table-cell; }`
98	`.u-input-group-addon:last-child {`
99	`border-left: 0;`
100	`border-top-left-radius: 0;`
101	`border-bottom-left-radius: 0; }`
102	`.u-input-group-addon:first-child {`
103	`border-right: 0;`
104	`border-bottom-right-radius: 0;`
105	`border-top-right-radius: 0; }`
106
107	`/* FormGroup */`
108	`/* Navlayout */`
109	`.u-input-group-btn {`
110	`font-size: 0;`
111	`white-space: nowrap;`
112	`position: relative;`
113	`width: 1%;`
114	`vertical-align: middle;`
115	`display: table-cell; }`
116	`.u-input-group-btn .u-button {`
117	`position: relative; }`
118
119	`.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {`
120	`border-bottom-right-radius: 0;`
121	`border-top-right-radius: 0; }`
122
123	`.u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {`
124	`border-bottom-left-radius: 0;`
125	`border-top-left-radius: 0; }`
126
127	`.u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {`
128	`margin-left: -1px; }`
129
130	`.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {`
131	`margin-right: -1px; }`
132
133	`.u-input-group {`
134	`position: relative;`
135	`display: table;`
136	`border-collapse: separate; }`
137	`.u-input-group .u-input-group-btn .u-button {`
138	`border: 1px solid rgb(165, 173, 186);`
139	`height: 32px;`
140	`line-height: 1.3; }`
141	`.u-input-group .u-form-control {`
142	`position: relative;`
143	`float: left;`
144	`width: 100%;`
145	`margin-bottom: 0;`
146	`display: table-cell; }`
147	`.u-input-group .u-form-control:first-child {`
148	`border-bottom-right-radius: 0;`
149	`border-top-right-radius: 0; }`
150	`.u-input-group .u-form-control:last-child {`
151	`border-bottom-left-radius: 0;`
152	`border-top-left-radius: 0; }`
153	`.u-input-group .u-form-control:not(:first-child):not(:last-child) {`
154	`border-radius: 0; }`
155	`.u-input-group.simple .u-form-control {`
156	`border-radius: 3px; }`
157	`.u-input-group.simple .u-input-group-btn {`
158	`position: absolute;`
159	`top: 4px;`
160	`bottom: 0;`
161	`right: 6px;`
162	`min-width: 20px; }`
163	`.u-input-group.simple .u-form-control:not(:last-child) {`
164	`padding-right: 23px; }`
165
166	`.u-input-number {`
167	`width: 100%;`
168	`border: 1px solid rgb(165, 173, 186);`
169	`border-radius: 3px; }`
170	`.u-input-number.u-input-number-sm.u-input-group.simple .u-input-group-btn .icon-group {`
171	`height: 26px; }`
172	`.u-input-number.u-input-number-lg.u-input-group.simple .u-input-group-btn .icon-group {`
173	`height: 40px; }`
174	`.u-input-number.u-input-group {`
175	`border-spacing: 0; }`
176	`.u-input-number.u-input-group > span:first-child {`
177	`border-right: 1px solid rgb(165, 173, 186); }`
178	`.u-input-number.u-input-group > span:last-child {`
179	`border-left: 1px solid rgb(165, 173, 186);`
180	`border-top-right-radius: 3px;`
181	`border-bottom-right-radius: 3px; }`
182	`.u-input-number.disabled-con > span:first-child {`
183	`border-right: 1px solid #dfe1e6; }`
184	`.u-input-number.disabled-con > span:last-child {`
185	`border-left: 1px solid #dfe1e6; }`
186	`.u-input-number.u-input-group > span {`
187	`background: #fff; }`
188	`.u-input-number.u-input-group > span:hover {`
189	`background: rgb(235, 236, 240); }`
190	`.u-input-number.u-input-group.simple .u-input-group-btn {`
191	`position: relative;`
192	`top: 0px;`
193	`z-index: 2;`
194	`right: 0;`
195	`width: 22px; }`
196	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group {`
197	`height: 32px;`
198	`background: #fff;`
199	`border-radius: 0 3px 3px 0;`
200	`-webkit-transition: opacity .24s linear .1s;`
201	`transition: opacity .24s linear .1s; }`
202	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus {`
203	`position: relative;`
204	`display: block;`
205	`width: 100%;`
206	`text-align: center;`
207	`line-height: 0;`
208	`height: 50%;`
209	`overflow: hidden;`
210	`color: #505F79;`
211	`-webkit-transition: all .1s linear;`
212	`transition: all .1s linear;`
213	`cursor: pointer;`
214	`border-top-right-radius: 3px; }`
215	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled {`
216	`cursor: not-allowed;`
217	`background: #fff !important;`
218	`color: #C1C7D0; }`
219	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled-cursor {`
220	`background: #f7f9fb;`
221	`cursor: not-allowed;`
222	`border-top-right-radius: 3px; }`
223	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus.disabled-cursor:hover {`
224	`background: #f7f9fb; }`
225	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus:hover {`
226	`background: rgb(235, 236, 240); }`
227	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {`
228	`position: relative;`
229	`top: -1px;`
230	`display: block;`
231	`width: 100%;`
232	`text-align: center;`
233	`border-top: 1px solid rgb(165, 173, 186);`
234	`border-bottom-right-radius: 3px;`
235	`line-height: 0;`
236	`height: 50%;`
237	`box-sizing: initial;`
238	`overflow: hidden;`
239	`color: #505F79;`
240	`-webkit-transition: all .1s linear;`
241	`transition: all .1s linear;`
242	`cursor: pointer; }`
243	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled {`
244	`cursor: not-allowed;`
245	`background: #fff !important;`
246	`color: #C1C7D0; }`
247	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled-cursor {`
248	`cursor: not-allowed;`
249	`background: #f7f9fb;`
250	`border-bottom-right-radius: 3px;`
251	`border-top: 1px solid #DFE1E6; }`
252	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce.disabled-cursor:hover {`
253	`background: #f7f9fb; }`
254	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce:hover {`
255	`background: rgb(235, 236, 240); }`
256	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor.disabled {`
257	`background: none; }`
258	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor .uf {`
259	`color: #C1C7D0; }`
260	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .disabled-cursor .uf:hover {`
261	`color: #ccc; }`
262	`.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf {`
263	`font-size: 12px;`
264	`line-height: 16px; }`
265	`.u-input-number.u-input-group.simple .u-input-group-btn[disabled] {`
266	`background: #f7f9fb; }`
267	`.u-input-number.u-input-group.simple .u-form-control {`
268	`text-align: left;`
269	`width: 100%;`
270	`border-right: 0;`
271	`border-bottom-right-radius: 0;`
272	`border-top-right-radius: 0;`
273	`padding-right: 12px; }`
274	`.u-input-number.u-input-group.simple .u-form-control[disabled] {`
275	`border-color: rgb(165, 173, 186); }`
276	`.u-input-number.u-input-group.simple .u-form-control[disabled] + .u-input-group-btn .icon-group {`
277	`border-color: rgb(165, 173, 186); }`
278	`.u-input-number.u-input-group .u-form-control {`
279	`width: 100%;`
280	`text-align: center;`
281	`border: transparent; }`
282	`.u-input-number.u-input-group .u-form-control[disabled] {`
283	`border-top-color: rgb(165, 173, 186);`
284	`border-bottom-color: rgb(165, 173, 186); }`
285	`.u-input-number.u-input-group .u-form-control:focus {`
286	`border-color: #66afe9; }`
287	`.u-input-number .u-input-group-addon {`
288	`position: relative;`
289	`cursor: pointer;`
290	`padding: 6px;`
291	`user-select: none;`
292	`-moz-user-select: none;`
293	`background: transparent;`
294	`border: none; }`
295	`.u-input-number .u-input-group-addon.disabled {`
296	`cursor: not-allowed;`
297	`color: #C1C7D0;`
298	`background: #fff !important; }`
299	`.u-input-number .u-input-group-addon.disabled-cursor {`
300	`cursor: not-allowed;`
301	`background: #f7f9fb !important;`
302	`color: #ccc; }`
303	`.u-input-number .u-input-number-auto .u-form-control {`
304	`width: 100%; }`
305	`.u-input-number .u-form-control::-webkit-outer-spin-button,`
306	`.u-input-number .u-form-control::-webkit-inner-spin-button {`
307	`-webkit-appearance: none; }`
308	`.u-input-number input[type="number"] {`
309	`-moz-appearance: textfield; }`
310
311	`.u-input-number-out .u-input-number.u-input-number-sm.u-input-group.simple .u-input-group-btn {`
312	`top: 0px; }`
313
314	`.u-input-number-out .u-input-number.u-input-number-lg.u-input-group.simple .u-input-group-btn {`
315	`top: 0px; }`
316
317	`.u-input-number-group .u-input-number-out {`
318	`width: calc( 50% - 10px);`
319	`display: inline-block; }`
320
321	`.u-input-number-group-split {`
322	`width: 20px;`
323	`display: inline-block;`
324	`text-align: center;`
325	`position: relative;`
326	`top: -10px; }`
327
328	`.u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:first-of-type {`
329	`position: relative;`
330	`left: 2px; }`
331
332	`.u-table .u-table-tbody .u-table-row .u-input-number .u-input-group-addon:last-of-type {`
333	`position: relative;`
334	`right: 2px; }`
335
336	`.u-table .u-table-tbody .u-table-row .u-input-number.u-input-group.simple .u-input-group-btn {`
337	`right: 2px; }`
338
339	`.disabled-con,`
340	`.disabled-con .disabled-cursor > span:first-child,`
341	`.disabled-con .disabled-cursor > span:last-child {`
342	`border-color: #dfe1e6; }`