Init(Core): Change repo

public/assets/scss/custom/components/_alert.scss

@@ -0,0 +1,12 @@
+//
+// alert.scss
+//
+
+.alert {
+	line-height: 2;
+}
+
+.alert-dismissible .close {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+}

public/assets/scss/custom/components/_avatar.scss

@@ -0,0 +1,39 @@
+//
+// avatar.scss
+//
+
+.avatar-xs {
+  height: 2rem;
+  width: 2rem;
+}
+
+.avatar-sm {
+  height: 2.5rem;
+  width: 2.5rem;
+}
+
+.avatar-md {
+  height: 4.5rem;
+  width: 4.5rem;
+}
+
+.avatar-lg {
+  height: 6rem;
+  width: 6rem;
+}
+
+.avatar-xl {
+  height: 7.5rem;
+  width: 7.5rem;
+}
+
+.avatar-title {
+  align-items: center;
+  background-color: $primary;
+  color: $white;
+  display: flex;
+  font-weight: $font-weight-medium;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}

public/assets/scss/custom/components/_backgrounds.scss

@@ -0,0 +1,11 @@
+// 
+// backgrounds.scss
+//
+
+
+@each $color,
+$value in $theme-colors {
+    .bg-soft-#{$color} {
+        background-color: rgba(($value), 0.25) !important;
+    }
+}

public/assets/scss/custom/components/_badge.scss

@@ -0,0 +1,23 @@
+// 
+// _badge.scss
+// 
+
+// Soft badge
+@mixin badge-variant-soft($bg) {
+  color: $bg;
+  background-color: rgba($bg, 0.18);
+
+  &[href] {
+    @include hover-focus {
+      color: $bg;
+      text-decoration: none;
+      background-color: rgba($bg, 0.4);
+    }
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .badge-soft-#{$color} {
+      @include badge-variant-soft($value);
+  }
+}

public/assets/scss/custom/components/_breadcrumb.scss

@@ -0,0 +1,18 @@
+
+// 
+// breadcrumb.scss
+//
+
+
+// Breadcrumb item arrow
+.breadcrumb-item {
+    > a {
+        color: $gray-700;
+    }
+    +.breadcrumb-item {
+        &::before {
+            font-family: "Material Design Icons";
+        }
+    }
+}
+  

public/assets/scss/custom/components/_buttons.scss

@@ -0,0 +1,17 @@
+// 
+// _buttons.scss
+// 
+
+button,a {
+  outline: none !important;
+}
+
+
+// Rounded Buttons
+.btn-rounded {
+  border-radius: 30px;
+}
+
+.btn-dark, .btn-secondary{
+  color: $gray-200 !important;
+}

public/assets/scss/custom/components/_card.scss

@@ -0,0 +1,25 @@
+// 
+// _card.scss
+// 
+
+.card {
+  margin-bottom: $grid-gutter-width;
+  box-shadow: $box-shadow;
+}
+
+.card-drop {
+  color: $body-color;
+}
+
+.card-title {
+  font-size: 15px;
+  margin: 0 0 7px 0;
+  font-weight: $font-weight-medium;
+}
+
+.card-title-desc {
+  color: $card-title-desc;
+  margin-bottom: 24px;  
+  font-size: 13px;
+}
+

public/assets/scss/custom/components/_demos.scss

@@ -0,0 +1,71 @@
+// 
+// _demos.scss
+// 
+
+// Demo Only
+.button-items {
+    margin-right: -8px;
+    margin-bottom: -12px;
+    
+    .btn {
+        margin-bottom: 12px;
+        margin-right: 8px;
+    }
+}
+
+// Lightbox 
+
+.mfp-popup-form {
+    max-width: 1140px;
+}
+
+// Modals
+
+.bs-example-modal {
+    position: relative;
+    top: auto;
+    left: auto;
+    bottom: auto;
+    right: auto;
+    z-index: 1;
+    display: block;
+  }
+
+
+// Icon demo ( Demo only )
+.icon-demo-content {
+    text-align: center;
+    color: $gray-500;
+  
+    i{
+      display: block;
+      font-size: 24px;
+      margin-bottom: 16px;
+      color: $gray-500;
+      transition: all 0.4s;
+    }
+  
+    .col-lg-4 {
+      margin-top: 24px;
+  
+      &:hover {
+        i {
+          color: $primary;
+          transform: scale(1.5);
+        }
+      }
+    }
+}
+
+
+// Grid
+
+.grid-structure {
+    .grid-container {
+        background-color: $gray-100;
+        margin-top: 10px;
+        font-size: .8rem;
+        font-weight: $font-weight-medium;
+        padding: 10px 20px;
+    }
+}

