.form-error{

	-webkit-box-shadow: 0em 0em .6em 0em #F00 !important; /*css 3 shadows*/
	-moz-box-shadow: 0em 0em .6em 0em #F00 !important;
	box-shadow: 0em 0em .6em 0em #F00 !important;
/*
	border: .1em solid #F00;
*/

}


#sending-screen-overlay{

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #555;

	filter: alpha(opacity=60);
	opacity: 0.60;

}

.sending-screen-overlay-hidden{

	z-index: -2;

	visibility: hidden;
}


.sending-screen-overlay-visible{

	z-index: 10002;

	visibility: visible;
}


#sending-spinner{

	color: #fff;
	font-size: 6em;
}

#sending-spinner-container{


	position: fixed;

	top: 47%;
	left: 47%;

	color: #fff;

}

.sending-spinner-container-hidden{

	z-index: -2;
	visibility: hidden;	
}

.sending-spinner-container-visible{

	z-index: 10003;
	visibility: visible;	
}



/*
#sending-spinner-container::after{

	content: "Sending...";

	position: relative;

	bottom: -3em;
	left: -50%;

}
*/



#sending-sonar, .sending-sonar {
  border: 0;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  color: #fff;
  outline: none;
  position: relative;
}


#sending-sonar::before, .sending-sonar::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
	border: 1px solid #fff;
    top: 0;
    left: 0;
    animation: sonar-effect 1.2s linear 0s infinite;

}

@keyframes sonar-effect {
  0% {
    opacity: 0.4;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 0 2px 3px rgba(255, 255, 255, 0.1);

  }
  40% {
    opacity: 0.9;
    box-shadow: inset 0 0 7px 5px rgba(255, 255, 255, 0.3), 0 0 7px 7px rgba(255, 255, 255, 0.3);
  }
  70%{
	opacity: 0.6;
  }
  100% {
    opacity: 0;
    box-shadow: inset 0 0 12px 7px  rgba(255, 255, 255, 0.2), 0 0 18px 10px rgba(255, 255, 255, 0.2);
    transform: scale(3);
  }
}

#sending-sonar-prompt, .sending-sonar-prompt{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
#sending-sonar-prompt:before, .sending-sonar-prompt:before{
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}

#sending-sonar-prompt span, .sending-sonar-prompt span{
  vertical-align: middle;
  display: inline-block;
}



.required {
    position: relative;
}
.required::after {
    content: '*';
    position: absolute;
    left: 1.05em;
    top: 1.1em;
    font-size: 2em;
    font-weight: bold;
    color: #aaa;
}


    @media screen and (max-width: 480px) {

	.required::after {

	    font-size: 1.75em;
	}
    }