/* fwa style update */
body { background-color: #eee; color: #484848; font-size: 15px; line-height: 1.25; font-family: 'Open Sans', sans-serif; text-align: left; }
td { font-family: 'Open Sans', sans-serif; }

.container { max-width: 1370px; width: auto; padding: 0 40px; background: #fff; }

.logo { float: right; height: 31px; width: auto; margin: 10px 55px 0 0;  }
.header { background: #f8f8f8; min-height: 50px; color: #466096; font-size: 30px; margin: 0 -40px 0 -40px; }
.header .info { float: left; padding-top: 5px; margin: 16px 0 0 40px; font-family: "Poppins", sans-serif; font-size: 13px; color: #c4c4c4; }
.header .info a { color: inherit; text-decoration: none; }
.header .info a:hover,
.header .info a:focus { text-decoration: underline; }
.header .help {  padding-left: 28px; position: relative; }
.header .help::before { content:"?"; font-weight: 500; display: block; font-size: 14px; text-align: center; width: 20px; height: 20px; border: 2px solid #c4c4c4; border-radius: 11px;  position: absolute; left: 0; top:0; }
.header h1 { font-weight: 600; padding-top: 9px; }
.description { margin: 20px 0 30px 0; }
.container-fluid { margin-left: -15px; margin-right: -15px; }

#logout { cursor: pointer; padding: 0 0 0 23px; position: relative; margin-right: 20px; font-weight: 500; float: left; }
#logout::before { content:""; position: absolute; top: 3px; left: 0; background: url(../img/icon-logout.png) no-repeat 0 0; background-size: contain; width: 17px; height: 15px; }
.login-info { float: left; }
.login-username { text-decoration: underline; }

/* be */
.be-nav { display: none; margin: 10px 0; border: 1px solid #23527c; background: #f8f8f8; border-left: 0; border-right: 0; padding: 10px; }
.be-nav.openable { display: block; }
#menu_small { font-size: 16px; color: #000; font-weight: bold; float: none; margin: 0; display: block; }
#menulinks,
#stat { max-width: 300px; }

#menulinks,
.menu { background: transparent; }

.choosing-nav { right: 0; top: 0; }
.chooseable .buttons::before { display: none; }

/* menu */
a.tabs { border: none; font-weight: 600; color: #484848; margin: 0 10px 0 0; padding: 0 0 0 0; border-radius: 0; line-height: 34px; }
a.tabs:hover,
a.tabs:focus { text-decoration: none; border-bottom: 1px solid #466096; padding-bottom: 0; margin-bottom: -1px; }
a.tabs::after { content:"›"; color: #466096; padding-left: 15px; text-decoration: none !important; }
a.tabs.selected { color: #466096; border: none; margin: 0 10px 0 0; }
.zl-menu { margin: 0 -40px 30px -40px; padding: 0 40px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; }
.zl-menu>div>a.tabs:last-child { margin-right: 0; }
.zl-menu>div>a.tabs:last-child::before { display: none; } 


/* forms */
hr { height: 0; border-top: 1px solid #eee; }
#inhalt form { width: auto; }
label { margin: 0; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select:not(.nochosen) { margin: 3px 0; border-radius: 0; border-color: #dcdcdc; font-size: 15px; width: 100% !important; }
input::placeholder { color: #111; /*#c5c5c5;*/ }

label input[type="radio"], input[type="checkbox"] { margin-left: 0; }

input.validation-passed { border: 2px solid #03771F; }
input.validation-failed { border: 2px solid #ff0000; }

.row + .row,
.tablestammdaten + .tablestammdaten { margin-top: 30px; }
.account-registration-done { margin-top: 0; }
.chosen-container { margin: 3px 0; max-width: 400px; }
.chosen-container-single .chosen-single { border-radius: 0; border-color: #dcdcdc; font-size: 15px; width: 100%; margin: 0; }
.chosen-container-single .chosen-default { color: #333; }

.tablestammdaten { background: #eee; margin: 0; width: 100% !important; float: none; border-radius: 0; border: none; padding: 20px; }
.tablestammdaten td { padding: 0; vertical-align: middle; }
.tablestammdaten td:first-child { width: 190px; color: #333; /*#6d6d6d;*/ }
.tablestammdaten.preisrechner td:first-child { width: auto; min-width: 30px; vertical-align:top; }

.berufswahl-container { display: none; }
.admin-form berufswahl-container { display: block; } 

.extradetails {  margin: 0; list-style: none; padding: 0; }
.extradetails li { margin-bottom: 18px; padding: 10px; background: #eee; }
.extradetails .tablestammdaten { padding: 10px; } 
.extradetails .tablestammdaten:first-child { margin-top: 10px; }
.extradetails .tablestammdaten + .tablestammdaten { margin-top: 15px; } 

.headerdetails .fragetext { line-height: 34px; width: 100%; }
.headerdetails .chosen-container { margin: 0; }
.actions { float: right; }
.extradetails .keineBeschreibung,
.extradetails .frageMitBeschreibung { width: 40px; }
.extradetails .tablestammdaten .ui-icon { margin-right: 0; float: none; }
.extradetails .tablestammdaten .ui-icon:first-child { margin-left: 20px; }

.extradetails .textareagrow { margin: 10px 0 20px; }

.ui-icon.ui-icon-question { font-size: 16px; }
.ui-icon { margin-left: 10px; }
.ui-icon:first-child { margin-left: 0; }

/* file-upload */
.fileinput-button { overflow: hidden; position: relative; display: inline-block; }
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/* common */
.full-width { margin: 0 -40px; }
.full-width img { max-width: 100%; height: auto; }
.button,
a.tabs.button { padding: 5px 25px 5px 15px; color: #fff; background: #466096; transition: all 0.3s ease-out; position: relative; display: inline-block; }
a.button.tabs::after { padding-left: 10px; color: #fff;  position: absolute; right: 10px; top: 3px; }
a.button.tabs.tab-back { padding-left: 25px; padding-right: 15px; }
a.button.tabs.tab-back::before { padding-right: 10px; color: #fff; content: '‹'; position: absolute; right: auto; left: 10px; top: 3px;  }
a.button.tabs.tab-back::after { display: none;  }


.button:hover,
.button:focus,
a.button.tabs:hover,
a.button.tabs:focus { background: #6080c3; color: #fff; text-decoration: none; border: none; }

a.tabs::after { content:"›"; color: #466096; padding-left: 10px; text-decoration: none !important; }



.button-details { float: right; border: 1px solid #ccc; min-width: 220px; line-height: 33px; font-size: 15px; font-weight: 600; border-radius: 5px; display: inline-block; color: #a9a9a9; padding: 0 45px 0 36px; position: relative; transition: all 0.3s ease-out; margin-left: 10px; }
.button-details .glyphicon-pencil { float: none; position: absolute; left: 9px; top: 8px; font-size: 17px; }
.button-details .glyphicon-collapse-down,
.button-details .glyphicon-collapse-up { position: absolute; right: 6px; top: 5px; font-size: 21px;  }
.button-details .glyphicon-collapse-down::after,
.button-details .glyphicon-collapse-up::after{ content:""; height: 33px; position: absolute; left: -6px; top: -4px; border-left: 1px solid #ccc; }

.button-details:hover,
.button-details:focus,
.button-details.tab-opened { text-decoration: none; border-color: #6080c3; color: #23527c; }
.button-details:hover .glyphicon-collapse-up::after,
.button-details:focus .glyphicon-collapse-up::after,
.button-details.tab-opened .glyphicon-collapse-up::after { border-color: #6080c3; }

.title2, th { font-size: 15px; font-weight: 600; color: #484848; margin-bottom: 16px; }
.nm { margin: 0; }
.nmt { margin-top: 0; }

#beschreibungen .title2 { margin-top: 40px; }
#erfolgsbeibesch .title2 { margin-top: 40px; }
#beschreibungen #beschreibung0 .title2,
#erfolgsbeibesch #erfolg0 .title2 { margin-top: 0; }

#powerTip {
    /* margin-left: -330px; */
    margin-left: -180px;
    margin-top: 60px;
}

.clearfix:after { content: ""; display: table; clear: both; }

.rating-header { padding-left: 54px; }

.normal-textfield,
.tablestammdaten .normal-textfield {
    height: 100px;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.openable2 {
    position: relative;
}
.openable2 .title { cursor: pointer; }
.openable2 .title::after {
    content: ' +';
}

.openable2 ul { display: none; list-style: none; margin: 0; padding: 0; position: absolute; top: 20px; left: 0; background: #e0e0e0; padding: 10px; z-index: 5; min-width: 310px; }
.openable2.open ul { display: block; }

.tablestammdaten.required {
    border: 2px solid #ff0000;
}

.validation-note {
    margin: 30px 0;
    border: 2px solid #f00;
    padding: 15px;
    max-width: 610px;
}

.history input { 
    margin-left: 0;
}

.new-order-page { background: #fff; }

@media (max-width: 575px) {
    .container { padding: 0 5px; }
    .tablestammdaten { padding: 5px; }
    .tablestammdaten td {
        width: 100%;
        display: block;
    }
    .tablestammdaten td:first-child {
        width: 100%;
    }
}