public/assets/scss/custom/components/_dropdown.scss

@@ -0,0 +1,48 @@
+// 
+// _dropdown.scss
+// 
+
+.dropdown-menu.show {
+  left: auto !important;
+  right: 0;
+}
+
+.dropdown-menu-right.show {
+    left: 0 !important;
+    right: auto !important;
+}
+
+.dropdown-megamenu.show {
+    right: 20px!important;
+    left: 20px!important;
+}
+
+.dropdown-menu[x-placement^=right].show,
+.dropdown-menu[x-placement^=left].show {
+    left: 0!important;
+    right: auto!important;
+}
+
+.dropdown-menu[x-placement^=right].show {
+    margin-right: 0;
+    margin-left: .125rem;
+}
+
+.dropdown-menu[x-placement^=left].show {
+    margin-left: 0;
+    margin-right: .125rem;
+}
+
+.dropdown-menu[x-placement^=top].show {
+	bottom: 100% !important;
+	top: auto !important;
+	transform: none !important;
+}
+
+.dropdown-item {
+	line-height: 1.6;
+}
+
+.dropdown-item .badge {
+	margin-top: 3px;
+}

public/assets/scss/custom/components/_forms.scss

@@ -0,0 +1,20 @@
+// 
+// _forms.scss
+// 
+
+textarea.form-control {
+    line-height: 1.85;
+}
+
+.input-group-text i:before {
+	vertical-align: top;
+}
+
+select.form-control {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.custom-file-label::after {
+	content: $custom-file-text;
+}

public/assets/scss/custom/components/_helper.scss

@@ -0,0 +1,102 @@
+//
+// _helper.scss
+//
+
+.font-size-11 {
+  font-size: 11px !important;
+}
+
+.font-size-12 {
+  font-size: 12px !important;
+}
+
+.font-size-13 {
+  font-size: 13px !important;
+}
+
+.font-size-14 {
+  font-size: 14px !important;
+}
+
+.font-size-15 {
+  font-size: 15px !important;
+}
+
+.font-size-16 {
+  font-size: 16px !important;
+}
+
+.font-size-17 {
+  font-size: 17px !important;
+}
+
+.font-size-18 {
+  font-size: 18px !important;
+}
+
+.font-size-20 {
+  font-size: 20px !important;
+}
+
+.font-size-22 {
+  font-size: 22px !important;
+}
+
+.font-size-24 {
+  font-size: 24px !important;
+}
+
+// Font weight help class
+
+.font-weight-medium {
+  font-weight: $font-weight-medium;
+}
+
+.font-weight-semibold {
+  font-weight: $font-weight-semibold;
+}
+
+// Social
+
+.social-list-item {
+  height: 2rem;
+  width: 2rem;
+  line-height: calc(2rem - 2px);
+  display: block;
+  border: 1px solid $gray-500;
+  border-radius: 50%;
+  color: $gray-500;
+  text-align: center;
+}
+
+
+.w-xs {
+  min-width: 80px;
+}
+.w-sm {
+  min-width: 95px;
+}
+.w-md {
+  min-width: 110px;
+}
+.w-lg {
+  min-width: 140px;
+}
+
+.w-xl {
+  min-width: 160px;
+}
+
+
+.ltr-text {
+	display: inline-block;
+	direction: ltr;
+}
+
+.primary-font {
+	font-family: "primary-font", "segoe ui", "tahoma" !important;
+}
+
+.secondary-font {
+	font-family: "secondary-font", "primary-font", "segoe ui", "tahoma" !important;
+}

public/assets/scss/custom/components/_modal.scss

@@ -0,0 +1,12 @@
+// 
+// _modal.scss
+// 
+
+.modal-header .close {
+    padding-top: 1.15rem;
+    padding-bottom: 1.15rem;
+}
+
+.modal-header .close span {
+    vertical-align: middle;
+}

public/assets/scss/custom/components/_nav.scss

@@ -0,0 +1,52 @@
+// 
+// _nav.scss
+// 
+
+.nav-tabs,.nav-pills {
+  > li {
+      > a {
+          color: $gray-700;
+          font-weight: $font-weight-medium;
+      }
+  }
+}
+
+.nav-pills {
+  > a {
+      color: $gray-700;  
+      font-weight: $font-weight-medium;
+  }
+}
+
+
+.nav-tabs-custom {
+  border-bottom: 2px solid $gray-300;
+
+  .nav-item {
+    position: relative;
+    color: $dark;
+    .nav-link {
+      border: none;
+
+      &::after {
+        content: "";
+        background: $primary;
+        height: 2px;
+        position: absolute;
+        width: 100%;
+        right: 0;
+        bottom: -1px;
+        transition: all 250ms ease 0s;
+        transform: scale(0);
+      }
+
+      &.active{
+        color: $primary;
+        &:after{
+          transform: scale(1);
+        }
+      }
+
+    }
+  }
+}

public/assets/scss/custom/components/_pagination.scss

@@ -0,0 +1,7 @@
+// 
+// _pagination.scss
+// 
+
+.page-link i {
+	line-height: 1;
+}

public/assets/scss/custom/components/_popover.scss

@@ -0,0 +1,11 @@
+// 
+// _popover.scss
+// 
+
+.popover {
+	font-family: inherit;
+
+	.popover-body {
+		line-height: 2;
+	}
+}

public/assets/scss/custom/components/_preloader.scss

@@ -0,0 +1,106 @@
+// 
+// preloader.scss
+//
+
+#preloader {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: $card-bg;
+    z-index: 9999;
+}
+
+#status {
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    margin: -20px -20px 0 0;
+}
+
+.spinner-chase {
+    margin: 0 auto;
+    width: 40px;
+    height: 40px;
+    position: relative;
+    animation: spinner-chase 2.5s infinite linear both;
+}
+
+.chase-dot {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0; 
+    animation: chase-dot 2.0s infinite ease-in-out both; 
+    &:before {
+        content: '';
+        display: block;
+        width: 25%;
+        height: 25%;
+        background-color: $primary;
+        border-radius: 100%;
+        animation: chase-dot-before 2.0s infinite ease-in-out both; 
+    }
+
+    &:nth-child(1) { 
+        animation-delay: -1.1s; 
+        &:before{
+            animation-delay: -1.1s;
+        }
+    }
+    &:nth-child(2) { 
+        animation-delay: -1.0s;
+        &:before{
+            animation-delay: -1.0s;
+        }
+    }
+    &:nth-child(3) { 
+        animation-delay: -0.9s;
+        &:before{
+            animation-delay: -0.9s;
+        } 
+    }
+    &:nth-child(4) { 
+        animation-delay: -0.8s; 
+        &:before{
+            animation-delay: -0.8s;
+        } 
+    }
+    &:nth-child(5) { 
+        animation-delay: -0.7s; 
+        &:before{
+            animation-delay: -0.7s;
+        } 
+    }
+    &:nth-child(6) { 
+        animation-delay: -0.6s; 
+        &:before{
+            animation-delay: -0.6s;
+        }
+    }
+}
+
+@keyframes spinner-chase {
+    100% { 
+        transform: rotate(-360deg); 
+    } 
+}
+
+@keyframes chase-dot {
+    80%, 100% { 
+        transform: rotate(-360deg); 
+    } 
+}
+
+@keyframes chase-dot-before {
+    50% {
+        transform: scale(0.4); 
+    } 
+    100%, 0% {
+        transform: scale(1.0); 
+    } 
+}

