html, body {
  height: 100%; }

.signup-panel-container {
  width: 100%;
  margin: 0 auto; }

.user-account-panel-container {
  width: 100%;
  margin: 0 auto; }

.text-muted {
  color: #989999; }

.no-bg {
  background: #fff; }

@media only screen and (min-width: 1640px) {
  .registration-wrapper .modal.fade.bs-example-modal-lg.in {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    right: auto;
    overflow-y: hidden; } }

@media only screen and (max-width: 1640px) {
  .registration-wrapper .modal.fade.bs-example-modal-lg.in .modal-dialog {
    margin: 30px auto; } }

.registration-wrapper .modal .panel-default.panel-config > .panel-heading,
.registration-wrapper .modal .modal-dialog .modal-header {
  padding-top: 17px;
  padding-left: 12px;
  padding-right: 10px;
  background: #fff; }

.registration-wrapper .modal .fa.fa-times-circle.pull-right {
  margin-top: -8px;
  color: #abb1b8;
  font-size: 18px; }

.registration-wrapper .modal .modal-body {
  padding: 0 20px 17px;
  background: #fff;
  color: #333; }

.registration-wrapper .modal .modal-body h3 {
  color: #4c7da9;
  font-size: 28px;
  font-weight: bold;
  margin-top: -8px;
  margin-bottom: 20px; }

.registration-wrapper .modal img.ribbon-left {
  position: absolute;
  left: -6px;
  top: -38px; }

#page-content-wrapper-user h1 > span {
  font-size: 34px;
  color: #4b7da8;
  font-weight: bold; }

.registration-wrapper .modal .modal-body p {
  font-size: 12px;
  line-height: normal;
  padding: 5px 0 4px; }

img.trophie {
  position: relative;
  top: 0; }

@-moz-document url-prefix() {
  .feature-page-container {
    height: 942px; } }

.feature-page-container::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #283645;
  z-index: -1;
  bottom: 0;
  left: 0;
  top: -580px;
  transform-origin: left top;
  transform: skewY(-5deg); }

.feature-page-container.confirm-page-container::before {
  top: -170px; }

.feature-page-container .btn-group {
  margin-right: 8px;
  margin-top: 20px; }

.feature-page-container .btn-group .btn.btn-default,
.feature-page-container .btn-group .btn-primary {
  border-radius: 4px;
  /* background-color: #409bf8; */
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
  padding: 8px 11px;
  border: none; }

.feature-page-container .btn-group .btn.btn-default {
  background-color: #fff !important;
  color: #409bf8 !important; }

.feature-page-container .btn-group .btn.btn-primary {
  background-color: #409bf8 !important;
  color: #fff !important; }

.feature-page-container .logo {
  margin-top: 19px;
  margin-left: 18px; }

#page-content-wrapper-user h1 {
  font-size: 34px;
  color: #4b7da8;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 39px; }

#page-content-wrapper-user h3 {
  font-size: 16px;
  color: #333; }

.panel.register {
  border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid #ccc;
  padding: 10px 5px 20px;
  width: 715px;
  margin: 0 auto; }

.feature-page-container.confirm-page-container .panel.register {
  min-width: 580px;
  max-width: 52%;
  padding: 10px 5px 31px; }

.panel.register .btn.focus,
.panel.register .btn:focus,
.panel.register .btn:hover {
  color: #fff; }

.panel.register .alert {
  line-height: 2em; }
  .panel.register .alert.warning {
    color: #a94442 !important; }
  .panel.register .alert.notify {
    color: #567fa8 !important;
    margin-bottom: 0px;
    padding-bottom: 0px; }

.panel.register .bs-callout-warning {
  background-color: #faf8f0;
  color: #52646e;
  width: 100%;
  margin: 28px auto 28px;
  padding: 20px;
  border: 1px solid #efd9ab; }

@media only screen and (min-width: 1120px) {
  .feature-page-container .container {
    top: -82px;
    position: relative;
    margin-bottom: -82px; }
  .feature-page-container.confirm-page-container .container {
    top: -45px;
    position: relative;
    margin-bottom: inherit; } }

@media only screen and (min-width: 1120px) and (max-width: 1640px) {
  .panel.register {
    width: 640px; } }

@media only screen and (max-width: 1119px) {
  .feature-page-container .container {
    top: 17px;
    margin-bottom: 0; }
  .panel.register {
    width: 640px; } }

.panel.register .panel-heading {
  padding: 0 15px 0px; }

.panel.register .form-group {
  margin-bottom: 23px; }

.panel.register label {
  font-size: 18px;
  font-weight: normal; }

.panel.register label > span {
  color: #e65e5c;
  font-size: 18px;
  margin-left: 5px;
  font-weight: bold; }

.panel.register label small {
  font-size: 13px;
  line-height: 23px;
  margin-left: 10px; }

.panel.register input[type="surname"],
.panel.register input[type="email"],
.panel.register input[type="password"],
.panel.register input[type="text"] {
  height: 38px; }

.panel.register input[type="surname"]:focus,
.panel.register input[type="email"]:focus,
.panel.register input[type="password"]:focus,
.panel.register input[type="text"]:focus,
.panel.register textarea:focus {
  border-color: #409bf8;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 2px; }

.panel.register .signup-options > p {
  font-size: 12px; }

.panel.register .signup-options p > a {
  text-decoration: underline; }

.panel.register .alert-danger {
  background-color: #fef3f3;
  color: #cf3c36;
  width: 95.5%;
  margin: 0px auto 20px;
  border: 1px solid #ee9a9a; }

.panel.register .has-error .form-control {
  border-color: #ee9a9a; }

p.browser-support {
  font-size: 12px;
  color: #8f9499;
  margin-bottom: 40px; }
  p.browser-support .exclamation_icn {
    display: inline-block;
    margin-right: 10px; }

img.chrome {
  margin: -5px 8px -3px 0; }

.verify-input {
  margin-left: 10px;
  float: right;
  width: 70px;
  padding: 0 5px; }

.user-account-error-message {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #ddd;
  color: red;
  transition: all 0.3s ease 0s; }

.notification-strip {
  background: #34557c;
  padding-top: 13px;
  height: 45px; }

.registration-wrapper.confirm .notification-strip {
  position: fixed;
  width: 100%;
  bottom: 102px; }

.notification-strip > p {
  color: #fff;
  font-weight: bold; }

.notification-strip p > a {
  color: #fff;
  text-decoration: underline; }

.footer {
  position: relative; }

.registration-wrapper.confirm .footer {
  position: fixed; }