#header .navbar-brand {
    background: url("/konto/jakarta.faces.resource/default/images/logo/scheidtbachmann-logo.png.xhtml") no-repeat left center;
} 

select {
    background: #ffffff url("/konto/jakarta.faces.resource/default/images/form/select/arrow-down.png.xhtml") no-repeat right center;
}

.carousel-pattern {
    background-image: url("/konto/jakarta.faces.resource/default/images/carousel/bg_pattern.png.xhtml");
}

#header .social-media .dropdown-toggle  {
    background-image: url("/konto/jakarta.faces.resource/default/images/social/ic_menu_share_holo_light.png.xhtml");
}

#header .navbar-collapse .nav.navbar-nav .portals .dropdown-toggle {
	border: none;
}

#header .navbar-collapse .nav.navbar-nav .portals .dropdown-menu {
    padding-left: 9px;
    min-width: inherit;
    left: 0;
    border: none;
}

#header .navbar .portals .dropdown-menu > li > a {
	padding: 0;
}


#header .navbar-collapse .nav.navbar-nav .dropdown-toggle.loggedIn .caret::before {
    background: url("/konto/jakarta.faces.resource/default/images/icons/icon_user.png.xhtml") no-repeat center center;
}

#footer .navLinks ul #languageSettings .languageIcon {
    background-image: url("/konto/jakarta.faces.resource/default/images/language/globe.png.xhtml");
}

#footer .navLinks ul #languageSettings .languageArrow {
   background-image: url("/konto/jakarta.faces.resource/default/images/language/arrow.png.xhtml"); 
}

body #content h1 {
    font-weight: 400;
}

body #pageContent.antraggsstrecke {
    margin-top: 0px;
}

/*** Antragsstrecke ***/
  .confirm .form-group {
      clear: both;
      margin: 0px;
  }
  
/* Step3 */
.confirm .form-group.antragsdaten,
.confirm .form-group.zugang_nutzungsuebersicht {
  margin: 0px 0px 40px 0px;
}
  
    .confirm .cam-wizard input {
        float: right !important;
    }
  
  .antraggsstrecke .formSection.formStep_3 .outputText {
      display: block;
  }
  

  /* clearing */
  
  .confirm .cam-wizard {
      margin-top:25px;
  }
  
  .confirm .cam-wizard.button-bar {
      margin-top:0px;
  }
    
  .confirm .cam-wizard:after {
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px;
  }
  
  .formSection {
      width: 100%;
      padding: 15px;
      background-color: #ffffff;
      box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
  }
 	
  .cursor-hand{
      cursor: pointer;
  }
  
  .formSection.choose-payment-method{
      background-color: transparent;
      padding: 0px;
      box-shadow: none;
  }  
  
  /*   
  .formSection.formStep_1,
  .formSection.formStep_2,
  .formSection.formStep_3{
      background-color: transparent;
      padding: 0px;
      box-shadow: none;
  }
  
  .formSection.formStep_1 > form,
  .formSection.formStep_3 > form {
       padding: 15px;
        background-color: #ffffff;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
	
  .formSection.formStep_3 > form,
  .formSection.confirmFinished > form{
  	background-color: #f7f7f7;
  	padding: 0px
  }
  
  .formSection.formStep_2 .cam-wizard{
  	    margin-top: 0px;
  }
  .formSection.formStep_3 .cam-wizard{
  	    margin-top: -10px;
  }
  
  .formSection.formStep_3 .form-group.antragsdaten,
  .formSection.formStep_3 .form-group.zugang_nutzungsuebersicht{
		margin: 0px ;
  }
  .formSection.confirmFinished{
		padding:0px;  
  }
  */
  
  
  .headline_underline {
      padding: 0px 0px 5px 0px;
      border-bottom: 1px solid #474747;
  }
  
  .btn_edit .btn-default {
      background-color: transparent;
      border:0px;
      border-radius: 0px;
      height: auto;
      padding: 0px;
  }
  
  .btn_edit .btn-default .fa {
      color: #333333;
      font-size: 20px;
  }
  
  .btn_edit {
      min-height: 65px;
  }
  
  .confirm .outputLink::before {
    background: url("/konto/jakarta.faces.resource/default/images/icons/icon_edit.png.xhtml") no-repeat center center;
  }
  

/*** self service ***/
.inline-block .menu-block.no_content {
    box-shadow: none;
    background-color: transparent;
}


/*** Tabelle Zahlungen und Gutschriften ***/
.dataTable .checkbox label {
    padding: 0px 20px 0px 0px;
}

