/*
 * Alle Elemente die auf dem settings dargestellt werden kommen hier rein.
 * Die Klassen und ID's bitte immer mit der ID "#rs_ib_admin_settings" in zusammenhang bringen, um mögliche Überschneidungen zu
 * anderen Bereichen zu vermeiden.  
 * Also bspw. in der css:
 * #rs_ib_admin_settings h1 {
 * ....
 * }
 */
/*
Um Wordpresskonform zu bleiben, binden wir alle css über php ein
@import "ib_bootstrap.css";
@import "ib_ui_elements.css";
*/

/* ------------------------------ TABLE STYLES ------------------------------------- */
.rs_ib_admin_settings_box table, .rs_ib_admin_settings_box input {
	width: 100%;
}

.rs_ib_admin_settings_box table td {
	width: 65%;
}

.rs_ib_admin_settings_box table th {
	width: 25%;
	padding: 3px 15px;
}

.rs_ib_admin_settings_box input {
	margin: 0px 15px 0px 0px;
}

input.rs_indiebooking_settings_geolocation {
	max-width: 85px;
}


#rs_indiebooking_settings_company_zip_code {
	max-width: 85px;
}

#rs_indiebooking_settings_google_trackingId, #rs_indiebooking_settings_company_tax_number, #rs_indiebooking_settings_company_ust_id {
	max-width: 160px;
}

#rs_indiebooking_settings_bank_iban {
	max-width: 320px;
}

#rs_indiebooking_settings_bank_bic {
	max-width: 160px;
}

#indiebooking_refresh_log:hover {
	cursor: pointer;
}

.indiebooking-log-file-link {
	float: left;
	margin: 10px 20px;
}

/* ------------------------------ GLOBALE STYLES ----------------------------------- */

.ibfc_toggle_mail_content_header {
	cursor: pointer;
}

#rs_ib_admin_settings_header {
    position: relative;
	margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 40px;
    background: #1d6b87;
    color: #fff;
}

    .rs_ib_admin_settings_headerlogo {
        float: left;
        margin: 0px 0px 0px -10px;
        padding: 9px 10px 10px 10px;
        width: 40px;
        height: 40px;
        color: #fff;
        border-right: 1px #6297a9 solid;
    }
    
    .rs_ib_admin_settings_headerlogo img {
        height: 20px;
        width: auto;
    }

    .rs_ib_admin_settings_headericon {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 9px 10px 10px 10px;
        width: 40px;
        height: 40px;
        color: #fff;
        border-right: 1px #6297a9 solid;
        font-size: 18px;
    }

    .rs_ib_admin_settings_logo_ib {
        height: 30px;
    }

    .rs_ib_admin_settings_headerinfo_facts {
        text-align: right;
        margin: 0px;
        padding: 10px 0px 0px 0px;
    }

#rs_ib_admin_settings_headernav {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
}

    .rs_ib_admin_settings_headernav_arrow {
        border-bottom-color: #fff;
        border-width: 0 10px 10px;
        left: 105px;
        margin-left: -10px;
        margin-top: -10px;
        top: 0;
        border-style: solid;
        height: 0;
        position: absolute;
        width: 0;
        background: transparent;
        z-index: 800;
        color: transparent;
    }

    .rs_ib_admin_settings_headernavinner {
        margin: 0px 15px 0px 15px;
    }

    .rs_ib_admin_settings_headernavinner > .rsib_container {
        background-color: #fff;
        border: 0 none;
        border-radius: 0;
        box-shadow: 0px 0px 6px 0px rgba(158,158,158,1);
        padding: 15px;
    }

    .rs_ib_admin_settings_headernavinner a {
        text-decoration: none;
        color: #969696;
        padding: 0px 0px 3px 40px;
    }

    .rs_ib_admin_settings_headernavinner h3 {
        margin: 0px 0px 0px 0px;
        padding: 7px 15px 10px 15px;
        font-weight: 600;
        font-size: 110%;
        color: #1d6b87;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        padding-left: 40px;
    }

        .rs_ib_admin_settings_headernav_subhead {
            color: #b6b6b6;
            font-size: 80%;
            line-height: 1em;
            padding: 0px 0px 0px 40px;
            margin: -5px 0px 10px 0px;
        }

        .rs_ib_admin_settings_headernav_icon_apartment {
            background: #ffffff url("../images/headermenu_icon_apartments.png");
        }

        .rs_ib_admin_settings_headernav_icon_bookings {
            background: #ffffff url("../images/headermenu_icon_bookings.png");
        }

        .rs_ib_admin_settings_headernav_icon_help {
            background: #ffffff url("../images/headermenu_icon_help.png");
        }

        .rs_ib_admin_settings_headernav_icon_marketing {
            background: #ffffff url("../images/headermenu_icon_marketing.png");
        }
        
        .rs_ib_admin_settings_headernav_icon_settings {
            background: #ffffff url("../images/headermenu_icon_settings.png");
        }

        .rs_ib_admin_settings_headernav_icon_tutorials {
            background: #ffffff url("../images/headermenu_icon_tutorials.png");
        }


.rs_ib_admin_settings_badge {
    margin: -1px 5px 0px 5px;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    min-width: 10px;
    padding: 3px 7px 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .rs_ib_admin_settings_badge_white {
        background-color: #fff;
        color: #1d6b87;
    }

.rs_ib_admin_settings_bggrey {
    display: block;
	margin: 0px;
    padding: 10px;
    width: 100%;
    background: #ededed;
    color: #333333;
}  

.rs_ib_admin_settings_bgwhite {
	margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 100%;
    height: 90px;
    background: #d4d4d4;
    color: #333333;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}  

.rs_ib_admin_settings_box {
    border: 1px #e9e9e9 solid;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background: #fff;
/*     height: 250px; */
}



.rs_ib_admin_settings_margin-bottom {
    margin-bottom: 15px;
}

.rs_ib_admin_settings_margin-top {
    margin-top: 15px;
}

/* ------------------------------ SPECIFIC settings STYLES ----------------------------------- */

#rs_ib_admin_settings_welcome h1 {
    font-size: 400%;
    color: #1d6b87;
    margin: 50px 0px 30px 0px;
    padding: 0px;
    font-weight: 700;
}

#rs_ib_admin_settings_welcome h2 {
    font-size: 150%;
    color: #727272;
    margin: 0px 0px 30px 0px;
    padding: 0px;
    font-weight: 100;
    line-height: 1.2em;
}

#rs_ib_admin_settings_welcome {
    position: relative;
}

#rs_ib_admin_settings_welcome .rsib_btnclose {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 200%;
    color: #a8a8a8;
}

.rs_ib_invoice_paper_thumbnail {
	max-height: 640px
}

#rs_indiebooking_settings_currency {
	max-width: 120px;
}

#rs_indiebooking_settings_default_payment_method {
	max-width: 240px;
}

.indiebooking_settings_submit_button_box .submit {
	text-align: right;
}