/* Minification failed. Returning unminified contents.
(285,45): run-time error CSS1046: Expect comma, found '0'
(285,49): run-time error CSS1046: Expect comma, found '/'
(315,41): run-time error CSS1046: Expect comma, found '0'
(315,45): run-time error CSS1046: Expect comma, found '/'
(317,33): run-time error CSS1046: Expect comma, found '0'
(317,37): run-time error CSS1046: Expect comma, found '/'
 */
.showMobile {
	display:none;
}	

/*Fehlerseiten*/
div#activeError {
    padding: 14px 0 0 50px;
    width: 440px;
}
/*PasswordWidget*/


.passwordStrengthContainer {
    display:inline-block;
    margin: 10px 0 20px;
}
.passwordStrengthContainer.inactive {
    opacity:0.6;
}
.passwordStrengthContainer > div {
    width:20px;
    height:20px;
    margin-right:10px;
    border-radius:10px;
    padding:0;    
    display:inline-block;
    vertical-align:top;
    margin-top:10px;
    background-color:#aaa;
}

.passwordStrengthContainer p {
    display:inline-block;
    vertical-align:top;
    width:460px;
    font-size:18px;
    margin-top:10px;
}

.passwordStrengthContainer.singleLine > p{
    margin-top:10px;
}

.passwordStrengthContainer div.strength1,
.passwordStrengthContainer div.strength6
{
	background:#dc3745;
}

.passwordStrengthContainer div.strength2
{
	background:#de8841;
}

.passwordStrengthContainer div.strength3
{
	background:#e0b53e;
}

.passwordStrengthContainer div.strength4
{
	background:#b8df40;
}

.passwordStrengthContainer div.strength5
{
	background:#3ae56d;
}

.passwordStrengthContainer span.strength1,
.passwordStrengthContainer span.strength6
{
	color:#dc3745;
}

.passwordStrengthContainer span.strength2
{
	color:#de8841;
}

.passwordStrengthContainer span.strength3
{
	color:#e0b53e;
}

.passwordStrengthContainer span.strength4
{
	color:#b8df40;
}

.passwordStrengthContainer span.strength5
{
	color:#3ae56d;
}


/*Dashboard*/

#main
{
    position: static;
    width: 100%;
    height: auto;
}

.login #main {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 100px;
    height: 100vh;
}

.login #main .dashboardContainer {
    background-image: url("images/bike_resize.png");
    background-position: 60px 100px;
    background-repeat: no-repeat;
    flex: 1 0 100%;
    display: flex;
    background-color: white;
}

.simpleLogin #main .dashboardContainer {
    align-items: flex-start;
    justify-content: flex-end;
    padding: 70px 100px 0 0;
}

@media only screen and (max-width:700px) {
    .simpleLogin #main .dashboardContainer {
        justify-content: center;
        padding: 0;
    }
}
#kontrollzentrumContainer {
    margin-top: 160px;
    min-height: 500px;
}

#kontrollzentrum
{
    height: 100%;
    margin: auto;
    max-width: 1290px;
    padding-bottom: 100px;
    width: auto;
}

.sortModeRow {
    margin: auto;
    max-width: 1290px;
    width: auto;
    min-height:34px;
}
#sortModeHeader {
    min-height:80px;
}
.sortModeTab {
    float:left;
    margin-left:-3px;
    border:3px solid #aaa;
    border-bottom:3px solid rgb(255, 186, 0);
    position:relative;
    top:3px;
    z-index:1;
}
.sortModeTab.active {
    border:3px solid rgb(255, 186, 0);
    border-bottom:3px solid transparent;
    background-color:#fdf6e3;
    z-index:2;
}

.sortModeRow h2{
    color: #555;
    display:inline
}

#sortModeHeader a, #sortModeHeaderParked a {
    float: right;
    display:block;
    background-color: #ffffff;
    border: 1px solid #c79101;
    color: #444444;
    cursor: pointer;
    padding: 4px 10px;
    text-shadow: none;
    margin-left:10px;
    text-decoration:none;
}

#sortModeHeader #cancelDashboardIconsLink {
    border-color:#aaa;
}

