#register.layer .panel
{
  height: auto;
}

#register .panel .form
{
  position: relative;
  background-color: #F0F0F0;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 5px 5px;
  z-index: 1;
  padding: 25px;
}

#register .panel .form .row
{
  margin: 25px 0;
}

#register .panel .form .row:last-child
{
  margin-bottom: 15px;
}

#register .panel .form .input
{
  padding: 0 10px;
}

#register .panel .form .input:first-child
{
  padding-left: 0;
}

#register .panel .form .input:last-child
{
  padding-right: 0;
}

#register .panel .form .input
{
  padding: 0 10px;
}

#register .panel .form .input .label
{
  color: #AAA;
}

#register .panel .form .input.required .label::after
{
    content: " *";
}

#register .panel .form .input input
{
  font-size: 1.4rem;
}

#register .panel .form .input.invalid input
{
    border-color: #2B7BCD;
}

#register .panel .form .input.invalid select
{
    border-color: #2B7BCD;
}

#register .panel .form .input.invalid input[type="checkbox"]
{
    outline: 1px solid #2B7BCD;
}

#register .panel .form .input.invalid .label
{
    color: #2B7BCD;
}

#register .panel .form .input.half
{
  width: 50%;
  float: left;
}

#register .panel .form .feedback
{
  color: #2B7BCD;
}

#register .panel .status
{
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;

  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: #FFF;
  text-align: center;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

#register .panel .status.enabled
{
  opacity: 1;
  pointer-events: all;
}

#register .panel .status .report
{
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0;
  padding: 15px;
  display: none;
}

#register .panel .status.working .report.working,
#register .panel .status.success .report.success,
#register .panel .status.error .report.error
{
  display: block;
}

#register .panel .status .report .icon
{
  width: 58px; height: 58px;
  padding: 10px;
  margin: 0 auto;
  background-color: #000;
  border-radius: 100%;
}

#register .panel .status .report.working .icon
{
  background-color: #2B7BCD;
}

#register .panel .status .report.success .icon
{
  background-color: #2BCD7B;
}

#register .panel .status .report.error .icon
{
  background-color: #CD3B3B;
}

#register .panel .status .report .icon svg
{
  display: block;
  width: 100%; height: 100%;
  fill: #FFF;
}

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

#register .panel .status .report.working .icon svg
{
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  transform-style: preserve-3d;
}

#register .panel .status .report .text
{
  margin-top: 15px;
  font-size: 1.5rem;
  color: #888;
}

#register .panel .header .close
{
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;

  position: absolute;
  right: 0; top: 0;
  width: 100px; height: 100%;
  color: #2B7BCD;
}

#register .panel .header .close:hover
{
  color: #000;
}

#register .panel .header .title
{
  padding-right: 100px;
}

#register .panel .book
{
  height: 100%;
}

#register .panel .book .submit
{
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out, background-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out, background-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;

  display: block;
  margin: 0 auto;
  width: auto; height: 100%;
  min-width: 100px;
  padding: 0 20px;
  border-radius: 0px 0px 5px 5px;
  background-color: #FFF;
  color: #2B7BCD;

  cursor: pointer;
}

#register .panel .book .submit:hover
{
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
}

#register .panel .book .submit:disabled,
#register .panel .book .submit:disabled:hover
{
  background-color: #DDD;
  color: #AAA;
  cursor: default;
}