body{
    background: #f0f0f0;
}

header {
    position: fixed;
    width: 100%;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
    background: #212121;
    color: #999;
    margin-bottom: 1rem!important;
    padding: 17px 15px 5px 67px;
    line-height: .4;
    z-index: 1;
  }

.wrapper{
    display: inline-block;
    background: #f0f0f0;
    margin-top: 2em;
    width: 100%;
    /* height: 105vh;    */
    height: auto;
}


/*--------- LEFT SIDEBAR  --------------*/
.menu{
    font-size: 21px !important;
    color: #999;
    padding: 29px 15px 10px 22px;
    float: left;
    cursor: pointer;
}

.sidebar{
    float: left;
    background: #212121;
    border-right: 1px solid #e5e5e5;
    /*height: auto;
    width: 260px;*/
    height: 125vh;
    width: 60px;
    overflow: hidden;
    
}

/*.sidebar:hover{
    width: 260px;  
}*/

.sidebar.sidebarToggle{
    width: 260px; 
   /* width: 60px; */
}

.sidebar ul{
    margin-left: -44px ;
    padding-top: 65px;
}

.sidebar ul li, a{
    color: #999;
    position:relative;
    display:block;
    width:250px;
    line-height: 2.7em;
    padding-left: 13px; 
}

.sidebar ul li a{
    text-decoration: none;
}

.sidebar li:hover,.sidebar li:hover>a i,.sidebar li:hover>a span{   
    color: white;         
    background-color:#5fa2db;
    text-decoration: none;
}

.sidebar span{
    padding-left: 16px;
}

.nest{
    padding-top: 0px !important;
    padding-left: 46px !important;
}
    

/*--------- MAIN CONTENT  --------------*/
.content{    
    padding: 25px 10px 0px 85px;
    /*padding: 25px 10px 0px 270px; */
}


/*--------- IFRAME EXPAND ON HOVER MENU  --------------*/
/*.sidebar:hover + .content { 
    padding: 25px 10px 0px 270px;   
} 

.sidebar:hover + .content #iframe{
   
    width: 100%;
    height: 470vh;
}*/

.sidebarToggle + .content { 
    padding: 25px 10px 0px 270px;
    /*padding: 25px 10px 0px 85px;*/
}

.sidebarToggle + .content #iframe{
    width: 100%;
    height: 470vh;
}

/*-----------------------Page Loader---------------------*/
.pageloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('images/yourLoaderImage.gif') 50% 50% no-repeat rgb(0, 0, 0);
  opacity: .4;
}