/**
 * webEdition CMS
 *
 * webEdition CMS
 * $Author$
 *
 * This source is part of webEdition CMS. webEdition CMS is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 * A copy is found in the textfile
 * webEdition/licenses/webEditionCMS/License.txt
 *
 * @license	http://www.gnu.org/copyleft/gpl.html  GPL
 */
/* This is a global config file for all scss files*/
/*main editable elements tabs - files*/
/* Colors */
#loginScreen {
  background: url(../images/bg-login.jpg);
  background-size: cover;
  background-position: right bottom;
  height: 100%; }
  #loginScreen form {
    position: absolute;
    left: 0;
    right: 0;
    top: 5em; }
  #loginScreen #errorTable {
    width: 100%;
    height: 75%; }
  #loginScreen #picCopy {
    font-size: 11px;
    position: absolute;
    right: 1em;
    bottom: 0;
    color: white; }
  #loginScreen .error {
    background-color: #EBEBEB;
    color: red;
    width: 20em;
    margin-left: auto;
    margin-right: auto;
    font: liberation_sansbold, sans-serif;
    font-size: 14px;
    position: relative;
    padding: 1em;
    top: 5em; }
  #loginScreen #loading {
    color: white;
    display: none;
    font-size: 24px;
    padding: 30px 40px;
    text-align: center;
    position: fixed;
    top: 120px;
    width: 100%; }

#mainTable {
  border-style: none;
  padding: 30px 40px;
  border-spacing: 0;
  background-color: #192C3A;
  background: url(../images/bg-login-box.png);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  box-shadow: none;
  color: #ffffff; }
  #mainTable.Backend, #mainTable.Frontend, #mainTable.Frontend_Backend {
    background-color: red;
    background-image: none; }
  #mainTable .important {
    font-size: 14px;
    font-family: liberation_sansbold, sans-serif; }
  #mainTable table.credentials td {
    position: relative; }
    #mainTable table.credentials td input ~ i {
      color: #4d565d;
      position: absolute;
      left: 8px;
      top: 8px; }
    #mainTable table.credentials td button {
      height: 30px; }
  #mainTable td.logo {
    text-align: center; }
  #mainTable .defaultfont, #mainTable label, #mainTable .small {
    color: #ffffff;
    font-size: 14px; }
  #mainTable label {
    font-family: liberation_sansbold, sans-serif;
    margin-bottom: 2px;
    display: block; }
  #mainTable .radiobutton label {
    font-weight: normal;
    font-size: 12px;
    vertical-align: top; }
  #mainTable input {
    color: #4d565d;
    background: #ffffff;
    border: none;
    padding: 0 10px 0 25px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 5px; }
  #mainTable input[type="radio"] {
    padding: 0;
    height: auto;
    line-height: inherit;
    width: auto;
    margin-bottom: 5px; }
  #mainTable input[type="checkbox"] {
    padding: 0;
    height: auto;
    line-height: inherit;
    width: auto;
    margin-bottom: 5px; }
  #mainTable .defaultfont {
    padding-top: 0; }
  #mainTable .logo img {
    margin-bottom: 15px;
    max-width: 300px; }
  #mainTable .agency img, #mainTable img.agency {
    max-width: 150px;
    margin: 0; }
  #mainTable .defaultfont a, #mainTable .defaultfont a:link, #mainTable .defaultfont a:visited, #mainTable a, #mainTable a:link, #mainTable a:visited {
    color: #a5aaae; }

#versionSpec {
  font-family: monospace;
  font-size: 22pt;
  position: relative;
  top: -25px;
  left: 200px;
  text-align: left;
  font-weight: bolder;
  color: red;
  transform: rotate(-35deg);
  transform-origin: 0 0; }

#credits {
  line-height: 160%;
  padding-top: 2ex; }

.row5 {
  padding-top: 5px; }

.row10 {
  padding-top: 10px; }

.plainTable {
  border-style: none;
  padding: 0;
  border-spacing: 0;
  width: 100%; }
  .plainTable button.weBtn {
    height: 30px;
    line-height: 27px;
    margin: 0; }

#username {
  width: 250px; }

#password {
  width: 250px; }

.modeTable {
  width: 402px; }

.spaceTable {
  padding-top: 15px;
  padding-bottom: 5px; }
  .spaceTable .plainTable {
    padding-bottom: 20px; }