First Commit

resources/assets/vendor/sass/_appwork/_accordion.scss

@@ -0,0 +1,35 @@
+// Accordions
+//
+
+.ngb-accordion-with-icon .card-header > a {
+  display: flex;
+  justify-content: space-between;
+}
+
+.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);
+    }
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_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-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav:not(:hover) {
+    @include appwork-app-brand-collapsed();
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_appwork/_base.scss

@@ -0,0 +1,199 @@
+// 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 !important;
+  }
+}
+
+@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 $material-style {
+  @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 !important;
+    direction: rtl !important;
+  }
+}

resources/assets/vendor/sass/_appwork/_breadcrumb.scss

@@ -0,0 +1,20 @@
+// Breadcrumbs
+//
+
+.breadcrumb-item,
+.breadcrumb-item a {
+  color: $breadcrumb-color;
+
+  @include hover {
+    color: $breadcrumb-active-color;
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  .breadcrumb-item + .breadcrumb-item::before {
+    content: "#{$breadcrumb-divider-rtl}";
+  }
+}

resources/assets/vendor/sass/_appwork/_button-group.scss

@@ -0,0 +1,150 @@
+// Button groups
+//
+
+@if not $material-style {
+  :not(.btn-group) > .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 {
+    @include ltr-style {
+      border-left-color: transparent !important;
+    }
+    @include rtl-style {
+      border-right-color: transparent !important;
+    }
+  }
+
+  :not(.btn-group) > .btn-group > .btn:not(.btn-default):not([class*="btn-outline-"]):last-child,
+  .btn-group > .btn-group:last-child > .btn:not(.btn-default):not([class*="btn-outline-"]):last-child,
+  :not(.btn-group) > .btn-group > .dropdown-toggle:not(.btn-default):not([class*="btn-outline-"]),
+  .btn-group > .btn-group:last-child > .dropdown-toggle:not(.btn-default):not([class*="btn-outline-"]),
+  .input-group-prepend > .btn:not(.btn-default):not([class*="btn-outline-"]):last-child,
+  .input-group-append > .btn:not(.btn-default):not([class*="btn-outline-"]):last-child,
+  .input-group-prepend > .dropdown-toggle:not(.btn-default):not([class*="btn-outline-"]),
+  .input-group-append > .dropdown-toggle:not(.btn-default):not([class*="btn-outline-"]) {
+    @include ltr-style {
+      border-right-color: transparent !important;
+    }
+    @include rtl-style {
+      border-left-color: transparent !important;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+.btn-group-xs > .btn {
+  @extend .btn-xs;
+}
+
+.btn-group-sm > .btn {
+  font-size: $input-btn-font-size-sm;
+}
+
+.btn-group-lg > .btn {
+  font-size: $input-btn-font-size-lg;
+}
+
+.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:not(.btn-round) {
+    @include border-radius($border-radius !important);
+  }
+
+  .btn-group .btn-xs:not(.btn-round),
+  .btn-group-xs .btn:not(.btn-round) {
+    @include border-radius($border-radius-xs !important);
+  }
+
+  .btn-group .btn-sm:not(.btn-round),
+  .btn-group-sm .btn:not(.btn-round) {
+    @include border-radius($border-radius-sm !important);
+  }
+
+  .btn-group .btn-lg:not(.btn-round),
+  .btn-group-lg .btn:not(.btn-round) {
+    @include border-radius($border-radius-lg !important);
+  }
+
+  .btn-group .btn-xl:not(.btn-round),
+  .btn-group-xl .btn:not(.btn-round) {
+    @include border-radius($border-radius-xl !important);
+  }
+
+  .btn-group {
+    .btn + .btn,
+    .btn + .btn-group,
+    .btn-group + .btn,
+    .btn-group + .btn-group {
+      margin-right: -$input-btn-border-width;
+      margin-left: 0;
+    }
+
+    > .btn:first-child {
+      margin-left: 0;
+    }
+
+    > .btn:not(:last-child):not(.dropdown-toggle),
+    > .btn-group:not(:last-child) > .btn {
+      @include border-left-radius(0 !important);
+    }
+
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) > .btn {
+      @include border-right-radius(0 !important);
+    }
+  }
+
+  .btn-group-vertical {
+    .btn:not([class*=btn-outline]) {
+      border-right-color: transparent !important;
+      border-left-color: transparent !important;
+    }
+
+    > .btn:not(:first-child):not(:last-child),
+    > .btn-group:not(:first-child):not(:last-child) > .btn {
+      border-radius: 0 !important;
+    }
+
+    > .btn-group:first-child:not(:last-child) > .btn {
+      @include border-bottom-radius(0 !important);
+    }
+
+    > .btn-group:last-child:not(:first-child) > .btn {
+      @include border-top-radius(0 !important);
+    }
+  }
+}

resources/assets/vendor/sass/_appwork/_buttons.scss

@@ -0,0 +1,116 @@
+// Buttons
+//
+
+.btn {
+  font-size: $input-btn-font-size;
+
+  @if $material-style {
+    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($input-btn-padding-y-xl, $input-btn-padding-x-xl, $input-btn-font-size-xl, $input-btn-line-height-xl, $btn-border-radius-xl);
+}
+
+.btn-lg {
+  font-size: $input-btn-font-size-lg;
+}
+
+.btn-sm {
+  font-size: $input-btn-font-size-sm;
+}
+
+.btn-xs {
+  @include button-size($input-btn-padding-y-xs, $input-btn-padding-x-xs, $input-btn-font-size-xs, $input-btn-line-height-xs, $btn-border-radius-xs);
+}
+
+// *******************************************************************************
+// * Round button
+
+.btn-round {
+  border-radius: 60rem !important;
+}
+
+// *******************************************************************************
+// * Icon button
+
+.icon-btn {
+  $icon-btn-size:    ($input-btn-font-size    * $input-btn-line-height)    + ($input-btn-padding-y    * 2);
+  $icon-btn-size-xl: ($input-btn-font-size-xl * $input-btn-line-height-xl) + ($input-btn-padding-y-xl * 2);
+  $icon-btn-size-lg: ($input-btn-font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2);
+  $icon-btn-size-sm: ($input-btn-font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2);
+  $icon-btn-size-xs: ($input-btn-font-size-xs * $input-btn-line-height-xs) + ($input-btn-padding-y-xs * 2);
+  $borders-width:    $input-btn-border-width * 2;
+
+  width: calc(#{$icon-btn-size} + #{$borders-width}) !important;
+  padding: 0;
+  line-height: $icon-btn-size;
+
+  &.btn-xl {
+    width: calc(#{$icon-btn-size-xl} + #{$borders-width}) !important;
+    line-height: $icon-btn-size-xl;
+  }
+
+  &.btn-lg {
+    width: calc(#{$icon-btn-size-lg} + #{$borders-width}) !important;
+    line-height: $icon-btn-size-lg;
+  }
+
+  &.btn-sm {
+    width: calc(#{$icon-btn-size-sm} + #{$borders-width}) !important;
+    line-height: $icon-btn-size-sm;
+  }
+
+  &.btn-xs {
+    width: calc(#{$icon-btn-size-xs} + #{$borders-width}) !important;
+    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 !important;
+    box-shadow: none !important;
+  }
+}

resources/assets/vendor/sass/_appwork/_card.scss

@@ -0,0 +1,193 @@
+// 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 {
+    border-bottom-width: 1px;
+  }
+}
+
+@if $material-style {
+  .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 {
+        border-right: 0;
+      }
+    }
+
+    // Handle rounded corners
+    @if $enable-rounded {
+      .card-group .card:first-child {
+        @include border-left-radius(0);
+
+        .card-img-top {
+          border-top-left-radius: 0;
+        }
+
+        .card-img-bottom {
+          border-bottom-left-radius: 0;
+        }
+      }
+
+      .card-group .card:last-child {
+        @include border-right-radius(0);
+
+        .card-img-top {
+          border-top-right-radius: 0;
+        }
+
+        .card-img-bottom {
+          border-bottom-right-radius: 0;
+        }
+      }
+
+      .card-group .card:not(:first-child):not(:last-child) {
+        border-radius: 0;
+
+        .card-img-top,
+        .card-img-bottom {
+          border-radius: 0;
+        }
+      }
+    }
+  }
+}

resources/assets/vendor/sass/_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,
+  .active.carousel-item-right {
+    transform: translateX(-100%);
+
+    @supports (transform-style: preserve-3d) {
+      transform: translate3d(-100%, 0, 0);
+    }
+  }
+
+  .carousel-item-prev,
+  .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);
+  }
+}

resources/assets/vendor/sass/_appwork/_close.scss

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

resources/assets/vendor/sass/_appwork/_custom-forms.scss

@@ -0,0 +1,331 @@
+// Custom forms
+//
+
+// *******************************************************************************
+// * Custom control
+
+.custom-control {
+  position: relative;
+  min-height: $custom-control-indicator-size;
+
+  @include rtl-style {
+    padding-right: $custom-control-gutter;
+    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;
+    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;
+    background-color: $custom-control-indicator-bg;
+    background-position: center center;
+    background-repeat: no-repeat;
+    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 $material-style != true {
+      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;
+}
+
+// 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:active:not(:checked) ~ & {
+    background-color: $custom-control-indicator-bg;
+  }
+
+  .custom-control-input:disabled ~ &,
+  fieldset[disabled] .custom-control-input ~ & {
+    border-color: $custom-control-indicator-border-color !important;
+    background-color: $custom-control-indicator-disabled-bg !important;
+  }
+
+  .custom-checkbox .custom-control-input:disabled:checked ~ &,
+  fieldset[disabled] .custom-control-input:checked ~ & {
+    background-image: url(str-replace(str-replace($custom-checkbox-indicator-bg, '_COLOR_', $custom-control-label-disabled-color), "#", "%23")) !important;
+  }
+
+  .custom-radio .custom-control-input:disabled:checked ~ &,
+  fieldset[disabled] .custom-control-input:checked ~ & {
+    background-image: url(str-replace(str-replace($custom-radio-indicator-bg, '_COLOR_', $custom-control-label-disabled-color), "#", "%23")) !important;
+  }
+}
+
+// Material states
+@if $material-style {
+  // 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 ~ &,
+    fieldset[disabled] .custom-control-input ~ & {
+      display: none !important;
+    }
+  }
+
+  // Hide radio bullet
+  .custom-radio .custom-control-input:not(:checked) ~ .custom-control-label::before {
+    background-size: 0 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-image: $custom-select-indicator !important;
+  background-clip: padding-box;
+  transition: $input-transition;
+
+  &[size="0"]:not([multiple]) {
+    padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
+  }
+
+  @include rtl-style {
+    background-image: $custom-select-indicator-rtl !important;
+
+    &,
+    &[size="0"]:not([multiple]) {
+      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 !important;
+      color: $material-input-disabled-color !important;
+    }
+  }
+}
+
+// Inverted
+.custom-select-inverted {
+  background-image: $custom-select-indicator-inverted !important;
+
+  @include rtl-style {
+    background-image: $custom-select-indicator-inverted-rtl !important;
+  }
+
+  &,
+  &:focus {
+    background-color: $input-inverted-bg;
+    color: $input-inverted-color;
+
+    @if $material-style != true {
+      border-color: transparent;
+    } @else {
+      border-color: $input-inverted-border-color;
+    }
+  }
+
+  &:disabled {
+    background-color: $custom-select-inverted-disabled-bg !important;
+
+    @if $material-style != true {
+      color: $custom-select-inverted-disabled-color !important;
+    } @else {
+      border-color: $material-input-inverted-disabled-border-color !important;
+      color: $input-inverted-disabled-color !important;
+    }
+  }
+
+  &::placeholder {
+    color: $input-inverted-placeholder-color;
+  }
+
+  option {
+    color: $body-color !important;
+  }
+}
+
+// Sizing
+@include appwork-custom-select-size('sm', $custom-select-padding-y-sm, $custom-select-padding-x-sm, $input-height-sm, $font-size-sm, $line-height-sm);
+@include appwork-custom-select-size('lg', $custom-select-padding-y-lg, $custom-select-padding-x-lg, $input-height-lg, $font-size-lg, $line-height-lg);
+
+// Material style
+@if $material-style {
+  @include ltr-only {
+    :not(.input-group) > .custom-select:not([class*='px-']):not([class*='pl-']) {
+      padding-left: 0;
+    }
+
+    :not(.input-group) > .custom-select:not([class*='px-']):not([class*='pr-']):not([multiple]) {
+      &:not([size]),
+      &[size="0"],
+      &[size="1"] {
+        padding-right: $custom-select-padding-x !important;
+        background-position: right center !important;
+      }
+    }
+  }
+  @include rtl-only {
+    :not(.input-group) > .custom-select:not([class*='px-']):not([class*='pl-']) {
+      padding-right: 0;
+    }
+
+    :not(.input-group) > .custom-select:not([class*='px-']):not([class*='pr-']):not([multiple]) {
+      &:not([size]),
+      &[size="0"],
+      &[size="1"] {
+        padding-left: $custom-select-padding-x !important;
+        background-position: left center !important;
+      }
+    }
+  }
+}
+
+// Multiple select
+//
+
+.custom-select[class][multiple],
+.custom-select[size]:not([size="1"]):not([size="0"]) {
+  padding-right: if($material-style, 0, $custom-select-padding-x) !important;
+  padding-left: if($material-style, 0, $custom-select-padding-x) !important;
+  height: auto !important;
+  background-image: none !important;
+}
+
+.custom-select-sm,
+.input-group-sm .custom-select {
+  &[class][multiple],
+  &[size]:not([size="1"]):not([size="0"]) {
+    padding-right: if($material-style, 0, $custom-select-padding-x-sm) !important;
+    padding-left: if($material-style, 0, $custom-select-padding-x-sm) !important;
+  }
+}
+
+.custom-select-lg,
+.input-group-lg .custom-select {
+  &[class][multiple],
+  &[size]:not([size="1"]):not([size="0"]) {
+    padding-right: if($material-style, 0, $custom-select-padding-x-lg) !important;
+    padding-left: if($material-style, 0, $custom-select-padding-x-lg) !important;
+  }
+}
+
+// *******************************************************************************
+// * File input
+
+.custom-file {
+  display: block;
+  width: 100%;
+}
+
+.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 !important;
+      color: $material-input-disabled-color !important;
+    }
+
+    &::before {
+      opacity: .65;
+    }
+  }
+}