#kontrollzentrum.ui-sortable
{
    border:3px solid #ffba00;
    background-color: rgba(255,186,0,0.1);
    margin-bottom:20px;
}
#kontrollzentrumParken {
    display:none;
}
#kontrollzentrumParken.ui-sortable
{
    min-height:200px;
    border:3px solid #ff7800;
    background-color: rgba(255,120,0,0.1);
    max-width: 1290px;
    width: auto;
    display:block;
    margin:10px auto 40px;
    padding-bottom:100px;
}


#kontrollzentrumParken.ui-sortable img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.6;
}

#kontrollzentrumParken.ui-sortable .dashboard_icon p, #kontrollzentrumParken.ui-sortable .dashboard_icon p:hover {
    color: #aaa;
}
#kontrollzentrum::after, #kontrollzentrumParken:after {
    content: " ";
    display:block;
    width: 100%;
    height:1px;
    clear: both;
}
#kontrollzentrum .ui-sortable-placeholder, #kontrollzentrumParken .ui-sortable-placeholder {
    border: 2px dashed #aaaaaa;
    border-radius: 6px;
    display: block !important;
    height: 146px;
    margin-left: 25px;
    margin-right: 23px;
    margin-top: 50px;
    opacity: 1 !important;
    visibility: visible !important;
    width: 126px;
}
.dashboard_icon
{
    width: 180px;
    height: 220px;
    float: left;
    text-align: center;
    padding-right:6px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity:1 !important;
    margin-bottom: 30px;
}
.dashboard_icon a
{
    text-decoration: none;
    color: #747474 !important;
    font-size: 14px;
    font-weight:700;
}
.dashboard_icon a:hover
{
    color: #333 !important;
}
.dashboard_icon p
{
    margin-top: 0px !important;
}
.dashboard_icon .dashboardIconTitle {
    margin-top: 16px !important;
    color: #404040;
}

    .dashboard_icon .imageWrapper {
        margin:auto;
        width: 128px;
        height: 128px;
        border-radius: 15px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.20);
        box-shadow: none;
        border: 1px solid #E0E0E0 !important;
    }

    .dashboard_icon.primary .imageWrapper {
        background-color: #7ec9c3;
        border: 1px solid #7ec9c3 !important;
    }

    .dashboard_icon.secondary .imageWrapper img {
        opacity: 0.6;
    }

.inactive_button
{
    color: #999;
    font-size: 14px;
    text-decoration: none;
}

.dashboard_counter {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    background-color: #CC5141;
    position: relative;
    top: 20px;
    left: 135px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.20);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    background-image: none;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.dashboard_counter.no_counter {
    visibility: hidden;
}
    .dashboard_counter.display_blank {
        width: 19px;
        height: 19px;
        padding-top: 28px;
        top: 43px;
        left: 143px;
        background-color: #a6a4a5;
        background-image: none;
    }
.dashboard_counter.display_blank > p {
    display: none;
}
.no_counter p,
.dashboard_counter p
{
    color: #eee;
    text-align: center;
}

.nodisplay
{
    display: none;
}

.display3digit p
{
    padding-top:1px;
    font-size:15px;
}
.display4digit p
{
    padding-top:3px;
    font-size:11px;
}
/*Dashboard Ende*/



/*Neue Außenseite 15.6.2015*/
body {
    margin:0;
    padding:0;
    background-attachment: scroll;
    background-color: white;
    background-position: left top;
    background-repeat: repeat;
    background-attachment:fixed;
}
.dashboardContainer a, .dashboardContainer a:visited {
    color: #404040;
}
.webAkteLogoContainer {
    max-width:1024px;
    text-align:center;
    margin:100px auto 0;  
}

.webAkteLogoContainer.smallLogoContainer {
    width:400px;
}
.webAkteLogoContainer.smallLogoContainer h1 {
    font-size:18px;  
}
.webAkteLogoContainer img {
    max-width:100%;
}

.webAkteLogoContainer h1 {
    font-weight:normal;    
    font-size:29px;    
}

.loginContainer {
    background-color: white;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
    border-radius: 10px;
    padding: 36px 34px;
    min-height: 250px;
    z-index: 700;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    margin-bottom: 150px;
}

#loginProblemsContainer {
    position: relative;
}

