body{
	line-height: 1.6 !important;
}

/*Spinner*/
#spinner_loading {
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  border-top: 3px solid #848484 !important;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 1s linear infinite !important; /* Safari */
  animation: spin 1s linear infinite;
  position:relative;
  margin-top: -30px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

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

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


#ps-dialog{
	display:none;
    //width: 600px;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    background: #fff;
    border: 1px solid gray;
    padding: 10px;
	z-index: 1000;
	text-align:center !important;
}

#ps-title{
    font-size: 18px;
    padding: 5px;
	font-weight: 500;
	color:#544D7B;
}

#ps-content{
    font-size: 15px;
    padding: 20px 5px;
}

#ps-buttons {
	color: #000;
	padding: 15px 5px 0px 5px;
}

#ps-buttons button {
	margin-bottom:15px
		
}

#ps-buttons a{
	color: #000 !important;

}

@media only screen and (max-width: 600px) {
  #ps-dialog{
    width: 90%;
	}
}

#ps-overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}