/* Login Page */
body.default-page {
  background: #C6D4E1;
  padding-top: 10%; }

@media (max-width: 820px) {
  body.default-page { padding-top: 5%; }
}

body.register-page {
  background: #C6D4E1;
  padding-top: 5%; }

.def-box {
  width: 344px;
  position: relative;
  border-radius: 5px;
  margin: auto;
  padding: 20px 20px 3px 20px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 0, white 0 2px 0, rgba(0, 0, 0, 0.07) 0 3px 0, white 0 4px 0, rgba(0, 0, 0, 0.07) 0 5px 0;
  margin-bottom: 60px; }
  .def-box h3.title {
    color: #222222;
    text-align: center; }
  .def-box .def-logo {
    margin: 20px auto;
    display: block; }
  .def-box input.text, .def-box .input-content input {
    background-color: #f1f1f1;
    font-size: 16px;
    border-radius: 5px;
    padding: 14px 10px;
    width: 320px;
    max-width: 100%;
    vertical-align: middle; }
  .def-box a.forgot {
    float: right;
    padding-top: 6px; }

.def-box.def-box-big {
  width: 1000px;
  height: 820px; }

.def-box.def-box-special {
  width: 800px;
  min-height: 520px;
  padding-bottom: 20px;
  }

.def-box.def-box-special form legend img{
    max-width: 60px;
    padding: 20px 10px;
}
.def-box.def-box-special form legend img.quolaw {
    max-width: 90px;
}
.def-box.def-box-special .atable  {
    display: table;
    height: 450px;
}
.def-box.def-box-special .arow {
    display: table-row;
}
.def-box.def-box-special form {
  display: table-cell;
  min-height: 100%;
  width: 42%;
  float: left;
  border: 1px solid #666;
  border-radius: 10px;
  margin: 0px;
  padding: 28px;
}
.def-box.def-box-special form:last-child {
    margin-left: 10px;
}

.register-page p.errors {
    max-width: 400px;
}
.register-page .def-box-big {
  width: 1000px;
  height: 820px; }
.register-page .def-box-small {
  width: 510px;
  height: 490px; }
.register-page .def-box .sub-title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px; }
.register-page .def-box .user-data p {
  font-size: 16px; }
.register-page .def-box .column {
  float: left; }
.register-page .def-box .register-box input {
  width: 395px;
  height: 20px; }
.register-page .def-box .register-box select {
  width: 404px;
  height: 35px; }
.register-page .def-box .register-box input[type="checkbox"] {
  height: 13px; }
.register-page .def-box .register-box button {
  display: block;
  width: 306px;
  height: 36px;
  color: #FFF;
  border: 0;
  font-size: 14px;
  font-weight: 100;
  font-style: normal;
  background-color: #0064aa;
  background-image: none;
  margin: 0 auto; }
.register-page .def-box .slogan {
  width: 500px;
  margin: 40px 0 30px 70px;
  color: #02529b;
  font-size: 36px; }
.register-page .def-box .details {
  width: 500px;
  height: 144px;
  margin-left: 60px;
  font-size: 22px;
  color: #4d4d4d; }

input.text[type="radio"] ,
input.text[type="checkbox"] {
  width: auto !important; }

.register-box input.text {
  background-color: #f1f1f1;
  font-size: 14px;
  border-radius: 3px;
  padding: 7px 5px;
  width: 280px;
  vertical-align: middle; }
.register-box select.text {
  background-color: #f1f1f1;
  font-size: 14px;
  border-radius: 3px;
  padding: 7px 5px;
  width: 290px;
  vertical-align: middle; }

/* eo Login Page */
.defr-page .remember {
  margin-bottom: 20px; }
  .defr-page .remember input {
    vertical-align: bottom; }
  .defr-page .remember label {
    font-weight: normal;
    display: block;
    padding-left: 15px;
    text-indent: -15px; }