/* #####################################################SIDEBAR CSS##################################################### */
/* html, body {
  height: 100%;
} */

.bg {
    /* width:100%;
    height: auto; */
    position: absolute;
  }
  
  .topleft {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  
  .text-block {
    position: absolute;
  }
  
  /* ul {
    list-style-type: none;
    margin: 10px;
    padding: 10px
  }
  
  li {
    display: inline;
    padding-right: 40px;
    padding-left: 10px;
  } */
  
  .nav_tab {
    color: #0082c4;
    font-size: 18px;
  }
  
  .nav_tab li.active a {
    color: #FDFDFD;
    transform: scale(1.2);
  }


  .nav_tab_palette {
    position: absolute;
    color: #0082c4;
    font-size: 18px;
    left: 5%;
    top: 15px;

  }
  
  .nav_tab_palette li.active a {
    color: #FDFDFD;
    transform: scale(1.2);
  }



  
  .wrapper, .row {
    /* height: 100%; */
    margin-left:0;
    margin-right:0;
  }
  
  .wrapper:before, .wrapper:after,
  .column:before, .column:after {
     content: "";
     display: table;
  }
  
  .wrapper:after,
  .column:after {
     clear: both;
  }
  
  #sidebar {
     background-color: #fff;
     border-color: 1px solid #ccc;
     padding-right: 0;
     right: 0;
     float: right;
     height: max-content;
     width: 30%;
     border: 1px solid #f3f1f1;
     height: auto;
  }
  
  #sidebar .collapse.in {
     display: inline;
  }
  
  #sidebar > .nav>li>a {
     white-space: nowrap;
     overflow: hidden;
  }
  
  #ul-side-menu{
    margin-top: 10px;
  }
  

  /*
  * off canvas sidebar
  * --------------------------------------------------
  */
  @media screen and (max-width: 768px) {
     #sidebar {
         min-width: 44px;
     }
     
     #main {
         width: 1%;
         left: 0;
     }
     
     #sidebar .visible-xs {
        display:inline !important;
     }
     
     .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
     }
     
     .row-offcanvas-left.active {
        left: 45%;
     }
     
     .row-offcanvas-left.active .sidebar-offcanvas {
        left: -45%;
        position: absolute;
        top: 0;
        width: 45%;
     }
  } 
  
  
  @media screen and (min-width: 768px) {
   .row-offcanvas {
     position: relative;
     -webkit-transition: all 0.25s ease-out;
     -moz-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out;
   }
  
   .row-offcanvas-left.active {
     left: 3%;
   }
  
   .row-offcanvas-left.active .sidebar-offcanvas {
     left: -3%;
     position: absolute;
     top: 0;
     width: 3%;
     text-align: center;
     min-width:42px;
   }
   
   #main {
     left: 0;
   }
  }
  
  .slide-bar-li{
    width: 10vh;
    height: 16vh;
  }
  .img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
  
   .span-menu-text{
    font-size: 15px;
   }
  
   .link-black-color{
     /* padding: 7px 0px !important; */
     color: #000000;
   }
  
   .side-div-zero-left-pad{
    padding: 0px 10px 0px 5px !important;
    text-align: center;
   }

#sidebar_nav{background-color: #ebeff3}
#sidebar_nav .navbar{background-color: #ebeff3 !important}
 
  /* #####################################################SIDEBAR CSS##################################################### */
  
/********changes on 29-09-20******/  
  #sidebar_nav .navbar {
    background-color: transparent !important;
}
#sidebar_nav {
  background-color: transparent !important;
}
#sidebar{border: 0px !important;}