.dataTable .checkbox input[type="checkbox"] {
    margin: 0px;
    right: 10px;
    left: auto;
}

.dataTable .dataTableBody .dataTableRow .dataTableCell .fa {
    font-size: 20px;
    color: #333333;
}

.dataTable .dataTableBody .dataTableRow:hover .dataTableCell .fa {
    color: #fff;
}

body .payments-table-form .dataTable .dataTableRow .dataTableCell {
    vertical-align: middle;
}

.payments-table-form .submitWrapper {
    margin: 20px 0px;
}

.payment-paymenttype {
    margin: 0 -10px;
}


/*** Pager ***/
ul.pagination {
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}

ul.pagination > li > a, ul.pagination > li > span {
    border-radius: 0px;
    color: #333333;
    background-color: transparent;
    border: 0px;
}

ul.pagination > .active > a, ul.pagination > .active > a:focus {
    color: #ffffff;
    background-color: #003871;
}

ul.pagination > li > a:hover, ul.pagination > li > span:hover, ul.pagination > li > a:focus, ul.pagination > li > span:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

ul.pagination > .active > a, ul.pagination > .active > span, ul.pagination > .active > a:hover, 
ul.pagination > .active > span:hover, ul.pagination > .active > a:focus, ul.pagination > .active > span:focus {
    border:0xp;
}


.camProductDetail span[id$="cms_product_detailContractStart:input"]::after {
    top: -2%;
    background: url("default/images/icons/icon_calendar.png") no-repeat center center;
}

.camProductDetail .labeledInput label {
    display: inline-block;
    float:left;
    padding: 8px 5px 0px 0px;
}

.camProductDetail .formWrapper {
    margin: 10px 0px;
}

label {
    font-weight: 700;
}

.labelSize {
	font-size: 12px;
}

/* tooltip */
label.label-with-tooltip, label.full-text-tooltip {
    display: inline-block;
}

input[type="email"] {
    width: 100%;
    height: 33px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: 14px;
    padding-left: 6px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition:all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #474747;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 6px 0px 0px;
}

.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] {
    margin: 4px 6px 0px 0px;
    left:0px;
}

/* radiobuttons */
label.radio {
    line-height: 21px;
    padding: 0px 0px 0px 20px;
}

.ui-icon-circle-triangle-w {
    background-image: url("default/images/icons16/previous.png");
}

.ui-icon-circle-triangle-e {
    background-image: url("default/images/icons16/next.png");
}

/*** Zahlungen ***/

.payment-paymenttype .config-identification {
    margin: 0px 0px 20px 0px;
}

.payment-paymenttype .config-identification .image {
    width: 33%;
    vertical-align: top;
    float:left;
    padding: 0px 15px 0px 0px;
}

.payment-paymenttype .config-identification .image + span {
    width: 66%;
    vertical-align: top;
    display: block;
    margin-left: 33%;
}

.payment-paymenttype .config-identification .payment-config {
    padding: 15px;
}

.payment-paymenttype .selected.config-identification .payment-config, 
.payment-paymenttype .selected.config-identification .payment-config h3 {
    background-color:#003871;
    color: #ffffff;
}

body .formSection .config-identification.selected h3 {
    border-bottom-color: #ffffff;
}

/*
.payment-paymenttype .config-identification .payment-config:hover  {
    background-color:#003871;
    color: #ffffff ; 
}

.payment-paymenttype .config-identification .payment-config:hover label {
    color: #ffffff;
    background-color:transparent;
}

.payment-paymenttype .config-identification .payment-config:hover h3 {
        border-bottom-color: #ffffff;
}
*/

.payment-selection-box input.payment-selection-button[type="submit"],
.payment-selection-box button.payment-selection-button {
    margin-left: 20px;
    width: auto;
}

.payment-selection-box input[type="submit"]:last-child,
.payment-selection-box button:last-child {
    margin-right: 10px;
}

div.payment-selection-box.has-value-true{
	display: none;
}

div.payment-unselection-box {
    text-align: right;
}

div.payment-unselection-box input.payment-unselection-button[type="submit"],
div.payment-unselection-box button.payment-unselection-button {
    margin-right: 20px;
}

.formSection.choose-payment-method {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
}

/* Label */
.payment-paymenttype .config-identification .payment-config label {
    font-size: 20px;
    font-weight: 400;
    color: #003871;  
    margin: 0px;
}


.payment-paymenttype .config-identification.selected .payment-config label {
    background-color:#003871;
    color: #ffffff;  
}


.submitWrapper.align_right {
    float:right;
}


.submitWrapper:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.payment-paymenttype .config-identification .payment-config .header .icon {
	margin-right: 10px;
}

