@charset "UTF-8";
.register-content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  overflow: hidden;
  z-index: 1; }
  .register-content #steps {
    min-height: 475px;
    background-color: #3c8dbc;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
    .register-content #steps .step-item {
      display: table;
      background-color: #3c8dbc;
      width: 100%;
      height: 96px;
      border: none;
      border-bottom: 2px solid #80afd0; }
      .register-content #steps .step-item span {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        display: table-cell;
        vertical-align: middle; }
  .register-content .form-content-wrapper {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .register-content .form-title {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 47px;
    border-bottom: 2px solid #3c8dbc;
    color: #3c8dbc;
    padding: 24px; }
  .register-content .form-control {
    width: 280px; }
  .register-content .form-content {
    padding: 5%; }
    .register-content .form-content .form-actions {
      position: absolute;
      bottom: 0;
      right: 15px; }
    .register-content .form-content .login-form {
      position: absolute;
      bottom: 20px; }
  .register-content .password-policy {
    position: absolute;
    bottom: -115px\9;
    width: 210px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    left: 310px;
    top: 200px; }
    .register-content .password-policy .validation-message {
      background: #ffffff;
      border-radius: 5px;
      margin-top: 5px;
      line-height: 20px;
      color: #000; }
  .register-content .invalid {
    padding-left: 0px;
    line-height: 24px;
    color: #DD5145; }
  .register-content .valid {
    padding-left: 0px;
    line-height: 24px;
    color: #5CB85C; }
  .register-content .password-match {
    position: absolute;
    left: 25px;
    bottom: 0px; }
  .register-content .side-logo {
    position: absolute;
    width: 70%;
    left: 30px;
    bottom: 15px; }
  .register-content #mobile-logo {
    display: none; }

/* 
Θα μείνει μόνο για τη φόρμα register αλλά 
με την προοπτική να γίνει αλλαγή globally.
*/
.form label {
  display: block;
  color: #2e405c !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  margin-bottom: 0.1rem !important; }

input {
  border: transparent !important;
  border-bottom: 2px solid #3c8dbc !important;
  background-color: #fafafa !important; }

select {
  border: transparent !important;
  border-bottom: 2px solid #3c8dbc !important;
  background-color: #fafafa !important; }

@media only screen and (max-width: 600px) {
  #steps {
    display: none !important; }
  .form-control {
    width: 100% !important; }
  .form-content-wrapper {
    position: fixed !important;
    text-align: center;
    left: 0;
    right: 0;
    height: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .password-policy {
    left: 20px !important;
    top: 172px !important;
    height: 147px !important;
    bottom: 0px !important; }
  .password-match {
    position: relative;
    left: 20px !important;
    bottom: 0px !important;
    top: 420px !important; }
  .form-title {
    color: black !important;
    font-size: 30px !important;
    border-bottom: none !important; }
  #mobile-logo {
    display: inline;
    width: 150px; }
  .page-register {
    display: block; } }