/**
* CSS FILE FOR SUTP
* ADMIN STYLES: Making the Backend more Viewable
*/

/**
* AUTHOR & COPYRIGHT INFORMATIONS
*
* @author       Joe Ginciauskas
* @copyright    Gesellschaft für Internationale Zusammenarbeit
* @date         2018-12-14
*/

/**
* VERSION
*
* @version      2.0
* @lastmodified 2018-12-14
*/

/*
* META BOX Styling
 */

/* Styling Boxes */
#fdk_sublinesummary_meta,
#fdk_gastensemble_daten_meta,
#fdk_gastensemble_group_meta,
#fdk_event_more_meta,
#fdk_partner_basis_meta,
#fdk_partner_location_meta {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

/* Styling each Metabox */
#fdk_sublinesummary_meta input {
    color: #333;
    background-color: #ffdb67;
}

#fdk_gastensemble_daten_meta input {
    color: #333;
    background-color: #00a285;
}

#fdk_gastensemble_group_meta input {
    color: #333;
    background-color: #ffdb67;
}

#fdk_event_more_meta input {
    color: #333;
    background-color: #ddd;
}

#fdk_partner_basis_meta input {
    color: #333;
    background-color: #ffdb67;
}

#fdk_partner_location_meta input {
    color: #333;
    background-color: #00a285;
}

#fdk_sublinesummary_meta > div > label,
#fdk_gastensemble_daten_meta > div > label,
#fdk_event_more_meta > div > label,
#fdk_partner_basis_meta > div > label,
#fdk_partner_location_meta > div > label {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    font-weight: 700;
}

#fdk_gastensemble_group_meta > div > label {
    display: inline-block;
    width: 15%;
    font-weight: 700;
}

/* Styling input fields */
input#fdk_subline {
    width: 100%;
}

input#fdk_partner_url,
input#fdk_partner_ticket_url{
    width: 100%;
}

#fdk_gastensemble_group_meta input {
    width: 60%;
}

#fdk_gastensemble_group_meta input:nth-of-type(odd) {
    width: 20%;
}

input#fdk_gastensemble,
input#fdk_gastensemble_city,
input#fdk_gastensemble_weblink,
input#fdk_partner_address,
input#fdk_partner_opnv {
    width: 450px;
}

input#fdk_partner_email,
input#fdk_partner_thotline {
    width: 225px;
}

/* Styling text area fields */
textarea#fdk_summary {
    width: 100%;
    min-height: 100px;
    background-color: #eaeaea;
}

.sutp-input-year {
    width: 40px;
    background-color: yellow;
}