resources/assets/vendor/sass/_appwork/_dropdown.scss

@@ -0,0 +1,250 @@
+// 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 $material-style {
+    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 !important;
+
+    // Ripple
+    .waves-ripple {
+      background: rgba(0, 0, 0, .1) !important;
+    }
+    &.active .waves-ripple,
+    &.disabled .waves-ripple {
+      display: none !important;
+    }
+  }
+}
+
+// Hidden dropdown toggle arrow
+.dropdown-toggle.hide-arrow,
+.dropdown-toggle-hide-arrow > .dropdown-toggle {
+  &::before,
+  &::after {
+    display: none !important;
+  }
+}
+
+// *******************************************************************************
+// * 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
+
+.dropdown-toggle {
+  &::after,
+  &::before {
+    vertical-align: middle !important;
+  }
+
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
+    margin-left: .5em;
+  }
+
+  .dropleft &::before {
+    margin-right: .5em;
+  }
+}
+
+@include rtl-only {
+  .dropdown-toggle::after,
+  .dropup .dropdown-toggle::after {
+    margin-right: .5em;
+    margin-left: 0;
+  }
+
+  .dropleft .dropdown-toggle::before,
+  .dropright .dropdown-toggle::after {
+    display: none;
+  }
+
+  @if $enable-caret {
+    .dropright .dropdown-toggle::before {
+      content: "";
+      display: inline-block;
+      margin-right: 0;
+      margin-left: .5em;
+
+      @include caret-right;
+    }
+
+    .dropleft .dropdown-toggle::after {
+      content: "";
+      display: inline-block;
+      margin-right: .5em;
+      margin-left: 0;
+
+      @include caret-left;
+    }
+  }
+}
+
+.dropdown-toggle-split::after {
+  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;
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_appwork/_forms.scss

@@ -0,0 +1,235 @@
+// 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:not([class*='px-']):not([class*='pl-']) {
+    @include ltr-style {
+      padding-left: 0;
+    }
+    @include rtl-style {
+      padding-right: 0;
+    }
+  }
+
+  :not(.input-group) > .form-control:not([class*='px-']):not([class*='pr-']) {
+    @include ltr-style {
+      padding-right: 0;
+    }
+    @include rtl-style {
+      padding-left: 0;
+    }
+  }
+}
+
+// *******************************************************************************
+// * Sizing
+
+.form-control {
+  min-height: $input-height;
+}
+
+.form-control-sm,
+.input-group-sm .form-control {
+  min-height: $input-height-sm;
+}
+
+.form-control-lg,
+.input-group-lg .form-control {
+  min-height: $input-height-lg;
+}
+
+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-line-height, $input-btn-padding-y);
+  @include appwork-material-form-control-size('sm', $input-line-height-sm, $input-btn-padding-y-sm, $input-btn-font-size-sm);
+  @include appwork-material-form-control-size('lg', $input-line-height-lg, $input-btn-padding-y-lg, $input-btn-font-size-lg);
+}
+
+// *******************************************************************************
+// * Text
+
+.form-control-plaintext {
+  color: $body-color;
+
+  .form-inline & {
+    width: auto;
+  }
+}
+
+// *******************************************************************************
+// * 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,
+.col-form-legend {
+  margin-bottom: if($input-btn-border-width != 0px, calc(#{$input-btn-padding-y} - #{$input-btn-border-width * 2}), $input-btn-padding-y);
+  font-weight: $label-font-weight;
+  font-size: $label-font-size;
+}
+
+.col-form-label,
+.col-form-legend {
+  padding-bottom: 0;
+  line-height: $input-btn-line-height;
+}
+
+.form-label-sm,
+.col-form-label-sm,
+.col-form-legend-sm {
+  font-size: $font-size-sm !important;
+  line-height: $input-btn-line-height-sm;
+}
+
+.form-label-lg,
+.col-form-label-lg,
+.col-form-legend-lg {
+  font-size: $font-size-lg !important;
+  line-height: $input-btn-line-height-lg;
+}
+
+@if $material-style {
+  .form-label,
+  .col-form-label,
+  .col-form-legend,
+  .form-label-sm,
+  .col-form-label-sm,
+  .col-form-legend-sm,
+  .col-form-label-lg,
+  .col-form-legend-lg,
+  .form-label-lg {
+    margin-bottom: 0;
+  }
+}
+
+// *******************************************************************************
+// * 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
+
+@if $material-style {
+  @include appwork-material-form-validation-state("valid", $form-feedback-valid-color);
+  @include appwork-material-form-validation-state("invalid", $form-feedback-invalid-color);
+} @else {
+  @include appwork-form-validation-state("valid", $form-feedback-valid-color);
+  @include appwork-form-validation-state("invalid", $form-feedback-invalid-color);
+}
+
+// *******************************************************************************
+// * Inline forms
+
+.form-inline .custom-control {
+  display: block;
+  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 {
+    display: inline-block;
+    width: auto;
+  }
+
+  .form-inline .form-text {
+    margin-top: 0;
+  }
+
+  .form-inline .form-label {
+    margin-bottom: 0 !important;
+  }
+}

resources/assets/vendor/sass/_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
+  );
+}

