welcome_css 0.33 → 0.37
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_fonts.scss +32 -0
- data/app/assets/stylesheets/_welcome-ui-buttons.scss +17 -4
- data/app/assets/stylesheets/_welcome-ui-menu-app.scss +4 -1
- data/app/assets/stylesheets/_welcome-ui-navbar.scss +52 -1
- data/app/assets/stylesheets/_welcome-ui-responsive.scss +44 -1
- data/app/assets/stylesheets/_welcome-ui-sidebar.scss +106 -84
- data/app/assets/stylesheets/_welcome-ui-tables.scss +260 -31
- data/app/assets/stylesheets/_welcome-ui-typography.scss +10 -0
- data/app/assets/stylesheets/_welcome-ui.scss +190 -11
- data/app/assets/stylesheets/_welcome_bootstrap_variables.scss +0 -1
- data/lib/welcome_css/version.rb +1 -1
- metadata +2 -2
| @@ -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:  | 
| 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 | 
            -
               | 
| 83 | 
            -
               | 
| 112 | 
            +
              /*background-color: #edeff4;*/
         | 
| 113 | 
            +
              background-color: $ui_white;
         | 
| 114 | 
            +
              /*border-bottom: 1px solid #000;*/
         | 
| 115 | 
            +
              font-family: 'nunitosans-semibold';
         | 
| 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: ' | 
| 126 | 
            +
              font-family: 'nunitosans-regular';
         | 
| 95 127 | 
             
            }
         | 
