/*** Kundenspezifische Anpassungen ***/
header {}
.ym-col1 {background-color: #8EC3F2;}
.ym-col2 {background-color: #fff;}
.ym-col3 {}
footer {}

/*------------------------------------*\
   #LOGIN (Customized)
\*------------------------------------*/

/* Anpassungen DW */
#loginForm {
  margin-bottom: 4em;
}

/* Mehr Außenabstand der Login-Form */
form#loginForm fieldset {
  margin-top   : 10px;
  margin-bottom: 20px;
}

/*  Mehr Außenabstand im Fieldset */
form#loginForm fieldset {
  padding: 1.35em 1.625em 1.75em;
}

/* Text "Login" fett gedruckt und größere Schrift + Primärgrün */
form#loginForm fieldset legend {
  font-weight: bold;
  color      : #556c72;
  font-size  : 1.4rem;
}

/*  Container der Login Buttons "Login" und "Abbrechen" */
form#loginForm .ym-fbox-button {
  margin-top   : 20px;
  margin-left  : 2px;
  margin-bottom: 8px;
}

/*  Login Eingabefelder (dazwischen mehr Abstand) */
form#loginForm .ym-fbox-text {
  margin-bottom: 10px;
}

/* Inputfelder Innenabstand breiter*/
form#loginForm fieldset .ym-fbox-text input {
  padding-bottom: 5px;
  padding-left  : 6px;
  padding-top   : 5px;
}

/*  Wenn das Inputfeld mit dem Usernamen einen Focus kriegt (Background: hellgrün) */
form#loginForm fieldset .ym-fbox-text input #j_username:focus {
    background-color: #ccd3d4;
    border          : 1px solid #acacac;
  }

/*  Wenn das Inputfeld mit dem Passwort einen Focus kriegt (Background: hellgrün) */
  form#loginForm fieldset .ym-fbox-text input #j_password:focus {
    background-color: #ccd3d4;
    border          : 1px solid #acacac;
  }
/*  Wenn das Inputfeld mit dem Usernamen einen Hover kriegt (Rand = grün)*/
  form#loginForm fieldset .ym-fbox-text input #j_username:hover {
    border: 1px solid #556c72;
  }
/* Wenn das Inputfeld mit dem Passwort einen Hover kriegt (Rand = grün)*/
  form#loginForm fieldset .ym-fbox-text input #j_password:hover {
    border: 1px solid #556c72;
  }


body.login {
  background             :#ccd3d4;
  display                : flex;
  display                : -webkit-flex;
  display                : flex;
  -webkit-align-items    : center;
  align-items            : center;
  -webkit-justify-content: center;
  justify-content        : center;
}

body.login,
html {
  height: 100%;
}

.login-wrapper .logo-login{text-align: center;}
.login-wrapper .logo-login img{width:200px;}

.login-wrapper {
  min-width    : 480px;
  max-width    : 600px;
  background   : #fff;
  padding      : 30px 15px 10px 15px;
  box-shadow   : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0;
  border       : 0 solid #a0a0a0;
}

.login #loginForm {
  margin-bottom: 0;
}

.login form#loginForm fieldset .ym-fbox-text {
  display: flex;
}

.login form#loginForm fieldset .ym-fbox-text label {
  flex-basis: 37%;
  margin-top: 8px;
}

.login form#loginForm fieldset .ym-fbox-text input {
  flex-basis: 60%;
  background: #F0F0F0;
}

.login #loginForm .ym-fbox-button {
  font-size    : 12px;
  width        : 100%;
  text-align   : right;
  padding-right: 1px;
}

.login #loginForm fieldset .ym-fbox-button {
  display: flex;
}

.login form#loginForm fieldset .ym-fbox-button input[type="submit"] {
  flex-basis: 37%;
}

.login form#loginForm fieldset .ym-fbox-button input {
  flex-basis: 60%;
  background: #F0F0F0;
}

.login form#loginForm fieldset .ym-fbox-text input {
  padding-bottom: 10px;
  padding-left  : 15px;
  padding-top   : 10px;
  border        : 1px solid #ccc;
  font-size     : 14px;
}

.login form#loginForm fieldset > legend {
  color        : #556c72;
  margin-bottom: 8px;
  font-size    : 1.6rem;
  font-weight  : 400;
  text-align   : center;
}

.login #loginForm input {
  padding-left : 5px;
  float        : left;
  width        : 49%;
  font-size    : 12px;
  padding      : 5px;
  margin-bottom: 10px;
}

.login #loginForm input:first-child {
  margin-right: 8px;
}

.login #loginForm fieldset {
  border       : 0;
  padding-top  : 20px;
  margin-left  : 0;
  margin-bottom: 20px;
}

/* Icons vor Labels */
.login #loginForm fieldset .ym-fbox-text > label[for=j_username]:before {
  content     : "\f007 ";
  font-size   : 16px;
  font-family : FontAwesome;
  margin-right: 10px;
  color       : #787878;
}

.login #loginForm fieldset .ym-fbox-text > label[for=j_password]:before {
  content     : "\f084 ";
  font-size   : 16px;
  font-family : FontAwesome;
  margin-right: 10px;
  color       : #787878;
}

.login-message{padding:20px;}

input.button {
	display              : inline-block;
	background-color     : #f5f5f5;
	background-image     : -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image     : -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image     : -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image     : -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image     : linear-gradient(top,#f5f5f5,#f1f1f1);
	color                : #444;

	border               : 1px solid #dcdcdc;
	-webkit-border-radius: 2px;
	-moz-border-radius   : 2px;
	border-radius        : 2px;

	cursor               : default;
	font-size            : 12px;
	font-weight          : bold;
	text-align           : center;
	height               : 37px;
	line-height          : 27px;
	min-width            : 100px;
	padding              : 5px 18px;
	text-decoration      : none;
}

input.button:hover {
background-color  : #556c72;
border            : 1px solid #C6C6C6;
color             : #333;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow   : 0 1px 1px rgba(0,0,0,.1);
box-shadow        : 0 1px 1px rgba(0,0,0,.1);
}

input.button:hover[value ="Login"] {color: #fff;}
input.button:hover[value ="Abbrechen"] {color: #fff;}


/*------------------------------------*\
   ENDE #LOGIN (Customized)
\*------------------------------------*/