/**
 * __________________________________________________________________
 *
 * ConfiRed Dashboard - HTML5, Bootstrap 4.5, Font Awesome 4.5
 * __________________________________________________________________
 *
 * MIT License
 * 
 * Copyright (c) 2020 Wilfred V. Pine
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * @package ConfiRed Dashboard
 * @author Wilfred V. Pine <only.master.red@gmail.com>
 * @copyright Copyright 2020 (https://dev.confired.com)
 * @link https://dashboard.confired.com
 * @license https://opensource.org/licenses/MIT MIT License
 */

  
/* Sidebar */

.sidebar-toggle{
    width: 100%;
    /* text-align: center; */
    padding: 3px;
    /* background-color: white; */
}

.side-logo
{
  height: auto;
  /* background-color: rgb(54, 43, 43); */
  background-color: rgb(43, 46, 48);
  border-right: 1px solid rgb(77, 77, 77);
  z-index: 999999999;margin-top: 0px;padding: auto;
  padding-top: 10px; padding-bottom: 5px;text-align: center;
}
  
.sidebar {
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  position: fixed;
  height: 100%;
  overflow: auto;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  float: left;
  height: auto;
}

.sidebar > .side-slide-down{
  padding-top: 0px;
}

/* ilalim */
.navbar{
  z-index: 10;
}

.custom-grid{
  -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    margin-left: 16.666667%;
}


  
  @media (max-width: 767.98px) {
    .sidebar {
      /* top: 5rem; */
      margin-top: 80px;
      
    }
    .sidebar>.side-logo>a
    {
      /* margin-top: 130px; */
      display: none;
    }
    .sidebar > .side-slide-down{
      padding-top: 13px;
    }
    /* ibabaw */
    .navbar{
      z-index: 150;
    }
    .custom-grid{
      -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }
    
  }
  
  .side-slide-down {
    position: relative;
    top: 0;
    /* height: calc(100vh - 48px); */
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .side-slide-down {
      position: -webkit-sticky;
      position: sticky;
    }
  }
  
  .sidebar .nav-link {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: rgb(199, 199, 199);
  }
  
  .sidebar .nav-link .icon {
    margin-right: 4px;
    color: #999;
  }
  
  .sidebar .nav-link.active {
    color: #fbfdff;
  }
  
  .sidebar .nav-link:hover .icon,
  .sidebar .nav-link.active .icon {
    color: inherit;
  }
  