/* Use this file to override the original style rules. 
This file will never be touched by any product upgrade process. */


/* The main area */
#container {
    /* background: #d5ded9; /* change the general background color */
    background: #f0f4f5;
}

/* The header area */
#container #head {
    background: #819cb9;
    /* background: #99b2b7; /* change the background color */
    /* border-bottom-color: #948c75; /* change the color of the bottom line */
    /* height: 91px; /* this is needed to adjust the header height to the logo height
        in this case the header height (91px) equals the sum of the logo height 
        and its top offset (74px + 17px), resulting in the logo being bottom aligned 
        within the header area */
}

/* general appearance of links */
a, a:hover {
    /* color: #333; */
}

/* appearance of links on the footer area */
#container #footer a {
    /* color: #333;
    /* font-family: sans-serif;
    /* font-size: 16px;   
    /* font-weight: normal; */
}

/*
 * Selekt-Box oben rechts fuer Sprachauswahl
 * Ueberschreibt Einstellungen aus zso_app.css und screen.css
 */

#container #head select {
    background: white;
    color: black;
    border: 1px solid #222;
    margin-right: 20px;
    margin-top: 24px;
    font-size: 12px;
}



/*
 * style rules for regular buttons
 */
.action.btn {
    border-color: #004669;
    background: #004669;
    color: white;
    /* border-color: #7a6a53;
    /* background: #7a6a53;
    /* color: #fff;
    /* text-shadow: none; */
}

.action.btn:hover {
    /* background-position: inherit;
    /* background-color: #7a6a53; /* fallback color in case gradients are not allowed */
    /* background-image: linear-gradient(center top , #7a6a53, #d9ceb2); /* background gradient fill for several browsers */
    /* background-image: -moz-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* background-image: -o-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a6a53), to(#d9ceb2));
    /* background-image: -webkit-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* color: #fff; */
}

/*
 * style rules for buttons on top of the lists of received, sent and deleted e-mails
 */
.btn-group > .info.btn {
    /* background: #948c75;
    /* border-radius: 0;
    /* box-shadow: none;
    /* color: #fff;
    /* margin-left: 5px;
    /* text-shadow: none; */
}

/*
 * style rules for buttons the (sent or received) mail view
 */
 
.actionbar .btn {
    /* background: #7a6a53; /* these rules make the buttons appear flat and with a different background color */
    /* box-shadow: none;
    /* color: #fff;
    /* text-shadow: none; */
}

.actionbar .btn:hover {
    /* background: #948c75; /* set the color of the mouse over state */
}

.actionbar .btn-group.open .btn.dropdown-toggle {
    /* background: #948c75; /* set the color of dropdown-buttons when they are "open" */
}

.actionbar .btn.dropdown-toggle .caret {
    /* border-top-color: #fff; /* change the color of the dropdown-arrow in order to fit the text color */
}

.actionbar .btn .sprite {
    /* background-image: url(../img/sprites-silver.png); /* use another set of images as icons */
}

/*
 * style rules for the sidebar
 */

#container .with-sidebar {
   /* background: transparent url("../img/sidebar_bg_grey.jpg?0.4.3") repeat-y; */
}

/*
 * style rules for tables
 * (wirkt sich auch auf die Top-Navigation aus)
 */
table.mailbox tbody tr td {
    /* background: #eee; /* change the general background color of table cells */
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
	/* background: #eee; /* overwrite rules for the background color to have the same color in every table row */
}

/*
 * Kopfzeile in der Tabelle fuer die Mailbox Auflistungen
 */
table.mailbox  th {
  background: #dee5e9;
  color: black;
  border: 1px solid #004669;
}

/*
 * oberen Rand der Tabellen wieder einblenden
 * ueberschreibt zso_app.css:1605
 * .table-bordered thead:first-child tr:first-child th {
 */
.table-bordered thead tr th {
    border: 1px solid #004669;
    border-top: 1px;
    border-radius: 0px;
    border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}



/* Font Anpassungen */
input, button, select, textarea, h1, h2, h3, h4, h5, h6, legend, .lead, blockquote {
    font-family: Arial,sans-serif;
    letter-spacing: inherit;
}