/* The Loader */
#loader-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
	display: flex;
	border-radius: 7px;
	padding: 4px
}

.no-js #loader-wrapper {
	display: none;
}

#loader {
	display: block;
	position: relative;
	z-index: 11;
}


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

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

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

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

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

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

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

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

#loader-wrapper .loader-section {
	position: absolute;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222;
	z-index: 10;
}

	#loader-wrapper .loader-section.section-left {
		left: 0;
	}

	#loader-wrapper .loader-section.section-right {
		right: 0;
	}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}



.loaded #loader {
	opacity: 0;
	transition: all 0.7s ease-in-out;
}


.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-0%);
	transform: translateY(-0%);
	transition: all 0.3s 1s ease-in;
}




.wrapper-loader {
	background: #fff;
	width: 100%;
	height: 100%;
	float: left;
	-webkit-transition: opacity 3s ease-in;
	-moz-transition: opacity 3s ease-in;
	-o-transition: opacity 3s ease-in;
	-ms-transition: opacity 3s ease-in;
	transition: opacity 3s ease-in;
}

.wrapper-cell {
	margin-bottom: 20px;
}



@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}


.animated-background, .image, .text-line, .badge-box, .image-header, .graph-img, .main-slider-loader {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #e6e6e6 5%, #dbdbdb 25%, #e6e6e6 35%);
	background-size: 1500px 104px;
	height: 96px;
	position: relative;
}

.sidebar-fixed .text-line, .sidebar-fixed .image {
	background: linear-gradient(to right, #d7dbe1 5%, #c9cdd3 25%, #d7dbe1 35%);
	background-size: 800px 104px;
}

.alert-success .text-line, .alert-success .image {
	background: linear-gradient(to right, #c8ddbf 5%, #caddc2 25%, #c4d9bc 35%);
	background-size: 800px 104px;
}

.alert-warning .text-line, .alert-warning .image {
	background: linear-gradient(to right, #ebe6ca 5%, #e5e0c5 25%, #ebe6ce 35%);
	background-size: 800px 104px;
}

.alert-primary .text-line, .alert-primary .image {
	background: linear-gradient(to right, #e1e9f3 5%, #d6dfeb 25%, #e2e7ef 35%);
	background-size: 800px 104px;
}




.bg-offwhite3 .animated-background, .bg-offwhite3 .image, .bg-offwhite3 .text-line, .bg-offwhite3 .badge-box, .bg-offwhite3 .image-header, .bg-offwhite3 .graph-img {
	background: linear-gradient(to right, #dfdfdf 8%, #dfdfdf 25%, #e1e1e1 33%);
}
.wrapper-loader .main-slider-loader {
	height: 100%;
	width: 100%;
}

.wrapper-loader .image {
	height: 70px;
	width: 70px;
}

.wrapper-loader .graph-img {
	height: 140px;
	width: 140px;
}

.wrapper-loader .image-header {
	height: 50px;
	width: 50px;
}

.wrapper-loader .menu-icon {
	height: 25px;
	width: 25px;
}

.wrapper-loader .logo-icon {
	height: 60px;
	width: 60px;
}

.wrapper-loader .text {
	margin-left: 92px;
}

.text-line {
	height: 10px;
	width: 100%;
	margin: 4px 0;
	border-radius: 10px;
}
/*.table-shimmer .text-line{
    height:40px;
    border-radius:0
}*/
.wrapper-loader .text-line:nth-child(even) {
	width: 80%;
}

.wrapper-loader .text-line:nth-child(4) {
	width: 90%;
}

.wrapper-loader .text-line:nth-child(5) {
	width: 95%;
}

.wrapper-loader .text-line:nth-child(6) {
	width: 85%;
}

.text-line-heading {
	height: 20px;
	width: 20%;
	margin: 4px 0;
	border-radius: 10px;
}

.text-line-end {
	width: 30%;
}

.badge-box {
	height: 18px;
	width: 50px;
	margin: 4px 0;
	border-radius: 4px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
}

#navigation .text-line, #navigation .logo-icon, #navigation .menu-icon {
	opacity: 0.5;
}

.loading {
	display: none;
	position: absolute;
	top: 0;
	/* left: 50%; */
	/* margin-top: -96px; */
	/* margin-left: -96px; */
	background-color: #fff;
	/* opacity: .85; */
	border-radius: 3px;
	width: 100%;
	height: 100%;
	z-index: 1029;
	overflow: hidden;
}

.two-colm-loader .col:nth-child(2) {
	max-width: 50%
}

.two-colm-loader .td-loader:nth-child(even) .row .col {
	max-width: 90%
}

.two-colm-loader .td-loader:nth-child(3) .row .col {
	max-width: 70%
}

.two-colm-loader .td-loader:nth-child(4) .row .col {
	max-width: 60%
}

.table-striped-loader .bg:nth-child(odd) {
	background: #f2f6fe
}

	.table-striped-loader .bg:nth-child(odd) .text-line {
		background: linear-gradient(to right, #dfdfdf 8%, #dfdfdf 25%, #e1e1e1 33%)
	}