prvi

EveryThing/wwwroot/vendor/css/_appwork/_accordion.scss

@@ -0,0 +1,39 @@
+// Accordions
+//
+
+.collapse-icon {
+  position: relative;
+  display: block;
+  align-self: center;
+  width: .875rem;
+  height: .875rem;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    display: block;
+    margin-top: -.25rem;
+    margin-left: -.25rem;
+    width: .5rem;
+    height: .5rem;
+    border-bottom: .0625rem solid $gray-400;
+    border-left: .0625rem solid $gray-400;
+    transition: all .3s;
+    transform: rotate(-45deg);
+
+    [aria-expanded="true"] & {
+      transform: rotate(135deg);
+    }
+  }
+}
+
+.accordion > .card {
+  border-radius: $border-radius !important;
+  border: $border-width solid $border-color !important;
+
+  .card-header:last-child {
+    border-bottom: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_alert.scss

@@ -0,0 +1,24 @@
+// Alerts
+//
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-alert-variant('.alert-#{$color}', $value);
+    @include appwork-alert-dark-variant('.alert-dark-#{$color}', $value);
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  .alert-dismissible {
+    padding-right: $alert-padding-x;
+    padding-left: ($close-font-size + $alert-padding-x * 2);
+  }
+
+  .alert-dismissible .close {
+    right: auto;
+    left: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_app-brand.scss

@@ -0,0 +1,72 @@
+.app-brand {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+  line-height: 1;
+  min-height: 1px;
+}
+
+.app-brand-logo {
+  display: block;
+  overflow: hidden;
+  flex-grow: 0;
+  flex-shrink: 0;
+  min-height: 1px;
+
+  img,
+  svg {
+    display: block;
+  }
+}
+
+.app-brand-text {
+  display: block;
+  flex-shrink: 0;
+}
+
+.app-brand .layout-sidenav-toggle {
+  display: block;
+}
+
+// Within sidenav
+
+@mixin appwork-app-brand-collapsed() {
+  .app-brand {
+    padding-right: 0;
+    padding-left: 0;
+    width: $sidenav-collapsed-width;
+  }
+
+  .app-brand-logo,
+  .app-brand-text {
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .app-brand-logo ~ .app-brand-text,
+  .app-brand .layout-sidenav-toggle {
+    display: none;
+  }
+}
+
+.sidenav-vertical .app-brand {
+  padding-right: $sidenav-vertical-link-padding-x - .25rem;
+  padding-left: $sidenav-vertical-link-padding-x - .25rem;
+}
+
+.sidenav-horizontal .app-brand,
+.sidenav-horizontal .app-brand + .sidenav-divider {
+  display: none !important;
+}
+
+:not(.layout-sidenav) > .sidenav-vertical.sidenav-collapsed:not(.layout-sidenav):not(:hover) {
+  @include appwork-app-brand-collapsed();
+}
+
+@media (min-width: map-get($grid-breakpoints, lg)) {
+  .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav {
+    @include appwork-app-brand-collapsed();
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_badge.scss

@@ -0,0 +1,57 @@
+// Badges
+//
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-badge-variant('.badge-#{$color}', $value);
+    @include appwork-badge-outline-variant('.badge-outline-#{$color}', $value);
+  }
+}
+
+@include appwork-badge-variant('.badge-default', $badge-default-bg, $body-color);
+@include appwork-badge-outline-variant('.badge-outline-default', $badge-default-bg, $badge-outline-default-color);
+
+// *******************************************************************************
+// * Dots
+
+.badge.badge-dot {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  width: .5em;
+  height: .5em;
+  border-radius: 50%;
+  vertical-align: middle;
+}
+
+// *******************************************************************************
+// * Indicators
+
+.badge.indicator {
+  position: absolute;
+  top: auto;
+  display: inline-block;
+  margin: 0;
+  transform: translate(-50%, 25%);
+
+  @include rtl-style {
+    transform: translate(50%, 25%);
+  }
+
+  &:not(.badge-dot) {
+    padding: 0 .2em;
+    font-size: .6em;
+    line-height: 1.2em;
+    transform: translate(-50%, -10%);
+
+    @include rtl-style {
+      transform: translate(50%, -10%);
+    }
+  }
+}
+
+@if $material-style {
+  .btn .badge.indicator:not(.badge-dot) {
+    font-size: .75em;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_base.scss

@@ -0,0 +1,208 @@
+// Base
+//
+
+body {
+  -moz-font-feature-settings: "liga" on;
+  -webkit-font-smoothing: antialiased;
+          font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+@include media-breakpoint-up(md) {
+  button.list-group-item {
+    outline: none;
+  }
+}
+
+@if $material-style {
+  .waves-ripple {
+    position: absolute !important;
+  }
+}
+
+// *******************************************************************************
+// * IE Fixes
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  // Fix IE parent container height bug when containing image with fluid width
+  .card,
+  .card-body,
+  .media,
+  .flex-column,
+  .tab-content {
+    min-height: 1px;
+  }
+
+  img {
+    min-height: 1px;
+    height: auto;
+  }
+}
+
+// *******************************************************************************
+// * Containers
+
+.container,
+.container-fluid {
+  padding-right: $container-padding-x-sm;
+  padding-left: $container-padding-x-sm;
+
+  @include media-breakpoint-up(lg) {
+    padding-right: $container-padding-x;
+    padding-left: $container-padding-x;
+  }
+}
+
+// *******************************************************************************
+// * Thumbnails
+
+.img-thumbnail {
+  position: relative;
+  display: block;
+}
+
+.img-thumbnail img {
+  z-index: 1;
+}
+
+.img-thumbnail-content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 3;
+  display: block;
+  opacity: 0;
+  transition: all .2s ease-in-out;
+  transform: translate(-50%, -50%);
+
+  .img-thumbnail:hover &,
+  .img-thumbnail:focus & {
+    opacity: 1;
+  }
+}
+
+// Overlay effect
+.img-thumbnail-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  display: block;
+  transition: all .2s ease-in-out;
+
+  .img-thumbnail:not(:hover):not(:focus) & {
+    opacity: 0 !important;
+  }
+}
+
+.img-thumbnail-shadow {
+  transition: box-shadow .2s;
+
+  @include hover-focus {
+    box-shadow: 0 5px 20px rgba($black, .4);
+  }
+}
+
+// Zoom-in effect
+.img-thumbnail-zoom-in {
+  overflow: hidden;
+
+  img {
+    transition: all .3s ease-in-out;
+    transform: translate3d(0);
+  }
+
+  .img-thumbnail-content {
+    transform: translate(-50%, -50%) scale(.6);
+  }
+
+  @include hover-focus {
+    img {
+      transform: scale(1.1);
+    }
+
+    .img-thumbnail-content {
+      transform: translate(-50%, -50%) scale(1);
+    }
+  }
+}
+
+// *******************************************************************************
+// * Material animations
+
+@if not $material-style {
+  @include keyframes(dropdownAnimation) {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+} @else {
+  @include keyframes(dropdownAnimation) {
+    0% {
+      opacity: 0;
+      transform: scale(0);
+    }
+    80% {
+      transform: scale(1);
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  @include keyframes(topTooltipAnimation) {
+    0% {
+      opacity: 0;
+      transform: translateY(3px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  @include keyframes(bottomTooltipAnimation) {
+    0% {
+      opacity: 0;
+      transform: translateY(-3px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  @include keyframes(leftTooltipAnimation) {
+    0% {
+      opacity: 0;
+      transform: translateX(3px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  @include keyframes(rightTooltipAnimation) {
+    0% {
+      opacity: 0;
+      transform: translateX(-3px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@if $rtl-support {
+  [dir=rtl] body {
+    text-align: right;
+    direction: rtl;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_breadcrumb.scss

@@ -0,0 +1,36 @@
+// Breadcrumbs
+//
+
+.breadcrumb-item,
+.breadcrumb-item a {
+  color: $breadcrumb-color;
+
+  @include hover-focus {
+    color: $breadcrumb-active-color;
+  }
+}
+
+.breadcrumb-item.active a {
+  &,
+  &:hover,
+  &:focus,
+  &:active {
+    color: inherit;
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  .breadcrumb-item +.breadcrumb-item {
+    padding-left: 0;
+    padding-right: $breadcrumb-item-padding;
+
+    &::before {
+      padding-left: $breadcrumb-item-padding;
+      padding-right: 0;
+      content: "#{$breadcrumb-divider-rtl}";
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_button-group.scss

@@ -0,0 +1,128 @@
+// Button groups
+//
+
+@if not $material-style {
+  :not(.btn-group):not(.input-group-prepend):not(.input-group-append)>.btn-group>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child,
+  .btn-group>.btn-group:first-child>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child,
+  .input-group-prepend>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child,
+  .input-group-append>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child,
+  .input-group-prepend>.btn-group:first-child>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child,
+  .input-group-append>.btn-group:first-child>.btn:not(.btn-default):not([class*="btn-outline-"]):first-child {
+    @include ltr-style {
+      border-left-color: transparent;
+    }
+    @include rtl-style {
+      border-right-color: transparent;
+    }
+  }
+
+  :not(.btn-group):not(.input-group-prepend):not(.input-group-append)>.btn-group>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type,
+  .btn-group>.btn-group:last-child>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type,
+  .input-group-append>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type,
+  .input-group-prepend>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type,
+  .input-group-append>.btn-group:last-child>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type,
+  .input-group-prepend>.btn-group:last-child>.btn:not(.btn-default):not([class*="btn-outline-"]):last-of-type {
+    @include ltr-style {
+      border-right-color: transparent;
+    }
+    @include rtl-style {
+      border-left-color: transparent;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+.btn-group-xs > .btn {
+  @extend .btn-xs;
+}
+
+.btn-group-xl > .btn {
+  @extend .btn-xl;
+}
+
+// *******************************************************************************
+// * Split button
+
+.dropdown-toggle-split,
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split,
+.input-group-lg .btn + .dropdown-toggle-split,
+.btn-xl + .dropdown-toggle-split,
+.btn-group-xl > .btn + .dropdown-toggle-split {
+  padding-right: .7em;
+  padding-left: .7em;
+}
+
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split,
+.input-group-sm .btn + .dropdown-toggle-split {
+  padding-right: .6em;
+  padding-left: .6em;
+}
+
+.btn-xs + .dropdown-toggle-split,
+.btn-group-xs > .btn + .dropdown-toggle-split {
+  padding-right: .5em;
+  padding-left: .5em;
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  .btn-group .btn[class] {
+    @include border-radius($border-radius);
+  }
+
+  .btn-group .btn-xs[class],
+  .btn-group-xs .btn[class] {
+    @include border-radius($border-radius-xs);
+  }
+
+  .btn-group .btn-sm[class],
+  .btn-group-sm .btn[class] {
+    @include border-radius($border-radius-sm);
+  }
+
+  .btn-group .btn-lg[class],
+  .btn-group-lg .btn[class] {
+    @include border-radius($border-radius-lg);
+  }
+
+  .btn-group .btn-xl[class],
+  .btn-group-xl .btn[class] {
+    @include border-radius($border-radius-xl);
+  }
+
+  .btn-group {
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) {
+      margin-left: 0;
+      margin-right: -$btn-border-width;
+    }
+
+    > .btn:not(:last-child):not(.dropdown-toggle),
+    > .btn-group:not(:last-child) > .btn {
+      @include border-left-radius(0);
+    }
+
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) > .btn {
+      @include border-right-radius(0);
+    }
+  }
+
+  .btn-group-vertical {
+    > .btn:not(:last-child):not(.dropdown-toggle),
+    > .btn-group:not(:last-child) > .btn {
+      @include border-bottom-radius(0);
+    }
+
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) > .btn {
+      @include border-top-radius(0);
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_buttons.scss

@@ -0,0 +1,123 @@
+// Buttons
+//
+
+.btn {
+  cursor: pointer;
+
+  &.disabled,
+  &:disabled {
+    cursor: default;
+  }
+}
+
+@if $material-style {
+  .btn {
+    text-transform: uppercase;
+  }
+}
+
+// Babge within button
+.btn .badge {
+  @include transition($btn-transition);
+}
+
+label.btn {
+  margin-bottom: 0;
+}
+
+// *******************************************************************************
+// * Alternate buttons
+
+@each $color, $value in $theme-colors {
+  @if $color != primary {
+    @if $material-style {
+      @include appwork-material-button-variant('.btn-#{$color}', $value);
+      @include appwork-material-button-outline-variant('.btn-outline-#{$color}', $value);
+    } @else {
+      @include appwork-button-variant('.btn-#{$color}', $value);
+      @include appwork-button-outline-variant('.btn-outline-#{$color}', $value);
+    }
+  }
+}
+
+// Default button
+@if $material-style {
+  @include appwork-material-button-variant('.btn-default', $btn-default-bg, $btn-default-color, $btn-default-color);
+  @include appwork-material-button-outline-variant('.btn-outline-default', $btn-default-border, $btn-default-color);
+} @else {
+  @include appwork-button-variant('.btn-default', $btn-default-bg, $btn-default-color, $btn-default-border);
+  @include appwork-button-outline-variant('.btn-outline-default', $btn-default-border, $btn-default-color);
+}
+
+// *******************************************************************************
+// * Sizes
+
+.btn-xl {
+  @include button-size($btn-padding-y-xl, $btn-padding-x-xl, $btn-font-size-xl, $btn-line-height-xl, $btn-border-radius-xl);
+}
+
+.btn-xs {
+  @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $btn-font-size-xs, $btn-line-height-xs, $btn-border-radius-xs);
+}
+
+// *******************************************************************************
+// * Link buttons
+
+.btn.btn-link {
+  font-size: inherit;
+
+  @if $material-style {
+    text-transform: none;
+
+    .waves-ripple {
+      display: none !important;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Icon button
+
+.icon-btn {
+  $icon-btn-size:    ($btn-font-size    * $btn-line-height)    + ($btn-padding-y    * 2);
+  $icon-btn-size-xl: ($btn-font-size-xl * $btn-line-height-xl) + ($btn-padding-y-xl * 2);
+  $icon-btn-size-lg: ($btn-font-size-lg * $btn-line-height-lg) + ($btn-padding-y-lg * 2);
+  $icon-btn-size-sm: ($btn-font-size-sm * $btn-line-height-sm) + ($btn-padding-y-sm * 2);
+  $icon-btn-size-xs: ($btn-font-size-xs * $btn-line-height-xs) + ($btn-padding-y-xs * 2);
+  $borders-width:    $btn-border-width * 2;
+
+  width: calc(#{$icon-btn-size} + #{$borders-width});
+  padding: 0;
+  line-height: $icon-btn-size;
+
+  &.btn-xl {
+    width: calc(#{$icon-btn-size-xl} + #{$borders-width});
+    line-height: $icon-btn-size-xl;
+  }
+
+  &.btn-lg {
+    width: calc(#{$icon-btn-size-lg} + #{$borders-width});
+    line-height: $icon-btn-size-lg;
+  }
+
+  &.btn-sm {
+    width: calc(#{$icon-btn-size-sm} + #{$borders-width});
+    line-height: $icon-btn-size-sm;
+  }
+
+  &.btn-xs {
+    width: calc(#{$icon-btn-size-xs} + #{$borders-width});
+    line-height: $icon-btn-size-xs;
+  }
+}
+
+// *******************************************************************************
+// * Without border
+
+.btn.borderless {
+  &:not(.active):not(:active):not(:hover):not(:focus),
+  :not(.show) > &.dropdown-toggle:not(:hover):not(:focus) {
+    border-color: transparent;
+    box-shadow: none;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_card.scss

@@ -0,0 +1,198 @@
+// Cards
+//
+
+.card {
+  background-clip: padding-box;
+  box-shadow: $card-shadow;
+}
+
+.card-link {
+  display: inline-block;
+}
+
+@include rtl-only {
+  .card-link + .card-link {
+    margin-right: $card-spacer-x;
+    margin-left: 0;
+  }
+}
+
+.card-header {
+  line-height: $component-line-height;
+}
+
+@if $material-style {
+  .card-header {
+    border-bottom-width: 1px;
+  }
+
+  .card-footer {
+    border-top-width: 1px;
+  }
+}
+
+// Inner borders
+
+.card-header,
+.card-footer,
+.card hr {
+  border-color: $card-inner-border-color;
+}
+
+.card .list-group-item {
+  border-color: rgba-to-hex($card-inner-border-color);
+}
+
+.card .row-bordered > [class^="col-"],
+.card .row-bordered > [class*=" col-"],
+.card .row-bordered > [class^="col "],
+.card .row-bordered > [class*=" col "],
+.card .row-bordered > [class$=" col"],
+.card .row-bordered > [class="col"] {
+  &::before,
+  &::after {
+    border-color: $card-inner-border-color;
+  }
+}
+
+// *******************************************************************************
+// * Header / Title with elements(controls)
+
+.card-header.with-elements,
+.card-title.with-elements {
+  display: flex;
+
+  width: 100%;
+
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.card-header.with-elements {
+  padding-top: $card-spacer-y / 2;
+  padding-bottom: $card-spacer-y / 2;
+}
+
+.card-header-elements,
+.card-title-elements {
+  display: flex;
+
+  align-items: center;
+  flex-wrap: wrap;
+
+  & + &,
+  > * + * {
+    margin-left: .25rem;
+
+    @include rtl-style {
+      margin-right: .25rem;
+      margin-left: 0;
+    }
+  }
+}
+
+.card-header-title {
+  padding: ($card-spacer-y / 2) 0;
+}
+
+.card-header-elements {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+// *******************************************************************************
+// * List groups
+
+.card > .list-group .list-group-item {
+  padding-right: $card-spacer-x;
+  padding-left: $card-spacer-x;
+}
+
+// *******************************************************************************
+// * Condenced
+
+.card-condenced {
+  .card-header,
+  .card-footer,
+  > .list-group .list-group-item {
+    padding-right: $card-spacer-x-sm;
+    padding-left: $card-spacer-x-sm;
+  }
+
+  .card-body,
+  .card-img-overlay {
+    padding: $card-spacer-x-sm;
+  }
+}
+
+// *******************************************************************************
+// * Hoverable
+
+html:not([dir=rtl]) .card-hover[class],
+html[dir=rtl] .card-hover[class] {
+  transition: all .2s;
+
+  &:not(:hover) {
+    color: $body-color !important;
+    border-color: transparent !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  @include media-breakpoint-up(sm) {
+    .card-group > .card {
+      border: $card-border-width solid $card-border-color;
+      border-radius: $card-border-radius;
+
+      .card-img-top,
+      .card-header:first-child {
+        @include border-top-radius($card-inner-border-radius);
+      }
+
+      .card-img-bottom,
+      .card-footer:last-child {
+        @include border-bottom-radius($card-inner-border-radius);
+      }
+
+      + .card {
+        border-right: 0;
+      }
+    }
+
+    // Handle rounded corners
+    @if $enable-rounded {
+      .card-group > .card {
+        &:not(:last-child) {
+          @include border-left-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-left-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-left-radius: 0;
+          }
+        }
+
+        &:not(:first-child) {
+          @include border-right-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-right-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-right-radius: 0;
+          }
+        }
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_carousel.scss

@@ -0,0 +1,50 @@
+// Carousel
+//
+
+@include rtl-only {
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    transform: translateX(0);
+
+    @supports (transform-style: preserve-3d) {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+
+  .carousel-item-next:not(.carousel-item-left),
+  .active.carousel-item-right {
+    transform: translateX(-100%);
+
+    @supports (transform-style: preserve-3d) {
+      transform: translate3d(-100%, 0, 0);
+    }
+  }
+
+  .carousel-item-prev:not(.carousel-item-right),
+  .active.carousel-item-left {
+    transform: translateX(100%);
+
+    @supports (transform-style: preserve-3d) {
+      transform: translate3d(100%, 0, 0);
+    }
+  }
+
+  .carousel-control-prev {
+    right: 0;
+    left: auto;
+  }
+
+  .carousel-control-next {
+    right: auto;
+    left: 0;
+  }
+
+  .carousel-indicators {
+    padding-right: 0; // override <ol> default
+  }
+
+  .carousel-control-prev-icon,
+  .carousel-control-next-icon {
+    transform: scaleX(-1);
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_close.scss

@@ -0,0 +1,12 @@
+// Close buttons
+//
+
+.close:focus {
+  outline: 0;
+}
+
+@include rtl-only {
+  .close {
+    float: left;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_custom-forms.scss

@@ -0,0 +1,369 @@
+// Custom forms
+//
+
+// *******************************************************************************
+// * Custom control
+
+.custom-control {
+  min-height: $custom-control-indicator-size;
+  cursor: default;
+
+  @include rtl-style {
+    padding-right: $custom-control-gutter + $custom-control-indicator-size;
+    padding-left: 0;
+  }
+}
+
+.custom-control-label {
+  position: static;
+  @include rtl-style {
+    &::before,
+    &::after {
+      right: 0;
+      left: auto;
+    }
+  }
+
+  // Indicator
+  &::before {
+    top: px-to-rem(floor(rem-to-px(((($line-height-base * $font-size-base) - $custom-control-indicator-size) / 2))));
+    left: 0;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-clip: padding-box;
+    transition: all .2s;
+    pointer-events: auto;
+
+    @include rtl-style {
+      transform: scaleX(-1);
+    }
+
+    @if $material-style {
+      z-index: 2;
+      box-shadow: none !important;
+    }
+  }
+
+  // Material shadow
+  &::after {
+    @if not $material-style {
+      display: none;
+    } @else {
+      content: '';
+      position: absolute;
+      top: px-to-rem(floor(rem-to-px(((($line-height-base * $font-size-base) - $custom-control-indicator-size) / 2))));
+      left: 0;
+      z-index: 1;
+      display: block;
+      width: $custom-control-indicator-size;
+      height: $custom-control-indicator-size;
+      border-radius: 50%;
+      background: rgba($black, .08);
+      opacity: 0;
+      transition: all .2s;
+      transform-origin: center;
+      transform: scale(0) translateZ(0);
+    }
+  }
+}
+
+// Checkbox indicator
+.custom-checkbox .custom-control-label::before {
+  background-size: $custom-checkbox-indicator-bg-size;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  background-size: $custom-checkbox-indeterminate-bg-size;
+}
+
+// Radio indicator
+.custom-radio .custom-control-label::before {
+  background-size: $custom-radio-indicator-bg-size;
+}
+
+// Indicator states
+.custom-control-label::before {
+  .custom-control-input:active ~ & {
+    box-shadow: none;
+  }
+
+  .custom-control-input:not(:checked):active ~ & {
+    background-color: $custom-control-indicator-bg;
+  }
+
+  .custom-control-input:disabled ~ & {
+    border-color: $custom-control-indicator-border-color !important;
+    background-color: $custom-control-indicator-disabled-bg !important;
+  }
+
+  .custom-control.custom-checkbox .custom-control-input:disabled:indeterminate ~ & {
+    background-image: url(str-replace(str-replace($custom-checkbox-indeterminate-bg, '_COLOR_', $custom-control-label-disabled-color), "#", "%23"));
+  }
+
+  .custom-control.custom-checkbox .custom-control-input:disabled:checked ~ & {
+    background-image: url(str-replace(str-replace($custom-checkbox-indicator-bg, '_COLOR_', $custom-control-label-disabled-color), "#", "%23"));
+  }
+
+  .custom-control.custom-radio .custom-control-input:disabled:checked ~ & {
+    background-image: url(str-replace(str-replace($custom-radio-indicator-bg, '_COLOR_', $custom-control-label-disabled-color), "#", "%23"));
+  }
+}
+
+// Material states
+@if $material-style {
+  .custom-control-input[class]:active ~ .custom-control-label::before,
+  .custom-control-input[class]:not(:checked):focus ~ .custom-control-label::before {
+    border-color: $custom-control-indicator-border-color;
+  }
+
+  // Shadow
+  .custom-control-label::after {
+    .custom-control-input:focus ~ & {
+      opacity: 1;
+      transform: scale(2.25) translateZ(0);
+    }
+
+    .custom-control-input:active ~ & {
+      opacity: 0;
+      transform: scale(0) translateZ(0);
+    }
+
+    .custom-control-input:disabled ~ & {
+      display: none;
+    }
+  }
+
+  // Hide radio bullet
+  .custom-radio .custom-control-input:not(:checked) ~ .custom-control-label::before {
+    background-size: 0;
+  }
+
+  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+    background-color: $custom-control-indicator-bg;
+  }
+}
+
+.custom-controls-stacked .custom-control {
+  display: block;
+  margin-bottom: .5rem;
+}
+
+@include rtl-only {
+  .custom-control-inline {
+    margin-right: 0;
+    margin-left: $custom-control-spacer-x;
+  }
+}
+
+// *******************************************************************************
+// * Custom select
+
+.custom-select {
+  display: block;
+  background-clip: padding-box;
+
+  @include rtl-style {
+    background-image: $custom-select-indicator-rtl;
+    padding-right: $custom-select-padding-x;
+    padding-left: $custom-select-padding-x + $custom-select-indicator-padding;
+    background-position: left $custom-select-padding-x center;
+  }
+
+  @if $material-style {
+    border-bottom-width: 1px;
+    border-radius: 0 !important;
+
+    &:disabled {
+      border-bottom: 1px dotted $material-input-disabled-border-color;
+      color: $material-input-disabled-color;
+    }
+  }
+}
+
+// Inverted
+.custom-select-inverted {
+  background-image: $custom-select-indicator-inverted;
+
+  @include rtl-style {
+    background-image: $custom-select-indicator-inverted-rtl;
+  }
+
+  &,
+  &:focus {
+    background-color: $input-inverted-bg;
+    color: $input-inverted-color;
+    border-color: $input-inverted-border-color;
+  }
+
+  &:disabled {
+    background-color: $custom-select-inverted-disabled-bg;
+    color: $custom-select-inverted-disabled-color;
+    border-color: if($material-style, $material-input-inverted-disabled-border-color, $input-inverted-disabled-bg);
+  }
+
+  &::placeholder {
+    color: $input-inverted-placeholder-color;
+  }
+
+  option {
+    color: $body-color;
+  }
+}
+
+// Sizing
+@include appwork-custom-select-size('sm', $custom-select-padding-x-sm, $line-height-sm, $custom-select-font-size-sm);
+@include appwork-custom-select-size('lg', $custom-select-padding-x-lg, $line-height-lg, $custom-select-font-size-lg);
+
+// Material style
+@if $material-style {
+  @include ltr-only {
+    :not(.input-group) > .custom-select {
+      padding-left: 0;
+      padding-right: $custom-select-padding-x;
+      background-position: right center;
+    }
+  }
+  @include rtl-only {
+    :not(.input-group) > .custom-select {
+      padding-right: 0;
+      padding-left: $custom-select-padding-x;
+      background-position: left center;
+    }
+  }
+}
+
+// Multiple select
+//
+
+@include rtl-only {
+  .custom-select[multiple],
+  .custom-select[size]:not([size="1"]) {
+    background-image: none;
+  }
+}
+
+@if not $material-style {
+  .custom-select[multiple],
+  .custom-select[size]:not([size="1"]) {
+    padding-right: $custom-select-padding-x;
+    padding-left: $custom-select-padding-x;
+  }
+
+  .custom-select-sm,
+  .input-group-sm .custom-select {
+    &[multiple],
+    &[size]:not([size="1"]) {
+      padding-right: $custom-select-padding-x-sm;
+      padding-left: $custom-select-padding-x-sm;
+    }
+  }
+
+  .custom-select-lg,
+  .input-group-lg .custom-select {
+    &[multiple],
+    &[size]:not([size="1"]) {
+      padding-right: $custom-select-padding-x-lg;
+      padding-left: $custom-select-padding-x-lg;
+    }
+  }
+} @else {
+  .custom-select[multiple],
+  .custom-select[size]:not([size="1"]) {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+}
+
+// *******************************************************************************
+// * File input
+
+.custom-file {
+  display: block;
+}
+
+.custom-file-label {
+  background-clip: padding-box;
+  transition: $input-transition;
+
+  @include rtl-style {
+    &::after {
+      right: auto;
+      left: 0;
+      border-right: $custom-file-border-width solid $custom-file-border-color;
+      border-left: 0;
+
+      @include border-radius($custom-file-border-radius 0 0 $custom-file-border-radius);
+    }
+  }
+
+  @if $material-style {
+    padding-right: 0;
+    padding-left: 0;
+    border-bottom-width: 1px;
+  }
+
+  .custom-file-input:disabled ~ & {
+    background: $input-disabled-bg;
+
+    @if $material-style {
+      border-bottom: 1px dotted $material-input-disabled-border-color;
+      color: $material-input-disabled-color;
+    }
+
+    &::before {
+      opacity: .65;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Range select
+
+.custom-range {
+  &::-webkit-slider-thumb {
+    box-shadow: $custom-range-thumb-box-shadow;
+    transition: transform .2s;
+    transform-origin: center;
+
+    &:active {
+      transform: scale(1.4, 1.4);
+    }
+  }
+
+  &::-moz-range-thumb {
+    box-shadow: $custom-range-thumb-box-shadow;
+    transition: transform .2s;
+    transform-origin: center;
+
+    &:active {
+      transform: scale(1.4, 1.4);
+    }
+  }
+
+  &::-ms-thumb {
+    box-shadow: $custom-range-thumb-box-shadow;
+    transition: transform .2s;
+    transform-origin: center;
+
+    &:active {
+      transform: scale(1.4, 1.4);
+    }
+  }
+
+  &:disabled {
+    &::-webkit-slider-runnable-track {
+      background-color: $custom-range-disabled-track-bg;
+    }
+    &::-moz-range-track {
+      background-color: $custom-range-disabled-track-bg;
+    }
+
+    &::-ms-fill-lower {
+      background-color: $custom-range-disabled-track-bg;
+    }
+
+    &::-ms-fill-upper {
+      background-color: $custom-range-disabled-track-bg;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_dropdown.scss

@@ -0,0 +1,241 @@
+// Dropdowns
+//
+
+[data-trigger=hover] {
+  outline: 0;
+}
+
+.dropdown-menu {
+  margin: $dropdown-spacer 0;
+  box-shadow: $dropdown-box-shadow;
+
+  @include rtl-style {
+    text-align: right;
+  }
+
+  // Animations
+  @if not $material-style {
+    animation: dropdownAnimation .1s;
+  } @else {
+    transform-origin: top left;
+    animation: dropdownAnimation .25s;
+
+    &.dropdown-menu-right,
+    &.dropdown-menu-right .dropdown-menu {
+      transform-origin: top right;
+    }
+
+    .dropup & {
+      transform-origin: bottom left;
+    }
+
+    .dropup &.dropdown-menu-right,
+    .dropup &.dropdown-menu-right .dropdown-menu {
+      transform-origin: bottom right;
+    }
+  }
+
+  .mega-dropdown > & {
+    left: 0 !important;
+    right: 0 !important;
+  }
+}
+
+.dropdown-item {
+  line-height: $dropdown-link-line-height;
+}
+
+// Badge within dropdown menu
+.dropdown-menu .badge[class^="float-"],
+.dropdown-menu .badge[class*=" float-"] {
+  position: relative;
+  top: .071em;
+}
+
+@if $material-style {
+  .dropdown-item,
+  .dropdown-menu > li {
+    display: block;
+
+    // Ripple
+    .waves-ripple {
+      background: rgba(0, 0, 0, .1);
+    }
+    &.active .waves-ripple,
+    &.disabled .waves-ripple {
+      display: none;
+    }
+  }
+}
+
+// Hidden dropdown toggle arrow
+.dropdown-toggle.hide-arrow,
+.dropdown-toggle-hide-arrow > .dropdown-toggle {
+  &::before,
+  &::after {
+    display: none;
+  }
+}
+
+// *******************************************************************************
+// * Make Bootstrap 3 pagination compatible with Bootstrap 4
+
+.dropdown-menu > li:not(.dropdown-item) {
+   > a:not(.dropdown-item) {
+    display: block;
+    clear: both;
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+    width: 100%;
+    border: 0;
+    background: none;
+    color: $dropdown-link-color;
+    text-align: inherit;
+    white-space: nowrap;
+    font-weight: $font-weight-normal;
+    line-height: $dropdown-link-line-height;
+
+    @include hover-focus {
+      background-color: $dropdown-link-hover-bg;
+      color: $dropdown-link-hover-color;
+      text-decoration: none;
+    }
+  }
+
+  &.active > a:not(.dropdown-item),
+  > a:not(.dropdown-item):active {
+    background-color: $dropdown-link-active-bg;
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+  }
+
+  &.disabled > a:not(.dropdown-item) {
+    background-color: transparent;
+    color: $dropdown-link-disabled-color;
+
+    @if $enable-gradients {
+      background-image: none;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Dropdown toggle
+
+@if $enable-caret {
+  .dropleft .dropdown-toggle::before,
+  .dropright .dropdown-toggle::after {
+    vertical-align: $caret-vertical-align;
+  }
+
+  @include rtl-only {
+    .dropdown-toggle::after {
+      margin-right: $caret-spacing;
+      margin-left: 0;
+    }
+
+    .dropleft .dropdown-toggle::before,
+    .dropright .dropdown-toggle::after {
+      display: none;
+    }
+
+    .dropleft .dropdown-toggle::after {
+      content: "";
+      display: inline-block;
+      margin-right: $caret-spacing;
+      margin-left: 0;
+
+      @include caret-left;
+    }
+
+    .dropright .dropdown-toggle::before {
+      content: "";
+      display: inline-block;
+      margin-right: 0;
+      margin-left: $caret-spacing;
+      vertical-align: $caret-vertical-align;
+
+      @include caret-right;
+    }
+  }
+}
+
+.dropdown-toggle-split::after,
+.dropdown-toggle-split::before {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+
+// *******************************************************************************
+// * Nested dropdowns
+
+.dropdown-menu .dropdown-toggle {
+  position: relative;
+
+  &::after {
+    display: none;
+  }
+}
+
+.dropdown-menu .dropdown-toggle > .dropdown-item {
+ position: relative;
+ cursor: default;
+}
+
+@media (max-width: (map-get($grid-breakpoints, md) - 1)) {
+  .dropdown-menu .dropdown-menu {
+    position: static;
+    display: block;
+    margin: 0;
+    padding-left: $dropdown-item-padding-x;
+    width: 100%;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+
+    @include rtl-style {
+      padding-right: $dropdown-item-padding-x;
+      padding-left: 0;
+    }
+  }
+}
+
+@media (min-width: map-get($grid-breakpoints, md)) {
+  .dropdown-menu .dropdown-toggle > .dropdown-item::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: $dropdown-item-padding-x / 2;
+    display: block;
+    width: .375rem;
+    height: .375rem;
+    border: 1px solid $text-muted;
+    border-top: 0;
+    border-left: 0;
+    transform: rotate(-45deg) translate(0, -50%);
+
+    @include rtl-style {
+      right: auto;
+      left: $dropdown-item-padding-x / 2;
+      transform: rotate(45deg) translate(0, -50%) scaleX(-1);
+    }
+  }
+
+  .dropdown-menu .dropdown-toggle:hover > .dropdown-item:not(.disabled) {
+    background: $dropdown-link-hover-bg;
+    color: $dropdown-link-hover-color;
+
+     + .dropdown-menu {
+      display: block;
+    }
+  }
+
+  .dropdown-menu .dropdown-menu {
+    top: 0;
+    left: 100%;
+  }
+
+  .dropdown-menu-right .dropdown-menu {
+    right: 100%;
+    left: auto;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_footer.scss

@@ -0,0 +1,70 @@
+// Footer
+//
+
+.footer-link {
+  display: inline-block;
+}
+
+// Dark footer
+.footer-dark {
+  color: $navbar-dark-color;
+
+  .footer-link {
+    color: $navbar-dark-color;
+
+    @include hover-focus {
+      color: $navbar-dark-hover-color;
+    }
+
+    &.disabled {
+      color: $navbar-dark-disabled-color !important;
+    }
+  }
+
+  .footer-text {
+    color: $navbar-dark-active-color;
+  }
+
+  .show > .footer-link,
+  .active > .footer-link,
+  .footer-link.show,
+  .footer-link.active {
+    color: $navbar-dark-active-color;
+  }
+
+  hr {
+    border-color: $sidenav-dark-border-color;
+  }
+}
+
+// Light footer
+.footer-light {
+  color: $navbar-light-color;
+
+  .footer-link {
+    color: $navbar-light-color;
+
+    @include hover-focus {
+      color: $navbar-light-hover-color;
+    }
+
+    &.disabled {
+      color: $navbar-light-disabled-color !important;
+    }
+  }
+
+  .footer-text {
+    color: $navbar-light-active-color;
+  }
+
+  .show > .footer-link,
+  .active > .footer-link,
+  .footer-link.show,
+  .footer-link.active {
+    color: $navbar-light-active-color;
+  }
+
+  hr {
+    border-color: $sidenav-light-border-color;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_forms.scss

@@ -0,0 +1,172 @@
+// Forms
+//
+
+@if $material-style {
+  .form-control {
+    $material-input-disabled-color: null !default;
+    $material-input-disabled-border-color: null !default;
+
+    border-bottom-width: 1px;
+    border-radius: 0 !important;
+
+    &:disabled {
+      border-bottom: 1px dotted $material-input-disabled-border-color !important;
+      color: $material-input-disabled-color !important;
+    }
+  }
+
+  :not(.input-group) > .form-control {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+select.form-control[size="0"]:not([multiple]) {
+  height: $input-height;
+}
+
+select.form-control-sm[size="0"]:not([multiple]) {
+  height: $input-height-sm;
+}
+
+select.form-control-lg[size="0"]:not([multiple]) {
+  height: $input-height-lg;
+}
+
+@if $material-style {
+  @include appwork-material-form-control-size('', $input-btn-padding-y);
+  @include appwork-material-form-control-size('sm', $input-btn-padding-y-sm);
+  @include appwork-material-form-control-size('lg', $input-btn-padding-y-lg);
+}
+
+// *******************************************************************************
+// * Inverted
+
+.form-control-inverted {
+  border-color: $input-inverted-border-color;
+
+  @include plain-hover-focus {
+    background-color: $input-inverted-bg;
+    color: $input-inverted-color;
+  }
+
+  &::placeholder {
+    color: $input-inverted-placeholder-color;
+  }
+
+  &:disabled {
+    background-color: $input-inverted-disabled-bg !important;
+    color: $input-inverted-disabled-color !important;
+
+    @if $material-style != true {
+      border-color: $input-inverted-disabled-bg !important;
+    } @else {
+      $material-input-inverted-disabled-border-color: null !default;
+
+      border-color: $material-input-inverted-disabled-border-color !important;
+    }
+  }
+
+  option {
+    color: $body-color !important;
+  }
+}
+
+// *******************************************************************************
+// * Labels
+
+.form-label,
+.col-form-label {
+  @if not $material-style {
+    margin-bottom: calc(#{$input-padding-y} - #{$input-border-width * 2});
+  } @else {
+    margin-bottom: 0;
+  }
+  font-weight: $label-font-weight;
+  font-size: $label-font-size;
+  padding-bottom: 0;
+}
+
+.form-label-sm,
+.col-form-label-sm {
+  font-size: $font-size-sm;
+}
+
+.form-label-lg,
+.col-form-label-lg {
+  font-size: $font-size-lg;
+}
+
+// *******************************************************************************
+// * Checkboxes and radios
+
+.form-check {
+  min-height: $font-size-base * $line-height-base;
+
+  @include rtl-style {
+    padding-right: $form-check-input-gutter;
+    padding-left: 0;
+  }
+}
+
+@include rtl-only {
+  .form-check-input {
+    margin-right: -$form-check-input-gutter;
+    margin-left: 0;
+  }
+
+  .form-check-inline {
+    margin-right: 0;
+    margin-left: $form-check-inline-margin-x;
+    padding-right: 0;
+  }
+
+  .form-check-inline .form-check-input {
+    margin-right: 0;
+    margin-left: $form-check-inline-input-margin-x;
+  }
+}
+
+// *******************************************************************************
+// * Validation states
+
+@each $state, $data in $form-validation-states {
+  @if $material-style {
+    @include appwork-material-form-validation-state($state, map-get($data, color), map-get($data, icon), map-get($data, icon-rtl));
+  } @else {
+    @include appwork-form-validation-state($state, map-get($data, color), map-get($data, icon), map-get($data, icon-rtl));
+  }
+}
+
+// *******************************************************************************
+// * Inline forms
+
+.form-inline .custom-control {
+  width: 100%;
+}
+
+@include media-breakpoint-up(sm) {
+  @include rtl-only {
+    .form-inline .form-check {
+      padding-right: 0;
+    }
+
+    .form-inline .form-check-input {
+      margin-right: 0;
+      margin-left: $form-check-input-margin-x;
+    }
+  }
+
+  .form-inline .custom-control,
+  .form-inline .custom-select,
+  .form-inline .form-control-plaintext {
+    width: auto;
+  }
+
+  .form-inline .form-text {
+    margin-top: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_functions.scss

@@ -0,0 +1,262 @@
+// Functions
+//
+
+// *******************************************************************************
+// * Math
+
+$pi: 3.14159265359;
+$_precision: 10;
+
+@function pow($base, $exp) {
+  $value: $base;
+  @if $exp > 1 {
+    @for $i from 2 through $exp {
+      $value: $value * $base;
+    }
+  }
+  @if $exp < 1{
+    @for $i from 0 through -$exp {
+      $value: $value / $base;
+    }
+  }
+  @return $value;
+}
+
+@function sqrt($r) {
+  $x0: 1;
+  $x1: $x0;
+
+  @for $i from 1 through 10 {
+    $x1: $x0 - ($x0 * $x0 - abs($r)) / (2 * $x0);
+    $x0: $x1;
+  }
+
+  @return $x1;
+}
+
+@function fact($num) {
+  $fact: 1;
+  @if $num > 0{
+    @for $i from 1 through $num {
+      $fact: $fact * $i;
+    }
+  }
+  @return $fact;
+}
+
+@function _to_unitless_rad($angle) {
+  @if unit($angle) == "deg" {
+    $angle: $angle / 180deg * $pi;
+  }
+  @if unit($angle) == "rad" {
+    $angle: $angle / 1rad;
+  }
+  @return $angle;
+}
+
+@function sin($angle){
+  $a: _to_unitless_rad($angle);
+  $sin: $a;
+  @for $n from 1 through $_precision {
+    $sin: $sin + (pow(-1, $n) / fact(2 * $n + 1) ) * pow($a, (2 * $n + 1));
+  }
+  @return $sin;
+}
+
+@function cos($angle){
+  $a: _to_unitless_rad($angle);
+  $cos: 1;
+  @for $n from 1 through $_precision {
+    $cos: $cos + ( pow(-1,$n) / fact(2*$n) ) * pow($a,2*$n);
+  }
+  @return $cos;
+}
+
+@function tan($angle){
+  @return sin($angle) / cos($angle);
+}
+
+// *******************************************************************************
+// * Lists
+
+@function slice-list($list, $start: 1, $end: length($list)) {
+  $result: null;
+
+  @if type-of($start) != number or type-of($end) != number {
+    @warn "Either $start or $end are not a number for `slice`.";
+  }
+
+  @else if $start > $end {
+    @warn "The start index has to be lesser than or equals to the end index for `slice`.";
+  }
+
+  @else if $start < 1 or $end < 1 {
+    @warn "List indexes must be non-zero integers for `slice`.";
+  }
+
+  @else if $start > length($list) {
+    @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`.";
+  }
+
+  @else if $end > length($list) {
+    @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`.";
+  }
+
+  @else {
+    $result: ();
+
+    @for $i from $start through $end {
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+// *******************************************************************************
+// * Strings
+
+@function str-replace($string, $search, $replace: '') {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// *******************************************************************************
+// * Colors
+
+@function rgba-to-hex($color, $background: #fff) {
+  @if $color and alpha($color) != 1 {
+    $percent: alpha($color) * 100%;
+    $opaque: opacify($color, 1);
+
+    @return mix($opaque, $background, $percent);
+  }
+  @else {
+    @return $color;
+  }
+}
+
+@function yiq-value($color) {
+  @if $color == transparent {
+    @return $body-color;
+  } @else if alpha($color) != 1 {
+    $color: rgba-to-hex($color);
+  }
+
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  @return (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+}
+
+// Color contrast
+@function yiq($color) {
+  $yiq: yiq-value($color);
+
+  @if ($yiq >= 160) {
+    @return rgba-to-hex(rgba($color, .40), #000);
+  } @else {
+    @return #fff;
+  }
+}
+
+// *******************************************************************************
+// * Units
+
+@function strip-unit($number) {
+  @if type-of($number) == 'number' and not unitless($number) {
+    @return $number / ($number * 0 + 1);
+  }
+
+  @return $number;
+}
+
+@function px-to-rem($value) {
+  // Assumes the browser default font size = `16px`
+  @return (strip-unit($value) / 16) * 1rem;
+}
+
+@function rem-to-px($value) {
+  // Assumes the browser default font size = `16px`
+  @return (strip-unit($value) * 16) * 1px;
+}
+
+// *******************************************************************************
+// * Utilities
+
+@function get-btn-colors($background, $border) {
+  @if $background == transparent {
+    $btn-shadow: rgba(rgba-to-hex($border, #000), .05);
+
+    @return (
+      bg-hover:  rgba($border, .06),
+      bg-active: rgba($border, .12),
+      border:    $border,
+      shadow:    if($enable-shadows, ($btn-box-shadow, 0 0 0 $component-focus-shadow-width $btn-shadow), 0 0 0 $component-focus-shadow-width $btn-shadow)
+    );
+  } @else if alpha($background) != 1 {
+    $bg-alpha:   alpha($background);
+    $btn-shadow: rgba($background, $bg-alpha - ($bg-alpha * 55 / 100) );
+
+    @return (
+      bg-hover:  rgba($background, $bg-alpha + 0.05),
+      bg-active: rgba($background, $bg-alpha + 0.13),
+      border:    transparent,
+      shadow:    if($enable-shadows, ($btn-box-shadow, 0 0 0 $component-focus-shadow-width $btn-shadow), 0 0 0 $component-focus-shadow-width $btn-shadow)
+    );
+  } @else {
+    @return (
+      bg-hover:  rgba-to-hex(rgba($background, .95), #000),
+      bg-active: rgba-to-hex(rgba($background, .87), #000),
+      border:    transparent,
+      shadow:    if($enable-shadows, ($btn-box-shadow, 0 0 0 $component-focus-shadow-width rgba($background, .4)), 0 0 0 $component-focus-shadow-width rgba($background, .4))
+    );
+  }
+}
+
+@function get-material-btn-colors($background) {
+  @if alpha($background) != 1 {
+    $background: rgba-to-hex($background);
+  }
+
+  @return (
+    bg-hover:  rgba-to-hex(rgba($background, .95), #fff),
+    bg-active: rgba-to-hex(rgba($background, .87), #fff),
+  );
+}
+
+@function get-nav-colors($bg, $active-color: null, $inactive-color: null, $border: null) {
+  $bg: rgba-to-hex($bg);
+  $active-color: rgba-to-hex($active-color);
+  $active-color: if($active-color, $active-color, yiq($bg));
+  $yiq-percent: yiq-value($bg) / 255;
+  $yiq-percent-inverted: 1 - $yiq-percent;
+
+  $opacity: if($active-color == #fff, .6 + (.4 * $yiq-percent), .6 + (.4 * (1 - $yiq-percent)));
+
+  $color: if($inactive-color, rgba-to-hex($inactive-color, $bg), rgba-to-hex(rgba($active-color, if($yiq-percent < .25, $opacity - .15, $opacity)), $bg));
+  $disabled-color: rgba-to-hex(rgba($color, .6), $bg);
+  $muted-color: rgba-to-hex(rgba($color, .75), $bg);
+  $border: if($border, $border, if($yiq-percent > .75, rgba($active-color, $opacity / 8), if($yiq-percent < .25, rgba($active-color, .06), rgba($active-color, .15))));
+
+  @return (
+    // Metadata
+    opacity: $opacity,
+    yiq-percent: $yiq-percent,
+    yiq-percent-inverted: $yiq-percent-inverted,
+
+    // Colors
+    bg: $bg,
+    color: $color,
+    active-color: $active-color,
+    disabled-color: $disabled-color,
+    muted-color: $muted-color,
+    border: $border
+  );
+}

EveryThing/wwwroot/vendor/css/_appwork/_include-material.scss

@@ -0,0 +1,7 @@
+@import '../../../../node_modules/bootstrap/scss/functions';
+@import 'functions';
+@import '../_custom-variables/appwork-material';
+@import 'variables-material';
+@import '../../../../node_modules/bootstrap/scss/variables';
+@import '../../../../node_modules/bootstrap/scss/mixins';
+@import 'mixins';

EveryThing/wwwroot/vendor/css/_appwork/_include.scss

@@ -0,0 +1,7 @@
+@import '../../../../node_modules/bootstrap/scss/functions';
+@import 'functions';
+@import '../_custom-variables/appwork';
+@import 'variables';
+@import '../../../../node_modules/bootstrap/scss/variables';
+@import '../../../../node_modules/bootstrap/scss/mixins';
+@import 'mixins';

EveryThing/wwwroot/vendor/css/_appwork/_input-group.scss

@@ -0,0 +1,230 @@
+// Input groups
+//
+
+.input-group .custom-select {
+  flex: 0 1 auto;
+  width: auto;
+}
+
+.input-group-text {
+  background-clip: padding-box;
+}
+
+// *******************************************************************************
+// * Button groups within input group addon
+
+.input-group>.input-group-append>.btn-group>.btn,
+.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn,
+.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn {
+  @include border-left-radius(0);
+}
+
+.input-group>.input-group-prepend>.btn-group>.btn,
+.input-group>.input-group-append:last-child>.btn-group:not(:last-child)>.btn,
+.input-group>.input-group-append:not(:last-child)>.btn-group>.btn {
+  @include border-right-radius(0);
+}
+
+.input-group-append,
+.input-group-prepend {
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group+.btn-group,
+  .btn-group+.input-group-text,
+  .input-group-text+.btn-group {
+    margin-left: -1 * $input-border-width;
+  }
+}
+
+// *******************************************************************************
+// * Material
+
+@if $material-style {
+  .input-group-text {
+    border-bottom-width: 1px;
+  }
+
+  .input-group-text+.input-group-text,
+  .input-group-prepend .input-group-text:first-child,
+  .input-group-append .input-group-text:first-child,
+  .input-group>.form-control:first-child,
+  .input-group>.custom-select:first-child,
+  .input-group>.form-control+.form-control,
+  .input-group>.form-control+.custom-select,
+  .input-group>.custom-select+.form-control,
+  .input-group>.custom-select+.custom-select {
+    @include ltr-style {
+      padding-left: 0;
+    }
+
+    @include rtl-style {
+      padding-right: 0;
+    }
+  }
+
+  .input-group-prepend .input-group-text:last-child,
+  .input-group-append .input-group-text:last-child,
+  .input-group>.form-control:last-child {
+    @include ltr-style {
+      padding-right: 0;
+    }
+
+    @include rtl-style {
+      padding-left: 0;
+    }
+  }
+
+  .input-group>.custom-select:last-child {
+    @include ltr-style {
+      padding-right: $custom-select-padding-x;
+      background-position: right center;
+    }
+
+    @include rtl-style {
+      padding-left: $custom-select-padding-x;
+      background-position: left center;
+    }
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  // Reset border radius
+
+  .input-group>.form-control,
+  .input-group>.custom-select,
+  .input-group>.input-group-prepend>.input-group-text,
+  .input-group>.input-group-append>.input-group-text,
+  .input-group>.custom-file .custom-file-label,
+  .input-group>.custom-file .custom-file-label::before {
+    @include border-radius($input-border-radius);
+  }
+  .input-group>.input-group-prepend>.btn,
+  .input-group>.input-group-append>.btn,
+  .input-group>.input-group-prepend>.btn-group>.btn,
+  .input-group>.input-group-append>.btn-group>.btn {
+    @include border-radius($btn-border-radius);
+  }
+
+  .input-group-lg>.form-control,
+  .input-group-lg>.custom-select,
+  .input-group-lg>.input-group-prepend>.input-group-text,
+  .input-group-lg>.input-group-append>.input-group-text,
+  .input-group-lg>.custom-file .custom-file-label,
+  .input-group-lg>.custom-file .custom-file-label::before {
+    @include border-radius($input-border-radius-lg);
+  }
+  .input-group-lg>.input-group-prepend>.btn,
+  .input-group-lg>.input-group-append>.btn,
+  .input-group-lg>.input-group-prepend>.btn-group>.btn,
+  .input-group-lg>.input-group-append>.btn-group>.btn {
+    @include border-radius($btn-border-radius-lg);
+  }
+
+  .input-group-sm>.form-control,
+  .input-group-sm>.custom-select,
+  .input-group-sm>.input-group-prepend>.input-group-text,
+  .input-group-sm>.input-group-append>.input-group-text,
+  .input-group-sm>.custom-file .custom-file-label,
+  .input-group-sm>.custom-file .custom-file-label::before {
+    @include border-radius($input-border-radius-sm);
+  }
+  .input-group-sm>.input-group-prepend>.btn,
+  .input-group-sm>.input-group-append>.btn-group>.btn,
+  .input-group-sm>.input-group-prepend>.btn-group>.btn,
+  .input-group-sm>.input-group-append>.btn {
+    @include border-radius($btn-border-radius-sm);
+  }
+
+  // Remove border radius
+
+  .input-group>.form-control,
+  .input-group>.custom-select {
+    &:not(:last-child) {
+      @include border-left-radius(0);
+    }
+
+    &:not(:first-child) {
+      @include border-right-radius(0);
+    }
+  }
+
+  .input-group>.custom-file {
+
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::after {
+      @include border-left-radius(0);
+    }
+
+    &:not(:first-child) .custom-file-label {
+      @include border-right-radius(0);
+    }
+  }
+
+  .input-group>.input-group-prepend>.btn,
+  .input-group>.input-group-prepend>.input-group-text,
+  .input-group>.input-group-append:not(:last-child)>.btn,
+  .input-group>.input-group-append:not(:last-child)>.input-group-text,
+  .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+  .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
+  .input-group>.input-group-prepend>.btn-group>.btn,
+  .input-group>.input-group-append>.btn-group>.btn:not(:last-of-type),
+  .input-group>.input-group-append:last-child>.btn-group:not(:last-child)>.btn {
+    @include border-left-radius(0);
+  }
+
+  .input-group>.input-group-append>.btn,
+  .input-group>.input-group-append>.input-group-text,
+  .input-group>.input-group-prepend:not(:first-child)>.btn,
+  .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
+  .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+  .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
+  .input-group>.input-group-append>.btn-group>.btn,
+  .input-group>.input-group-prepend>.btn-group>.btn:not(:first-of-type),
+  .input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn {
+    @include border-right-radius(0);
+  }
+
+  // Margins
+
+  .input-group>.form-control,
+  .input-group>.form-control-plaintext,
+  .input-group>.custom-select,
+  .input-group>.custom-file {
+
+    +.form-control,
+    +.custom-select,
+    +.custom-file {
+      margin-right: -$input-border-width;
+      margin-left: 0;
+    }
+  }
+
+  .input-group-prepend,
+  .input-group-append {
+    .btn+.btn,
+    .btn+.input-group-text,
+    .input-group-text+.input-group-text,
+    .input-group-text+.btn,
+    .btn+.btn-group,
+    .btn-group+.btn,
+    .btn-group+.btn-group,
+    .btn-group+.input-group-text,
+    .input-group-text+.btn-group {
+      margin-right: -$input-border-width;
+      margin-left: 0;
+    }
+  }
+
+  .input-group-prepend {
+    margin-right: 0;
+    margin-left: -$input-border-width;
+  }
+
+  .input-group-append {
+    margin-right: -$input-border-width;
+    margin-left: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_layout.scss

@@ -0,0 +1,738 @@
+// Layouts
+//
+
+.layout-wrapper,
+.layout-inner {
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 auto;
+  width: 100%;
+}
+
+.layout-offcanvas .layout-wrapper,
+.layout-fixed-offcanvas .layout-wrapper {
+  overflow: hidden;
+}
+
+.layout-inner {
+  min-height: 100vh;
+}
+
+.layout-container,
+.layout-content,
+.layout-content > *,
+.layout-sidenav {
+  min-height: 1px;
+}
+
+.layout-container {
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 auto;
+  padding: 0;
+
+  .layout-without-sidenav & {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+}
+
+.layout-content {
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.layout-navbar,
+.layout-footer {
+  flex: 0 0 auto;
+}
+
+.layout-navbar {
+  position: relative;
+  z-index: 2;
+
+  .navbar {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.layout-sidenav {
+  position: relative;
+  flex: 1 0 auto;
+
+  .sidenav {
+    transform: translate3d(0, 0, 0);
+  }
+
+  .sidenav-vertical {
+    height: 100%;
+  }
+}
+
+// *******************************************************************************
+// * Layout 1
+
+.layout-1 {
+  .layout-inner {
+    flex-direction: column;
+  }
+
+  .layout-content {
+    flex-basis: 100%;
+    width: 0;
+    min-width: 0;
+    max-width: 100%;
+  }
+}
+
+// *******************************************************************************
+// * Layout 2
+
+.layout-2 {
+  .layout-container {
+    flex-basis: 100%;
+    flex-direction: column;
+    width: 0;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .layout-content {
+    // flex-basis: 100%;
+    width: 100%;
+  }
+}
+
+// *******************************************************************************
+// * Reversed layout
+
+.layout-reversed {
+  .layout-1 .layout-container {
+    flex-direction: row-reverse;
+  }
+
+  .layout-2 .layout-inner {
+    flex-direction: row-reverse;
+  }
+}
+
+// *******************************************************************************
+// * Toggle
+
+.layout-sidenav-toggle {
+  display: block;
+}
+
+// *******************************************************************************
+// * Small screens layout
+
+@media (max-width: (map-get($grid-breakpoints, lg) - 1)) {
+  .layout-sidenav {
+    position: fixed !important;
+    top: 0 !important;
+    height: 100% !important;
+    left: 0 !important;
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+    transform: translate3d(-100%, 0, 0);
+    will-change: transform, -webkit-transform;
+
+    @include rtl-style {
+      right: 0 !important;
+      left: auto !important;
+      transform: translate3d(100%, 0, 0);
+    }
+
+    .layout-reversed & {
+      right: 0 !important;
+      left: auto !important;
+      transform: translate3d(100%, 0, 0);
+    }
+
+    .layout-expanded & {
+      transform: translate3d(0, 0, 0) !important;
+    }
+  }
+
+  .layout-expanded body {
+    overflow: hidden;
+  }
+
+  @include rtl-only {
+    &.layout-reversed .layout-sidenav {
+      right: auto !important;
+      left: 0 !important;
+      transform: translate3d(-100%, 0, 0);
+    }
+  }
+
+  .layout-overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    height: 100% !important;
+    left: 0;
+    display: none;
+    background: $modal-backdrop-bg;
+    opacity: $modal-backdrop-opacity;
+    cursor: pointer;
+
+    .layout-expanded & {
+      display: block;
+    }
+  }
+
+  .layout-sidenav-100vh .layout-sidenav,
+  .layout-sidenav-100vh .layout-overlay {
+    height: 100vh !important;
+  }
+}
+
+// *******************************************************************************
+// * Collapsed layout
+
+@include media-breakpoint-up(lg) {
+  // Sidenav style
+
+  .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+    .layout-sidenav .sidenav-vertical,
+    .layout-sidenav.sidenav-vertical {
+      @include sidenav-collapsed();
+    }
+  }
+
+  @include rtl-only {
+    &.layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+      .layout-sidenav .sidenav-vertical,
+      .layout-sidenav.sidenav-vertical {
+        @include sidenav-collapsed-rtl();
+      }
+    }
+  }
+
+  // Sidenav position
+
+  .layout-sidenav-hover.layout-collapsed {
+    .layout-sidenav {
+      margin-right: -$sidenav-width + $sidenav-collapsed-width;
+    }
+
+    &.layout-reversed .layout-sidenav {
+      margin-right: 0;
+      margin-left: -$sidenav-width + $sidenav-collapsed-width;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-sidenav-hover.layout-collapsed {
+      .layout-sidenav {
+        margin-right: 0;
+        margin-left: -$sidenav-width + $sidenav-collapsed-width;
+      }
+
+      &.layout-reversed .layout-sidenav {
+        margin-right: -$sidenav-width + $sidenav-collapsed-width;
+        margin-left: 0;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Off-canvas layout
+
+@include media-breakpoint-up(lg) {
+  .layout-collapsed.layout-offcanvas {
+    .layout-sidenav {
+      margin-right: -$sidenav-width;
+      transform: translateX(-100%);
+    }
+
+    &.layout-reversed .layout-sidenav {
+      margin-right: 0;
+      margin-left: -$sidenav-width;
+      transform: translateX(100%);
+    }
+  }
+
+  @include rtl-only {
+    &.layout-collapsed.layout-offcanvas {
+      .layout-sidenav {
+        margin-right: 0;
+        margin-left: -$sidenav-width;
+        transform: translateX(100%)
+      }
+
+      &.layout-reversed .layout-sidenav {
+        margin-right: -$sidenav-width;
+        margin-left: 0;
+        transform: translateX(-100%)
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Fixed and fixed off-canvas layout
+
+@include media-breakpoint-up(lg) {
+  // Sidenav
+
+  .layout-fixed,
+  .layout-fixed-offcanvas {
+    .layout-sidenav {
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      margin-right: 0 !important;
+      margin-left: 0 !important;
+    }
+
+    &.layout-reversed .layout-sidenav {
+      right: 0;
+      left: auto;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-fixed,
+    &.layout-fixed-offcanvas {
+      .layout-sidenav {
+        right: 0;
+        left: auto;
+      }
+
+      &.layout-reversed .layout-sidenav {
+        right: auto;
+        left: 0;
+      }
+    }
+  }
+
+  // Fixed off-canvas
+
+  .layout-fixed-offcanvas.layout-collapsed {
+    .layout-sidenav {
+      transform: translateX(-100%);
+    }
+
+    &.layout-reversed .layout-sidenav {
+      transform: translateX(100%);
+    }
+  }
+
+  @include rtl-only {
+    &.layout-fixed-offcanvas.layout-collapsed {
+      .layout-sidenav {
+        transform: translateX(100%);
+      }
+
+      &.layout-reversed .layout-sidenav {
+        transform: translateX(-100%);
+      }
+    }
+  }
+
+  // Container
+
+  .layout-fixed:not(.layout-collapsed),
+  .layout-fixed-offcanvas:not(.layout-collapsed) {
+    .layout-container {
+      padding-left: $sidenav-width;
+    }
+
+    &.layout-reversed .layout-container {
+      padding-right: $sidenav-width;
+      padding-left: 0;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-fixed:not(.layout-collapsed),
+    &.layout-fixed-offcanvas:not(.layout-collapsed) {
+      .layout-container {
+        padding-right: $sidenav-width;
+        padding-left: 0;
+      }
+
+      &.layout-reversed .layout-container {
+        padding-right: 0;
+        padding-left: $sidenav-width;
+      }
+    }
+  }
+
+  .layout-fixed.layout-collapsed {
+    .layout-container {
+      padding-left: $sidenav-collapsed-width;
+    }
+
+    &.layout-reversed .layout-container {
+      padding-right: $sidenav-collapsed-width;
+      padding-left: 0;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-fixed.layout-collapsed {
+      .layout-container {
+        padding-right: $sidenav-collapsed-width;
+        padding-left: 0;
+      }
+
+      &.layout-reversed .layout-container {
+        padding-right: 0;
+        padding-left: $sidenav-collapsed-width;
+      }
+    }
+  }
+}
+
+// Reset paddings
+html:not(.layout-navbar-fixed):not(.layout-fixed):not(.layout-fixed-offcanvas) .layout-container,
+html:not(.layout-navbar-fixed) .layout-2 .layout-container {
+  padding-top: 0 !important;
+}
+html:not(.layout-footer-fixed) .layout-content {
+  padding-bottom: 0 !important;
+}
+@media (max-width: (map-get($grid-breakpoints, lg) - 1)) {
+  .layout-fixed .layout-wrapper.layout-1 .layout-sidenav,
+  .layout-fixed-offcanvas .layout-wrapper.layout-1 .layout-sidenav {
+    top: 0 !important;
+  }
+
+  html:not(.layout-navbar-fixed) .layout-1 .layout-container {
+    padding-top: 0 !important;
+  }
+}
+
+// *******************************************************************************
+// * Fixed navbar layout
+
+.layout-navbar-fixed .layout-navbar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+}
+
+@include media-breakpoint-up(lg) {
+  // Fix navbar within layout 1 in fixed mode
+  .layout-fixed .layout-1 .layout-navbar,
+  .layout-fixed-offcanvas .layout-1 .layout-navbar {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+  }
+
+  // Layout fixed
+
+  .layout-navbar-fixed:not(.layout-collapsed),
+  .layout-fixed.layout-navbar-fixed:not(.layout-collapsed),
+  .layout-fixed-offcanvas.layout-navbar-fixed:not(.layout-collapsed) {
+    .layout-2 .layout-navbar {
+      left: $sidenav-width;
+    }
+
+    &.layout-reversed .layout-2 .layout-navbar {
+      right: $sidenav-width;
+      left: 0;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-navbar-fixed:not(.layout-collapsed),
+    &.layout-fixed.layout-navbar-fixed:not(.layout-collapsed),
+    &.layout-fixed-offcanvas.layout-navbar-fixed:not(.layout-collapsed) {
+      .layout-2 .layout-navbar {
+        right: $sidenav-width;
+        left: 0;
+      }
+
+      &.layout-reversed .layout-2 .layout-navbar {
+        right: 0;
+        left: $sidenav-width;
+      }
+    }
+  }
+
+  // Layout fixed off-canvas
+
+  .layout-navbar-fixed.layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas),
+  .layout-fixed.layout-navbar-fixed.layout-collapsed {
+    .layout-2 .layout-navbar {
+      left: $sidenav-collapsed-width;
+    }
+
+    &.layout-reversed .layout-2 .layout-navbar {
+      right: $sidenav-collapsed-width;
+      left: 0;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-navbar-fixed.layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas),
+    &.layout-fixed.layout-navbar-fixed.layout-collapsed {
+      .layout-2 .layout-navbar {
+        right: $sidenav-collapsed-width;
+        left: 0;
+      }
+
+      &.layout-reversed .layout-2 .layout-navbar {
+        right: 0;
+        left: $sidenav-collapsed-width;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Fixed footer
+
+.layout-footer-fixed .layout-footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+@include media-breakpoint-up(lg) {
+  .layout-footer-fixed:not(.layout-collapsed) {
+    .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+      left: $sidenav-width;
+    }
+
+    &.layout-reversed .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+      right: $sidenav-width;
+      left: 0;
+    }
+  }
+
+  .layout-footer-fixed.layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+    .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+      left: $sidenav-collapsed-width;
+    }
+
+    &.layout-reversed .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+      right: $sidenav-collapsed-width;
+      left: 0;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-footer-fixed:not(.layout-collapsed) {
+      .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+        left: 0;
+        right: $sidenav-width;
+      }
+
+      &.layout-reversed .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+        left: $sidenav-width;
+        right: 0;
+      }
+    }
+
+    &.layout-footer-fixed.layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+      .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+        left: 0;
+        right: $sidenav-collapsed-width;
+      }
+
+      &.layout-reversed .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
+        right: 0;
+        left: $sidenav-collapsed-width;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Z-Indexes
+
+// Navbar
+.layout-navbar-fixed body:not(.modal-open),
+.layout-fixed body:not(.modal-open),
+.layout-fixed-offcanvas body:not(.modal-open) {
+  .layout-1 .layout-navbar {
+    z-index: $zindex-layout-fixed;
+  }
+
+  .layout-2 .layout-navbar {
+    z-index: $zindex-layout-fixed - 5;
+  }
+}
+
+.layout-footer-fixed .layout-footer {
+  z-index: $zindex-fixed;
+}
+
+.layout-sidenav-horizontal {
+  z-index: 9;
+}
+
+@media (max-width: (map-get($grid-breakpoints, lg) - 1)) {
+  .layout-sidenav {
+    z-index: $zindex-layout-mobile;
+  }
+
+  .layout-overlay {
+    z-index: $zindex-layout-mobile - 1;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .layout-1 {
+    .layout-navbar {
+      z-index: 10;
+    }
+
+    .layout-sidenav {
+      z-index: 9;
+    }
+  }
+
+  .layout-2 {
+    .layout-navbar {
+      z-index: 9;
+    }
+
+    .layout-sidenav {
+      z-index: 10;
+    }
+  }
+
+  // Collapsed
+
+  .layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+    &.layout-sidenav-hover .layout-1 .layout-sidenav {
+      z-index: $zindex-layout-fixed - 5 !important;
+    }
+
+    .layout-2 .layout-sidenav {
+      z-index: $zindex-layout-fixed + 5 !important;
+    }
+  }
+
+  // Fixed
+
+  .layout-fixed body:not(.modal-open) .layout-1 .layout-sidenav,
+  .layout-fixed-offcanvas body:not(.modal-open) .layout-1 .layout-sidenav {
+    z-index: $zindex-layout-fixed - 5;
+  }
+
+  .layout-navbar-fixed body:not(.modal-open) .layout-2 .layout-sidenav,
+  .layout-fixed body:not(.modal-open) .layout-2 .layout-sidenav,
+  .layout-fixed-offcanvas body:not(.modal-open) .layout-2 .layout-sidenav {
+    z-index: $zindex-layout-fixed;
+  }
+}
+
+// *******************************************************************************
+// * Transitions and animations
+
+.layout-sidenav-link-no-transition {
+  .layout-sidenav .sidenav-link,
+  .layout-sidenav-horizontal .sidenav-link {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+
+.layout-no-transition .layout-sidenav,
+.layout-no-transition .layout-sidenav-horizontal {
+  &,
+  & .sidenav,
+  & .sidenav-item {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+
+@media (max-width: (map-get($grid-breakpoints, lg) - 1)) {
+  .layout-transitioning {
+    .layout-overlay {
+      animation: layoutSidenavAnimation $sidenav-animation-duration;
+    }
+
+    .layout-sidenav {
+      transition-duration: $sidenav-animation-duration;
+      transition-property: transform, -webkit-transform;
+    }
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .layout-collapsed:not(.layout-transitioning):not(.layout-offcanvas):not(.layout-fixed):not(.layout-fixed-offcanvas) .layout-sidenav {
+    transition-duration: $sidenav-animation-duration;
+    transition-property: margin-left, margin-right, width;
+  }
+
+  .layout-transitioning {
+    &.layout-offcanvas .layout-sidenav {
+      transition-duration: $sidenav-animation-duration;
+      transition-property: margin-left, margin-right, transform, -webkit-transform;
+    }
+
+    &.layout-fixed,
+    &.layout-fixed-offcanvas {
+      .layout-container {
+        transition-duration: $sidenav-animation-duration;
+        transition-property: padding-left, padding-right;
+      }
+    }
+
+    &.layout-fixed {
+      .layout-sidenav {
+        transition: width $sidenav-animation-duration;
+      }
+    }
+
+    &.layout-fixed-offcanvas {
+      .layout-sidenav {
+        transition-duration: $sidenav-animation-duration;
+        transition-property: transform, -webkit-transform;
+      }
+    }
+
+    &.layout-navbar-fixed .layout-2 .layout-navbar,
+    &.layout-footer-fixed .layout-footer {
+      transition-duration: $sidenav-animation-duration;
+      transition-property: left, right;
+    }
+
+    &:not(.layout-offcanvas):not(.layout-fixed):not(.layout-fixed-offcanvas) .layout-sidenav {
+      transition-duration: $sidenav-animation-duration;
+      transition-property: margin-left, margin-right, width;
+    }
+  }
+}
+
+// Disable transitions/animations in IE 10-11
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .sidenav,
+  .layout-sidenav,
+  .layout-container,
+  .layout-navbar,
+  .layout-footer {
+    transition: none !important;
+    transition-duration: 0s !important;
+  }
+  .layout-overlay {
+    animation: none !important;
+  }
+}
+
+@include keyframes(layoutSidenavAnimation) {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: $modal-backdrop-opacity;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_list-group.scss

@@ -0,0 +1,17 @@
+// List groups
+//
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-list-group-item-variant('.list-group-item-#{$color}', $value);
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  .list-group {
+    padding-right: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_modal.scss

@@ -0,0 +1,246 @@
+// Modals
+//
+
+.modal {
+  z-index: $zindex-modal-top;
+}
+
+.modal-backdrop {
+  z-index: $zindex-modal-top - 1;
+}
+
+.modal-content {
+  box-shadow: $modal-content-box-shadow-xs;
+}
+
+.modal-header {
+  position: relative;
+  padding-right: $modal-header-padding-x + 1rem;
+
+  @include rtl-style {
+    padding-right: $modal-header-padding-x;
+    padding-left: $modal-header-padding-x + 1rem;
+  }
+}
+
+.modal-footer {
+  padding: $modal-footer-padding;
+
+  @include rtl-style {
+    > :not(:first-child) {
+      margin-left: 0;
+      margin-right: .25rem;
+    }
+    > :not(:last-child) {
+      margin-right: 0;
+      margin-left: .25rem;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Close button
+
+.modal-header .close,
+.modal-slide .close {
+  position: absolute;
+  top: 50%;
+  right: $modal-header-padding-x;
+  margin: 0;
+  padding: 0;
+  line-height: $modal-title-line-height;
+  transform: translate(0, -50%);
+
+  @include rtl-style {
+    right: auto;
+    left: $modal-header-padding-x;
+  }
+}
+
+// *******************************************************************************
+// * Responsive
+
+@include media-breakpoint-up(sm) {
+  .modal-content {
+    box-shadow: $modal-content-box-shadow-sm-up;
+  }
+
+  ngb-modal-window.modal-sm {
+    max-width: none;
+  }
+  .modal-sm .modal-dialog {
+    max-width: $modal-sm;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  ngb-modal-window.modal-lg,
+  ngb-modal-window.modal-xl {
+    max-width: none;
+  }
+  .modal-lg .modal-dialog,
+  .modal-xl .modal-dialog {
+    max-width: $modal-lg;
+  }
+}
+
+@include media-breakpoint-up(xl) {
+  ngb-modal-window.modal-xl {
+    max-width: none;
+  }
+  .modal-xl .modal-dialog {
+    max-width: $modal-xl;
+  }
+}
+
+// *******************************************************************************
+// * Top modals
+
+.modal-top {
+  .modal-dialog {
+    margin-top: 0;
+  }
+
+  .modal-content {
+    @include border-top-radius(0);
+  }
+}
+
+// *******************************************************************************
+// * Slide modals
+
+.modal-slide,
+.modal-slide .modal {
+  overflow: hidden !important;
+  padding: 0 !important;
+}
+
+.modal-slide {
+  .modal-dialog {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: auto;
+    margin: 0;
+    max-width: none;
+    width: 100%;
+
+    @include rtl-style {
+      right: auto;
+      left: 0;
+    }
+
+    @media (min-width: (map-get($grid-breakpoints, sm))) {
+      width: $modal-slide-width;
+    }
+  }
+
+  .modal-content {
+    overflow: auto;
+    padding-top: ($modal-title-line-height * $close-font-size) + $modal-header-padding-y;
+    padding-bottom: ($modal-title-line-height * $close-font-size) + $modal-header-padding-y;
+    height: 100%;
+    border-radius: 0;
+  }
+
+  .modal-body {
+    flex-grow: 0;
+    margin: auto 0;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .close {
+    top: $modal-header-padding-y / 2;
+    z-index: 10;
+    transform: none;
+  }
+}
+
+// *******************************************************************************
+// * Fill-In modals
+
+.modal-fill-in {
+  .modal-dialog {
+    display: flex;
+    margin: 0 auto;
+    padding-top: ($modal-title-line-height * $close-font-size) + $modal-header-padding-y;
+    padding-bottom: ($modal-title-line-height * $close-font-size) + $modal-header-padding-y;
+    min-height: 100vh;
+  }
+
+  .modal-content {
+    margin: auto;
+    width: 100%;
+    border: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  .close {
+    position: absolute;
+    top: -2rem;
+    right: $modal-header-padding-x;
+    font-size: 2rem;
+    transform: none;
+
+    @include rtl-style {
+      right: auto;
+      left: $modal-header-padding-x;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Animations
+
+// Default
+
+.modal.fade .modal-dialog {
+  transform: translateY(150px) scale(.8);
+}
+
+.modal.show .modal-dialog {
+  transform: translateY(0) scale(1);
+}
+
+// Top
+
+.modal-top.fade .modal-dialog,
+.modal-top .modal.fade .modal-dialog {
+  transform: translateY(-100%);
+}
+
+.modal-top.show .modal-dialog,
+.modal-top .modal.show .modal-dialog {
+  transform: translateY(0);
+}
+
+// Slide
+
+.modal-slide.fade .modal-dialog,
+.modal-slide .modal.fade .modal-dialog {
+  transform: translateX(100%);
+
+  @include rtl-style {
+    transform: translateX(-100%);
+  }
+}
+
+.modal-slide.show .modal-dialog,
+.modal-slide .modal.show .modal-dialog {
+  transform: translateX(0) !important;
+}
+
+// Fill-In
+
+.modal-fill-in.fade .modal-dialog,
+.modal-fill-in .modal.fade .modal-dialog {
+  transform: scale(.5, .5);
+}
+
+.modal-fill-in.show .modal-dialog,
+.modal-fill-in .modal.show .modal-dialog {
+  transform: scale(1, 1);
+}

EveryThing/wwwroot/vendor/css/_appwork/_nav.scss

@@ -0,0 +1,457 @@
+// Nav
+//
+
+@include rtl-only {
+  .nav {
+    padding-right: 0;
+  }
+}
+
+.nav-link {
+  line-height: $nav-link-line-height;
+
+  &.disabled {
+    border-color: transparent !important;
+    background: transparent !important;
+    color: $nav-link-disabled-color !important;
+  }
+}
+
+.nav .nav-item,
+.nav .nav-link,
+.tab-pane,
+.tab-pane .card-body {
+  outline: none !important;
+}
+
+// Tab and pills link
+.nav-tabs,
+.nav-pills {
+  @if $material-style {
+    .nav-link {
+      text-transform: uppercase;
+      font-weight: $btn-font-weight;
+      font-size: $btn-font-size;
+    }
+  }
+
+  .nav-link:not(.active) {
+    color: $nav-link-color;
+
+    @include hover-focus {
+      color: $nav-tabs-link-active-color;
+    }
+  }
+
+  &:not(.nav-fill):not(.nav-justified) .nav-link {
+    margin-right: $nav-spacer;
+
+    @include rtl-style {
+      margin-right: 0;
+      margin-left: $nav-spacer;
+    }
+  }
+
+  .nav-link .badge {
+    position: relative;
+    top: -1px;
+  }
+
+  .nav-item.show .nav-link:not(.active) {
+    background-color: transparent;
+  }
+}
+
+@if $material-style {
+  .nav-tabs .nav-link {
+    background-position: bottom;
+    background-size: 0 2px;
+    background-repeat: no-repeat;
+  }
+
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link {
+    background-color: transparent;
+    background-size: 100% 2px;
+    transition: background .3s ease-out;
+  }
+}
+
+// Tab link
+.nav-tabs .nav-link {
+  background-clip: padding-box;
+
+  @include hover-focus {
+    border-bottom-color: transparent;
+  }
+
+  &.active {
+    border-bottom-color: $nav-tabs-link-active-bg;
+  }
+}
+
+// *******************************************************************************
+// * Alternative tabs
+
+.nav-tabs.tabs-alt .nav-link,
+.tabs-alt > .nav-tabs .nav-link {
+  &,
+  &.active {
+    border-width: 0;
+    border-radius: 0;
+    background-color: transparent;
+  }
+}
+
+// *******************************************************************************
+// * Light navs (material only)
+
+@if $material-style {
+  $material-light-nav-link-color: null !default;
+  $material-light-nav-link-disabled-color: null !default;
+  $material-light-nav-tabs-link-active-color: null !default;
+  $material-light-nav-pills-link-active-bg: null !default;
+
+  .nav-tabs.md-tabs-light,
+  .md-tabs-light > .nav-tabs,
+  .md-tabs-light > div > .nav-tabs,
+  .nav-pills.md-pills-light,
+  .md-pills-light > .nav-pills,
+  .md-pills-light > div > .nav-pills {
+    .nav-link {
+      color: $material-light-nav-link-color;
+    }
+
+    .nav-link:hover,
+    .nav-link:focus,
+    .nav-link.focus,
+    .nav-item.show .nav-link {
+      color: $material-light-nav-tabs-link-active-color;
+    }
+
+    .nav-link.disabled {
+      background-image: none !important;
+      color: $material-light-nav-link-disabled-color !important;
+    }
+  }
+
+  .nav-tabs.md-tabs-light,
+  .md-tabs-light > .nav-tabs,
+  .md-tabs-light > div > .nav-tabs {
+    .nav-link {
+      background-image: linear-gradient($material-light-nav-tabs-link-active-color, $material-light-nav-tabs-link-active-color) !important;
+
+      &.active {
+        color: $material-light-nav-tabs-link-active-color;
+      }
+    }
+  }
+
+  .material-style .nav-pills.md-pills-light,
+  .material-style .md-pills-light > .nav-pills,
+  .material-style .md-pills-light > div > .nav-pills {
+    .nav-link.active {
+      @include plain-hover-focus {
+        background: $material-light-nav-tabs-link-active-color;
+        color: $nav-tabs-link-active-color;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+.nav-lg {
+  @include appwork-nav-size($nav-link-padding-y-lg, $nav-link-padding-x-lg, $font-size-lg, $nav-link-line-height-lg);
+}
+.nav-sm {
+  @include appwork-nav-size($nav-link-padding-y-sm, $nav-link-padding-x-sm, $font-size-sm, $nav-link-line-height-sm);
+}
+
+// *******************************************************************************
+// * Tabbed panels
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+  display: flex;
+
+   > .nav,
+   > div > .nav {
+    position: relative;
+    z-index: 1;
+    border: 0;
+  }
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+    @include hover-focus {
+      border-color: $nav-tabs-link-hover-border-color;
+    }
+
+    &.active {
+      border-color: $nav-tabs-link-active-border-color;
+    }
+  }
+
+  .row-bordered > [class^="col-"],
+  .row-bordered > [class*=" col-"],
+  .row-bordered > [class^="col "],
+  .row-bordered > [class*=" col "],
+  .row-bordered > [class$=" col"],
+  .row-bordered > [class="col"] {
+    &::before,
+    &::after {
+      border-color: $card-inner-border-color;
+    }
+  }
+}
+
+.nav-tabs-right,
+.nav-tabs-left {
+  align-items: stretch;
+
+   > .nav,
+   > div > .nav {
+    flex-direction: column;
+    flex-grow: 0;
+  }
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+    margin: 0 0 $nav-spacer 0 !important;
+  }
+
+   > .tab-content {
+    flex-grow: 1;
+  }
+}
+
+// Top tabs
+.nav-tabs-top {
+  flex-direction: column;
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+    @include hover-focus {
+      border-bottom-color: transparent;
+    }
+
+    &.active {
+      border-bottom-color: $nav-tabs-link-active-bg;
+    }
+  }
+}
+
+// Right tabs
+.nav-tabs-right {
+  flex-direction: row-reverse;
+
+   > .nav .nav-item,
+   > div > .nav .nav-item {
+    margin-bottom: 0;
+    margin-left: -1px;
+
+    @include rtl-style {
+      margin-right: -1px;
+      margin-left: 0;
+    }
+  }
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+    @if $material-style != true {
+      @include border-radius(0 $border-radius $border-radius 0);
+
+      @include rtl-style {
+        @include border-radius($border-radius 0 0 $border-radius);
+      }
+    }
+
+    @include hover-focus {
+      border-left-color: transparent;
+
+      @include rtl-style {
+        border-right-color: transparent;
+        border-left-color: $nav-tabs-link-hover-border-color;
+      }
+    }
+
+    &.active {
+      border-left-color: $nav-tabs-link-active-bg;
+
+      @include rtl-style {
+        border-right-color: $nav-tabs-link-active-bg;
+        border-left-color: $nav-tabs-link-active-border-color;
+      }
+    }
+  }
+}
+
+// Bottom tabs
+.nav-tabs-bottom {
+  flex-direction: column-reverse;
+
+   > .nav .nav-item,
+   > div > .nav .nav-item {
+    margin-top: -1px;
+    margin-bottom: 0;
+  }
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+    @if $material-style != true {
+      @include border-radius(0 0 $border-radius $border-radius);
+    }
+
+    @include hover-focus {
+      border-top-color: transparent;
+    }
+
+    &.active {
+      border-top-color: $nav-tabs-link-active-bg;
+    }
+  }
+}
+
+// Left tabs
+.nav-tabs-left {
+   > .nav .nav-item,
+   > div > .nav .nav-item {
+    margin-right: -1px;
+    margin-bottom: 0;
+
+    @include rtl-style {
+      margin-right: 0;
+      margin-left: -1px;
+    }
+  }
+
+   > .nav .nav-link,
+   > div > .nav .nav-link {
+     @if $material-style != true {
+       @include border-radius($border-radius 0 0 $border-radius);
+
+       @include rtl-style {
+         @include border-radius(0 $border-radius $border-radius 0);
+       }
+     }
+
+    @include hover-focus {
+      border-right-color: transparent;
+
+      @include rtl-style {
+        border-right-color: $nav-tabs-link-hover-border-color;
+        border-left-color: transparent;
+      }
+    }
+
+    &.active {
+      border-right-color: $nav-tabs-link-active-bg;
+
+      @include rtl-style {
+        border-right-color: $nav-tabs-link-active-border-color;
+        border-left-color: $nav-tabs-link-active-bg;
+      }
+    }
+  }
+}
+
+// Tab content
+
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  flex-shrink: 1;
+  border: $card-border-width solid $border-color;
+  background: $nav-tabs-link-active-bg;
+  background-clip: padding-box;
+  box-shadow: $card-shadow;
+}
+
+.nav-tabs-top > .tab-content {
+  @include border-radius(0 0 $border-radius $border-radius);
+}
+
+.nav-tabs-right > .tab-content {
+  @include border-radius($border-radius 0 0 $border-radius);
+  @include rtl-style {
+    @include border-radius(0 $border-radius $border-radius 0);
+  }
+}
+
+.nav-tabs-bottom > .tab-content {
+  @include border-radius($border-radius $border-radius 0 0);
+}
+
+.nav-tabs-left > .tab-content {
+  @include border-radius(0 $border-radius $border-radius 0);
+  @include rtl-style {
+    @include border-radius($border-radius 0 0 $border-radius);
+  }
+}
+
+// *******************************************************************************
+// * Responsive nav
+
+@include responsive-loop-before('.nav-responsive') {
+   > .nav,
+   > div > .nav {
+    flex-direction: column;
+    border: 0;
+
+    .nav-item {
+      flex-basis: auto;
+    }
+
+    &.card-header-tabs,
+    &.card-header-pills {
+      margin-bottom: -1 * $nav-spacer;
+    }
+  }
+
+   > .nav-tabs,
+   > .nav-pills,
+   > div > .nav-tabs,
+   > div > .nav-pills {
+    .nav-item {
+      margin: 0 !important;
+    }
+
+    .nav-link {
+      margin: 0 0 $nav-spacer 0 !important;
+    }
+  }
+
+   > .nav-tabs:not(.tabs-alt),
+   > div > .nav-tabs:not(.tabs-alt) {
+    .nav-link {
+      @if not $material-style {
+        @include border-radius($border-radius);
+      }
+      @include hover-focus {
+        border-color: $nav-tabs-link-hover-border-color;
+      }
+    }
+
+    .nav-link.active {
+      border-color: $nav-tabs-link-active-border-color;
+    }
+  }
+
+  &.nav-tabs-top > .tab-content,
+  &.nav-tabs-right > .tab-content,
+  &.nav-tabs-bottom > .tab-content,
+  &.nav-tabs-left > .tab-content {
+    border-radius: $border-radius;
+  }
+
+  &.nav-tabs-bottom,
+  &.nav-tabs-right,
+  &.nav-tabs-left {
+    flex-direction: column;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_navbar.scss

@@ -0,0 +1,169 @@
+// Navbar
+//
+
+.navbar {
+  z-index: 2;
+}
+
+.fixed-top {
+  z-index: $zindex-fixed;
+}
+
+@include rtl-only {
+  .navbar-nav {
+    padding-right: 0;
+  }
+
+  .navbar-brand {
+    margin-right: 0;
+    margin-left: $navbar-padding-x;
+  }
+}
+
+.navbar.navbar-dark {
+  color: $navbar-dark-color;
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: $navbar-dark-disabled-color !important;
+}
+
+.navbar.navbar-light {
+  color: $navbar-light-color;
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: $navbar-light-disabled-color !important;
+}
+
+// IE fix
+.navbar-collapse,
+.navbar-brand,
+.navbar-text {
+  flex-shrink: 1;
+}
+
+// *******************************************************************************
+// * Rulers
+
+.navbar-dark hr {
+  border-color: rgba(255, 255, 255, .1);
+}
+
+.navbar-light hr {
+  border-color: $gray-100;
+}
+
+// *******************************************************************************
+// * Icons
+
+.navbar-icon {
+  font-size: 130%;
+}
+
+// *******************************************************************************
+// * Search box
+
+.navbar-search-box {
+  display: flex;
+  align-items: center;
+  margin: 0;
+
+  &:not(.active) {
+    cursor: pointer;
+  }
+}
+
+.navbar-search-input {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  max-width: 0;
+  transition: max-width .3s ease-in-out;
+
+  .navbar-search-box.active & {
+    max-width: 100vw;
+  }
+
+  .form-control {
+    padding-right: 0;
+    padding-left: 0;
+    width: auto;
+    border: 0;
+    border-radius: 0;
+    background: none;
+    color: inherit !important;
+
+    .navbar-dark &::placeholder {
+      color: $navbar-dark-disabled-color;
+    }
+
+    .navbar-light &::placeholder {
+      color: $navbar-light-disabled-color;
+    }
+  }
+}
+
+.navbar-search-cancel {
+  color: inherit !important;
+  font-weight: 100;
+  font-size: 1.55em;
+  line-height: 1;
+  opacity: .5;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.navbar-expand {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-up($breakpoint) {
+        .navbar-search-box.nav-link {
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+      @include media-breakpoint-down($breakpoint) {
+        .navbar-search-input {
+          max-width: 100vw;
+          width: 100%;
+        }
+
+        .navbar-search-input .form-control {
+          width: 100% !important;
+        }
+
+        .navbar-search-cancel {
+          display: none;
+        }
+
+        &.navbar-dark .navbar-search-box {
+          color: $navbar-dark-active-color !important;
+        }
+
+        &.navbar-light .navbar-search-box {
+          color: $navbar-light-active-color !important;
+        }
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Mega dropdown
+
+.mega-dropdown {
+  .dropdown-menu {
+    width: 100%;
+  }
+
+  .dropdown-toggle {
+    outline: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_pagination.scss

@@ -0,0 +1,111 @@
+// Pagination
+//
+
+@include rtl-only {
+  .pagination {
+    padding-right: 0;
+  }
+}
+
+// Add spacing between pagination items
+.page-item + .page-item .page-link,
+.pagination li + li > a:not(.page-link) {
+  margin-left: $pagination-spacer;
+
+  @include rtl-style {
+    margin-right: $pagination-spacer;
+    margin-left: 0;
+  }
+}
+
+.page-link,
+.page-link > a {
+  min-width: calc(#{"#{($font-size-base * $pagination-line-height) + ($pagination-padding-y * 2)} + #{$pagination-border-width * 2}"});
+  text-align: center;
+  line-height: $pagination-line-height;
+
+  @include border-radius($border-radius);
+
+  @if $material-style {
+    font-weight: $btn-font-weight;
+  }
+
+  &:focus {
+    color: $pagination-hover-color;
+  }
+}
+
+.page-link.btn-primary {
+  box-shadow: none !important;
+}
+
+// *******************************************************************************
+// * Make Bootstrap 3 pagination compatible with Bootstrap 4
+
+.pagination > li > a:not(.page-link) {
+  position: relative;
+  display: block;
+  padding: $pagination-padding-y $pagination-padding-x;
+  min-width: calc(#{"#{($font-size-base * $pagination-line-height) + ($pagination-padding-y * 2)} + #{$pagination-border-width * 2}"});
+  border: $pagination-border-width solid $pagination-border-color;
+  background-color: $pagination-bg;
+  color: $pagination-color;
+  text-align: center;
+  line-height: $pagination-line-height !important;
+
+  @include border-radius($border-radius);
+  @include hover-focus {
+    border-color: $pagination-hover-border-color;
+    background-color: $pagination-hover-bg;
+    color: $pagination-hover-color;
+    text-decoration: none;
+  }
+
+  @if $material-style {
+    font-weight: $btn-font-weight;
+  }
+
+  &:focus {
+    color: $pagination-hover-color;
+  }
+}
+
+// *******************************************************************************
+// * Material ripple
+
+@if $material-style {
+  .page-link .waves-ripple,
+  .pagination > li .waves-ripple {
+    background: rgba(0, 0, 0, .1);
+  }
+
+  .page-link.waves-effect {
+    display: block;
+  }
+
+  .page-item.active .page-link .waves-ripple,
+  .page-item.disabled .page-link .waves-ripple,
+  .pagination > li.active .waves-ripple,
+  .pagination > li.disabled .waves-ripple {
+    display: none;
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+.pagination-lg .page-link,
+.pagination-lg > li > a:not(.page-link) {
+  min-width: calc(#{"#{($font-size-lg * $pagination-line-height) + ($pagination-padding-y-lg * 2)} + #{$pagination-border-width * 2}"});
+  line-height: 1;
+
+  @include border-radius($border-radius-lg);
+}
+
+.pagination-sm .page-link,
+.pagination-sm > li > a:not(.page-link) {
+  min-width: calc(#{"#{($font-size-sm * $pagination-line-height) + ($pagination-padding-y-sm * 2)} + #{$pagination-border-width * 2}"});
+  line-height: 1;
+
+  @include border-radius($border-radius-sm);
+}

EveryThing/wwwroot/vendor/css/_appwork/_popover.scss

@@ -0,0 +1,53 @@
+// Popovers
+//
+
+.popover {
+  box-shadow: $popover-box-shadow;
+
+  .arrow {
+    z-index: 1;
+  }
+}
+
+.modal-open .popover {
+  z-index: $zindex-modal-top + 1;
+}
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-popover-variant('.popover-#{$color}, .popover-#{$color} > .popover, .ngb-popover-#{$color} + ngb-popover-window', rgba-to-hex($value));
+  }
+}
+
+// *******************************************************************************
+// * Material
+
+@if $material-style {
+  .popover {
+    transition: none;
+  }
+
+  .popover-header {
+    border-bottom-width: 1px;
+  }
+
+  .bs-popover-top,
+  .bs-popover-auto[x-placement^="top"] {
+    animation: topTooltipAnimation .25s;
+  }
+
+  .bs-popover-right,
+  .bs-popover-auto[x-placement^="right"] {
+    animation: rightTooltipAnimation .25s;
+  }
+
+  .bs-popover-bottom,
+  .bs-popover-auto[x-placement^="bottom"] {
+    animation: bottomTooltipAnimation .25s;
+  }
+
+  .bs-popover-left,
+  .bs-popover-auto[x-placement^="left"] {
+    animation: leftTooltipAnimation .25s;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_reboot.scss

@@ -0,0 +1,16 @@
+// Reboot
+//
+
+b,
+strong {
+  font-weight: $font-weight-bold;
+}
+
+@include rtl-only {
+  dd {
+    margin-right: 0;
+  }
+  caption {
+    text-align: right;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_sidenav.scss

@@ -0,0 +1,702 @@
+.sidenav {
+  display: flex;
+
+  .ps__thumb-y,
+  .ps__rail-y {
+    width: .125rem !important;
+  }
+
+  .ps__rail-y {
+    right: .25rem !important;
+    left: auto !important;
+    background: none !important;
+
+    @include rtl-style {
+      right: auto !important;
+      left: .25rem !important;
+    }
+  }
+
+  .ps__rail-y:hover,
+  .ps__rail-y:focus,
+  .ps__rail-y.ps--clicking,
+  .ps__rail-y:hover > .ps__thumb-y,
+  .ps__rail-y:focus > .ps__thumb-y,
+  .ps__rail-y.ps--clicking > .ps__thumb-y {
+    width: .375rem !important;
+  }
+}
+
+.sidenav-inner {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.sidenav-item,
+.sidenav-header,
+.sidenav-divider,
+.sidenav-block {
+  flex: 0 0 auto;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.sidenav-item {
+  align-items: flex-start;
+  justify-content: flex-start;
+
+  &.sidenav-item-animating {
+    transition: height $sidenav-animation-duration ease-in-out;
+  }
+}
+
+.sidenav-item .sidenav-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex: 0 1 auto;
+
+  .sidenav-item.active > & {
+    font-weight: $font-weight-semibold;
+  }
+
+  .sidenav-item.disabled & {
+    cursor: default !important;
+  }
+
+  .sidenav:not(.sidenav-no-animation) & {
+    transition-duration: $sidenav-animation-duration;
+    transition-property: color, background-color;
+  }
+
+   > :not(.sidenav-icon) {
+    flex: 0 1 auto;
+  }
+}
+
+.sidenav-toggle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  display: block;
+  width: $caret-width;
+  height: $caret-width;
+  border: 1px solid;
+  border-top: 0;
+  border-right: 0;
+  transform: translateY(-50%) rotate(45deg);
+
+  @include rtl-style {
+    border-right: 1px solid;
+    border-left: 0;
+    transform: translateY(-50%) rotate(-45deg);
+  }
+
+  .sidenav-item.open:not(.sidenav-item-closing) > & {
+    transform: translateY(-50%) rotate(-45deg);
+
+    @include rtl-style {
+      transform: translateY(-50%) rotate(45deg);
+    }
+  }
+
+  .sidenav:not(.sidenav-no-animation) & {
+    transition-duration: $sidenav-animation-duration;
+    transition-property: -webkit-transform, transform;
+  }
+}
+
+.sidenav-menu {
+  display: none;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+
+  .sidenav:not(.sidenav-no-animation) & {
+    transition: background-color $sidenav-animation-duration;
+  }
+
+  .sidenav-item.open > & {
+    display: flex;
+  }
+}
+
+.sidenav-icon {
+  flex-grow: 0;
+  flex-shrink: 0;
+  margin-right: $sidenav-icon-expanded-spacer;
+  font-size: $sidenav-icon-expanded-font-size;
+
+  @include rtl-style {
+    margin-right: 0;
+    margin-left: $sidenav-icon-expanded-spacer;
+  }
+}
+
+.sidenav-divider {
+  width: 100%;
+  border: 0;
+  border-top: 1px solid;
+}
+
+// *******************************************************************************
+// * Vertical
+
+.sidenav-vertical {
+  overflow: hidden;
+  flex-direction: column;
+
+  &:not(.sidenav-no-animation) {
+    transition: width $sidenav-animation-duration;
+  }
+
+  &,
+  .sidenav-block,
+  .sidenav-inner > .sidenav-item,
+  .sidenav-inner > .sidenav-header {
+    width: $sidenav-width;
+  }
+
+  .sidenav-inner {
+    flex-direction: column;
+    flex: 1 1 auto;
+
+     > .sidenav-item {
+      margin: $sidenav-item-spacer 0;
+    }
+  }
+
+  .sidenav-item .sidenav-link,
+  .sidenav-header,
+  .sidenav-block {
+    padding: $sidenav-vertical-link-padding-y $sidenav-vertical-link-padding-x;
+  }
+
+  .sidenav-divider {
+    margin-top: $sidenav-vertical-link-padding-y;
+    margin-bottom: $sidenav-vertical-link-padding-y;
+    padding: 0;
+  }
+
+  .sidenav-item .sidenav-toggle {
+    padding-right: calc(#{$sidenav-vertical-link-padding-x} + #{$caret-width * 3});
+
+    @include rtl-style {
+      padding-right: $sidenav-vertical-link-padding-x;
+      padding-left: calc(#{$sidenav-vertical-link-padding-x} + #{$caret-width * 3});
+    }
+
+    &::after {
+      right: $sidenav-vertical-link-padding-x;
+
+      @include rtl-style {
+        right: auto;
+        left: $sidenav-vertical-link-padding-x;
+      }
+    }
+  }
+
+  .sidenav-menu {
+    padding-top: $sidenav-vertical-menu-link-padding-y;
+    padding-bottom: $sidenav-vertical-menu-link-padding-y;
+
+    .sidenav-link {
+      padding-top: $sidenav-vertical-menu-link-padding-y;
+      padding-bottom: $sidenav-vertical-menu-link-padding-y;
+    }
+  }
+
+  .sidenav-icon {
+    width: $sidenav-icon-expanded-width;
+  }
+
+  .sidenav-menu .sidenav-icon {
+    margin-right: 0;
+
+    @include rtl-style {
+      margin-left: 0;
+    }
+  }
+
+  // Levels
+  //
+
+  $sidenav-first-level-spacer: $sidenav-vertical-link-padding-x + $sidenav-icon-expanded-width + $sidenav-icon-expanded-spacer;
+
+  .sidenav-menu .sidenav-link {
+    padding-left: $sidenav-first-level-spacer;
+
+    @include rtl-style {
+      padding-right: $sidenav-first-level-spacer;
+      padding-left: $sidenav-vertical-link-padding-x;
+    }
+  }
+
+  @for $i from 2 through $sidenav-max-levels {
+    $selector: '';
+
+    @for $l from 1 through $i {
+      $selector: "#{$selector} .sidenav-menu";
+    }
+
+    #{$selector} .sidenav-link {
+      padding-left: $sidenav-first-level-spacer + ($sidenav-vertical-menu-level-spacer * ($i - 1));
+
+      @include rtl-style {
+        padding-right: $sidenav-first-level-spacer + ($sidenav-vertical-menu-level-spacer * ($i - 1));
+        padding-left: $sidenav-vertical-link-padding-x;
+      }
+    }
+  }
+}
+
+
+// *******************************************************************************
+// * Horizontal
+
+.sidenav-horizontal {
+  flex-direction: row;
+  width: 100%;
+
+  .sidenav-inner {
+    overflow: hidden;
+    flex-direction: row;
+    flex: 0 1 100%;
+  }
+
+  .sidenav-item .sidenav-link {
+    padding: $sidenav-horizontal-link-padding-y $sidenav-horizontal-link-padding-x;
+  }
+
+  .sidenav-item .sidenav-toggle {
+    padding-right: calc(#{$sidenav-horizontal-link-padding-x} + #{$caret-width * 3});
+
+    @include rtl-style {
+      padding-right: $sidenav-horizontal-link-padding-x;
+      padding-left: calc(#{$sidenav-horizontal-link-padding-x} + #{$caret-width * 3});
+    }
+
+    &::after {
+      right: $sidenav-horizontal-link-padding-x;
+
+      @include rtl-style {
+        right: auto;
+        left: $sidenav-horizontal-link-padding-x;
+      }
+
+    }
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-toggle::after {
+    transform: translateY(-50%) rotate(-45deg);
+
+    @include rtl-style {
+      transform: translateY(-50%) rotate(45deg);
+    }
+  }
+
+  .sidenav-inner > .sidenav-item:not(.sidenav-item-closing).open > .sidenav-toggle::after {
+    transform: translateY(-50%) rotate(135deg);
+
+    @include rtl-style {
+      transform: translateY(-50%) rotate(-135deg);
+    }
+  }
+
+  .sidenav-header,
+  .sidenav-divider {
+    display: none !important;
+  }
+
+  .sidenav-menu {
+    position: absolute;
+    width: $sidenav-menu-width;
+
+    .sidenav-menu {
+      position: static;
+      width: auto;
+    }
+
+    .sidenav-link {
+      padding-top: $sidenav-horizontal-menu-link-padding-y;
+      padding-bottom: $sidenav-horizontal-menu-link-padding-y;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-menu {
+    @include border-bottom-radius($border-radius);
+  }
+
+  &:not(.sidenav-no-animation) .sidenav-inner > .sidenav-item.open > .sidenav-menu {
+    animation: sidenavDropdownShow $sidenav-animation-duration ease-in-out;
+  }
+
+  // Levels
+  @for $i from 2 through $sidenav-max-levels {
+    $selector: '';
+
+    @for $l from 1 through $i {
+      $selector: "#{$selector} .sidenav-menu";
+    }
+
+    #{$selector} .sidenav-link {
+      padding-left: $sidenav-horizontal-menu-level-spacer * $i;
+
+      @include rtl-style {
+        padding-right: $sidenav-horizontal-menu-level-spacer * $i;
+        padding-left: $sidenav-horizontal-link-padding-x;
+      }
+    }
+  }
+}
+
+.sidenav-horizontal-wrapper {
+  overflow: hidden;
+  flex: 0 1 100%;
+  width: 0;
+
+  .sidenav:not(.sidenav-no-animation) & .sidenav-inner {
+    transition: margin $sidenav-animation-duration;
+  }
+}
+
+.sidenav-horizontal-prev,
+.sidenav-horizontal-next {
+  position: relative;
+  display: block;
+  flex: 0 0 auto;
+  width: $sidenav-control-width;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    display: block;
+    width: $sidenav-control-arrow-size;
+    height: $sidenav-control-arrow-size;
+    border: 1px solid;
+    border-top: 0;
+  }
+
+  &.disabled {
+    cursor: default !important;
+  }
+}
+
+.sidenav-horizontal-prev::after {
+  border-right: 0;
+  transform: translate(-50%, -50%) rotate(45deg);
+
+  @include rtl-style {
+    transform: translate(-50%, -50%) rotate(-135deg);
+  }
+}
+
+.sidenav-horizontal-next::after {
+  border-left: 0;
+  transform: translate(-50%, -50%) rotate(-45deg);
+
+  @include rtl-style {
+    transform: translate(-50%, -50%) rotate(135deg);
+  }
+}
+
+@include keyframes(sidenavDropdownShow) {
+  0% {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+// *******************************************************************************
+// * Universal coloring
+
+.sidenav-dark {
+  color: $navbar-dark-color;
+
+  .sidenav-link,
+  .sidenav-horizontal-prev,
+  .sidenav-horizontal-next {
+    color: $navbar-dark-color;
+
+    @include hover-focus {
+      color: $navbar-dark-hover-color;
+    }
+
+    &.active {
+      color: $navbar-dark-active-color;
+    }
+  }
+
+  .sidenav-item.disabled .sidenav-link {
+    color: $navbar-dark-disabled-color !important;
+  }
+
+  .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
+  .sidenav-item.active > .sidenav-link {
+    color: $navbar-dark-active-color;
+  }
+
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: $sidenav-dark-menu-bg;
+  }
+
+  .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
+  .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
+    color: $navbar-dark-color;
+  }
+
+  .sidenav-text {
+    color: $navbar-dark-active-color;
+  }
+
+  .sidenav-header {
+    color: $navbar-dark-color;
+  }
+
+  hr,
+  .sidenav-divider,
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
+    border-color: $sidenav-dark-border-color !important;
+  }
+
+  .sidenav-inner > .sidenav-header::before,
+  .sidenav-block::before {
+    background-color: $navbar-dark-disabled-color;
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
+    background-color: $sidenav-dark-border-color;
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
+    background-color: $navbar-dark-active-color;
+  }
+
+  .ps__thumb-y {
+    background: $navbar-dark-color !important;
+  }
+}
+
+.sidenav-light {
+  color: $navbar-light-color;
+
+  .sidenav-link,
+  .sidenav-horizontal-prev,
+  .sidenav-horizontal-next {
+    color: $navbar-light-color;
+
+    @include hover-focus {
+      color: $navbar-light-hover-color;
+    }
+
+    &.active {
+      color: $navbar-light-active-color;
+    }
+  }
+
+  .sidenav-item.disabled .sidenav-link {
+    color: $navbar-light-disabled-color !important;
+  }
+
+  .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
+  .sidenav-item.active > .sidenav-link {
+    color: $navbar-light-active-color;
+  }
+
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: $sidenav-light-menu-bg;
+  }
+
+  .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
+  .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
+    color: $navbar-light-color;
+  }
+
+  .sidenav-text {
+    color: $navbar-light-active-color;
+  }
+
+  .sidenav-header {
+    color: $navbar-light-color;
+  }
+
+  hr,
+  .sidenav-divider,
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
+    border-color: $sidenav-light-border-color !important;
+  }
+
+  .sidenav-inner > .sidenav-header::before,
+  .sidenav-block::before {
+    background-color: $navbar-light-disabled-color;
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
+    background-color: $sidenav-light-border-color;
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
+    background-color: $navbar-light-active-color;
+  }
+
+  .ps__thumb-y {
+    background: $navbar-light-color !important;
+  }
+}
+
+// *******************************************************************************
+// * Collapsed
+
+@mixin sidenav-collapsed() {
+  width: $sidenav-collapsed-width;
+
+  .sidenav-inner > .sidenav-item {
+    width: $sidenav-width + ($sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width);
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-link {
+    padding-left: $sidenav-collapsed-width;
+  }
+
+  .sidenav-inner > .sidenav-header,
+  .sidenav-block {
+    position: relative;
+    margin-left: $sidenav-collapsed-width;
+    padding-right: ($sidenav-vertical-link-padding-x * 2) - $sidenav-icon-expanded-spacer;
+    padding-left: $sidenav-icon-expanded-spacer;
+    width: $sidenav-width;
+
+    &::before {
+      content: "";
+      position: absolute;
+      top: $sidenav-vertical-link-padding-y;
+      bottom: $sidenav-vertical-link-padding-y;
+      left: -1 * ($sidenav-collapsed-width * .75);
+      display: block;
+      width: $sidenav-collapsed-width / 2;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-menu,
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu {
+    position: relative;
+    margin-left: $sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width;
+    background: none !important;
+
+    .sidenav-link {
+      background: none !important;
+      transition: none !important;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu {
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: calc(#{$sidenav-collapsed-width / 2} - 1px);
+      display: block;
+      margin-left: -($sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width);
+      width: 0;
+      border-left: 2px solid;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle,
+  .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link {
+    &::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 0;
+      display: block;
+      margin-top: -4px;
+      margin-left: calc(#{($sidenav-collapsed-width / 2) - ($sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width)} - 4px);
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-toggle::after {
+    right: auto;
+    left: $sidenav-collapsed-width - $sidenav-control-arrow-size - .375rem;
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon {
+    margin-left: -$sidenav-collapsed-width;
+    width: $sidenav-collapsed-width;
+    text-align: center;
+  }
+}
+
+@mixin sidenav-collapsed-rtl() {
+  .sidenav-inner > .sidenav-item > .sidenav-link {
+    padding-right: $sidenav-collapsed-width;
+    padding-left: $sidenav-vertical-link-padding-x;
+  }
+
+  .sidenav-inner > .sidenav-header,
+  .sidenav-block {
+    margin-right: $sidenav-collapsed-width;
+    margin-left: 0;
+    padding-right: $sidenav-icon-expanded-spacer;
+    padding-left: ($sidenav-vertical-link-padding-x * 2) - $sidenav-icon-expanded-spacer;
+
+    &::before {
+      right: -1 * ($sidenav-collapsed-width * .75);
+      left: auto;
+    }
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-menu,
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu {
+    margin-right: $sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width;
+    margin-left: 0;
+  }
+
+  .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
+    right: calc(#{$sidenav-collapsed-width / 2} - 1px);
+    left: auto;
+    margin-right: -($sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width);
+    margin-left: 0;
+  }
+
+  .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
+  .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
+    right: 0;
+    left: auto;
+    margin-right: calc(#{($sidenav-collapsed-width / 2) - ($sidenav-collapsed-width - $sidenav-vertical-link-padding-x - $sidenav-icon-expanded-width)} - 4px);
+    margin-left: 0;
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-toggle::after {
+    right: $sidenav-collapsed-width - $sidenav-control-arrow-size - .375rem;
+    left: auto;
+  }
+
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon {
+    margin-right: -$sidenav-collapsed-width;
+    margin-left: $sidenav-icon-expanded-spacer;
+  }
+}
+
+.sidenav-collapsed:not(:hover) {
+  @include sidenav-collapsed();
+
+  @include rtl-style {
+    @include sidenav-collapsed-rtl();
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_spinners.scss

@@ -0,0 +1,29 @@
+// Spinners
+//
+
+@include keyframes('spinner-border-rtl') {
+  to { transform: rotate(-360deg); }
+}
+
+@include rtl-only {
+  .spinner-border {
+    animation-name: spinner-border-rtl;
+  }
+}
+
+// *******************************************************************************
+// * Within button
+
+.btn {
+  .spinner-border,
+  .spinner-grow {
+    height: 1em;
+    width: 1em;
+    top: -.0625rem;
+    position: relative;
+  }
+
+  .spinner-border {
+    border-width: .15em;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_switcher.scss

@@ -0,0 +1,280 @@
+// Switchers
+//
+
+.switcher {
+  position: relative;
+  display: inline-block;
+  margin-right: $switcher-spacer-x;
+  margin-bottom: 0;
+  border-radius: 60rem;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: default;
+
+  @include appwork-switcher-size-base($switcher-width, $switcher-height, $switcher-font-size, $switcher-label-font-size, $switcher-label-line-height);
+
+  @include rtl-style {
+    margin-right: 0;
+    margin-left: $switcher-spacer-x;
+  }
+
+  .form-inline & {
+    @include media-breakpoint-up(sm) {
+      display: block;
+      margin-right: 0;
+
+      @include rtl-style {
+        margin-left: 0;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Input
+
+.switcher-input {
+  position: absolute;
+  z-index: -1;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+}
+
+// *******************************************************************************
+// * Indicator
+
+.switcher-indicator {
+  position: absolute;
+  left: 0;
+  overflow: hidden;
+  border-radius: 60rem;
+  background: $switcher-off-bg;
+  color: $switcher-off-color;
+  font-weight: bold;
+  cursor: default;
+  transition-duration: .2s;
+  transition-property: left, right, background, box-shadow;
+  user-select: none;
+
+  @if $material-style {
+    overflow: visible;
+
+    &::before {
+      content: '';
+      position: absolute;
+      display: block;
+      border-radius: 50%;
+      background: rgba($black, .08);
+      opacity: 0;
+      transition: all .2s;
+      transform: scale(0) translateZ(0);
+
+      .switcher-input:focus ~ & {
+        opacity: 1;
+        transform: scale(2.25) translateZ(0);
+      }
+
+      .switcher-input:active ~ & {
+        opacity: 0;
+        transform: scale(0) translateZ(0);
+      }
+
+      .switcher-input:disabled ~ & {
+        display: none;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Description
+
+.switcher-label {
+  position: relative;
+  display: inline-block;
+  padding-left: $switcher-gutter;
+  color: $switcher-label-color;
+  font-weight: 400;
+  cursor: default;
+}
+
+// *******************************************************************************
+// * Checked / Unchecked states
+
+.switcher-no,
+.switcher-yes {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  transition-duration: .2s;
+  transition-property: left, right;
+
+  @include rtl-style {
+     > * {
+      transform: scaleX(-1);
+    }
+  }
+
+  @if $material-style {
+    display: none;
+  }
+}
+
+.switcher-no {
+  left: 0;
+
+  @include rtl-style {
+    right: 0;
+    left: auto;
+  }
+}
+
+.switcher-yes {
+  left: -100%;
+
+  @include rtl-style {
+    right: -100%;
+    left: auto;
+  }
+
+  .switcher-input:not(:checked) ~ .switcher-indicator & {
+    color: transparent;
+  }
+}
+
+// Checked state
+.switcher-input:checked ~ .switcher-indicator {
+  .switcher-no {
+    left: 100%;
+    color: transparent;
+
+    @include rtl-style {
+      right: 100%;
+      left: auto;
+    }
+  }
+
+  .switcher-yes {
+    left: 0;
+
+    @include rtl-style {
+      right: 0;
+      left: auto;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Holder
+
+.switcher-indicator::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  display: block;
+  border-radius: 999px;
+  background: $switcher-holder-bg;
+  box-shadow: $switcher-holder-shadow;
+  transition-duration: .2s;
+  transition-property: left, right, background;
+
+  @include rtl-style {
+    right: 0;
+    left: auto;
+  }
+}
+
+// *******************************************************************************
+// * Disabled
+
+.switcher-input:disabled {
+   ~ .switcher-indicator {
+    opacity: .5;
+
+    &::after {
+      box-shadow: none;
+    }
+  }
+
+   ~ .switcher-label {
+    color: $switcher-label-disabled-color;
+  }
+}
+
+// *******************************************************************************
+// * Stacked
+
+.switchers-stacked {
+  @include clearfix;
+
+  .switcher {
+    display: block;
+    margin-right: 0;
+    margin-bottom: $switcher-spacer-y;
+
+    @include rtl-style {
+      margin-left: 0;
+      float: right;
+      max-width: 100%;
+      clear: both;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Square
+
+.switcher-square,
+.switcher-square .switcher-indicator {
+  @if $enable-rounded {
+    border-radius: $switcher-square-border-radius;
+  } @else {
+    border-radius: 0;
+  }
+}
+
+.switcher-square .switcher-indicator::after {
+  @if $enable-rounded {
+    border-radius: if($material-style, $switcher-square-border-radius, calc(#{$switcher-square-border-radius} - 2px));
+  } @else {
+    border-radius: 0;
+  }
+}
+
+// *******************************************************************************
+// * Sizes
+
+@include appwork-switcher-size("sm", $switcher-width-sm, $switcher-height-sm, $switcher-font-size, $switcher-label-font-size-sm, $switcher-label-line-height-sm);
+@include appwork-switcher-size("lg", $switcher-width-lg, $switcher-height-lg, $switcher-font-size, $switcher-label-font-size-lg, $switcher-label-line-height-lg);
+
+// *******************************************************************************
+// * Variations
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @if $material-style {
+      @include appwork-material-switcher-variant('.switcher-#{$color}', $value);
+    } @else {
+      @include appwork-switcher-variant('.switcher-#{$color}', $value);
+    }
+  }
+}
+
+// *******************************************************************************
+// * Validation states
+
+.switcher .valid-feedback,
+.switcher .invalid-feedback {
+  padding-left: $switcher-gutter;
+}
+
+@if $material-style {
+  @include appwork-material-switcher-validation-state("valid", $form-feedback-valid-color);
+  @include appwork-material-switcher-validation-state("invalid", $form-feedback-invalid-color);
+} @else {
+  @include appwork-switcher-validation-state("valid", $form-feedback-valid-color);
+  @include appwork-switcher-validation-state("invalid", $form-feedback-invalid-color);
+}

EveryThing/wwwroot/vendor/css/_appwork/_tables.scss

@@ -0,0 +1,134 @@
+// Tables
+//
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-table-row-variant('.table-#{$color}', $value);
+  }
+}
+
+.table.table-fixed {
+  table-layout: fixed;
+}
+
+.table th {
+  font-weight: $font-weight-semibold;
+}
+
+// *******************************************************************************
+// * Active
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  border-color: rgba($black, .035);
+  background-color: $table-active-bg;
+}
+
+.table-hover .table-active:hover,
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba-to-hex(rgba($table-active-bg, .99), #000);
+}
+
+// *******************************************************************************
+// * Within card
+
+.card-table {
+  margin-bottom: 0;
+}
+
+.card,
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+  .table:not(.table-dark),
+  .table:not(.table-dark) thead:not(.thead-dark) th,
+  .table:not(.table-dark) td {
+    border-color: rgba-to-hex($card-inner-border-color);
+  }
+}
+
+.card-table > thead:first-child > tr:first-child,
+.card-table > tbody:first-child > tr:first-child,
+.card-table > tfoot:first-child > tr:first-child {
+   > td,
+   > th {
+    border-top: 0;
+  }
+}
+
+@include ltr-only {
+  .card-table > thead > tr,
+  .card-table > tbody > tr,
+  .card-table > tfoot > tr {
+     > td,
+     > th {
+      &:first-child {
+        padding-left: $card-spacer-x;
+        border-left: 0;
+      }
+
+      &:last-child {
+        padding-right: $card-spacer-x;
+        border-right: 0;
+      }
+    }
+  }
+
+  // Condenced
+  .card-condenced .card-table > thead > tr,
+  .card-condenced .card-table > tbody > tr,
+  .card-condenced .card-table > tfoot > tr {
+     > td,
+     > th {
+      &:first-child {
+        padding-left: $card-spacer-x-sm;
+        border-left: 0;
+      }
+
+      &:last-child {
+        padding-right: $card-spacer-x-sm;
+        border-right: 0;
+      }
+    }
+  }
+}
+
+@include rtl-only {
+  .card-table > thead > tr,
+  .card-table > tbody > tr,
+  .card-table > tfoot > tr {
+     > td,
+     > th {
+      &:first-child {
+        padding-right: $card-spacer-x;
+        border-right: 0;
+      }
+
+      &:last-child {
+        padding-left: $card-spacer-x;
+        border-left: 0;
+      }
+    }
+  }
+
+  // Condenced
+  .card-condenced .card-table > thead > tr,
+  .card-condenced .card-table > tbody > tr,
+  .card-condenced .card-table > tfoot > tr {
+     > td,
+     > th {
+      &:first-child {
+        padding-right: $card-spacer-x;
+        border-right: 0;
+      }
+
+      &:last-child {
+        padding-left: $card-spacer-x;
+        border-left: 0;
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_toasts.scss

@@ -0,0 +1,18 @@
+// Toasts
+//
+
+.toast.bs4-toast {
+  background-color: $toast-background-color;
+  background-clip: padding-box;
+}
+
+.bs4-toast[class^="bg-"],
+.bs4-toast[class*=" bg-"] {
+  border: none;
+}
+
+@each $color, $value in $theme-colors {
+  @if $color != primary {
+    @include appwork-toast-variant('.bg-#{$color}', $value);
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_tooltip.scss

@@ -0,0 +1,45 @@
+// Tooltips
+//
+
+.tooltip-inner {
+  box-shadow: $tooltip-box-shadow;
+}
+
+.modal-open .tooltip {
+  z-index: $zindex-modal-top + 2;
+}
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-tooltip-variant('.tooltip-#{$color}, .tooltip-#{$color} > .tooltip, .ngb-tooltip-#{$color} + ngb-tooltip-window', rgba-to-hex($value));
+  }
+}
+
+// *******************************************************************************
+// * Material
+
+@if $material-style {
+  .tooltip {
+    transition: none;
+  }
+
+  .tooltip.bs-tooltip-top,
+  .bs-tooltip-auto[x-placement^="top"] {
+    animation: topTooltipAnimation .25s;
+  }
+
+  .tooltip.bs-tooltip-right,
+  .bs-tooltip-auto[x-placement^="right"] {
+    animation: rightTooltipAnimation .25s;
+  }
+
+  .tooltip.bs-tooltip-bottom,
+  .bs-tooltip-auto[x-placement^="bottom"] {
+    animation: bottomTooltipAnimation .25s;
+  }
+
+  .tooltip.bs-tooltip-left,
+  .bs-tooltip-auto[x-placement^="left"] {
+    animation: leftTooltipAnimation .25s;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_type.scss

@@ -0,0 +1,13 @@
+// Type
+//
+
+@include rtl-only {
+  .list-unstyled,
+  .list-inline {
+    padding-right: 0;
+  }
+  .list-inline-item:not(:last-child) {
+    margin-right: 0;
+    margin-left: $list-inline-padding;
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_utilities.scss

@@ -0,0 +1,422 @@
+// Utilities
+//
+
+.opacity-25            { opacity: .25 !important; }
+.opacity-50            { opacity: .5 !important; }
+.opacity-75            { opacity: .75 !important; }
+.opacity-100           { opacity: 1 !important; }
+
+.text-tiny             { font-size: $tiny-font-size !important; }
+.text-big              { font-size: $big-font-size !important; }
+.text-large            { font-size: $large-font-size !important; }
+.text-xlarge           { font-size: $xlarge-font-size !important; }
+
+.line-height-1         { line-height: 1 !important; }
+.line-height-condenced { line-height: 1.3 !important; }
+.line-height-inherit   { line-height: inherit !important; }
+
+.text-expanded         { letter-spacing: ((1 / (strip-unit($font-size-base) * 16)) * 1em) !important; }
+
+.font-weight-semibold  { font-weight: $font-weight-semibold !important; }
+.text-transform-none   { text-transform: none !important; }
+
+.text-sans-serif       { font-family: $font-family-sans-serif !important; }
+.text-serif            { font-family: $font-family-serif !important; }
+
+.cursor-pointer        { cursor: pointer !important; }
+.cursor-move {
+  cursor: move !important; // Fallback
+  cursor: grab !important;
+}
+
+// *******************************************************************************
+// * Layout containers
+
+.container-p-x {
+  padding-right: $container-padding-x-sm !important;
+  padding-left: $container-padding-x-sm !important;
+
+  @include media-breakpoint-up(lg) {
+    padding-right: $container-padding-x !important;
+    padding-left: $container-padding-x !important;
+  }
+}
+.container-m-nx {
+  margin-right: -$container-padding-x-sm !important;
+  margin-left: -$container-padding-x-sm !important;
+
+  @include media-breakpoint-up(lg) {
+    margin-right: -$container-padding-x !important;
+    margin-left: -$container-padding-x !important;
+  }
+}
+
+.container-p-y {
+  &:not([class^="pt-"]):not([class*=" pt-"]) {
+    padding-top: $container-padding-y !important;
+  }
+  &:not([class^="pb-"]):not([class*=" pb-"]) {
+    padding-bottom: $container-padding-y !important;
+  }
+}
+.container-m-ny {
+  &:not([class^="mt-"]):not([class*=" mt-"]) {
+    margin-top: -$container-padding-y !important;
+  }
+  &:not([class^="mb-"]):not([class*=" mb-"]) {
+    margin-bottom: -$container-padding-y !important;
+  }
+}
+
+// *******************************************************************************
+// * Transforms
+
+.rotate-90 { transform: rotate(90deg); }
+.rotate-180 { transform: rotate(180deg); }
+.rotate-270 { transform: rotate(270deg); }
+.rotate--90 { transform: rotate(-90deg); }
+.rotate--180 { transform: rotate(-180deg); }
+.rotate--270 { transform: rotate(-270deg); }
+.rotate-0 { transform: rotate(0deg) !important; }
+
+.scaleX--1 { transform: scaleX(-1); }
+.scaleY--1 { transform: scaleY(-1); }
+
+@include rtl-only {
+  .rotate-90 { transform: rotate(-90deg); }
+  .rotate-180 { transform: rotate(-180deg); }
+  .rotate-270 { transform: rotate(-270deg); }
+  .rotate--90 { transform: rotate(90deg); }
+  .rotate--180 { transform: rotate(180deg); }
+  .rotate--270 { transform: rotate(270deg); }
+
+  .scaleX--1 { transform: scaleX(1); }
+  .scaleY--1 { transform: scaleY(1); }
+
+  .scaleX--1-rtl { transform: scaleX(-1); }
+  .scaleY--1-rtl { transform: scaleY(-1); }
+}
+
+// *******************************************************************************
+// * Bordered rows
+
+.row-bordered {
+  overflow: hidden;
+
+   > .col,
+   > [class^="col-"],
+   > [class*=" col-"],
+   > [class^="col "],
+   > [class*=" col "],
+   > [class$=" col"],
+   > [class="col"] {
+    position: relative;
+    padding-top: 1px;
+
+    &::before {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: -1px;
+      left: 0;
+      display: block;
+      height: 0;
+      border-top: 1px solid $bordered-row-border-color;
+    }
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: -1px;
+      display: block;
+      width: 0;
+      border-left: 1px solid $bordered-row-border-color;
+    }
+  }
+
+  &.row-border-light {
+     > .col,
+     > [class^="col-"],
+     > [class*=" col-"],
+     > [class^="col "],
+     > [class*=" col "],
+     > [class$=" col"],
+     > [class="col"] {
+      &::before,
+      &::after {
+        border-color: $gray-100;
+      }
+    }
+  }
+}
+
+@include rtl-only {
+  .row-bordered > .col::after,
+  .row-bordered > [class^="col-"]::after,
+  .row-bordered > [class*=" col-"]::after,
+  .row-bordered > [class^="col "]::after,
+  .row-bordered > [class*=" col "]::after,
+  .row-bordered > [class$=" col"]::after,
+  .row-bordered > [class="col"]::after {
+    left: auto;
+    right: -1px;
+  }
+}
+
+// *******************************************************************************
+// * Width
+
+@each $breakpoint in slice-list(map-keys($grid-breakpoints), 2) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    .w#{$infix}-100 { width: 100% !important; }
+    .w#{$infix}-auto { width: auto !important; }
+  }
+}
+
+// *******************************************************************************
+// * Table cell
+
+.cell-fit {
+  width: .1%;
+  white-space: nowrap;
+}
+
+// *******************************************************************************
+// * Flex
+
+.flex-truncate  { min-width: 0 !important; }
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    .flex-basis#{$infix}-100 { flex-basis: 100% !important; }
+    .flex-basis#{$infix}-auto { flex-basis: auto !important; }
+  }
+}
+
+// IE fix
+.d-flex,
+.d-inline-flex,
+.media,
+.media > :not(.media-body),
+.jumbotron,
+.card {
+  flex-shrink: 1;
+}
+// Fix IE parent container height bug when containing image with fluid width
+.ie-mh-1 {
+  min-height: 1px;
+}
+
+// *******************************************************************************
+// * Text color
+
+.text-body[href]:hover {
+  color: $link-hover-color !important;
+}
+
+.text-muted[href] {
+  @include hover-focus { color: $text-muted-hover !important; }
+}
+
+.text-light {
+  color: $text-light !important;
+
+  &[href] {
+    @include hover-focus { color: $text-muted-hover !important; }
+  }
+}
+
+.text-lighter {
+  color: $text-lighter !important;
+
+  &[href] {
+    @include hover-focus { color: $text-muted-hover !important; }
+  }
+}
+
+.text-lightest {
+  color: $text-lightest !important;
+
+  &[href] {
+    @include hover-focus { color: $text-muted-hover !important; }
+  }
+}
+
+
+// *******************************************************************************
+// * Background color
+
+.bg-dark { background-color: $gray-900 !important; }
+a.bg-dark {
+  @include hover-focus { background-color: $gray-900 !important; }
+}
+
+.bg-light { background-color: $gray-100 !important; }
+a.bg-light {
+  @include hover-focus { background-color: $gray-200 !important; }
+}
+
+.bg-lighter { background-color: $gray-50 !important; }
+a.bg-lighter {
+  @include hover-focus { background-color: $gray-100 !important; }
+}
+
+.bg-lightest { background-color: $gray-25 !important; }
+a.bg-lightest {
+  @include hover-focus { background-color: $gray-50 !important; }
+}
+
+.bg-transparent {
+  background-image: none !important;
+}
+
+// *******************************************************************************
+// * Border color
+
+.border-light {
+  border-color: $gray-100 !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  // Border
+  .border         { border: $border-width solid $border-color !important; }
+  .border-top     { border-top: $border-width solid $border-color !important; }
+  .border-right   { border-left: $border-width solid $border-color !important; }
+  .border-bottom  { border-bottom: $border-width solid $border-color !important; }
+  .border-left    { border-right: $border-width solid $border-color !important; }
+  .border-0        { border: 0 !important; }
+  .border-top-0    { border-top: 0 !important; }
+  .border-right-0  { border-left: 0 !important; }
+  .border-bottom-0 { border-bottom: 0 !important; }
+  .border-left-0   { border-right: 0 !important; }
+  @each $color, $value in $theme-colors {
+    .border-#{$color} { border-color: $value !important; }
+  }
+  .border-white { border-color: $white !important; }
+
+  // Border-radius
+  .rounded {
+    border-radius: $border-radius !important;
+  }
+  .rounded-top {
+    border-top-left-radius: $border-radius !important;
+    border-top-right-radius: $border-radius !important;
+  }
+  .rounded-right {
+    border-top-left-radius: $border-radius !important;
+    border-bottom-left-radius: $border-radius !important;
+  }
+  .rounded-bottom {
+    border-bottom-right-radius: $border-radius !important;
+    border-bottom-left-radius: $border-radius !important;
+  }
+  .rounded-left {
+    border-top-right-radius: $border-radius !important;
+    border-bottom-right-radius: $border-radius !important;
+  }
+  .rounded-circle { border-radius: 50% !important; }
+  .rounded-pill { border-radius: $rounded-pill !important; }
+  .rounded-0 { border-radius: 0 !important; }
+
+  // Float
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+      .float#{$infix}-left  { float: right !important; }
+      .float#{$infix}-right { float: left !important; }
+    }
+  }
+
+  // Responsive alignment
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+      .text#{$infix}-left   { text-align: right !important; }
+      .text#{$infix}-right  { text-align: left !important; }
+    }
+  }
+
+  // Margin and Padding
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+      @each $prop, $abbrev in (margin: m, padding: p) {
+        @each $size, $length in $spacers {
+          .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+          .#{$abbrev}t#{$infix}-#{$size},
+          .#{$abbrev}y#{$infix}-#{$size} {
+            #{$prop}-top: $length !important;
+          }
+          .#{$abbrev}r#{$infix}-#{$size},
+          .#{$abbrev}x#{$infix}-#{$size} {
+            #{$prop}-left: $length !important;
+          }
+          .#{$abbrev}b#{$infix}-#{$size},
+          .#{$abbrev}y#{$infix}-#{$size} {
+            #{$prop}-bottom: $length !important;
+          }
+          .#{$abbrev}l#{$infix}-#{$size},
+          .#{$abbrev}x#{$infix}-#{$size} {
+            #{$prop}-right: $length !important;
+          }
+        }
+      }
+
+      // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+      @each $size, $length in $spacers {
+        @if $size != 0 {
+          .m#{$infix}-n#{$size} { margin: -$length !important; }
+          .mt#{$infix}-n#{$size},
+          .my#{$infix}-n#{$size} {
+            margin-top: -$length !important;
+          }
+          .mr#{$infix}-n#{$size},
+          .mx#{$infix}-n#{$size} {
+            margin-left: -$length !important;
+          }
+          .mb#{$infix}-n#{$size},
+          .my#{$infix}-n#{$size} {
+            margin-bottom: -$length !important;
+          }
+          .ml#{$infix}-n#{$size},
+          .mx#{$infix}-n#{$size} {
+            margin-right: -$length !important;
+          }
+        }
+      }
+
+      // Some special margin utils
+      .m#{$infix}-auto { margin: auto !important; }
+      .mt#{$infix}-auto,
+      .my#{$infix}-auto {
+        margin-top: auto !important;
+      }
+      .mr#{$infix}-auto,
+      .mx#{$infix}-auto {
+        margin-left: auto !important;
+      }
+      .mb#{$infix}-auto,
+      .my#{$infix}-auto {
+        margin-bottom: auto !important;
+      }
+      .ml#{$infix}-auto,
+      .mx#{$infix}-auto {
+        margin-right: auto !important;
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_appwork/_variables-material.scss

@@ -0,0 +1,703 @@
+// Variables - Material style
+//
+
+// *******************************************************************************
+// * Colors
+
+$white:        #fff !default;
+$black:        #181C21 !default;
+$gray-25:      rgba($black, .015) !default;
+$gray-50:      rgba($black, .03) !default;
+$gray-100:     rgba($black, .06) !default;
+$gray-200:     rgba($black, .1) !default;
+$gray-300:     rgba($black, .2) !default;
+$gray-400:     rgba($black, .3) !default;
+$gray-500:     rgba($black, .4) !default;
+$gray-600:     rgba($black, .5) !default;
+$gray-700:     rgba($black, .6) !default;
+$gray-800:     rgba($black, .8) !default;
+$gray-900:     rgba($black, .9) !default;
+
+$grays: (
+  "25": $gray-25,
+  "50": $gray-50
+) !default;
+
+$blue:         #1e70cd !default;
+$indigo:       #6610f2 !default;
+$purple:       #6f42c1 !default;
+$pink:         #e83e8c !default;
+$red:          #d9534f !default;
+$orange:       #FEB744 !default;
+$yellow:       #FFD950 !default;
+$green:        #02BC77 !default;
+$teal:         #20c997 !default;
+$cyan:         #28c3d7 !default;
+
+$theme-colors: (
+  "primary":   $indigo,
+  "secondary": #8897AA,
+  "success":   $green,
+  "info":      $cyan,
+  "warning":   $yellow,
+  "danger":    $red,
+  "dark":      $gray-900
+) !default;
+
+$body-color:       #4E5155 !default; //#4a4a4a
+
+$link-color:       $blue !default;
+$link-hover-color: lighten($link-color, 10%) !default;
+
+$spacer: 1rem !default;
+
+// *******************************************************************************
+// * Fonts
+
+$font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !default;
+$font-family-serif:      Georgia, "Times New Roman", serif;
+$font-family-monospace:  "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:       $font-family-sans-serif !default;
+
+$font-size-base:         .894rem !default;
+$font-size-xl:           1.25rem !default;
+$font-size-lg:           1rem !default;
+$font-size-sm:           .75rem !default;
+$font-size-xs:           $font-size-sm !default;
+
+$font-weight-semibold:   500 !default;
+$font-weight-bolder:     900 !default;
+$font-weight-lighter:    100 !default;
+
+$line-height-base:       1.47 !default;
+$line-height-xl:         1.5 !default;
+$line-height-lg:         1.5 !default;
+$line-height-sm:         1.5 !default;
+$line-height-xs:         1.5 !default;
+
+$h1-font-size:           2.25rem !default;
+$h2-font-size:           1.813rem !default;
+$h3-font-size:           1.563rem !default;
+$h4-font-size:           1.313rem !default;
+$h5-font-size:           1rem !default;
+$h6-font-size:           $font-size-base !default;
+
+$headings-font-weight:   $font-weight-semibold !default;
+$headings-line-height:   1.1 !default;
+$headings-margin-bottom: $spacer !default;
+
+$display1-size:          4rem !default;
+$display2-size:          3.5rem !default;
+$display3-size:          3rem !default;
+$display4-size:          2rem !default;
+
+$tiny-font-size:         70% !default;
+$small-font-size:        85% !default;
+$big-font-size:          112% !default;
+$large-font-size:        150% !default;
+$xlarge-font-size:       170% !default;
+
+$text-muted:             rgba-to-hex($gray-500) !default;
+$text-muted-hover:       rgba-to-hex($gray-600) !default;
+$blockquote-small-color: rgba-to-hex($gray-500) !default;
+$text-light:             rgba-to-hex($gray-400) !default;
+$text-lighter:           rgba-to-hex($gray-300) !default;
+$text-lightest:          rgba-to-hex($gray-200) !default;
+
+$link-hover-decoration:  none !default;
+
+// *******************************************************************************
+// * Grid
+
+$grid-gutter-width: 1.5rem !default;
+
+$container-padding-x: 2rem !default;
+$container-padding-x-sm: 1rem !default;
+$container-padding-y: 1.5rem !default;
+
+// *******************************************************************************
+// * Components
+
+$border-color:                    $gray-100 !default;
+$border-inner-color:              rgba($black, .075) !default;
+$border-width:                    0px !default;
+
+$border-radius:                   .125rem !default;
+$border-radius-xl:                $border-radius !default;
+$border-radius-lg:                $border-radius !default;
+$border-radius-sm:                $border-radius !default;
+$border-radius-xs:                $border-radius !default;
+
+$component-line-height:           1.54 !default;
+$component-focus-shadow-width:    0 !default;
+
+$material-component-shadow:       0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03) !default;
+
+$floating-component-border-color: rgba($black, .05) !default;
+$floating-component-shadow:       $material-component-shadow !default;
+
+$hr-border-width:                 1px !default;
+$hr-border-color:                 $border-color !default;
+
+$bordered-row-border-color:       $hr-border-color !default;
+
+$caret-width:                     .42em !default;
+$caret-vertical-align:            middle !default;
+$caret-spacing:                   .5em !default;
+
+$overflows: auto, hidden, scroll, visible !default;
+
+// *******************************************************************************
+// * Z-index master list
+
+$zindex-layout-fixed:  1080 !default;
+$zindex-modal-top:     1090 !default;
+$zindex-layout-mobile: 1100 !default;
+$zindex-notification:  999999 !default;
+
+// *******************************************************************************
+// * Tables
+
+$table-cell-padding:      .625rem !default;
+$table-cell-padding-sm:   .3125rem !default;
+
+$table-accent-bg:         rgba($black, .025) !default;
+$table-hover-bg:          rgba($black, .035) !default;
+$table-active-bg:         rgba-to-hex($table-hover-bg) !default;
+
+$table-border-width:      1px !default;
+$table-border-color:      rgba-to-hex($gray-200) !default;
+
+$table-head-bg:           $gray-50 !default;
+$table-head-color:        $body-color !default;
+
+$table-dark-bg:           $gray-900 !default;
+$table-dark-accent-bg:    rgba($white, .03) !default;
+$table-dark-hover-bg:     rgba($white, .05) !default;
+$table-dark-border-color: lighten(rgba-to-hex($gray-900), 7%) !default;
+$table-dark-color:        $white !default;
+
+// *******************************************************************************
+// * Buttons + Forms
+
+$input-btn-padding-y:      .5rem !default;
+$input-btn-padding-x:      1rem !default;
+$input-btn-font-size:      .8125rem !default;
+$input-btn-line-height:    1.47 !default;
+
+$input-btn-padding-y-xs:   .0625rem !default;
+$input-btn-padding-x-xs:   .5rem !default;
+$input-btn-font-size-xs:   .6875rem !default;
+$input-btn-line-height-xs: 1.55 !default;
+
+$input-btn-padding-y-sm:   .25rem !default;
+$input-btn-padding-x-sm:   .6875rem !default;
+$input-btn-font-size-sm:   .6875rem !default;
+$input-btn-line-height-sm: 1.55 !default;
+
+$input-btn-padding-y-lg:   .8125rem !default;
+$input-btn-padding-x-lg:   1.5rem !default;
+$input-btn-font-size-lg:   $font-size-lg !default;
+$input-btn-line-height-lg: $line-height-lg !default;
+
+$input-btn-padding-y-xl:   .9375rem !default;
+$input-btn-padding-x-xl:   2.125rem !default;
+$input-btn-font-size-xl:   $font-size-xl !default;
+$input-btn-line-height-xl: $line-height-xl !default;
+
+// *******************************************************************************
+// * Buttons
+
+$btn-font-weight:       $font-weight-semibold !default;
+
+$btn-padding-y-xs:      $input-btn-padding-y-xs !default;
+$btn-padding-x-xs:      $input-btn-padding-x-xs !default;
+$btn-font-size-xs:      $input-btn-font-size-xs !default;
+$btn-line-height-xs:    $input-btn-line-height-xs !default;
+
+$btn-padding-y-xl:      $input-btn-padding-y-xl !default;
+$btn-padding-x-xl:      $input-btn-padding-x-xl !default;
+$btn-font-size-xl:      $input-btn-font-size-xl !default;
+$btn-line-height-xl:    $input-btn-line-height-xl !default;
+
+$btn-border-radius-xs:  $border-radius-xs !default;
+$btn-border-radius-xl:  $border-radius-xl !default;
+
+$btn-box-shadow:        $material-component-shadow !default;
+$btn-focus-box-shadow:  0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(0, 0, 0, 0.10), 0px 1px 10px 0px rgba(0, 0, 0, 0.06) !default;
+$btn-active-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.15), 0px 8px 10px 1px rgba(0, 0, 0, 0.10), 0px 3px 14px 2px rgba(0, 0, 0, 0.06) !default;
+
+$btn-default-bg:        #fff !default;
+$btn-default-border:    $gray-200 !default;
+$btn-default-color:     $body-color !default;
+
+$btn-transition:        all .2s ease-in-out !default;
+
+// *******************************************************************************
+// * Forms
+
+$enable-validation-icons:                       false !default;
+
+$label-font-size:                               .83125rem !default;
+$label-font-weight:                             $font-weight-semibold !default;
+
+$input-border-radius:                           0px !default;
+$input-border-radius-lg:                        0px !default;
+$input-border-radius-sm:                        0px !default;
+
+$input-padding-x:                               .875rem !default;
+$input-padding-x-lg:                            1.25rem !default;
+$input-padding-x-sm:                            .625rem !default;
+
+$input-line-height:                             1.33 !default;
+$input-line-height-sm:                          1.417 !default;
+$input-line-height-lg:                          $line-height-lg !default;
+$input-font-size:                               $font-size-base !default;
+$input-font-size-sm:                            $font-size-sm !default;
+
+$input-bg:                                      transparent !default;
+$input-disabled-bg:                             transparent !default;
+
+$input-focus-box-shadow:                        none !default;
+
+$material-input-disabled-color:                 $text-muted !default;
+$material-input-disabled-border-color:          $gray-400 !default;
+
+$input-color:                                   $body-color !default;
+$input-border-color:                            $gray-200 !default;
+$input-placeholder-color:                       $text-light !default;
+
+$input-height-inner:                            px-to-rem(floor(rem-to-px(($input-font-size * $input-line-height) + ($input-btn-padding-y * 2)))) !default;
+$input-height:                                  $input-height-inner !default;
+$input-height-inner-sm:                         px-to-rem(floor(rem-to-px(($input-font-size-sm * $input-line-height-sm) + ($input-btn-padding-y-sm * 2)))) !default;
+$input-height-sm:                               $input-height-inner-sm !default;
+$input-height-inner-lg:                         px-to-rem(floor(rem-to-px(($input-btn-font-size-lg * $input-line-height-lg) + ($input-btn-padding-y-lg * 2)))) !default;
+$input-height-lg:                               $input-height-inner-lg !default;
+
+$input-inverted-bg:                             transparent !default;
+$input-inverted-color:                          #fff !default;
+$input-inverted-border-color:                   rgba($white, .25) !default;
+$input-inverted-placeholder-color:              rgba(#fff, .7) !default;
+$input-inverted-disabled-bg:                    transparent !default;
+$input-inverted-disabled-color:                 rgba($white, .7) !default;
+$material-input-inverted-disabled-border-color: rgba($white, .35) !default;
+
+$input-group-addon-color:                       $input-color !default;
+$input-group-addon-bg:                          $input-bg !default;
+$input-group-addon-border-color:                $input-border-color !default;
+
+$custom-control-indicator-size:                 1.125rem !default;
+$custom-control-indicator-bg:                   $input-bg !default;
+$custom-control-indicator-border-width:         2px !default;
+$custom-control-indicator-border-color:         $input-border-color !default;
+
+$custom-control-gutter:                         .438rem !default;
+
+$custom-checkbox-indicator-bg:                  "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.25 4.35 4.18 6.75 9.25 0.75' style='fill:none;stroke:_COLOR_;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E" !default;
+$custom-checkbox-indicator-bg-size:             75% !default;
+$custom-checkbox-indeterminate-bg:              "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='_COLOR_' d='M0 2h4'/%3E%3C/svg%3E" !default;
+$custom-checkbox-indeterminate-bg-size:         .625rem !default;
+$custom-radio-indicator-bg:                     "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='_COLOR_'/%3E%3C/svg%3E" !default;
+$custom-radio-indicator-bg-size:                .75rem !default;
+
+$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;
+$custom-control-label-disabled-color:           $text-muted !default;
+
+$custom-checkbox-indicator-icon-checked:        none !default;
+$custom-radio-indicator-icon-checked:           none !default;
+
+$custom-select-padding-y:                       $input-btn-padding-y !default;
+$custom-select-padding-x:                       $input-padding-x !default;
+$custom-select-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$custom-select-padding-x-sm:                    $input-padding-x-sm !default;
+$custom-select-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$custom-select-padding-x-lg:                    $input-padding-x-lg !default;
+
+$custom-select-indicator-padding:               1rem !default;
+$custom-select-indicator-padding-sm:            1rem !default;
+$custom-select-indicator-padding-lg:            1rem !default;
+
+$custom-select-font-size-sm:                    $input-font-size-sm !default;
+
+$custom-select-bg:                              $input-bg !default;
+$custom-select-disabled-color:                  $body-color !default;
+$custom-select-disabled-bg:                     $input-disabled-bg !default;
+$custom-select-inverted-disabled-color:         $input-inverted-disabled-color !default;
+$custom-select-inverted-disabled-bg:            $input-inverted-disabled-bg !default;
+
+$custom-select-bg-size:                         17px 12px !default;
+$custom-select-indicator:                       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAIhJREFUSA1jYBgFoyEwGgKjIUBZCDBSph2h28PHr+H/v3/1CBHiWYxMTI3MxCvHr/LOrZsHVNU1GBn+/3fArxJVFuSIHVs2NVDNISDjSXUMzBEgvVR1CCmOQXYETRxCjGPQHUEzh+BzDDZH0NQh2ByDyxEgtXQBoKwNwnSxbNSS0RAYDYERGwIA4dM/HkySu9UAAAAASUVORK5CYII=') !default;
+$custom-select-indicator-inverted:              url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAHZJREFUSA1jYBgFoyEwGgKjIUBZCDBSph2h+////+lAXipChCTWbKo5BGQtmY6ZzcjIOJOqDiHDMWBHgPRR3SEkOAbuCJo5hAjHoDiCpg7B4xgMR4DU0hyAEjAQn4FiUM4aOAB1zMA6YuC8P2rzaAiMhgCdQgAA02oyjcgUOR4AAAAASUVORK5CYII=') !default;
+$custom-select-indicator-rtl:                   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAIJJREFUSA1jYBgFoyEwGgKjIUBZCDB6+Pg1/P/3r54cYxiZmBp3bNnUQI5edD3Md27dPKCqrsHI8P+/A7okPj41HQGyhxlEkOoYajsC7hBSHEMLR6A4hBjH0MoRGA7B5xhaOgKrQ7A5htaOANmJF4CyNgjjVTQqORoCoyEwGgKDJAQAWiVBvP+3F2UAAAAASUVORK5CYII=') !default;
+$custom-select-indicator-inverted-rtl:          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAHVJREFUSA1jYBgFoyEwGgKjIUBZCDD+//8/HWhEKpnGzGZkZJxJpl4UbYwgHpmOoZojQG4AO4QMx1DVESgOIcExVHcEhkOIcAxNHIHVIXgcQzNHgOzECUAJGIjPQDEoZw0cgDpmYB0xcN4ftXk0BEZDYIiFAAAYnDMpp1mm+AAAAABJRU5ErkJggg==') !default;
+$custom-select-border-radius:                   0px !default;
+
+$custom-file-padding-x:                         0 !default;
+
+$custom-range-track-height:                     .125rem !default;
+$custom-range-thumb-width:                      .75rem !default;
+$custom-range-track-bg:                         $gray-200 !default;
+$custom-range-disabled-track-bg:                $gray-50 !default;
+$custom-range-track-box-shadow:                 none !default;
+$custom-range-thumb-bg:                         $white !default;
+$custom-range-thumb-active-bg:                  $custom-range-thumb-bg !default;
+$custom-range-thumb-box-shadow:                 0 0 0 1px rgba(0,0,0,.1), $floating-component-shadow !default;
+$custom-range-thumb-focus-box-shadow:           $custom-range-thumb-box-shadow !default;
+$custom-range-thumb-disabled-bg:                $custom-range-thumb-bg !default;
+
+$form-feedback-valid-color:                     theme-color("success") !default;
+$form-feedback-invalid-color:                   theme-color("danger") !default;
+$form-feedback-icon-valid-color:                $form-feedback-valid-color !default;
+$form-feedback-icon-invalid-color:              $form-feedback-invalid-color !default;
+$form-feedback-icon-valid:                      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$form-feedback-icon-valid-rtl:                  str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z' transform='scale(-1, 1) translate(-8, 0)'/%3e%3c/svg%3e"), "#", "%23") !default;
+$form-feedback-icon-invalid:                    str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
+$form-feedback-icon-invalid-rtl:                str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
+$custom-select-feedback-icon-padding:           $custom-select-indicator-padding + 1.25rem !default;
+$custom-select-feedback-icon-padding-sm:        $custom-select-indicator-padding + 1.25rem !default;
+$custom-select-feedback-icon-padding-lg:        $custom-select-indicator-padding + 1.25rem !default;
+
+$form-validation-states: (
+  "valid": (
+    "color":    $form-feedback-valid-color,
+    "icon":     $form-feedback-icon-valid,
+    "icon-rtl": $form-feedback-icon-valid-rtl
+  ),
+  "invalid": (
+    "color":    $form-feedback-invalid-color,
+    "icon":     $form-feedback-icon-invalid,
+    "icon-rtl": $form-feedback-icon-invalid-rtl
+  ),
+) !default;
+
+// *******************************************************************************
+// * Dropdowns
+
+$dropdown-padding-y:           .3125rem !default;
+$dropdown-divider-bg:          $floating-component-border-color !default;
+$dropdown-box-shadow:          $floating-component-shadow !default;
+$dropdown-font-size:           $font-size-base !default;
+
+$dropdown-inner-border-radius: 0 !default;
+
+$dropdown-item-padding-y:      .5rem !default;
+$dropdown-item-padding-x:      1.25rem !default;
+
+$dropdown-link-color:          $body-color !default;
+$dropdown-link-hover-color:    $dropdown-link-color !default;
+$dropdown-link-hover-bg:       $gray-50 !default;
+$dropdown-link-line-height:    $component-line-height !default;
+$dropdown-link-active-color:   $body-color !default;
+$dropdown-link-active-bg:      $gray-50 !default;
+
+$dropdown-link-disabled-color: $text-lighter !default;
+
+$dropdown-header-color:        $text-muted !default;
+
+// *******************************************************************************
+// * Navs
+
+$nav-spacer:                                .125rem !default;
+$nav-tabs-border-width:                     0 !default;
+
+$nav-link-padding-y:                        .75rem !default;
+$nav-link-padding-x:                        1.0625rem !default;
+$nav-link-line-height:                      $input-btn-line-height !default;
+
+$nav-link-padding-y-lg:                     .75rem !default;
+$nav-link-padding-x-lg:                     1.3125rem !default;
+$nav-link-line-height-lg:                   $line-height-lg !default;
+
+$nav-link-padding-y-sm:                     .4375rem !default;
+$nav-link-padding-x-sm:                     .875rem !default;
+$nav-link-line-height-sm:                   $line-height-sm !default;
+
+$nav-link-color:                            $text-muted-hover !default;
+$nav-link-disabled-color:                   $text-lighter !default;
+
+$nav-tabs-link-active-color:                $body-color !default;
+$nav-tabs-link-active-bg:                   $white !default;
+
+$material-light-nav-link-color:             rgba($white, .7);
+$material-light-nav-link-disabled-color:    rgba($white, .4);
+$material-light-nav-tabs-link-active-color: $white !default;
+$material-light-nav-pills-link-active-bg:   $white !default;
+
+// *******************************************************************************
+// * Navbar
+
+$navbar-toggler-padding-y:          .5rem !default;
+$navbar-toggler-padding-x:          .7rem !default;
+$navbar-toggler-font-size:          .625rem !default;
+
+$navbar-dark-color:                 rgba($white, .8) !default;
+$navbar-dark-hover-color:           $white !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .4) !default;
+
+$navbar-light-color:                $gray-500 !default;
+$navbar-light-hover-color:          $body-color !default;
+$navbar-light-active-color:         $body-color !default;
+$navbar-light-disabled-color:       $gray-300 !default;
+$navbar-light-toggler-border-color: rgba($black, .06) !default;
+
+// *******************************************************************************
+// * Pagination
+
+$pagination-padding-y:        .625rem !default;
+$pagination-padding-x:        .3125rem !default;
+$pagination-padding-y-sm:     .375rem !default;
+$pagination-padding-x-sm:     .25rem !default;
+$pagination-padding-y-lg:     .9375rem !default;
+$pagination-padding-x-lg:     .5rem !default;
+$pagination-line-height:      1 !default;
+
+$pagination-bg:               transparent !default;
+
+$pagination-color:            $text-muted !default;
+$pagination-hover-color:      $body-color !default;
+$pagination-hover-bg:         $pagination-bg !default;
+
+$pagination-disabled-color:   $text-lighter !default;
+$pagination-disabled-bg:      $pagination-bg !default;
+
+$pagination-focus-box-shadow: none !default;
+
+$pagination-spacer:           .0625rem !default;
+
+// *******************************************************************************
+// * Cards
+
+$card-spacer-y:            .875rem !default;
+$card-spacer-x:            1.5rem !default;
+$card-spacer-x-sm:         1rem !default;
+$card-border-color:        $border-color !default;
+$card-inner-border-color:  $border-inner-color !default;
+$card-cap-bg:              transparent !default;
+
+$card-img-overlay-padding: 1.5rem !default;
+
+$card-columns-gap:         1.5rem !default;
+$card-shadow:              0 2px 3px 0px rgba(0, 0, 0, 0.03), 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.04) !default;
+
+// *******************************************************************************
+// * Tooltips
+
+$tooltip-color:      #fff !default;
+$tooltip-bg:         rgba-to-hex($gray-800) !default;
+$tooltip-opacity:    1 !default;
+$tooltip-box-shadow: $floating-component-shadow !default;
+
+// *******************************************************************************
+// * Popovers
+
+$popover-border-color:     $gray-100 !default;
+$popover-box-shadow:       $floating-component-shadow !default;
+
+$popover-header-bg:        $gray-50 !default;
+$popover-header-color:     $body-color !default;
+
+$popover-header-padding-y: .625rem !default;
+
+$popover-body-color:       $body-color !default;
+
+// *******************************************************************************
+// * Badges
+
+$badge-font-size:             .858em !default;
+$badge-font-weight:           $font-weight-semibold !default;
+$badge-padding-y:             .25em !default;
+$badge-padding-x:             .417em !default;
+$badge-border-radius:         .125rem !default;
+
+$badge-pill-padding-x:        .583em !default;
+$badge-pill-border-radius:    10rem !default;
+
+$badge-default-bg:            $gray-200 !default;
+$badge-outline-default-color: $body-color !default;
+
+// *******************************************************************************
+// * Modals
+
+$modal-inner-padding:            1.5625rem !default;
+$modal-header-padding-y:         1.25rem !default;
+$modal-header-padding-x:         $modal-inner-padding !default;
+$modal-header-padding:           $modal-header-padding-y $modal-header-padding-x 0 $modal-header-padding-x !default;
+$modal-footer-padding:           0 1.5rem 1rem 1.5rem !default;
+
+$modal-header-border-color:      $border-inner-color !default;
+$modal-footer-border-color:      $modal-header-border-color !default;
+$modal-content-box-shadow-xs:    0px 11px 15px -7px rgba(0, 0, 0, 0.15), 0px 24px 38px 3px rgba(0, 0, 0, 0.1), 0px 9px 46px 8px rgba(0, 0, 0, 0.08) !default;
+$modal-content-box-shadow-sm-up: 0px 11px 15px -7px rgba(0, 0, 0, 0.15), 0px 24px 38px 3px rgba(0, 0, 0, 0.1), 0px 9px 46px 8px rgba(0, 0, 0, 0.08) !default;
+$modal-content-border-radius:    0px !default;
+
+$modal-md:                       35rem !default;
+$modal-lg:                       50rem !default;
+$modal-sm:                       22.5rem !default;
+
+$modal-backdrop-opacity:         .2 !default;
+
+$modal-slide-width:              20rem !default;
+
+$modal-transition-duration:      .15s !default;
+$modal-transition:               transform $modal-transition-duration ease-out !default;
+
+// *******************************************************************************
+// * Alerts
+
+$alert-padding-y:    1rem !default;
+$alert-padding-x:    1rem !default;
+$alert-border-width: 1px !default;
+
+// *******************************************************************************
+// * Progress bars
+
+$progress-height:        .25rem !default;
+$progress-font-size:     .0px !default;
+$progress-bg:            $gray-50 !default;
+$progress-border-radius: 0 !default;
+$progress-bar-color:     transparent !default;
+
+// *******************************************************************************
+// * List group
+
+$list-group-bg:                  transparent !default;
+$list-group-border-color:        rgba-to-hex($gray-200) !default;
+$list-group-border-width:        1px !default;
+
+$list-group-item-padding-y:      .625rem !default;
+$list-group-item-padding-x:      .9375rem !default;
+
+$list-group-hover-bg:            $gray-25 !default;
+
+$list-group-disabled-color:      $text-lighter !default;
+$list-group-disabled-bg:         $list-group-bg !default;
+
+$list-group-action-color:        $text-muted-hover !default;
+$list-group-action-hover-color:  $body-color !default;
+
+$list-group-action-active-color: $list-group-action-hover-color !default;
+$list-group-action-active-bg:    $gray-50 !default;
+
+// *******************************************************************************
+// * Image thumbnails
+
+$thumbnail-padding:       0 !default;
+$thumbnail-bg:            transparent !default;
+$thumbnail-border-width:  0px !default;
+$thumbnail-border-radius: 0px !default;
+$thumbnail-box-shadow:    none !default;
+
+// *******************************************************************************
+// * Figures
+
+$figure-caption-color: $text-muted !default;
+
+// *******************************************************************************
+// * Breadcrumbs
+
+$breadcrumb-padding-y:     0 !default;
+$breadcrumb-padding-x:     0 !default;
+$breadcrumb-item-padding:  .5rem !default;
+
+$breadcrumb-margin-bottom: 1rem !default;
+
+$breadcrumb-color:         $text-muted !default;
+$breadcrumb-bg:            transparent !default;
+$breadcrumb-divider-color: $text-lighter !default;
+$breadcrumb-active-color:  $body-color !default;
+$breadcrumb-divider:       "/" !default;
+$breadcrumb-divider-rtl:   "/" !default;
+
+// *******************************************************************************
+// * Switchers
+
+$switcher-spacer-x:             .75rem !default;
+$switcher-spacer-y:             .5rem !default;
+$switcher-gutter:               .5rem !default;
+$switcher-inner-spacer:         0rem !default;
+
+$switcher-square-border-radius: .125rem !default;
+
+$switcher-label-color:          $body-color !default;
+$switcher-label-disabled-color: $custom-control-label-disabled-color !default;
+
+$switcher-width:                2.25rem !default;
+$switcher-height:               1.25rem !default;
+$switcher-font-size:            .625rem !default;
+$switcher-label-font-size:      $font-size-base !default;
+$switcher-label-line-height:    1.4 !default;
+
+$switcher-width-sm:             1.75rem !default;
+$switcher-height-sm:            1rem !default;
+$switcher-label-font-size-sm:   $font-size-sm !default;
+$switcher-label-line-height-sm: 1.486 !default;
+
+$switcher-width-lg:             2.75rem !default;
+$switcher-height-lg:            1.5rem !default;
+$switcher-label-font-size-lg:   $font-size-lg !default;
+$switcher-label-line-height-lg: 1.47 !default;
+
+$switcher-off-color:            $gray-400 !default;
+$switcher-off-bg:               $gray-200 !default;
+$switcher-holder-bg:            #fff !default;
+$switcher-holder-shadow:        $material-component-shadow !default;
+
+// *******************************************************************************
+// * Close
+
+$close-font-weight: 300 !default;
+$close-text-shadow: none !default;
+$close-color: inherit !default;
+
+// *******************************************************************************
+// * Jumbotron
+
+$jumbotron-padding: 3rem !default;
+
+// *******************************************************************************
+// * Sidenav
+
+$sidenav-width:                          15.625rem !default; //250px;
+$sidenav-collapsed-width:                4.375rem !default; //70px;
+
+$sidenav-item-spacer:                    .125rem !default;
+
+$sidenav-vertical-link-padding-y:        .75rem !default;
+$sidenav-vertical-link-padding-x:        2rem !default;
+$sidenav-vertical-menu-link-padding-y:   .625rem !default;
+$sidenav-vertical-menu-level-spacer:     1rem !default;
+
+$sidenav-horizontal-link-padding-y:      1rem !default;
+$sidenav-horizontal-link-padding-x:      1rem !default;
+$sidenav-horizontal-menu-link-padding-y: .625rem !default;
+$sidenav-horizontal-menu-level-spacer:   1rem !default;
+
+$sidenav-menu-width:                     12.5rem !default; //200px;
+$sidenav-control-width:                  2.25rem !default;
+$sidenav-control-arrow-size:             .5rem !default;
+
+$sidenav-icon-expanded-width:            1.75rem !default;
+$sidenav-icon-expanded-font-size:        1rem !default;
+$sidenav-icon-expanded-spacer:           .25rem !default;
+
+$sidenav-animation-duration:             .2s !default;
+
+$sidenav-max-levels:                     5 !default;
+
+$sidenav-dark-border-color:              rgba(255, 255, 255, .1) !default;
+$sidenav-dark-menu-bg:                   rgba(0, 0, 0, .1) !default;
+$sidenav-light-border-color:             rgba(255, 255, 255, .2) !default;
+$sidenav-light-menu-bg:                  rgba(0, 0, 0, .2) !default;
+
+// *******************************************************************************
+// * Toasts
+
+$toast-border-color:        $gray-100 !default;
+$toast-border-radius:       $border-radius !default;
+$toast-box-shadow:          $floating-component-shadow !default;
+$toast-header-border-color: $card-inner-border-color !default;
+
+// Config
+$rtl-support: false !default;
+$material-style: true;

EveryThing/wwwroot/vendor/css/_appwork/_variables.scss

@@ -0,0 +1,681 @@
+// Variables
+//
+
+// *******************************************************************************
+// * Colors
+
+$white:        #fff !default;
+$black:        #181C21 !default;
+$gray-25:      rgba($black, .015) !default;
+$gray-50:      rgba($black, .03) !default;
+$gray-100:     rgba($black, .06) !default;
+$gray-200:     rgba($black, .1) !default;
+$gray-300:     rgba($black, .2) !default;
+$gray-400:     rgba($black, .3) !default;
+$gray-500:     rgba($black, .4) !default;
+$gray-600:     rgba($black, .5) !default;
+$gray-700:     rgba($black, .6) !default;
+$gray-800:     rgba($black, .8) !default;
+$gray-900:     rgba($black, .9) !default;
+
+$grays: (
+  "25": $gray-25,
+  "50": $gray-50
+) !default;
+
+$blue:         #1e70cd !default;
+$indigo:       #6610f2 !default;
+$purple:       #6f42c1 !default;
+$pink:         #e83e8c !default;
+$red:          #d9534f !default;
+$orange:       #FEB744 !default;
+$yellow:       #FFD950 !default;
+$green:        #02BC77 !default;
+$teal:         #20c997 !default;
+$cyan:         #28c3d7 !default;
+
+$theme-colors: (
+  "primary":   $indigo,
+  "secondary": #8897AA,
+  "success":   $green,
+  "info":      $cyan,
+  "warning":   $yellow,
+  "danger":    $red,
+  "dark":      $gray-900
+) !default;
+
+$body-color:       #4E5155 !default; //#4a4a4a
+
+// #06c
+$link-color:       $blue !default;
+$link-hover-color: lighten($link-color, 10%) !default;
+
+$spacer: 1rem !default;
+
+// *******************************************************************************
+// * Fonts
+
+$font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !default;
+$font-family-serif:      Georgia, "Times New Roman", serif;
+$font-family-monospace:  "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:       $font-family-sans-serif !default;
+
+$font-size-base:         .894rem !default;
+$font-size-xl:           1.25rem !default;
+$font-size-lg:           1rem !default;
+$font-size-sm:           .75rem !default;
+$font-size-xs:           $font-size-sm !default;
+
+$font-weight-semibold:   500 !default;
+$font-weight-bolder:     900 !default;
+$font-weight-lighter:    100 !default;
+
+$line-height-base:       1.47 !default;
+$line-height-xl:         1.5 !default;
+$line-height-lg:         1.5 !default;
+$line-height-sm:         1.5 !default;
+$line-height-xs:         1.5 !default;
+
+$h1-font-size:           2.25rem !default;
+$h2-font-size:           1.813rem !default;
+$h3-font-size:           1.563rem !default;
+$h4-font-size:           1.313rem !default;
+$h5-font-size:           1rem !default;
+$h6-font-size:           $font-size-base !default;
+
+$headings-font-weight:   $font-weight-semibold !default;
+$headings-line-height:   1.1 !default;
+$headings-margin-bottom: $spacer !default;
+
+$display1-size:          4rem !default;
+$display2-size:          3.5rem !default;
+$display3-size:          3rem !default;
+$display4-size:          2rem !default;
+
+$tiny-font-size:         70% !default;
+$small-font-size:        85% !default;
+$big-font-size:          112% !default;
+$large-font-size:        150% !default;
+$xlarge-font-size:       170% !default;
+
+$text-muted:             rgba-to-hex($gray-500) !default;
+$text-muted-hover:       rgba-to-hex($gray-600) !default;
+$blockquote-small-color: rgba-to-hex($gray-500) !default;
+$text-light:             rgba-to-hex($gray-400) !default;
+$text-lighter:           rgba-to-hex($gray-300) !default;
+$text-lightest:          rgba-to-hex($gray-200) !default;
+
+$link-hover-decoration:  none !default;
+
+// *******************************************************************************
+// * Grid
+
+$grid-gutter-width: 1.5rem !default;
+
+$container-padding-x: 2rem !default;
+$container-padding-x-sm: 1rem !default;
+$container-padding-y: 1.5rem !default;
+
+// *******************************************************************************
+// * Components
+
+$border-color:                    rgba($black,.06) !default;
+$border-inner-color:              rgba($black, .075) !default;
+$border-width:                    1px !default;
+
+$border-radius:                   .25rem !default;
+$border-radius-xl:                $border-radius !default;
+$border-radius-lg:                $border-radius !default;
+$border-radius-sm:                $border-radius !default;
+$border-radius-xs:                $border-radius !default;
+
+$component-line-height:           1.54 !default;
+$component-focus-shadow-width:    2px !default;
+
+$floating-component-border-color: rgba($black, .05) !default;
+$floating-component-shadow:       0 1px 6px rgba(0, 0, 0, .09) !default;
+
+$hr-border-color:                 $border-color !default;
+
+$bordered-row-border-color:       $hr-border-color !default;
+
+$caret-width:                     .42em !default;
+$caret-vertical-align:            middle !default;
+$caret-spacing:                   .5em !default;
+
+$overflows: auto, hidden, scroll, visible !default;
+
+// *******************************************************************************
+// * Z-index master list
+
+$zindex-layout-fixed:  1080 !default;
+$zindex-modal-top:     1090 !default;
+$zindex-layout-mobile: 1100 !default;
+$zindex-notification:  999999 !default;
+
+// *******************************************************************************
+// * Tables
+
+$table-cell-padding:      .625rem !default;
+$table-cell-padding-sm:   .3125rem !default;
+
+$table-accent-bg:         rgba($black, .025) !default;
+$table-hover-bg:          rgba($black, .035) !default;
+$table-active-bg:         rgba-to-hex($table-hover-bg) !default;
+
+$table-border-color:      rgba-to-hex($gray-200) !default;
+
+$table-head-bg:           $gray-50 !default;
+$table-head-color:        $body-color !default;
+
+$table-dark-bg:           $gray-900 !default;
+$table-dark-accent-bg:    rgba($white, .03) !default;
+$table-dark-hover-bg:     rgba($white, .05) !default;
+$table-dark-border-color: lighten(rgba-to-hex($gray-900), 7%) !default;
+$table-dark-color:        $white !default;
+
+// *******************************************************************************
+// * Buttons + Forms
+
+$input-btn-padding-y:      .438rem !default;
+$input-btn-padding-x:      1.125rem !default;
+$input-btn-font-size:      $font-size-base !default;
+$input-btn-line-height:    1.54 !default;
+
+$input-btn-padding-y-xs:   0 !default;
+$input-btn-padding-x-xs:   .5rem !default;
+$input-btn-font-size-xs:   $font-size-xs !default;
+$input-btn-line-height-xs: $line-height-xs !default;
+
+$input-btn-padding-y-sm:   .188rem !default;
+$input-btn-padding-x-sm:   .6875rem !default;
+$input-btn-font-size-sm:   $font-size-sm !default;
+$input-btn-line-height-sm: $line-height-sm !default;
+
+$input-btn-padding-y-lg:   .75rem !default;
+$input-btn-padding-x-lg:   1.5rem !default;
+$input-btn-font-size-lg:   $font-size-lg !default;
+$input-btn-line-height-lg: $line-height-lg !default;
+
+$input-btn-padding-y-xl:   .875rem !default;
+$input-btn-padding-x-xl:   2.125rem !default;
+$input-btn-font-size-xl:   $font-size-xl !default;
+$input-btn-line-height-xl: $line-height-xl !default;
+
+// *******************************************************************************
+// * Buttons
+
+$btn-padding-y-xs:      $input-btn-padding-y-xs !default;
+$btn-padding-x-xs:      $input-btn-padding-x-xs !default;
+$btn-font-size-xs:      $input-btn-font-size-xs !default;
+$btn-line-height-xs:    $input-btn-line-height-xs !default;
+
+$btn-padding-y-xl:      $input-btn-padding-y-xl !default;
+$btn-padding-x-xl:      $input-btn-padding-x-xl !default;
+$btn-font-size-xl:      $input-btn-font-size-xl !default;
+$btn-line-height-xl:    $input-btn-line-height-xl !default;
+
+$btn-border-radius-xs:  $border-radius-xs !default;
+$btn-border-radius-xl:  $border-radius-xl !default;
+
+$btn-box-shadow:        none !default;
+$btn-focus-box-shadow:  0 0 0 $component-focus-shadow-width rgba(theme-color("primary"), .25) !default;
+$btn-active-box-shadow: none !default;
+
+$btn-default-bg:        transparent !default;
+$btn-default-border:    $gray-200 !default;
+$btn-default-color:     $body-color !default;
+
+$btn-transition:        all .2s ease-in-out !default;
+
+// *******************************************************************************
+// * Forms
+
+$enable-validation-icons:                   false !default;
+
+$label-font-size:                           .83125rem !default;
+$label-font-weight:                         $font-weight-semibold !default;
+
+$input-padding-x:                           .875rem !default;
+$input-padding-x-lg:                        1.25rem !default;
+$input-padding-x-sm:                        .625rem !default;
+
+$input-line-height:                         $input-btn-line-height !default;
+$input-line-height-sm:                      $input-btn-line-height-sm !default;
+$input-line-height-lg:                      $input-btn-line-height-lg !default;
+
+$input-bg:                                  $white !default;
+$input-disabled-bg:                         rgba-to-hex($gray-100) !default;
+
+$input-focus-box-shadow:                    none !default;
+
+$input-color:                               $body-color !default;
+$input-border-color:                        $gray-200 !default;
+$input-placeholder-color:                   $text-light !default;
+
+$input-height-inner:                        px-to-rem(floor(rem-to-px(($input-btn-font-size * $input-btn-line-height) + ($input-btn-padding-y * 2)))) !default;
+$input-height-inner-sm:                     px-to-rem(floor(rem-to-px(($input-btn-font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2)))) !default;
+$input-height-inner-lg:                     px-to-rem(floor(rem-to-px(($font-size-lg * $line-height-lg) + ($input-btn-padding-y-lg * 2)))) !default;
+
+$input-inverted-bg:                         rgba(#fff, .3) !default;
+$input-inverted-color:                      #fff !default;
+$input-inverted-border-color:               $input-inverted-bg !default;
+$input-inverted-placeholder-color:          rgba(#fff, .7) !default;
+$input-inverted-disabled-bg:                rgba(#fff, .1) !default;
+$input-inverted-disabled-color:             $input-inverted-color !default;
+
+$input-group-addon-color:                   $input-color !default;
+$input-group-addon-bg:                      $input-bg !default;
+$input-group-addon-border-color:            $input-border-color !default;
+
+$custom-control-indicator-size:             1.125rem !default;
+$custom-control-indicator-bg:               $input-bg !default;
+$custom-control-indicator-border-width:     1px !default;
+$custom-control-indicator-border-color:     $input-border-color !default;
+
+$custom-control-gutter:                     .438rem !default;
+
+$custom-checkbox-indicator-bg:              "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:_COLOR_;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E" !default;
+$custom-checkbox-indicator-bg-size:         65% !default;
+$custom-checkbox-indeterminate-bg:          "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='_COLOR_' d='M0 2h4'/%3E%3C/svg%3E" !default;
+$custom-checkbox-indeterminate-bg-size:     .5rem !default;
+$custom-radio-indicator-bg:                 "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='_COLOR_'/%3E%3C/svg%3E" !default;
+$custom-radio-indicator-bg-size:            .5rem !default;
+
+$custom-control-indicator-disabled-bg:      $input-disabled-bg !default;
+$custom-control-label-disabled-color:       $text-muted !default;
+
+$custom-checkbox-indicator-icon-checked:    none !default;
+$custom-radio-indicator-icon-checked:       none !default;
+
+$custom-select-padding-y:                   $input-btn-padding-y !default;
+$custom-select-padding-x:                   $input-padding-x !default;
+$custom-select-padding-y-sm:                $input-btn-padding-y-sm !default;
+$custom-select-padding-x-sm:                $input-padding-x-sm !default;
+$custom-select-padding-y-lg:                $input-btn-padding-y-lg !default;
+$custom-select-padding-x-lg:                $input-padding-x-lg !default;
+
+$custom-select-indicator-padding:           $custom-select-padding-x + 1rem !default;
+$custom-select-focus-box-shadow:            none !default;
+
+$custom-select-bg:                          $input-bg !default;
+$custom-select-disabled-color:              $body-color !default;
+$custom-select-disabled-bg:                 $input-disabled-bg !default;
+$custom-select-inverted-disabled-color:     $input-inverted-disabled-color !default;
+$custom-select-inverted-disabled-bg:        $input-inverted-disabled-bg !default;
+
+$custom-select-bg-size:                     17px 12px !default;
+$custom-select-indicator:                   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAKBJREFUSA3t1kEKgCAQBVCTDtciulJ2pWjRiapTaPwokUEjRW0zgaHSOI9PQWLbD4Mhfr7kz/1te4bYKO4JJ8KJ0ATouqUbqeuuH5TRekypb6Scsr2s6zIrHBgLQQ1qs0EAiMU8CNRmhcRgXEQRyBcMRRSDvGF8iKIQHyaEwLOixm8APm2Mq2HoVgMS6u3uZ/9q3MNj5gyhaXEinAhNgK5PpzhEO/hSMK4AAAAASUVORK5CYII=') !default;
+$custom-select-indicator-inverted:          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAJ5JREFUSA3t1G0KgCAMBuCMDtZlojOFhzVfUaFlH44N/0yIspw+vGhTCGHFNQ1u8+D16/IGqVHkB0vEEqEJ0P5CX3D78V+0x9qNWe/FNqtz7ogIz4B41IpBAGBgEgK1opBOTEWoQH5iLgg1yAfmhlCFPGCaCIwVO76YrNWwgePRTp/yZm4N04dg1TdAUYmfmjJx790gNDFLxBKhCdD+CQ3GHngvJTGKAAAAAElFTkSuQmCC') !default;
+$custom-select-indicator-rtl:               url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAKdJREFUSA3tllEKgCAMhlM6XA/RlbIrRQ+dqDqFxR8ptEwNFHuYD+Lc3D5+HCqqwmNZtx0IsjCHLc8gVoprwYqwIlQBatdN26ld6546Ymwh5TBPo4qJDcVIJELCUCD1p4RA7rNrvsKkhrAgWMTC5IC4gcTA5IJ4gPhgckI4QVwwuSFQU2B6G2ht+FK1qKuO+QZ4QVwHU+8ZEH70qLKsCCtCFaD2b+7IAZGdPPxuWYGMAAAAAElFTkSuQmCC') !default;
+$custom-select-indicator-inverted-rtl:      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAABGdBTUEAALGPC/xhBQAAAJtJREFUSA3tllEKwCAIhmd0sF1m7Eyjw7aMCHLWWhjtwR4iU34/fhKCbfHy3u+IYBZz5PYKkq1IB3VEHaEO0NiGOT7D5UETnbEDgKuztllmkpBrVvFJMQiUj1MzACMKkUHw8AFGHKIA6YSZAvEAeYGZBsGCVGCmQmBPixu38M2E0Y6p9H64MrE7EFMaFNL/SM04/QZQZ9SR3zpyA1iYHnbSLPIQAAAAAElFTkSuQmCC') !default;
+
+$custom-file-padding-x:                     $input-padding-x !default;
+
+$custom-range-track-height:                 .125rem !default;
+$custom-range-thumb-width:                  .75rem !default;
+$custom-range-track-bg:                     $gray-200 !default;
+$custom-range-disabled-track-bg:            $gray-50 !default;
+$custom-range-track-box-shadow:             none !default;
+$custom-range-thumb-bg:                     $white !default;
+$custom-range-thumb-active-bg:              $custom-range-thumb-bg !default;
+$custom-range-thumb-box-shadow:             0 0 0 1px rgba(0,0,0,.1), $floating-component-shadow !default;
+$custom-range-thumb-focus-box-shadow:       $custom-range-thumb-box-shadow !default;
+$custom-range-thumb-disabled-bg:            $custom-range-thumb-bg !default;
+
+$form-feedback-valid-color:                 theme-color("success") !default;
+$form-feedback-invalid-color:               theme-color("danger") !default;
+$form-feedback-icon-valid-color:            $form-feedback-valid-color !default;
+$form-feedback-icon-invalid-color:          $form-feedback-invalid-color !default;
+$form-feedback-icon-valid:                  str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$form-feedback-icon-valid-rtl:              str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z' transform='scale(-1, 1) translate(-8, 0)'/%3e%3c/svg%3e"), "#", "%23") !default;
+$form-feedback-icon-invalid:                str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
+$form-feedback-icon-invalid-rtl:            str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
+$custom-select-feedback-icon-padding:       $custom-select-indicator-padding + $input-height-inner !default;
+$custom-select-feedback-icon-padding-sm:    $custom-select-indicator-padding + $input-height-inner-sm !default;
+$custom-select-feedback-icon-padding-lg:    $custom-select-indicator-padding + $input-height-inner-lg !default;
+
+$form-validation-states: (
+  "valid": (
+    "color":    $form-feedback-valid-color,
+    "icon":     $form-feedback-icon-valid,
+    "icon-rtl": $form-feedback-icon-valid-rtl
+  ),
+  "invalid": (
+    "color":    $form-feedback-invalid-color,
+    "icon":     $form-feedback-icon-invalid,
+    "icon-rtl": $form-feedback-icon-invalid-rtl
+  ),
+) !default;
+
+// *******************************************************************************
+// * Dropdowns
+
+$dropdown-padding-y:           .3125rem !default;
+$dropdown-border-color:        $floating-component-border-color !default;
+$dropdown-divider-bg:          $dropdown-border-color !default;
+$dropdown-box-shadow:          $floating-component-shadow !default;
+$dropdown-font-size:           $font-size-base !default;
+
+$dropdown-inner-border-radius: 0 !default;
+
+$dropdown-item-padding-y:      .438rem !default;
+$dropdown-item-padding-x:      1.25rem !default;
+
+$dropdown-link-color:          $body-color !default;
+$dropdown-link-hover-color:    $dropdown-link-color !default;
+$dropdown-link-hover-bg:       $gray-50 !default;
+$dropdown-link-line-height:    $component-line-height !default;
+
+$dropdown-link-disabled-color: $text-lighter !default;
+
+$dropdown-header-color:        $text-muted !default;
+
+// *******************************************************************************
+// * Navs
+
+$nav-spacer:                        .125rem !default;
+
+$nav-link-padding-y:                .625rem !default;
+$nav-link-padding-x:                1.25rem !default;
+$nav-link-line-height:              $component-line-height !default;
+
+$nav-link-padding-y-lg:             .875rem !default;
+$nav-link-padding-x-lg:             1.3125rem !default;
+$nav-link-line-height-lg:           $line-height-lg !default;
+
+$nav-link-padding-y-sm:             .3125rem !default;
+$nav-link-padding-x-sm:             .875rem !default;
+$nav-link-line-height-sm:           $line-height-sm !default;
+
+$nav-link-color:                    $text-muted-hover !default;
+$nav-link-disabled-color:           $text-lighter !default;
+
+$nav-tabs-border-color:             $border-color !default;
+$nav-tabs-link-hover-border-color:  $gray-100 !default;
+$nav-tabs-link-active-color:        $body-color !default;
+$nav-tabs-link-active-bg:           $white !default;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
+
+$nav-pills-link-active-color:       #fff !default;
+$nav-pills-link-active-bg:          transparent !default;
+
+// *******************************************************************************
+// * Navbar
+
+$navbar-toggler-padding-y:          .5rem !default;
+$navbar-toggler-padding-x:          .7rem !default;
+$navbar-toggler-font-size:          .625rem !default;
+
+$navbar-dark-color:                 rgba($white, .8) !default;
+$navbar-dark-hover-color:           $white !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .4) !default;
+
+$navbar-light-color:                $gray-500 !default;
+$navbar-light-hover-color:          $body-color !default;
+$navbar-light-active-color:         $body-color !default;
+$navbar-light-disabled-color:       $gray-300 !default;
+$navbar-light-toggler-border-color: rgba($black, .06) !default;
+
+// *******************************************************************************
+// * Pagination
+
+$pagination-padding-y:             .625rem !default;
+$pagination-padding-x:             .3125rem !default;
+$pagination-padding-y-sm:          .375rem !default;
+$pagination-padding-x-sm:          .25rem !default;
+$pagination-padding-y-lg:          .9375rem !default;
+$pagination-padding-x-lg:          .5rem !default;
+$pagination-line-height:           1 !default;
+
+$pagination-bg:                    transparent !default;
+$pagination-border-color:          $border-inner-color !default;
+
+$pagination-color:                 $text-muted !default;
+$pagination-hover-color:           $body-color !default;
+$pagination-hover-bg:              $pagination-bg !default;
+$pagination-hover-border-color:    $gray-200 !default;
+
+$pagination-disabled-color:        $text-lighter !default;
+$pagination-disabled-bg:           $pagination-bg !default;
+$pagination-disabled-border-color: $gray-100 !default;
+
+$pagination-focus-box-shadow:      none !default;
+
+$pagination-spacer:                .1875rem !default;
+
+// *******************************************************************************
+// * Cards
+
+$card-spacer-y:            .875rem !default;
+$card-spacer-x:            1.5rem !default;
+$card-spacer-x-sm:         1rem !default;
+$card-border-color:        $border-color !default;
+$card-inner-border-color:  $border-inner-color !default;
+$card-cap-bg:              transparent !default;
+
+$card-img-overlay-padding: 1.5rem !default;
+
+$card-columns-gap:         1.5rem !default;
+$card-shadow:              0 1px 4px rgba($black, .012) !default;
+
+// *******************************************************************************
+// * Tooltips
+
+$tooltip-color:      #fff !default;
+$tooltip-bg:         rgba-to-hex($gray-800) !default;
+$tooltip-opacity:    1 !default;
+$tooltip-box-shadow: none !default;
+
+// *******************************************************************************
+// * Popovers
+
+$popover-border-color:     $gray-100 !default;
+$popover-box-shadow:       $floating-component-shadow !default;
+
+$popover-header-bg:        $gray-50 !default;
+$popover-header-color:     $body-color !default;
+
+$popover-header-padding-y: .625rem !default;
+
+$popover-body-color:       $body-color !default;
+
+// *******************************************************************************
+// * Badges
+
+$badge-font-size:             .858em !default;
+$badge-font-weight:           $font-weight-semibold !default;
+$badge-padding-y:             .25em !default;
+$badge-padding-x:             .417em !default;
+$badge-border-radius:         .125rem !default;
+
+$badge-pill-padding-x:        .583em !default;
+$badge-pill-border-radius:    10rem !default;
+
+$badge-default-bg:            $gray-200 !default;
+$badge-outline-default-color: $body-color !default;
+
+// *******************************************************************************
+// * Modals
+
+$modal-inner-padding:            1.5625rem !default;
+$modal-header-padding-y:         1.25rem !default;
+$modal-header-padding-x:         $modal-inner-padding !default;
+$modal-footer-padding:           1.25rem $modal-inner-padding !default;
+
+$modal-content-border-width:     0px !default;
+$modal-header-border-width:      1px !default;
+$modal-header-border-color:      $border-inner-color !default;
+$modal-footer-border-color:      $modal-header-border-color !default;
+$modal-content-box-shadow-xs:    $floating-component-shadow !default;
+$modal-content-box-shadow-sm-up: $floating-component-shadow !default;
+
+$modal-md:                       35rem !default;
+$modal-lg:                       50rem !default;
+$modal-sm:                       22.5rem !default;
+
+$modal-backdrop-opacity:         .5 !default;
+
+$modal-slide-width:              20rem !default;
+
+$modal-transition-duration:      .15s !default;
+$modal-transition:               transform $modal-transition-duration ease-out !default;
+
+// *******************************************************************************
+// * Alerts
+
+$alert-padding-y: 1rem !default;
+$alert-padding-x: 1rem !default;
+
+// *******************************************************************************
+// * Progress bars
+
+$progress-height:        .75rem !default;
+$progress-font-size:     .625rem !default;
+$progress-bg:            $gray-50 !default;
+$progress-border-radius: 10rem !default;
+$progress-bar-color:     #fff !default;
+
+// *******************************************************************************
+// * List group
+
+$list-group-bg:                  transparent !default;
+$list-group-border-color:        rgba-to-hex($gray-200) !default;
+
+$list-group-item-padding-y:      .625rem !default;
+$list-group-item-padding-x:      .9375rem !default;
+
+$list-group-hover-bg:            $gray-25 !default;
+
+$list-group-disabled-color:      $text-lighter !default;
+$list-group-disabled-bg:         $list-group-bg !default;
+
+$list-group-action-color:        $text-muted-hover !default;
+$list-group-action-hover-color:  $body-color !default;
+
+$list-group-action-active-color: $list-group-action-hover-color !default;
+$list-group-action-active-bg:    $gray-50 !default;
+
+// *******************************************************************************
+// * Image thumbnails
+
+$thumbnail-padding:       0 !default;
+$thumbnail-bg:            transparent !default;
+$thumbnail-border-width:  0px !default;
+$thumbnail-border-radius: 0px !default;
+$thumbnail-box-shadow:    none !default;
+
+// *******************************************************************************
+// * Figures
+
+$figure-caption-color: $text-muted !default;
+
+// *******************************************************************************
+// * Breadcrumbs
+
+$breadcrumb-padding-y:     0 !default;
+$breadcrumb-padding-x:     0 !default;
+$breadcrumb-item-padding:  .5rem !default;
+
+$breadcrumb-margin-bottom: 1rem !default;
+
+$breadcrumb-color:         $text-muted !default;
+$breadcrumb-bg:            transparent !default;
+$breadcrumb-divider-color: $text-lighter !default;
+$breadcrumb-active-color:  $body-color !default;
+$breadcrumb-divider:       "/" !default;
+$breadcrumb-divider-rtl:   "/" !default;
+
+// *******************************************************************************
+// * Switchers
+
+$switcher-spacer-x:             .75rem !default;
+$switcher-spacer-y:             .5rem !default;
+$switcher-gutter:               .5rem !default;
+$switcher-inner-spacer:         .25rem !default;
+
+$switcher-square-border-radius: $border-radius !default;
+
+$switcher-label-color:          $body-color !default;
+$switcher-label-disabled-color: $custom-control-label-disabled-color !default;
+
+$switcher-width:                2.375rem !default;
+$switcher-height:               1.375rem !default;
+$switcher-font-size:            .625rem !default;
+$switcher-label-font-size:      $font-size-base !default;
+$switcher-label-line-height:    1.4 !default;
+
+$switcher-width-sm:             2rem !default;
+$switcher-height-sm:            1.125rem !default;
+$switcher-label-font-size-sm:   $font-size-sm !default;
+$switcher-label-line-height-sm: 1.486 !default;
+
+$switcher-width-lg:             3.25rem !default;
+$switcher-height-lg:            1.75rem !default;
+$switcher-label-font-size-lg:   $font-size-lg !default;
+$switcher-label-line-height-lg: 1.47 !default;
+
+$switcher-off-color:            $gray-400 !default;
+$switcher-off-bg:               $gray-200 !default;
+$switcher-holder-bg:            #fff !default;
+$switcher-holder-shadow:        0 0 0 1px rgba($black, .04), 0 1px 6px rgba($black, .09) !default;
+
+// *******************************************************************************
+// * Close
+
+$close-font-weight: 300 !default;
+$close-text-shadow: none !default;
+$close-color: inherit !default;
+
+// *******************************************************************************
+// * Jumbotron
+
+$jumbotron-padding: 3rem !default;
+
+// *******************************************************************************
+// * Sidenav
+
+$sidenav-width:                          15.625rem !default; //250px
+$sidenav-collapsed-width:                4.375rem !default; //70px
+
+$sidenav-item-spacer:                    .0625rem !default;
+
+$sidenav-vertical-link-padding-y:        .75rem !default;
+$sidenav-vertical-link-padding-x:        2rem !default;
+$sidenav-vertical-menu-link-padding-y:   .625rem !default;
+$sidenav-vertical-menu-level-spacer:     1rem !default;
+
+$sidenav-horizontal-link-padding-y:      1rem !default;
+$sidenav-horizontal-link-padding-x:      1rem !default;
+$sidenav-horizontal-menu-link-padding-y: .625rem !default;
+$sidenav-horizontal-menu-level-spacer:   1rem !default;
+
+$sidenav-menu-width:                     12.5rem !default;; //200px
+$sidenav-control-width:                  2.25rem !default;
+$sidenav-control-arrow-size:             .5rem !default;
+
+$sidenav-icon-expanded-width:            1.75rem !default;
+$sidenav-icon-expanded-font-size:        1rem !default;
+$sidenav-icon-expanded-spacer:           .25rem !default;
+
+$sidenav-animation-duration:             .2s !default;
+
+$sidenav-max-levels:                     5 !default;
+
+$sidenav-dark-border-color:              rgba(255, 255, 255, .2) !default;
+$sidenav-dark-menu-bg:                   rgba(0, 0, 0, .06) !default;
+$sidenav-light-border-color:             rgba(0, 0, 0, .06) !default;
+$sidenav-light-menu-bg:                  rgba(0, 0, 0, .05) !default;
+
+// *******************************************************************************
+// * Toasts
+
+$toast-border-color:        $gray-100 !default;
+$toast-border-radius:       $border-radius !default;
+$toast-box-shadow:          $floating-component-shadow !default;
+$toast-header-border-color: $card-inner-border-color !default;
+
+// Config
+$rtl-support: false !default;
+$material-style: false;

EveryThing/wwwroot/vendor/css/_theme/_common.scss

@@ -0,0 +1,60 @@
+// -------------------------------------------------------------------------------
+// Theme mixin
+
+@mixin appwork-common-theme($background, $color: null) {
+  @include text-emphasis-variant('.text-primary', $background);
+  @include bg-variant('.bg-primary', $background);
+  html:not([dir=rtl]) .border-primary, html[dir=rtl] .border-primary { border-color: $background !important; }
+  @include appwork-badge-variant('.badge-primary', $background, $color);
+  @include appwork-badge-outline-variant('.badge-outline-primary', $background);
+  @include appwork-pagination-theme($background, $color);
+  @include appwork-progress-bar-theme($background, $color);
+  @include appwork-list-group-theme($background, $color);
+  @include appwork-alert-variant('.alert-primary', $background);
+  @include appwork-alert-dark-variant('.alert-dark-primary', $background, $color);
+  @include appwork-tooltip-variant('.tooltip-primary, .tooltip-primary > .tooltip, .ngb-tooltip-primary + ngb-tooltip-window', $background, $color);
+  @include appwork-popover-variant('.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window', $background, $color);
+  @include appwork-table-row-variant('.table-primary', $background);
+  @include appwork-button-variant('.btn-primary', $background, $color);
+  @include appwork-button-outline-variant('.btn-outline-primary', $background, $color);
+  @include appwork-dropdown-theme($background, $color);
+  @include appwork-nav-theme($background, $color);
+  @include appwork-custom-control-theme($background, $color);
+  @include appwork-custom-file-input-theme($background);
+  @include appwork-form-control-theme($background);
+  @include appwork-switcher-theme($background, $color);
+  @include appwork-navbar-variant('.navbar.bg-primary', $primary-color);
+  @include appwork-sidenav-variant('.sidenav.bg-primary', $primary-color);
+  @include appwork-footer-variant('.footer.bg-primary', $primary-color);
+  @include appwork-toast-theme('.bg-primary', $primary-color, $color);
+  .fill-primary { fill: $background }
+}
+
+@mixin appwork-common-material-theme($background, $color: null) {
+  @include text-emphasis-variant('.text-primary', $background);
+  @include bg-variant('.bg-primary', $background);
+  html:not([dir=rtl]) .border-primary, html[dir=rtl] .border-primary { border-color: $background !important; }
+  @include appwork-badge-variant('.badge-primary', $background, $color);
+  @include appwork-badge-outline-variant('.badge-outline-primary', $background);
+  @include appwork-pagination-theme($background, $color);
+  @include appwork-progress-bar-theme($background, $color);
+  @include appwork-list-group-theme($background, $color);
+  @include appwork-alert-variant('.alert-primary', $background);
+  @include appwork-alert-dark-variant('.alert-dark-primary', $background, $color);
+  @include appwork-tooltip-variant('.tooltip-primary, .tooltip-primary > .tooltip, .ngb-tooltip-primary + ngb-tooltip-window', $background, $color);
+  @include appwork-popover-variant('.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window', $background, $color);
+  @include appwork-table-row-variant('.table-primary', $background);
+  @include appwork-material-button-variant('.btn-primary', $background, $color);
+  @include appwork-material-button-outline-variant('.btn-outline-primary', $background, $color);
+  @include appwork-material-dropdown-theme($background, $color);
+  @include appwork-material-nav-theme($background, $color);
+  @include appwork-material-custom-control-theme($background, $color);
+  @include appwork-material-custom-file-input-theme($background);
+  @include appwork-material-form-control-theme($background);
+  @include appwork-material-switcher-theme($background);
+  @include appwork-navbar-variant('.navbar.bg-primary', $primary-color);
+  @include appwork-sidenav-variant('.sidenav.bg-primary', $primary-color);
+  @include appwork-footer-variant('.footer.bg-primary', $primary-color);
+  @include appwork-toast-theme('.bg-primary', $primary-color, $color);
+  .fill-primary { fill: $background }
+}

EveryThing/wwwroot/vendor/css/_theme/_libs.scss

@@ -0,0 +1,75 @@
+// -------------------------------------------------------------------------------
+// Imports
+
+@import "../../libs/bootstrap-slider/mixins";
+@import "../../libs/nouislider/mixins";
+@import "../../libs/select2/mixins";
+@import "../../libs/bootstrap-tagsinput/mixins";
+@import "../../libs/bootstrap-select/mixins";
+@import "../../libs/bootstrap-datepicker/mixins";
+@import "../../libs/flatpickr/mixins";
+@import "../../libs/bootstrap-daterangepicker/mixins";
+@import "../../libs/bootstrap-material-datetimepicker/mixins";
+@import "../../libs/timepicker/mixins";
+@import "../../libs/growl/mixins";
+@import "../../libs/bootstrap-markdown/mixins";
+@import "../../libs/quill/mixins";
+@import "../../libs/typeahead-js/mixins";
+@import "../../libs/dropzone/mixins";
+@import "../../libs/swiper/mixins";
+@import "../../libs/spinkit/mixins";
+@import "../../libs/smartwizard/mixins";
+@import "../../libs/plyr/mixins";
+@import "../../libs/fullcalendar/mixins";
+@import "../../libs/sweetalert2/mixins";
+
+// -------------------------------------------------------------------------------
+// Theme mixin
+
+@mixin appwork-libs-theme($background, $color: null) {
+  @include bs-slider-theme($background);
+  @include nouislider-theme($background);
+  @include select2-theme($background, $color);
+  @include bs-tagsinput-theme($background);
+  @include bs-select-theme($background, $color);
+  @include bs-datepicker-theme($background, $color);
+  @include flatpickr-theme($background, $color);
+  @include bs-daterangepicker-theme($background, $color);
+  @include bs-material-datetimepicker-theme($background, $color);
+  @include timepicker-theme($background, $color);
+  @include growl-theme($background, $color);
+  @include bs-markdown-theme($background);
+  @include quill-theme($background);
+  @include typeahead-theme($background, $color);
+  @include dropzone-theme($background);
+  @include swiper-theme($background);
+  @include spinkit-theme($background);
+  @include smartwizard-theme($background);
+  @include plyr-theme($background, $color);
+  @include fullcalendar-theme($background);
+  @include sweetalert2-theme($background, $color);
+}
+
+@mixin appwork-libs-material-theme($background, $color: null) {
+  @include material-bs-slider-theme($background);
+  @include material-nouislider-theme($background);
+  @include material-select2-theme($background, $color);
+  @include material-bs-tagsinput-theme($background);
+  @include bs-select-theme($background, $color);
+  @include bs-datepicker-theme($background, $color);
+  @include flatpickr-theme($background, $color);
+  @include bs-daterangepicker-theme($background, $color);
+  @include bs-material-datetimepicker-theme($background, $color);
+  @include timepicker-theme($background, $color);
+  @include growl-theme($background, $color);
+  @include bs-markdown-theme($background);
+  @include quill-theme($background);
+  @include typeahead-theme($background, $color);
+  @include dropzone-theme($background);
+  @include swiper-theme($background);
+  @include spinkit-theme($background);
+  @include smartwizard-theme($background);
+  @include plyr-theme($background, $color);
+  @include fullcalendar-theme($background);
+  @include sweetalert2-theme($background, $color);
+}

EveryThing/wwwroot/vendor/css/_theme/_uikit.scss

@@ -0,0 +1,5 @@
+@mixin appwork-uikit-theme($background) {
+  .ui-product-color.active {
+    box-shadow: 0 0 0 2px #fff, 0 0 0 4px $background !important;
+  }
+}

EveryThing/wwwroot/vendor/css/_uikit/_common.scss

@@ -0,0 +1,491 @@
+@import '../_custom-variables/uikit';
+
+$ui-icon-size: 46px !default;
+$ui-icon-font-size: 18px !default;
+$ui-icon-size-sm: 30px !default;
+$ui-icon-font-size-sm: 14px !default;
+$ui-icon-border-width: 2px !default;
+$ui-star-size: 1.1em !default;
+$ui-stars-spacer: -0.1em !default;
+$ui-star-filled-color: #FFE924 !default;
+
+// *******************************************************************************
+// * Images
+
+.ui-img-grayscale {
+  opacity: .4;
+  filter: grayscale(1);
+
+  &.hoverable {
+    transition: all .3s;
+
+    &:hover,
+    &:focus {
+      opacity: 1;
+      filter: none;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Utilities
+
+.ui-w-140 {
+  width: 140px !important;
+  height: auto;
+}
+
+.ui-w-120 {
+  width: 120px !important;
+  height: auto;
+}
+
+.ui-w-100 {
+  width: 100px !important;
+  height: auto;
+}
+
+.ui-w-80 {
+  width: 80px !important;
+  height: auto;
+}
+
+.ui-w-60 {
+  width: 60px !important;
+  height: auto;
+}
+
+.ui-w-50 {
+  width: 50px !important;
+  height: auto;
+}
+
+.ui-w-40 {
+  width: 40px !important;
+  height: auto;
+}
+
+.ui-w-30 {
+  width: 30px !important;
+  height: auto;
+}
+
+.ui-w-20 {
+  width: 20px !important;
+  height: auto;
+}
+
+.ui-mh-100vh {
+  min-height: 100vh;
+}
+
+.ui-square,
+.ui-rect,
+.ui-rect-30,
+.ui-rect-60,
+.ui-rect-67,
+.ui-rect-75 {
+  position: relative !important;
+  display: block !important;
+  padding-top: 100% !important;
+  width: 100% !important;
+}
+
+.ui-square {
+  padding-top: 100% !important;
+}
+
+.ui-rect {
+  padding-top: 50% !important;
+}
+
+.ui-rect-30 {
+  padding-top: 30% !important;
+}
+
+.ui-rect-60 {
+  padding-top: 60% !important;
+}
+
+.ui-rect-67 {
+  padding-top: 67% !important;
+}
+
+.ui-rect-75 {
+  padding-top: 75% !important;
+}
+
+.ui-square-content,
+.ui-rect-content {
+  position: absolute !important;
+  top: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+}
+
+// *******************************************************************************
+// * Icons
+
+.ui-icon {
+  display: inline-block;
+  width: $ui-icon-size;
+  height: $ui-icon-size;
+  border: $ui-icon-border-width solid;
+  border-radius: 50%;
+  vertical-align: middle;
+  text-align: center;
+  font-size: $ui-icon-font-size;
+  line-height: calc(#{$ui-icon-size} - #{$ui-icon-border-width * 2});
+
+  &.border-0 {
+    line-height: $ui-icon-size;
+  }
+}
+
+.ui-icon-sm {
+  width: $ui-icon-size-sm;
+  height: $ui-icon-size-sm;
+  font-size: $ui-icon-font-size-sm;
+  line-height: calc(#{$ui-icon-size-sm} - #{$ui-icon-border-width * 2});
+
+  &.border-0 {
+    line-height: $ui-icon-size-sm;
+  }
+}
+
+// *******************************************************************************
+// * Stars
+
+.ui-stars,
+.ui-star,
+.ui-star > * {
+  height: $ui-star-size;
+
+  // Disable dragging
+  -webkit-user-drag: none;
+   -khtml-user-drag: none;
+     -moz-user-drag: none;
+       -o-user-drag: none;
+          user-drag: none;
+}
+
+.ui-stars {
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.ui-star {
+  position: relative;
+  display: block;
+  float: left;
+  width: $ui-star-size;
+  height: $ui-star-size;
+  text-decoration: none !important;
+  font-size: $ui-star-size;
+  line-height: 1;
+  user-select: none;
+
+  [dir=rtl] & {
+    float: right;
+  }
+
+  & + & {
+    margin-left: $ui-stars-spacer;
+
+    [dir=rtl] & {
+      margin-right: $ui-stars-spacer;
+      margin-left: 0;
+    }
+  }
+
+   > *,
+   > *::before,
+   > *::after {
+    position: absolute;
+    left: $ui-star-size / 2;
+    height: 100%;
+    font-size: 1em;
+    line-height: 1;
+    transform: translateX(-50%);
+
+    [dir=rtl] & {
+      right: $ui-star-size / 2;
+      left: auto;
+      transform: translateX(50%);
+    }
+  }
+
+   > * {
+    top: 0;
+    width: 100%;
+    text-align: center;
+  }
+
+   > *:first-child {
+    z-index: 10;
+    display: none;
+    overflow: hidden;
+    color: $ui-star-filled-color;
+  }
+
+  // Default icon
+   > *:last-child {
+    z-index: 5;
+    display: block;
+  }
+
+  &.half-filled > *:first-child {
+    width: 50%;
+    transform: translateX(-100%);
+
+    [dir=rtl] & {
+      transform: translateX(100%);
+    }
+  }
+
+  &.filled > *:first-child,
+  &.half-filled > *:first-child {
+    display: block;
+  }
+
+  &.filled > *:last-child {
+    display: none;
+  }
+}
+
+// Hoverable
+
+.ui-stars.hoverable .ui-star > *:first-child {
+  display: block;
+}
+
+// Empty stars if first star is not filled
+.ui-stars.hoverable .ui-star:first-child:not(.filled),
+.ui-stars.hoverable .ui-star:first-child:not(.half-filled) {
+   > *:first-child,
+   ~ .ui-star > *:first-child {
+    display: none;
+  }
+}
+
+.ui-stars.hoverable .ui-star.filled > *:first-child,
+.ui-stars.hoverable .ui-star.half-filled > *:first-child {
+  display: block !important;
+}
+
+.ui-stars.hoverable:hover .ui-star > *:first-child {
+  display: block !important;
+  width: 100% !important;
+  transform: translateX(-50%) !important;
+
+  [dir=rtl] & {
+    transform: translateX(50%) !important;
+  }
+}
+
+.ui-stars.hoverable .ui-star:hover ~ .ui-star {
+   > *:first-child {
+    display: none !important;
+  }
+
+   > *:last-child {
+    display: block !important;
+  }
+}
+
+// *******************************************************************************
+// * Lists
+
+.ui-list {
+  padding: 0;
+
+   > li {
+    margin-bottom: 8px;
+    list-style: none;
+  }
+
+   > li::before {
+    content: "•";
+    display: inline-block;
+    margin-right: 12px;
+    font-weight: 700;
+
+    [dir=rtl] & {
+      margin-right: 0;
+      margin-left: 12px;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Background
+
+.ui-bg-cover {
+  background-color: rgba(0, 0, 0, 0);
+  background-position: center center;
+  background-size: cover;
+}
+
+.ui-bg-fixed {
+  background-attachment: fixed;
+}
+
+.ui-bg-overlay-container,
+.ui-bg-video-container {
+  position: relative;
+
+   > * {
+    position: relative;
+  }
+}
+
+.ui-bg-overlay-container .ui-bg-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+}
+
+.ui-bg-video-container .ui-bg-video {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  overflow: hidden;
+
+  video {
+    min-width: 100%;
+    min-height: 100%;
+    width: 100%;
+    height: 100%;
+
+    object-fit: cover;
+    object-position: center center;
+  }
+}
+
+// *******************************************************************************
+// * Text block
+
+.ui-text-block {
+  line-height: 1.8;
+
+   > p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// *******************************************************************************
+// * Styles
+
+.default-style {
+  @import "../_appwork/include";
+
+  $ui-star-empty-color: $gray-200;
+  $ui-icon-border-color: $gray-100;
+
+  .ui-icon {
+    border-color: $ui-icon-border-color;
+  }
+
+  .ui-bordered {
+    border: 1px solid $border-color;
+  }
+
+  .ui-star > *:last-child {
+    color: $ui-star-empty-color;
+  }
+
+  .ui-list > li::before {
+    color: $gray-300;
+  }
+
+  // IE 10+ fixes
+  //
+
+  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .ui-mh-100vh {
+      &::after {
+        content: '';
+        display: block;
+        flex: 0 0 0%;
+        min-height: 100vh;
+        width: 0;
+        font-size: 0;
+      }
+
+      &.jumbotron::after {
+        min-height: calc(100vh - #{$jumbotron-padding * 2});
+      }
+
+      &.flex-column::after {
+        display: none;
+      }
+    }
+  }
+
+  @media all and (min-width: map-get($grid-breakpoints, sm)) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .ui-mh-100vh.jumbotron::after {
+      min-height: calc(100vh - #{$jumbotron-padding * 4});
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  $ui-star-empty-color: $gray-200;
+  $ui-icon-border-color: $gray-100;
+
+  .ui-icon {
+    border-color: $ui-icon-border-color;
+  }
+
+  .ui-bordered {
+    border: 1px solid $border-color;
+  }
+
+  .ui-star > *:last-child {
+    color: $ui-star-empty-color;
+  }
+
+  .ui-list > li::before {
+    color: $gray-300;
+  }
+
+  // IE 10+ fixes
+  //
+
+  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .ui-mh-100vh {
+      &::after {
+        content: '';
+        display: block;
+        flex: 0 0 0%;
+        min-height: 100vh;
+        width: 0;
+        font-size: 0;
+      }
+
+      &.jumbotron::after {
+        min-height: calc(100vh - #{$jumbotron-padding * 2});
+      }
+
+      &.flex-column::after {
+        display: none;
+      }
+    }
+  }
+
+  @media all and (min-width: map-get($grid-breakpoints, sm)) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .ui-mh-100vh.jumbotron::after {
+      min-height: calc(100vh - #{$jumbotron-padding * 4});
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_uikit/_company.scss

@@ -0,0 +1,299 @@
+@import '../_custom-variables/uikit';
+
+$ui-company-text-font-size: 15px !default;
+$ui-company-text-line-height: 1.8 !default;
+$ui-window-box-shadow: 0 2px 10px rgba(0,0,0,.12) !default;
+$ui-window-header-bg: #e5e5e5 !default;
+$ui-customer-review-font-size: 1.125rem !default;
+$ui-customer-review-line-height: 1.75 !default;
+
+// *******************************************************************************
+// * Text
+
+.ui-company-text {
+  font-size: $ui-company-text-font-size;
+  line-height: $ui-company-text-line-height;
+}
+
+// *******************************************************************************
+// * Devices
+
+.ui-device {
+  position: relative;
+  user-select: none !important;
+
+  &:before {
+    content: "";
+    display: block;
+    padding-top: 100%;
+  }
+
+  .device-img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+  }
+
+  .device-content {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    overflow: hidden;
+
+    &:before {
+      content: "";
+      display: block;
+      padding-top: 100%;
+    }
+
+    img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+    }
+  }
+}
+
+.ui-device.macbook {
+  width: 1227px;
+
+  &:before {
+    padding-top: 57.86471067644662%;
+  }
+
+  .device-content {
+    margin-top: 4.31947840260799%;
+    margin-left: 12.46943765281174%;
+    width: 75.15262428687857%;
+
+    [dir=rtl] & {
+      margin-right: 12.46943765281174%;
+      margin-left: 0;
+    }
+
+    &:before {
+      padding-top: 62.47288503253796%;
+    }
+  }
+}
+
+.ui-device.iphone {
+  width: 302px;
+
+  &:before {
+    padding-top: 209.154929577464789%;
+  }
+
+  .device-content {
+    z-index: 1;
+    margin-top: 19.58041958041958%;
+    margin-left: 4.580152671755725%;
+    width: 91.608391608391608%;
+    border-radius: 0 0 12% 12% / 0 0 4% 4%;
+
+    [dir=rtl] & {
+      margin-right: 4.580152671755725%;
+      margin-left: 0;
+    }
+
+    &:before {
+      padding-top: 200.763358778625954%;
+    }
+  }
+
+  .device-img {
+    z-index: 2;
+  }
+}
+
+.ui-window {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  padding-top: 23px;
+  box-shadow: $ui-window-box-shadow;
+  user-select: none;
+
+  &:before {
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 3;
+    height: 23px;
+    background: $ui-window-header-bg;
+  }
+
+  .window-content {
+    width: 100%;
+
+    img {
+      display: block;
+      width: 100%;
+    }
+  }
+}
+
+.ui-window,
+.ui-window .window-content {
+  &:before,
+  &:after {
+    content: "";
+    position: absolute;
+    display: block;
+  }
+}
+
+// Buttons
+.ui-window:after,
+.ui-window .window-content:before,
+.ui-window .window-content:after {
+  top: 6px;
+  z-index: 4;
+  width: 11px;
+  height: 11px;
+  border-radius: 50%;
+}
+.ui-window:after {
+  left: 10px;
+  background: #ccc;
+}
+.ui-window .window-content:before {
+  left: 26px;
+  background: #ccc;
+}
+.ui-window .window-content:after {
+  left: 43px;
+  background: #ccc;
+}
+
+// *******************************************************************************
+// * Hero block
+
+.jumbotron.ui-hero {
+  display: flex;
+  margin: 0;
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+
+   > .container,
+   > .container-fluid {
+    display: flex;
+
+     > .row {
+      align-items: center;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Presentation
+
+.ui-presentation-left,
+.ui-presentation-right {
+  &,
+  &.ui-device {
+    width: 100%;
+  }
+}
+
+// *******************************************************************************
+// * Reviews
+
+.ui-customer-review {
+  font-size: $ui-customer-review-font-size;
+  line-height: $ui-customer-review-line-height;
+
+  &::before,
+  &::after {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 1.5em;
+    line-height: $ui-customer-review-font-size;
+    opacity: .15;
+  }
+
+  &:before {
+    content: '“';
+  }
+  &:after {
+    content: '”';
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .ui-hero > .container > .row {
+    width: calc(100% + #{$grid-gutter-width});
+  }
+
+  .ui-customer-review {
+    font-weight: $font-weight-light;
+
+    &::before,
+    &::after {
+      font-weight: $font-weight-bolder;
+    }
+  }
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    .ui-presentation-left,
+    .ui-presentation-right {
+      &,
+      &.ui-device {
+        width: 150%;
+      }
+    }
+  }
+
+  @media (min-width: map-get($grid-breakpoints, xl)) {
+    .ui-presentation-left,
+    .ui-presentation-right {
+      &,
+      &.ui-device {
+        width: 160%;
+      }
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .ui-hero > .container > .row {
+    width: calc(100% + #{$grid-gutter-width});
+  }
+
+  .ui-customer-review {
+    font-weight: $font-weight-light;
+
+    &::before,
+    &::after {
+      font-weight: $font-weight-bold;
+    }
+  }
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    .ui-presentation-left,
+    .ui-presentation-right {
+      &,
+      &.ui-device {
+        width: 150%;
+      }
+    }
+  }
+
+  @media (min-width: map-get($grid-breakpoints, xl)) {
+    .ui-presentation-left,
+    .ui-presentation-right {
+      &,
+      &.ui-device {
+        width: 160%;
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/_uikit/_dashboard.scss

@@ -0,0 +1,89 @@
+@import '../_custom-variables/uikit';
+
+$ui-statistics-icon-size: 2.875rem !default;
+$ui-statistics-icon-font-size: 1.125rem !default;
+$ui-feed-icon-size: 1.25rem !default;
+$ui-feed-icon-font-size: .75rem !default;
+$ui-activity-icon-size: 2.5rem !default;
+$ui-activity-icon-font-size: .875rem !default;
+
+// *******************************************************************************
+// * Statistics icons
+
+.ui-statistics-icon {
+  width: $ui-statistics-icon-size;
+  height: $ui-statistics-icon-size;
+  font-size: $ui-statistics-icon-font-size;
+  line-height: calc(#{$ui-statistics-icon-size} - #{$ui-icon-border-width * 2});
+
+  &.border-0 {
+    line-height: $ui-statistics-icon-size;
+  }
+}
+
+// *******************************************************************************
+// * Feed icons
+
+.ui-feed-icon-container {
+  position: relative;
+}
+
+.ui-feed-icon {
+  position: absolute;
+  top: 0;
+  right: -$ui-feed-icon-size / 2;
+  width: $ui-feed-icon-size;
+  height: $ui-feed-icon-size;
+  border: 0;
+  font-size: $ui-feed-icon-font-size;
+  line-height: $ui-feed-icon-size;
+
+  [dir=rtl] & {
+    right: auto;
+    left: -$ui-feed-icon-size / 2;
+  }
+}
+
+// *******************************************************************************
+// * Todo items
+
+.ui-todo-item .custom-control-input:checked {
+   ~ .custom-control-label {
+    text-decoration: line-through;
+  }
+
+   ~ .ui-todo-badge,
+   ~ .custom-control-label .ui-todo-badge {
+    display: none;
+  }
+}
+
+// *******************************************************************************
+// * Activity icons
+
+.ui-activity-icon {
+  width: $ui-activity-icon-size;
+  height: $ui-activity-icon-size;
+  font-size: $ui-activity-icon-font-size;
+  line-height: calc(#{$ui-activity-icon-size} - #{$ui-icon-border-width * 2});
+
+  &.border-0 {
+    line-height: $ui-activity-icon-size;
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .ui-todo-item .custom-control-input:checked ~ .custom-control-label {
+    color: $text-muted;
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .ui-todo-item .custom-control-input:checked ~ .custom-control-label {
+    color: $text-muted;
+  }
+}

EveryThing/wwwroot/vendor/css/_uikit/_ecommerce.scss

@@ -0,0 +1,53 @@
+@import '../_custom-variables/uikit';
+
+$ui-product-badge-padding: .1875rem .375rem !default;
+$ui-product-badge-font-size: .625rem !default;
+$ui-product-color-size: .875rem !default;
+$ui-product-color-size-lg: 1rem !default;
+$ui-product-color-size-sm: .75rem !default;
+$ui-payment-size: 40px !default;
+$ui-payment-size-sm: 30px !default;
+
+// *******************************************************************************
+// * Product badge
+
+.badge.ui-product-badge {
+  align-self: flex-start;
+  padding: $ui-product-badge-padding;
+  font-size: $ui-product-badge-font-size;
+}
+
+// *******************************************************************************
+// * Product color
+
+.ui-product-color {
+  display: inline-block;
+  overflow: hidden;
+  margin: .144em;
+  width: $ui-product-color-size;
+  height: $ui-product-color-size;
+  border-radius: 10rem;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
+  vertical-align: middle;
+}
+
+.ui-product-color-lg {
+  width: $ui-product-color-size-lg;
+  height: $ui-product-color-size-lg;
+}
+
+.ui-product-color-sm {
+  width: $ui-product-color-size-sm;
+  height: $ui-product-color-size-sm;
+}
+
+// *******************************************************************************
+// * Payment images
+
+.ui-payment {
+  height: $ui-payment-size;
+}
+
+.ui-payment-small {
+  height: $ui-payment-size-sm;
+}

EveryThing/wwwroot/vendor/css/_uikit/_social.scss

@@ -0,0 +1,333 @@
+$timeline-track-color: #e7e7e7;
+$timeline-track-width: .125rem;
+$timeline-spacing: 3.75rem;
+$timeline-bottom-spacing: 1.25rem;
+$timeline-stacked-spacing: 3.125rem;
+$timeline-branch-top-spacing: 1.5625rem;
+$timeline-branch-spacing: .625rem;
+$timeline-info-width: 6.25rem;
+$timeline-info-spacing: 1.875rem;
+$timeline-info-breakpoint: 576px;
+$timeline-centered-breakpoint: 768px;
+
+.ui-play-icon {
+  margin-right: -.25em;
+}
+
+[dir=rtl] .ui-play-icon {
+  margin-right: 0;
+  margin-left: -.25em;
+}
+
+// Timeline
+//
+
+.ui-timeline {
+  position: relative;
+  padding-left: $timeline-spacing;
+
+  // Clearfix
+  &::after {
+    content: "";
+    display: block;
+    clear: both;
+  }
+}
+
+.ui-timeline-track-bg {
+  background: $timeline-track-color;
+}
+
+// Track
+//
+
+.ui-timeline::before,
+.ui-timeline-item::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  z-index: -1;
+  background: $timeline-track-color;
+}
+
+.ui-timeline::before {
+  top: 0;
+  left: $timeline-branch-spacing;
+  width: $timeline-track-width;
+}
+
+.ui-timeline-item::after {
+  top: $timeline-branch-top-spacing;
+  left: -1 * ($timeline-spacing - $timeline-branch-spacing);
+  width: $timeline-spacing - ($timeline-branch-spacing * 2);
+  height: $timeline-track-width;
+}
+
+// Elements
+//
+
+.ui-timeline-item,
+.ui-timeline-separator {
+  position: relative;
+  margin-bottom: $timeline-bottom-spacing;
+}
+
+.ui-timeline-separator {
+  clear: both;
+  margin-left: -$timeline-spacing;
+}
+
+.ui-timeline-badge {
+  position: absolute;
+  top: $timeline-branch-top-spacing;
+  left: -1 * ($timeline-spacing - $timeline-branch-spacing);
+  display: block;
+  transform: translate(-50%, -50%);
+}
+
+// Info
+//
+
+.ui-timeline-info {
+  position: absolute;
+  top: $timeline-branch-top-spacing;
+  left: -1 * ($timeline-spacing + $timeline-info-width - $timeline-branch-spacing);
+  padding-right: $timeline-info-spacing;
+  width: $timeline-info-width;
+  transform: translate(0, -50%);
+  display: none;
+
+  .ui-timeline:not(.ui-timeline-with-info) &,
+  .ui-timeline-horizontal:not(.ui-timeline-with-info) & {
+    display: none;
+  }
+}
+
+@media (min-width: $timeline-info-breakpoint) {
+  .ui-timeline-with-info {
+    padding-left: $timeline-spacing + $timeline-info-width - $timeline-branch-spacing;
+
+    .ui-timeline-info {
+      display: block;
+    }
+
+    &::before {
+      left: $timeline-info-width;
+    }
+
+    .ui-timeline-separator {
+      margin-left: -1 * ($timeline-spacing - $timeline-branch-spacing);
+
+      > * {
+        transform: translateX(-50%);
+      }
+    }
+  }
+}
+
+// Centered timeline
+//
+
+@media (min-width: $timeline-centered-breakpoint) {
+  .ui-timeline-center {
+    padding-left: 0;
+
+    &:before {
+      left: 50%;
+      margin-left: -$timeline-track-width / 2;
+    }
+
+    .ui-timeline-item {
+      float: right;
+      clear: both;
+      width: calc(50% - #{$timeline-spacing});
+
+      &::after {
+        left: -1 * $timeline-spacing;
+        width: $timeline-spacing - $timeline-branch-spacing;
+      }
+
+      .ui-timeline-badge {
+        left: -1 * ($timeline-spacing + ($timeline-track-width / 2));
+      }
+
+      .ui-timeline-info {
+        left: -1 * ($timeline-spacing + $timeline-info-width);
+      }
+    }
+
+    .ui-timeline-item-left {
+      float: left;
+      padding-left: 0;
+
+      &::after {
+        right: -1 * $timeline-spacing;
+        left: auto;
+      }
+
+      .ui-timeline-badge {
+        right: -1 * ($timeline-spacing + ($timeline-track-width / 2));
+        left: auto;
+        transform: translate(50%, -50%);
+      }
+
+      .ui-timeline-info {
+        right: -1 * ($timeline-spacing + $timeline-info-width);
+        left: auto;
+        padding-right: 0;
+        padding-left: $timeline-info-spacing;
+      }
+    }
+
+    .ui-timeline-separator {
+      margin-right: 0;
+      margin-left: 0;
+      text-align: center;
+
+      > * {
+        transform: none;
+      }
+    }
+
+    &.ui-timeline-stacked:not(.ui-timeline-with-info) {
+      .ui-timeline-item {
+        clear: right;
+      }
+
+      .ui-timeline-item-left {
+        clear: left;
+      }
+
+      .ui-timeline-item:not(.ui-timeline-item-left) + .ui-timeline-item-left,
+      .ui-timeline-item-left + .ui-timeline-item:not(.ui-timeline-item-left) {
+        margin-top: $timeline-stacked-spacing;
+      }
+    }
+  }
+}
+
+// Rtl
+[dir=rtl] {
+  .ui-timeline {
+    padding-right: $timeline-spacing;
+    padding-left: 0;
+  }
+
+  .ui-timeline::before {
+    right: $timeline-branch-spacing;
+    left: auto;
+  }
+
+  .ui-timeline-item::after {
+    right: -1 * ($timeline-spacing - $timeline-branch-spacing);
+    left: auto;
+  }
+
+  .ui-timeline-separator {
+    margin-right: -$timeline-spacing;
+    margin-left: 0;
+  }
+
+  .ui-timeline-badge {
+    right: -1 * ($timeline-spacing - $timeline-branch-spacing);
+    left: auto;
+    transform: translate(50%, -50%);
+  }
+
+  .ui-timeline-info {
+    right: -1 * ($timeline-spacing + $timeline-info-width - $timeline-branch-spacing);
+    left: auto;
+    padding-right: 0;
+    padding-left: $timeline-info-spacing;
+  }
+
+  @media (min-width: $timeline-info-breakpoint) {
+    .ui-timeline-with-info {
+      padding-right: $timeline-spacing+$timeline-info-width - $timeline-branch-spacing;
+
+      &::before {
+        right: $timeline-info-width;
+        left: auto;
+      }
+
+      .ui-timeline-separator {
+        margin-right: -1 * ($timeline-spacing - $timeline-branch-spacing);
+
+        > * {
+          transform: translateX(50%);
+        }
+      }
+    }
+  }
+
+  @media (min-width: $timeline-centered-breakpoint) {
+    .ui-timeline-center {
+      padding-right: 0;
+
+      &:before {
+        right: 50%;
+        margin-right: -$timeline-track-width / 2;
+        margin-left: 0;
+      }
+
+      .ui-timeline-item {
+        float: left;
+
+        &::after {
+          right: -1 * $timeline-spacing;
+        }
+
+        .ui-timeline-badge {
+          right: -1 * ($timeline-spacing + ($timeline-track-width / 2));
+          left: auto;
+        }
+
+        .ui-timeline-info {
+          right: -1 * ($timeline-spacing + $timeline-info-width);
+          left: auto;
+        }
+      }
+
+      .ui-timeline-item-left {
+        float: right;
+        padding-right: 0;
+
+        &::after {
+          right: auto;
+          left: -1 * $timeline-spacing;
+        }
+
+        .ui-timeline-badge {
+          right: auto;
+          left: -1 * ($timeline-spacing + ($timeline-track-width / 2));
+          transform: translate(-50%, -50%);
+        }
+
+        .ui-timeline-info {
+          right: auto;
+          left: -1 * ($timeline-spacing + $timeline-info-width);
+          padding-right: $timeline-info-spacing;
+          padding-left: 0;
+        }
+      }
+
+      .ui-timeline-separator {
+        margin-right: 0;
+
+        > * {
+          transform: none;
+        }
+      }
+
+      &.ui-timeline-stacked:not(.ui-timeline-with-info) {
+        .ui-timeline-item {
+          clear: left;
+        }
+
+        .ui-timeline-item-left {
+          clear: right;
+        }
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/appwork-material.scss

@@ -0,0 +1,33 @@
+@import '_appwork/include-material';
+@import '_appwork/reboot';
+@import '_appwork/type';
+@import '_appwork/utilities';
+@import '_appwork/base';
+@import '_appwork/tables';
+@import '_appwork/buttons';
+@import '_appwork/button-group';
+@import '_appwork/badge';
+@import '_appwork/dropdown';
+@import '_appwork/nav';
+@import '_appwork/pagination';
+@import '_appwork/alert';
+@import '_appwork/tooltip';
+@import '_appwork/popover';
+@import '_appwork/forms';
+@import '_appwork/custom-forms';
+@import '_appwork/switcher';
+@import '_appwork/input-group';
+@import '_appwork/modal';
+@import '_appwork/breadcrumb';
+@import '_appwork/list-group';
+@import '_appwork/navbar';
+@import '_appwork/card';
+@import '_appwork/accordion';
+@import '_appwork/carousel';
+@import '_appwork/close';
+@import '_appwork/toasts';
+@import '_appwork/footer';
+@import '_appwork/sidenav';
+@import '_appwork/layout';
+@import '_appwork/app-brand';
+@import '_appwork/spinners';

EveryThing/wwwroot/vendor/css/appwork.scss

@@ -0,0 +1,33 @@
+@import '_appwork/include';
+@import '_appwork/reboot';
+@import '_appwork/type';
+@import '_appwork/utilities';
+@import '_appwork/base';
+@import '_appwork/tables';
+@import '_appwork/buttons';
+@import '_appwork/button-group';
+@import '_appwork/badge';
+@import '_appwork/dropdown';
+@import '_appwork/nav';
+@import '_appwork/pagination';
+@import '_appwork/alert';
+@import '_appwork/tooltip';
+@import '_appwork/popover';
+@import '_appwork/forms';
+@import '_appwork/custom-forms';
+@import '_appwork/switcher';
+@import '_appwork/input-group';
+@import '_appwork/modal';
+@import '_appwork/breadcrumb';
+@import '_appwork/list-group';
+@import '_appwork/navbar';
+@import '_appwork/card';
+@import '_appwork/accordion';
+@import '_appwork/carousel';
+@import '_appwork/close';
+@import '_appwork/toasts';
+@import '_appwork/footer';
+@import '_appwork/sidenav';
+@import '_appwork/layout';
+@import '_appwork/app-brand';
+@import '_appwork/spinners';

EveryThing/wwwroot/vendor/css/bootstrap-material.scss

@@ -0,0 +1,35 @@
+@import '_appwork/include-material';
+@import '../../../node_modules/bootstrap/scss/root';
+@import '../../../node_modules/bootstrap/scss/reboot';
+@import '../../../node_modules/bootstrap/scss/type';
+@import '../../../node_modules/bootstrap/scss/images';
+@import '../../../node_modules/bootstrap/scss/code';
+@import '../../../node_modules/bootstrap/scss/grid';
+@import '../../../node_modules/bootstrap/scss/tables';
+@import '../../../node_modules/bootstrap/scss/forms';
+@import '../../../node_modules/bootstrap/scss/buttons';
+@import '../../../node_modules/bootstrap/scss/transitions';
+@import '../../../node_modules/bootstrap/scss/dropdown';
+@import '../../../node_modules/bootstrap/scss/button-group';
+@import '../../../node_modules/bootstrap/scss/input-group';
+@import '../../../node_modules/bootstrap/scss/custom-forms';
+@import '../../../node_modules/bootstrap/scss/nav';
+@import '../../../node_modules/bootstrap/scss/navbar';
+@import '../../../node_modules/bootstrap/scss/card';
+@import '../../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../../node_modules/bootstrap/scss/pagination';
+@import '../../../node_modules/bootstrap/scss/badge';
+@import '../../../node_modules/bootstrap/scss/jumbotron';
+@import '../../../node_modules/bootstrap/scss/alert';
+@import '../../../node_modules/bootstrap/scss/progress';
+@import '../../../node_modules/bootstrap/scss/media';
+@import '../../../node_modules/bootstrap/scss/list-group';
+@import '../../../node_modules/bootstrap/scss/close';
+@import '../../../node_modules/bootstrap/scss/toasts';
+@import '../../../node_modules/bootstrap/scss/modal';
+@import '../../../node_modules/bootstrap/scss/tooltip';
+@import '../../../node_modules/bootstrap/scss/popover';
+@import '../../../node_modules/bootstrap/scss/carousel';
+@import '../../../node_modules/bootstrap/scss/spinners';
+@import '../../../node_modules/bootstrap/scss/utilities';
+@import '../../../node_modules/bootstrap/scss/print';

EveryThing/wwwroot/vendor/css/bootstrap.scss

@@ -0,0 +1,35 @@
+@import '_appwork/include';
+@import '../../../node_modules/bootstrap/scss/root';
+@import '../../../node_modules/bootstrap/scss/reboot';
+@import '../../../node_modules/bootstrap/scss/type';
+@import '../../../node_modules/bootstrap/scss/images';
+@import '../../../node_modules/bootstrap/scss/code';
+@import '../../../node_modules/bootstrap/scss/grid';
+@import '../../../node_modules/bootstrap/scss/tables';
+@import '../../../node_modules/bootstrap/scss/forms';
+@import '../../../node_modules/bootstrap/scss/buttons';
+@import '../../../node_modules/bootstrap/scss/transitions';
+@import '../../../node_modules/bootstrap/scss/dropdown';
+@import '../../../node_modules/bootstrap/scss/button-group';
+@import '../../../node_modules/bootstrap/scss/input-group';
+@import '../../../node_modules/bootstrap/scss/custom-forms';
+@import '../../../node_modules/bootstrap/scss/nav';
+@import '../../../node_modules/bootstrap/scss/navbar';
+@import '../../../node_modules/bootstrap/scss/card';
+@import '../../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../../node_modules/bootstrap/scss/pagination';
+@import '../../../node_modules/bootstrap/scss/badge';
+@import '../../../node_modules/bootstrap/scss/jumbotron';
+@import '../../../node_modules/bootstrap/scss/alert';
+@import '../../../node_modules/bootstrap/scss/progress';
+@import '../../../node_modules/bootstrap/scss/media';
+@import '../../../node_modules/bootstrap/scss/list-group';
+@import '../../../node_modules/bootstrap/scss/close';
+@import '../../../node_modules/bootstrap/scss/toasts';
+@import '../../../node_modules/bootstrap/scss/modal';
+@import '../../../node_modules/bootstrap/scss/tooltip';
+@import '../../../node_modules/bootstrap/scss/popover';
+@import '../../../node_modules/bootstrap/scss/carousel';
+@import '../../../node_modules/bootstrap/scss/spinners';
+@import '../../../node_modules/bootstrap/scss/utilities';
+@import '../../../node_modules/bootstrap/scss/print';

EveryThing/wwwroot/vendor/css/colors-material.scss

@@ -0,0 +1,110 @@
+@import "_appwork/include-material";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+  flickr: #ff0084,
+  linkedin: #0077b5,
+  periscope: #40a4c4,
+  tumblr: #35465c,
+  vimeo: #1ab7ae,
+  youtube: #b31217,
+
+  windows: #26AAE1,
+  macos: #343434,
+  linux: #800080
+) !default;
+
+@each $color-name, $color-value in $custom-colors {
+  @include text-emphasis-variant('.text-#{$color-name}', $color-value);
+  @include bg-variant('.bg-#{$color-name}', $color-value);
+
+  @include appwork-material-button-variant('.btn-#{$color-name}', $color-value);
+  @include appwork-material-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
+}
+
+// *******************************************************************************
+// * Bootstrap colors (Uncomment required colors)
+
+$bootstrap-colors: (
+  // blue: $blue,
+  // indigo: $indigo,
+  // purple: $purple,
+  // pink: $pink,
+  // orange: $orange,
+  // teal: $teal
+) !default;
+
+@each $color-name, $color-value in $bootstrap-colors {
+  @include text-emphasis-variant('.text-#{$color-name}', $color-value);
+  @include bg-variant('.bg-#{$color-name}', $color-value);
+  .border-#{$color-name} { border-color: $color-value !important; }
+
+  @include appwork-material-button-variant('.btn-#{$color-name}', $color-value);
+  @include appwork-material-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
+}
+
+// *******************************************************************************
+// * Buttons
+
+@include appwork-material-button-variant('.btn-white', #fff, $body-color);
+@include appwork-material-button-outline-variant('.btn-outline-white', #fff, $body-color);
+
+// *******************************************************************************
+// * Custom controls
+
+$custom-control-colors: (
+  black: #000,
+  white: #fff,
+  silver: #eee,
+  gray: #777,
+  gold: #ffeb3b,
+  pink: #e91e63,
+  red: #f44336
+) !default;
+
+@each $color-name, $color-value in $custom-control-colors {
+  @include appwork-material-custom-control-variant('.custom-control.custom-control-#{$color-name}', $color-value, $default-background: $color-value);
+}
+
+// *******************************************************************************
+// * Navbar
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-navbar-variant('.navbar.bg-#{$color}', $value);
+  }
+}
+@include appwork-navbar-variant('.navbar.bg-white', #fff, $body-color);
+@include appwork-navbar-variant('.navbar.bg-light', rgba-to-hex($gray-100), $body-color);
+@include appwork-navbar-variant('.navbar.bg-lighter', rgba-to-hex($gray-50), $body-color);
+
+// *******************************************************************************
+// * Sidenav
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-sidenav-variant('.sidenav.bg-#{$color}', $value);
+  }
+}
+@include appwork-sidenav-variant('.sidenav.bg-white', #fff,       $color: $text-muted, $active-color: $body-color, $menu-bg: #fff);
+@include appwork-sidenav-variant('.sidenav.bg-light', $gray-100,  $color: $text-muted, $active-color: $body-color);
+@include appwork-sidenav-variant('.sidenav.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
+
+// *******************************************************************************
+// * Footer
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-footer-variant('.footer.bg-#{$color}', $value);
+  }
+}
+@include appwork-footer-variant('.footer.bg-white', #fff, $body-color);
+@include appwork-footer-variant('.footer.bg-light', rgba-to-hex($gray-100), $body-color);
+@include appwork-footer-variant('.footer.bg-lighter', rgba-to-hex($gray-50), $body-color);

EveryThing/wwwroot/vendor/css/colors.scss

@@ -0,0 +1,110 @@
+@import "_appwork/include";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+  flickr: #ff0084,
+  linkedin: #0077b5,
+  periscope: #40a4c4,
+  tumblr: #35465c,
+  vimeo: #1ab7ae,
+  youtube: #b31217,
+
+  windows: #26AAE1,
+  macos: #343434,
+  linux: #800080
+) !default;
+
+@each $color-name, $color-value in $custom-colors {
+  @include text-emphasis-variant('.text-#{$color-name}', $color-value);
+  @include bg-variant('.bg-#{$color-name}', $color-value);
+
+  @include appwork-button-variant('.btn-#{$color-name}', $color-value);
+  @include appwork-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
+}
+
+// *******************************************************************************
+// * Bootstrap colors (Uncomment required colors)
+
+$bootstrap-colors: (
+  // blue: $blue,
+  // indigo: $indigo,
+  // purple: $purple,
+  // pink: $pink,
+  // orange: $orange,
+  // teal: $teal
+) !default;
+
+@each $color-name, $color-value in $bootstrap-colors {
+  @include text-emphasis-variant('.text-#{$color-name}', $color-value);
+  @include bg-variant('.bg-#{$color-name}', $color-value);
+  .border-#{$color-name} { border-color: $color-value !important; }
+
+  @include appwork-button-variant('.btn-#{$color-name}', $color-value);
+  @include appwork-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
+}
+
+// *******************************************************************************
+// * Buttons
+
+@include appwork-button-variant('.btn-white', #fff, $body-color);
+@include appwork-button-outline-variant('.btn-outline-white', #fff, $body-color);
+
+// *******************************************************************************
+// * Custom controls
+
+$custom-control-colors: (
+  black: #000,
+  white: #fff,
+  silver: #eee,
+  gray: #777,
+  gold: #ffeb3b,
+  pink: #e91e63,
+  red: #f44336
+) !default;
+
+@each $color-name, $color-value in $custom-control-colors {
+  @include appwork-custom-control-variant('.custom-control.custom-control-#{$color-name}', $color-value, $default-background: $color-value);
+}
+
+// *******************************************************************************
+// * Navbar
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-navbar-variant('.navbar.bg-#{$color}', $value);
+  }
+}
+@include appwork-navbar-variant('.navbar.bg-white',   #fff,      $color: $text-muted, $active-color: $body-color);
+@include appwork-navbar-variant('.navbar.bg-light',   $gray-100, $color: $text-muted, $active-color: $body-color);
+@include appwork-navbar-variant('.navbar.bg-lighter', $gray-50,  $color: $text-muted, $active-color: $body-color);
+
+// *******************************************************************************
+// * Sidenav
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-sidenav-variant('.sidenav.bg-#{$color}', $value);
+  }
+}
+@include appwork-sidenav-variant('.sidenav.bg-white', #fff,       $color: $text-muted, $active-color: $body-color, $menu-bg: #fff);
+@include appwork-sidenav-variant('.sidenav.bg-light', $gray-100,  $color: $text-muted, $active-color: $body-color);
+@include appwork-sidenav-variant('.sidenav.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
+
+// *******************************************************************************
+// * Footer
+
+@each $color, $value in $theme-colors {
+  @if $color != primary and $color != light {
+    @include appwork-footer-variant('.footer.bg-#{$color}', $value);
+  }
+}
+@include appwork-footer-variant('.footer.bg-white',   #fff,      $color: $text-muted, $active-color: $body-color);
+@include appwork-footer-variant('.footer.bg-light',   $gray-100, $color: $text-muted, $active-color: $body-color);
+@include appwork-footer-variant('.footer.bg-lighter', $gray-50,  $color: $text-muted, $active-color: $body-color);

EveryThing/wwwroot/vendor/css/migrate/_src/_appwork-130.scss

@@ -0,0 +1,108 @@
+// Utilities
+//
+
+// [NEW CLASS]: .font-weight-lighter
+.font-weight-thin { font-weight: $font-weight-thin !important; }
+
+// [NEW CLASS]: .text-body
+.text-dark {
+  color: $body-color !important;
+
+  &[href] {
+    &:hover {
+      color: $link-hover-color !important;
+    }
+
+    &:focus:not(:hover) {
+      color: $body-color !important;
+    }
+  }
+}
+
+// [NEW CLASS]: .bg-transparent
+.bg-none {
+  background-color: transparent !important;
+  background-image: none !important;
+}
+
+// [NEW CLASS]: .text-sans-serif
+.font-sans-serif { font-family: $font-family-sans-serif !important; }
+
+// [NEW CLASS]: .text-serif
+.font-serif { font-family: $font-family-serif !important; }
+
+// [NEW CLASS]: .text-monospace
+.font-monospace { font-family: $font-family-monospace !important; }
+
+// [NEW CLASS]: .shadow-none
+.box-shadow-none { box-shadow: none !important; }
+
+// [NEW CLASS]: .container-m-nx
+.container-m--x {
+  margin-right: -$container-padding-x-sm !important;
+  margin-left: -$container-padding-x-sm !important;
+
+  @include media-breakpoint-up(lg) {
+    margin-right: -$container-padding-x !important;
+    margin-left: -$container-padding-x !important;
+  }
+}
+
+// [NEW CLASS]: .container-m-ny
+.container-m--y {
+  &:not([class^="mt-"]):not([class*=" mt-"]) {
+    margin-top: -$container-padding-y !important;
+  }§
+  &:not([class^="mb-"]):not([class*=" mb-"]) {
+    margin-bottom: -$container-padding-y !important;
+  }
+}
+
+// *******************************************************************************
+// * Negative horizontal margins
+// * https://getbootstrap.com/docs/4.2/utilities/spacing/#negative-margin
+//
+// [OLD CLASS]                     [NEW CLASS]
+// m{sides}--{size}                m{sides}-n{size}
+// m{sides}-{breakpoint}--{size}   m{sides}-{breakpoint}-n{size}
+//
+// Examples:
+// ml--3 => ml-n3
+// mr-md--4 => mr-md-n4
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    @each $size, $length in $spacers {
+
+      html:not([dir=rtl]) body:not([dir=rtl]) {
+        .mr#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-right: -$length !important;
+        }
+
+        .ml#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-left: -$length !important;
+        }
+      }
+
+      [dir=rtl] {
+        .mr#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-left: -$length !important;
+        }
+        .ml#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-right: -$length !important;
+        }
+      }
+
+    }
+  }
+}
+
+// [NEW CLASS]: .rounded-pill
+.btn-round {
+  border-radius: 60rem !important;
+}

EveryThing/wwwroot/vendor/css/migrate/appwork-130.scss

@@ -0,0 +1,25 @@
+.default-style {
+  @import '../../../../node_modules/bootstrap/scss/functions';
+  @import '../_appwork/functions';
+  @import '../_custom-variables/appwork';
+  $font-weight-thin: 100 !default;
+  @import '../_appwork/variables';
+  @import '../../../../node_modules/bootstrap/scss/variables';
+  @import '../../../../node_modules/bootstrap/scss/mixins';
+  @import '../_appwork/mixins';
+
+  @import './_src/appwork-130';
+}
+
+.material-style {
+  @import '../../../../node_modules/bootstrap/scss/functions';
+  @import '../_appwork/functions';
+  @import '../_custom-variables/appwork-material';
+  $font-weight-thin: 100 !default;
+  @import '../_appwork/variables-material';
+  @import '../../../../node_modules/bootstrap/scss/variables';
+  @import '../../../../node_modules/bootstrap/scss/mixins';
+  @import '../_appwork/mixins';
+
+  @import './_src/appwork-130';
+}

EveryThing/wwwroot/vendor/css/pages/account.scss

@@ -0,0 +1,42 @@
+.account-settings-fileinput {
+  position: absolute;
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+}
+
+.account-settings-links .list-group-item.active {
+  background: transparent !important;
+  font-weight: bold !important;
+}
+
+.account-settings-multiselect ~ .select2-container {
+  width: 100% !important;
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .account-settings-links .list-group-item {
+    padding: .85rem $card-spacer-x;
+    border-color: $gray-50 !important;
+
+    &.active {
+      color: $body-color !important;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .account-settings-links .list-group-item {
+    padding: .85rem $card-spacer-x;
+    border-color: $gray-50 !important;
+
+    &.active {
+      color: $body-color !important;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/authentication.css

@@ -0,0 +1,48 @@
+.authentication-wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+  min-height: 100vh;
+  width: 100%; }
+  .authentication-wrapper .authentication-inner {
+    width: 100%; }
+  .authentication-wrapper.authentication-1, .authentication-wrapper.authentication-2, .authentication-wrapper.authentication-4 {
+    -ms-flex-align: center;
+        align-items: center;
+    -ms-flex-pack: center;
+        justify-content: center; }
+  .authentication-wrapper.authentication-1 .authentication-inner {
+    max-width: 300px; }
+  .authentication-wrapper.authentication-2 .authentication-inner {
+    max-width: 380px; }
+  .authentication-wrapper.authentication-3 {
+    -ms-flex-align: stretch;
+        align-items: stretch;
+    -ms-flex-pack: stretch;
+        justify-content: stretch; }
+    .authentication-wrapper.authentication-3 .authentication-inner {
+      display: -ms-flexbox;
+      display: flex;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap;
+      -ms-flex-pack: stretch;
+          justify-content: stretch; }
+  .authentication-wrapper.authentication-4 .authentication-inner {
+    max-width: 800px; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .authentication-wrapper:after {
+    content: '';
+    display: block;
+    -ms-flex: 0 0 0%;
+        flex: 0 0 0%;
+    min-height: inherit;
+    width: 0;
+    font-size: 0; } }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy9hdXRoZW50aWNhdGlvbi5jc3MiLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvYXV0aGVudGljYXRpb24uc2NzcyIsInZlbmRvci9jc3MvX2N1c3RvbS12YXJpYWJsZXMvX3BhZ2VzLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vX2N1c3RvbS12YXJpYWJsZXMvcGFnZXMnO1xuXG4kYXV0aGVudGljYXRpb24tMS1pbm5lci1tYXgtd2lkdGg6IDMwMHB4ICFkZWZhdWx0O1xuJGF1dGhlbnRpY2F0aW9uLTItaW5uZXItbWF4LXdpZHRoOiAzODBweCAhZGVmYXVsdDtcbiRhdXRoZW50aWNhdGlvbi00LWlubmVyLW1heC13aWR0aDogODAwcHggIWRlZmF1bHQ7XG5cbi5hdXRoZW50aWNhdGlvbi13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1iYXNpczogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTEsXG4gICYuYXV0aGVudGljYXRpb24tMixcbiAgJi5hdXRoZW50aWNhdGlvbi00IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgJi5hdXRoZW50aWNhdGlvbi0xIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgbWF4LXdpZHRoOiAkYXV0aGVudGljYXRpb24tMS1pbm5lci1tYXgtd2lkdGg7XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTIgLmF1dGhlbnRpY2F0aW9uLWlubmVyIHtcbiAgICBtYXgtd2lkdGg6ICRhdXRoZW50aWNhdGlvbi0yLWlubmVyLW1heC13aWR0aDtcbiAgfVxuXG4gICYuYXV0aGVudGljYXRpb24tMyB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAganVzdGlmeS1jb250ZW50OiBzdHJldGNoO1xuXG4gICAgLmF1dGhlbnRpY2F0aW9uLWlubmVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzdHJldGNoO1xuICAgIH1cbiAgfVxuXG4gICYuYXV0aGVudGljYXRpb24tNCAuYXV0aGVudGljYXRpb24taW5uZXIge1xuICAgIG1heC13aWR0aDogJGF1dGhlbnRpY2F0aW9uLTQtaW5uZXItbWF4LXdpZHRoO1xuICB9XG59XG5cbi8vIElFIDEwLTExIGZpeFxuQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgLmF1dGhlbnRpY2F0aW9uLXdyYXBwZXI6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZsZXg6IDAgMCAwJTtcbiAgICBtaW4taGVpZ2h0OiBpbmhlcml0O1xuICAgIHdpZHRoOiAwO1xuICAgIGZvbnQtc2l6ZTogMDtcbiAgfVxufVxuIiwiIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BLEFBQUEsdUJBQXVCLENBQUM7RUFDdEIsT0FBTyxFQUFFLElBQUk7RUFDYixVQUFVLEVBQUUsSUFBSTtFQUNoQixVQUFVLEVBQUUsS0FBSztFQUNqQixLQUFLLEVBQUUsSUFBSSxHQW9DWjtFQXhDRCxBQU1FLHVCQU5xQixDQU1yQixxQkFBcUIsQ0FBQztJQUNwQixLQUFLLEVBQUUsSUFBSSxHQUNaO0VBUkgsQUFVRSx1QkFWcUIsQUFVcEIsaUJBQWlCLEVBVnBCLHVCQUF1QixBQVdwQixpQkFBaUIsRUFYcEIsdUJBQXVCLEFBWXBCLGlCQUFpQixDQUFDO0lBQ2pCLFdBQVcsRUFBRSxNQUFNO0lBQ25CLGVBQWUsRUFBRSxNQUFNLEdBQ3hCO0VBZkgsQUFpQkUsdUJBakJxQixBQWlCcEIsaUJBQWlCLENBQUMscUJBQXFCLENBQUM7SUFDdkMsU0FBUyxFQXRCc0IsS0FBSyxHQXVCckM7RUFuQkgsQUFxQkUsdUJBckJxQixBQXFCcEIsaUJBQWlCLENBQUMscUJBQXFCLENBQUM7SUFDdkMsU0FBUyxFQXpCc0IsS0FBSyxHQTBCckM7RUF2QkgsQUF5QkUsdUJBekJxQixBQXlCcEIsaUJBQWlCLENBQUM7SUFDakIsV0FBVyxFQUFFLE9BQU87SUFDcEIsZUFBZSxFQUFFLE9BQU8sR0FRekI7SUFuQ0gsQUE2QkksdUJBN0JtQixBQXlCcEIsaUJBQWlCLENBSWhCLHFCQUFxQixDQUFDO01BQ3BCLE9BQU8sRUFBRSxJQUFJO01BQ2IsV0FBVyxFQUFFLE9BQU87TUFDcEIsU0FBUyxFQUFFLE1BQU07TUFDakIsZUFBZSxFQUFFLE9BQU8sR0FDekI7RUFsQ0wsQUFxQ0UsdUJBckNxQixBQXFDcEIsaUJBQWlCLENBQUMscUJBQXFCLENBQUM7SUFDdkMsU0FBUyxFQXhDc0IsS0FBSyxHQXlDckM7O0FBSUgsTUFBTSxDQUFDLEdBQUcsT0FBTyxnQkFBZ0IsRUFBRSxJQUFJLEtBQUssZ0JBQWdCLEVBQUUsTUFBTTtFQUNsRSxBQUFBLHVCQUF1QixBQUFBLE1BQU0sQ0FBQztJQUM1QixPQUFPLEVBQUUsRUFBRTtJQUNYLE9BQU8sRUFBRSxLQUFLO0lBQ2QsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLEVBQUUsT0FBTztJQUNuQixLQUFLLEVBQUUsQ0FBQztJQUNSLFNBQVMsRUFBRSxDQUFDLEdBQ2IifQ== */
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvYXV0aGVudGljYXRpb24uY3NzIiwidmVuZG9yL2Nzcy9wYWdlcy9hdXRoZW50aWNhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VDQUEsb0JBQUE7RUFBQSxhQUFBO0VERUUsNkJDV2U7TURYZixnQkNXZTtFRFZmLGlCQ1dpQjtFQWRuQixXQUFBLEVBQUE7RURBQTtJQ3NCSSxXQXpCK0IsRUFBQTtFREduQztJQWFJLHNCQ2tCZTtRRGxCZixtQkNrQmU7SURqQmYscUJDa0JtQjtRRGxCbkIsdUJDa0JtQixFQUFBO0VEaEN2QjtJQWtCSSxnQkNoQmMsRUFBQTtFREZsQjtJQzhDSSxnQkEzQ2UsRUFBQTtFREhuQjtJQ2tESSx1QkFDRDtRQURDLG9CQUNEO0lEeEJDLHNCQUF3QjtRQUF4Qix3QkFBd0IsRUFBQTtJQTNCNUI7TUE4Qk0sb0JBQWE7TUFBYixhQUFhO01BQ2IsdUJBQW9CO1VBQXBCLG9CQUFvQjtNQUNwQixxQkFBaUI7VUFBakIsaUJBQWlCO01BQ2pCLHNCQUF3QjtVQUF4Qix3QkFBd0IsRUFBQTtFQWpDOUI7SUFzQ0ksZ0JDRUgsRUFBQTs7QURHRDtFQUNFO0lBQ0UsV0FBVztJQUNYLGNBQWM7SUFDZCxnQkFBWTtRQUFaLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsUUFBUTtJQUNSLFlBQVksRUFBQSxFQUNiOztBQXZCSCxxMEdBQXEwRyIsImZpbGUiOiJ2ZW5kb3IvY3NzL3BhZ2VzL2F1dGhlbnRpY2F0aW9uLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uL19jdXN0b20tdmFyaWFibGVzL3BhZ2VzJztcblxuJGF1dGhlbnRpY2F0aW9uLTEtaW5uZXItbWF4LXdpZHRoOiAzMDBweCAhZGVmYXVsdDtcbiRhdXRoZW50aWNhdGlvbi0yLWlubmVyLW1heC13aWR0aDogMzgwcHggIWRlZmF1bHQ7XG4kYXV0aGVudGljYXRpb24tNC1pbm5lci1tYXgtd2lkdGg6IDgwMHB4ICFkZWZhdWx0O1xuXG4uYXV0aGVudGljYXRpb24td3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtYmFzaXM6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogMTAwJTtcblxuICAuYXV0aGVudGljYXRpb24taW5uZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJi5hdXRoZW50aWNhdGlvbi0xLFxuICAmLmF1dGhlbnRpY2F0aW9uLTIsXG4gICYuYXV0aGVudGljYXRpb24tNCB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gICYuYXV0aGVudGljYXRpb24tMSAuYXV0aGVudGljYXRpb24taW5uZXIge1xuICAgIG1heC13aWR0aDogJGF1dGhlbnRpY2F0aW9uLTEtaW5uZXItbWF4LXdpZHRoO1xuICB9XG5cbiAgJi5hdXRoZW50aWNhdGlvbi0yIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgbWF4LXdpZHRoOiAkYXV0aGVudGljYXRpb24tMi1pbm5lci1tYXgtd2lkdGg7XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTMge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgIGp1c3RpZnktY29udGVudDogc3RyZXRjaDtcblxuICAgIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3RyZXRjaDtcbiAgICB9XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTQgLmF1dGhlbnRpY2F0aW9uLWlubmVyIHtcbiAgICBtYXgtd2lkdGg6ICRhdXRoZW50aWNhdGlvbi00LWlubmVyLW1heC13aWR0aDtcbiAgfVxufVxuXG4vLyBJRSAxMC0xMSBmaXhcbkBtZWRpYSBhbGwgYW5kICgtbXMtaGlnaC1jb250cmFzdDogbm9uZSksICgtbXMtaGlnaC1jb250cmFzdDogYWN0aXZlKSB7XG4gIC5hdXRoZW50aWNhdGlvbi13cmFwcGVyOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBmbGV4OiAwIDAgMCU7XG4gICAgbWluLWhlaWdodDogaW5oZXJpdDtcbiAgICB3aWR0aDogMDtcbiAgICBmb250LXNpemU6IDA7XG4gIH1cbn1cbiIsIkBpbXBvcnQgJy4uL19jdXN0b20tdmFyaWFibGVzL3BhZ2VzJztcblxuJGF1dGhlbnRpY2F0aW9uLTEtaW5uZXItbWF4LXdpZHRoOiAzMDBweCAhZGVmYXVsdDtcbiRhdXRoZW50aWNhdGlvbi0yLWlubmVyLW1heC13aWR0aDogMzgwcHggIWRlZmF1bHQ7XG4kYXV0aGVudGljYXRpb24tNC1pbm5lci1tYXgtd2lkdGg6IDgwMHB4ICFkZWZhdWx0O1xuXG4uYXV0aGVudGljYXRpb24td3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtYmFzaXM6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogMTAwJTtcblxuICAuYXV0aGVudGljYXRpb24taW5uZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJi5hdXRoZW50aWNhdGlvbi0xLFxuICAmLmF1dGhlbnRpY2F0aW9uLTIsXG4gICYuYXV0aGVudGljYXRpb24tNCB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gICYuYXV0aGVudGljYXRpb24tMSAuYXV0aGVudGljYXRpb24taW5uZXIge1xuICAgIG1heC13aWR0aDogJGF1dGhlbnRpY2F0aW9uLTEtaW5uZXItbWF4LXdpZHRoO1xuICB9XG5cbiAgJi5hdXRoZW50aWNhdGlvbi0yIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgbWF4LXdpZHRoOiAkYXV0aGVudGljYXRpb24tMi1pbm5lci1tYXgtd2lkdGg7XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTMge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgIGp1c3RpZnktY29udGVudDogc3RyZXRjaDtcblxuICAgIC5hdXRoZW50aWNhdGlvbi1pbm5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3RyZXRjaDtcbiAgICB9XG4gIH1cblxuICAmLmF1dGhlbnRpY2F0aW9uLTQgLmF1dGhlbnRpY2F0aW9uLWlubmVyIHtcbiAgICBtYXgtd2lkdGg6ICRhdXRoZW50aWNhdGlvbi00LWlubmVyLW1heC13aWR0aDtcbiAgfVxufVxuXG4vLyBJRSAxMC0xMSBmaXhcbkBtZWRpYSBhbGwgYW5kICgtbXMtaGlnaC1jb250cmFzdDogbm9uZSksICgtbXMtaGlnaC1jb250cmFzdDogYWN0aXZlKSB7XG4gIC5hdXRoZW50aWNhdGlvbi13cmFwcGVyOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBmbGV4OiAwIDAgMCU7XG4gICAgbWluLWhlaWdodDogaW5oZXJpdDtcbiAgICB3aWR0aDogMDtcbiAgICBmb250LXNpemU6IDA7XG4gIH1cbn1cbiJdfQ== */

EveryThing/wwwroot/vendor/css/pages/authentication.scss

@@ -0,0 +1,59 @@
+@import '../_custom-variables/pages';
+
+$authentication-1-inner-max-width: 300px !default;
+$authentication-2-inner-max-width: 380px !default;
+$authentication-4-inner-max-width: 800px !default;
+
+.authentication-wrapper {
+  display: flex;
+  flex-basis: 100%;
+  min-height: 100vh;
+  width: 100%;
+
+  .authentication-inner {
+    width: 100%;
+  }
+
+  &.authentication-1,
+  &.authentication-2,
+  &.authentication-4 {
+    align-items: center;
+    justify-content: center;
+  }
+
+  &.authentication-1 .authentication-inner {
+    max-width: $authentication-1-inner-max-width;
+  }
+
+  &.authentication-2 .authentication-inner {
+    max-width: $authentication-2-inner-max-width;
+  }
+
+  &.authentication-3 {
+    align-items: stretch;
+    justify-content: stretch;
+
+    .authentication-inner {
+      display: flex;
+      align-items: stretch;
+      flex-wrap: nowrap;
+      justify-content: stretch;
+    }
+  }
+
+  &.authentication-4 .authentication-inner {
+    max-width: $authentication-4-inner-max-width;
+  }
+}
+
+// IE 10-11 fix
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .authentication-wrapper:after {
+    content: '';
+    display: block;
+    flex: 0 0 0%;
+    min-height: inherit;
+    width: 0;
+    font-size: 0;
+  }
+}

EveryThing/wwwroot/vendor/css/pages/chat.scss

@@ -0,0 +1,216 @@
+@import '../_custom-variables/pages';
+
+$chat-wrapper-min-height: 400px !default;
+$chat-sidebox-width: 16rem !default;
+$chat-sidebox-border-width: 1px !default;
+$chat-contacts-padding-y: .625rem !default;
+
+// Make wrapper full page height
+.chat-wrapper {
+  position: relative;
+  display: flex;
+  flex: 1 1 100%;
+  min-height: $chat-wrapper-min-height;
+  width: 100%;
+}
+
+.chat-sidebox {
+  position: absolute !important;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+  display: flex;
+  flex-basis: $chat-sidebox-width;
+  flex-direction: column;
+  flex-grow: 0;
+  width: $chat-sidebox-width;
+  transition: .2s all;
+  transform: translateX(-101%);
+
+  [dir=rtl] & {
+    right: 0;
+    left: auto;
+    transform: translateX(101%);
+  }
+}
+
+.chat-sidebox-open .chat-sidebox {
+  transform: none !important;
+}
+
+.chat-search {
+  border-radius: 10rem;
+}
+
+.chat-contacts .list-group-item {
+  z-index: auto !important;
+  display: flex;
+  align-items: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+  padding: $chat-contacts-padding-y;
+  width: 100%;
+  border: 0;
+  border-radius: 0;
+
+  &.active {
+    font-weight: bold;
+  }
+
+  &:not(.active) {
+    opacity: .7;
+
+    &:hover,
+    &:focus,
+    &:active {
+      opacity: 1;
+    }
+  }
+
+  &.online {
+    opacity: 1;
+  }
+
+  .chat-status {
+    font-weight: normal !important;
+  }
+}
+
+.chat-messages {
+  display: flex;
+  flex-direction: column;
+}
+
+.chat-message-left,
+.chat-message-right {
+  display: flex;
+  flex-shrink: 0;
+}
+
+.chat-message-left {
+  margin-right: auto;
+
+  [dir=rtl] & {
+    margin-right: 0;
+    margin-left: auto;
+  }
+}
+
+.chat-message-right {
+  flex-direction: row-reverse;
+  margin-left: auto;
+
+  [dir=rtl] & {
+    margin-right: auto;
+    margin-left: 0;
+  }
+}
+
+.chat-scroll {
+  position: absolute !important;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .chat-sidebox {
+    background: $white;
+    box-shadow: 0 0 0 $chat-sidebox-border-width $card-inner-border-color;
+  }
+
+  .chat-contacts .list-group-item {
+    padding-right: $card-spacer-x;
+    padding-left: $card-spacer-x;
+
+    &:not(.active) {
+      color: $body-color;
+    }
+
+    .chat-status {
+      color: map-get($theme-colors, danger);
+    }
+
+    .chat-status .badge {
+      background: map-get($theme-colors, danger);
+    }
+
+    &.online .chat-status {
+      color: map-get($theme-colors, success);
+    }
+
+    &.online .chat-status .badge {
+      background: map-get($theme-colors, success);
+    }
+
+    &.active .chat-status {
+      color: $white;
+    }
+
+    &.active .chat-status .badge {
+      background: $white;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .chat-sidebox {
+      position: relative !important;
+      transform: none !important;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .chat-sidebox {
+    background: $white;
+    box-shadow: 0 0 0 $chat-sidebox-border-width $card-inner-border-color;
+  }
+
+  .chat-contacts .list-group-item {
+    padding-right: $card-spacer-x;
+    padding-left: $card-spacer-x;
+
+    &:not(.active) {
+      color: $body-color;
+    }
+
+    .chat-status {
+      color: map-get($theme-colors, danger);
+    }
+
+    .chat-status .badge {
+      background: map-get($theme-colors, danger);
+    }
+
+    &.online .chat-status {
+      color: map-get($theme-colors, success);
+    }
+
+    &.online .chat-status .badge {
+      background: map-get($theme-colors, success);
+    }
+
+    &.active .chat-status {
+      color: $white;
+    }
+
+    &.active .chat-status .badge {
+      background: $white;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .chat-sidebox {
+      position: relative !important;
+      transform: none !important;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/clients.scss

@@ -0,0 +1,133 @@
+@import '../_custom-variables/pages';
+
+$clients-content-bg: transparent !default;
+$clients-sidebox-width: 20rem !default;
+$clients-transition-duration: .2s !default;
+
+// Make wrapper full page height
+.clients-wrapper {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+  flex: 1 1 100%;
+  width: 100%;
+}
+
+.clients-sidebox,
+.clients-content {
+  transition: all $clients-transition-duration;
+}
+
+.clients-content {
+  background: $clients-content-bg;
+}
+
+.clients-sidebox {
+  position: fixed;
+  top: 0;
+  right: -$clients-sidebox-width;
+  height: 100%;
+  width: $clients-sidebox-width;
+
+  [dir=rtl] & {
+    right: auto;
+    left: -$clients-sidebox-width;
+  }
+}
+
+.layout-sidenav-100vh .clients-sidebox {
+  height: 100vh;
+}
+
+.clients-sidebox-open .clients-sidebox {
+  right: 0;
+
+  [dir=rtl] & {
+    right: auto;
+    left: 0;
+  }
+}
+
+.clients-sidebox-close {
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  z-index: 10;
+  display: block;
+  line-height: 1;
+
+  [dir=rtl] & {
+    right: 1rem;
+    left: auto;
+  }
+}
+
+.clients-table tr,
+.clients-table tr > * {
+  cursor: pointer;
+}
+
+.clients-scroll {
+  position: absolute !important;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .clients-sidebox {
+    z-index: $zindex-layout-fixed + 1;
+  }
+
+  @include media-breakpoint-up(lg) {
+    .clients-sidebox {
+      position: absolute;
+      z-index: 1;
+    }
+
+    .clients-sidebox-open .clients-content {
+      right: $clients-sidebox-width;
+    }
+  }
+}
+
+.default-style[dir=rtl] .clients-sidebox-open .clients-content {
+  @import "../_appwork/include";
+
+  @include media-breakpoint-up(lg) {
+    right: 0;
+    left: $clients-sidebox-width;
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .clients-sidebox {
+    z-index: $zindex-layout-fixed + 1;
+  }
+
+  @include media-breakpoint-up(lg) {
+    .clients-sidebox {
+      position: absolute;
+      z-index: 1;
+    }
+
+    .clients-sidebox-open .clients-content {
+      right: $clients-sidebox-width;
+    }
+  }
+}
+
+.material-style[dir=rtl] .clients-sidebox-open .clients-content {
+  @import "../_appwork/include-material";
+
+  @include media-breakpoint-up(lg) {
+    right: 0;
+    left: $clients-sidebox-width;
+  }
+}

EveryThing/wwwroot/vendor/css/pages/contacts.scss

@@ -0,0 +1,95 @@
+@import '../_custom-variables/pages';
+
+$contact-col-breakpoint: md !default;
+$contact-col-width: 33.33333% !default;
+$contact-img-size-col-width: 33.33333% !default;
+$contact-img-size-col-view: 6.25rem !default;
+$contact-img-size-row-view: 4rem !default;
+
+.contacts-dropdown {
+  position: absolute;
+  top: .75rem;
+  right: .75rem;
+
+  [dir=rtl] & {
+    right: auto;
+    left: .75rem;
+  }
+}
+
+.contacts-col-view {
+  .contact-content {
+    margin: 0 auto;
+    text-align: center;
+  }
+
+  .contact-content-img {
+    margin-bottom: 1.25rem;
+    width: $contact-img-size-col-view;
+    height: $contact-img-size-col-view;
+  }
+
+  .contact-content-name,
+  .contact-content-user {
+    display: block;
+  }
+}
+
+.contacts-row-view {
+  .contacts-col > .card > .card-body {
+    padding: 1rem;
+  }
+
+  .contact-content-img {
+    flex-grow: 0;
+    flex-shrink: 0;
+    margin: .125rem 1.25rem 0 .25rem;
+    width: $contact-img-size-row-view;
+    height: $contact-img-size-row-view;
+
+    [dir=rtl] & {
+      margin: .125rem .25rem 0 1.25rem;
+    }
+  }
+
+  .contact-content {
+    display: flex;
+    width: 100%;
+  }
+
+  .contact-content-about {
+    flex-grow: 1;
+
+     > hr {
+      margin-top: .5rem;
+      margin-bottom: .5rem;
+    }
+  }
+
+  .contact-content-name,
+  .contact-content-user {
+    display: inline-block;
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  @include media-breakpoint-up($contact-col-breakpoint) {
+    .contacts-col-view .contacts-col {
+      flex: 0 0 $contact-col-width !important;
+      max-width: $contact-col-width !important;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  @include media-breakpoint-up($contact-col-breakpoint) {
+    .contacts-col-view .contacts-col {
+      flex: 0 0 $contact-col-width !important;
+      max-width: $contact-col-width !important;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/file-manager.scss

@@ -0,0 +1,306 @@
+@import '../_custom-variables/pages';
+
+$file-manager-col-spacer: .25rem !default;
+$file-manager-col-item-width: 9rem !default;
+$file-manager-col-icon-size: 4rem !default;
+$file-manager-col-icon-font-size: 2.5rem !default;
+$file-manager-col-levelup-font-size: 1.5rem !default;
+$file-manager-col-item-spacer: 1.25rem !default;
+$file-manager-col-item-name-spacer: .75rem !default;
+
+$file-manager-row-spacer: .125rem !default;
+$file-manager-row-icon-size: 2rem !default;
+$file-manager-row-icon-font-size: 1.25rem !default;
+$file-manager-row-levelup-font-size: 1rem !default;
+$file-manager-row-item-spacer: .25rem !default;
+$file-manager-changed-width: 10rem !default;
+
+.file-manager-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+   > * {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
+
+.file-manager-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.file-item {
+  position: relative;
+  z-index: 1;
+  flex: 0 0 auto;
+  border: 1px solid transparent;
+  cursor: pointer;
+
+  &:hover,
+  &.focused {
+    border-color: rgba(0,0,0,.05);
+  }
+
+  &.focused {
+    z-index: 2;
+  }
+
+  * {
+    flex-shrink: 0;
+  }
+}
+
+.file-item-checkbox {
+  margin: 0 !important;
+}
+
+.file-item-select-bg {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  opacity: 0;
+}
+
+.file-item-img {
+  background-color: transparent;
+  background-position: center center;
+  background-size: cover;
+}
+
+.file-item-name {
+  display: block;
+  overflow: hidden;
+}
+
+.file-manager-col-view {
+  .file-item {
+    margin: 0 $file-manager-col-spacer $file-manager-col-spacer 0;
+    padding: $file-manager-col-item-spacer 0 ($file-manager-col-item-spacer - .25rem) 0;
+    width: $file-manager-col-item-width;
+    text-align: center;
+
+    [dir=rtl] & {
+      margin-right: 0;
+      margin-left: $file-manager-col-spacer;
+    }
+  }
+
+  .file-item-img,
+  .file-item-icon {
+    display: block;
+    margin: 0 auto $file-manager-col-item-name-spacer auto;
+    width: $file-manager-col-icon-size;
+    height: $file-manager-col-icon-size;
+    font-size: $file-manager-col-icon-font-size;
+    line-height: $file-manager-col-icon-size;
+  }
+
+  .file-item-level-up {
+    font-size: $file-manager-col-levelup-font-size;
+  }
+
+  .file-item-checkbox,
+  .file-item-actions {
+    position: absolute;
+    top: 6px;
+  }
+
+  .file-item-checkbox {
+    left: 6px;
+
+    [dir=rtl] & {
+      right: 6px;
+      left: auto;
+    }
+  }
+
+  .file-item-actions {
+    right: 6px;
+
+    [dir=rtl] & {
+      right: auto;
+      left: 6px;
+    }
+  }
+
+  .file-item-name {
+    width: 100%;
+  }
+
+  .file-manager-row-header,
+  .file-item-changed {
+    display: none;
+  }
+}
+
+.file-manager-row-view {
+  .file-manager-row-header,
+  .file-item {
+    display: flex;
+    align-items: center;
+    margin: 0 0 $file-manager-row-spacer 0;
+    padding: $file-manager-row-item-spacer 3rem $file-manager-row-item-spacer 2.25em;
+    width: 100%;
+
+    [dir=rtl] & {
+      padding-right: 2.25em;
+      padding-left: 3rem;
+    }
+  }
+
+  .file-item-img,
+  .file-item-icon {
+    display: block;
+    margin: 0 1rem;
+    width: $file-manager-row-icon-size;
+    height: $file-manager-row-icon-size;
+    text-align: center;
+    font-size: $file-manager-row-icon-font-size;
+    line-height: $file-manager-row-icon-size;
+  }
+
+  .file-item-level-up {
+    font-size: $file-manager-row-levelup-font-size;
+  }
+
+  .file-item-checkbox,
+  .file-item-actions {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .file-item-checkbox {
+    left: 10px;
+
+    [dir=rtl] & {
+      right: 10px;
+      left: auto;
+    }
+  }
+
+  .file-item-actions {
+    right: 10px;
+
+    [dir=rtl] & {
+      right: auto;
+      left: 10px;
+    }
+  }
+
+  .file-item-changed {
+    display: none;
+    margin-left: auto;
+    width: $file-manager-changed-width;
+
+    [dir=rtl] & {
+      margin-right: auto;
+      margin-left: 0;
+    }
+  }
+
+  .file-item-name {
+    width: calc(100% - #{$file-manager-row-icon-size + 2rem});
+  }
+
+  .file-manager-row-header {
+    border-bottom: 2px solid rgba(0,0,0,.05);
+    font-weight: bold;
+  }
+
+  .file-manager-row-header .file-item-name {
+    margin-left: $file-manager-row-icon-size + 2rem;
+
+    [dir=rtl] & {
+      margin-right: $file-manager-row-icon-size + 2rem;
+      margin-left: 0;
+    }
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .file-item-name {
+    color: $body-color !important;
+  }
+
+  .file-item.selected .file-item-select-bg {
+    opacity: .15;
+  }
+
+  @include media-breakpoint-up(md) {
+    .file-manager-row-view {
+      .file-item-changed {
+        display: block;
+      }
+      .file-item-name {
+        width: calc(100% - #{$file-manager-row-icon-size + $file-manager-changed-width + 3rem});
+      }
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .file-manager-col-view {
+      .file-item-checkbox,
+      .file-item-actions {
+        opacity: 0;
+      }
+
+      .file-item:hover .file-item-checkbox,
+      .file-item.focused .file-item-checkbox,
+      .file-item.selected .file-item-checkbox,
+      .file-item:hover .file-item-actions,
+      .file-item.focused .file-item-actions,
+      .file-item.selected .file-item-actions {
+        opacity: 1;
+      }
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .file-item-name {
+    color: $body-color !important;
+  }
+
+  .file-item.selected .file-item-select-bg {
+    opacity: .15;
+  }
+
+  @include media-breakpoint-up(md) {
+    .file-manager-row-view {
+      .file-item-changed {
+        display: block;
+      }
+      .file-item-name {
+        width: calc(100% - #{$file-manager-row-icon-size + $file-manager-changed-width + 3rem});
+      }
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .file-manager-col-view {
+      .file-item-checkbox,
+      .file-item-actions {
+        opacity: 0;
+      }
+
+      .file-item:hover .file-item-checkbox,
+      .file-item.focused .file-item-checkbox,
+      .file-item.selected .file-item-checkbox,
+      .file-item:hover .file-item-actions,
+      .file-item.focused .file-item-actions,
+      .file-item.selected .file-item-actions {
+        opacity: 1;
+      }
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/messages.scss

@@ -0,0 +1,363 @@
+@import '../_custom-variables/pages';
+
+$messages-inner-bg: transparent !default;
+$messages-sidebox-width: 14rem !default;
+$messages-sidebox-border-width: 1px !default;
+$messages-transition-duration: .2s !default;
+$message-item-padding-y: .75rem !default;
+$message-sender-width: 10rem !default;
+$message-attachment-width: 18rem !default;
+$message-attachment-size: 4rem !default;
+
+// Make wrapper full page height
+.messages-wrapper {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+  flex: 1 1 100%;
+  width: 100%;
+}
+
+.messages-card {
+  overflow: hidden;
+}
+
+.messages-wrapper,
+.messages-sidebox {
+  transition: all $messages-transition-duration;
+}
+
+.messages-sidebox {
+  flex-basis: 100%;
+  flex-grow: 0;
+}
+
+.messages-wrapper .messages-sidebox,
+.messages-card .messages-sidebox {
+  position: fixed;
+  left: calc(-#{$messages-sidebox-width} - #{$messages-sidebox-border-width});
+  z-index: 10;
+  flex-basis: auto;
+  flex-grow: 1;
+  width: $messages-sidebox-width;
+
+  [dir=rtl] & {
+    right: calc(-#{$messages-sidebox-width} - #{$messages-sidebox-border-width});
+    left: auto;
+  }
+}
+
+.layout-sidenav-100vh .messages-wrapper .messages-sidebox {
+  height: 100vh;
+}
+
+.messages-card .messages-sidebox {
+  position: absolute;
+  bottom: 0;
+}
+
+.messages-scroll {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  height: 100%;
+
+  &.messages-content {
+    position: absolute;
+    right: 0;
+    left: 0;
+    width: 100%;
+  }
+}
+
+// List
+
+.messages-list .list-group-item {
+  z-index: auto !important;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding-top: ($message-item-padding-y / 2);
+  padding-bottom: ($message-item-padding-y / 2);
+  width: 100%;
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0;
+
+  &:first-child {
+    border-top: 0;
+  }
+
+  &:last-child {
+    border-bottom: 0;
+  }
+
+   > * {
+    padding-top: ($message-item-padding-y / 2);
+    padding-bottom: ($message-item-padding-y / 2);
+  }
+}
+
+.message-checkbox .custom-control {
+  display: block !important;
+  margin: 0;
+  margin-top: -1px;
+}
+
+.message-sender {
+  min-width: $message-sender-width;
+}
+
+.message-subject {
+  width: 100%;
+}
+
+.message-date {
+  white-space: nowrap;
+}
+
+// Attachments
+
+.message-attachment {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+   > .media-body {
+    min-width: 0;
+  }
+}
+
+.message-attachment-file,
+.message-attachment-img {
+  display: block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: $message-attachment-size;
+  height: $message-attachment-size;
+}
+
+.message-attachment-file {
+  display: inline-block;
+  text-align: center;
+  line-height: $message-attachment-size;
+}
+
+.message-attachment-img {
+  background-color: transparent;
+  background-position: center center;
+  background-size: cover;
+}
+
+.message-attachment-filename {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+
+.default-style {
+  @import "../_appwork/include";
+
+  .messages-wrapper .messages-sidebox {
+    z-index: $zindex-layout-fixed + 1;
+  }
+
+  .messages-sidebox-open .messages-sidebox {
+    left: 0;
+  }
+
+  .messages-card .messages-sidebox {
+    background: $white;
+    box-shadow: 0 0 0 $messages-sidebox-border-width $card-inner-border-color;
+  }
+
+  @include media-breakpoint-up(sm) {
+    .messages-list .list-group-item {
+      flex-wrap: nowrap;
+    }
+
+    .message-subject {
+      width: auto;
+    }
+
+    .message-date {
+      margin-left: auto;
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    .messages-sidebox {
+      flex-basis: $messages-sidebox-width;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      flex-basis: auto;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .messages-wrapper,
+    .messages-sidebox {
+      transition: none !important;
+    }
+
+    .messages-wrapper {
+      padding-left: $messages-sidebox-width;
+    }
+
+    .messages-sidebox {
+      z-index: auto !important;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      position: absolute;
+      left: 0;
+      z-index: auto;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      height: 100% !important;
+    }
+
+    .messages-card .messages-sidebox {
+      position: static;
+      right: auto;
+      left: auto;
+      flex-grow: 0;
+      height: auto;
+    }
+  }
+}
+
+.default-style[dir=rtl] {
+  @import "../_appwork/include";
+
+  .messages-sidebox-open .messages-sidebox {
+    right: 0;
+    left: auto;
+  }
+
+  @include media-breakpoint-up(sm) {
+    .message-date {
+      margin-right: auto;
+      margin-left: 0;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .messages-wrapper {
+      padding-right: $messages-sidebox-width;
+      padding-left: 0;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      right: 0;
+      left: auto;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .messages-wrapper .messages-sidebox {
+    z-index: $zindex-layout-fixed + 1;
+  }
+
+  .messages-sidebox-open .messages-sidebox {
+    left: 0;
+  }
+
+  .messages-card .messages-sidebox {
+    background: $white;
+    box-shadow: 0 0 0 $messages-sidebox-border-width $card-inner-border-color;
+  }
+
+  @include media-breakpoint-up(sm) {
+    .messages-list .list-group-item {
+      flex-wrap: nowrap;
+    }
+
+    .message-subject {
+      width: auto;
+    }
+
+    .message-date {
+      margin-left: auto;
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    .messages-sidebox {
+      flex-basis: $messages-sidebox-width;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      flex-basis: auto;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .messages-wrapper,
+    .messages-sidebox {
+      transition: none !important;
+    }
+
+    .messages-wrapper {
+      padding-left: $messages-sidebox-width;
+    }
+
+    .messages-sidebox {
+      z-index: auto !important;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      position: absolute;
+      left: 0;
+      z-index: auto;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      height: 100% !important;
+    }
+
+    .messages-card .messages-sidebox {
+      position: static;
+      right: auto;
+      left: auto;
+      flex-grow: 0;
+      height: auto;
+    }
+  }
+}
+
+.material-style[dir=rtl] {
+  @import "../_appwork/include-material";
+
+  .messages-sidebox-open .messages-sidebox {
+    right: 0;
+    left: auto;
+  }
+
+  @include media-breakpoint-up(sm) {
+    .message-date {
+      margin-right: auto;
+      margin-left: 0;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .messages-wrapper {
+      padding-right: $messages-sidebox-width;
+      padding-left: 0;
+    }
+
+    .messages-wrapper .messages-sidebox {
+      right: 0;
+      left: auto;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/products.css

@@ -0,0 +1,41 @@
+.product-list-slider.noUi-target .noUi-tooltip,
+.product-list-slider .noUi-target .noUi-tooltip {
+  opacity: 0;
+  transition: opacity .2s; }
+
+.product-list-slider.noUi-target.noUi-state-drag .noUi-tooltip,
+.product-list-slider.noUi-target:hover .noUi-tooltip,
+.product-list-slider .noUi-target.noUi-state-drag .noUi-tooltip,
+.product-list-slider .noUi-target:hover .noUi-tooltip {
+  opacity: 1; }
+
+.product-item-table tr:first-child td {
+  border-top: 0 !important; }
+
+.product-item-table tr td:first-child {
+  width: 9rem; }
+
+.product-item-discounts-table thead tr:first-child th,
+.product-discounts-edit thead tr:first-child th {
+  border-top: 0 !important; }
+
+.product-item-discounts-table td,
+.product-item-discounts-table th,
+.product-discounts-edit td,
+.product-discounts-edit th {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  vertical-align: middle; }
+
+.product-discounts-edit td > .input-group,
+.product-discounts-edit td > .form-control,
+.product-discounts-edit td > .custom-select {
+  min-width: 7.5rem !important; }
+
+.product-image-move {
+  cursor: -webkit-grab;
+  cursor: grab; }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy9wcm9kdWN0cy5jc3MiLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvcHJvZHVjdHMuc2NzcyIsInZlbmRvci9jc3MvX2N1c3RvbS12YXJpYWJsZXMvX3BhZ2VzLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vX2N1c3RvbS12YXJpYWJsZXMvcGFnZXMnO1xuXG4kcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk6IC43NXJlbSAhZGVmYXVsdDtcblxuLy8gRGlzcGxheSBzbGlkZXIgdG9vbHRpcHMgb25seSBvbiBob3ZlciAvIGRyYWdcbi5wcm9kdWN0LWxpc3Qtc2xpZGVyLm5vVWktdGFyZ2V0LFxuLnByb2R1Y3QtbGlzdC1zbGlkZXIgLm5vVWktdGFyZ2V0IHtcbiAgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4ycztcbiAgfVxuXG4gICYubm9VaS1zdGF0ZS1kcmFnIC5ub1VpLXRvb2x0aXAsXG4gICY6aG92ZXIgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLXRhYmxlIHtcbiAgdHI6Zmlyc3QtY2hpbGQgdGQge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRyIHRkOmZpcnN0LWNoaWxkIHtcbiAgICB3aWR0aDogOXJlbTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLWRpc2NvdW50cy10YWJsZSxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHtcbiAgdGhlYWQgdHI6Zmlyc3QtY2hpbGQgdGgge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRkLFxuICB0aCB7XG4gICAgcGFkZGluZy10b3A6ICRwcm9kdWN0LWRpc2NvdW50cy1jZWxsLXBhZGRpbmcteTtcbiAgICBwYWRkaW5nLWJvdHRvbTokcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxufVxuXG4ucHJvZHVjdC1kaXNjb3VudHMtZWRpdCB0ZCA+IC5pbnB1dC1ncm91cCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmZvcm0tY29udHJvbCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmN1c3RvbS1zZWxlY3Qge1xuICBtaW4td2lkdGg6IDcuNXJlbSAhaW1wb3J0YW50O1xufVxuXG4ucHJvZHVjdC1pbWFnZS1tb3ZlIHtcbiAgY3Vyc29yOiBncmFiO1xufVxuIiwiIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLEFBRUUsb0JBRmtCLEFBQUEsWUFBWSxDQUU5QixhQUFhO0FBRGYsb0JBQW9CLENBQUMsWUFBWSxDQUMvQixhQUFhLENBQUM7RUFDWixPQUFPLEVBQUUsQ0FBQztFQUNWLFVBQVUsRUFBRSxXQUFXLEdBQ3hCOztBQUxILEFBT0Usb0JBUGtCLEFBQUEsWUFBWSxBQU83QixnQkFBZ0IsQ0FBQyxhQUFhO0FBUGpDLG9CQUFvQixBQUFBLFlBQVksQUFRN0IsTUFBTSxDQUFDLGFBQWE7QUFQdkIsb0JBQW9CLENBQUMsWUFBWSxBQU05QixnQkFBZ0IsQ0FBQyxhQUFhO0FBTmpDLG9CQUFvQixDQUFDLFlBQVksQUFPOUIsTUFBTSxDQUFDLGFBQWEsQ0FBQztFQUNwQixPQUFPLEVBQUUsQ0FBQyxHQUNYOztBQUdILEFBQ0UsbUJBRGlCLENBQ2pCLEVBQUUsQUFBQSxZQUFZLENBQUMsRUFBRSxDQUFDO0VBQ2hCLFVBQVUsRUFBRSxZQUFZLEdBQ3pCOztBQUhILEFBS0UsbUJBTGlCLENBS2pCLEVBQUUsQ0FBQyxFQUFFLEFBQUEsWUFBWSxDQUFDO0VBQ2hCLEtBQUssRUFBRSxJQUFJLEdBQ1o7O0FBR0gsQUFFRSw2QkFGMkIsQ0FFM0IsS0FBSyxDQUFDLEVBQUUsQUFBQSxZQUFZLENBQUMsRUFBRTtBQUR6Qix1QkFBdUIsQ0FDckIsS0FBSyxDQUFDLEVBQUUsQUFBQSxZQUFZLENBQUMsRUFBRSxDQUFDO0VBQ3RCLFVBQVUsRUFBRSxZQUFZLEdBQ3pCOztBQUpILEFBTUUsNkJBTjJCLENBTTNCLEVBQUU7QUFOSiw2QkFBNkIsQ0FPM0IsRUFBRTtBQU5KLHVCQUF1QixDQUtyQixFQUFFO0FBTEosdUJBQXVCLENBTXJCLEVBQUUsQ0FBQztFQUNELFdBQVcsRUFsQ29CLE9BQU07RUFtQ3JDLGNBQWMsRUFuQ2lCLE9BQU07RUFvQ3JDLGNBQWMsRUFBRSxNQUFNLEdBQ3ZCOztBQUdILEFBQUEsdUJBQXVCLENBQUMsRUFBRSxHQUFHLFlBQVk7QUFDekMsdUJBQXVCLENBQUMsRUFBRSxHQUFHLGFBQWE7QUFDMUMsdUJBQXVCLENBQUMsRUFBRSxHQUFHLGNBQWMsQ0FBQztFQUMxQyxTQUFTLEVBQUUsaUJBQWlCLEdBQzdCOztBQUVELEFBQUEsbUJBQW1CLENBQUM7RUFDbEIsTUFBTSxFQUFFLElBQUksR0FDYiJ9 */
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvcHJvZHVjdHMuc2NzcyIsInZlbmRvci9jc3MvcGFnZXMvcHJvZHVjdHMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBOztFQUNBLFVBQUE7RUFRSSx1QkFDRCxFQUFBOztBQVZIOzs7O0VBYUEsVUFBQSxFQUFBOztBQVdBO0VDVEksd0JBQXdCLEVBQUE7O0FEUzVCO0VBQUEsV0FBQSxFQUFBOztBQ0RBOztFRGdCQSx3QkFBMEIsRUFBQTs7QUNoQjFCOzs7O0VBUUksb0JENUJVO0VDNkJWLHVCRDdCVTtFQzhCVixzQkFBc0IsRUFBQTs7QUFJMUI7OztFQUdFLDRCQUE0QixFQUFBOztBQUc5QjtFQUNFLG9CQUFZO0VBQVosWUFBWSxFQUFBOztBQVpkLDY4RkFBNjhGIiwiZmlsZSI6InZlbmRvci9jc3MvcGFnZXMvcHJvZHVjdHMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vX2N1c3RvbS12YXJpYWJsZXMvcGFnZXMnO1xuXG4kcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk6IC43NXJlbSAhZGVmYXVsdDtcblxuLy8gRGlzcGxheSBzbGlkZXIgdG9vbHRpcHMgb25seSBvbiBob3ZlciAvIGRyYWdcbi5wcm9kdWN0LWxpc3Qtc2xpZGVyLm5vVWktdGFyZ2V0LFxuLnByb2R1Y3QtbGlzdC1zbGlkZXIgLm5vVWktdGFyZ2V0IHtcbiAgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4ycztcbiAgfVxuXG4gICYubm9VaS1zdGF0ZS1kcmFnIC5ub1VpLXRvb2x0aXAsXG4gICY6aG92ZXIgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLXRhYmxlIHtcbiAgdHI6Zmlyc3QtY2hpbGQgdGQge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRyIHRkOmZpcnN0LWNoaWxkIHtcbiAgICB3aWR0aDogOXJlbTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLWRpc2NvdW50cy10YWJsZSxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHtcbiAgdGhlYWQgdHI6Zmlyc3QtY2hpbGQgdGgge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRkLFxuICB0aCB7XG4gICAgcGFkZGluZy10b3A6ICRwcm9kdWN0LWRpc2NvdW50cy1jZWxsLXBhZGRpbmcteTtcbiAgICBwYWRkaW5nLWJvdHRvbTokcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxufVxuXG4ucHJvZHVjdC1kaXNjb3VudHMtZWRpdCB0ZCA+IC5pbnB1dC1ncm91cCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmZvcm0tY29udHJvbCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmN1c3RvbS1zZWxlY3Qge1xuICBtaW4td2lkdGg6IDcuNXJlbSAhaW1wb3J0YW50O1xufVxuXG4ucHJvZHVjdC1pbWFnZS1tb3ZlIHtcbiAgY3Vyc29yOiBncmFiO1xufVxuIiwiQGltcG9ydCAnLi4vX2N1c3RvbS12YXJpYWJsZXMvcGFnZXMnO1xuXG4kcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk6IC43NXJlbSAhZGVmYXVsdDtcblxuLy8gRGlzcGxheSBzbGlkZXIgdG9vbHRpcHMgb25seSBvbiBob3ZlciAvIGRyYWdcbi5wcm9kdWN0LWxpc3Qtc2xpZGVyLm5vVWktdGFyZ2V0LFxuLnByb2R1Y3QtbGlzdC1zbGlkZXIgLm5vVWktdGFyZ2V0IHtcbiAgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4ycztcbiAgfVxuXG4gICYubm9VaS1zdGF0ZS1kcmFnIC5ub1VpLXRvb2x0aXAsXG4gICY6aG92ZXIgLm5vVWktdG9vbHRpcCB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLXRhYmxlIHtcbiAgdHI6Zmlyc3QtY2hpbGQgdGQge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRyIHRkOmZpcnN0LWNoaWxkIHtcbiAgICB3aWR0aDogOXJlbTtcbiAgfVxufVxuXG4ucHJvZHVjdC1pdGVtLWRpc2NvdW50cy10YWJsZSxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHtcbiAgdGhlYWQgdHI6Zmlyc3QtY2hpbGQgdGgge1xuICAgIGJvcmRlci10b3A6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gIHRkLFxuICB0aCB7XG4gICAgcGFkZGluZy10b3A6ICRwcm9kdWN0LWRpc2NvdW50cy1jZWxsLXBhZGRpbmcteTtcbiAgICBwYWRkaW5nLWJvdHRvbTokcHJvZHVjdC1kaXNjb3VudHMtY2VsbC1wYWRkaW5nLXk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxufVxuXG4ucHJvZHVjdC1kaXNjb3VudHMtZWRpdCB0ZCA+IC5pbnB1dC1ncm91cCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmZvcm0tY29udHJvbCxcbi5wcm9kdWN0LWRpc2NvdW50cy1lZGl0IHRkID4gLmN1c3RvbS1zZWxlY3Qge1xuICBtaW4td2lkdGg6IDcuNXJlbSAhaW1wb3J0YW50O1xufVxuXG4ucHJvZHVjdC1pbWFnZS1tb3ZlIHtcbiAgY3Vyc29yOiBncmFiO1xufVxuIl19 */

EveryThing/wwwroot/vendor/css/pages/products.scss

@@ -0,0 +1,51 @@
+@import '../_custom-variables/pages';
+
+$product-discounts-cell-padding-y: .75rem !default;
+
+// Display slider tooltips only on hover / drag
+.product-list-slider.noUi-target,
+.product-list-slider .noUi-target {
+  .noUi-tooltip {
+    opacity: 0;
+    transition: opacity .2s;
+  }
+
+  &.noUi-state-drag .noUi-tooltip,
+  &:hover .noUi-tooltip {
+    opacity: 1;
+  }
+}
+
+.product-item-table {
+  tr:first-child td {
+    border-top: 0 !important;
+  }
+
+  tr td:first-child {
+    width: 9rem;
+  }
+}
+
+.product-item-discounts-table,
+.product-discounts-edit {
+  thead tr:first-child th {
+    border-top: 0 !important;
+  }
+
+  td,
+  th {
+    padding-top: $product-discounts-cell-padding-y;
+    padding-bottom:$product-discounts-cell-padding-y;
+    vertical-align: middle;
+  }
+}
+
+.product-discounts-edit td > .input-group,
+.product-discounts-edit td > .form-control,
+.product-discounts-edit td > .custom-select {
+  min-width: 7.5rem !important;
+}
+
+.product-image-move {
+  cursor: grab;
+}

EveryThing/wwwroot/vendor/css/pages/projects.scss

@@ -0,0 +1,83 @@
+@import '../_custom-variables/pages';
+
+$project-attachment-width: 18rem !default;
+$project-attachment-size: 4rem !default;
+$project-task-item-padding: .625rem 0 !default;
+
+// Attachments
+
+.project-attachment {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+   > .media-body {
+    min-width: 0;
+  }
+}
+
+.project-attachment-file,
+.project-attachment-img {
+  display: block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: $project-attachment-size;
+  height: $project-attachment-size;
+}
+
+.project-attachment-file {
+  display: inline-block;
+  text-align: center;
+  line-height: $project-attachment-size;
+}
+
+.project-attachment-img {
+  background-color: transparent;
+  background-position: center center;
+  background-size: cover;
+}
+
+.project-attachment-filename {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// Tasks
+
+.project-task-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: $project-task-item-padding;
+
+  .ui-todo-item {
+    margin: 0;
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .project-task-item {
+    background: $card-bg;
+
+    + .project-task-item {
+      border-top: 1px solid $gray-100;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .project-task-item {
+    background: $card-bg;
+
+    + .project-task-item {
+      border-top: 1px solid $gray-100;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/search.css

@@ -0,0 +1,10 @@
+.default-style .search-nav.nav {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }
+
+.material-style .search-nav.nav {
+  border: none !important;
+  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06) inset !important; }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy9zZWFyY2guY3NzIiwic291cmNlcyI6WyJ2ZW5kb3IvY3NzL3BhZ2VzL3NlYXJjaC5zY3NzIiwidmVuZG9yL2Nzcy9fY3VzdG9tLXZhcmlhYmxlcy9fcGFnZXMuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi9fY3VzdG9tLXZhcmlhYmxlcy9wYWdlcyc7XG5cbiRzZWFyY2gtbmF2LWJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAuMDYpICFkZWZhdWx0O1xuXG4uZGVmYXVsdC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yICFpbXBvcnRhbnQ7XG59XG5cbi5tYXRlcmlhbC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAtMXB4IDAgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yIGluc2V0ICFpbXBvcnRhbnQ7XG59XG4iLCIiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsQUFBQSxjQUFjLENBQUMsV0FBVyxBQUFBLElBQUksQ0FBQztFQUM3QixhQUFhLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FIQSxtQkFBa0IsQ0FHUSxVQUFVLEdBQzdEOztBQUVELEFBQUEsZUFBZSxDQUFDLFdBQVcsQUFBQSxJQUFJLENBQUM7RUFDOUIsTUFBTSxFQUFFLGVBQWU7RUFDdkIsVUFBVSxFQUFFLENBQUMsQ0FBRSxJQUFHLENBQUMsQ0FBQyxDQVJJLG1CQUFrQixDQVFJLEtBQUssQ0FBQyxVQUFVLEdBQy9EIn0= */
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvc2VhcmNoLmNzcyIsInZlbmRvci9jc3MvcGFnZXMvc2VhcmNoLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUNNRSx1REFDRCxFQUFBOztBREhEO0VBQ0UsdUJBQXVCO0VBQ3ZCLHlEQUE4RCxFQUFBOztBQUhoRSx5akNBQXlqQyIsImZpbGUiOiJ2ZW5kb3IvY3NzL3BhZ2VzL3NlYXJjaC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi9fY3VzdG9tLXZhcmlhYmxlcy9wYWdlcyc7XG5cbiRzZWFyY2gtbmF2LWJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAuMDYpICFkZWZhdWx0O1xuXG4uZGVmYXVsdC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yICFpbXBvcnRhbnQ7XG59XG5cbi5tYXRlcmlhbC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAtMXB4IDAgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yIGluc2V0ICFpbXBvcnRhbnQ7XG59XG4iLCJAaW1wb3J0ICcuLi9fY3VzdG9tLXZhcmlhYmxlcy9wYWdlcyc7XG5cbiRzZWFyY2gtbmF2LWJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAuMDYpICFkZWZhdWx0O1xuXG4uZGVmYXVsdC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yICFpbXBvcnRhbnQ7XG59XG5cbi5tYXRlcmlhbC1zdHlsZSAuc2VhcmNoLW5hdi5uYXYge1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAtMXB4IDAgJHNlYXJjaC1uYXYtYm9yZGVyLWNvbG9yIGluc2V0ICFpbXBvcnRhbnQ7XG59XG4iXX0= */

EveryThing/wwwroot/vendor/css/pages/search.scss

@@ -0,0 +1,12 @@
+@import '../_custom-variables/pages';
+
+$search-nav-border-color: rgba(0, 0, 0, .06) !default;
+
+.default-style .search-nav.nav {
+  border-bottom: 1px solid $search-nav-border-color !important;
+}
+
+.material-style .search-nav.nav {
+  border: none !important;
+  box-shadow: 0 -1px 0 $search-nav-border-color inset !important;
+}

EveryThing/wwwroot/vendor/css/pages/tasks.scss

@@ -0,0 +1,38 @@
+@import '../_custom-variables/pages';
+
+$task-list-item-padding: .625rem 0 !default;
+
+.task-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: $task-list-item-padding;
+
+  .ui-todo-item {
+    margin: 0;
+  }
+}
+
+.default-style {
+  @import "../_appwork/include";
+
+  .task-list-item {
+    background: $card-bg;
+
+    + .task-list-item {
+      border-top: 1px solid $gray-100;
+    }
+  }
+}
+
+.material-style {
+  @import "../_appwork/include-material";
+
+  .task-list-item {
+    background: $card-bg;
+
+    + .task-list-item {
+      border-top: 1px solid $gray-100;
+    }
+  }
+}

EveryThing/wwwroot/vendor/css/pages/tickets.css

@@ -0,0 +1,32 @@
+.ticket-assignee,
+.ticket-assignee-add {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%; }
+
+.ticket-assignee-add {
+  display: inline-block;
+  text-align: center;
+  line-height: 2.5rem; }
+
+.ticket-file,
+.ticket-file-img,
+.ticket-file-add {
+  display: block;
+  width: 4rem;
+  height: 4rem; }
+
+.ticket-file,
+.ticket-file-add {
+  display: inline-block;
+  text-align: center;
+  line-height: 4rem; }
+
+.ticket-file-img {
+  background-color: transparent;
+  background-position: center center;
+  background-size: cover; }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy90aWNrZXRzLmNzcyIsInNvdXJjZXMiOlsidmVuZG9yL2Nzcy9wYWdlcy90aWNrZXRzLnNjc3MiLCJ2ZW5kb3IvY3NzL19jdXN0b20tdmFyaWFibGVzL19wYWdlcy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uL19jdXN0b20tdmFyaWFibGVzL3BhZ2VzJztcblxuJHRpY2tldC1hc3NpZ25lZS1zaXplOiAyLjVyZW0gIWRlZmF1bHQ7XG4kdGlja2V0LWZpbGUtc2l6ZTogNHJlbSAhZGVmYXVsdDtcblxuLnRpY2tldC1hc3NpZ25lZSxcbi50aWNrZXQtYXNzaWduZWUtYWRkIHtcbiAgd2lkdGg6ICR0aWNrZXQtYXNzaWduZWUtc2l6ZTtcbiAgaGVpZ2h0OiAkdGlja2V0LWFzc2lnbmVlLXNpemU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cblxuLnRpY2tldC1hc3NpZ25lZS1hZGQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6ICR0aWNrZXQtYXNzaWduZWUtc2l6ZTtcbn1cblxuLnRpY2tldC1maWxlLFxuLnRpY2tldC1maWxlLWltZyxcbi50aWNrZXQtZmlsZS1hZGQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICR0aWNrZXQtZmlsZS1zaXplO1xuICBoZWlnaHQ6ICR0aWNrZXQtZmlsZS1zaXplO1xufVxuXG4udGlja2V0LWZpbGUsXG4udGlja2V0LWZpbGUtYWRkIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAkdGlja2V0LWZpbGUtc2l6ZTtcbn1cblxuLnRpY2tldC1maWxlLWltZyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xufVxuIiwiIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLEFBQUEsZ0JBQWdCO0FBQ2hCLG9CQUFvQixDQUFDO0VBQ25CLEtBQUssRUFMZ0IsTUFBTTtFQU0zQixNQUFNLEVBTmUsTUFBTTtFQU8zQixhQUFhLEVBQUUsR0FBRyxHQUNuQjs7QUFFRCxBQUFBLG9CQUFvQixDQUFDO0VBQ25CLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFdBQVcsRUFiVSxNQUFNLEdBYzVCOztBQUVELEFBQUEsWUFBWTtBQUNaLGdCQUFnQjtBQUNoQixnQkFBZ0IsQ0FBQztFQUNmLE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQW5CWSxJQUFJO0VBb0JyQixNQUFNLEVBcEJXLElBQUksR0FxQnRCOztBQUVELEFBQUEsWUFBWTtBQUNaLGdCQUFnQixDQUFDO0VBQ2YsT0FBTyxFQUFFLFlBQVk7RUFDckIsVUFBVSxFQUFFLE1BQU07RUFDbEIsV0FBVyxFQTNCTSxJQUFJLEdBNEJ0Qjs7QUFFRCxBQUFBLGdCQUFnQixDQUFDO0VBQ2YsZ0JBQWdCLEVBQUUsV0FBVztFQUM3QixtQkFBbUIsRUFBRSxhQUFhO0VBQ2xDLGVBQWUsRUFBRSxLQUFLLEdBQ3ZCIn0= */
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvdGlja2V0cy5jc3MiLCJ2ZW5kb3IvY3NzL3BhZ2VzL3RpY2tldHMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQTs7RUNRRSxhQVgyQjtFQVkzQixjQVoyQjtFQWEzQixrQkFicUIsRUFBQTs7QUFpQnZCO0VBQ0EscUJBQWlCO0VBQ2Ysa0JBQWM7RUFDZCxtQkFwQjJCLEVBQUE7O0FBd0I3Qjs7O0VBR0UsY0FBWTtFQUNaLFdBNUIyQjtFRHFCM0IsWUNyQjJCLEVBQUE7O0FEd0I3Qjs7RUFFRSxxQkFBcUI7RUFDckIsa0JBQWtCO0VBQ2xCLGlCQzVCMkIsRUFBQTs7QUQrQjdCO0VBQ0UsNkJBQTZCO0VBQzdCLGtDQUFrQztFQUNsQyxzQkFBc0IsRUFBQTs7QUFQeEIseTlEQUF5OUQiLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy90aWNrZXRzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uL19jdXN0b20tdmFyaWFibGVzL3BhZ2VzJztcblxuJHRpY2tldC1hc3NpZ25lZS1zaXplOiAyLjVyZW0gIWRlZmF1bHQ7XG4kdGlja2V0LWZpbGUtc2l6ZTogNHJlbSAhZGVmYXVsdDtcblxuLnRpY2tldC1hc3NpZ25lZSxcbi50aWNrZXQtYXNzaWduZWUtYWRkIHtcbiAgd2lkdGg6ICR0aWNrZXQtYXNzaWduZWUtc2l6ZTtcbiAgaGVpZ2h0OiAkdGlja2V0LWFzc2lnbmVlLXNpemU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cblxuLnRpY2tldC1hc3NpZ25lZS1hZGQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6ICR0aWNrZXQtYXNzaWduZWUtc2l6ZTtcbn1cblxuLnRpY2tldC1maWxlLFxuLnRpY2tldC1maWxlLWltZyxcbi50aWNrZXQtZmlsZS1hZGQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICR0aWNrZXQtZmlsZS1zaXplO1xuICBoZWlnaHQ6ICR0aWNrZXQtZmlsZS1zaXplO1xufVxuXG4udGlja2V0LWZpbGUsXG4udGlja2V0LWZpbGUtYWRkIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAkdGlja2V0LWZpbGUtc2l6ZTtcbn1cblxuLnRpY2tldC1maWxlLWltZyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xufVxuIiwiQGltcG9ydCAnLi4vX2N1c3RvbS12YXJpYWJsZXMvcGFnZXMnO1xuXG4kdGlja2V0LWFzc2lnbmVlLXNpemU6IDIuNXJlbSAhZGVmYXVsdDtcbiR0aWNrZXQtZmlsZS1zaXplOiA0cmVtICFkZWZhdWx0O1xuXG4udGlja2V0LWFzc2lnbmVlLFxuLnRpY2tldC1hc3NpZ25lZS1hZGQge1xuICB3aWR0aDogJHRpY2tldC1hc3NpZ25lZS1zaXplO1xuICBoZWlnaHQ6ICR0aWNrZXQtYXNzaWduZWUtc2l6ZTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4udGlja2V0LWFzc2lnbmVlLWFkZCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBsaW5lLWhlaWdodDogJHRpY2tldC1hc3NpZ25lZS1zaXplO1xufVxuXG4udGlja2V0LWZpbGUsXG4udGlja2V0LWZpbGUtaW1nLFxuLnRpY2tldC1maWxlLWFkZCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogJHRpY2tldC1maWxlLXNpemU7XG4gIGhlaWdodDogJHRpY2tldC1maWxlLXNpemU7XG59XG5cbi50aWNrZXQtZmlsZSxcbi50aWNrZXQtZmlsZS1hZGQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6ICR0aWNrZXQtZmlsZS1zaXplO1xufVxuXG4udGlja2V0LWZpbGUtaW1nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG59XG4iXX0= */

EveryThing/wwwroot/vendor/css/pages/tickets.scss

@@ -0,0 +1,38 @@
+@import '../_custom-variables/pages';
+
+$ticket-assignee-size: 2.5rem !default;
+$ticket-file-size: 4rem !default;
+
+.ticket-assignee,
+.ticket-assignee-add {
+  width: $ticket-assignee-size;
+  height: $ticket-assignee-size;
+  border-radius: 50%;
+}
+
+.ticket-assignee-add {
+  display: inline-block;
+  text-align: center;
+  line-height: $ticket-assignee-size;
+}
+
+.ticket-file,
+.ticket-file-img,
+.ticket-file-add {
+  display: block;
+  width: $ticket-file-size;
+  height: $ticket-file-size;
+}
+
+.ticket-file,
+.ticket-file-add {
+  display: inline-block;
+  text-align: center;
+  line-height: $ticket-file-size;
+}
+
+.ticket-file-img {
+  background-color: transparent;
+  background-position: center center;
+  background-size: cover;
+}

EveryThing/wwwroot/vendor/css/pages/users.css

@@ -0,0 +1,24 @@
+.user-view-table {
+  table-layout: fixed; }
+  .user-view-table td {
+    padding-right: 0;
+    padding-left: 0;
+    border: 0; }
+  .user-view-table td:first-child {
+    width: 9rem; }
+  .user-view-table td:not(:first-child) {
+    min-width: 12rem; }
+
+.user-edit-fileinput {
+  position: absolute;
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
+  opacity: 0; }
+
+.user-edit-multiselect ~ .select2-container {
+  width: 100% !important; }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVuZG9yL2Nzcy9wYWdlcy91c2Vycy5jc3MiLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvdXNlcnMuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIudXNlci12aWV3LXRhYmxlIHtcbiAgdGFibGUtbGF5b3V0OiBmaXhlZDtcblxuICB0ZCB7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5cbiAgdGQ6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiA5cmVtO1xuICB9XG5cbiAgdGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIG1pbi13aWR0aDogMTJyZW07XG4gIH1cbn1cblxuLnVzZXItZWRpdC1maWxlaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi51c2VyLWVkaXQtbXVsdGlzZWxlY3QgfiAuc2VsZWN0Mi1jb250YWluZXIge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLEFBQUEsZ0JBQWdCLENBQUM7RUFDZixZQUFZLEVBQUUsS0FBSyxHQWVwQjtFQWhCRCxBQUdFLGdCQUhjLENBR2QsRUFBRSxDQUFDO0lBQ0QsYUFBYSxFQUFFLENBQUM7SUFDaEIsWUFBWSxFQUFFLENBQUM7SUFDZixNQUFNLEVBQUUsQ0FBQyxHQUNWO0VBUEgsQUFTRSxnQkFUYyxDQVNkLEVBQUUsQUFBQSxZQUFZLENBQUM7SUFDYixLQUFLLEVBQUUsSUFBSSxHQUNaO0VBWEgsQUFhRSxnQkFiYyxDQWFkLEVBQUUsQUFBQSxJQUFLLENBQUEsWUFBWSxFQUFFO0lBQ25CLFNBQVMsRUFBRSxLQUFLLEdBQ2pCOztBQUdILEFBQUEsb0JBQW9CLENBQUM7RUFDbkIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsVUFBVSxFQUFFLE1BQU07RUFDbEIsS0FBSyxFQUFFLEdBQUc7RUFDVixNQUFNLEVBQUUsR0FBRztFQUNYLE9BQU8sRUFBRSxDQUFDLEdBQ1g7O0FBRUQsQUFBQSxzQkFBc0IsR0FBRyxrQkFBa0IsQ0FBQztFQUMxQyxLQUFLLEVBQUUsZUFBZSxHQUN2QiJ9 */
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZlbmRvci9jc3MvcGFnZXMvdXNlcnMuc2NzcyIsInZlbmRvci9jc3MvcGFnZXMvdXNlcnMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsbUJBQW1CLEVBQUE7RUFEckI7SUFLSSxnQkFBZTtJQUNmLGVBQ0Q7SUFQSCxTQUFBLEVBQUE7RUFBQTtJQ1VJLFdBQVcsRUFBQTtFRFZmO0lBcUJFLGdCQUFVLEVBQUE7O0FBS1o7RUFDRSxrQkFBTztFQ1BQLGtCQUFrQjtFQUNsQixVQUFVO0VBQ1YsV0FBVztFQUNYLFVBQVUsRUFBQTs7QUFHWjtFQUNFLHNCQUFzQixFQUFBOztBQU54QixpN0NBQWk3QyIsImZpbGUiOiJ2ZW5kb3IvY3NzL3BhZ2VzL3VzZXJzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi51c2VyLXZpZXctdGFibGUge1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuXG4gIHRkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBib3JkZXI6IDA7XG4gIH1cblxuICB0ZDpmaXJzdC1jaGlsZCB7XG4gICAgd2lkdGg6IDlyZW07XG4gIH1cblxuICB0ZDpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgbWluLXdpZHRoOiAxMnJlbTtcbiAgfVxufVxuXG4udXNlci1lZGl0LWZpbGVpbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgb3BhY2l0eTogMDtcbn1cblxuLnVzZXItZWRpdC1tdWx0aXNlbGVjdCB+IC5zZWxlY3QyLWNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG59XG4iLCIudXNlci12aWV3LXRhYmxlIHtcbiAgdGFibGUtbGF5b3V0OiBmaXhlZDtcblxuICB0ZCB7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5cbiAgdGQ6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiA5cmVtO1xuICB9XG5cbiAgdGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIG1pbi13aWR0aDogMTJyZW07XG4gIH1cbn1cblxuLnVzZXItZWRpdC1maWxlaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi51c2VyLWVkaXQtbXVsdGlzZWxlY3QgfiAuc2VsZWN0Mi1jb250YWluZXIge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuIl19 */

EveryThing/wwwroot/vendor/css/pages/users.scss

@@ -0,0 +1,29 @@
+.user-view-table {
+  table-layout: fixed;
+
+  td {
+    padding-right: 0;
+    padding-left: 0;
+    border: 0;
+  }
+
+  td:first-child {
+    width: 9rem;
+  }
+
+  td:not(:first-child) {
+    min-width: 12rem;
+  }
+}
+
+.user-edit-fileinput {
+  position: absolute;
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+}
+
+.user-edit-multiselect ~ .select2-container {
+  width: 100% !important;
+}

EveryThing/wwwroot/vendor/css/rtl/appwork-material.scss

@@ -0,0 +1,35 @@
+$rtl-support: true;
+
+@import '../_appwork/include-material';
+@import '../_appwork/reboot';
+@import '../_appwork/type';
+@import '../_appwork/utilities';
+@import '../_appwork/base';
+@import '../_appwork/tables';
+@import '../_appwork/buttons';
+@import '../_appwork/button-group';
+@import '../_appwork/badge';
+@import '../_appwork/dropdown';
+@import '../_appwork/nav';
+@import '../_appwork/pagination';
+@import '../_appwork/alert';
+@import '../_appwork/tooltip';
+@import '../_appwork/popover';
+@import '../_appwork/forms';
+@import '../_appwork/custom-forms';
+@import '../_appwork/switcher';
+@import '../_appwork/input-group';
+@import '../_appwork/modal';
+@import '../_appwork/breadcrumb';
+@import '../_appwork/list-group';
+@import '../_appwork/navbar';
+@import '../_appwork/card';
+@import '../_appwork/accordion';
+@import '../_appwork/carousel';
+@import '../_appwork/close';
+@import '../_appwork/toasts';
+@import '../_appwork/footer';
+@import '../_appwork/sidenav';
+@import '../_appwork/layout';
+@import '../_appwork/app-brand';
+@import '../_appwork/spinners';

EveryThing/wwwroot/vendor/css/rtl/appwork.scss

@@ -0,0 +1,35 @@
+$rtl-support: true;
+
+@import '../_appwork/include';
+@import '../_appwork/reboot';
+@import '../_appwork/type';
+@import '../_appwork/utilities';
+@import '../_appwork/base';
+@import '../_appwork/tables';
+@import '../_appwork/buttons';
+@import '../_appwork/button-group';
+@import '../_appwork/badge';
+@import '../_appwork/dropdown';
+@import '../_appwork/nav';
+@import '../_appwork/pagination';
+@import '../_appwork/alert';
+@import '../_appwork/tooltip';
+@import '../_appwork/popover';
+@import '../_appwork/forms';
+@import '../_appwork/custom-forms';
+@import '../_appwork/switcher';
+@import '../_appwork/input-group';
+@import '../_appwork/modal';
+@import '../_appwork/breadcrumb';
+@import '../_appwork/list-group';
+@import '../_appwork/navbar';
+@import '../_appwork/card';
+@import '../_appwork/accordion';
+@import '../_appwork/carousel';
+@import '../_appwork/close';
+@import '../_appwork/toasts';
+@import '../_appwork/footer';
+@import '../_appwork/sidenav';
+@import '../_appwork/layout';
+@import '../_appwork/app-brand';
+@import '../_appwork/spinners';

EveryThing/wwwroot/vendor/css/rtl/bootstrap-material.scss

@@ -0,0 +1,55 @@
+$rtl-support: true;
+
+@import '../_appwork/include-material';
+@import '../../../../node_modules/bootstrap/scss/root';
+@import '../../../../node_modules/bootstrap/scss/reboot';
+@import '../../../../node_modules/bootstrap/scss/type';
+@import '../../../../node_modules/bootstrap/scss/images';
+@import '../../../../node_modules/bootstrap/scss/code';
+@import '../../../../node_modules/bootstrap/scss/grid';
+@import '../../../../node_modules/bootstrap/scss/tables';
+@import '../../../../node_modules/bootstrap/scss/forms';
+@import '../../../../node_modules/bootstrap/scss/buttons';
+@import '../../../../node_modules/bootstrap/scss/transitions';
+@import '../../../../node_modules/bootstrap/scss/dropdown';
+@import '../../../../node_modules/bootstrap/scss/button-group';
+@import '../../../../node_modules/bootstrap/scss/input-group';
+@import '../../../../node_modules/bootstrap/scss/custom-forms';
+@import '../../../../node_modules/bootstrap/scss/nav';
+@import '../../../../node_modules/bootstrap/scss/navbar';
+@import '../../../../node_modules/bootstrap/scss/card';
+@import '../../../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../../../node_modules/bootstrap/scss/pagination';
+@import '../../../../node_modules/bootstrap/scss/badge';
+@import '../../../../node_modules/bootstrap/scss/jumbotron';
+@import '../../../../node_modules/bootstrap/scss/alert';
+@import '../../../../node_modules/bootstrap/scss/progress';
+@import '../../../../node_modules/bootstrap/scss/media';
+@import '../../../../node_modules/bootstrap/scss/list-group';
+@import '../../../../node_modules/bootstrap/scss/close';
+@import '../../../../node_modules/bootstrap/scss/toasts';
+@import '../../../../node_modules/bootstrap/scss/modal';
+@import '../../../../node_modules/bootstrap/scss/tooltip';
+@import '../../../../node_modules/bootstrap/scss/popover';
+@import '../../../../node_modules/bootstrap/scss/carousel';
+@import '../../../../node_modules/bootstrap/scss/spinners';
+
+// We need to wrap some utility classes to properly handle RTL layout
+@import '../../../../node_modules/bootstrap/scss/utilities/align';
+@import '../../../../node_modules/bootstrap/scss/utilities/background';
+html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/borders'; }
+@import '../../../../node_modules/bootstrap/scss/utilities/clearfix';
+@import '../../../../node_modules/bootstrap/scss/utilities/display';
+@import '../../../../node_modules/bootstrap/scss/utilities/embed';
+@import '../../../../node_modules/bootstrap/scss/utilities/flex';
+@import '../../../../node_modules/bootstrap/scss/utilities/float';
+@import "../../../../node_modules/bootstrap/scss/utilities/overflow";
+@import '../../../../node_modules/bootstrap/scss/utilities/position';
+@import '../../../../node_modules/bootstrap/scss/utilities/screenreaders';
+@import "../../../../node_modules/bootstrap/scss/utilities/shadows";
+@import '../../../../node_modules/bootstrap/scss/utilities/sizing';
+html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/spacing'; }
+@import '../../../../node_modules/bootstrap/scss/utilities/text';
+@import '../../../../node_modules/bootstrap/scss/utilities/visibility';
+
+@import '../../../../node_modules/bootstrap/scss/print';

EveryThing/wwwroot/vendor/css/rtl/bootstrap.scss

@@ -0,0 +1,55 @@
+$rtl-support: true;
+
+@import '../_appwork/include';
+@import '../../../../node_modules/bootstrap/scss/root';
+@import '../../../../node_modules/bootstrap/scss/reboot';
+@import '../../../../node_modules/bootstrap/scss/type';
+@import '../../../../node_modules/bootstrap/scss/images';
+@import '../../../../node_modules/bootstrap/scss/code';
+@import '../../../../node_modules/bootstrap/scss/grid';
+@import '../../../../node_modules/bootstrap/scss/tables';
+@import '../../../../node_modules/bootstrap/scss/forms';
+@import '../../../../node_modules/bootstrap/scss/buttons';
+@import '../../../../node_modules/bootstrap/scss/transitions';
+@import '../../../../node_modules/bootstrap/scss/dropdown';
+@import '../../../../node_modules/bootstrap/scss/button-group';
+@import '../../../../node_modules/bootstrap/scss/input-group';
+@import '../../../../node_modules/bootstrap/scss/custom-forms';
+@import '../../../../node_modules/bootstrap/scss/nav';
+@import '../../../../node_modules/bootstrap/scss/navbar';
+@import '../../../../node_modules/bootstrap/scss/card';
+@import '../../../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../../../node_modules/bootstrap/scss/pagination';
+@import '../../../../node_modules/bootstrap/scss/badge';
+@import '../../../../node_modules/bootstrap/scss/jumbotron';
+@import '../../../../node_modules/bootstrap/scss/alert';
+@import '../../../../node_modules/bootstrap/scss/progress';
+@import '../../../../node_modules/bootstrap/scss/media';
+@import '../../../../node_modules/bootstrap/scss/list-group';
+@import '../../../../node_modules/bootstrap/scss/close';
+@import '../../../../node_modules/bootstrap/scss/toasts';
+@import '../../../../node_modules/bootstrap/scss/modal';
+@import '../../../../node_modules/bootstrap/scss/tooltip';
+@import '../../../../node_modules/bootstrap/scss/popover';
+@import '../../../../node_modules/bootstrap/scss/carousel';
+@import '../../../../node_modules/bootstrap/scss/spinners';
+
+// We need to wrap some utility classes to properly handle RTL layout
+@import '../../../../node_modules/bootstrap/scss/utilities/align';
+@import '../../../../node_modules/bootstrap/scss/utilities/background';
+html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/borders'; }
+@import '../../../../node_modules/bootstrap/scss/utilities/clearfix';
+@import '../../../../node_modules/bootstrap/scss/utilities/display';
+@import '../../../../node_modules/bootstrap/scss/utilities/embed';
+@import '../../../../node_modules/bootstrap/scss/utilities/flex';
+@import '../../../../node_modules/bootstrap/scss/utilities/float';
+@import "../../../../node_modules/bootstrap/scss/utilities/overflow";
+@import '../../../../node_modules/bootstrap/scss/utilities/position';
+@import '../../../../node_modules/bootstrap/scss/utilities/screenreaders';
+@import "../../../../node_modules/bootstrap/scss/utilities/shadows";
+@import '../../../../node_modules/bootstrap/scss/utilities/sizing';
+html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/spacing'; }
+@import '../../../../node_modules/bootstrap/scss/utilities/text';
+@import '../../../../node_modules/bootstrap/scss/utilities/visibility';
+
+@import '../../../../node_modules/bootstrap/scss/print';