/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

 body {
    overflow-x: hidden;
  }
  
  .wrapper-navi-left {
    padding-right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .wrapper-navi-left.toggled-left {
    padding-left: 360px;
  }
  
  #sidebar-wrapper-left {
    z-index: 1500;
    position: fixed;
    left: 0;
    width: 360px;
    height: 100%;
    margin-left: -360px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .wrapper-navi-left.toggled-left #sidebar-wrapper-left {
    top: 84px;
    left: 360px;
  }
  
  .wrapper-navi-right {
    padding-left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .wrapper-navi-right.toggled-right {

    padding-right: 360px;
  }
  
  #sidebar-wrapper-right {
    z-index: 1500;
    position: fixed;
    top: 84px;
    right: 0;
    width: 360px;
    height: 100%; /** Scroll **/
    margin-right: -360px;
    overflow-y: auto;
    background: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .wrapper-navi-right.toggled-right #sidebar-wrapper-right {
    top: 84px;
    right: 360px;
  }
  
  #page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .wrapper-navi-left.toggled-left #page-content-wrapper {
    position: absolute;
    margin-right: -360px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .wrapper-navi-right.toggled-right #page-content-wrapper {
    position: absolute;
    /**
    margin-left: -360px;
    **/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  
  /* Sidebar Styles */
  
/** Hide mobile navi on desktop **/
@media(min-width:992px) {
    .wn-sidebar { display: none; }
}
@media (min-width:768px) and (max-width:992px) {
  .wrapper-navi-right.toggled-right {
    padding-right: 260px;
  }

  #sidebar-wrapper-right {
      width: 260px;
      margin-right: -260px;
  }

  .wrapper-navi-right.toggled-right #sidebar-wrapper-right {
      right: 260px;
  }
/**
  .wrapper-navi-right.toggled-right #page-content-wrapper {
      margin-left: -260px;
  }
**/
}


@media(min-width:381px) {
    .sidebar-nav { width: 330px; }
}

@media(max-width:380px) {

    .wrapper-navi-right.toggled-right {
        padding-right: 280px;
    }

    #sidebar-wrapper-right {
        width: 280px;
        margin-right: -280px;
    }

    .wrapper-navi-right.toggled-right #sidebar-wrapper-right {
        right: 280px;
    }
    /**
      .wrapper-navi-right.toggled-right #page-content-wrapper {
        margin-left: -280px;
      }
    **/


    /* Sidebar Styles */

    .sidebar-nav {
        width: 280px;
    }
}