/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22.06.2016, 14:40:31
    Author     : Ersan.Altunbas
*/

/* ======== Allgemeine Einstellungen für Widget ======*/
.fa_container-widget {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px !important;
    padding-right: 8px !important; 
}

.fa_row-widget {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}



/* ======== Einstellungen für Rechner Form ======*/

.fa_widget_label{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float:left !important;
    font-size: 14px !important;
    font-weight: bold;
}

.fa_form_abstand_widget{
    margin-bottom: 10px;
    padding-left: 0px !important;
}

.fa_button_abstand_widget{
    margin-top: 5px;
    padding-left: 0px !important;
}

.fa_input-group-widget {
    position: relative;
    display: table;
    border-collapse: separate;
}

.fa_input-group-widget[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.fa_input-group-widget .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-addon {
    font-size:12px !important;
    margin: 5px 0 10px !important;
    padding:8px !important;
    border:1px solid #CCCCCC;
    border-radius:4px;
    color:#333333 !important;
    background-color:#f5f5f5 !important;	
}

.fa_input-group-widget .ratenkreditrechner_kreditbetrag,
.fa_input-group-widget .festgeldrechner_anlagebetrag,
.fa_input-group-widget .tagesgeldrechner_anlagebetrag,
.fa_input-group-widget .kreditkarterechner_umsatzeuroland,
.fa_input-group-widget .kreditkarterechner_umsatznichteuroland,
.fa_input-group-widget .girokontorechner_zahlungseingang,
.fa_input-group-widget .girokontorechner_guthaben,
.fa_input-group-widget .girokontorechner_minus,
.fa_input-group-widget .girokontorechner_minustage,
.fa_input-group-widget .girokontorechner_zahlungseingang,
.fa_input-group-widget .girokontorechner_guthaben,
.fa_input-group-widget .depotrechner_ordervolumen,
.fa_input-group-widget .depotrechner_orderanzahl,
.fa_input-group-widget .depotrechner_depotvolumen,
.fa_input-group-widget .hausratrechner_wohnflaeche,
.fa_input-group-widget .tagesgeldrechner_anlagebetrag,
.fa_input-group-widget .fa_gkvrechner_eingabe{
    display: block;
    width:100% !important;
    height:34px;
    margin:0px;
    padding:6px !important;
    font-size:13px !important;
    font-weight:normal;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff !important;
    background-image: none;
    border: 1px solid #cccccc !important;
    border-radius:4px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.fa_input-group-widget .baufinanzierungrechner_regional,
.fa_input-group-widget .girokontorechner_transaktionen,
.fa_input-group-widget .hausratrechner_plz{
    display: block;
    width:100% !important;
    height:34px;
    margin:0px;
    padding:6px !important;
    font-size:13px !important;
    font-weight:normal;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff !important;
    background-image: none;
    border: 1px solid #cccccc !important;
    border-radius:4px !important;
}

.fa_select-group-widget .ratenkreditrechner_laufzeit,
.fa_select-group-widget .ratenkreditrechner_verwendungszweck,
.fa_select-group-widget .baufinanzierungrechner_beleihung,
.fa_select-group-widget .baufinanzierungrechner_tilgung,
.fa_select-group-widget .festgeldrechner_laufzeit,
.fa_select-group-widget .kreditkarterechner_kartengesellschaft,
.fa_select-group-widget .kreditkarterechner_anzeige,
.fa_select-group-widget .kreditkarterechner_zahlungsart,
.fa_select-group-widget .girokontorechner_guthabentage,
.fa_select-group-widget .girokontorechner_unternehmensart,
.fa_select-group-widget .mietkautionrechner_verwendungszweck,
.fa_select-group-widget .tagesgeldrechner_laufzeit,
.fa_select-group-widget .depotrechner_orderinternet,
.fa_select-group-widget .haftpflichtrechner_person,
.fa_select-group-widget .haftpflichtrechner_alter,
.fa_select-group-widget .haftpflichtrechner_versicherungssumme,
.fa_select-group-widget .haftpflichtrechner_selbstbeteiligung,
.fa_select-group-widget .haftpflichtrechner_hunde,
.fa_select-group-widget .haftpflichtrechner_kampfhunde,
.fa_select-group-widget .haftpflichtrechner_anzahl,
.fa_select-group-widget .haftpflichtrechner_ponys,
.fa_select-group-widget .fa_auslandskrankenrechner_person,
.fa_select-group-widget .fa_auslandskrankenrechner_alter,
.fa_select-group-widget .rechtsschutzrechner_person,
.fa_select-group-widget .rechtsschutzrechner_selbstbeteiligung,
.fa_select-group-widget .rechtsschutzrechner_zahlweise,
.fa_select-group-widget .sterbegeldrechner_alter,
.fa_select-group-widget .sterbegeldrechner_versicherungssumme,
.fa_select-group-widget .risikolebensrechner_alter,
.fa_select-group-widget .risikolebensrechner_versicherungssumme,
.fa_select-group-widget .risikolebensrechner_laufzeit,
.fa_select-group-widget .zahnzusatzrechner_alter,
.fa_select-group-widget .hausratrechner_gebaeudeart,
.fa_select-group-widget .hausratrechner_selbstbeteiligung,
.fa_select-group-widget .rechtsschutzrechner_zahlweise,
.fa_select-group-widget .fa_gkvrechner_auswahl,
.fa_select-group-widget .minikreditrechner_laufzeit{
    display: block;
    width:100% !important;
    height:34px !important;
    margin:0px !important;
    padding:6px;
    font-size:13px !important;
    font-weight:normal;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius:4px !important;
}


/*Formular Button*/
.fa_button_submit_widget { /* "NEU BERECHNEN"-BUTTON */
    background-color: #333333 !important;
    background: #333333 !important;
    border: none !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: none !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    height:34px !important;
}

.fa_button_submit_widget:hover,
.fa_button_submit_widget:focus,
.fa_button_submit_widget:active,
.fa_button_submit_widget.active,
.open .dropdown-toggle.fa_button_submit_widget {
    color: #ffffff !important;
    background-color: #555555 !important;
}


/* ======== Einstellungen für Rechner Form ======*/

.fa_headzeile-widget{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-size:11px !important;
    color: #999999 !important;
    background: #f5f5f5 !important;
    padding:10px !important;
    border:1px solid #ddd !important;
}

.fa_headzeile_mobile-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-size:11px !important;
    color: #999999 !important;
    background-color: #f5f5f5 !important;
    width:100% !important;
    left:0px !important;
    padding:5px !important;
    border:1px solid #ddd !important;
    line-height: 14px !important;
}

.fa_headzeile_text-widget{
    font-size:11px !important; /* SCHRIFTGRÖSSE - Titelzeile */
    line-height: 14px !important;
}

/*================== Ergebniszeile Einstellungen =====================*/
.fa_zeile-widget{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-weight: normal !important;
    border:1px solid #ddd !important; /* TRENNLINIE DER ERGEBNISSE */
    margin-top:5px !important;
    padding:7px !important;
}

div.fa_zeile-widget:hover{
    border:1px solid #bbb !important;
}

.fa_zeile_mobile-widget{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-size:11px !important;
    color:#444444 !important;
    border:1px solid #ddd !important; /* TRENNLINIE DER ERGEBNISSE */
    padding:10px !important;
    margin-top:10px !important;
    line-height: 16px !important;
}

.fa_footnotes-widget{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    background-color:#f5f5f5; 
    font-size:11px !important;
    color: #999999;
    padding:7px 10px;
    margin-bottom:10px;
    margin-top:5px;
    border:1px solid #ddd;
    line-height: 14px !important;
}

.fa_icon-widget{
    color:#47a447 !important;
    margin-top: 6px !important;
}

.fa_icon-widget-kreditkarte{
    color:#47a447 !important;
    margin-top: 14px !important;
}

.fa_gebuehren-widget{
    font-size:16px !important;
    font-weight: bold !important;
    color: #333333 !important;
}

.fa_gebuehren-widget-abstand{
    margin-top: 8px !important;
}

.fa_gebuehren-widget-abstand-kreditkarte{
    margin-top: 15px !important;
}

@media (max-width:479px){
    .content-widget .fa_container{
        width: 100% !important;
    }
}

@media (min-width:480px) and (max-width:767px){
    .content-widget .fa_container{
        max-width: 300px !important;
        float: left !important;
        clear: both !important;
    }
}

@media (min-width:768px) and (max-width:991px){
    .content-widget .fa_container{
        max-width: 300px !important;
        float: left !important;
        clear: both !important;
    }
}

@media (min-width:992px){
    .content-widget .fa_container{
        width: 100% !important;
    }
}