blob: 9404f2841a6c46448795835d3ca416f11dade2ea [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001form {
2 .validation-form-content {
3 .validation-input-wrapper {
4 position: relative;
5 flex: 1;
6 }
7 .nav-tabs {
AviZi280f8012017-06-09 02:39:56 +03008 position: relative;
Michael Landoefa037d2017-02-19 12:57:33 +02009 .invalid-tab:not(.active) {
10 a {
11 color: $red;
12 }
13 }
14 }
15 .validation-error-message {
16 &.bottom {
17 .tooltip-arrow {
18 border-bottom-color: $red;
19 }
20 }
21 &.right {
22 .tooltip-arrow {
23 border-right-color: $red;
24 }
25 }
26 &.left {
27 .tooltip-arrow {
28 border-left-color: $red;
29 }
30 }
31 .tooltip-inner {
32 background-color: $red;
33 }
34 }
35 .input-row {
36 padding-bottom: 32px;
37 &:only-child {
38 padding-bottom: 0;
39 }
40 &:last-child {
41 padding-bottom: 0;
42 }
43 .form-group {
44 margin-bottom: 0;
45 }
46 }
47
48 .rows-section {
49 .row-flex-components {
50 display: flex;
51 }
52 .validation-input-wrapper {
53 flex: 1;
54 }
55 .empty-col {
56 flex: 1.2;
57 content: ' ';
58 }
59 .empty-two-col {
60 flex: 2.4;
61 content: ' ';
62 }
63
64 .two-col {
65 flex: 2.2;
66 }
67 .three-col {
68 flex: 3.4;
69 }
70 .single-col {
71 flex: 1.2;
72 display: flex;
73 &:after {
74 flex: 0.2;
75 content: ' ';
76 }
AviZi280f8012017-06-09 02:39:56 +030077 @media (min-width: 1349px) {
78 &.add-line-break {
79 .control-label {
80 &:after {
81 content: "\00a0";
82 display: block;
83 }
Michael Landoefa037d2017-02-19 12:57:33 +020084 }
85 }
86 }
AviZi280f8012017-06-09 02:39:56 +030087
Michael Landoefa037d2017-02-19 12:57:33 +020088 }
89 }
90 }
91
92 .validation-buttons {
93 padding: 20px 0;
94 text-align: right;
95 button:first-child {
96 margin-right: 15px;
97 }
AviZi280f8012017-06-09 02:39:56 +030098 .svg-icon {
99 height: 14px;
100 width: 14px;
101 }
102 .svg-icon.check {
103 fill: $white;
104 }
105 .svg-icon.close {
106 fill: $blue;
107 }
Michael Landoefa037d2017-02-19 12:57:33 +0200108 }
109}
110
111.modal-body {
112 .validation-buttons {
113 padding: 20px 15px;
114 background-color: $tlv-gray;
115 }
116}