.login-text {
  color: #000000; }

body {
  background: #f5f5f5;
  overflow-x: hidden; }

.no-bg {
  background: #fff !important; }

.mrg-top-lg {
  margin-top: 45px; }

.reset-page-container,
.login-page-container {
  background: #f5f5f5;
  position: relative;
  margin-top: -68px;
  display: inline-block;
  width: 100%;
  z-index: 100; }

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

.reset-page-container::before {
  top: -205px; }

.reset-page-container .container,
.login-page-container .container {
  top: -65px;
  position: relative; }

.reset-page-container .container {
  margin-bottom: -40px; }

.reset-page-container .logo,
.login-page-container .logo {
  margin-top: 19px;
  margin-left: 18px; }

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

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

.reset-page-container .btn-group .btn.btn-default,
.login-page-container .btn-group .btn.btn-default,
.reset-page-container .btn-group .btn-primary,
.login-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; }

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

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

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

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

.panel.login img {
  margin-top: 5px; }

.panel.login h1 {
  font-size: 34px;
  color: #4b7da8;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 34px;
  margin-top: 20px; }

.panel.login h3 {
  font-size: 16px;
  color: #333; }

.panel.login p.login-notification {
  color: #333;
  padding-top: 15px; }

.panel.login .sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 10px auto 0; }

.panel.login .sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #4b7da8;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.panel.login .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.panel.login .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.panel.login .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.panel.login .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.panel.login .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.panel.login .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.panel.login .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.panel.login .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.panel.login .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

.panel.login label {
  font-size: 18px;
  font-weight: normal;
  margin-top: 5px; }

.panel.login p {
  margin-bottom: -5px; }

.panel.login p > a {
  font-size: 12px;
  color: #333;
  margin-right: 5px;
  margin-left: 5px; }

.panel.login .input-group-addon {
  border-radius: 1px; }

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

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

.btn-secondary, .btn-secondary:hover {
  color: #FFF;
  background-color: #409bf8;
  border-color: #409bf8; }

.btn-secondary:active {
  color: #FFF;
  background-color: #448ecc;
  border: 1px solid #448ecc; }

.btn-xl-lg {
  padding: 13px 100px !important;
  font-size: 21px !important;
  border-radius: 0px;
  margin-bottom: 5px;
  width: 240px; }

p.browser-support {
  font-size: 12px;
  color: #8f9499; }

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

.footer {
  position: absolute; }

@media (max-width: 1640px) {
  .reset-page-container {
    margin-bottom: 25px; }
  .footer {
    position: relative !important; } }

.back-to-login {
  margin-left: 15px; }

.security_code_link {
  margin-left: 15px; }