resources/assets/vendor/sass/_appwork/_include-material.scss

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

resources/assets/vendor/sass/_appwork/_include.scss

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

resources/assets/vendor/sass/_appwork/_input-group.scss

@@ -0,0 +1,237 @@
+// Input groups
+//
+
+.input-group .custom-select {
+  flex: 0 1 auto;
+  width: auto;
+}
+
+.input-group-text {
+  background-clip: padding-box;
+}
+
+// *******************************************************************************
+// * Material
+
+@if $material-style {
+  .input-group-text {
+    border-bottom-width: 1px;
+  }
+
+  .input-group-text + .input-group-text {
+    @include ltr-style {
+      padding-left: 0;
+    }
+    @include rtl-style {
+      padding-right: 0;
+    }
+  }
+
+  .input-group-prepend .input-group-text:first-child {
+    @include ltr-style {
+      padding-left: 0;
+    }
+    @include rtl-style {
+      padding-right: 0;
+    }
+  }
+
+  .input-group-prepend .input-group-text:last-child {
+    @include ltr-style {
+      padding-right: 0;
+    }
+    @include rtl-style {
+      padding-left: 0;
+    }
+  }
+
+  .input-group-append .input-group-text:last-child {
+    @include ltr-style {
+      padding-right: 0;
+    }
+    @include rtl-style {
+      padding-left: 0;
+    }
+  }
+
+  .input-group-append .input-group-text:first-child {
+    @include ltr-style {
+      padding-left: 0;
+    }
+    @include rtl-style {
+      padding-right: 0;
+    }
+  }
+
+  .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 {
+    &:not([class*='px-']):not([class*='pl-']) {
+      @include ltr-style {
+        padding-left: 0;
+      }
+      @include rtl-style {
+        padding-right: 0;
+      }
+    }
+  }
+
+  .input-group > .form-control:last-child:not([class*='px-']):not([class*='pr-']) {
+    @include ltr-style {
+      padding-right: 0;
+    }
+    @include rtl-style {
+      padding-left: 0;
+    }
+  }
+
+  .input-group > .custom-select:last-child:not([class*='px-']):not([class*='pr-']) {
+    @include ltr-style {
+      padding-right: $custom-select-padding-x !important;
+      background-position: right center !important;
+    }
+    @include rtl-style {
+      padding-left: $custom-select-padding-x !important;
+      background-position: left center !important;
+    }
+  }
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  // Reset input border radius
+
+  .input-group .form-control,
+  .input-group .custom-select,
+  .input-group .custom-file-label,
+  .input-group .custom-file-label::before {
+    @include border-radius($input-border-radius !important);
+  }
+
+  .form-control,
+  .custom-select {
+    .input-group-sm & {
+      @include border-radius($input-border-radius-sm !important);
+    }
+
+    .input-group-lg & {
+      @include border-radius($input-border-radius-lg !important);
+    }
+  }
+
+  // Reset addon border radius
+
+  .input-group > .input-group-prepend,
+  .input-group > .input-group-append {
+    .btn,
+    .input-group-text {
+      @include border-radius($border-radius !important);
+    }
+  }
+
+  .input-group-sm > .input-group-prepend,
+  .input-group-sm > .input-group-append {
+    .btn,
+    .input-group-text {
+      @include border-radius($border-radius-sm !important);
+    }
+  }
+
+  .input-group-lg > .input-group-prepend,
+  .input-group-lg > .input-group-append {
+    .btn,
+    .input-group-text {
+      @include border-radius($border-radius-lg !important);
+    }
+  }
+
+  // Remove border radius
+
+  .input-group .form-control,
+  .input-group .custom-select {
+    &:not(:last-child) {
+      @include border-left-radius(0 !important);
+    }
+
+    &:not(:first-child) {
+      @include border-right-radius(0 !important);
+    }
+  }
+
+  .input-group .custom-file {
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::before {
+      @include border-left-radius(0 !important);
+    }
+
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::before {
+      @include border-right-radius(0 !important);
+    }
+  }
+
+  .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 > .b-dropdown > .btn,
+  .input-group > .input-group-prepend:not(:first-child) > .b-dropdown > .btn,
+  .input-group > .input-group-prepend:first-child > .b-dropdown:not(:first-child) > .btn,
+  .input-group > .input-group-prepend:first-child > .b-dropdown > .dropdown-toggle-split {
+    @include border-right-radius(0 !important);
+  }
+
+  .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 > .b-dropdown > .btn,
+  .input-group > .input-group-append:not(:last-child) > .b-dropdown > .btn,
+  .input-group > .input-group-append:last-child > .b-dropdown:not(:last-child):not(.dropdown-toggle) > .btn,
+  .input-group > .input-group-append:last-child > .b-dropdown:not(:last-child) > .dropdown-toggle-split {
+    @include border-left-radius(0 !important);
+  }
+
+  // Margins
+
+  .input-group .form-control,
+  .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 {
+      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;
+  }
+}