| 96 128 | 
             
            .ui-table td a {
         | 
| 97 | 
            -
              font-family: ' | 
| 129 | 
            +
              font-family: 'nunitosans-semibold';
         | 
| 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:  | 
| 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:  | 
| 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;
         | 
| @@ -1335,7 +1465,7 @@ table .ui-table-row { | |
| 1335 1465 | 
             
            .land-app .ui-app-area .full-block .full-block-content .w-50,
         | 
| 1336 1466 | 
             
            .land-app .ui-app-area .full-block .full-block-content .w-75,
         | 
| 1337 1467 | 
             
            .land-app .ui-app-area .full-block .full-block-content .w-80 {
         | 
| 1338 | 
            -
             padding-right: 5px; | 
| 1468 | 
            +
             padding-right: 5px;
         | 
| 1339 1469 | 
             
            }
         | 
| 1340 1470 | 
             
            .land-app .ui-app-area .full-block .full-block-content:last-child {
         | 
| 1341 1471 | 
             
              margin-bottom: 0px;
         | 
| @@ -1499,6 +1629,48 @@ table .ui-table-row { | |
| 1499 1629 |  | 
| 1500 1630 | 
             
            /* =========================== */
         | 
| 1501 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 | 
            +
             | 
| 1502 1674 | 
             
            .land-app .ui-app-area .dropzone {
         | 
| 1503 1675 | 
             
              background-color: #fff;
         | 
| 1504 1676 | 
             
            }
         | 
| @@ -1629,6 +1801,10 @@ table .ui-table-row { | |
| 1629 1801 | 
             
              left: 0 !important;
         | 
| 1630 1802 | 
             
            }
         | 
| 1631 1803 |  | 
| 1804 | 
            +
            .am-content.ui-app-area .dropdown.dropleft:hover > .dropdown-menu {
         | 
| 1805 | 
            +
              right: 0px !important;
         | 
| 1806 | 
            +
            }
         | 
| 1807 | 
            +
             | 
| 1632 1808 | 
             
            /* =========================== */
         | 
| 1633 1809 | 
             
            /* Breadcrumbs - UI adaptations */
         | 
| 1634 1810 |  | 
| @@ -1846,7 +2022,8 @@ table .ui-table-row { | |
| 1846 2022 | 
             
              -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
         | 
| 1847 2023 | 
             
              margin-bottom: 4px;
         | 
| 1848 2024 | 
             
              width: 32%;
         | 
| 1849 | 
            -
              margin-top:  | 
| 2025 | 
            +
              margin-top: 0px;
         | 
| 2026 | 
            +
              margin-bottom: 30px;
         | 
| 1850 2027 | 
             
              float: left;
         | 
| 1851 2028 | 
             
            }
         | 
| 1852 2029 | 
             
            .am-content.ui-app-area .model-widget:nth-child(odd) {
         | 
| @@ -1866,6 +2043,12 @@ table .ui-table-row { | |
| 1866 2043 | 
             
              width: 100%;
         | 
| 1867 2044 | 
             
              margin-bottom: 12px;
         | 
| 1868 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 | 
            +
            }
         | 
| 1869 2052 | 
             
            .am-content.ui-app-area .model-widget .model-info:last-child {
         | 
| 1870 2053 | 
             
              margin-bottom: 0px;
         | 
| 1871 2054 | 
             
            }
         | 
| @@ -1882,10 +2065,12 @@ table .ui-table-row { | |
| 1882 2065 | 
             
              margin-left: 0;
         | 
| 1883 2066 | 
             
              margin-right: 4px;
         | 
| 1884 2067 | 
             
              top: 0;
         | 
| 1885 | 
            -
              border: 1px solid #979797;
         | 
| 1886 2068 | 
             
              border-radius: $ui-radius;
         | 
| 1887 | 
            -
              padding: 1px 6px;
         | 
| 1888 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;
         | 
| 1889 2074 | 
             
            }
         | 
| 1890 2075 | 
             
            .am-content.ui-app-area .model-widget .model-info .active-status .active {
         | 
| 1891 2076 | 
             
              background-image: image-url('icons/icn-active.svg');
         | 
| @@ -1894,6 +2079,16 @@ table .ui-table-row { | |
| 1894 2079 | 
             
              background-position: top 5px left 0px;
         | 
| 1895 2080 | 
             
              padding-left: 12px;
         | 
| 1896 2081 | 
             
            }
         | 
| 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 | 
            +
            }
         | 
| 1897 2092 | 
             
            .am-content.ui-app-area .model-widget .model-info .model-title {
         | 
| 1898 2093 | 
             
              display: block;
         | 
| 1899 2094 | 
             
              float: left;
         | 
| @@ -1901,10 +2096,10 @@ table .ui-table-row { | |
| 1901 2096 | 
             
            }
         | 
| 1902 2097 | 
             
            .am-content.ui-app-area .model-widget .model-info .model-studio-status {
         | 
| 1903 2098 | 
             
              display: block;
         | 
| 1904 | 
            -
              float:  | 
| 2099 | 
            +
              float: left;
         | 
| 1905 2100 | 
             
            }
         | 
| 1906 2101 | 
             
            .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
         | 
| 1907 | 
            -
              float:  | 
| 2102 | 
            +
              float: left;
         | 
| 1908 2103 | 
             
              font-size: 12px;
         | 
| 1909 2104 | 
             
              border: 1px solid #979797;
         | 
| 1910 2105 | 
             
              border-radius: $ui-radius;
         | 
| @@ -1921,7 +2116,7 @@ table .ui-table-row { | |
| 1921 2116 | 
             
              display: inline-block;
         | 
| 1922 2117 | 
             
              width: 8px;
         | 
| 1923 2118 | 
             
              height: 8px;
         | 
| 1924 | 
            -
              background-color: # | 
| 2119 | 
            +
              background-color: #4A4A4A;
         | 
| 1925 2120 | 
             
              border-radius: 50%;
         | 
| 1926 2121 | 
             
            }
         | 
| 1927 2122 | 
             
            .am-content.ui-app-area .model-widget .model-img img {
         | 
| @@ -1935,13 +2130,26 @@ table .ui-table-row { | |
| 1935 2130 |  | 
| 1936 2131 | 
             
            /* =========================== */
         | 
| 1937 2132 |  | 
| 2133 | 
            +
            .am-content.ui-app-area .block-pill {
         | 
| 2134 | 
            +
              float: left;
         | 
| 2135 | 
            +
              position: relative;
         | 
| 2136 | 
            +
              width: 100%;
         | 
| 2137 | 
            +
              background-color: #F6F8FA;
         | 
| 2138 | 
            +
              border-radius: 4px;
         | 
| 2139 | 
            +
              padding: 8px 15px 12px 15px;
         | 
| 2140 | 
            +
              margin-bottom: 20px !important;
         | 
| 2141 | 
            +
            }
         | 
| 2142 | 
            +
             | 
| 2143 | 
            +
            /* =========================== */
         | 
| 2144 | 
            +
             | 
| 1938 2145 | 
             
            .am-content.ui-app-area .main-content.edit .card-body {
         | 
| 1939 2146 | 
             
              padding: 20px 15px;
         | 
| 1940 2147 | 
             
            }
         | 
| 1941 2148 |  | 
| 1942 2149 | 
             
            /* =========================== */
         | 
| 1943 2150 |  | 
| 1944 | 
            -
            .am-content.ui-app-area .floor-widget | 
| 2151 | 
            +
            .am-content.ui-app-area .floor-widget,
         | 
| 2152 | 
            +
            .am-content.ui-app-area .block-widget {
         | 
| 1945 2153 | 
             
              display: block;
         | 
| 1946 2154 | 
             
              float: left;
         | 
| 1947 2155 | 
             
              position: relative;
         | 
| @@ -1954,30 +2162,35 @@ table .ui-table-row { | |
| 1954 2162 | 
             
              margin-bottom: 30px;
         | 
| 1955 2163 | 
             
              width: 100%;
         | 
| 1956 2164 | 
             
            }
         | 
| 1957 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container | 
| 2165 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container,
         | 
| 2166 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container {
         | 
| 1958 2167 | 
             
              display: block;
         | 
| 1959 2168 | 
             
              float: left;
         | 
| 1960 2169 | 
             
              position: relative;
         | 
| 1961 2170 | 
             
              width: 100%;
         | 
| 1962 2171 | 
             
            }
         | 
| 1963 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container h3 | 
| 2172 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container h3,
         | 
| 2173 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container h3 {
         | 
| 1964 2174 | 
             
              font-size: 24px;
         | 
| 1965 2175 | 
             
              border-left: 4px solid #D9DBE5;
         | 
| 1966 2176 | 
             
              padding-left: 15px;
         | 
| 1967 2177 | 
             
            }
         | 
| 1968 2178 | 
             
            .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
         | 
| 1969 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas | 
| 2179 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas,
         | 
| 2180 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas {
         | 
| 1970 2181 | 
             
              display: block;
         | 
| 1971 2182 | 
             
              float: left;
         | 
| 1972 2183 | 
             
              position: relative;
         | 
| 1973 2184 | 
             
              width: 100%;
         | 
| 1974 2185 | 
             
            }
         | 
| 1975 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit | 
| 2186 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
         | 
| 2187 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .block_title_add-edit {
         | 
| 1976 2188 | 
             
              padding-bottom: 15px;
         | 
| 1977 2189 | 
             
              border-bottom: 1px solid #D9D9D9;
         | 
| 1978 2190 | 
             
              margin-bottom: 25px;
         | 
| 1979 2191 | 
             
            }
         | 
| 1980 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item | 
| 2192 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item,
         | 
| 2193 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item {
         | 
| 1981 2194 | 
             
              display: block;
         | 
| 1982 2195 | 
             
              float: left;
         | 
| 1983 2196 | 
             
              position: relative;
         | 
| @@ -1985,7 +2198,8 @@ table .ui-table-row { | |
| 1985 2198 | 
             
              width: 20%;
         | 
| 1986 2199 | 
             
              padding: 0 5px;
         | 
| 1987 2200 | 
             
            }
         | 
| 1988 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item | 
| 2201 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item,
         | 
| 2202 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item {
         | 
| 1989 2203 | 
             
              display: block;
         | 
| 1990 2204 | 
             
              float: left;
         | 
| 1991 2205 | 
             
              position: relative;
         | 
| @@ -1995,10 +2209,12 @@ table .ui-table-row { | |
| 1995 2209 | 
             
              box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
         | 
| 1996 2210 | 
             
              border-radius: $ui-radius;
         | 
| 1997 2211 | 
             
            }
         | 
| 1998 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover | 
| 2212 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover,
         | 
| 2213 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item:hover {
         | 
| 1999 2214 | 
             
              box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
         | 
| 2000 2215 | 
             
            }
         | 
| 2001 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a | 
| 2216 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a,
         | 
| 2217 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a {
         | 
| 2002 2218 | 
             
              display: flex;
         | 
| 2003 2219 | 
             
              width: 100%;
         | 
| 2004 2220 | 
             
              height: 70px;
         | 
| @@ -2007,7 +2223,8 @@ table .ui-table-row { | |
| 2007 2223 | 
             
              color: #000;
         | 
| 2008 2224 | 
             
              align-items: center;
         | 
| 2009 2225 | 
             
            }
         | 
| 2010 | 
            -
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover | 
| 2226 | 
            +
            .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover,
         | 
| 2227 | 
            +
            .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a:hover {
         | 
| 2011 2228 | 
             
              text-decoration: none;
         | 
| 2012 2229 | 
             
            }
         | 
| 2013 2230 |  | 
| @@ -2015,6 +2232,18 @@ table .ui-table-row { | |
| 2015 2232 | 
             
                padding-right: 10px;
         | 
| 2016 2233 | 
             
            }
         | 
| 2017 2234 |  | 
| 2235 | 
            +
            .am-content.ui-app-area .full-tabs {
         | 
| 2236 | 
            +
              margin-top: 30px;
         | 
| 2237 | 
            +
            }
         | 
| 2238 | 
            +
            .am-content.ui-app-area .full-tabs .nav-tabs {
         | 
| 2239 | 
            +
              border-bottom: 1px solid #D8DBE5 !important;
         | 
| 2240 | 
            +
            }
         | 
| 2241 | 
            +
            .am-content.ui-app-area .full-tabs .nav-tabs .nav-link {
         | 
| 2242 | 
            +
              padding-left: 22px;
         | 
| 2243 | 
            +
              padding-right: 22px;
         | 
| 2244 | 
            +
              color: #000;
         | 
| 2245 | 
            +
            }
         | 
| 2246 | 
            +
             | 
| 2018 2247 | 
             
            /* =========================== */
         | 
| 2019 2248 |  | 
| 2020 2249 | 
             
            .am-content.ui-app-area .add-block {
         | 
| @@ -2254,7 +2483,7 @@ table .ui-table-row { | |
| 2254 2483 | 
             
              float: left;
         | 
| 2255 2484 | 
             
              position: relative;
         | 
| 2256 2485 | 
             
              width: 100%;
         | 
| 2257 | 
            -
              padding:  | 
| 2486 | 
            +
              padding: 15px 20px 8px 20px;
         | 
| 2258 2487 | 
             
              background-color: $ui_white;
         | 
| 2259 2488 | 
             
              border: 1px solid #d9d9d9;
         | 
| 2260 2489 | 
             
              border-radius: $ui-radius;
         | 
| @@ -16,6 +16,16 @@ | |
| 16 16 | 
             
                     asset-url('HK-Grotesk/Bold/HKGrotesk-Bold.ttf') format('truetype');
         | 
| 17 17 | 
             
            }
         | 
| 18 18 |  | 
| 19 | 
            +
            @font-face {
         | 
| 20 | 
            +
                font-family: 'nunitosans-bold';
         | 
| 21 | 
            +
                src: asset-url('nunito/bold/nunitosans-bold.woff2') format('woff2'),
         | 
| 22 | 
            +
                     asset-url('nunito/bold/nunitosans-bold.woff') format('woff'),
         | 
| 23 | 
            +
                     asset-url('nunito/bold/nunitosans-bold.ttf') format('truetype'),
         | 
| 24 | 
            +
                     asset-url('nunito/bold/nunitosans-bold.svg#nunitosans-bold') format('svg');
         | 
| 25 | 
            +
                font-weight: normal;
         | 
| 26 | 
            +
                font-style: normal;
         | 
| 27 | 
            +
              }
         | 
| 28 | 
            +
             | 
| 19 29 | 
             
            /* ================================ */
         | 
| 20 30 |  | 
| 21 31 | 
             
            @font-face {
         |