body.preloader---container{
	overflow : hidden;
}
body.preloader---container #load-0,
body.preloader---container #load-1{
	display : none;
}
/*@esto sirve para el efecto de spinner en la carga web*/
/**/
.loginSpinner {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #5d5e6b;
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotateZ(0deg);
    }
    to{
        -webkit-transform:rotateZ(-359deg);
    }
}
@-moz-keyframes spin{
    from{
        -moz-transform:rotateZ(0deg);
    }
    to{
        -moz-transform:rotateZ(-359deg);
    }
}
@-o-keyframes spin{
    from{
        -o-transform:rotateZ(0deg);
    }
    to{
        -o-transform:rotateZ(-359deg);
    }
}
@keyframes spin{
    from{
        transform:rotateZ(0deg);
    }
    to{
        transform:rotateZ(-359deg);
    }
}
.spinnerCSS.blanco {
    border-color: rgba(255,255,255,.3);
    border-top-color: rgba(255,255,255,1);
}
.loginSpinner .spinnerCSS {
    position: absolute;
    top: 50%;
    left: 50%;
}
.spinnerCSS.large-x {
    height: 48px;
    width: 48px;
}
.spinnerCSS {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0px auto;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    -webkit-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    -o-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(23,189,230,1);
    border-right-color: rgba(23,189,230,.3);
    border-bottom-color: rgba(23,189,230,.3);
    border-left-color: rgba(23,189,230,.3);
    border-radius: 100%;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.signal-spinner {
	border-radius: 40px;
	width: 80px;
	height: 80px;
	left: 50%;
	margin: -40px 0 0 -40px;
	position: fixed;
	top: 50%;    
	z-index: 9999999;
	border-top: 2px solid rgba(51, 51, 51, 0.2);
	border-right: 2px solid rgba(51, 51, 51, 0.2);
	border-bottom: 2px solid rgba(51, 51, 51, 0.2);
	border-left: 2px solid #121a24;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 0.75s infinite linear;
	animation: load8 0.75s infinite linear;
}
.signal-spinner-transparent {
	border-radius: 40px;
	width: 80px;
	height: 80px;
	left: 50%;
	margin: -40px 0 0 -40px;
	position: fixed;
	top: 50%;    
	z-index: 9999999;
	border-top: 2px solid rgba(51, 51, 51, 0.2);
	border-right: 2px solid rgba(51, 51, 51, 0.2);
	border-bottom: 2px solid rgba(51, 51, 51, 0.2);
	border-left: 2px solid #fff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
.signal-backdrop-transparent {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999998;
	opacity: 0.35;
	background-color: #000;
}
.signal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999998;
	background-color: #fff;
}
.signal-blur-effect{
	/*-webkit-filter: blur(1px);*/
}