public/assets/scss/custom/components/_print.scss

@@ -0,0 +1,26 @@
+// 
+// print.scss
+//
+
+// Used invoice page
+@media print {
+    .vertical-menu,
+    .right-bar,
+    .page-title-box,
+    .navbar-header,
+    .footer {
+        display: none !important;
+    }
+    .card-body,
+    .main-content,
+    .right-bar,
+    .page-content,
+    body {
+        padding: 0;
+        margin: 0;
+    }
+
+    .card{
+        border: 0;
+    }
+}

public/assets/scss/custom/components/_progress.scss

@@ -0,0 +1,35 @@
+// 
+// _progress.scss
+// 
+
+// Progress height small
+.progress-sm {
+  height: 5px;
+}
+
+
+// Progress height medium
+.progress-md {
+  height: 8px;
+}
+
+
+// Progress height large
+.progress-lg {
+  height: 12px;
+}
+
+.animated-progess{
+  position: relative;
+  .progress-bar {
+    position: relative;
+    border-radius: 6px;
+    animation: animate-positive 2s;
+  }
+}
+
+@keyframes animate-positive {
+  0% {
+      width: 0;
+  }
+}

public/assets/scss/custom/components/_reboot.scss

@@ -0,0 +1,34 @@
+/* =============
+   General
+============= */
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+.h1,.h2,.h3,.h4,.h5,.h6,
+h1,h2,h3,h4,h5,h6 {
+  color: $gray-700;
+}
+
+a {
+  text-decoration: none !important;
+}
+
+label {
+  font-weight: 500;
+}
+
+// blockquote
+
+.blockquote {
+  padding: 10px 20px;
+  border-right: 4px solid $gray-300;
+}
+
+.blockquote-reverse {
+  border-right: 0;
+  border-left: 4px solid $gray-300;
+  text-align: left;
+}

