.bold {
    font-weight: bold;
}

.button {
    background-color: #006099;
    color: #FFFFFF;
    display: block;
    height: 34px;
    line-height: 32px;
    margin: 1px;
    min-width: 64px;
    padding-left: 12px;
    padding-right: 24px;
    text-decoration: none;
}

    .button:disabled,
    .button.disabled {
        background-color: #969696 !important;
    }

    .button.label {
        background-color: #004873;
    }

    .button.selected {
        background-color: #298FCC;
    }

    .button.tabitem {
        float: left;
    }

input[type=image].button {
    min-width: 0px;
    padding: 0px;
}

    a.button:hover,
    input[type=image].button:hover {
        background-color: #2487C2;
    }

.collapsing {
    margin-bottom: 2px !important;
}

div.content {
    margin: 1px;
}

table.detail {
    width: 100%;
}

    table.detail > tbody > tr > td {
        height: 34px;
        padding-left: 12px;
        padding-right: 12px;
    }

    table.detail > tbody > tr:nth-child(2n+1) > td {
        background-color: #F1F1F1;
    }

    table.detail > tbody > tr > td:first-child {
        width: 300px;
    }

div.headline {
    margin: 1px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-right: 24px;
    padding-top: 12px;
}

table.items {
    width: 100%;
}

    table.items > tbody > tr > td {
        cursor: pointer;
        padding-bottom: 9px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 9px;
        white-space: nowrap;
    }

    table.items > tbody > tr:hover > td {
        background-color: #CDECFF !important;
    }

    table.items > tbody > tr:nth-child(2n) > td {
        background-color: #F1F1F1;
    }

    table.items > tbody > tr.selected > td {
        background-color: #B3E2FF;
    }

    table.items > tbody > tr > td:first-child {
        padding-left: 12px;
    }

    table.items > tbody > tr > td:last-child {
        padding-right: 12px;
    }

    table.items > tbody > tr > td.bullet {
        padding: 0px;
        width: 34px;
    }

    table.items > tbody > tr > td > input[type=image] {
        vertical-align: middle;
    }

    table.items > thead > tr > td.detail {
        width: 324px;
    }

        table.items > thead > tr > td.detail > .button {
            background-color: #F1F1F1;
        }

    table.items > tbody > tr > td > .ellipsis {
        min-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 0px;
    }

    table.items > thead > tr > td > .sorting {
        margin-bottom: 2px;
        margin-top: 0px;
    }

    table.items > thead > tr > td:first-child > .sorting {
        margin-left: 0px;
    }

    table.items > thead > tr > td:last-child > .sorting {
        margin-right: 0px;
    }

table.input {
    background-color: #E6E6E6;
    width: 100%;
}

    table.input > tbody > tr > td {
        padding: 6px;
    }

    table.input > tbody > tr > td:first-child {
        padding-left: 12px;
    }
    
    table.input > tbody > tr > td:last-child {
        padding-right: 12px;
    }

    table.input > tbody > tr:first-child > td {
        padding-top: 18px;
    }

    table.input > tbody > tr:last-child > td {
        padding-bottom: 18px;
    }

    table.input > tbody > tr > td.clear {
        width: 1px;
    }

    table.input > tbody > tr > td.header {
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        width: 1px;
    }

    table.input > tbody > tr > td.subheader {
        white-space: nowrap;
        width: 1px;
    }

    table.input > tbody > tr > td.value {
        max-width: 50px;
        min-width: 70px;
    }

    table.input > tbody > tr > td > input,
    table.input > tbody > tr > td > select {
        box-sizing: border-box;
        width: 100%;
    }

div.menu {
    clear: both;
    overflow: auto;
}

    div.menu > div.tools {
        float: right;
    }

.minimal {
    white-space: nowrap;
    width: 1px;
}

.negative {
    color: #CA5100;
}

div.nodata {
    background-color: #B6222A;
    color: #FFFFFF;
    margin: 1px;
    padding: 12px;
}

.page,
.sorting {
    background-color: #E6E6E6;
    color: #000000;
    min-width: unset;
    padding-right: 12px;
    white-space: nowrap;
}

    .page.selected,
    .sorting.selected {
        color: #FFFFFF;
    }

a.page:hover,
a.sorting:hover {
    color: #FFFFFF;
}

table.pager {
    width: 100%;
}

    table.pager > tbody > tr > td {
        width: 1px;
    }

        table.pager > tbody > tr > td.separator {
            width: 100%;
        }

.positive {
    color: #007ACC;
}

.right {
    text-align: right;
}

hr.separator {
    background-color: #004873;
    border-width: 0px;
    height: 4px;
    margin: 1px;
    padding: 0px;
}

div.warning {
    background-color: #FBB614;
    margin: 1px;
    padding: 12px;
}