.getCredentials .dashboardContainer {
    padding-top: 200px;
}


.loginContainer.large {
    width: 1014px !important;
}

.loginContainer.medium {
    width:800px !important;
}

.loginContainer * {
    color:#444;
}
.loginContainer .inlineBlock {
    margin-right:14px;
    max-width:100%;
}
.dashboardContainer .smallText, .loginContainer .field-validation-error {
    font-size: 16px;
}
.loginContainer .underContainerText {
    background-image: url("images/loginLinkBg2.png");
    background-position: center top;
    background-repeat: no-repeat;
    bottom: -42px;
    display: block;
    height: 28px;
    margin-left: -34px;
    padding-top: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.loginContainer .alignMiddle {
    display: inline-block;
    vertical-align: middle;
}
.loginContainer input[type=checkbox] {
    margin-right:4px;
    margin-top:13px;
    margin-right:10px;
}
#agbContainer input[type=checkbox] {
    margin-top:10px;
}
.loginRow {
    margin-bottom:20px;
}
    .loginRow:after {
        content: " ";
        display:block;
        width:100%;
        clear:both;
    }
.loginContainer label {
    display:block;
    font-size:14px;
}



.dashboardContainer > #loginFormContainer {
    width: 498px;
    min-height: 486px;
    position: static !important;
    margin: unset;
}

#main > #loginFormContainer {
    width: 370px;
    min-height: 300px;
    position: static !important;
    margin: 130px auto;
}

#loginProblemsContainer, #tanContainer, #agbContainer {
    width:726px;
}

#loginProblemsContainer p {
    line-height:26px;
}

#tanContainer {
    margin-top:200px;
}
#chooseExternalRequestFormContainer {
    display:none;
    opacity:0;
}

#chooseExternalRequestFormContainer ul{
    height: 280px;
    overflow-y:auto;
    overflow-x:hidden;
}
#stammdatenContainer .text {
    font-size:16px;
    line-height:22px;
}
.loginContainer h1 {
    font-weight:normal;
    font-size:34px;
    margin-bottom:16px;
}

.loginContainer h2 {
    font-weight:normal;
    font-size:20px;
    margin-bottom:28px;
}

.loginContainer .rightContent h2,
.loginContainer .dialogContent h2{
    font-weight:normal;
    font-size:20px;
    margin-bottom:0;
}
.loginContainer h3 {
    font-weight:normal;
    margin-bottom:30px;
}

.loginContainer .rightContent h3,
.loginContainer .dialogContent h3{
    font-weight:bold;
    margin-bottom:10px;
    color:#444;
}

.loginContainer h4 {
    font-weight:bold;
    margin-bottom:10px;
    font-size:14px;
}
.loginContainer a.link, .loginContainer a.link:visited,
.loginContainer h1 a, .loginContainer h2 a, .loginContainer h3 a , .loginContainer p.text a,
.loginContainer h1 a:visited, .loginContainer h2 a:visited, .loginContainer h3 a:visited, .loginContainer p.text a:visited {
    font-size:14px;
    color: #3834bc;
}


.loginContainer h1 a, .loginContainer h2 a, .loginContainer h3 a,
.loginContainer h1 a:visited, .loginContainer h2 a:visited, .loginContainer h3 a:visited{
    margin-left:12px;
}


.loginContainer .info {
    font-weight:bold;
    color: #7c9b5a
}
.loginContainer .underline {
    text-decoration:underline;
}

.loginContainer .text {
    font-size: 14px;
    line-height:20px;
}

.loginContainer .text.variant {
    font-weight:bold;
    font-style:italic;
}

.loginContainer .text.center {
    text-align:center;
}
.loginContainer .text.tooltip {
    color:#c23c3a;
    font-style:italic;
}
.loginContainer .divide {
    margin-bottom:22px;
}
.loginContainer .divide.small {
    margin-bottom:10px;
}
.loginContainer .topDivide {
    margin-top:22px;
}
.loginContainer .divide.largeDivide {
    margin-bottom:48px;    
}
.text.box {
    border:1px solid #ccc;
    padding:16px;
}
#loginFormContainer .submitbutton{
    margin-top:22px;
}
.loginTextInput {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    font-size: 16px;
    height: 56px;
    line-height: 44px;
    border-color: #c0c0c0 #d9d9d9 #d9d9d9;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #444;
    padding: 15px;
}
.loginTextInput.inline {
    width:280px;
    margin-right:20px;
    display:inline-block;
    vertical-align:middle;
}

