body #wraper {
  padding-bottom: 30px;
  min-height: 100% !important;
  background-attachment: inherit;
  background-size: inherit;
}
body #wraper .top_background {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  background-image: url(/images/stipe.png);
  height: 15px;
  background-position: center;
  background-size: 100%;
}
body #wraper header, body #wraper footer {
  display: none;
}
#content > h1 {
  margin-top: 50px;
}
.w_block.form {
  background: rgba(255,255,255,0.35);
  padding: 20px;
  border-radius: 60px;
  max-height: 100%;
  position: relative;
  width: 920px;
  margin-top: 26px;
	border: none;
}

.ui-timepicker-minutes {
  padding-left: 20px !important;
}



#compatability_forms .form {
  width: 438px;
  display: inline-block; }
#compatability_forms .form table {
  width: 100%;
  table-layout: fixed; }
#compatability_forms .form table tr td {
  padding: 5px;
  position: relative;
  vertical-align: middle; }
#compatability_forms .form table tr td .img {
  width: 150px;
  border-radius: 5px; }
#compatability_forms .form table tr td input {
  width: 75%;}
input.invalid {
  border-color: #E45C3F;
  box-shadow: 0px 0px 4px -1px red;
}
select.invalid {
  border-color: #E45C3F;
  box-shadow: 0px 0px 4px -1px red;
}
label.invalid {
  display: none !important;
}
#compatability_forms .form table tr td .download {
  position: absolute;
  top: 64px;
  left: 50%;
  font-size: 32px;
  margin-left: -13px;
  cursor: pointer;
  color: #eaeaea !important;
  transition: all 0.5s ease-in-out; }
#compatability_forms .form table tr td .download:hover {
  color: #6d6d6d !important; }
#compatability_forms .form table tr.avatar .progress_bar {
  width: 80%;
  height: 35px;
  border: 1px solid #ccc;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  display: none; }
#compatability_forms .form table tr.avatar .progress_bar .percent {
  width: 0%;
  height: 100%;
  background-color: #EAEAEA; }
#compatability_forms .form table tr.avatar .male_download, #compatability_forms .form table tr.avatar .female_download {
  width: 75%;
  line-height: 20px;
  border: 1px solid #ccc;
  color: #ABA9B9 !important;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0; }
#compatability_forms .form table tr.avatar td:first-child label[for="male_download"], #compatability_forms .form table tr.avatar td:first-child label[for="female_download"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block; }
#compatability_forms .form table tr.gender {
  text-align: center; }
#compatability_forms #male .gender {
  color: #333; }
#compatability_forms #male label {
  color: #333; }
#compatability_forms #female .gender {
  color: #5563AE; }
#compatability_forms #female label {
  color: #5563AE;
}
#compatability_forms .avatar label.btn{
	background: #fff;
}
#compatability_forms .submit {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
	width: 100%;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
}
#compatability_forms .error {
  text-align: center;
  display: none; }
#compatability_forms .error .text {
  display: inline-block;
  border: 1px solid red;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 20px;
  background-color: #FFF0F0; }

#compatability_results {
  display: none; }
#compatability_results img {
  display: block;
  margin: 0 auto; }

.text-center {
  text-align: center; }

.italic {
  font-style: italic; }

.ui-timepicker-table table a {
  display: inherit; }

/*# sourceMappingURL=compat.css.map */

#male,#female{
	padding: 10px;
	border-radius: 10px;
}
#male{
	background: rgba(215, 236, 245, 0.81);
	border-top-left-radius: 50px;
}
#female{
	background: rgba(255, 225, 218, 0.81);
	border-top-right-radius: 50px;
}