/*table {
    border-width: 0;
}

    table.menu {
        width: 100%;
    }

        table.menu td {
            background-repeat: no-repeat;
        }

fieldset {
    border-width: 1px;
}
*/

.devInProgress {
    display: none;
}

.button {
    border: 1px solid #000;
}

.recordButton {
    float: right;
}

.recurdButtonLabel {
    margin-right: 20px;
    display: block;
}

.hidden {
    display: none !important;
}

/*#topToolbar {
    position: relative;
    top: 7px;
    left: 480px;
}*/

a.imgButton {
    display: inline-block;
    height: 20px;
    border: 1px solid #888;
    background-color: #f0f0f0;
    position: relative;
    text-decoration: none;
    color: #000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

    a.imgButton img {
        margin: 2px;
    }

    a.imgButton span {
        position: relative;
        top: -4px;
        margin: 0 4px 0 0;
    }

    a.imgButton:hover {
        background-color: #cbcbcb;
    }

div.toolbar {
    border: 1px solid #888;
    margin-bottom: 10px;
    position: relative;
    text-align: right;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
}

    div.toolbar a.imgButton {
        margin-right: 3px;
        position: relative;
        top: 3px;
    }

    div.toolbar table.dxeButtonEdit {
        display: inline-table;
        margin: 0 3px 3px 0;
    }

.error {
    color: #ff6a00;
}

p.error{
    text-align:center;
}

.error a{
    display:inline;
}

.clear {
    clear: both;
}

.inline-block {
    display: inline-block;
}

.badRow {
    background-color: #ffe4e1;
    color: #f00;
}

.badValue {
    color: #f00;
}

.badRow .badValue {
    /*font-weight: bold;*/
}

/******************** Render read-only controls as labels ********************/
.dxeTextBox.dxeReadOnly, table.dxeButtonEdit.dxeReadOnly {
    border-color: transparent !important;
}

.dxeButtonEdit.dxeReadOnly .dxeButtonEditButton {
    display: none;
}
/*****************************************************************************/

/*.dxsplControl {
    font-size: 1em !important;
}*/

.dxmLite.dxm-ltr {
    position: fixed;
}

div.record .dxeTextBox.editable, div.record .dxeButtonEdit.editable, div.record td.dxgv.editable {
    background-color: #CEE3F6 !important;
}

div.record .dxeBase.editable .dxichTextCellSys label {
    border-bottom: 1px solid #CEE3F6 !important;
}

div.record input.dxeEditArea {
    background-color: transparent !important;
}

div.record td.dxgv.editable {
    padding: 0 5px;
}

    div.record td.dxgv.editable input[type="text"] {
        background-color: transparent !important;
        border-width: 0;
    }

div.buttons {
    padding-top: 10px;
    /*text-align: right;*/
}

    div.buttons .left {
        float: left;
        margin-right: 5px;
    }

    div.buttons .right {
        float: right;
        margin-left: 5px;
    }

div.tabButton img, div.tabButton a.close {
    position: relative;
    top: 3px;
    text-decoration: none;
}

div.tabButton a.close {
    left: -2px;
}

div.tabButton a.close {
    height: 16px;
    width: 16px;
    background-image: url('../img/icons/close.png');
    display: inline-block;
    overflow: hidden;
}

    div.tabButton a.close:hover {
        background-position-y: 16px;
    }

div.tabs {
    /*border: 1px solid #A8A8A8;
    position: relative;
    top: -1px;
    padding: 5px;*/
}

div.tab {
    display: none;
}

    div.tab.active {
        display: block;
    }

div.record {
}

    div.record div.field {
        margin-bottom: 5px;
        position: relative;
    }

        div.record div.field label {
            float: left;
            width: 150px;
            font-weight: bold;
        }

        div.record div.field span.field {
            display: block;
            margin-left: 150px;
        }

div.field > img.tooltip {
    position: absolute;
    left: 130px;
}

div.record div.header {
    height: 115px;
    padding-left: 250px;
    margin: 5px;
    background-image: url('../img/AdBlue_Titelbild_400pix.gif');
    background-size: 190px 115px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

div.record.vehicle div.header table.dxeTextBox, div.record.vehicle div.header table.dxeButtonEditSys {
    margin-bottom: 5px;
}

div.record.vehicle div.content {
    padding-top: 5px;
}

div.record.vehicle table.fuels .dxeTextBox, div.record.vehicle table.fuels .dxeButtonEdit {
    display: inline-table;
}

div.record.vehicle table.fuels .dxeTextBox input {
    text-align: right;
}