.loginTextInput.inline.smallInline {
    width:200px;
}

.loginTextInput:focus {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(209,209,209,1);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(209,209,209,1);
    box-shadow: inset 0px 0px 8px 0px rgba(209,209,209,1);
    /*border-color: #aaa #999 #888;  */
}
.loginTextInput.validation-error {
    border-color:red;
}

.loginButton {
    background-color: #429f98;
    background-image: -moz-linear-gradient(center top, #bb0a07, #ab0300);
    border: 0px solid !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    min-width: 46px;
    text-align: center;
    transition: all 0.218s ease 0s;
    width: 150px;
    font-size: 13px;
    cursor: pointer;
    margin-left: 6%;
}

.loginButton.green {
    background-color: #7c9b5a;
    background-image: -moz-linear-gradient(center top, #7c9b5a, #7c9b5a);
    border-color: #7c9b5a !important;
}

.loginButton.disabled {
    background-color: #c0c0c0;
    background-image: -moz-linear-gradient(center top , #c0c0c0, #b9b9b9);
    border: 1px solid #b9b9b9 !important;   
}

a.loginButton {
    display:block;
    text-decoration:none;
    color:#fff;
    height:34px;
    outline:0;
}
@media only screen and (max-width:800px) {
    .loginButton, a.loginButton {
        height: auto;
        line-height: 22px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.loginButton.inline {
    width:auto;
    display:inline-block;
    vertical-align:middle;
    padding-left:20px;
    padding-right:20px;
}
#loginFooter {
    background-image: url(images/footerDashboard.png);
    background-repeat: repeat-x;
    background-position:bottom left;
    height: 19px;
    width: 100% !important;
    position:fixed;
    bottom: 0;
    z-index: 800;
}

#loginContentFooter {
    bottom: 30px;
    left: 50%;
    margin-left: -450px;
    position: fixed;
    width: 900px;
}
#loginContentFooter img {
    margin-top:10px;
}
#loginContentFooter .footer_div {
    display:inline-block;
    vertical-align:bottom;
    width:33.3%;
    min-height:1px;
}
#loginContentFooter a {
    margin-right:32px;
}
.chooseExternalRequestList li {
    list-style-type:none;
    background-color:#f5f5f5;
    width:100%;
    margin-bottom:10px;
    border-left: 1px solid #c23c3a;
}

.chooseExternalRequestList li:hover {
    background-color:#eee;
}

.chooseExternalRequestList li a, .chooseExternalRequestList li a:hover {
    display:block;
    padding:6px 3%;
    width:94%;
    text-decoration:none;
}

.chooseExternalRequestList li a:hover {
    background-repeat:no-repeat;
    background-position:right center;
}

#forgetUserNameContent {
    margin-top:50px;
}

.loginContainer .successHeadline {
    display:inline-block;
    padding-left: 48px;
    background-image: url(images/loginCheckmark.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-top:6px;
    height:34px;
}

.loginContainer .highlightForm {
    background-color:#f5f5f5;
    width:100%;
    margin:10px 0 20px -34px;
    padding:20px 34px 10px;
}

.loginContainer .rightContent {
    float:right;
    width:500px;
    max-width:100%;
    display:inline-block;
}

.loginContainer.large .leftContent {
    float:left;
    display:inline-block;
    max-width:33%;
}

.loginContainer.large .rightContent {
    width:616px;
    max-width:66%;
}

.loginContainer.withIcons {
    background-image:url(images/tuev-datev-norton-3.png);
    background-repeat:no-repeat;
    background-position:top right;
}

.loginContainer div.disabled {
    opacity:0.3;
}

.loginContainer div.disabled .validation-summary-errors{
    display:none !important;
}


.loginContainer div.validation-summary-errors {
    border:0;
    display:inline-block;
    width:510px;
    height:auto;
    background:transparent;
    font-size:14px;
    box-shadow:none;
    padding:0;
    text-align:left;
    vertical-align:middle;
    margin:0px;
}

.loginContainer button + div.validation-summary-errors,
.loginContainer a + div.validation-summary-errors,
.loginContainer input + div.validation-summary-errors {
    margin:0 0 0 10px;
}

.smallValidation div.validation-summary-errors {
    display:block;
    max-width:300px;
    margin-top:20px;
}

.loginContainer div.validation-summary-errors ul li {
    margin-left:127px;
}
#loginProblemsContainer div.validation-summary-errors ul li {
    margin-left:63px;
}
#loginProblemsContainer.changePasswordContainer div.validation-summary-errors ul li {
    margin-left:0;
}

