.input-error {
	border: 1px solid #FF0000 !important;
}

.input-msg {
	color: #FFF;
	background: #FF0000;
	border-radius: 0 0 3px 3px;
	line-height: 90%;
	margin: 0;
	margin-top: -6px;
	margin-bottom: -15px;
	padding: 3px 20px;
	display: none;
	font-size: 11px;
}

.assessment-container .msg {
	width: 100%;
	margin: 0 30px;
}

.modal-window  .msg {
	width: 100%;
	padding: 10px;
}

.alert {
	border-radius: 3px;
	padding: 10px 20px;
	width: 100%;
}

.alert-success {
	color: #FFF;
	background-color: #090;
}

.alert-danger {
	color: #FFF;
	background-color: #F00;
}




.mega-form {
  position: relative; /* Обязательно для позиционирования плашки */
  /*display: inline-block; /* Чтобы контейнер занимал только размер формы */

}

.form-overlay {
  display: none;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: 0.8;
  z-index: 5;
  /*pointer-events: none; /* Чтобы события мыши проходили сквозь плашку */
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 7px solid #f3f3f3;
  border-top: 7px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 6;
}

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