.mvsCleverTable, .mvsCleverTable *, .mvsCleverTable *:before, .mvsCleverTable *:after {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;  -o-box-sizing: border-box; box-sizing: border-box;  outline: none;
	-webkit-transition:  none; -moz-transition:  none; -ms-transition:  none; -o-transition:  none; transition:  none;
}
.mvsCleverTable { 
	position: relative; display: block; max-width: 1px; min-width: 100%;
	padding-top: 20px; padding-bottom: 20px;
	overflow: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none;
}
.mvsCleverTable::-webkit-scrollbar { display: none; }
.mvsCleverTable .mvsTable { width: 100%; display: table; margin: 0; padding: 0; position: relative; border-collapse: collapse; }
.mvsCleverTable .mvsTable .headerGroup { display: table-header-group; }
.mvsCleverTable .mvsTable .rowGroup { display: table-row-group; }
.mvsCleverTable .mvsTable .footerGroup { display: table-footer-group; }

.mvsCleverTable .mvsTable .headerGroup .headerRow { display: table-row; position: relative; }
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell {
	font-weight: bold; padding-bottom: 5px; font-size: 1rem; cursor: default; color: #FFF; text-shadow: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell.selectorCell { width: 30px; }
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell:after {
	content: ''; position: absolute; bottom: 0px; left: 5px; width: calc(100% - 15px); height: 2px; background-color: #58c4ce;
	background: -moz-linear-gradient(left, rgba(179,220,237,0.7) 0%, rgba(47,168,214,1) 50%, rgba(188,224,238,0.7) 100%);
	background: -webkit-linear-gradient(left, rgba(179,220,237,0.7) 0%,rgba(47,168,214,1) 50%,rgba(188,224,238,0.7) 100%);
	background: linear-gradient(to right, rgba(179,220,237,0.7) 0%,rgba(47,168,214,1) 50%,rgba(188,224,238,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3dced', endColorstr='#b3bce0ee',GradientType=1 );
}

.mvsCleverTable .mvsTable .headerGroup .headerRow .cell.sortable { cursor: pointer; padding-right: 25px; }
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell.sortable:before {
	content: ''; font-family: arial; position: absolute; right: 0px; top: 50%; font-size: 30px;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell.sortable.asc:before { content: '\25B4';}
.mvsCleverTable .mvsTable .headerGroup .headerRow .cell.sortable.desc:before { content: '\25BE';}

.mvsCleverTable .mvsTable .cell.noWrap { white-space: nowrap; }

.mvsCleverTable .mvsTable .rowGroup .row { display: table-row; position: relative; border-bottom: solid 1px #CCC; }
.mvsCleverTable .mvsTable .rowGroup .row:hover { background-color: rgba(255, 255, 0, 0.2); }

.mvsCleverTable .mvsTable .rowGroup .row .rowSelector {
	width: 20px; height: 20px; position: relative; background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.mvsCleverTable .mvsTable .rowGroup .row .rowSelector label {
	width: 16px; height: 16px; position: absolute; top: 2px; left: 2px; cursor: pointer;
	background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.mvsCleverTable .mvsTable .rowGroup .row .rowSelector label:after {
	content: ''; width: 14px; height: 14px; position: absolute; top: 1px; left: 1px;
	background: #27ae60;
	background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
	background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	opacity: 0;
}
.mvsCleverTable .mvsTable .rowGroup .row .rowSelector label:hover::after { opacity: 0.3; }
.mvsCleverTable .mvsTable .rowGroup .row .rowSelector input[type=checkbox] { visibility: hidden; }
.mvsCleverTable .mvsTable .rowGroup .row .rowSelector input[type=checkbox]:checked + label:after { opacity: 1; }

.mvsCleverTable .mvsTable .rowGroup .row .cell { display: table-cell; position: relative; padding: 10px 15px 10px 10px; font-size: 0.9rem; cursor: pointer; }
.mvsCleverTable .mvsTable .rowGroup .row .cell:not(.actionsCell) { color: #FFF; }

.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell .tableIcon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; }
.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell .tableIcon:not(:nth-child(1)) { margin-left: 10px; }
.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell .tableIcon:hover img { -webkit-filter: drop-shadow(0 0 5px #FFF); filter: drop-shadow(0 0 5px #FFF); }

.mvsCleverTable .mvsTable .rowGroup .row.insertingRow,
.mvsCleverTable .mvsTable .rowGroup .row.editingRow { background-color: rgba(0, 89, 200, 0.2); }

.mvsCleverTable .mvsTable .rowGroup .row.insertingRow .cell,
.mvsCleverTable .mvsTable .rowGroup .row.editingRow .cell { vertical-align: middle; }
.mvsCleverTable .mvsTable .rowGroup .row.insertingRow .cell input:not([type=button]),
.mvsCleverTable .mvsTable .rowGroup .row.editingRow .cell input:not([type=button]) {
 	width: 100%; height: 30px; line-height: 30px; border: none; border-bottom: solid 1px #CCC; font-size: 110%;
	color: #FFF; background-color: transparent; display: inline-block; padding: 0;
}
.mvsCleverTable .mvsTable .rowGroup .row.insertingRow .cell input:not([type=button]):focus,
.mvsCleverTable .mvsTable .rowGroup .row.editingRow .cell input:not([type=button]):focus { border-bottom: solid 1px #9de0ff; }

.mvsCleverTable .mvsTable .rowGroup .row.insertingRow .cell input.invalid,
.mvsCleverTable .mvsTable .rowGroup .row.editingRow .cell input.invalid { border-bottom: solid 1px #F00 !important; }

.mvsCleverTable .mvsTable .rowGroup .row.selectedRow { background-color: rgba(255, 255, 0, 0.6); }
/*
.mvsCleverTable .mvsTable .footerGroup .footerRow { display: table-row; position: relative; height: 0px; }
.mvsCleverTable .mvsTable .footerGroup .footerRow * {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px; display: none; }
.mvsCleverTable .mvsTable .footerGroup .footerRow.activeFooter { height: 40px; }
.mvsCleverTable .mvsTable .footerGroup .footerRow.activeFooter .paginationContainer {  display: block;}

.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer > div {
	width: 40px; height: 30px; display: inline-block; text-align: center; font-size: 35px; line-height: 24px; cursor: default; color:#FFF;
}
.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer > div:not(.paginationText) { font-family: arial; }
.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer > div.disabled { color: #505050;}

.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer > div:not(.disabled):not(.paginationText):hover {
	-webkit-filter: drop-shadow(0 0 5px #FFF); filter: drop-shadow(0 0 5px #FFF); cursor: pointer;
}
.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer .paginationText { width: calc(100% - 160px); }
.mvsCleverTable .mvsTable .footerGroup .footerRow .paginationContainer .paginationText span { font-size: 20px; }
*/

.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"] { display: none !important; }
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:disabled + .switcher {
	opacity: 0.6; cursor: not-allowed; 
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:checked + .switcher {
	-moz-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
	-o-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
	-webkit-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition-delay: 0s, 0.02s; transition-delay: 0s, 0.02s;
	transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher {
	background-color: #ffffff; border: 2px solid #e6e6e6; padding: 0; position: absolute; top:50%; display: block;
	cursor: pointer; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);
	-ms-transform: translateY(0);
	-moz-transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	-o-transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	-webkit-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition-delay: 0.02s, 0s;
	transition-delay: 0.02s, 0s;
	transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	width: 43px; height: 25px;

	-moz-box-shadow: 0px 0px 15px 10px #e04545 inset;
	-webkit-box-shadow: 0px 0px 15px 10px #e04545 inset; 
	box-shadow: 0px 0px 15px 10px #e04545 inset;
	border-color: #e22020;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher:after {
	background: #ffffff; position: absolute; top: 0; left: 0; content: "";
	-moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);
	-moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	height: 21px; width: 21px; background-color: #f5f5f5;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher:hover:active:after {
	width: 28.35px !important;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:disabled + .switcher:after {
	height: 21px !important; width: 21px !important;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:disabled:checked + .switcher:after {
	-moz-transform: translateX(18px) !important; -ms-transform: translateX(18px) !important;
	-webkit-transform: translateX(18px) !important; transform: translateX(18px) !important;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:checked + .switcher {
	border-color: #4eb12c; 
	-moz-box-shadow: 0px 0px 15px 10px #62b446 inset;
	-webkit-box-shadow: 0px 0px 15px 10px #62b446 inset; 
	box-shadow: 0px 0px 15px 10px #62b446 inset;
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:checked + .switcher:after {
	-moz-transform: translateX(18px); -ms-transform: translateX(18px);
	-webkit-transform: translateX(18px); transform: translateX(18px);
}
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:checked + .switcher:hover:active:after {
	-moz-transform: translateX(10.65px); -ms-transform: translateX(10.65px);
	-webkit-transform: translateX(10.65px); transform: translateX(10.65px);
}


.paginationContainer { position: relative; width: 100%; height: 30px; margin-top: 20px; color: #444; }
.activeFooter { height: 40px; }
.activeFooter .paginationContainer {  display: block;}

.paginationContainer > div {
	width: 40px; height: 30px; display: inline-block; text-align: center; 
	font-size: 35px; line-height: 24px; cursor: default; color:#444;
}
.paginationContainer > div:not(.paginationText) { font-family: arial; }
.paginationContainer > div.disabled { color: #505050;}

.paginationContainer > div:not(.disabled):not(.paginationText):hover { cursor: pointer; }
.paginationContainer .paginationText { width: calc(100% - 160px); }
.paginationContainer .paginationText span { font-size: 20px; }


.mvsCleverTable .mvsTableScrollerX {
	display: none; position: absolute; left: 0; height: 15px; width: 100%; z-index: 1;
	background-color: #FFF;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.mvsCleverTable .mvsTableScrollerX.topScroller { top: 5px; }
.mvsCleverTable .mvsTableScrollerX.bottomScroller { bottom: 0px; }
.mvsCleverTable.withPaginator .mvsTableScrollerX.bottomScroller { bottom: 50px; }

.mvsCleverTable .mvsTableScrollerX .xScrollSlider {
	position: absolute; background-color: rgba(0,0,0,0.6); height: 6px; width: 300px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear;
}
.mvsCleverTable .mvsTableScrollerX.topScroller .xScrollSlider { top: 2px; }
.mvsCleverTable .mvsTableScrollerX.bottomScroller .xScrollSlider { bottom: 2px; }

.mvsCleverTable:not(.scrollerHidden):hover .mvsTableScrollerX,
.mvsCleverTable.scrollingX .mvsTableScrollerX { display: block; }
.mvsCleverTable .mvsTableScrollerX:hover,
.mvsCleverTable.scrollingX .mvsTableScrollerX { background-color: #FFF; }

.mvsCleverTable .mvsTableScrollerX:hover .xScrollSlider,
.mvsCleverTable.scrollingX .mvsTableScrollerX .xScrollSlider
{ background-color: #000; height: 9px; }

.mvsCleverTable .mvsTableScrollerX.topScroller:hover .xScrollSlider,
.mvsCleverTable.scrollingX .mvsTableScrollerX.topScroller .xScrollSlider { top: 3px; }
.mvsCleverTable .mvsTableScrollerX.bottomScroller:hover .xScrollSlider,
.mvsCleverTable.scrollingX .mvsTableScrollerX.bottomScroller .xScrollSlider { bottom: 3px; }

.mvsCleverTable.scrollingX {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}