/******************************************************************************
 * Tables
 *****************************************************************************/
.data-row,.tcc-sort,.tcc-info,.tcc-data-cell{cursor:pointer;}
.tcc-counter{cursor:grab;}

.tableexport-caption{text-align:left;}

thead.tcc-sticky th {
	position:sticky;
	top: -1px;
	background: #fff;
	white-space:nowrap;
}

.tcc-small{font-size:.8em;}

/******************************************************************************
 * Toggle Buttons
 *****************************************************************************/
/* Toggle Button */
input.tcc-toggle{
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
position: relative;
border: 0;
outline: 0;
cursor: pointer;
margin: 10px;
}

/* Surface of toggle button */
input.tcc-toggle:after {
content: '';
width: 60px;
height: 28px;
display: inline-block;
background: rgba(196, 195, 195, 0.55);
border-radius: 18px;
clear: both;
}

/* Contents before checkbox to create toggle handle */
input.tcc-toggle:before {
content: '';
width: 32px;
height: 32px;
display: block;
position: absolute;
left: 0;
top: -3px;
border-radius: 50%;
background: rgb(255, 255, 255);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* Shift the handle to left on check event */
input.tcc-toggle:checked:before {
left: 32px;
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* Background color when toggle button will be active */
input.tcc-toggle:checked:after {
background: #16a085;
}

/* Transition for smoothness */
input.tcc-toggle,
input.tcc-toggle:before,
input.tcc-toggle:after,
input.tcc-toggle:checked:before,
input.tcc-toggle:checked:after {
transition: ease .3s;
-webkit-transition: ease .3s;
-moz-transition: ease .3s;
-o-transition: ease .3s;
}

/* Label vertically centered on toggle */
div.tcc-toggle-label{
	display:inline-block;
	position:relative;
	top:-8px;
}