| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 | 
							- //
 
- // Component: Control Sidebar
 
- //
 
- html.control-sidebar-animate {
 
-   overflow-x: hidden;
 
- }
 
- .control-sidebar {
 
-   bottom: $main-footer-height;
 
-   position: absolute;
 
-   top: $main-header-height;
 
-   z-index: $zindex-control-sidebar;
 
-   &,
 
-   &::before {
 
-     bottom: $main-footer-height;
 
-     display: none;
 
-     right: -$control-sidebar-width;
 
-     width: $control-sidebar-width;
 
-     @include transition(
 
-       right $transition-speed $transition-fn,
 
-       display $transition-speed $transition-fn
 
-     );
 
-   }
 
-   &::before {
 
-     content: "";
 
-     display: block;
 
-     position: fixed;
 
-     top: 0;
 
-     z-index: -1;
 
-   }
 
- }
 
- body.text-sm {
 
-   .control-sidebar {
 
-     bottom: $main-footer-height-sm;
 
-     top: $main-header-height-sm;
 
-   }
 
- }
 
- .main-header.text-sm ~ .control-sidebar {
 
-   top: $main-header-height-sm;
 
- }
 
- .main-footer.text-sm ~ .control-sidebar {
 
-   bottom: $main-footer-height-sm;
 
- }
 
- .control-sidebar-push-slide {
 
-   .content-wrapper,
 
-   .main-footer {
 
-     @include transition(margin-right $transition-speed $transition-fn);
 
-   }
 
- }
 
- // Control sidebar open state
 
- .control-sidebar-open {
 
-   .control-sidebar {
 
-     display: block !important;
 
-     &,
 
-     &::before {
 
-       right: 0;
 
-     }
 
-   }
 
-   &.control-sidebar-push,
 
-   &.control-sidebar-push-slide {
 
-     .content-wrapper,
 
-     .main-footer {
 
-       margin-right: $control-sidebar-width;
 
-     }
 
-   }
 
- }
 
- // Control sidebar slide over content state
 
- .control-sidebar-slide-open {
 
-   .control-sidebar {
 
-     display: block;
 
-     &,
 
-     &::before {
 
-       right: 0;
 
-       @include transition(
 
-         right $transition-speed $transition-fn,
 
-         display $transition-speed $transition-fn
 
-       );
 
-     }
 
-   }
 
-   &.control-sidebar-push,
 
-   &.control-sidebar-push-slide {
 
-     .content-wrapper,
 
-     .main-footer {
 
-       margin-right: $control-sidebar-width;
 
-     }
 
-   }
 
- }
 
- // Dark skin
 
- .control-sidebar-dark {
 
-   background-color: $sidebar-dark-bg;
 
-   &,
 
-   a,
 
-   .nav-link {
 
-     color: $sidebar-dark-color;
 
-   }
 
-   a:hover {
 
-     color: $sidebar-dark-hover-color;
 
-   }
 
-   // Headers and labels
 
-   h1,
 
-   h2,
 
-   h3,
 
-   h4,
 
-   h5,
 
-   h6,
 
-   label {
 
-     color: $sidebar-dark-hover-color;
 
-   }
 
-   // Tabs
 
-   .nav-tabs {
 
-     background-color: $sidebar-dark-hover-bg;
 
-     border-bottom: 0;
 
-     margin-bottom: 5px;
 
-     .nav-item {
 
-       margin: 0;
 
-     }
 
-     .nav-link {
 
-       border-radius: 0;
 
-       padding: 10px 20px;
 
-       position: relative;
 
-       text-align: center;
 
-       &,
 
-       &:hover,
 
-       &:active,
 
-       &:focus,
 
-       &.active {
 
-         border: 0;
 
-       }
 
-       &:hover,
 
-       &:active,
 
-       &:focus,
 
-       &.active {
 
-         border-bottom-color: transparent;
 
-         border-left-color: transparent;
 
-         border-top-color: transparent;
 
-         color: $sidebar-dark-hover-color;
 
-       }
 
-       &.active {
 
-         background-color: $sidebar-dark-bg;
 
-       }
 
-     }
 
-   }
 
-   .tab-pane {
 
-     padding: 10px 15px;
 
-   }
 
- }
 
- // Light skin
 
- .control-sidebar-light {
 
-   color: lighten($sidebar-light-color, 10%);
 
-   //  Background
 
-   background-color: $sidebar-light-bg;
 
-   border-left: $main-header-bottom-border;
 
- }
 
 
  |