/* ################################ XS ####################################### */
.form .info-panel {
  margin-bottom: 0;
}

.form .info-panel .content {
}

.form .form-navigation {
  padding: 30px 10px 26px 10px;
}

.form .form-content {
  padding: 0 10px 5px;
}

.form .headline {
  font-size: 1.5em;
  font-weight: normal;
}

.form .info-icon {
  display: inline-block;
  font-family: Times New Roman, sans-serif;
  font-style: italic;
  font-weight: bold;
  line-height: 25px;
  width: 25px;
  height: 25px;
  font-size: 22px;
  text-align: center;
  margin-left: 10px;
}

.form-controls .button {
   height: 50px;
}

#verifyEmailForm #verifyEmailForm_code {
   width: 100%;
}

/* ########################################################################### */
/*                               DEFAULT                                       */
/* ########################################################################### */


/* ################################ SM ####################################### */
@media screen and (min-width: 768px) {

    .form .form-navigation {
      padding: 40px 40px 30px;
    }

    #page.container {
      margin: 0 auto;
      max-width: 700px;
    }

    .form .form-content {
      padding: 0 40px 10px;
    }

    .form-controls .button,
    .form-controls a.button {
      font-size: 18px;
      height: 40px;
      line-height: 40px;
      width: auto;
      text-align: center;
    }

	#verifyEmailForm #verifyEmailForm_code {
  	  width: unset;
  	}
}

/* ################################ MD ####################################### */
@media screen and (min-width: 992px) {

}

/* ################################ LG ####################################### */
@media screen and (min-width: 1200px) {

}

/* ########################################################################### */
/*                                 USER                                        */
/* ########################################################################### */
.form {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 5px #C8C8C8;
}

.form .info-icon {
  background-color: #3C3C3B;
  color: #FFFFFF;
}

.form .headline {
  color: #064882;
}

.form-controls .button {
  background-color: #F6F6F6;
  border: 1px solid #064882;
  color: #064882;
}

.form-controls .button.simple,
.form-controls .button.transparent {
  border-color: transparent;
}

.form-controls .button.transparent {
  background-color: transparent;
}

.form-controls .button.primary {
  background: #064882;
  border-color: #064882;
  color: #FFFFFF;
}

.form-controls .button:hover {
  background-color: #E5E5E5;
  color: #064882;
  border: 1px solid #064882;
}

.form-controls .button.simple:hover {
  color: #3C3C3B;
  border-color: #3C3C3B;
}

.form-controls .button.transparent:hover {
  border-color: transparent;
  background-color: transparent;
}

.form-controls .button.primary:hover {
  color: #FFFFFF;
  background-color: #3C3C3B;
  border-color: #3C3C3B;
}

.description-text {
	font-size: 16px;
	margin-bottom: 15px;
}