resources/assets/vendor/sass/_appwork/_layout.scss

@@ -0,0 +1,737 @@
+// Layouts
+//
+
+.layout-wrapper,
+.layout-inner {
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 auto;
+  width: 100%;
+}
+
+.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-offcanvas):not(.layout-fixed-offcanvas) {
+    .layout-sidenav:not(:hover) .sidenav-vertical,
+    .layout-sidenav.sidenav-vertical:not(:hover) {
+      @include sidenav-collapsed();
+    }
+  }
+
+  @include rtl-only {
+    &.layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas) {
+      .layout-sidenav:not(:hover) .sidenav-vertical,
+      .layout-sidenav.sidenav-vertical:not(:hover) {
+        @include sidenav-collapsed-rtl();
+      }
+    }
+  }
+
+  // Sidenav position
+
+  .layout-collapsed {
+    .layout-sidenav:hover {
+      margin-right: -$sidenav-width + $sidenav-collapsed-width;
+    }
+
+    &.layout-reversed .layout-sidenav:hover {
+      margin-right: 0;
+      margin-left: -$sidenav-width + $sidenav-collapsed-width;
+    }
+  }
+
+  @include rtl-only {
+    &.layout-collapsed {
+      .layout-sidenav:hover {
+        margin-right: 0;
+        margin-left: -$sidenav-width + $sidenav-collapsed-width;
+      }
+
+      &.layout-reversed .layout-sidenav:hover {
+        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-1 .layout-sidenav:hover {
+      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;
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_appwork/_modal.scss

@@ -0,0 +1,243 @@
+// Modals
+//
+
+.modal {
+  z-index: $zindex-modal-top;
+}
+
+.modal-backdrop {
+  z-index: $zindex-modal-top - 1;
+}
+
+.modal-content {
+  box-shadow: $modal-content-box-shadow-xs;
+
+  @if $material-style {
+    border-radius: 0;
+  }
+}
+
+.modal-header {
+  position: relative;
+  padding: $modal-header-padding-y ($modal-header-padding-x + 1rem) if($material-style, 0, $modal-header-padding-y) $modal-header-padding-x;
+
+  @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 {
+     > * {
+      margin-right: 0;
+      margin-left: 0;
+    }
+
+     > :not(:first-child) {
+      margin-right: .25rem;
+    }
+
+     > :not(:last-child) {
+      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 {
+    max-width: none;
+  }
+  .modal-lg .modal-dialog {
+    max-width: $modal-lg;
+  }
+}
+
+// *******************************************************************************
+// * Top modals
+
+.modal-top {
+  .modal-dialog {
+    margin-top: 0;
+  }
+
+  .modal-content {
+    @include border-top-radius(0 !important);
+  }
+}
+
+// *******************************************************************************
+// * 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);
+}

resources/assets/vendor/sass/_appwork/_nav.scss

@@ -0,0 +1,445 @@
+// 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;
+  }
+}
+
+// Tab and pills link
+.nav-tabs,
+.nav-pills {
+  @if $material-style {
+    .nav-link {
+      text-transform: uppercase;
+      font-weight: $btn-font-weight;
+      font-size: $input-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 {
+    border: 0;
+  }
+
+  .nav-tabs .nav-item {
+    margin: 0 !important;
+  }
+
+  .nav-tabs .nav-link {
+    border: 0 !important;
+    background-color: transparent;
+    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 {
+  border-width: 0 !important;
+  border-radius: 0 !important;
+  background-color: transparent !important;
+}
+
+// *******************************************************************************
+// * 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;
+    }
+  }
+}
+
+.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 $material-style != true {
+        @include border-radius($border-radius !important);
+      }
+      @include hover-focus {
+        border-color: $nav-tabs-link-hover-border-color !important;
+      }
+    }
+
+    .nav-link.active {
+      border-color: $nav-tabs-link-active-border-color !important;
+    }
+  }
+
+  &.nav-tabs-top > .tab-content,
+  &.nav-tabs-right > .tab-content,
+  &.nav-tabs-bottom > .tab-content,
+  &.nav-tabs-left > .tab-content {
+    border-radius: $border-radius !important;
+  }
+
+  &.nav-tabs-bottom,
+  &.nav-tabs-right,
+  &.nav-tabs-left {
+    flex-direction: column !important;
+  }
+}

resources/assets/vendor/sass/_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 !important;
+    padding-left: 0 !important;
+    width: auto;
+    border: 0 !important;
+    border-radius: 0 !important;
+    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 !important;
+          width: 100% !important;
+        }
+
+        .navbar-search-input .form-control {
+          width: 100% !important;
+        }
+
+        .navbar-search-cancel {
+          display: none !important;
+        }
+
+        &.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;
+  }
+}

