.lds-ripple {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	top : 30%;
}
.lds-ripple div {
	position: absolute;
	border: 4px solid rgb(58, 164, 235);
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes lds-ripple {
	0% {
	top: 28px;
	left: 28px;
	width: 0;
	height: 0;
	opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}
.overlay {
	z-index:9999999999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(252, 250, 250, 0.7);
	transition: opacity 500ms;
	display : none;
}


/* untuk error message */


.symbol.required:before {
	content: "*";
	display: inline;
	color: #E6674A;
  }
  .has-success .symbol:before {
	content: "\f00c";
	display: inline;
	font-family: "Font Awesome 5 Free";
	color: #468847;
  }
  
  .has-error .symbol:before {
	content: "\f00d";
	display: inline;
	font-family: "Font Awesome 5 Free";
	color: #C82E29;
  }
  
  .has-success .form-control{
	color: #5b5b60;
	  border-color: #F8F8F8;
	  border-bottom-color: #3c763d !important;
	  border-bottom-width: 1px !important;
	  border-bottom-style: dotted;
	  border-color: #3c763d !important;
	  border-width: 1px !important;
	  border-style: dotted;
  }
  .has-error .form-control {
	  color: #5b5b60;
	  border-color: #F8F8F8;
	  border-bottom-color: #a94442 !important;
	  border-bottom-width: 1px !important;
	  border-bottom-style: dotted;
	  border-color: #a94442 !important;
	  border-width: 1px !important;
	  border-style: dotted;
  }
  
  .has-error .custom-control-label{
	color: #dc3545;
  }
  .has-error .custom-control-label::before{
	border-color: #dc3545;
  }

  /*=================== */