/********************** Start Allgemeines *************************/
h1,h2,h3,td,th,body,li,p,select,input {
 font-family: Verdana, sans-serif;
 font-size: small; /* Achtung: Bei der Einheit px l�sst sich im IE die Fontgr��e nicht mehr �ndern. */
}
pre {
 font-size: 1.2em;
}
html {
  background: none;
}
body {
  margin: 0; /* Damit Tabelle topline keinen Rand hat */
  background-color: white;
  display: flex;
  height: 100vh;
  flex-direction: column;
}

body > #header, #content {
   flex: 0 0 auto;
}

/********************** MODARCH *************************/
#content {
    margin: 0em;
}

/* ----- Branding ----- */
#div-branding {
    display: block;
    height: 2.2em;
    padding: 0.2em 0.5em 0 0.5em;
}

#div-branding > a {
    text-decoration: none;
}

#div-branding-right {
    float: right;
    cursor: pointer;
}

#branding-logo {
    height: 2em;
    margin-right: 0.2em;
    width: 2em;
    vertical-align: middle;
}

.branding-text {
    color: #c6c166;
    letter-spacing: 0.01em;
    vertical-align: middle;
}

.branding-text-1 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0.2em;
}

.branding-text-2 {
    font-size: 1em;
}

.branding_head_title {
    color: lightgray;
    vertical-align: super;
}

#div-messages {
    color: lightgray;
    float: right;
}

#div-messages ul {
    margin: 0;
    padding: 0;
}

.ui-widget-content {
    border: 1px solid gray;
}

/****************** HEADERS *********************/

#div-branding {
    box-shadow: inset 0px 25px 30px -30px #000;
}

#div-branding,
.box-head, .hbox-head, .vbox-head,
.box-head > a,
table.paginator-table tr > th,
table.paginator-table tr > th > a,
table.box-table tr > th
{
    background-color: #4476a9;
    color: #eee;
    text-decoration: none;
}

table.box-table tr > th
{
    font-weight: normal;
}

.hover-visible {
    visibility: hidden;
}

.hover-visible:hover,
a:hover .hover-visible {
    visibility: visible;
}

.hover-highlight {
    color: lightgray;
}

.hover-highlight:hover {
    color: white;
}


/************** INPUTS ********************/

button, input[type=submit], input[type=button], select {
    border: 1px solid #4476a9;
    background: transparent;
}

button:hover, input[type=submit]:hover, input[type=button]:hover, select:hover {
    background: #edf2f8;
}

.paginator_button {
    border: 1px solid #4476a9;
}

.paginator_button_inactive {
    background: transparent;
}

.paginator_button_active {
    background: #4476a9;
    color: white;
}

.paginator_button_active:hover {
    border: 1px solid gray;
    background: gray;
    color: white;
}

table.paginator .pages span {
    background: #4476a9;
}

input {
    border: 1px solid #4476a9;
}

:focus {
    outline: none;
    box-shadow: 0px 0px 1px 1px rgba(68, 118, 169, 0.6);
}

.td3autocomplete {
    display: flex;
}

/************** TABLES ********************/


.paginator-table > tbody > tr.table_highlight > td {
    background-color: #e9e9e9 !important;
}

table.paginator-table > tbody > tr.alter0,
table.paginator-table > tbody > tr.alter1
{
  border-top: 1px solid #ddd;
  background-color: white;
}

table.paginator-table > tbody > tr.hover-support:hover,
table.paginator-table > tbody > tr.selected {
    background-color: #e9e9e9;
}

table.paginator-table > tbody > tr.alter1.hover-support:hover,
table.paginator-table > tbody > tr.alter1.selected {
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}


table.hover-table {
    border-spacing: 0;
    width: 100%;
}

table.hover-table td:first-child {
    width: 15em;
}

table.hover-table td {
    border-bottom: 1px solid lightgray;
}

table.hover-table tr:hover > td {
    background-color: #eee;
}

table.hover-table tr .follow_link {
    font-weight: bold;
    transform: translateY(0.1em);
}

table.hover-table tr a:focus {
    box-shadow: none;
}

table.hover-table tr:hover a,
table.hover-table tr:hover .follow_link {
    color: #4476a9;
}


/************** FORMS ********************/

.changed input[type=submit] {
    font-weight: bold;
}

.fields {
    padding: 3px;
}

.td3-fields {
    padding: 0.3em;
}

.fields-no-bottom {
    padding: 3px 3px 0 3px;
}

/****************** SUCHE ******************/

.ordnergruppe {
    color: #1f446d;
    font-family: Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    padding: 0.5em;
}

.ordner-search-heading {
    font-size: 1.1em;
    font-weight: bold;
}


/****************** REPORTS ******************/
.report-indices-table {
    border: 1px solid gray;
    margin-bottom: 1em !important;
    width: 100%;
}

.report-indices-table th {
    border: 1px solid gray;
    border-bottom: 2px solid gray;
}

.report-indices-table td {
    border: 1px solid gray;
}


.ui-corner-all {
    border-radius: 0;
}

/****************** CONFIG ******************/
.config-table {
    max-width: 100%;
    width: 30em;
    border-spacing: 0;
}

.config-table > tbody > tr > th.td3-label,
.config-table > tbody > tr > td.td3-label {
    white-space: nowrap;
    width: 15%;
}

.config-table > tbody > tr > td.td3-field > input {
    width: 100%;
}

.config-table-max-field {
    width: 100%;
}

.config-table-folder-properties {
    max-width: 100%;
    width: 50em;
    border-spacing: 0;
}

.config-table-folder-properties > tbody > tr > td:nth-child(1) {
    width: 30%;
}

#id_edit-parent_0 {
    width: 80%;
}

.config-table-max-field > tbody > tr > td.td3-label {
    width: 1px;
}

.config-table-formfields > tbody > tr > td {
    white-space: nowrap;
}

.config-table-formfields-heading,
.config-table-formfields-heading > input {
    width: 8.5em;
}

.config-table-formfields-positions,
.config-table-formfields-positions > input {
    width: 11.1em;
}

.config-table-formfields-origin,
.config-table-formfields-origin > input {
    width: 6em;
}

.config-table-formfields-keys,
.config-table-formfields-keys > input {
    width: 15em;
}

.permission-groups-table {
    background: gray;
    width: 100%;
    border-spacing: 0;
}

.permission-groups-table > tbody > tr > th,
.permission-groups-table > tbody > tr > td {
    background: white;
}

.permission-groups-table > tbody > tr + tr > td {
    border-top: 1px solid gray;
    padding-top: 13px;
}

.permission-groups-table > tbody > tr > td.permission_name {
    vertical-align: top;
    width: 10%;
}

.permission-groups-table > tbody > tr > td.inherited {
    vertical-align: top;
    color: #777;
    width: 20%;
}

#folder-resources > tbody > tr > td:nth-child(1) {
    width: 20%;
}

#folder-resources > tbody > tr > td:nth-child(2) {
    width: 10%;
}


/****************** MISC ******************/
.flex-row {
    display: flex;
    flex-flow: row;
    justify-items: stretch;
}

.flex-row > * {
    width: 100%;
}


/* Beleg locking */
.material-icons.locked {
    color:white;
    background-color: red;
    border: 1px solid red;
    border-radius: 3px;
    font-size: 1em;
}