.alertwarning
	{
	padding: 5px;margin:0px;color: #000000;text-shadow:0 1px 0 rgba(255,255,255,0.5);
	background-color: #FFBABA;border: 1px solid #D86C72;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
	}
.alertinfo
	{
	padding: 5px;margin:0px;color: #000000;text-shadow:0 1px 0 rgba(255,255,255,0.5);
	background-color: #9cc0ff;border: 1px solid #585ded;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
	}
.alertok
	{
	padding: 5px;margin:0px;color: #000000;text-shadow:0 1px 0 rgba(255,255,255,0.5);
	background-color: #99f7a6;border: 1px solid #179146;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
	}
.alertnote
	{
	padding: 5px;margin:0px;color: #000000;text-shadow:0 1px 0 rgba(255,255,255,0.5);
	background-color: #ffffb5;border: 1px solid #ffdf29;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
	}
.pagetitle {
    margin: 0;
    color: #000;
    padding: 3px 0;
    font-size: 15px;
	background: #f9f9f9;
    border: 1px solid #e8e9eb;
	text-align: center !important;
          }

.flex {
	
  display: flex;
  align-items: center;
}
.loader {
  border: 2.5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2.5px solid blue;
  width: 14px;
  height: 14px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

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

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