blob: 9f708c4c2ad077aa94669ef11b6bc3b410b0a3a4 [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001form {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +03002 .validation-form-content {
3 .validation-input-wrapper {
4 position: relative;
5 flex: 1;
Michael Landoefa037d2017-02-19 12:57:33 +02006 }
Einav Weiss Keidar1801b242018-08-13 16:19:46 +03007 .validation-radio-wrapper {
8 position: relative;
Michael Landoefa037d2017-02-19 12:57:33 +02009 }
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030010 .sdc-tabs {
11 position: relative;
12 .invalid-tab:not(.sdc-tab-active) {
13 color: $red;
Michael Landoefa037d2017-02-19 12:57:33 +020014 }
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030015 }
16 .validation-error-message {
17 &.bottom {
18 .tooltip-arrow {
19 border-bottom-color: $red;
20 }
21 }
22 &.right {
23 .tooltip-arrow {
24 border-right-color: $red;
25 }
26 }
27 &.left {
28 .tooltip-arrow {
29 border-left-color: $red;
30 }
31 }
32 .tooltip-inner {
33 background-color: $red;
34 }
35 }
36 .input-row {
37 padding-bottom: 32px;
38 &:only-child {
39 padding-bottom: 0;
40 }
41 &:last-child {
42 padding-bottom: 0;
43 }
44 .form-group {
45 margin-bottom: 0;
46 }
Michael Landoefa037d2017-02-19 12:57:33 +020047 }
AviZi280f8012017-06-09 02:39:56 +030048
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030049 .rows-section {
50 .row-flex-components {
51 display: flex;
52 }
53 .validation-input-wrapper {
54 flex: 1;
55 }
56 .empty-col {
57 flex: 1.2;
58 content: ' ';
59 }
60 .empty-two-col {
61 flex: 2.4;
62 content: ' ';
63 }
Michael Landoefa037d2017-02-19 12:57:33 +020064
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030065 .two-col {
66 flex: 2.2;
67 }
68 .three-col {
69 flex: 3.4;
70 }
71 .single-col {
72 flex: 1.2;
73 display: flex;
74 &:after {
75 flex: 0.2;
76 content: ' ';
77 }
78 @media (min-width: 1389px) {
79 &.add-line-break {
80 .control-label {
81 &:after {
82 content: '\00a0';
83 display: block;
84 }
85 }
86 }
87 }
88 }
89 }
Michael Landoefa037d2017-02-19 12:57:33 +020090 }
Michael Landoefa037d2017-02-19 12:57:33 +020091
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030092 .validation-buttons {
93 padding: 20px 0;
94 text-align: right;
95 button:first-child {
96 margin-right: 15px;
97 min-width: 120px;
98 }
99 .svg-icon {
100 height: 14px;
101 width: 14px;
102 }
103 .svg-icon.check {
104 fill: $white;
105 }
106 .svg-icon.close {
107 fill: $blue;
108 }
109 }
Michael Landoefa037d2017-02-19 12:57:33 +0200110}