.loadings{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #96a4ac3d;
    z-index: 99999;
	display:none;
}
.loading-spinner {
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%) translateZ(0);
    top: 50%;
    width: 90px;
    height: 90px;
    z-index: 1;   
}

.loading-spinner:after {
	content:"";
	position:absolute;
	width:120px;
	height:120px;
	background-color:rgba(0,0,0,0);
	border-radius:100%;
	margin:-15px;
	box-shadow:0 4px 0 0 #1571b9;
	transition: all 1s linear;
	animation: lds-eclipse 1s linear infinite;
}
@keyframes spinning {
	0% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
	50% { transform: translate(-50%,-50%) scale(1.1) translateZ(0);}
	100% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
}
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.jconfirm-title {
    color: #000;
}
.jconfirm-content {
    color: #000;
}

#style-4::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar{
	width: 0px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb{
	background-color: #000000;
	border: 0px solid #555555;
}

h5.modal-title {
    font-size: 14px;
}
.modal-header, .modal-footer {
    background: #141e30;
}
.modal-content {
background-color: #252b2f;	
}
.close span {
    color: #fff;
}
.navbar .logo {
    width: 250px;
}
.line {
 
    width: 100%;
}
.navbar-toggler {
	margin-right:17px;
}

.progress-bar {
 
    color: #000;
 
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
}