welcome_css 0.31 → 0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,13 +7,44 @@
7
7
  width: 100%;
8
8
  padding: 15px 0;
9
9
  }
10
+ .logo-area {
11
+ display: block;
12
+ float: left;
13
+ position: relative;
14
+ width: 100%;
15
+ height: 56px;
16
+ border-bottom: 1px solid #eaeaea;
17
+ }
18
+ .logo-area .welcome-homes-logo {
19
+ width: 140px;
20
+ margin-bottom: 20px;
21
+ margin-top: 18px;
22
+ margin-left: 12px;
23
+ }
10
24
  .land-app .view-header {
11
25
  border-bottom: 1px solid $ui_lightgray;
12
26
  /*background-color: $ui_middlegray;*/
13
- margin-bottom: 15px;
27
+ margin-bottom: 30px;
14
28
  width: 100%;
15
29
  padding: 15px 0 15px 10px;
16
30
  }
31
+ .land-app .white-header {
32
+ border-bottom: none;
33
+ background-color: $ui_white;
34
+ /*margin-bottom: 30px;*/
35
+ width: 100%;
36
+ padding: 20px 15px;
37
+ box-shadow: $ui-shadow;
38
+ }
39
+
40
+ /* =========================== */
41
+
42
+ .land-app .s-font {
43
+ font-size: 14px;
44
+ }
45
+
46
+ /* =========================== */
47
+
17
48
  .view-header .btn.btn-group {
18
49
  display: contents;
19
50
  }
