body {
    color: #7E8087;
    font-family: "Raleway", "sans-serif";
    font-size: .875rem;
    background-color: #f7f7f7;
}
#wrapper {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}
#wrapper-content {
    width: 100%;
    height: 100vh;
}


/**
 Content containers
 **/

 /* Container full main space */
#main-content .content-container {
    height: calc(100vh - 222px);
}


/**
 Scrollable element content
 **/
 
.scrollarea {
    overflow-y: auto!important;
}


/**
 Opacity effect on mouseover|show / mouseout
 Use with opacity-[25|50|75] on item
 **/

.opacity-hover-100,
.opacity-hover-100:hover {
    transition: opacity .4s ease;
}
.opacity-hover-100.show,
.opacity-hover-100:hover {
    opacity: 1!important;
}