
@media all and (min-width: 1024px){
	
	
	/* Demo css classes */
html, body{
    height: 100%;
}
:focus{
    outline: none;
}
.slimScroll {
/*    border: 1px solid #CCC;
    margin-top: 20px;*/
    display: inline-block;
    display: block;
    overflow: hidden;
    position: relative;
    height: 200px;  /* set this height in percentage to test resizing */
    height:100vh;
    width: 380px;width:100%;
}

/* custom stylings */
.wrapper, .scroll-wrapper {
  /*  padding: 5px;*/padding:0 !important; 
}
.slimScroll > div.scroll-wrapper {padding:0 !important;}


.scroll-wrapper.mac + .scrollBarContainer{
    background-color: transparent;
}
.scrollBarContainer.animate .scroll{
    transition: 2s opacity ease;
    -ms-transition: 2s opacity ease;
    opacity: 0;
}
.scrollBarContainer:hover .scroll{
    opacity: 0.5;
    transition: none;
    -ms-transition: none;
}
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.scroll{
    border-radius: 10px;
}
.wrapper + .scrollBarContainer{
    background-color: #eee9ee;
}
.scrollBar {
    background-color: #999999;
    border-radius: 10px;
    opacity: 0.5;
}
.scroll-bar{
    background-color: #999999;
}
 
 
 }