.selbach-ui-controls-swipe-handler-overlay {
    position: fixed;
    /*background: rgba(0, 0, 0, 0.25);*/
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
	z-index: 2147483647;
}
.selbach-ui-controls-swipe-handler-overlay.active {
    width: 100% !important;
    height: 100% !important;
}
.selbach-ui-controls-swipe-handler-overlay.left {
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
}
.selbach-ui-controls-swipe-handler-overlay.right {
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
}
.selbach-ui-controls-swipe-handler-overlay.top {
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.selbach-ui-controls-swipe-handler-overlay.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.selbach-fullsize-overlay-translucent.sidebar {
    transition: opacity 0.3s;
    opacity: 0;
    overflow: hidden;
}
.selbach-fullsize-overlay-translucent.sidebar.open {
    opacity: 1.0;
    overflow: hidden;
}
.selbach-ui-sidebar {
    position: absolute;
	width: 320px;
	max-width: 80%;
	height: 100%;
	margin: 0;
	background: #fff;
	color: #222;
	border: 0;
	border-radius: 0px;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.25);
    overflow-y: hidden;
    transition: left .3s, right .3s;
    display: flex;
}
.selbach-ui-sidebar.left {
    top: 0;
    left: 0;
}
.selbach-ui-sidebar.right {
    top: 0;
    right: 0;
}
.selbach-ui-sidebar-content {
    height: 100%;
    width: 100%;
}