/* DATEI: custom.css */
/* Schönblick-Stil-Vorgaben fuer G# */

body {
    background-color: #686868;
}
/*----- mk add "vertical-align: middle" ---*/
* {
    color: #262626;
    vertical-align: middle;
}

/* ----------- Haupt-Seitenelemente --------------------*/
header {
    background-color: rgb(252,163,11);
    box-shadow: none;
}

element.style {
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 10px;
    padding-bottom: 10px;
}
div.selection {
    color: #E8E8E8;
    background-color: rgb(252,163,11);
}
div.selection * {
    color: #262626;
}

aside {
    flex: 1 1 5em;
    margin-top: 5px;
    margin-right: 5px;
    padding: 3px;
    background-color: #E8E8E8;
    box-shadow: none;
}

main {
    margin-top: 5px;
    background-color: #fff;
    box-shadow: none;
}


/* ----------- Standard-Elemente --------------------*/

p.message {
    color: rgb(237,22,95);
    background-color: #E8E8E8;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
}
span.warning {
    color: rgb(237,22,95);
}
button {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 1em;
    background-color: #D1D1D1;
    color: #262626;
}
button.warning {
    background-color: rgb(237,22,95);
}
button:hover {
    cursor: pointer;
}

/* ----------- Navi-Div's --------------------*/
div.menu {
    display: flex;
    align-items: center;
}
div.menu:hover {
    background-color: #D1D1D1;
}
div.open {
    background-color: #D1D1D1;
}
div.item {
    display: flex;
}
div.item:hover {
    background-color: #FFF;
}
div.selected {
    background-color: rgb(252,163,11);
}
div.selected:hover {
    background-color: rgb(244,107,13);
}
div.menu p {
    padding-right: 2em;
}
div.subItem {
    background-color: #E8E8E8;
}

/* ----------- User-Menü --------------------*/
div.userMenu {
    color: white;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px white;
    border-radius: 1em;
}
div.userMenu:hover {
    background-color: white;
    color: rgb(252,163,11);
}

/* -------------- Flex-Div ----------------*/

/* ----------- Message-Div (vue) -------------------*/
div.alert {
    background-color: #E8E8E8;
    border: 2px;
    border-color: rgb(237,22,95)
}
div.alert-warning {
    color: rgb(195,2,62);
}
div.alert-info {
    color: rgb(237,22,95);
}

/* ----------- Planungs-Tabelle --------------------*/
table.plan {
    background-color: #E8E8E8;
    padding: 2px;
}
table.plan td {
    border: solid 2px #FFF;
}
table.plan th {
    padding: 5px;
    font-weight: normal;
    color: #E8E8E8;
    background-color: rgb(0,120,148);
    border: solid 2px #FFF;
}

/* ----------- allgemeine Formular-Tabelle --------------------*/
table.form {
    border: none;
    background-color: #E8E8E8;
    padding: 2px;
    border-radius: 0px;
}
table.form td.head {
    background-color: rgb(0,120,148);
}
table.form td.marked {
    background-color: rgb(244,107,13);
}
table.form th {
    padding: 3px;
    background-color: rgb(0,86,143);
    font-weight: normal;
}
table.form th.top {
    background-color: rgb(0,120,148);
}
table.form th img {
    float: right;
}
table.form tr:nth-child(even) {
    font-weight: normal;
}
table.form tr.failMessage td {
    text-align: center;
    color: #d00000;
}
table.form tr.personLink:hover {
    background-color: rgb(0,120,148);
}
table.form tr.teamLink:hover {
    background-color: rgb(0,120,148);
}
table.admin {
    background-color: rgb(237,22,95);
}

/* ----------- Mail-Fenster (HTML-Edior) ------*/

/* ----------- Haupt-Menü ---------------------*/

/* ----------- Meldungs-Box --------------------*/
div.message {
    color: rgb(237,22,95);
    font-family: 'Arial';
    background-color: #FFF;
    padding: 7px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    top: 5em;
    left: 5em;
    border-radius: 1em;
    box-shadow: 2px 2px #262626;
}

/* ----------- Overlay-Formulare --------------------*/
div.shadow {
    border-radius: 5px;
}
div.shadow img {
    float: right;
}

/* ------------------- Spezial-Formatierungen -------------*/