del

resources/assets/sass/core/layouts/_content.scss

@@ -1,317 +0,0 @@
-// ================================================================================================
-//     File Name: content.scss
-//     Description: Page content level SCSS for different screen size, layout and device.
-//     ----------------------------------------------------------------------------------------------
-//     Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-//     Author: PIXINVENT
-//     Authuseror URL: http://www.themeforest.net//pixinvent
-// ================================================================================================
-
-// Contest margin left for expanded & collapsed stats width & margin left
-// ================================================================================================
-html {
-    font-size: $base-font-size;
-    height: 100%;
-    letter-spacing: .01rem;
-    body {
-        height: 100%;
-        background-color: $body-bg;
-        direction: $body-direction;
-        .content {
-            padding: 0;
-            position:relative;
-            transition: 300ms ease all;
-            backface-visibility: hidden;
-            min-height: calc(100% - 4rem);
-            margin-left: $menu-expanded-width;
-            &.app-content{
-                overflow: hidden;
-                &.show-overlay{
-                  .content-overlay{
-                    z-index: 10;
-                    opacity: 1;
-                    ~.header-navbar-shadow{
-                      background: linear-gradient(180deg,rgba(44,48,60,.9) 44%,rgba(44,48,60,.43) 73%,rgba(44,48,60,0));
-                    }
-                  }
-                }
-                .content-overlay{
-                  position: fixed;
-                  opacity: 0;
-                  width: 100%;
-                  height: 100%;
-                  top: 0;
-                  left: 0;
-                  right: 0;
-                  bottom: 0;
-                  background-color: rgba($pure-black,.5);
-                  cursor: pointer;
-                  transition: all .7s;
-                  z-index: -1;
-                }
-                .content-area-wrapper{
-                  height: calc(100% - #{$navbar-height});
-                  margin: calc(#{$navbar-height} + 2.7rem) #{$content-padding} 0;
-                  // padding: calc(#{$content-padding} - 0.4rem) #{$content-padding};
-                  display: flex;
-                  position: relative;
-                  .content-wrapper {
-                    margin-top: 0;
-                    height: calc(100vh - 13rem);
-                    height: calc(var(--vh, 1vh) * 100 - 13rem);
-                  }
-                }
-            }
-            .content-wrapper {
-                padding: calc(#{$content-padding} - 0.4rem) #{$content-padding} 0;
-                margin-top: $navbar-height + 1;
-                .content-header-title{
-                    font-weight: 500;
-                    color: $gray-400;
-                    margin-right: $spacer;
-                }
-                .content-header-right{
-                    .dropdown-toggle{
-                      &::after{
-                        display: none;
-                      }
-                      i{
-                        margin-right: 0;
-                      }
-                    }
-                    .btn-icon{
-                        padding: .8rem;
-                        i{
-                            font-size: $font-size-base;
-                        }
-                    }
-                }
-            }
-        }
-        //for navbar hidden
-        &.navbar-hidden{
-          .app-content{
-            .content-wrapper{
-              padding: 2.2rem;
-              margin-top: 0;
-            }
-            .content-area-wrapper{
-              padding: 0;
-              margin-top: 2.5rem;
-            }
-          }
-        }
-
-        // for static navbar
-        &.navbar-static{
-          .main-menu{
-            top: 0;
-          }
-          .app-content{
-            .navbar-container{
-              padding-left: 2.2rem;
-              padding-right: 1.2rem;
-            }
-            .content-wrapper{
-              padding: 2.2rem;
-              margin-top: 0;
-              padding-top: 1rem;
-            }
-            .content-area-wrapper{
-              margin-top: 1rem;
-            }
-          }
-        }
-
-        // for sticky navbar
-        &.navbar-sticky{
-          .app-content{
-            .navbar-container{
-              padding-left: 2.2rem;
-              padding-right: 1rem;
-              .search-input{
-                .search-list{
-                  &.show{
-                    width: 98%;
-                    left: 1%;
-                  }
-                }
-              }
-            }
-            .content-wrapper{
-              padding: 2.2rem;
-              margin-top: 4.65rem;
-            }
-          }
-        }
-
-      // navbar search width for sticky and static navbar
-      &.navbar-static,
-      &.navbar-sticky{
-        .navbar-container{
-          padding-left: 2.2rem;
-          padding-right: 1rem;
-          .search-input{
-            .search-list{
-              &.show{
-                width: 98%;
-                left: 1%;
-              }
-            }
-          }
-        }
-      }
-
-
-      // Fixed layout
-      &.fixed-footer{
-        .content{
-          &.app-content{
-            margin-bottom: 3rem;
-          }
-        }
-      }
-
-        // paragraph line-height
-        p{
-            line-height: 1.5rem;
-        }
-
-        &.bg-full-screen-image {
-            background: url(../images/pages/vuexy-login-bg.jpg) no-repeat center center;
-            background-size: cover;
-        }
-
-        /*
-        * Blank page
-        */
-
-        &.blank-page {
-          .content{
-            margin-left: 0;
-            // overflow-x hidden, overflow for y in sm screen issue resolved default
-            &.app-content{
-              overflow: overlay;
-              overflow-x: hidden;
-              // remove white space on top by header-navbar-shadow class
-              .header-navbar-shadow{
-                display: none;
-              }
-            }
-          }
-          // blank page content-wrapper
-          .content-wrapper {
-              padding: 0 !important;
-              margin-top: 0;
-              // content to be in center horizontally and vertically
-              .flexbox-container {
-                  display: flex;
-                  align-items: center;
-                  height: 100vh;
-                  height: calc(var(--vh, 1vh) * 100);
-                  justify-content: center;
-              }
-          }
-        }
-         //Remove left margin for 1 column layout
-        &[data-col="1-column"] {
-          .content,.footer {
-             margin-left: 0px !important;
-          }
-        }
-    }
-    .pace {
-        .pace-progress {
-            background: $primary;
-        }
-    }
-}
-
-.app-content.center-layout{
-    overflow: hidden;
-}
-
-
-/*
-* Col 3 layout for detached and general type
-*/
-
-@include media-breakpoint-up(lg) {
-    body {
-        // Normal sidebar
-        .content-right {
-            width: calc(100vw - (100vw - 100%) - #{$sidebar-width});
-            float: right;
-        }
-        .content-left {
-            width: calc(100vw - (100vw - 100%) - #{$sidebar-width});
-            float: left;
-        }
-        // Detached sidebar
-        .content-detached {
-            width: 100%;
-            &.content-right {
-                float: right;
-                margin-left: -$sidebar-width;
-                .content-body {
-                    margin-left: calc(#{$sidebar-width} + #{$content-padding});
-                }
-            }
-            &.content-left {
-                float: left;
-                margin-right: -$sidebar-width;
-                .content-body {
-                    margin-right:calc(#{$sidebar-width} + #{$content-padding});
-                }
-            }
-        }
-    }
-    .sidebar-right.sidebar-sticky {
-        float: right !important;
-        margin-left: -$sidebar-width;
-        width: $sidebar-width !important;
-        margin-top: $navbar-height + 1;
-    }
-}
-
-.truncate {
-    overflow: hidden!important;
-    text-overflow: ellipsis!important;
-    white-space: nowrap!important;
-}
-
-
-@include media-breakpoint-down(xs) {
-  html body .content .content-wrapper{
-    padding: calc(#{$content-padding} - 0.4rem) calc(#{$content-padding} - 1rem) 0;
-  }
-}
-
-@include media-breakpoint-down(xs) {
-  body{
-    &.navbar-static,
-    &.navbar-sticky{
-      .app-content{
-        .header-navbar{
-          .navbar-container{
-            padding-left: 1rem;
-            padding-right: .5rem;
-          }
-        }
-      }
-    }
-  }
-}
-
-
-// For Fullscreen IE
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  html.full-screen{
-    width: 100%;
-    .content.app-content{
-      height: 100%;
-      overflow: scroll;
-      overflow-x: hidden;
-    }
-  }
-}

resources/assets/sass/core/layouts/_footer.scss

@@ -1,68 +0,0 @@
-// ================================================================================================
-//     File Name: Footer.scss
-//     Description: *  Main footer styles.
-//     ----------------------------------------------------------------------------------------------
-//     Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-//     Author: PIXINVENT
-//     Author URL: http://www.themeforest.net/user/pixinvent
-// ================================================================================================
-
-// Stick footer to the bottom of the page
-footer{
-	&.footer {
-		padding: $spacer ($spacer*2.2);
-
-    // a tag margin - PIXINVENT text
-    a{
-      margin: 0 0.3rem;
-    }
-    // heart icon scss
-    span{
-      i{
-        margin-left: 0.5rem;
-        font-size: $h3-font-size;
-        color: $danger;
-        position: relative;
-        top: 2px;
-      }
-    }
-    .scroll-top{
-      padding: .81rem .83rem;
-    }
-	}
-
-	//shadow & border options
-	&.navbar-shadow {
-		box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
-	}
-	&.navbar-border {
-		border-top: 1px solid $custom-border-color;
-	}
-}
-
-// Fixed Footer
-body{
-  &.fixed-footer{
-    footer{
-      // Footer Light
-      &.footer-light{
-        background: $white;
-        box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
-      }
-      // Footer Dark
-      &.footer-dark{
-        background: $gray-600;
-        color: $white;
-      }
-    }
-  }
-}
-
-// scroll to Top Footer Button
-.scroll-top{
-  position:fixed;
-  bottom:5%;
-  right:30px;
-  display: none;
-  z-index: 99;
-}

resources/assets/sass/core/layouts/_main-menu.scss

@@ -1,9 +0,0 @@
-/*=========================================================================================
-    File Name: main-menu.scss
-    Description: Styles for menu components, main navigation and menu itself.
-    ----------------------------------------------------------------------------------------
-    Item name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-    Author: PIXINVENT
-    Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-

resources/assets/sass/core/layouts/_sidebar.scss

@@ -1,60 +0,0 @@
-/*=========================================================================================
-    File Name: sidebar.scss
-    Description: content sidebar specific scss.
-    ----------------------------------------------------------------------------------------
-    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-    Author: PIXINVENT
-    Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-
-
-
-// Sidebar base
-// ------------------------------
-
-// Base
-.sidebar {
-    position: relative;
-    width: 100%;
-
-    // For desktop only
-    @include media-breakpoint-up(lg){
-        // display: table-cell;
-        vertical-align: top;
-        // width: $sidebar-width;
-    }
-}
-.sidebar-fixed{
-    position: fixed;
-    height: 100%;
-    overflow: scroll;
-}
-
-.sidenav-overlay{
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 120vh;
-    background-color: rgba(0,0,0,0.5);
-    z-index: 997;
-    display: none;
-}
-
-.drag-target {
-    height: 100%;
-    width: 40px;
-    position: fixed;
-    top: 0;
-    left:-10px;
-    z-index: 1036;
-}
-
-@include media-breakpoint-up(lg){
-    .sidebar-left{
-        float:left;
-    }
-    .sidebar-right{
-        float:right;
-    }
-}

resources/assets/sass/core/menu/_navigation.scss

@@ -1,369 +0,0 @@
-/*=========================================================================================
-    File Name: navigations.scss
-    Description: Common mixin for menus, contain dark and light version scss.
-    ----------------------------------------------------------------------------------------
-    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-    Author: PIXINVENT
-    Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-
-// Import first main menu mixin
-@import "../mixins/main-menu-mixin";
-
-// Main menu base
-//==============
-.main-menu {
-    z-index: 1031;
-    position: absolute;
-    display: table-cell;
-    height: 100%;
-    overflow: hidden;
-
-    &.menu-light {
-        @include menu-theme($body-color, $white);
-    }
-
-    &.menu-dark {
-        @include menu-theme($menu-dark-color, $menu-dark-bg-color);
-    }
-
-    &.menu-fixed {
-        position: fixed;
-        /* fallback if needed */
-        // top: $navbar-height;
-        .main-menu-footer {
-            position: fixed;
-        }
-    }
-    &.menu-static{
-        height: 100%;
-        padding-bottom: calc(100% - 20rem);
-        .main-menu-content{
-          height: unset !important;
-        }
-    }
-
-    &.menu-shadow {
-        box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
-    }
-
-    &.menu-border {
-        border-right: 1px solid $custom-border-color;
-    }
-
-    // menu scroll shadow
-    .shadow-bottom{
-        display: none;
-        position: absolute;
-        z-index: 2;
-        height: 60px;
-        width: 100%;
-        pointer-events: none;
-        margin-top: -1.3rem;
-        filter: blur(5px);
-        background: linear-gradient(#fff 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0));
-    }
-
-    // Native Scrollbar (.menu-native-scroll)
-    &.menu-native-scroll {
-        .main-menu-content {
-            overflow-y: scroll;
-        }
-    }
-
-    .navbar-header {
-        height: 100%;
-        width: $menu-expanded-width;
-        height: $navbar-height;
-        position: relative;
-        padding: 0.35rem 1rem 0.3rem 1.64rem;
-        transition: 300ms ease all;
-        .navbar-brand {
-            // padding: 15px 0px;
-            display: flex;
-            align-items: center;
-            margin-top: 1.35rem;
-            .brand-logo {
-                background-position: -65px -54px;
-                height: 24px;
-                width: 35px;
-            }
-
-            .brand-text {
-                color: $primary;
-                padding-left: 1rem;
-                font-weight: 600;
-                letter-spacing: 0.01rem;
-                font-size: 1.57rem;
-                animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-            }
-        }
-        .modern-nav-toggle{
-          animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-        }
-    }
-
-    .main-menu-content {
-        height: calc(100% - 6rem) !important;
-        position: relative;
-        // margin-top: 0.45rem;
-    }
-
-    ul {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-
-        &.navigation-main {
-            overflow-x: hidden;
-            >li:first-child{
-              margin-top: .5rem;
-            }
-        }
-    }
-
-    a {
-        outline: none;
-
-        &:hover,
-        &:focus {
-            text-decoration: none;
-        }
-    }
-}
-
-// Main Navigation
-.navigation {
-    font-size: 1.1rem;
-    font-family: $font-family-monospace;
-    font-weight: 400;
-    overflow-y: hidden;
-    padding-bottom: 20px;
-
-    .navigation-header {
-        font-family: $font-family-monospace;
-        font-weight: $headings-font-weight;
-        line-height: $headings-line-height;
-        padding: 12px 22px;
-        font-size: .9rem;
-        text-transform: uppercase;
-    }
-
-    li {
-        position: relative;
-        white-space: nowrap;
-
-        a {
-            display: block;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            i{
-              font-size: 0.8rem;
-              margin-right: 1.38rem;
-            }
-        }
-
-        &.disabled {
-            a {
-                cursor: not-allowed;
-            }
-        }
-    }
-}
-
-// For compact menu popout
-.menu-popout {
-    li {
-        &.disabled {
-            a {
-                cursor: not-allowed;
-            }
-        }
-    }
-}
-
-
-.dropdown-notification {
-    .nav-link-label{
-      position: relative;
-    }
-    .notification-text {
-        margin-bottom: 0.5rem;
-        font-size: smaller;
-        color: $body-color;
-    }
-    .notification-title{
-      color: rgba($white, .75);
-    }
-
-    .notification-tag {
-        position: relative;
-        top: -4px;
-    }
-    .dropdown-menu.dropdown-menu-right{
-      right: -2px;
-      padding: 0;
-      &::before{
-        background: $primary;
-        border-color: $primary;
-      }
-    }
-    .dropdown-menu-header{
-      border-top-left-radius: $dropdown-border-radius;
-      border-top-right-radius: $dropdown-border-radius;
-      background: $primary;
-      color: $white;
-      text-align: center;
-      .dropdown-header h3{
-        margin-bottom: 0.25rem;
-      }
-    }
-}
-
-// Navigation Header
-//=====================
-.main-menu-header {
-    .user-content {
-        padding: 20px;
-
-        .media {
-            overflow: inherit;
-        }
-
-        .media-body {
-            vertical-align: bottom;
-            opacity: 1;
-            width: 150px;
-            white-space: nowrap;
-            transition: all .3s ease .15s;
-        }
-    }
-}
-
-// Navigation Footer
-//=====================
-.main-menu-footer {
-    position: relative;
-    overflow: hidden;
-    bottom: 0;
-    display: block;
-    z-index: 1000;
-    color: lighten($gray-600, 60%);
-    background-color: darken($gray-600, 10%);
-
-    &.footer-open {
-        max-height: 500px;
-        transition: max-height 0.2s ease-in-out;
-    }
-
-    a {
-        color: lighten($gray-600, 50%);
-
-        &:hover,
-        &:focus {
-            color: $white;
-        }
-    }
-
-    .header {
-        height: 19px;
-        border-bottom: 1px solid darken($gray-600, 5%);
-    }
-
-    .toggle {
-        transform: rotate(0deg);
-        transition: -webkit-transform 0.2s ease-in-out;
-    }
-
-    .content {
-        padding: 0;
-
-        .actions {
-            >a {
-                display: block;
-                float: left;
-                width: (100% / 3);
-                padding: 1rem 0;
-                color: lighten($gray-600, 50%);
-                text-align: center;
-                border-top: 1px solid darken($gray-600, 5%);
-                border-left: 1px solid darken($gray-600, 5%);
-
-                >span {
-                    font-size: 1.35rem;
-                }
-
-                &:hover,
-                &:focus {
-                    color: $white;
-                }
-            }
-        }
-    }
-}
-
-body.vertical-layout {
-    &.vertical-menu.menu-expanded {
-        .main-menu-footer {
-            .content {
-                margin-left: 0;
-            }
-        }
-    }
-}
-
-// for collapsed static layout
-body.menu-collapsed{
-  .menu-static{
-    padding-bottom: calc(100% - 14rem);
-  }
-}
-
-// Media queries for small screen devices
-// =========================================
-@include media-breakpoint-down(sm) {
-
-    // menu hide/open animation
-    .menu-hide .main-menu,
-    .menu-open .main-menu {
-        transition: transform .25s, top .35s, height .35s;
-    }
-
-    .main-menu {
-        transform: translate3d(-240px, 0, 0);
-        backface-visibility: hidden;
-        perspective: 1000;
-    }
-
-    .menu-open .main-menu {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-@include media-breakpoint-up(md) {
-    .drag-target {
-        z-index: 0;
-    }
-}
-
-// For Fixed Layout set menu-fixed height
-body{
-  &.fixed-footer{
-    .main-menu {
-       &.menu-fixed {
-        height: 100%;
-      }
-    }
-  }
-}
-
-// for static main menu height
-@media (max-width: 1200px){
-  body{
-    .main-menu{
-      &.menu-static {
-        padding-bottom: 100%;
-      }
-    }
-  }
-}

resources/assets/sass/core/menu/menu-types/horizontal-menu.scss

@@ -1,392 +0,0 @@
-/*=========================================================================================
-	File Name: horizontal-menu.scss
-	Description: A classic horizontal menu for easy navingation & support all devices.
-	It support light & dark version, filpped layout, right side icons, borders menu for
-	item seperation.
-	----------------------------------------------------------------------------------------
-	Item Name:  Vusax - Vuejs, HTML & Laravel Admin Dashboard Template
-	Author: PIXINVENT
-	Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-
-// Core variables and mixins
-@import "../../../bootstrap/functions";
-@import "../../../bootstrap/mixins";
-@import "../../../bootstrap-extended/mixins";
-
-// Core variables and mixins overrides
-@import "../../variables/variables";
-@import "../../../bootstrap/variables";
-
-// Overrides user variable
-@import "../../variables/components-variables";
-
-// Import first main menu mixin
-@import "../../mixins/main-menu-mixin";
-
-// Horizontal Menu
-//=========================
-.horizontal-menu{
-  //-------------------//
-  // Content Area margin
-  //-------------------//
-  .content{
-    margin-left: 0;
-    .content-wrapper{
-      margin-top: 0 !important;
-    }
-  }
-  footer{
-    position: static;
-  }
-
-  &.navbar-floating{
-    &:not(.blank-page){
-      .app-content{
-        padding-top: 9.75rem;
-      }
-    }
-    .horizontal-menu-wrapper{
-      background: linear-gradient(to bottom, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
-      background-repeat: repeat-x;
-      .navbar-horizontal.floating-nav{
-        margin: 1.3rem 2.2rem 0;
-      }
-    }
-  }
-  &.dark-layout{
-    .header-navbar{
-      background: inherit !important;
-    }
-    .horizontal-menu-wrapper{
-      background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
-      .header-navbar{
-        background: $menu-dark-bg-color !important;
-        &.navbar-horizontal{
-          ul#main-menu-navigation > li:hover:not(.active) > a{
-            background: $content-dark-bg;
-          }
-        }
-      }
-    }
-  }
-  &.semi-dark-layout{
-    .header-navbar{
-      background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100% );
-    }
-    .horizontal-menu-wrapper{
-      .header-navbar{
-        background: $menu-dark-bg-color !important;
-        &.navbar-horizontal{
-          ul#main-menu-navigation > li:hover > a{
-            background: $content-dark-bg;
-          }
-        }
-        i,span,.nav-link{
-          color: $theme-dark-text-color;
-        }
-      }
-      .dropdown-menu{
-        background-color: $content-dark-bg;
-      }
-    }
-  }
-  &.navbar-sticky{
-    .app-content{
-      padding-top: 8.5rem;
-    }
-    .header-navbar{
-      background-color: $body-bg;
-    }
-    .horizontal-menu-wrapper{
-      .navbar-horizontal.header-navbar.fixed-top{
-        left: 0;
-        top: 62px;
-        background-color: $white;
-      }
-    }
-  }
-  &.navbar-static{
-    .app-content{
-      padding-top: 2.5rem !important;
-    }
-    .header-navbar{
-      background-color: $body-bg;
-      .navbar-wrapper{
-        width: 100%;
-      }
-    }
-    .horizontal-menu-wrapper{
-      position: relative;
-      .navbar-horizontal.header-navbar{
-        background: $white;
-        &.navbar-static-top{
-          position: static;
-          background: $white;
-          left: 0;
-        }
-      }
-    }
-  }
-  //---------------//
-  // Navbar Header //
-  //---------------//
-  .horizontal-menu-wrapper{
-    position: fixed;
-    top: 62px;
-    z-index: 990;
-    width: 100%;
-    height: 99px;
-    .header-navbar{
-      .navbar-container{
-        padding-left: 1rem;
-        padding-right: 1rem;
-        width: 100%;
-      }
-      .navbar-header{
-        display: none;
-      }
-    }
-  }
-  .header-navbar{
-    background: $white;
-    z-index: 999 !important;
-    line-height: 1;
-    min-height: auto;
-    // Navbar- Brand Center - Logo
-    &.navbar-horizontal.floating-nav{
-      width: calc(100vw - (100vw - 100%) - calc(#{$content-padding} * 2));
-      background: $white;
-    }
-    .navbar-container{
-      padding-left: #{$content-padding};
-      padding-right: calc(#{$content-padding} - 1rem);
-      border-radius: $border-radius;
-    }
-    &.navbar-fixed{
-      position: fixed;
-      width: 100%;
-    }
-    &.navbar-brand-center{
-      .navbar-header{
-        position: absolute;
-        left: 50%;
-        margin-left: -65px;
-        padding: 0;
-        z-index: 1000;
-        .navbar-brand{
-          display: flex;
-          align-items: center;
-          margin-right: 0;
-          // Brand Logo Scss
-          .brand-logo{
-            background-position: -65px -54px;
-            height: 24px;
-            width: 35px;
-          }
-
-          // Brand Text Scss
-          .brand-text{
-            color: $white;
-            padding-left: 1rem;
-            letter-spacing: 0.01rem;
-            font-size: 1.57rem;
-          }
-        }
-      }
-    }
-
-    &.navbar-horizontal{
-      .nav-link{
-        &.dropdown-toggle::after{
-          left: 0.4rem;
-        }
-      }
-      .dropdown-menu::before{
-        display: none;
-      }
-      .dropdown-menu{
-        min-width: 215px;
-        border: none;
-        margin-top: 0;
-        min-height: 52px;
-        .disabled{
-          pointer-events: none !important;
-          a{
-            color: $gray-600;
-          }
-        }
-        .dropdown-toggle::after{
-          left: auto;
-          position: absolute;
-          top: 50%;
-          margin-top: -7px;
-          right: 1rem;
-          content: "\e844" !important;
-        }
-        .dropdown-item{
-          font-size: 1rem;
-          padding: 0.965rem 1.428rem;
-          display: flex;
-          align-items: center;
-        }
-        .dropdown-submenu{
-          position: relative;
-          &.openLeft{
-            .dropdown-menu{
-              left: auto;
-              right: 100%;
-            }
-          }
-          &.show{
-            background: $body-bg;
-          }
-          & > .dropdown-menu{
-            position: absolute;
-            top: 0 !important;
-            left: 100% !important;
-            i{
-              font-size: 0.75rem !important;
-            }
-          }
-        }
-      }
-      ul#main-menu-navigation > li{
-        padding-top: 0.965rem;
-        padding-bottom: 0.965rem;
-
-        > .dropdown-menu{
-          margin-top: 0.75rem;
-          a{
-            transition: padding 0.35s ease 0s !important;
-            &:hover{
-              padding-left: 25px;
-              transition: padding 0.35s ease 0s !important;
-              background-color: transparent;
-              color: $body-color;
-            }
-          }
-          .active > a{
-            background: $body-bg;
-            color: $primary;
-            font-weight: 500;
-          }
-          .open{
-            &.active{
-              > a{
-                color: $body-color;
-                font-weight: normal;
-              }
-            }
-          }
-        }
-        i{
-          font-size: 1.11rem;
-          margin-right: 0.75rem;
-        }
-        > a{
-          padding: 0.75rem 1.25rem 0.75rem 1.25rem;
-          display: flex;
-          margin-right: 0.5rem;
-        }
-        &:hover{
-          > a{
-            background: $body-bg;
-            border-radius: 4px;
-          }
-        }
-        &.active{
-          > a{
-            background: linear-gradient(118deg, rgba($primary, 1), rgba($primary, 0.7));
-            box-shadow: 0 0 6px 1px rgba($primary, 0.6);
-            color: $white;
-            border-radius: 4px;
-          }
-        }
-      }
-    }
-  }
-  &.menu-collapsed{
-    #main-menu-navigation{
-      .nav-item{
-        > a span{
-          display: none;
-        }
-      }
-    }
-  }
-  .navigation-header{
-    font-family: inherit;
-    color: #929292;
-    padding: 8px 20px;
-    font-size: 1rem;
-    text-transform: uppercase;
-  }
-
-  .navbar-dark{
-    .nav-item{
-      &.active > a{
-        border-bottom: 2px solid $primary;
-        background-color: #313c50;
-      }
-    }
-  }
-  // App related CSS for Horizontal
-	.content.app-content .content-area-wrapper{
-		margin-top: 2.2rem;
-		.content-wrapper{
-      height: calc(100vh - 16rem);
-      height: calc(var(--vh, 1vh) * 100 - 16rem);
-		}
-	}
-  &.chat-application .sidebar-content,
-  &.email-application .content-area-wrapper .sidebar .email-app-sidebar,
-  &.todo-application .content-area-wrapper .sidebar .todo-sidebar{
-		height: calc(100vh - 16rem);
-    height: calc(var(--vh, 1vh) * 100 - 16rem);
-  }
-  &.todo-application .content-area-wrapper .content-right .todo-task-list{
-		height: calc(100vh - 19.5rem);
-    height: calc(var(--vh, 1vh) * 100 - 19.5rem);
-  }
-  &.email-application .app-content .content-area-wrapper .email-user-list{
-		height: calc(100vh - 23.3rem);
-    height: calc(var(--vh, 1vh) * 100 - 23.3rem);
-  }
-  &.chat-application{
-    .user-profile-sidebar{
-      height: calc(100vh - 16.1rem);
-      height: calc(var(--vh, 1vh) * 100 - 16.1rem);
-      bottom: 4.1rem;
-    }
-    .chat-profile-sidebar{
-      height: calc(100vh - 16rem);
-      height: calc(var(--vh, 1vh) * 100 - 16rem);
-    }
-    .chat-app-window .user-chats{
-      height: calc(100vh - 26.5rem);
-      height: calc(var(--vh, 1vh) * 100 - 26.5rem);
-    }
-  }
-}
-
-// Initially menu & content width for md and down screen
-@include media-breakpoint-down(lg){
-  body.horizontal-layout{
-    &.horizontal-menu{
-      .horizontal-menu-wrapper{
-        .header-navbar{
-          display: none;
-        }
-      }
-    }
-		.header-navbar{
-			background: $white;
-		}
-    .content .content-wrapper{
-      margin-top: 5rem;
-    }
-  }
-}
-// Import vertical-overlay-menu.scss for small screen support
-@import "vertical-overlay-menu.scss";

resources/assets/sass/core/menu/menu-types/vertical-menu.scss

@@ -1,468 +0,0 @@
-/*=========================================================================================
-    File Name: vertical-menu.scss
-    Description: A calssic vertical modern style menu with expand and collops support. It support
-    light & dark version, filpped layout, right side icons, native scroll and borders menu
-    item seperation.
-    ----------------------------------------------------------------------------------------
-    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-    Author: PIXINVENT
-    Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-
-// Core variables and mixins
-@import "../../../bootstrap/functions";
-@import "../../../bootstrap/mixins";
-@import "../../../bootstrap-extended/mixins";
-
-// Core variables and mixins overrides
-@import "../../variables/variables";
-@import "../../../bootstrap/variables";
-
-// Overrides user variable
-@import "../../variables/components-variables";
-
-// Import first main menu mixin
-@import "../../mixins/main-menu-mixin";
-
-//  Vertical menu
-//=========================
-body.vertical-layout {
-   &.vertical-menu-modern {
-      .main-menu {
-         .navigation {
-            > li > a > i {
-              font-size: 1.2rem;
-              margin-right: 1rem;
-              float: left;
-            }
-            // Sub-menu icon size
-            .menu-content{
-               >li > a > i{
-                  margin-right: 1.38rem;
-                  font-size: 0.8rem;
-               }
-            }
-         }
-      }
-      .toggle-icon {
-         margin-right: 0.425rem;
-         &:focus{
-            outline: none;
-         }
-      }
-      // Flipped menu expanded
-      &.menu-flipped {
-         @include media-breakpoint-up(sm) {
-            .main-menu {
-               right: 0;
-            }
-         }
-      }
-      .navbar {
-         .navbar-brand {
-            white-space: nowrap;
-         }
-         .navbar-header {
-            .nav-toggle {
-               position: absolute;
-               right: 0;
-            }
-         }
-      }
-      .main-menu {
-         transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-         transform: translate3d(0, 0, 0);
-         backface-visibility: hidden;
-      }
-      //Vertical menu [Expanded]
-      &.menu-expanded {
-         //Navbar expanded
-         .navbar {
-            .navbar-header {
-               @include menu-navbar-width($menu-expanded-width);
-            }
-            .navbar-brand {
-               .brand-text {
-                  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-               }
-            }
-         }
-         // Main menu expanded
-         .main-menu {
-            width: $menu-expanded-width;
-            .navigation {
-               .navigation-header {
-                  .icon-minus {
-                     display: none;
-                  }
-               }
-               > li {
-                  > a {
-                     > i {
-                        margin-right: $spacer;
-                        float: left;
-                        &:before {
-                           font-size: 1.429rem;
-                        }
-                     }
-                     > span {
-                        animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-                        &.badge {
-                           position: absolute;
-                           right: 20px;
-                        }
-                     }
-                  }
-               }
-               li {
-                  @include vertical-menu-has-sub-arrow($font-size-base+0.1);
-               }
-            }
-            .main-menu-footer {
-               width: $menu-expanded-width;
-            }
-         }
-         //Content expanded
-         // .content,
-         .footer {
-            @include main-menu-width($menu-expanded-width);
-         }
-      }
-      //Vertical menu [Collapsed]
-      &.menu-collapsed {
-         //Navbar collapsed
-         .navbar {
-            .navbar-header {
-               @include menu-navbar-width($menu-collapsed-width);
-               .modern-nav-toggle {
-                  display: none;
-               }
-               &.expanded {
-                  width: $menu-expanded-width;
-                  z-index: 1000;
-                  .modern-nav-toggle {
-                     display: block;
-                  }
-                  .navbar-brand {
-                     .brand-text {
-                        animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-                     }
-                  }
-               }
-               .navbar-brand {
-                  .brand-text {
-                     animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
-                  }
-               }
-            }
-            .navbar-brand {
-               padding: 15px 0px;
-            }
-            // fixed-top navbar when menu-collapsed
-            &.fixed-top{
-               left: $menu-collapsed-width;
-            }
-         }
-         // Main menu collapsed
-         .main-menu {
-            width: $menu-collapsed-width;
-            transition: 300ms ease all;
-            backface-visibility: hidden;
-            transform: translate3d(0, 0, 0);
-            .main-menu-footer {
-               width: $menu-collapsed-width;
-            }
-            .main-menu-footer,
-            .main-menu-header .media-body .media-heading,
-            .main-menu-header .media-body .text-muted,
-            .main-menu-header .media-right {
-               display: none;
-            }
-            .main-menu-header .media-body {
-               opacity: 0;
-            }
-            .navbar-header .brand-text,
-            .modern-nav-toggle{
-               display: none;
-            }
-            .user-content {
-               padding: 20px 10px;
-            }
-
-            &:not(.expanded){
-              .navigation-header{
-                margin: 0;
-              }
-              .navigation li{
-                a{
-                  line-height: 1;
-                }
-                &:last-child{
-                  margin-bottom: 1.25rem !important;
-                }
-                &.active{
-                  a{
-                    background: whitesmoke;
-                    box-shadow: none;
-                    color: #565656;
-                  }
-                }
-              }
-            }
-
-            //Navigation collapsed
-            .navigation {
-               overflow: visible;
-               > li.navigation-header {
-                  .icon-minus {
-                     display: block;
-                     font-size: 1.2rem;
-                  }
-                  span {
-                     display: none;
-                  }
-               }
-               > li {
-                  > a {
-                     text-overflow: inherit;
-                     > span {
-                        animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
-                        &.badge {
-                           float: none !important;
-                        }
-                     }
-                     i {
-                        margin-right: 1rem;
-                        float: left;
-                        &:before {
-                           font-size: 1.429rem;
-                           // font-size: 1.2rem;
-                        }
-                     }
-                  }
-               }
-            }
-            .mTSWrapper {
-               overflow: visible;
-            }
-            &.expanded {
-               width: $menu-expanded-width;
-               .navigation {
-                  > li.navigation-header {
-                     .icon-minus {
-                        display: none;
-                     }
-                     span {
-                        display: block;
-                     }
-                  }
-                  > li {
-                     > a {
-                        > span {
-                           animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
-                           &.badge {
-                              position: absolute;
-                              right: 20px;
-                           }
-                        }
-                     }
-                  }
-                  li {
-                     @include vertical-menu-has-sub-arrow(1rem);
-                  }
-               }
-               .navbar-header .brand-text{
-                  display: inline;
-               }
-               .modern-nav-toggle{
-                  display: block;
-               }
-            }
-         }
-         //Brand center content collapsed
-         .app-content,
-         .footer {
-            @include main-menu-width($menu-collapsed-width);
-         }
-         //  .app-content{
-          .header-navbar{
-            // margin-left: $menu-collapsed-width;
-              // Floating-navbar
-               &.floating-nav{
-                  width: calc(100vw - (100vw - 100%) - 4.4rem - 80px);
-               }
-               // Navbar-static-top
-               &.navbar-static-top{
-                width: calc(100vw - (100vw - 100%) - 80px);
-                left: 80px;
-               }
-            }
-
-        //  }
-         // Flipped menu collapsed
-         &.menu-flipped {
-            //Content collapsed flipped
-            .content {
-               @include vertical-flipped-menu($menu-collapsed-width);
-            }
-            @include media-breakpoint-up(sm) {
-               .main-menu {
-                  right: 0;
-                  span.menu-title {
-                     right: $menu-collapsed-width;
-                  }
-                  ul.menu-content {
-                     right: $menu-collapsed-width;
-                     left: inherit;
-                  }
-               }
-            }
-            //Navbar collapsed flipped
-            .navbar {
-               .navbar-header {
-                  float: right;
-               }
-               .navbar-container {
-                  @include vertical-flipped-menu($menu-collapsed-width);
-               }
-            }
-            .footer {
-               @include vertical-flipped-menu($menu-collapsed-width);
-            }
-         }
-      }
-   }
-}
-
-// Initially menu & content width for lg and up screen
-@include media-breakpoint-up(lg) {
-   body.vertical-layout {
-      &.vertical-menu-modern {
-         .main-menu {
-            width: $menu-expanded-width;
-            .navigation {
-                li.navigation-header .icon-minus {
-                   display: none;
-                }
-             }
-         }
-         .navbar {
-            .navbar-header {
-               width: $menu-expanded-width;
-            }
-         }
-         // .content,
-         .footer {
-            @include main-menu-width($menu-expanded-width);
-         }
-         &.menu-flipped {
-            //Content expanded flipped
-            .content {
-               @include vertical-flipped-menu($menu-expanded-width);
-            }
-            //Navbar expanded flipped
-            .navbar {
-               .navbar-header {
-                  float: right;
-               }
-               .navbar-container {
-                  @include vertical-flipped-menu($menu-expanded-width);
-               }
-            }
-            .footer {
-               @include vertical-flipped-menu($menu-expanded-width);
-            }
-         }
-      }
-   }
-}
-
-// Initially menu & content width for md and down screen
-@include media-breakpoint-down(lg) {
-   body.vertical-layout {
-      &.vertical-menu-modern {
-         .main-menu {
-            width: 0;
-            opacity: 0;
-            left: -260px;
-            .navigation {
-               > li > a > span {
-                  animation: 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout;
-               }
-               li.navigation-header span {
-                  display: none;
-               }
-            }
-         }
-         .navbar {
-            .navbar-header {
-               width: 0;
-            }
-         }
-         .content,
-         .footer {
-            @include main-menu-width(0);
-         }
-         &.menu-collapsed {
-            .app-content, .footer{
-               margin-left: 0;
-            }
-            .main-menu{
-               width: 0;
-            }
-         }
-      }
-      // &:not(.horizontal-layout){
-      //    &.navbar-floating{
-      //       .header-navbar{
-      //          width: calc(100% - 4.4rem) !important;
-      //       }
-      //    }
-      // }
-   }
-}
-
-// Initially menu & content width for sm and down screen
-@include media-breakpoint-down(sm) {
-   body.vertical-layout {
-      &.vertical-menu-modern {
-         .main-menu {
-            width: 0;
-         }
-         .navbar {
-            .navbar-header {
-               width: 0;
-            }
-         }
-         .content,
-         .footer {
-            @include main-menu-width(0);
-         }
-      }
-   }
-}
-
-@keyframes fadein {
-   from {
-      opacity: 0;
-   }
-   to {
-      opacity: 1;
-   }
-}
-@keyframes fadeout {
-   from {
-      opacity: 1;
-   }
-   to {
-      opacity: 0;
-   }
-}
-// IE Specific CSS
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-   body.vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span{
-      animation: none;
-   }
-}
-// Import vertical-overlay-menu.scss for small screen support
-@import "vertical-overlay-menu.scss";

resources/assets/sass/core/menu/menu-types/vertical-overlay-menu.scss

@@ -1,137 +0,0 @@
-/*=========================================================================================
-    File Name: vertical-overlay-menu.scss
-    Description: A overlay style vertical menu with show and hide support. It support
-    light & dark version, filpped layout, right side icons, native scroll and borders menu
-    item seperation.
-    ----------------------------------------------------------------------------------------
-    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
-    Author: PIXINVENT
-    Author URL: http://www.themeforest.net/user/pixinvent
-==========================================================================================*/
-
-// Core variables and mixins
-@import "../../../bootstrap/functions";
-@import "../../../bootstrap/mixins";
-@import "../../../bootstrap-extended/mixins";
-
-// Core variables and mixins overrides
-@import "../../variables/variables";
-@import "../../../bootstrap/variables";
-
-// Overrides user variable
-@import "../../variables/components-variables";
-
-// Import first main menu mixin
-@import "../../mixins/main-menu-mixin";
-
-// Vertical Overlay Menu
-//=========================
-.vertical-overlay-menu {
-    //Content expanded
-    .content{
-        @include main-menu-width(0);
-    }
-    //Navbar expanded
-    .navbar{
-        .navbar-header{
-            @include menu-navbar-width($menu-expanded-width);
-        }
-        &.header-navbar{
-            &.floating-nav{
-                width: calc(100vw - (100vw - 100%) - calc(#{$content-padding} * 2));
-            }
-        }
-    }
-    // Main menu expanded
-    .main-menu{
-        opacity: 0;
-        transform: translate3d(0,0,0);
-        transition: width .25s,opacity .25s,transform .25s;
-        width: $menu-expanded-width;
-        left: -($menu-expanded-width);
-
-        .navigation{
-            .navigation-header{
-                .icon-minus{
-                    display: none;
-                }
-            }
-            > li{
-                > a {
-                    > i {
-                        margin-right: 14px;
-                        float:left;
-                        &:before{
-                          transition: 200ms ease all;
-                          font-size: 1.429rem;
-                        }
-                    }
-                }
-            }
-            li{
-                @include vertical-menu-has-sub-arrow(1rem);
-                a i{
-                   font-size: 1.1rem;
-                }
-            }
-        }
-        .main-menu-footer{
-            bottom:55px;
-        }
-        .main-menu-footer {
-            width: $menu-expanded-width;
-        }
-    }
-    &.menu-open {
-        .main-menu{
-            opacity: 1;
-            transform: translate3d($menu-expanded-width,0,0);
-            transition: width .25s,opacity .25s,transform .25s;
-        }
-    }
-    &.menu-hide {
-        .main-menu{
-            @extend  .main-menu;
-        }
-    }
-
-    // Flipped menu open
-    &.menu-flipped{
-        // Main menu hidden on flipped
-        .main-menu{
-            right: -($menu-expanded-width);
-            left: inherit;
-        }
-        //Navbar flipped
-        .navbar{
-            .navbar-container{
-                @include vertical-flipped-menu($menu-expanded-width);
-            }
-            .navbar-header{
-                float: right;
-            }
-        }
-        &.menu-open {
-            .main-menu{
-                transform: translate3d(-$menu-expanded-width,0,0);
-            }
-        }
-    }
-}
-// @include media-breakpoint-down(lg) {
-//     .vertical-overlay-menu {
-//         .header-navbar{
-//             background: $white;
-//             box-shadow: 0 4px 20px 0 rgba($black, 0.05);
-//         }
-//     }
-// }
-@include media-breakpoint-down(md) {
-    .vertical-overlay-menu {
-        .main-menu{
-            .main-menu-footer{
-                bottom:0px;
-            }
-        }
-    }
-}