.payment-paymenttype .config-identification .payment-config .header .icon::before {
    font-family: FontAwesome;
}

.payment-paymenttype .config-identification .payment-config .header .icon.giro::before, 
.payment-paymenttype .config-identification .payment-config .header .icon.sepa_basic::before,
.payment-paymenttype .config-identification .payment-config .header .icon.METHOD_CREDIT_CARD::before, 
.payment-paymenttype .config-identification .payment-config .header .icon.METHOD_OGONE_CARD::before, 
.payment-paymenttype .config-identification .payment-config .header .icon.METHOD_DIRECT_DEBIT::before {
	content: '\f09d';
}

.config-identification .payment-config {
    border: none !important;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    display: table;
    height: 100%;
    width: 100%;
}

.register-direct {
    color: rgba(51, 51, 51, 0.75) !important;
    font-size: 12px;
    font-weight: 600;
    margin-top: -3px;
    padding: 0 15px;
    line-height: 70px;
}

/*** Neue Anpassungen 2023 ***/

.wrapper-personal-data {
	background-color:#E1E4E8;
	padding: 18px 14px;
}

.wrapper-personal-data h3 {
	color: #003871;
	font-size: 20px;
}

.wrapper-personal-data .text-detail {
	display: inline-block;
	margin-top:15px;
}

.wrapper-personal-data .text-detail .outputText {
	display: block;
	margin-top: 10px;
	color: #003871;
	font-weight: 500;
	font-size: 15px;
}

.wrapper-personal-data .text-detail .mail{
	margin-top: 25px;
}

.buttons {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
}

.buttons .data-return,.data-check  {
	max-width: 200px;
	width: 100%;
	padding: 10px 20px;
	border-radius: 6px;
	text-align: center;
	font-size:16px;
}

.buttons button.ui-state-default.ui-corner-all.ui-button-text-only.data-check  {
	border: solid 1px #404948;
	background-color: inherit;
	margin-right: 50px;
	color: #404948;
}

.buttons button.ui-state-default.ui-corner-all.ui-button-text-only.data-return  {
	background-color: #003871;
	color: #ffffff;
}

@media (max-width: 500px){
	.buttons {
		display: grid;
	}
	
	.buttons .data-return  {
		margin-right:0;
		margin-bottom:20px;
	}
	
	.wrapper-personal-data .text-detail .outputText {
		font-size: 14px;
	}
}

/*** responsive styles ***/
@media (min-width: 1200px) {
    .payment-paymenttype {
        display: table;
    }
    
    .payment-paymenttype .config-identification {
        display: table-cell;
        width: 50%;
        padding: 10px;
        vertical-align: top;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .payment-paymenttype .config-identification {
        padding: 10px;   
    }
}

@media (max-width: 991px) {
    #header .navbar-brand {
        background-size: contain;
    }
    
    .submitWrapper.align_right {
        width: auto;
    }
    
}

@media (max-width: 767px) {
    body .payments-table-form .dataTable .dataTableRow .dataTableCell {
        display: block;
    }
    
    .dataTable .dataTableHead,
    .payments-table-form .dataTable .dataTableHead {
        display:none;
    }
    
    body .dataTable .dataTableRow .dataTableCell {
        display: block;
    }

    body .dataTable .dataTableRow {
        display: block;
        border-bottom: 1px solid #333333;      
    }
    
    .payment-config {
        margin: 20px 0px 0px 0px;
    }
    
    .payment-paymenttype .config-identification {
        margin: 0px 0px 0px 0px;
    }
    
    .confirm label {
        display: block;
    }
    /*
    .zusatzinfo a {
        position: absolute;
        top: 0px;
        left: 80px;
    } 
    */
    .confirm input[type="text"], .confirm input[type="password"], .confirm input[type="email"], .confirm select {
        max-width: 400px;
    }
       
    /* Self service */
    .inline-block .menu-block .detail,
    .inline-block .stand-alone .detail {
        position: relative !important;
    }
	
    .self_service form .labeledInput, .self_service form .labeledCheckBox {
        margin-bottom: 0px;
    }
    
    .dataTable .radio input[type="radio"], .dataTable .radio-inline input[type="radio"], 
    .dataTable .checkbox input[type="checkbox"], .dataTable .checkbox-inline input[type="checkbox"] {
        /* position: relative; */
        top: 2px;
        right:auto;
        margin-left: 10px;
    }
    
    .camProductDetail span.calender_icon {
        position: relative;
    }
    
    .camProductDetail span[id$="cms_product_detailContractStart:input"]::after {
        top: -50%;
    }
}