.loader-box {
	height: 40px;
	position: relative;
}
.loader {
	width: 100%;
	/*width: 301px;
	height: 533px;
	background: #f1f1f1;*/
	position: absolute;
	top:0;
	/*top: 94px;
	left: 51px;*/
}
.loader-box.left-slide .loader{
	left:0;
}
.loader-box.left-slide .spinner{
	margin:0;
}
.spinner {
	margin: 0px auto 0;
	width: 70px;
	text-align: center;
}
.spinner > div {
	width: 15px;
	height: 15px;
	background-color: #ec0000;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		 -webkit-transform: scale(0);
		 transform: scale(0);
	}
	40% {
		 -webkit-transform: scale(1.0);
		 transform: scale(1.0);
	}
}





/* Card Loader Start */
.cards-loader{
	/*@include transition(all 1s);*/
	opacity: 1;
	/*opacity: 0.25;*/
	width:100%;
}
.cards-loader.ng-animate.ng-enter,
.cards-loader.ng-animate.ng-leave {
	  /*@include transition(all 1s);*/
	}
.cards-loader.ng-animate.ng-enter,
.cards-loader.ng-animate.ng-leave.ng-leave-active {
	  opacity: 1;
	}
.cards-loader.ng-animate.ng-leave,
.cards-loader.ng-animate.ng-enter.ng-enter-active {
	  opacity: 0.25;
	}

.cards-loader-box{
	background: #fff;
    border: 1px solid #d7d7d7;
    margin: 15px 0;
	/*pointer-events:none;*/
}

.cards-loader-box .cards-loader-header,
.cards-loader-box .cards-loader-footer{
	position: relative;
    display: table;
	table-layout: fixed;
    padding: 10px;
    padding-left: 20px;
    width: 100%;
	opacity:0.25;
}
.cards-loader-box .cards-loader-header .cont,
.cards-loader-box .cards-loader-footer .cont{
    position: relative;
    display: table-cell;
    vertical-align: top;
}
.cards-loader-box .cards-loader-footer{
	padding:0;
}
.cards-loader-box .cards-loader-footer .cont{
	padding:15px;
	text-align:center;
}
/*.cards-loader-box .cards-loader-footer .cont .heading{
	margin:0 auto 5px;
}
.cards-loader-box .cards-loader-footer .cont .loading-p{
	margin:0 auto;
}*/

.cards-loader-box .heading{
	background:none;
	width:100%;
	height:20px;
	margin-top:0;
	margin-bottom:5px;
	position:relative;
	transition: all 0.3s;
}
.cards-loader-box .heading:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	background:#ccc;
	transition: all 0.3s;
	animation: bg-fill 1.4s ease-in-out both alternate infinite;
}
.cards-loader-box .heading.half{
	width:50%;
}

.cards-loader-box .loading-p,
.notification-loader-box .loading-p,
.movements-loader-box td p{
	position:relative;
	height: 15px;
	width: 95%;
	background:none;
	margin-bottom:10px;
	transition: all 0.3s;
}
.cards-loader-box .loading-p:after,
.notification-loader-box .loading-p:after,
.movements-loader-box td p:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	background:#ccc;
	transition: all 0.3s;
	animation: bg-fill 1.4s ease-in-out both alternate infinite;
}

.cards-loader-box .loading-p.half,
.notification-loader-box .loading-p.half{
	width:50%;
}

.cards-loader-box .card-icon,
.cards-loader-box .card-icon2{
	position:relative;
	height: 30px;
	width: 30%;
	margin:0;
	float:left;
	margin-right:10px;
	background:#ccc;
	margin-bottom:10px;
	border-radius:2px;
	transition: all 0.3s;
}
.cards-loader-box .card-icon:after,
.cards-loader-box .card-icon2:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	background:#ccc;
	transition: all 0.3s;
	animation: bg-fill 1.4s ease-in-out both alternate infinite;
}
.cards-loader-box .card-icon2{
	width: 50%;
}

.cards-loader-box .cards-loader-middle{
	opacity:0.25;
	position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #d6d6d6;
}
.cards-loader-box .cards-loader-middle .loading-p:after{
	border-radius:15px;
}
.cards-loader-box .bdr-r{
    border-right: 1px solid #d6d6d6;
}
/* Card Loader End */


/* Notification Loader Start */
.notification-loader-box {
    position: relative;
    background: #fff;
    padding: 15px;
    border-bottom: 3px solid #afafaf;
    margin-bottom: 15px;
	width:100%;
	float:left;
}
.notification-loader-box .loading-p{
	opacity:0.25;
}
/* Notification Loader End */


@-webkit-keyframes bg-fill {
	0%{
		width:10%;
	}
	100% {
		width:100%;
	}
}
@keyframes bg-fill {
	0%{
		width:10%;
	}
	100% {
		width:100%;
	}
}

/*Movements table loader*/
.movements-loader-box td p{
	margin-bottom: 0;
}
.movements-loader-box td p:after{
	height: 100%;
	background-color: #ebebebd1;

}
.movements-loader-box tr:nth-child(even) p{
	width: 70%;
}
.movements-loader-box tr:nth-child(even) p:after{
	background-color: rgba(235, 235, 235, 0.59);
	height: 80%;
	margin-top: 3px;
}
/*Movements table loader*/

/* Loading RFP */

#loadMailbox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: white;
    opacity: 0.5;
    z-index: 1000000;
}

.spinnerMailbox {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -23px;
}

    .spinnerMailbox > div {
        width: 18px;
        height: 18px;
        background-color: red;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinnerMailbox .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerMailbox .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}