.loginContainer div.validation-summary-errors ul li:first-child {
    margin-left:0;
}

.loginContainer div.validation-summary-errors ul li:first-child:before, .loginContainer span.validationError.visible:before {
    border:0;
    display:inline-block;
    width:auto;
    height:auto;
    background:white;
    font-size:14px;
    font-weight:bold;
    content: "Hinweis: ";
    color: #ab0300;
    box-shadow:none;
    padding:0;
    margin-right:6px;
}

.loginContainer span.validationError {
    display:none;
    font-size:14px;
    max-width:790px;
}
.loginContainer span.validationError.visible {
    display: block;
    margin-top: 20px;
    margin-left: 0;
    margin-bottom:0;
    border-bottom:1px solid #ab0300;
    border-radius:2px;
    padding:9px 12px 9px 28px;
    background-color:white;
    background-image:url(images/exMark.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#registryStepOne span.validationError.visible{
    margin-bottom:20px;
}

.loginContainer .phonenumberinput, .loginContainer .phonenumberinput:active {
    background-image:url('images/loginPhoneNumberBg.png') !important;
    background-repeat:no-repeat;
    background-position:left center;
    background-color: white !important;
    padding-left:42px;
}
.loginContainer .loginSelect {
    height:42px;
    width:270px;
    max-width:100%;
}

.loginContainer .loginValidation {
    margin-top:40px;
    display:block;
}

.noFooterIcons .footerIcon {
    display:none;
}

#enterTanContainer {
    opacity: 0.3;
}

#generateTanForm .validation-summary-errors {
    width:730px;
}


.innerLogoContainer {
    display:none;
    text-align:center;
}
.innerLogoContainer img{
    max-width:240px;
    margin-bottom:10px;
}
#appHeadline  #appName.loggedOutHeadline {
    margin-top:38px;
}

#appHeadline  #appName.loggedOutHeadline span {
    font-size:18px;
}

/*Choose Account*/
.chooseAccountListe {
    margin-bottom:40px;
}

.chooseAccountListe .hybridListElement {
    height:40px;
}

.chooseAccountListe a {
    text-decoration:none;
    background-color:#f3f3f3;
}
.chooseAccountListe a > * {
    display:inline-block;
    vertical-align: middle;
    margin:0;
}

.chooseAccountListe img {
    max-height:30px;
    margin: 4px 0 0 10px;
}

.chooseAccountListe h4 {
    margin: 7px 0 0 10px;
}

/*Individuelle Startseite*/
#loginFormForAccountContainer {
    width: 1244px;
    max-width: 100%;
    padding: 0;
    display: table;
    left: 0;
    right: 0;
    margin-top: 40px;
    position: static;
}

#loginFormForAccountContainer.noContent {
    width: 370px;
}

#loginFormForAccountContainer.noContent .row.top .column.right,
#loginFormForAccountContainer.noContent .row.bottom .column.left {
    display: none;
}

#loginFormForAccountContainer.noContent .row.top .column.left,
#loginFormForAccountContainer.noContent .row.bottom .column.left {
    padding-right: 34px;
}

#loginFormForAccountContainer img {
    width:100%;    
}

#loginFormForAccountContainer .row {
    display: table-row;   
    border-radius: 10px;
}

#loginFormForAccountContainer .row .column{
    display: table-cell;
    vertical-align: top;
    max-width: 49%;
    border-radius: 10px;
}

#loginFormForAccountContainer .row .left{
    width: 330px;   
}

