.loader {
  position: absolute; /*  fixed  */
  top: 45%;  /* 50;  */
  left: 47.5%; /*   47.5%; */
  z-index: 100;
  border: 10px solid #f3f3f3;  /*  10px  */
  border-radius: 50%;
  border-top: 10px solid #3498db;  /* 10px   */
  width: 60px;  /*  60px;  */
  height: 60px; /* 60px;  */ 
  -webkit-animation: spin 1s linear infinite; /* Safari */  /*  1s */
  animation: spin 1s linear infinite;  /*  1s */
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media screen and (max-width: 768px) {
  input[type="date"] {
    width: 95% !important;
    max-width: 95%;
    height: 45px !important;
    line-height: 45px;
	  text-align:left !important;
  }
}