resources/assets/vendor/sass/_appwork/_pagination.scss

@@ -0,0 +1,109 @@
+// 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 !important;
+
+  @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) !important;
+  }
+
+  .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 !important;
+  }
+}
+
+// *******************************************************************************
+// * 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}"});
+
+  @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}"});
+
+  @include border-radius($border-radius-sm);
+}

resources/assets/vendor/sass/_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 !important;
+  }
+
+  .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;
+  }
+}

resources/assets/vendor/sass/_appwork/_reboot.scss

@@ -0,0 +1,11 @@
+// Reboot
+//
+
+@include rtl-only {
+  dd {
+    margin-right: 0;
+  }
+  caption {
+    text-align: right;
+  }
+}

resources/assets/vendor/sass/_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();
+  }
+}

resources/assets/vendor/sass/_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;
+
+  @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;
+
+  @include rtl-style {
+    right: 0;
+    left: auto;
+  }
+
+  @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 !important;
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * Description
+
+.switcher-label {
+  position: relative;
+  display: inline-block;
+  padding-left: $switcher-gutter;
+  color: $switcher-label-color;
+  font-weight: 400;
+  cursor: default;
+
+  @include rtl-style {
+    padding-right: $switcher-gutter;
+    padding-left: 0;
+  }
+}
+
+// *******************************************************************************
+// * 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 !important;
+  }
+}
+
+.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 !important;
+  }
+}
+
+// Checked state
+.switcher-input:checked ~ .switcher-indicator {
+  .switcher-no {
+    left: 100%;
+    color: transparent !important;
+
+    @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,
+fieldset[disabled] .switcher-input {
+   ~ .switcher-indicator {
+    opacity: .5;
+    cursor: not-allowed !important;
+
+    &::after {
+      box-shadow: none !important;
+    }
+  }
+
+   ~ .switcher-label {
+    color: $switcher-label-disabled-color !important;
+    cursor: not-allowed;
+  }
+}
+
+// *******************************************************************************
+// * Stacked
+
+.switchers-stacked .switcher {
+  display: block;
+  margin-right: 0;
+  margin-bottom: $switcher-spacer-y;
+
+  @include rtl-style {
+    margin-left: 0;
+  }
+}
+
+// *******************************************************************************
+// * 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
+
+@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);
+}

resources/assets/vendor/sass/_appwork/_tables.scss

@@ -0,0 +1,132 @@
+// 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;
+}
+
+.table-responsive > .table {
+  max-width: none;
+}
+
+// *******************************************************************************
+// * 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-table,
+.card-table th,
+.card-table td {
+  border-color: $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;
+      }
+    }
+  }
+}

resources/assets/vendor/sass/_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 !important;
+  }
+
+  .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;
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_appwork/_utilities.scss

@@ -0,0 +1,451 @@
+// 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-light     { font-weight: $font-weight-light !important; }
+.font-weight-semibold  { font-weight: $font-weight-semibold !important; }
+.font-weight-bolder    { font-weight: $font-weight-bolder !important; }
+.text-decoration-none  { text-decoration: none !important; }
+.text-transform-none   { text-transform: none !important; }
+
+.overflow-hidden       { overflow: hidden !important; }
+.overflow-scroll       { overflow: scroll !important; }
+.overflow-auto         { overflow: auto !important; }
+
+.box-shadow-none       { box-shadow: none !important; }
+
+.cursor-pointer        { cursor: pointer !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--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;
+  }
+}
+
+.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--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;
+  }
+}
+
+
+// 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; }
+  }
+}
+
+// *******************************************************************************
+// * Negative horizontal margins
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $rtl-prefix: if($rtl-support == true, 'html:not([dir=rtl]) body:not([dir=rtl]) ', '');
+
+    @each $size, $length in $spacers {
+      #{$rtl-prefix}.mr#{$infix}--#{$size},
+      #{$rtl-prefix}.mx#{$infix}--#{$size} {
+        margin-right: -$length !important;
+      }
+      #{$rtl-prefix}.ml#{$infix}--#{$size},
+      #{$rtl-prefix}.mx#{$infix}--#{$size} {
+        margin-left: -$length !important;
+      }
+
+      @if $rtl-support == true {
+        .mr#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-left: -$length !important;
+        }
+        .ml#{$infix}--#{$size},
+        .mx#{$infix}--#{$size} {
+          margin-right: -$length !important;
+        }
+      }
+    }
+  }
+}
+
+// *******************************************************************************
+// * 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-dark {
+  color: $body-color !important;
+
+  &[href] {
+    &:hover {
+      color: $link-hover-color !important;
+    }
+    &:focus:not(:hover) {
+      color: $body-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; }
+}
+
+
+// *******************************************************************************
+// * Border color
+
+.border-light {
+  border-color: $gray-100 !important;
+}
+
+.border-dark {
+  border-color: $gray-900 !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
+// *******************************************************************************
+// * RTL
+
+@include rtl-only {
+  // Borders
+  //
+
+  .border          { border: $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;
+  }
+
+  .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-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  { @include float-right; }
+      .float#{$infix}-right { @include float-left; }
+    }
+  }
+
+  // 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; }
+    }
+  }
+
+  // Spacing
+  //
+
+  @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;
+          }
+        }
+      }
+
+      // 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;
+      }
+    }
+  }
+}

resources/assets/vendor/sass/_appwork/_variables-material.scss

