:focus{
    outline: none;
}
.slimScroll {
    /*border: 1px solid #CCC;
    margin-top: 20px;
    display: inline-block;*/
    overflow: hidden;
    position: relative;
    /*height: 200px;
    width: 380px;*/
}

/* custom stylings */
.wrapper, .scroll-wrapper {
    padding-top:0;
    padding-bottom:0;
    padding-left:10px;
}
.scroll-wrapper.mac + .scrollBarContainer{
    /* background-color: transparent; */
    /*background-color:#f4f4f4;*/
    background-color:#d9d9d9;
}
.scrollBarContainer.animate .scroll{
    transition: 2s opacity ease;
    -ms-transition: 2s opacity ease;
    opacity: 0.5;
}
.scrollBarContainer:hover .scroll{
    opacity: 0.8;
    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: #999;
    border-radius: 10px;
    opacity: 0.5;
}
.scroll-bar{
    background-color: #999;
}

@media screen and (max-width:1600px) {

	.wrapper, .scroll-wrapper {
    padding-left:10px;
	}

}

@media screen and (max-width:1360px) {

	.wrapper, .scroll-wrapper {
    padding-left:10px;
	}

}

@media screen and (max-width:960px) {

	.wrapper, .scroll-wrapper {
    padding-left:10px;
	}

}

@media screen and (max-width:780px) {

	.wrapper, .scroll-wrapper {
    padding-left:10px;
	}

}

@media screen and (max-width:680px) {

	.wrapper, .scroll-wrapper {
    padding-top:0;
	}

}