custom.

css 12/26/2021 7:43 AM

1 /**
2 * Axelor Business Solutions
3 *
4 * Copyright (C) 2021 Axelor (<http://axelor.com>).
5 *
6 * This program is free software: you can redistribute it and/or modify
7 * it under the terms of the GNU Affero General Public License, version 3,
8 * as published by the Free Software Foundation.
9 *
10 * This program is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU Affero General Public License for more details.
14 *
15 * You should have received a copy of the GNU Affero General Public License
16 * along with this program. If not, see <http://www.gnu.org/licenses/>.
17 */
18 .font-italic{
19 font-style:italic;
20 }
21
22 .font-normal{
23 font-weight:normal !important;
24 }
25
26 .font-bold{
27 font-weight:bold !important;
28 }
29
30 .font-10px{
31 font-size:10px;
32 }
33
34 .font-11px{
35 font-size:11px;
36 }
37
38 .font-12px{
39 font-size:12px;
40 }
41
42 .font-13px{
43 font-size:13px;
44 }
45
46 .font-14px{
47 font-size:14px;
48 }
49
50 .font-15px{
51 font-size:15px;
52 }
53
54 .font-16px{
55 font-size:16px;
56 }
57
58 .font-18px{
59 font-size:18px;
60 }
61
62 .font-20px{
63 font-size:20px !important;
64 }

Page 1 of 11
custom.css 12/26/2021 7:43 AM

