/**
 *  Admin list order
 *  Strong Testimonials
 */

th.manage-column.column-handle {
	width: 3em;
	text-align: center;
}

td.column-handle {
	text-align: center;
	padding-top: 10px;
}

#the-list:not(.ui-sortable-disabled) td.column-handle {
	cursor: move;
}

#the-list:not(.ui-sortable-disabled)  tr.reorder-hover {
	background: #E7F8FD;
}

td.column-handle .help:before,
td.column-handle .help-in-motion:before {
  	font-size: 20px;
	width: 1em;
	margin: 0 auto;
	color: #aaa;
}

td.column-handle .help:before {
	content: "";
	background: #aaa;
	background-size: contain;
	width: 20px;
	height: 20px;
	display: inline-block;
	-webkit-mask: url('../img/bars-solid.svg') center center no-repeat;
	mask: url('../img/bars-solid.svg') center center no-repeat;
}

td.column-handle .help-in-motion:before {
	content: "";
	background: #111;
	background-size: contain;
	width: 20px;
	height: 20px;
	color: #111;
	font-size: 20px;
	display: none;
	-webkit-mask: url('../img/hand-rock-regular.svg') center center no-repeat;
	mask: url('../img/hand-rock-regular.svg') center center no-repeat;
}

#the-list:not(.ui-sortable-disabled) td.column-handle:not(.refresh):hover .help:before {
	content: "";
	background: #111;
	background-size: contain;
	width: 20px;
	height: 20px;
	color: #111;
	font-size: 20px;
	display: inline-block;
	-webkit-mask: url('../img/hand-paper-regular.svg') center center no-repeat;
	mask: url('../img/hand-paper-regular.svg') center center no-repeat;

}

.ui-sortable tr.ui-sortable-helper {
	background: rgba(187,235,250,0.6) !important;
	border: 1px solid #DFDFDF;
}

.ui-sortable tr.ui-sortable-helper .help:before {
	display: none !important;
}

.ui-sortable tr.ui-sortable-helper .help-in-motion:before {
	display: block;
}

.sortable-placeholder {
	background: #E7F8FD;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

td.column-handle.refresh .help:before {
	content: "";
	background: #0073AA;
	background-size: contain;
	width: 20px;
	height: 20px;
	font-size: 20px;
	display: inline-block;
	color: #0073AA;
	mask: url('../img/spinner-solid.svg') center center no-repeat;
	-webkit-mask: url('../img/spinner-solid.svg') center center no-repeat;
}

td.column-handle.refresh .help {
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