#loginFormForAccountContainer .row.top .column.left{
    padding: 36px 0 22px 34px; 
}

#loginFormForAccountContainer .row.top .column.right{
    padding: 36px 34px 22px 22px; 
}

#loginFormForAccountContainer .row.bottom .column.left{
    padding: 22px 0 36px 34px; 
}

#loginFormForAccountContainer .row.bottom .column.right{
    padding:  22px 34px 36px 22px; 
}


#loginFormForAccountContainer .externalRequestLinkContainer {
    margin-top:20px;
}

#loginFormForAccountContainer #loginForm {
    max-width: 320px;
}

#loginFormForAccountContainer .mobileExternalRequestLinkContainer {
    display:none;
}

#mobileChooseExternalRequestFormContainer {
    margin-top:10px;
}
@media only screen and (max-height:800px) {
    #appHeadline  #appName.loggedOutHeadline {
        margin-top:0;
    }

    #appHeadline  #appName.loggedOutHeadline span {
        font-size:14px;
    }

    body.home #appHeadline {
/*        max-height:20px;*/
    }

    .webAkteLogoContainer {
        width:400px;
        margin-top:76px;
    }
    .webAkteLogoContainer h1 {
        font-size:18px;  
    }
}

@media only screen and (max-width:1244px) {
    #loginFormForAccountContainer{
        width: 100%;
    }
}
@media only screen and (max-width:1024px) {
    #loginContentFooter {
        margin-left: -320px;
        width: 640px;
    }
}



@media only screen and (max-width:800px) {
    #theLogin h2 {
        margin-top:10px;
    }
    .loginContainer.withIcons {
        background-image:none;
    }

    .loginContainer span.validationError {
        margin-left: 0;
    }

    .loginButton, .loginButton.inline {
        width:100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    #loginProblemsContainer .loginTextInput {
        width:100%;
        margin-bottom:10px;
    }

    #tanContainer .loginButton,
    #tanContainer .loginButton.inline {
        width: auto;
    }

    .loginContainer input[type="checkbox"] {
        margin-right: 16px;
    }

        .loginContainer h1 a, .loginContainer h2 a, .loginContainer h3 a, .loginContainer h1 a:visited, .loginContainer h2 a:visited, .loginContainer h3 a:visited {
        margin-left: 0;
    }
    .highlightForm .loginButton,
    .highlightForm .loginButton.inline {
        width: 100%;
    }

    .passwordStrengthContainer {
        margin: 10px 0;
    }
    .passwordStrengthContainer > div,
    .passwordStrengthContainer > p.text {
        display:inline-block;
        vertical-align:middle;
    }
    .passwordStrengthContainer p.text {
        max-width: 83%;
    }

    #loginFormForAccountContainer {
        margin-top: 70px;
        width:100%;
    }

    #loginFormForAccountContainer .row.top .right.column, 
    #loginFormForAccountContainer .row.bottom .left.column, 
    #loginFormForAccountContainer .externalRequestLinkContainer{
        display: none;
    }

    #loginFormForAccountContainer .mobileExternalRequestLinkContainer {
        display:block;
    }
    #loginFormForAccountContainer .row.bottom .column.left,
    #loginFormForAccountContainer .row.top .column.right {
        padding: 22px 34px 36px 34px;   
    }

    #loginFormForAccountContainer #loginForm {
        max-width: 100%;
    }

    #appHeadlineContent h2 {
        display:none;
    }
    #loginFormForAccountContainer .row.top .column.left{
        padding: 36px 22px 22px ; 
    }
    
    #loginFormForAccountContainer .row.bottom .column.right {
        padding: 22px 22px 36px;
    }

    .loginContainer.large .leftContent {
        float:none;
        display:inline-block;
        max-width:100%;
        width:100%;
    }
    
    .loginContainer.large .rightContent {
        float:none;
        max-width:100%;
        width:100%;
    }
}