@@ -78,9 +109,10 @@ table .ui-table-row {
78
109
 
79
110
  /* Table Cells */
80
111
  .ui-table thead {
81
- background-color: #edeff4;
82
- /*border: 1px solid #edeff4;*/
83
- font-family: 'hk-grotesk-bold';
112
+ /*background-color: #edeff4;*/
113
+ background-color: $ui_white;
114
+ /*border-bottom: 1px solid #000;*/
115
+ font-family: 'nunitosans-bold';
84
116
  }
85
117
  .ui-table table {
86
118
  background-color: $ui_white;
@@ -91,10 +123,10 @@ table .ui-table-row {
91
123
  }
92
124
  .ui-table td {
93
125
  padding: 26px 20px;
94
- font-family: 'hk-grotesk-regular';
126
+ font-family: 'nunitosans-regular';
95
127
  }
96
128
  .ui-table td a {
97
- font-family: 'hk-grotesk-semibold';
129
+ font-family: 'nunitosans-bold';
98
130
  }
99
131
  .ui-table .ui-sort {
100
132
  color: $ui_back;
@@ -104,6 +136,13 @@ table .ui-table-row {
104
136
  background-size: 8px;
105
137
  background-position: left 10px top 6px;
106
138
  }
139
+ .ui-table thead tr {
140
+ background-image: url('icons/icn-dot.svg');
141
+ background-repeat: repeat-x;
142
+ background-position: bottom 1px left;
143
+ background-size: 1px;
144
+ }
145
+
107
146
  .ui-app-area .table thead th {
108
147
  border-bottom: transparent;
109
148
  }
@@ -116,10 +155,26 @@ table .ui-table-row {
116
155
  .ui-toptable .col-lg-6:first-child {
117
156
  align-self: flex-end;
118
157
  }
158
+ .ui-toptable h4 {
159
+ font-size: 18px !important;
160
+ }
161
+ .ui-table table thead .sort,
162
+ .ui-table .table thead .sort {
163
+ background-image: image-url('icons/icn-sort.svg');
164
+ background-repeat: no-repeat;
165
+ background-size: 8px;
166
+ background-position: left 14px top 22px;
167
+ padding-left: 28px;
168
+ }
169
+ .ui-table table thead .sort a,
170
+ .ui-table .table thead .sort a {
171
+ color: #000
172
+ }
119
173
 
120
174
  /* =========================== */
121
175
 
122
- .am-content.ui-app-area .block {
176
+ .am-content.ui-app-area .block,
177
+ .am-wrapper.main-app .block {
123
178
  display: block;
124
179
  float: left;
125
180
  position: relative;
@@ -132,6 +187,7 @@ table .ui-table-row {
132
187
  }
133
188
  .ui-app-area .dropdown .btn-group {
134
189
  display: block;
190
+ padding: 3px 6px 0px 6px;
135
191
  }
136
192
  .ui-app-area .dropdown .btn-group .btn {
137
193
  width: 100%;
@@ -180,13 +236,48 @@ table .ui-table-row {
180
236
  padding-left: 15px;
181
237
  }
182
238
 
239
+ .ui-app-area .dropdown .btn-group a,
240
+ .ui-app-area .dropdown .btn-group button {
241
+ border-radius: 6px !important;
242
+ margin-bottom: 3px;
243
+ }
244
+
245
+ /* =========================== */
246
+ /* Table Area Titles */
247
+
248
+ .land-app .view-header h1,
249
+ .land-app .white-header h1 {
250
+ font-size: $header-title;
251
+ }
252
+ .land-app .view-header h2,
253
+ .land-app .white-header h2 {
254
+ font-size: $header-title;
255
+ }
256
+ .land-app .view-header h3,
257
+ .land-app .white-header h3 {
258
+ font-size: $header-title;
259
+ }
260
+ .land-app .card-header h4 {
261
+ font-size: $block-title;
262
+ color: $block-title-color;
263
+ }
264
+ .land-app .s-title {
265
+ font-size: $block-secondary-title;
266
+ color: $block-secondary-title-color;
267
+ }
268
+ .land-app .block-result {
269
+ font-size: $block-result;
270
+ color: $block-result-color;
271
+ font-weight: bold;
272
+ }
273
+
183
274
  /* =========================== */
184
275
 
185
276
  .land-app .parcel-information-block {
186
277
  display: block;
187
278
  width: 100%;
188
279
  border-bottom: 1px solid #D9D9D9;
189
- padding: 15px;
280
+ padding: 15px 15px 0 15px;
190
281
  margin-left: 15px;
191
282
  margin-right: 15px;
192
283
  }
@@ -233,6 +324,29 @@ table .ui-table-row {
233
324
 
234
325
  /* =========================== */
235
326
 
327
+ .ui-app-area .list-group .list-group-item {
328
+ display: block;
329
+ }
330
+
331
+ /* =========================== */
332
+
333
+ .small-navbar {
334
+ display: block;
335
+ float: right;
336
+ position: relative;
337
+ background-color: $ui_white;
338
+ width: auto;
339
+ padding: 1px 12px;
340
+ margin-top: -22px;
341
+ margin-right: -15px;
342
+ box-shadow: $ui-shadow;
343
+ }
344
+ .small-navbar li {
345
+ display: inline-block;
346
+ }
347
+
348
+ /* =========================== */
349
+
236
350
  .parcel-main-info {
237
351
  display: block;
238
352
  float: left;
@@ -258,7 +372,8 @@ table .ui-table-row {
258
372
  border: none;
259
373
  width: 33%;
260
374
  padding-left: 0 !important;
261
- display: inline-block !important;
375
+ display: block !important;
376
+ float: left;
262
377
  }
263
378
  .parcel-main-info.site-plan .img-fluid {
264
379
  max-width: 50px;
@@ -456,7 +571,7 @@ table .ui-table-row {
456
571
  border: 1px solid #DDDDDD;
457
572
  padding: 10px;
458
573
  }
459
-
574
+
460
575
  .ui-app-area form #search:focus {
461
576
  box-shadow: 0 0 5px $ui_blue;
462
577
  border: 1px solid $ui_blue;
@@ -479,13 +594,24 @@ table .ui-table-row {
479
594
  .am-left-sidebar.col-12.col-lg-2.p-0.menu-app {
480
595
  display: block;
481
596
  float: left;
482
- position: relative;
597
+ position: absolute;
598
+ }
599
+ .am-left-sidebar:before {
600
+ box-shadow: 0 0 15px rgba(174,174,174,0.15);
601
+ border-right: 1px solid #D9D9D9;
602
+ background-color: #fff !important;
483
603
  }
484
604
  .am-content.col-12.col-lg-10.mx-auto.ui-app-area {
485
605
  display: block;
486
606
  float: right;
487
607
  position: relative;
488
608
  }
609
+ .am-wrapper.main-app .ui-app-area .main-content {
610
+ display: block;
611
+ float: left;
612
+ position: relative;
613
+ width: 100%;
614
+ }
489
615
  .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr {
490
616
  background-color:#fff;
491
617
  }
@@ -685,6 +811,10 @@ table .ui-table-row {
685
811
  .am-content.ui-app-area .table-widget {
686
812
  background-color: $ui_white;
687
813
  }
814
+ .am-content.ui-app-area table.no-ui {
815
+ background-color: transparent;
816
+ box-shadow: none;
817
+ }
688
818
 
689
819
  /* =========================== */
690
820
 
@@ -769,7 +899,7 @@ table .ui-table-row {
769
899
  border-bottom: 1px solid #d9d9d9;
770
900
  margin-left: 0px;
771
901
  margin-right: 0px;
772
- padding: 20px 0 !important;
902
+ padding: 10px 0 20px 0 !important;
773
903
  }
774
904
  .main-app .ui-app-area .nav-tabs .nav-link {
775
905
  padding: 0.5rem 0;
@@ -1278,7 +1408,7 @@ table .ui-table-row {
1278
1408
  margin: -4px 0 0 -6px;
1279
1409
  }
1280
1410
  .search-area button img {
1281
- width: -moz-available;
1411
+ width: -moz-available;
1282
1412
  width: -webkit-fill-available;
1283
1413
  width: fill-available;
1284
1414
  max-width: 35px;
@@ -1296,6 +1426,75 @@ table .ui-table-row {
1296
1426
  margin-bottom: 0;
1297
1427
  }
1298
1428
 
1429
+ .land-app .ui-app-area .no-border {
1430
+ border: none !important;
1431
+ }
1432
+
1433
+ /* =========================== */
1434
+
1435
+ .land-app .ui-app-area .block {
1436
+ display: block;
1437
+ float: left;
1438
+ position: relative;
1439
+ }
1440
+ .land-app .ui-app-area .full-block {
1441
+ display: block;
1442
+ float: left;
1443
+ position: relative;
1444
+ width: 100%;
1445
+ background-color: $ui_white;
1446
+ padding: 18px 20px 0px 20px;
1447
+ margin-bottom: 30px;
1448
+ border-radius: $ui_radius;
1449
+ -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1450
+ -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1451
+ box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1452
+ }
1453
+ .land-app .ui-app-area .full-block .full-block-content {
1454
+ display: block;
1455
+ float: left;
1456
+ position: relative;
1457
+ width: 100%;
1458
+ padding-bottom: 15px;
1459
+ margin-bottom: 15px;
1460
+ word-break: break-all;
1461
+ }
1462
+ .land-app .ui-app-area .full-block .full-block-content .w-20,
1463
+ .land-app .ui-app-area .full-block .full-block-content .w-25,
1464
+ .land-app .ui-app-area .full-block .full-block-content .w-33,
1465
+ .land-app .ui-app-area .full-block .full-block-content .w-50,
1466
+ .land-app .ui-app-area .full-block .full-block-content .w-75,
1467
+ .land-app .ui-app-area .full-block .full-block-content .w-80 {
1468
+ padding-right: 5px;
1469
+ }
1470
+ .land-app .ui-app-area .full-block .full-block-content:last-child {
1471
+ margin-bottom: 0px;
1472
+ }
1473
+ .land-app .ui-app-area .full-block .ui-menu-dots {
1474
+ display: block;
1475
+ position: absolute;
1476
+ right: 18px;
1477
+ top: 12px;
1478
+ }
1479
+ .land-app .ui-app-area .full-block .ui-menu-dots .dropdown {
1480
+ text-align: right;
1481
+ }
1482
+ .land-app .ui-app-area .small-tabs .nav-link,
1483
+ .land-app .ui-app-area .small-tabs .nav-item {
1484
+ flex: inherit !important;
1485
+ text-align: center;
1486
+ padding: 10px 22px !important;
1487
+ }
1488
+ .land-app .ui-app-area #ui-tabs.small-tabs .nav-tabs {
1489
+ border-bottom: 1px solid #D8DBE5;
1490
+ }
1491
+ .land-app .ui-app-area #ui-tabs.small-tabs .tab-content {
1492
+ margin-top: 0px;
1493
+ }
1494
+ .land-app .ui-app-area .block .select2 {
1495
+ width: 100% !important;
1496
+ }
1497
+
1299
1498
  /* =========================== */
1300
1499
  /* Land App - Daily Stats */
1301
1500
 
@@ -1430,6 +1629,48 @@ table .ui-table-row {
1430
1629
 
1431
1630
  /* =========================== */
1432
1631
 
1632
+ .ui-app-area .table-item {
1633
+ background-color: $ui_white;
1634
+ padding: 20px 15px;
1635
+
1636
+ box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1637
+ border-radius: 4px;
1638
+ margin-bottom: 30px;
1639
+
1640
+ width: 24%;
1641
+ margin-left: 0.5%;
1642
+ margin-right: 0.5%;
1643
+ }
1644
+ .ui-app-area .table-item td {
1645
+ display: block;
1646
+ float: left;
1647
+ position: relative;
1648
+ width: 100%;
1649
+ }
1650
+ .ui-app-area .table-item .sort {
1651
+ z-index: 9999;
1652
+ }
1653
+ .ui-app-area .table-item .sort img {
1654
+ display: block;
1655
+ position: absolute;
1656
+ right: 0;
1657
+ top: 0;
1658
+ }
1659
+ .ui-app-area .table-item .sort img:hover {
1660
+ cursor: pointer;
1661
+ }
1662
+ .ui-app-area .table-item .status {
1663
+ font-size: 11px;
1664
+ border-radius: 4px;
1665
+ border: 1px solid #000;
1666
+ display: block;
1667
+ float: left;
1668
+ position: relative;
1669
+ padding: 2px 6px;
1670
+ }
1671
+
1672
+ /* =========================== */
1673
+
1433
1674
  .land-app .ui-app-area .dropzone {
1434
1675
  background-color: #fff;
1435
1676
  }
@@ -1560,6 +1801,10 @@ table .ui-table-row {
1560
1801
  left: 0 !important;
1561
1802
  }
1562
1803
 
1804
+ .am-content.ui-app-area .dropdown.dropleft:hover > .dropdown-menu {
1805
+ right: 0px !important;
1806
+ }
1807
+
1563
1808
  /* =========================== */
1564
1809
  /* Breadcrumbs - UI adaptations */
1565
1810
 
@@ -1777,7 +2022,8 @@ table .ui-table-row {
1777
2022
  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1778
2023
  margin-bottom: 4px;
1779
2024
  width: 32%;
1780
- margin-top: 30px;
2025
+ margin-top: 0px;
2026
+ margin-bottom: 30px;
1781
2027
  float: left;
1782
2028
  }
1783
2029
  .am-content.ui-app-area .model-widget:nth-child(odd) {
@@ -1797,6 +2043,12 @@ table .ui-table-row {
1797
2043
  width: 100%;
1798
2044
  margin-bottom: 12px;
1799
2045
  }
2046
+ .am-content.ui-app-area .model-widget .model-info .sort img,
2047
+ .am-content.ui-app-area .floor-widget .sort img {
2048
+ position: absolute;
2049
+ right: 2px;
2050
+ top: 0;
2051
+ }
1800
2052
  .am-content.ui-app-area .model-widget .model-info:last-child {
1801
2053
  margin-bottom: 0px;
1802
2054
  }
@@ -1813,10 +2065,12 @@ table .ui-table-row {
1813
2065
  margin-left: 0;
1814
2066
  margin-right: 4px;
1815
2067
  top: 0;
1816
- border: 1px solid #979797;
1817
2068
  border-radius: $ui-radius;
1818
- padding: 1px 6px;
1819
2069
  font-size: 12px;
2070
+ font-weight: bold;
2071
+ }
2072
+ .am-content.ui-app-area .model-widget .model-info .active-status h6 {
2073
+ font-weight: 600;
1820
2074
  }
1821
2075
  .am-content.ui-app-area .model-widget .model-info .active-status .active {
1822
2076
  background-image: image-url('icons/icn-active.svg');
@@ -1825,13 +2079,27 @@ table .ui-table-row {
1825
2079
  background-position: top 5px left 0px;
1826
2080
  padding-left: 12px;
1827
2081
  }
1828
- .am-content.ui-app-area .model-widget .model-info .model-title,
2082
+ .am-content.ui-app-area .model-widget .model-info .active-status .status {
2083
+ display: none;
2084
+ }
2085
+ .am-content.ui-app-area .model-widget .model-info .active-status .inactive {
2086
+ background-image: image-url('icons/icn-inactive.svg');
2087
+ background-repeat: no-repeat;
2088
+ background-size: 8px;
2089
+ background-position: top 5px left 0px;
2090
+ padding-left: 12px;
2091
+ }
2092
+ .am-content.ui-app-area .model-widget .model-info .model-title {
2093
+ display: block;
2094
+ float: left;
2095
+ margin-bottom: 6px;
2096
+ }
1829
2097
  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1830
2098
  display: block;
1831
2099
  float: left;
1832
2100
  }
1833
2101
  .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
1834
- float: right;
2102
+ float: left;
1835
2103
  font-size: 12px;
1836
2104
  border: 1px solid #979797;
1837
2105
  border-radius: $ui-radius;
@@ -1848,7 +2116,7 @@ table .ui-table-row {
1848
2116
  display: inline-block;
1849
2117
  width: 8px;
1850
2118
  height: 8px;
1851
- background-color: #ff0000;
2119
+ background-color: #4A4A4A;
1852
2120
  border-radius: 50%;
1853
2121
  }
1854
2122
  .am-content.ui-app-area .model-widget .model-img img {
@@ -1868,7 +2136,8 @@ table .ui-table-row {
1868
2136
 
1869
2137
  /* =========================== */
1870
2138
 
1871
- .am-content.ui-app-area .floor-widget {
2139
+ .am-content.ui-app-area .floor-widget,
2140
+ .am-content.ui-app-area .block-widget {
1872
2141
  display: block;
1873
2142
  float: left;
1874
2143
  position: relative;
@@ -1881,30 +2150,35 @@ table .ui-table-row {
1881
2150
  margin-bottom: 30px;
1882
2151
  width: 100%;
1883
2152
  }
1884
- .am-content.ui-app-area .floor-widget .floor-container {
2153
+ .am-content.ui-app-area .floor-widget .floor-container,
2154
+ .am-content.ui-app-area .block-widget .blocks-container {
1885
2155
  display: block;
1886
2156
  float: left;
1887
2157
  position: relative;
1888
2158
  width: 100%;
1889
2159
  }
1890
- .am-content.ui-app-area .floor-widget .floor-container h3 {
2160
+ .am-content.ui-app-area .floor-widget .floor-container h3,
2161
+ .am-content.ui-app-area .block-widget .blocks-container h3 {
1891
2162
  font-size: 24px;
1892
2163
  border-left: 4px solid #D9DBE5;
1893
2164
  padding-left: 15px;
1894
2165
  }
1895
2166
  .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
1896
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas {
2167
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas,
2168
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas {
1897
2169
  display: block;
1898
2170
  float: left;
1899
2171
  position: relative;
1900
2172
  width: 100%;
1901
2173
  }
1902
- .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit {
2174
+ .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
2175
+ .am-content.ui-app-area .block-widget .blocks-container .block_title_add-edit {
1903
2176
  padding-bottom: 15px;
1904
2177
  border-bottom: 1px solid #D9D9D9;
1905
2178
  margin-bottom: 25px;
1906
2179
  }
1907
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
2180
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item,
2181
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item {
1908
2182
  display: block;
1909
2183
  float: left;
1910
2184
  position: relative;
@@ -1912,7 +2186,8 @@ table .ui-table-row {
1912
2186
  width: 20%;
1913
2187
  padding: 0 5px;
1914
2188
  }
1915
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item {
2189
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item,
2190
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item {
1916
2191
  display: block;
1917
2192
  float: left;
1918
2193
  position: relative;
@@ -1922,10 +2197,12 @@ table .ui-table-row {
1922
2197
  box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1923
2198
  border-radius: $ui-radius;
1924
2199
  }
1925
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover {
2200
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover,
2201
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item:hover {
1926
2202
  box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
1927
2203
  }
1928
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a {
2204
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a,
2205
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a {
1929
2206
  display: flex;
1930
2207
  width: 100%;
1931
2208
  height: 70px;
@@ -1934,7 +2211,8 @@ table .ui-table-row {
1934
2211
  color: #000;
1935
2212
  align-items: center;
1936
2213
  }
1937
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover {
2214
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover,
2215
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a:hover {
1938
2216
  text-decoration: none;
1939
2217
  }
1940
2218
 
@@ -1942,6 +2220,18 @@ table .ui-table-row {
1942
2220
  padding-right: 10px;
1943
2221
  }
1944
2222
 
2223
+ .am-content.ui-app-area .full-tabs {
2224
+ margin-top: 30px;
2225
+ }
2226
+ .am-content.ui-app-area .full-tabs .nav-tabs {
2227
+ border-bottom: 1px solid #D8DBE5 !important;
2228
+ }
2229
+ .am-content.ui-app-area .full-tabs .nav-tabs .nav-link {
2230
+ padding-left: 22px;
2231
+ padding-right: 22px;
2232
+ color: #000;
2233
+ }
2234
+
1945
2235
  /* =========================== */
1946
2236
 
1947
2237
  .am-content.ui-app-area .add-block {
@@ -2175,7 +2465,8 @@ table .ui-table-row {
2175
2465
  .am-content.ui-app-area .form-card .simple_form {
2176
2466
  padding: 0;
2177
2467
  }
2178
- .am-content.ui-app-area .fields-group {
2468
+ .am-content.ui-app-area .fields-group,
2469
+ .land-app .ui-app-area .fields-group {
2179
2470
  display: block;
2180
2471
  float: left;
2181
2472
  position: relative;
@@ -2186,6 +2477,22 @@ table .ui-table-row {
2186
2477
  border-radius: $ui-radius;
2187
2478
  margin-bottom: 30px;
2188
2479
  }
2480
+ .land-app .ui-app-area .modal-dialog .fields-group {
2481
+ display: block;
2482
+ float: left;
2483
+ position: relative;
2484
+ width: 100%;
2485
+ padding: 0;
2486
+ background-color: transparent;
2487
+ border: none;
2488
+ margin-bottom: 0px;
2489
+ }
2490
+ .land-app .ui-app-area .fields-group .row {
2491
+ margin-bottom: 30px;
2492
+ }
2493
+ .land-app .ui-app-area .fields-group .row .select2 {
2494
+ width: 100% !important;
2495
+ }
2189
2496
  .am-content.ui-app-area .fields-group-title .h5 {
2190
2497
  font-size: 18px;
2191
2498
  padding-left: 20px;
@@ -2250,6 +2557,43 @@ table .ui-table-row {
2250
2557
  width: 34px;
2251
2558
  }
2252
2559
 
2560
+ /* =========================== */
2561
+
2562
+ .am-content.ui-app-area .form-img-container {
2563
+ padding: 15px;
2564
+ background-color: #eaeaea;
2565
+ height: 160px;
2566
+ }
2567
+ .am-content.ui-app-area .form-img-container .img-fluid {
2568
+ width: 100%;
2569
+ height: 100%;
2570
+ object-fit: contain;
2571
+ }
2572
+ .am-content.ui-app-area .img-btns {
2573
+ position: absolute;
2574
+ right: 8px;
2575
+ bottom: 8px;
2576
+ background-color: $ui_white;
2577
+ padding: 2px 6px 8px;
2578
+ border-radius: $ui-radius;
2579
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2580
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2581
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2582
+ }
2583
+ .am-content.ui-app-area .img-btns .btn.btn-outline-danger {
2584
+ padding: 5px 12px !important;
2585
+ background-position: top 8px left 6px;
2586
+ margin-bottom: 0;
2587
+ }
2588
+ .am-content.ui-app-area .img-btns .btn.btn-outline-primary {
2589
+ padding: 5px 12px !important;
2590
+ background-position: top 9px left 5px;
2591
+ margin-bottom: 0;
2592
+ }
2593
+ .am-content.ui-app-area .modal-dialog .img-btns .btn-outline-danger {
2594
+ width: 27px;
2595
+ }
2596
+
2253
2597
 
2254
2598
 
2255
2599