.contenedor_loader{
        	background-color: rgba(0,0,0,0.3);
        	position: fixed;
        	width: 100%;
        	height: 100%;
        	z-index: 9999;
        	transition: all 1.5s;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        }
        .dot_loader,
        .dot_loader:before,
        .dot_loader:after {
        	border-radius: 50%;
        	width: 2.5em;
        	height: 2.5em;
        	animation: animate_dot 1.5s infinite ease-in-out;
        }
        .dot_loader{
        	color: #4685fa;
        	font-size: 13px;
        	position: absolute;
        	animation-delay: -0.16s;
        }
        .dot_loader:before,
        .dot_loader:after{
        	content: '';
        	position: absolute;
        	top: 0;
        }
        .dot_loader:before{
        	left: -3.5em;
        	animation-delay: -0.32s;
        }

        .dot_loader:after{
        	left: 3.5em;
        }

        @keyframes animate_dot {
        	0%,
        	80%,
            100%{
                box-shadow: 0 2.5em 0 -1.3em;
            }
            40%{
            	box-shadow: 0 2.5em 0 0;
            }        
        }
        .loader_visible{
        	opacity: 1;
        	visibility: visible;
        }
        .loader_invisible{
        	opacity: 0;
        	visibility: hidden;
        }