public/assets/scss/custom/components/_table.scss

@@ -0,0 +1,22 @@
+// 
+// _table.scss
+// 
+
+.table {
+  th {
+      font-weight: $font-weight-medium;
+  }
+}
+
+//Table centered
+.table-centered {
+  td,th {
+      vertical-align: middle !important;
+  }
+}
+
+.table-nowrap {
+  th, td {
+    white-space: nowrap;
+  }
+}

public/assets/scss/custom/components/_tooltip.scss

@@ -0,0 +1,7 @@
+// 
+// _tooltip.scss
+// 
+
+.tooltip {
+	font-family: inherit;
+}

public/assets/scss/custom/components/_waves.scss

@@ -0,0 +1,168 @@
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves 
+ * 
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
+ * Released under the MIT license 
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+ .waves-effect {
+    position: relative;
+    cursor: pointer;
+    display: inline-block;
+    overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .waves-effect .waves-ripple {
+    position: absolute;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    margin-top: -50px;
+    margin-left: -50px;
+    opacity: 0;
+    background: rgba(0, 0, 0, 0.2);
+    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    -webkit-transition: all 0.5s ease-out;
+    -moz-transition: all 0.5s ease-out;
+    -o-transition: all 0.5s ease-out;
+    transition: all 0.5s ease-out;
+    -webkit-transition-property: -webkit-transform, opacity;
+    -moz-transition-property: -moz-transform, opacity;
+    -o-transition-property: -o-transform, opacity;
+    transition-property: transform, opacity;
+    -webkit-transform: scale(0) translate(0, 0);
+    -moz-transform: scale(0) translate(0, 0);
+    -ms-transform: scale(0) translate(0, 0);
+    -o-transform: scale(0) translate(0, 0);
+    transform: scale(0) translate(0, 0);
+    pointer-events: none;
+  }
+  .waves-effect.waves-light .waves-ripple {
+    background: rgba(255, 255, 255, 0.4);
+    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+  }
+  .waves-effect.waves-classic .waves-ripple {
+    background: rgba(0, 0, 0, 0.2);
+  }
+  .waves-effect.waves-classic.waves-light .waves-ripple {
+    background: rgba(255, 255, 255, 0.4);
+  }
+  .waves-notransition {
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+  }
+  .waves-button,
+  .waves-circle {
+    -webkit-transform: translateZ(0);
+    -moz-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    -o-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
+  }
+  .waves-button,
+  .waves-button:hover,
+  .waves-button:visited,
+  .waves-button-input {
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    color: inherit;
+    background-color: rgba(0, 0, 0, 0);
+    font-size: 1em;
+    line-height: 1em;
+    text-align: center;
+    text-decoration: none;
+    z-index: 1;
+  }
+  .waves-button {
+    padding: 0.85em 1.1em;
+    border-radius: 0.2em;
+  }
+  .waves-button-input {
+    margin: 0;
+    padding: 0.85em 1.1em;
+  }
+  .waves-input-wrapper {
+    border-radius: 0.2em;
+    vertical-align: bottom;
+  }
+  .waves-input-wrapper.waves-button {
+    padding: 0;
+  }
+  .waves-input-wrapper .waves-button-input {
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 1;
+  }
+  .waves-circle {
+    text-align: center;
+    width: 2.5em;
+    height: 2.5em;
+    line-height: 2.5em;
+    border-radius: 50%;
+  }
+  .waves-float {
+    -webkit-mask-image: none;
+    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
+    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
+    -webkit-transition: all 300ms;
+    -moz-transition: all 300ms;
+    -o-transition: all 300ms;
+    transition: all 300ms;
+  }
+  .waves-float:active {
+    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
+  }
+  .waves-block {
+    display: block;
+  }
+
+.waves-effect.waves-light {
+    .waves-ripple {
+        background-color: rgba($white, 0.4);
+    }
+}
+
+.waves-effect.waves-primary {
+    .waves-ripple {
+        background-color: rgba($primary, 0.4);
+    }
+}
+.waves-effect.waves-success {
+    .waves-ripple {
+        background-color: rgba($success, 0.4);
+    }
+}
+.waves-effect.waves-info {
+    .waves-ripple {
+        background-color: rgba($info, 0.4);
+    }
+}
+.waves-effect.waves-warning {
+    .waves-ripple {
+        background-color: rgba($warning, 0.4);
+    }
+}
+.waves-effect.waves-danger {
+    .waves-ripple {
+        background-color: rgba($danger, 0.4);
+    }
+}

public/assets/scss/custom/components/_widgets.scss

@@ -0,0 +1,129 @@
+// 
+// Widgets.scss
+// 
+
+.mini-stats-wid{
+    .mini-stat-icon{
+        overflow: hidden;
+        position: relative;
+        &:before, &:after{
+            content: "";
+            position: absolute;
+            width: 8px;
+            height: 54px;
+            background-color: rgba($white,.1);
+            right: 16px;
+            transform: rotate(-32deg);
+            top: -5px;
+            transition: all 0.4s;
+        }
+
+        &::after{
+            right: -12px;
+            width: 12px;
+            transition: all 0.2s;
+        }
+    }
+
+    &:hover{
+        .mini-stat-icon{
+            &::after{
+                right: 60px;
+            }
+        }
+    }
+}
+
+
+
+// activity widget
+
+.activity-wid{
+    border-right: 3px dashed $gray-300;
+    margin-right: 16px;
+
+    .activity-list{
+        position: relative;
+        padding: 0 30px 25px 0;
+        .activity-icon{
+            position: absolute;
+            right: -16px;
+            top: -3px;
+            z-index: 9;
+        }
+
+        &:last-child{
+            padding-bottom: 0px;
+        }
+    }
+}
+
+
+// social source
+
+.social-source{
+    .social-source-list{
+        padding: 13px 0px;
+    }
+}
+
+// Inbox widget
+
+.inbox-wid{
+    .inbox-list-item{
+        a{
+            color: $body-color;
+            display: block;
+            padding: 9px 0px;
+            border-bottom: 1px solid $border-color;
+        }
+
+        &:first-child{
+            a{
+                padding-top: 0px;
+            }
+        }
+
+        &:last-child{
+            a{
+                border-bottom: 0px;
+            }
+        }
+    }
+}
+
+
+.review-carousel{
+    .carousel-control-icon{
+        width: 24px;
+        height: 24px;
+        line-height: 22px;
+        color: $primary;
+        background-color: rgba($primary, 0.25);
+        font-size: 20px;
+        border-radius: 50%;
+    }
+    
+    .carousel-control-next, .carousel-control-prev{
+        bottom: auto;
+        top: -47px;
+    }
+
+    .carousel-control-prev{
+        right: auto;
+        left: 40px;
+    }
+
+}
+
+
+// profile
+
+.profile-widgets {
+    .online-circle {
+        position: absolute;
+        left: 0;
+        top: 100px;
+        right: 75px;
+    }
+}