/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.euc-progress-container {
	margin: -23px -1.5rem 1.5rem -1.5rem;
}

.data-sync-text {
	font-weight: 600;
	text-transform: uppercase;
	color:#405189;
	text-shadow: 3px 4px #0ab39c;
}

.loading-data-bg {
	background-image: url(../images/istockphoto-1473229095-2048x2048.jpeg);
	background-position: center;
	background-size: cover;
	height: 380px !important;	
}

.loading-data-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;	
}

.card.crm-widget {
	margin-bottom: 0 !important;
}

.auth-one-bg {
	/*background-image: url("../images/auth-one-bg.jpg");*/
	background-image: url("../images/login-bg.jpg");
	background-position: center;
	background-size: cover;
}

.modal-content {
	background-color:#f3f6f9;
}

/* Adding skeleton loader for datatables */
.table-loader {
   visibility:hidden;
}

.table-loader:before {
	visibility:visible;
	display:table-caption;
	content: " ";
	width: 100%;
	height: 600px;
	background-image:
	linear-gradient( rgba(235, 235, 235, 1) 1px, transparent 0 ),
	linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0 ),
	linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30% ),
	linear-gradient( rgba(240, 240, 242, 1) 35px, transparent 0 );
	background-repeat: repeat;
	background-size: 1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px;
	background-position: 0 0, 0 0, 0 0, 0 0;
	animation: shine 0.5s infinite;
}

@keyframes shine {
	to {
		background-position: 0 0, 0 0, 40% 0, 0 0;
	}
}

/* Fixing issue with datatables pagination */
.page-item.active .page-link {
	background-color: #405189;
	border-color: #405189;
	color: #fff;
	z-index: 3;
}