blob: 46269ad69990a2370da4fb9225efbd6a283feb97 [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 }
Avi Zivb8e2faf2017-07-18 19:45:38 +03007 .validation-radio-wrapper {
8 position: relative;
9 }
Michael Landoefa037d2017-02-19 12:57:33 +020010 .nav-tabs {
AviZi280f8012017-06-09 02:39:56 +030011 position: relative;
Michael Landoefa037d2017-02-19 12:57:33 +020012 .invalid-tab:not(.active) {
13 a {
14 color: $red;
15 }
16 }
17 }
18 .validation-error-message {
19 &.bottom {
20 .tooltip-arrow {
21 border-bottom-color: $red;
22 }
23 }
24 &.right {
25 .tooltip-arrow {
26 border-right-color: $red;
27 }
28 }
29 &.left {
30 .tooltip-arrow {
31 border-left-color: $red;
32 }
33 }
34 .tooltip-inner {
35 background-color: $red;
36 }
37 }
38 .input-row {
39 padding-bottom: 32px;
40 &:only-child {
41 padding-bottom: 0;
42 }
43 &:last-child {
44 padding-bottom: 0;
45 }
46 .form-group {
47 margin-bottom: 0;
48 }
49 }
50
51 .rows-section {
52 .row-flex-components {
53 display: flex;
54 }
55 .validation-input-wrapper {
56 flex: 1;
57 }
58 .empty-col {
59 flex: 1.2;
60 content: ' ';
61 }
62 .empty-two-col {
63 flex: 2.4;
64 content: ' ';
65 }
66
67 .two-col {
68 flex: 2.2;
69 }
70 .three-col {
71 flex: 3.4;
72 }
73 .single-col {
74 flex: 1.2;
75 display: flex;
76 &:after {
77 flex: 0.2;
78 content: ' ';
79 }
AviZi280f8012017-06-09 02:39:56 +030080 @media (min-width: 1349px) {
81 &.add-line-break {
82 .control-label {
83 &:after {
84 content: "\00a0";
85 display: block;
86 }
Michael Landoefa037d2017-02-19 12:57:33 +020087 }
88 }
89 }
AviZi280f8012017-06-09 02:39:56 +030090
Michael Landoefa037d2017-02-19 12:57:33 +020091 }
92 }
93 }
94
95 .validation-buttons {
96 padding: 20px 0;
97 text-align: right;
98 button:first-child {
99 margin-right: 15px;
100 }
AviZi280f8012017-06-09 02:39:56 +0300101 .svg-icon {
102 height: 14px;
103 width: 14px;
104 }
105 .svg-icon.check {
106 fill: $white;
107 }
108 .svg-icon.close {
109 fill: $blue;
110 }
Michael Landoefa037d2017-02-19 12:57:33 +0200111 }
112}
113
114.modal-body {
115 .validation-buttons {
116 padding: 20px 15px;
117 background-color: $tlv-gray;
118 }
119}