blob: 52408f5952a9b36d572fc578051c0de8da1f17e2 [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 }
Avi Ziv61070c92017-07-26 17:37:57 +030010 .sdc-tabs {
AviZi280f8012017-06-09 02:39:56 +030011 position: relative;
Avi Ziv61070c92017-07-26 17:37:57 +030012 .invalid-tab:not(.sdc-tab-active) {
Michael Landoefa037d2017-02-19 12:57:33 +020013 color: $red;
Michael Landoefa037d2017-02-19 12:57:33 +020014 }
15 }
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 }
47 }
48
49 .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 }
64
65 .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 }
az2497644017c2017-08-10 17:49:40 +030078 @media (min-width: 1389px) {
AviZi280f8012017-06-09 02:39:56 +030079 &.add-line-break {
80 .control-label {
81 &:after {
82 content: "\00a0";
83 display: block;
84 }
Michael Landoefa037d2017-02-19 12:57:33 +020085 }
86 }
87 }
AviZi280f8012017-06-09 02:39:56 +030088
Michael Landoefa037d2017-02-19 12:57:33 +020089 }
90 }
91 }
92
93 .validation-buttons {
94 padding: 20px 0;
95 text-align: right;
96 button:first-child {
97 margin-right: 15px;
svishnev04783c42018-04-17 11:32:22 +030098 min-width: 120px;
Michael Landoefa037d2017-02-19 12:57:33 +020099 }
AviZi280f8012017-06-09 02:39:56 +0300100 .svg-icon {
101 height: 14px;
102 width: 14px;
103 }
104 .svg-icon.check {
105 fill: $white;
106 }
107 .svg-icon.close {
108 fill: $blue;
109 }
Michael Landoefa037d2017-02-19 12:57:33 +0200110 }
111}
112
113.modal-body {
114 .validation-buttons {
115 padding: 20px 15px;
116 background-color: $tlv-gray;
117 }
118}