/*
    Document   : kontron
    Created on : 31.07.2012, 11:19:32
    Author     : thomas
    Description: Login form style
*/

body {
  position: relative;
  padding-bottom: 60px;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  background: none;
  font-family: 'Exo 2',sans-serif;
}

#login-box {
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: 170px 0 0 -170px;
  background: #F2F2F2;
  box-shadow: 10px 10px 5px #80808080;
  max-width: 400px;
  border-radius: 5px;
}

#login-box-top {
  margin: 20px 20px 20px 20px;
}

#opl_demo{
  float: right;
  font-size: 1.7em;
  color: red;
}

form ul.errors {
  color: red;
}

h1 {
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 17px;
  margin-bottom: 20px;
  color: #113350;
}

h2 {
  color: #113350;
}

header.main-header {
  padding-top: 38px;
}

div.top-navigation {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 37px;
  background: linear-gradient(90deg, #ECF1F5 75%, #DBF2EB);
}

div.logo-container img {
  margin: 41px 0px 18px 0px;
  width: 17%;
}

.opl-lost-password {
  float: right;
  display: inline;
}

/* Login button */
.btn-primary {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  background-color: #005083;
  border: 1px solid transparent;
  border-radius: 2px;
  background-image: none;
  padding: 3px 15px;
}

.btn-primary:hover {
  color: #FFFFFF;
  background-color: #3FB498;
  border: 1px solid transparent;
}

.opl-login {
  overflow: hidden;
}

a:link,
a:visited
{
  color: #006BAC;
}

a:hover {
  color: #3FB498;
  text-decoration: none;
}