@@ -0,0 +1,623 @@
+// 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;
+
+$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-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;
+
+// *******************************************************************************
+// * 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-bg:                transparent !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-100) !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
+
+$btn-font-weight:          $font-weight-semibold !default;
+
+$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;
+
+$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
+
+$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-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-btn-font-size * $input-btn-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-btn-font-size-sm * $input-btn-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(($font-size-lg * $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:                         ($custom-control-indicator-size + .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.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:             75% 75% !default;
+$custom-radio-indicator-bg:                     "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='4.5' style='fill:_COLOR_'/%3E%3Cpath d='M5,1A4,4,0,1,1,1,5,4,4,0,0,1,5,1M5,0a5,5,0,1,0,5,5A5,5,0,0,0,5,0Z' style='fill:_COLOR_'/%3E%3C/svg%3E" !default;
+$custom-radio-indicator-bg-size:                60% 60% !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-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,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi+P//PwMIUwKYGKgABo8hLMQo8vDxa/j/7189NjlGJqZGolyyY8umBpBibAaA5Ij2DrpBMAPAHFKjGOQ1EEYRHE0nGAAgwAD7ACa5V929KwAAAABJRU5ErkJggg==') !default;
+$custom-select-indicator-inverted:              url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpi+v//PwOlmImBCmDwGMJCpLoKIA7BIr4GiDuIdUkXEB9CEzsEFSfaO/+AuAqIr0D5V6D8f2AeidEpCMSToDRcnBFEDJ8opoohAAEGAD/3cpNUeZv2AAAAAElFTkSuQmCC') !default;
+$custom-select-indicator-rtl:                   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiZKAA/P//H0wzMVABDB5DWDx8/Br+//tXj02SkYmpcceWTQ0EXQJSBFJMrgFw76AbRIoBYPXIHJDXYIaSEsWMo+kEAwAEGADvjSGfPoBuzwAAAABJRU5ErkJggg==') !default;
+$custom-select-indicator-inverted-rtl:          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpi/P//PwOlgHH4GVIBpEOwyK0B4g5iDWEC0j1AbIckfgiIS4D4H1FOAXkHiDmAeAEQn4HSHFBxojAyRxCIJ0FpBlIw42g6wQAAAQYAtUGLV98j4Z0AAAAASUVORK5CYII=') !default;
+$custom-select-border-radius:                   0px !default;
+
+$custom-file-padding-x:                         0 !default;
+
+// *******************************************************************************
+// * Dropdowns
+
+$dropdown-padding-y:           .3125rem !default;
+$dropdown-divider-bg:          $floating-component-border-color !default;
+$dropdown-box-shadow:          $floating-component-shadow !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-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-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-footer-padding:           1rem 1.5rem !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-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($border-color) !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;
+
+// *******************************************************************************
+// * 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;
+
+// Config
+$rtl-support: false !default;
+$material-style: true;

resources/assets/vendor/sass/_appwork/_variables.scss

@@ -0,0 +1,613 @@
+// 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: #64bc40 !default;
+$teal:         #20c997 !default;
+$cyan:         #28c3d7 !default;
+
+$primary-color: #b5c49b;
+$secondary-color: #d7d700;
+
+$theme-colors: (
+  "primary":   $primary-color,
+  "secondary": $secondary-color,
+  "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;
+
+$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-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;
+
+// *******************************************************************************
+// * 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-bg:                transparent !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-100) !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
+
+$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;
+
+$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
+
+$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:                     ($custom-control-indicator-size + .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% 65% !default;
+$custom-radio-indicator-bg:                 "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='4.5' style='fill:_COLOR_'/%3E%3Cpath d='M5,1A4,4,0,1,1,1,5,4,4,0,0,1,5,1M5,0a5,5,0,1,0,5,5A5,5,0,0,0,5,0Z' style='fill:_COLOR_'/%3E%3C/svg%3E" !default;
+$custom-radio-indicator-bg-size:            40% 40% !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,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAABGdBTUEAALGPC/xhBQAAAF5JREFUKBVjePb8xX8GCgEThfrB2gePISzEeMfDx6/h/79/9djUMjIxNRLlnR1bNjWAFKMbAhIDyRFlCEgzukEwA8AGkxrFIK+BMFgzjCDVEJg+ZJpo7yBrQmcPHkMAR5Yf55H9JN4AAAAASUVORK5CYII=') !default;
+$custom-select-indicator-inverted:          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNpi+P//vwMQM1CCGYaXISwMxIEKIA7BIr4GiDuYiDSkC4gPoYkdgoqT5B0OIF4AxGegNAe5YSIIxJOg9HCNYqoYAhBgAKHWBg+hRrNxAAAAAElFTkSuQmCC') !default;
+$custom-select-indicator-rtl:               url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpiYKAQPHv+4j8TAxXA4DGExcPHr+H/v3/12CQZmZgad2zZ1EDQJSBFIMXkGgD3DrpBpBiAAUBeA2FSo5hhNJ1gAIAAAwC1MyKFRl6omwAAAABJRU5ErkJggg==') !default;
+$custom-select-indicator-inverted-rtl:      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpi+P//PwMF2AFEMzFQAQweQ1iAuAKIQ7DIrQHiDmJd0gXEh9DED0HFifbOPyCuAuIrULErUP4/ov2DFF2CQDwJSpMUxQyj6QQDAAQYAKx8oyBA/3lCAAAAAElFTkSuQmCC') !default;
+
+$custom-file-padding-x:                     $input-padding-x !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-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:          $gray-100 !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:  rgba($black,.06) !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,.009) !default;
+// $card-shadow:              0 1px 4px rgba($black,.03) !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-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($border-color) !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;
+
+// *******************************************************************************
+// * 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;
+
+// Config
+$rtl-support: false !default;
+$material-style: false;

resources/assets/vendor/sass/_theme/_common.scss

@@ -0,0 +1,58 @@
+// -------------------------------------------------------------------------------
+// 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);
+  .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);
+  .fill-primary { fill: $background }
+}

resources/assets/vendor/sass/_theme/_libs.scss

@@ -0,0 +1,69 @@
+// -------------------------------------------------------------------------------
+// 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/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";
+
+// -------------------------------------------------------------------------------
+// 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 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);
+}
+
+@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 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);
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_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});
+    }
+  }
+}

resources/assets/vendor/sass/_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%;
+      }
+    }
+  }
+}

resources/assets/vendor/sass/_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;
+  }
+}

resources/assets/vendor/sass/_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;
+}

resources/assets/vendor/sass/_uikit/_social.scss

@@ -0,0 +1,8 @@
+.ui-play-icon {
+  margin-right: -.25em;
+}
+
+[dir=rtl] .ui-play-icon {
+  margin-right: 0;
+  margin-left: -.25em;
+}

resources/assets/vendor/sass/appwork-material.scss

@@ -0,0 +1,31 @@
+@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/footer';
+@import '_appwork/sidenav';
+@import '_appwork/layout';
+@import '_appwork/app-brand';

resources/assets/vendor/sass/appwork.scss

@@ -0,0 +1,31 @@
+@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/footer';
+@import '_appwork/sidenav';
+@import '_appwork/layout';
+@import '_appwork/app-brand';

resources/assets/vendor/sass/bootstrap-material.scss

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

resources/assets/vendor/sass/bootstrap.scss

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

resources/assets/vendor/sass/colors-material.scss

@@ -0,0 +1,83 @@
+@import "_appwork/include-material";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+
+  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);
+}
+
+// *******************************************************************************
+// * 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, $body-color, #fff);
+@include appwork-sidenav-variant('.sidenav.bg-light', rgba-to-hex($gray-100), $body-color);
+@include appwork-sidenav-variant('.sidenav.bg-lighter', rgba-to-hex($gray-50), $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);

resources/assets/vendor/sass/colors.scss

@@ -0,0 +1,83 @@
+@import "_appwork/include";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+
+  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);
+}
+
+// *******************************************************************************
+// * 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);

