xref: /plugin/bpmnio/vendor/dmn-js/dist/assets/dmn-js-shared.css (revision 33b93a72a62861f8287c0802fe7bb3c00ceb6e03) 
1.dms-list-component .items {
2  margin: 0;
3  padding: 0;
4  list-style: none;
5  line-height: 1.7em;
6}
7
8.dms-list-component .items .item .remove {
9  float: right;
10}
11
12.dms-fill-row {
13  display: flex;
14  flex-direction: row;
15  align-items: center;
16}
17
18.dms-fill-row > * {
19  flex: 0 0 auto;
20}
21
22.dms-fill-row > :last-child {
23  flex: 1 1 auto;
24}
25
26.dms-label {
27  font-weight: bold;
28  white-space: nowrap;
29  margin-right: 5px;
30}
31
32.dms-hrule {
33  border: 0;
34  border-top: dotted 1px #DDD;
35
36  margin: 10px auto;
37}
38
39.dms-heading {
40  margin: 12px 0 8px;
41  font-weight: bold;
42}
43
44p.dms-hint a {
45  color: #3960a2;
46  text-decoration: none;
47}
48
49p.dms-hint a:hover {
50  color: #4285f4;
51}
52
53/* validated input */
54p.dms-validation-warning {
55  color: #c9302c;
56}
57
58h3.dms-heading {
59  font-size: 16px;
60}
61
62h4.dms-heading {
63  font-size: 14px;
64}
65
66.dms-validated-input.dms-block .dms-input,
67.dms-block {
68  display: block;
69  width: 100%;
70}
71
72.dms-input,
73.dms-select {
74  outline: none;
75  padding: 3px 6px;
76  border: 1px solid #ccc;
77  background: none;
78  font-size: 14px;
79  color: #444;
80  min-height: 26px;
81}
82
83.dms-input {
84  min-height: 26px;
85  white-space: pre-wrap;
86}
87
88.dms-select {
89  height: 26px;
90}
91
92.dms-input:focus,
93.dms-select:focus {
94  border-color: #52B415;
95}
96
97.dms-select.invalid:focus,
98.dms-input.invalid:focus {
99  border-color: #c9302c;
100}
101
102.dms-input.invalid,
103.dms-select.invalid {
104  background: #f4cecd;
105  border-color: #c9302c;
106  color: #c9302c;
107}
108
109.dms-script-input {
110  height: 150px;
111
112  white-space: pre-wrap;
113
114  overflow: auto;
115}
116
117.dms-input-select {
118  display: inline-block;
119  position: relative;
120  min-width: 128px;
121}
122
123.dms-input-select .dms-input {
124  padding-right: 24px;
125}
126
127.dms-input-select .dms-input-select-icon {
128  position: absolute;
129  right: 6px;
130  top: 50%;
131  transform: translateY(-50%);
132}
133
134.dms-input-select .options {
135  background: #fff;
136}
137
138.dms-select-options {
139  position: fixed;
140  background-color: #fff;
141  border: solid 1px #CCC;
142  border-radius: 2px;
143  font-size: 14px;
144  color: #444;
145  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
146  z-index: 20;
147  cursor: pointer;
148}
149
150.dms-select-options .option {
151  padding: 4px 9px 4px 9px;
152}
153
154.dms-select-options .option.active {
155  background: #FAFAF0;
156}
157
158.dms-select-options .option:focus,
159.dms-select-options .option:hover {
160  color: #52B415;
161}
162