/*Responsive tables*/

.scrollable.has-scroll {
    position:relative;
    overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
	/*margin-top: -23px;
    padding-top: 23px;*/
	padding: 5px 0;
	margin: 20px 0;
}
.scrollable.has-scroll:after {
    position:absolute;
    top: 6px;
    left:100%;
    width:50px;
    bottom: 6px;
    box-shadow: -2px 0 6px rgba(0, 0, 0, 0.25);
    content:'';
	z-index: 101;
}
/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
    overflow-x:auto;
	/*margin-top: -23px;
    padding-top: 23px;*/
}

.scrollable.has-scroll > div > table {
	margin: 0;
}

/*For scroll*/
.scrollable.has-scroll > div::-webkit-scrollbar:horizontal {
    height:12px;
}
.scrollable.has-scroll > div::-webkit-scrollbar-track:horizontal {
    box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
    background:#f0f0f0;
}
.scrollable.has-scroll > div::-webkit-scrollbar-thumb:horizontal {
    border-radius:6px;
    background:#ccc;
}

.touch .sticky-header {
	display: none !important;
}