resources/assets/vendor/sass/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;
+    }
+  }
+}

resources/assets/vendor/sass/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;
+  }
+}

resources/assets/vendor/sass/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;
+    }
+  }
+}

resources/assets/vendor/sass/pages/clients.scss

@@ -0,0 +1,135 @@
+@import '../_custom-variables/pages';
+
+$clients-content-bg: transparent !default;
+$clients-sidebox-bg: #f3f3f3 !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;
+  background: $clients-sidebox-bg;
+
+  [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;
+  }
+}

resources/assets/vendor/sass/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;
+    }
+  }
+}

resources/assets/vendor/sass/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;
+      }
+    }
+  }
+}

resources/assets/vendor/sass/pages/messages.scss

@@ -0,0 +1,368 @@
+@import '../_custom-variables/pages';
+
+$messages-inner-bg: transparent !default;
+$messages-sidebox-bg: #f3f3f3 !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-wrapper .messages-sidebox {
+  background: $messages-sidebox-bg;
+}
+
+.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;
+    }
+  }
+}

resources/assets/vendor/sass/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;
+}

resources/assets/vendor/sass/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;
+    }
+  }
+}

resources/assets/vendor/sass/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;
+}

resources/assets/vendor/sass/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;
+    }
+  }
+}

resources/assets/vendor/sass/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;
+}

resources/assets/vendor/sass/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;
+}

resources/assets/vendor/sass/rtl/appwork-material.scss

@@ -0,0 +1,33 @@
+$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/footer';
+@import '../_appwork/sidenav';
+@import '../_appwork/layout';
+@import '../_appwork/app-brand';

resources/assets/vendor/sass/rtl/appwork.scss

@@ -0,0 +1,33 @@
+$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/footer';
+@import '../_appwork/sidenav';
+@import '../_appwork/layout';
+@import '../_appwork/app-brand';

resources/assets/vendor/sass/rtl/bootstrap-material.scss

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

resources/assets/vendor/sass/rtl/bootstrap.scss

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

resources/assets/vendor/sass/rtl/colors-material.scss

@@ -0,0 +1,85 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+
+  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);
+}
+
+// *******************************************************************************
+// * 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,      $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);

resources/assets/vendor/sass/rtl/colors.scss

@@ -0,0 +1,85 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+
+// *******************************************************************************
+// * Custom colors
+
+$custom-colors: (
+  twitter: #1DA1F2,
+  google: #D1523F,
+  facebook: #3B5998,
+  pinterest: #bd121c,
+  instagram: #000,
+
+  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);
+}
+
+// *******************************************************************************
+// * 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);

resources/assets/vendor/sass/rtl/theme-air-material.scss

@@ -0,0 +1,109 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #3c97fe;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 0 1px rgba($black, .04);
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, .04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-air.scss

@@ -0,0 +1,109 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #3c97fe;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 0 1px rgba($black, 0.04);
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-corporate-material.scss

@@ -0,0 +1,33 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #26B4FF;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 20px 0 rgba($black, .2);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #2e323a, $color: #838790);
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-corporate.scss

@@ -0,0 +1,33 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #26B4FF;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #2e323a, $color: #838790);
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-cotton-material.scss

@@ -0,0 +1,109 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #e84c64;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: transparent !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-cotton.scss

@@ -0,0 +1,109 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #e84c64;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: transparent !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-gradient-material.scss

@@ -0,0 +1,130 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #775cdc;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 10px 30px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #4e54c8, $color: #fff, $menu-bg: #4b4fc1);
+
+.bg-sidenav-theme {
+  background: linear-gradient(to top, #4e54c8, #8c55e4);
+
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: rgba(255,255,255,.7);
+  }
+
+  .sidenav-item:not(.active) > .sidenav-link > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle > div {
+    transition: all .2s;
+  }
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    opacity: .8;
+  }
+
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: rgba(0, 0, 0, .1) !important;
+  }
+}
+
+.bg-sidenav-theme .sidenav-vertical,
+.bg-sidenav-theme.sidenav-vertical {
+  background-attachment: fixed;
+  background-size: 100% 100vh;
+
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    opacity: .8;
+    transform: translateX(8px);
+  }
+}
+
+[dir=rtl] .bg-sidenav-theme .sidenav-vertical,
+[dir=rtl] .bg-sidenav-theme.sidenav-vertical {
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    transform: translateX(-8px);
+  }
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-gradient.scss

@@ -0,0 +1,130 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #775cdc;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 10px 30px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #4e54c8, $color: #fff, $menu-bg: #4b4fc1);
+
+.bg-sidenav-theme {
+  background: linear-gradient(to top, #4e54c8, #8c55e4);
+
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: rgba(255,255,255,.7);
+  }
+
+  .sidenav-item:not(.active) > .sidenav-link > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle > div {
+    transition: all .2s;
+  }
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    opacity: .8;
+  }
+
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: rgba(0, 0, 0, .1) !important;
+  }
+}
+
+.bg-sidenav-theme .sidenav-vertical,
+.bg-sidenav-theme.sidenav-vertical {
+  background-attachment: fixed;
+  background-size: 100% 100vh;
+
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    opacity: .8;
+    transform: translateX(8px);
+  }
+}
+
+[dir=rtl] .bg-sidenav-theme .sidenav-vertical,
+[dir=rtl] .bg-sidenav-theme.sidenav-vertical {
+  .sidenav-item:not(.active) > .sidenav-link:hover > div,
+  .sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
+    transform: translateX(-8px);
+  }
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-paper-material.scss

@@ -0,0 +1,55 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #17b3a3;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07), 0 0 3px rgba(0, 0, 0, 0.05);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07), 0 0 3px rgba(0, 0, 0, 0.05);
+}
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #f3f3f3, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-paper.scss

@@ -0,0 +1,55 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #17b3a3;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 0 1px rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 0 1px rgba($black, 0.04);
+}
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #f3f3f3, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-shadow-material.scss

@@ -0,0 +1,119 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #7b83ff;
+$body-bg: #fafafd;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #ececf9, $color: #949eb6);
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: #bbd;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
+    position: relative;
+
+    &:after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      height: 0;
+      border-bottom: 2px solid $primary-color;
+    }
+  }
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba(24, 28, 33, .04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-shadow.scss

@@ -0,0 +1,119 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #7b83ff;
+$body-bg: #fafafd;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #ececf9, $color: #949eb6);
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: #bbd;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
+    position: relative;
+
+    &:after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      height: 0;
+      border-bottom: 2px solid $primary-color;
+    }
+  }
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba(24, 28, 33, .04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-soft-material.scss

@@ -0,0 +1,49 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #1cbb84;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #39517b);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: #99a3b5, $active-color: $body-color, $menu-bg: #f0f1f3);
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: #c9ced6;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: none !important;
+  }
+}
+
+.layout-sidenav,
+.layout-sidenav-horizontal {
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07), 0 0 3px rgba(0, 0, 0, 0.05);
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #f3f3f3, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-soft.scss