@media only screen and (max-width:640px) {
    .webAkteLogoContainer {
        width:400px;
    }
    .webAkteLogoContainer h1 {
        font-size:18px;  
    }

    #appHeadline  #appName.loggedOutHeadline {
        margin-top:0;
    }

    #appHeadline  #appName.loggedOutHeadline span {
        font-size:14px;
    }
    .showMobile {
		display:inline;
	}

    #loginContentFooter {
        left: 0;
        margin-left: auto;
    width: 100%;
    }

    #loginContentFooter > div.footer_div {
        width:50%;
    }


    #loginContentFooter > div.footer_div:last-child {
        display:none;
    }
    #loginContentFooter > div.footer_div a {
        margin-left:10px;
    }

    #loginContentFooter > div.footer_div img {
        margin-right:10px;
        float:right;
    }
}

@media only screen and (max-width:420px) {
    body {
        overflow:auto;
    }
    .innerLogoContainer {
        display:block;
    }
    .webAkteLogoContainer, #loginFooter, .loginContainer .underContainerText {
        display:none;
    }

    #loginFormContainer, #loginProblemsContainer, #chooseAccountContainer {
        margin-top:70px;
    }
    .register #appHeadline {
        display: none;
    }

}

#acceptInvitationForm .field-validation-error {
    display:none !important;
}

.passwordSecurityInfoContainer {
    padding:10px;
    background-color:white;
}

/*captcha*/
#ecCaptcha_CaptchaDiv.BDC_CaptchaDiv {
    margin-top:10px !important;
}
#CaptchaCode.loginTextInput {
    margin-top:4px;
}
.BDC_CaptchaDiv a img#ecCaptcha_ReloadIcon,
.BDC_CaptchaDiv a img#ecCaptcha_SoundIcon {
    opacity:0;
}

.BDC_CaptchaDiv a#ecCaptcha_ReloadLink {
    background-image:url(images/BotDetectCaptcha.png);
}

.BDC_CaptchaDiv a#ecCaptcha_SoundLink {
    background-image:url(images/BotDetectCaptchaSound.png);   
}

.forgotPasswordRequestSuccess {
    margin: 0;
    padding: 10px;
    background-color: #fef7e4;
    border: 1px solid #cccccc;
}

span.highlight {
    background-color: #fef7e4;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
}

/*hilfe link in anmeldeformular*/
#loginFormForAccountContainer #theLogin {
    max-width: 320px;
}
.loginContainer .webAkteHelpLinkContainer {
    float: right;
} 

/*Passwort info*/
.dialogContent .infoBox {
    margin-bottom: 10px;
}

.fixedContainer.welcomeScreenContainer {
    position: fixed;
    top: 2%;
    max-height: 96%;
    height: 96%;
}
.fixedContainer.welcomeScreenContainer .loginContainer {
    overflow: auto;
}

.changePasswordValidation, .changePasswordValidation *, .changePasswordValidation *:before {
    font-size: 16px !important;
    font-weight: bold;
    max-width: 100%;
    background: transparent !important;
}

.changePasswordValidation .validation-summary-errors {
    border: 1px solid #ffce00 !important;
    background-color: #f9f8f4 !important;
    width: calc(100% - 18px) !important;
    padding: 8px !important;
    margin-bottom: 4px !important;
}

.loginContainer.large #changePasswordForm .leftContent,
#changePasswordForm .loginTextInput.inline {
    width: 100%;
}
.loginContainer.large #changePasswordForm .rightContent {
    width: 62%;
}

.chooseClientAppListe {
    margin-top: 15px;
}

.chooseClientAppListe li {
    display: inline;
    border: none;
    height: auto;
    padding-right: 10px;
}

.chooseClientAppListe a {
    text-decoration:none;
    background-color:#f3f3f3;
    padding: 10px 10px 15px 10px;
    border: 1px solid #ddd;
}

.chooseClientAppListe a > * {
    display:inline-block;
    vertical-align: middle;
    margin:0;
}

.chooseClientAppListe img {
    margin: 0;
    max-height:30px;
}

.chooseClientAppListe h4 {
    margin-left: 10px;
}

.getCredentials #appHeadline,
#appHeadline.loginHeadline {
    text-align: center;
    border-bottom: 0;
    box-shadow: none;
    background-image: url("images/esy_thing_80x80_turquoise.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}


body {
    overflow-x: hidden;
}

.loginContainer.large {
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
}

a.underContainerText {
    position: static;
}