/* Brand colors */
/* */
/* Brand color variations */
/* UI colors */
/*$link: #068B3A;*/
/* Grid */
/* Buttons */
/* Fonts */
/* Media queries and break points */
/* SVG icon handling */
* {
  padding: 0;
  margin: 0;
  border: none; }

textarea:focus, input:focus {
  outline: none; }

body {
  background-color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  position: relative;
  color: #043623;
  margin-top: 5%;
  text-align: center; }

a {
  text-decoration: none;
  color: #444; }

a:hover {
  text-decoration: underline; }

.input-text, .input-password {
  position: relative; }

.input-placeholder {
  position: absolute;
  top: 0;
  left: 0; }

.input-password input {
  font-family: Arial; }

h3 {
  display: none; }

h2, p {
  color: #666; }

.section-headline {
  margin: 30px 0 15px 0; }

h1 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: normal; }

h2 {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: normal; }

p {
  font-size: 12px;
  margin-bottom: 10px; }

ul {
  font-size: 12px;
  margin: 0 0 10px 20px; }

#loginbox {
  text-align: left;
  min-width: 200px;
  max-width: 450px;
  *width: 400px;
  overflow: hidden;
  padding: 0 20px;
  margin: 0 auto 0 auto; }

#loginbox.wide {
  max-width: 850px;
  *width: 850px; }

.plain-logo {
  text-align: left; }

.plain-logo img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
  margin: 0 0 12px 0; }

@media all and (max-width: 767px) {
  .plain-logo img {
    max-width: 120px;
    max-height: 120px; } }

#loginboxsub {
  vertical-align: middle;
  height: 100%; }

#loginbox.box #loginboxsub {
  background: #FFFFFF;
  padding: 20px; }

.login-status-message {
  margin-bottom: 50px; }

.field {
  width: 100%;
  *width: 346px;
  height: 50px;
  *height: 20px;
  line-height: 18px;
  padding: 15px 18px 10px 42px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dadada;
  border-bottom: none; }

.input-placeholder {
  width: 100%;
  height: 50px;
  line-height: 24px;
  padding: 15px 18px 10px 43px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #888; }

.single-field {
  border-radius: 5px;
  border-bottom: 1px solid #dadada; }

.top-field {
  border-radius: 5px 5px 0 0; }

.bottom-field {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #dadada; }

.input-checkbox {
  margin: 16px 0 0 15px;
  font-size: 11px;
  float: left; }

.input-checkbox input {
  margin-right: 3px; }

.input-submit {
  text-align: right;
  padding-right: 3px; }

input.submit {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 12px;
  padding: 11px 14px 10px;
  border: 1px solid #1ec95b;
  border-radius: 5px;
  background-color: #1ec95b;
  box-shadow: none;
  margin-left: 3px;
  cursor: pointer;
  margin: 10px 0;
  -webkit-appearance: none;
  transition: all 200ms linear; }

input.submit:hover {
  background-color: #1AB451;
  border-color: #1AB451; }

input.submit:active {
  background-color: #568c4f;
  box-shadow: none; }

input.button.small {
  padding: 4px 8px;
  font-weight: normal;
  border-bottom-width: 1px;
  border-radius: 2px;
  font-size: 11px; }

.has-login-services input.submit {
  float: right;
  margin-left: 5px; }

.login-services {
  padding: 10px 0 0 0; }

.login-services img {
  width: 34px;
  height: 34px;
  display: inline; }

#message {
  font-size: 14px;
  margin-bottom: 10px; }

.error {
  border: 1px solid #faa; }

.error.placeholder {
  color: #f66; }

.error::-webkit-input-placeholder {
  color: #f66; }

.error::-moz-placeholder {
  color: #f66; }

.error:-ms-input-placeholder {
  color: #f66; }

input.error:-moz-placeholder {
  color: #f66; }

.discrete {
  font-size: 12px;
  text-align: center;
  clear: both; }

.jumptop {
  margin-top: 50px; }

.ls-bs {
  display: none; }

.list-inline {
  margin-top: 50px;
  text-align: center; }

.list-inline li {
  border-left: solid 1px;
  display: inline;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0 6px 0 10px; }

.list-inline li:first-child {
  border-left: 0; }

/* Graphics */
.username, .password, .name, .email, .domain {
  background: #FFFFFF 10px 14px no-repeat;
  background-size: 22px; }

.username {
  background-image: url("../graphics/login/icon-login-username.png"); }

.domain {
  background-image: url("../graphics/login/icon-login-domain.png"); }

.password {
  background-image: url("../graphics/login/icon-login-password.png"); }

.name {
  background-image: url("../graphics/login/icon-login-name.png"); }

.email {
  background-image: url("../graphics/login/icon-login-email.png"); }

/* Graphics in retina version */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .username {
    background-image: url("../graphics/login/icon-login-username@2x.png"); }
  .domain {
    background-image: url("../graphics/login/icon-login-domain@2x.png"); }
  .password {
    background-image: url("../graphics/login/icon-login-password@2x.png"); }
  .name {
    background-image: url("../graphics/login/icon-login-name@2x.png"); }
  .email {
    background-image: url("../graphics/login/icon-login-email@2x.png"); } }

/* DEBUGGING */
#debug ul {
  text-align: center;
  clear: both;
  padding-top: 20px; }
  #debug ul li {
    text-align: left;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding-left: 28px;
    line-height: 34px;
    background: left center no-repeat; }
  #debug ul li.done {
    background-image: url("/icons/1EC95B/20x34/public.svg"); }
  #debug ul li.error {
    background-image: url("/icons/FA4646/20x34/cancel.svg"); }
  #debug ul li.testing {
    background-image: url("/resources/um/graphics/debug-indicator.gif"); }

#debug #done {
  text-align: center; }
  #debug #done .done-icon {
    width: 102px;
    height: 102px;
    margin: 0 auto;
    background-image: url("/icons/1EC95B/102x102/public.svg"); }
  #debug #done p {
    padding-top: 20px;
    font-size: 14px; }
  #debug #done p.small {
    padding-top: 30px;
    font-size: 13px; }
  #debug #done p a {
    color: #666;
    text-decoration: underline; }

#debug #stats th {
  padding-top: 20px; }

#debug #stats td {
  font-size: 12px;
  padding-right: 25px; }

#debug #stats td div {
  width: 150px;
  overflow: hidden; }

.secret-link-page, .secret-link-page p {
  font-size: 16px;
  line-height: 20px;
  color: #444; }

.secret-link-page .secret-link-embed {
  margin-bottom: 16px; }

.secret-link-page h4.secret-link-channel {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  margin-bottom: 5px; }

.secret-link-page .secret-link-title {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300; }

.secret-link-page .secret-link-meta {
  font-size: 12px;
  margin-bottom: 12px; }

.secret-link-page a {
  text-decoration: underline; }