@@ -0,0 +1,49 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #1cbb84;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #39517b);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: #99a3b5, $active-color: $body-color, $menu-bg: #f0f1f3);
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: #c9ced6;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: none !important;
+  }
+}
+
+.layout-sidenav,
+.layout-sidenav-horizontal {
+  box-shadow: 0 0 0 1px rgba($black, 0.04);
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #f3f3f3, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-sunrise-material.scss

@@ -0,0 +1,102 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #fc5a5c;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #222);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: $body-bg;
+  }
+}
+
+.layout-sidenav,
+.layout-sidenav-horizontal {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-sunrise.scss

@@ -0,0 +1,102 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #fc5a5c;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #222);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: $body-bg;
+  }
+}
+
+.layout-sidenav,
+.layout-sidenav-horizontal {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/rtl/theme-twitlight-material.scss

@@ -0,0 +1,59 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #4c84ff;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #343c44);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #3f4853, $color: #96a1a9);
+
+.bg-sidenav-theme {
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: rgba(255, 255, 255, .05) !important;
+  }
+}
+
+.bg-sidenav-theme.sidenav-vertical,
+.bg-sidenav-theme .sidenav-vertical {
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    border-left: 4px solid $primary-color;
+  }
+
+  .layout-collapsed &:not(:hover) {
+    .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+      display: none;
+    }
+  }
+}
+
+[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
+[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+  right: 0;
+  left: auto;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-twitlight.scss

@@ -0,0 +1,59 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #4c84ff;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #343c44);
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #3f4853, $color: #96a1a9);
+
+.bg-sidenav-theme {
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: rgba(255, 255, 255, .05) !important;
+  }
+}
+
+.bg-sidenav-theme.sidenav-vertical,
+.bg-sidenav-theme .sidenav-vertical {
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    border-left: 4px solid $primary-color;
+  }
+
+  .layout-collapsed &:not(:hover) {
+    .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+      display: none;
+    }
+  }
+}
+
+[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
+[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
+  right: 0;
+  left: auto;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/rtl/theme-vibrant-material.scss

@@ -0,0 +1,66 @@
+$rtl-support: true;
+
+@import "../_appwork/include-material";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #fc5a5c;
+$body-bg: #fbfbfb;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #222, $color: #999, $active-color: #fff, $border: rgba(255, 255, 255, .06));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
+    position: relative;
+
+    &:after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      height: 0;
+      border-bottom: 2px solid $primary-color;
+    }
+  }
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}

resources/assets/vendor/sass/rtl/theme-vibrant.scss

@@ -0,0 +1,66 @@
+$rtl-support: true;
+
+@import "../_appwork/include";
+@import "../_theme/common";
+@import "../_theme/libs";
+@import "../_theme/uikit";
+
+$primary-color: #fc5a5c;
+$body-bg: #fbfbfb;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #222, $color: #999, $active-color: #fff, $border: rgba(255, 255, 255, .06));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
+    position: relative;
+
+    &:after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      height: 0;
+      border-bottom: 2px solid $primary-color;
+    }
+  }
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}

resources/assets/vendor/sass/rtl/uikit.scss

@@ -0,0 +1,5 @@
+@import '../_uikit/common';
+@import '../_uikit/ecommerce';
+@import '../_uikit/dashboard';
+@import '../_uikit/company';
+@import '../_uikit/social';

resources/assets/vendor/sass/theme-air-material.scss

@@ -0,0 +1,107 @@
+@import "./_appwork/include-material";
+@import "./_theme/common";
+@import "./_theme/libs";
+@import "./_theme/uikit";
+
+$primary-color: #3c97fe;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 0 1px rgba($black, .04);
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, .04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/theme-air.scss

@@ -0,0 +1,107 @@
+@import "./_appwork/include";
+@import "./_theme/common";
+@import "./_theme/libs";
+@import "./_theme/uikit";
+
+$primary-color: #3c97fe;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    background: none !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 0 1px rgba($black, 0.04);
+}
+
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}

resources/assets/vendor/sass/theme-corporate-material.scss

@@ -0,0 +1,31 @@
+@import "./_appwork/include-material";
+@import "./_theme/common";
+@import "./_theme/libs";
+@import "./_theme/uikit";
+
+$primary-color: #26B4FF;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 20px 0 rgba($black, .2);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #2e323a, $color: #838790);
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/theme-corporate.scss

@@ -0,0 +1,35 @@
+@import "./_appwork/include";
+@import "./_theme/common";
+@import "./_theme/libs";
+@import "./_theme/uikit";
+
+@import url('https://fonts.googleapis.com/css?family=Pacifico');
+
+
+$primary-color: #b5c49b;
+$secondary-color:#d7d700;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-theme($primary-color);
+@include appwork-libs-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 1px 0 rgba($black, 0.04);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #39413d, $color: #fff);
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

resources/assets/vendor/sass/theme-cotton-material.scss

@@ -0,0 +1,107 @@
+@import "./_appwork/include-material";
+@import "./_theme/common";
+@import "./_theme/libs";
+@import "./_theme/uikit";
+
+$primary-color: #e84c64;
+$body-bg: #f8f8f8;
+
+body {
+  background: $body-bg;
+}
+
+@include appwork-common-material-theme($primary-color);
+@include appwork-libs-material-theme($primary-color);
+@include appwork-uikit-theme($primary-color);
+
+// Navbar
+
+@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
+
+.layout-navbar {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+
+// Sidenav
+
+@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
+
+.bg-sidenav-theme {
+  .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
+  .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
+    color: $gray-300;
+  }
+  .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
+    color: $primary-color !important;
+  }
+  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
+    color: $primary-color !important;
+    background: transparent !important;
+  }
+}
+
+.layout-sidenav {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+}
+.layout-sidenav-horizontal {
+  box-shadow: 0 -1px 0 rgba($black, 0.04) inset;
+}
+
+// Footer
+
+@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
+
+.layout-footer {
+  box-shadow: 0 -1px 0 rgba($black, 0.04);
+}
+
+// Custom styling
+
+hr {
+  border-color: rgba($black, 0.04);
+}
+
+.card,
+.nav-tabs-top > .tab-content,
+.nav-tabs-right > .tab-content,
+.nav-tabs-bottom > .tab-content,
+.nav-tabs-left > .tab-content {
+  border-color: transparent;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
+}
+.ng2-archwizard-boxed-steps ul.steps-indicator,
+.form-wizard-boxed-steps .wizard-nav {
+  border-color: transparent !important;
+  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
+}
+
+.nav-tabs-top,
+.nav-tabs-right,
+.nav-tabs-bottom,
+.nav-tabs-left {
+   > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
+   > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
+    border-color: transparent !important;
+  }
+
+   > .nav .nav-link.active,
+   > div > .nav .nav-link.active {
+    border-color: $nav-tabs-link-active-bg !important;
+  }
+}
+
+.nav-tabs-top > .nav-tabs:not(.tabs-alt),
+.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
+.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
+  padding-right: $border-width;
+  padding-left: $border-width;
+}
+.nav-tabs-right > .nav-tabs:not(.tabs-alt),
+.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > .nav-tabs:not(.tabs-alt),
+.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
+  padding-top: $border-width;
+  padding-bottom: $border-width;
+}