65
66 .font-22px{
67 font-size:22px;
68 }
69
70 .font-24px{
71 font-size:24px;
72 }
73
74 .font-verdana{
75 font-family:Verdana;
76 }
77
78 .font-times{
79 font-family: Times New Roman;
80 }
81
82 .font-arial{
83 font-family: Arial;
84 }
85 .font-courier{
86 font-family: Courier;
87 }
88 .font-sans-serif{
89 font-family: sans-sarif;
90 }
91 .font-georgia{
92 font-family: Aeorgia;
93 }
94 .font-trebuchet{
95 font-family: Trebuchet;
96 }
97 .font-lucida-console{
98 font-family: Lucida Console;
99 }
100 .font-tahoma{
101 font-family: Tahoma;
102 }
103 .font-impact{
104 font-family: Impact;
105 }
106
107 .font-black{
108 color: black !important;
109 }
110
111 .font-blue{
112 color: blue !important;
113 }
114
115 .font-grey{
116 color: grey !important;
117 }
118
119 .font-green{
120 color: green !important;
121 }
122
123 .font-lime{
124 color: lime !important;
125 }
126
127 .font-maroon{
128 color: maroon !important;

Page 2 of 11
custom.css 12/26/2021 7:43 AM

129 }
130
131 .font-navy{
132 color: navy !important;
133 }
134
135 .font-olive{
136 color: olive !important;
137 }
138
139 .font-orange{
140 color: orange !important;
141 }
142
143 .font-purple{
144 color: purple !important;
145 }
146
147 .font-red{
148 color: red !important;
149 }
150
151 .font-silver{
152 color: silver !important;
153 }
154
155 .font-white{
156 color: white !important;
157 }
158
159 .font-yellow{
160 color: yellow !important;
161 }
162
163 .text-overline{
164 text-decoration:overline;
165 }
166
167 .text-line-through{
168 text-decoration: line-through;
169 }
170
171 .text-underline{
172 text-decoration: underline;
173 }
174
175 .text-left{
176 text-align:left;
177 }
178
179 .text-right{
180 text-align:right;
181 }
182
183 .text-center{
184 text-align: center;
185 }
186
187 .text-justify{
188 text-align:justify;
189 }
190
191 .text-upper{
192 text-transform:uppercase;

Page 3 of 11
custom.css 12/26/2021 7:43 AM

193
194 }
195 .text-lower{
196 text-transform:lowercase;
197 }
198
199 .text-capital{
200 text-transform:capitalize;
201 }
202
203 .text-direction-ltr{
204 direction:ltr;
205 }
206
207 .text-direction-rtl{
208 direction:rtl;
209 }
210
211
212
213 .button-yellow, .button-yellow:hover, .button-yellow:focus{
214 border : 1px solid #FFCC00;
215 color : #333333;
216 background-image: -webkit-linear-gradient(bottom, #FFCC00, #FFE680);
217 background-image: -moz-linear-gradient(bottom, #FFCC00, #FFE680);
218 background-image: linear-gradient(bottom, #FFCC00, #FFE680);
219 background-color: #FFCC00;
220
221
222 }
223 .button-blue, .button-blue:hover, .button-blue:focus{
224 border : 1px solid #3366CC;
225 color :white;
226 background-image: -webkit-linear-gradient(bottom, #3366CC, #85A3E0);
227 background-image: -moz-linear-gradient(bottom, #3366CC, #99B2E6);
228 background-image: linear-gradient(bottom, #3366CC, #99B2E6);
229 background-color: #3366CC;
230 }
231 .button-black, .button-black:focus, .button-black:hover{
232 border : 1px solid #00000;
233 color :white;
234 background-image: -webkit-linear-gradient(bottom, #000000, #808080);
235 background-image: -moz-linear-gradient(bottom, #000000, #808080);
236 background-image: linear-gradient(bottom, #000000, #808080);
237 background-color: #000000;
238 }
239
240 .button-purple, .button-purple:hover, .button-purple:focus{
241 border : 1px solid #B280B2;
242 color :white !important;
243 background-image: -webkit-linear-gradient(bottom, #660066, #B280B2);
244 background-image: -moz-linear-gradient(bottom, #660066, #B280B2);
245 background-image: linear-gradient(bottom, #660066, #B280B2);
246 background-color: #660066;
247 }
248
249 .button-green, .button-green:focus, .button-green:hover{
250 border : 1px solid #80CC80;
251 color :white !important;
252 background-image: -webkit-linear-gradient(bottom, #009900, #80CC80);
253 background-image: -moz-linear-gradient(bottom, #009900, #80CC80);
254 background-image: linear-gradient(bottom, #009900, #80CC80);
255 background-color: #009900;
256 }

Page 4 of 11
custom.css 12/26/2021 7:43 AM

257
258 .button-red, .button-red:focus, .button-red:hover{
259 border : 1px solid #FF8080;
260 color :white !important;
261 background-image: -webkit-linear-gradient(bottom, #FF0000, #FF8080);
262 background-image: -moz-linear-gradient(bottom, #FF0000, #FF8080);
263 background-image: linear-gradient(bottom, #FF0000, #FF8080);
264 background-color: #FF0000;
265
266 }
267
268 .button-brown, .button-brown:focus, .button-brown:hover{
269 border : 1px solid #B29980;
270 color :white;
271 background-image: -webkit-linear-gradient(bottom, #663300, #B29980);
272 background-image: -moz-linear-gradient(bottom, #663300, #B29980);
273 background-image: linear-gradient(bottom, #663300, #B29980);
274 background-color: #663300;
275 }
276
277 .button-grey, .button-grey:focus, .button-grey:hover{
278 border : 1px solid #B2B2B2;
279 color : white !important;
280 background-image: -webkit-linear-gradient(bottom, grey, #B2B2B2);
281 background-image: -moz-linear-gradient(bottom, grey, #B29980);
282 background-image: linear-gradient(bottom, grey, #B29980);
283 background-color: grey;
284 }
285 .button-pink, .button-pink:focus, .button-pink:hover{
286 border : 1px solid #E680B2;
287 color : white !important;
288 background-image: -webkit-linear-gradient(bottom, #CC0066, #E680B2);
289 background-image: -moz-linear-gradient(bottom, #CC0066, #E680B2);
290 background-image: linear-gradient(bottom, #CC0066, #E680B2);
291 background-color: #CC0066;
292 }
293
294 .border-solid{
295 border-style: solid !important;
296 }
297
298 .border-dotted{
299 border-style: dotted !important;
300 }
301 .border-dashed{
302 border-style: dashed !important;
303 }
304 .border-double{
305 border-style: double !important;
306 }
307 .border-inset{
308 border-style: inset !important;
309 }
310 .border-outset{
311 border-style: outset !important;
312 }
313 .border-hidden{
314 border-style: hidden !important;
315 }
316 .border-red{
317 border-color: red !important;
318 }
319 .border-black{
320 border-color: black !important;

Page 5 of 11
custom.css 12/26/2021 7:43 AM

321 }
322 .border-blue{
323 border-color: blue !important;
324 }
325 .border-grey{
326 border-color: grey !important;
327 }
328 .border-green{
329 border-color: green !important;
330 }
331 .border-white{
332 border-color: white !important;
333 }
334 .border-yellow{
335 border-color: yellow !important;
336 }
337 .border-navy{
338 border-color: navy !important;
339 }
340
341 .border-top{
342 border-top: 1px solid;
343 }
344
345 .border-bottom{
346 border-bottom: 1px solid;
347 }
348
349 .border-left{
350 border-left: 1px solid;
351 }
352
353 .border-right{
354 border-right: 1px solid;
355 }
356
357 .group-bg-green{
358 background-color: green !important;
359 }
360 .group-bg-gray{
361 background-color: gray !important;
362 }
363 .group-bg-blue{
364 background-color: blue !important;
365 }
366 .group-bg-white{
367 background-color: white !important;
368 }
369 .group-bg-red{
370 background-color: red !important;
371 }
372 .group-bg-yellow{
373 background-color: yellow !important;
374 }
375 .group-bg-olive{
376 background-color: olive !important;
377 }
378
379 .group-title-green span.ng-binding{
380 color: green !important;
381 }
382 .group-title-gray span.ng-binding{
383 color: gray !important;
384 }

Page 6 of 11
custom.css 12/26/2021 7:43 AM

385 .group-title-blue span.ng-binding{

386 color: blue !important;
387 }
388 .group-title-white span.ng-binding{
389 color: white !important;
390 }
391 .group-title-red span.ng-binding{
392 color: red !important;
393 }
394 .group-title-yellow span.ng-binding{
395 color: yellow !important;
396 }
397 .group-title-olive span.ng-binding{
398 color: olive !important;
399 }
400
401 .group-border-1px{
402 border : 1px solid;
403 }
404 .group-border-2px{
405 border: 2px solid;
406 }
407 .group-border-3px{
408 border: 3px solid;
409 }
410 .group-border-4px{
411 border: 4px solid;
412 }
413 .group-border-5px{
414 border: 5px solid;
415 }
416
417
418
419
420 .separator-bg-red{
421 color : white;
422 background : red;
423 padding-top: 4px;
424 padding-left: 5px;
425 border-bottom: 2px solid red;
426 }
427 .separator-bg-yellow{
428 color : white;
429 background : yellow;
430 padding-top: 4px;
431 padding-left: 5px;
432 border-bottom: 2px solid yellow;
433 }
434 }
435 .separator-bg-green{
436 color : white;
437 background : green;
438 padding-top: 4px;
439 padding-left: 5px;
440 border-bottom: 2px solid green;
441 }
442 .separator-bg-blue{
443 color : white;
444 background : blue;
445 padding-top: 4px;
446 padding-left: 5px;
447 border-bottom: 1px solid blue;
448 }

Page 7 of 11
custom.css 12/26/2021 7:43 AM

449 .separator-bg-white{
450 color : #333333 !important;
451 padding-top: 5px;
452 padding-left: 5px;
453 border-bottom: 2px solid #333333;
454 }
455
456 .separator-bg{
457 color : white;
458 background : #80B2B2;
459 padding-top: 5px;
460 padding-left: 5px;
461 border-bottom: 2px solid #80B2B2;
462 }
463 .separator-bg-theme{
464 color : white;
465 background : #006666;
466 padding-top: 5px;
467 padding-left: 5px;
468 border-bottom: 2px solid #006666;
469 }
470
471 .separator-bg-grey{
472 color : white;
473 background : grey;
474 padding-top: 5px;
475 padding-left: 5px;
476 border-bottom: 2px solid grey;
477 }
478 .separator-bg-purple{
479 color : white;
480 background : purple;
481 padding-top: 5px;
482 padding-left: 5px;
483 border-bottom: 2px solid purple;
484 }
485 .separator-bg-black{
486 color : white;
487 background : #333333;
488 padding-top: 5px;
489 padding-left: 5px;
490 border-bottom: 2px solid #333333;
491 }
492 .separator-bg-pink{
493 color : white;
494 background : #CC0066;
495 padding-top: 5px;
496 padding-left: 5px;
497 border-bottom: 2px solid #CC0066;
498 }
499 .separator-bg-brown{
500 color : white;
501 background : #663300;
502 padding-top: 5px;
503 padding-left: 5px;
504 border-bottom: 2px solid #663300;
505 }
506 .rounded-corner{
507 border-radius : 5px !important;
508 }
509 .separator-1px{
510 border-bottom: 1px solid !important;
511 }
512 .separator-2px{

Page 8 of 11
custom.css 12/26/2021 7:43 AM

513 border-bottom: 2px solid !important;

514 }
515 .separator-3px{
516 border-bottom: 3px solid !important;
517 }
518 .separator-4px{
519 border-bottom: 4px solid !important;
520 }
521 .separator-5px{
522 border-bottom: 5px solid !important;
523 }
524
525 .separator-1px-dotted{
526 border-bottom: 1px dotted !important;
527 }
528 .separator-2px-dotted{
529 border-bottom: 2px dotted !important;
530 }
531 .separator-3px-dotted{
532 border-bottom: 3px dotted !important;
533 }
534 .separator-4px-dotted{
535 border-bottom: 4px dotted !important;
536 }
537 .separator-5px-dotted{
538 border-bottom: 5px dotted !important;
539 }
540
541 .separator-1px-dashed{
542 border-bottom: 1px dashed !important;
543 }
544 .separator-2px-dashed{
545 border-bottom: 2px dashed !important;
546 }
547 .separator-3px-dashed{
548 border-bottom: 3px dashed !important;
549 }
550 .separator-4px-dashed{
551 border-bottom: 4px dashed !important;
552 }
553 .separator-5px-dashed{
554 border-bottom: 5px dashed !important;
555 }
556
557 .content-bold input {
558 font-weight:bold;
559 }
560
561 .content-italic input {
562 font-style:italic;
563 }
564
565 .content-10px input {
566 font-size:10px;
567 }
568 .content-11px input {
569 font-size:11px;
570 }
571 .content-12px input {
572 font-size:12px;
573 }
574 .content-13px input {
575 font-size:13px;
576 }

Page 9 of 11
custom.css 12/26/2021 7:43 AM

577 .content-14px input {

578 font-size:14px;
579 }
580 .content-15px input {
581 font-size:15px;
582 }
583 .content-16px input {
584 font-size:16px;
585 }
586 .content-18px input {
587 font-size:18px;
588 }
589 .content-20px input {
590 font-size:20px;
591 }
592 .content-22px input {
593 font-size:22px;
594 }
595 .content-24px input {
596 font-size:24px;
597 }
598
599
600 .content-black input{
601 color: black !important;
602 }
603
604 .content-blue input{
605 color: blue !important;
606 }
607
608 .content-grey input{
609 color: grey !important;
610 }
611
612 .content-green input{
613 color: green !important;
614 }
615
616 .content-lime input{
617 color: lime !important;
618 }
619
620 .content-maroon input{
621 color: maroon !important;
622 }
623
624 .content-navy input{
625 color: navy !important;
626 }
627
628 .content-olive input{
629 color: olive !important;
630 }
631
632 .content-orange input{
633 color: orange !important;
634 }
635
636 .content-purple input{
637 color: purple !important;
638 }
639
640 .content-red input{

Page 10 of 11
custom.css 12/26/2021 7:43 AM

641 color: red !important;

642 }
643
644 .content-silver input{
645 color: silver !important;
646 }
647
648 .content-white input{
649 color: white !important;
650 }
651
652 .content-yellow input{
653 color: yellow !important;
654 }
655
656 .btn-custom {
657 background-color: transparent;
658 color: #0275D8;
659 border: none;
660 height: 19px !important;
661 line-height: 13px;
662 }
663
664 .btn-custom.disabled {
665 background-color: transparent !important;
666 color: #67ACE7 !important;
667 cursor: not-allowed !important;
668 }
669
670 .btn-custom .fa {
671 margin: 0 4px;
672 }
673
674 .btn-custom:hover span {
675 text-decoration: underline;
676 }
677
678 .btn-custom.disabled:hover span {
679 text-decoration: none;
680 }
681
682 .btn-custom:hover, .btn-custom:focus, .btn-custom:active {
683 background-color: transparent !important;
684 color: #0275D8;
685 }
686
687 .btn-custom:active {
688 -webkit-box-shadow: unset;
689 box-shadow: unset;
690 }
691

Page 11 of 11