.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
     /*background: url(img/customCompanyLogo.png) 50% 50% no-repeat rgba(0, 0, 0, .91); */
    background: rgba(0, 0, 0, .3);
}
.close-preloader {
    color: white;
    padding: 20px;
}
.preloader > center {
    padding-top: 15%;
}
.preloader img{
	max-width: 50%;
    height: auto;
    width: 550px;
    margin-left: 120px;
}

/* Heartbeat / ECG Line Override */
.dot-opacity-loader {
    width: 150px !important;
    height: 60px !important;
    position: relative !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

.dot-opacity-loader span {
    display: none !important; /* Hide original dots */
}

.dot-opacity-loader::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Heartbeat SVG path */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 50"><path d="M0,25 L30,25 L35,15 L40,25 L50,25 L55,5 L65,45 L75,25 L85,25 L90,15 L95,25 L120,25" fill="none" stroke="%2345c5f3" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
    animation: ecg-scan 2s infinite linear;
    clip-path: inset(0 100% 0 0);
}

@keyframes ecg-scan {
    0% { clip-path: inset(0 100% 0 0); }
    40% { clip-path: inset(0 0 0 0); }
    60% { clip-path: inset(0 0 0 0); }
    100% { clip-path: inset(0 0 0 100%); }
}

.phonebook-valid-loader{
    margin: -10px 0 0 -122px !important;
    height:0px !important;
}
@media (max-width: 576px) {
	.preloader img{
		margin-left: 30px;
	}
	.dot-opacity-loader span {
		width: 6px !important;
	}
	.preloader > center {
    padding-top: 20%;
	}
}