html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}


th {
    text-align: left;
}

.ribbonshortcut {
    height: 10px;
}

    .ribbonshortcut td {
        height: 10px;
    }

.padding10 {
    padding: 10px;
}


.IE6Style, .radsearchBoxDropDownSettings {
    width: 99%;
}

.fill {
    width: 100%;
    height: 100%;
}

.fillPadded10 {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 10px;
}


.borderroundtop {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.borderround {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}


.modal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 7001;
}

.workingWindow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.fehler {
    color: Red;
}

.bggreen {
    background-color: Green;
}

.bgyellow {
    background-color: Yellow;
}

.bgred {
    background-color: Red;
}

.tablebggreen {
    background-color: #BEDBBE;
}

    .tablebggreen th {
        background-color: Green;
        color: White;
        text-align: left;
        font-weight: bold;
        padding: 2px;
    }

.tableyellow {
    background-color: #FBF9E1;
}

    .tableyellow th {
        background-color: Yellow;
        color: Black;
        text-align: left;
        font-weight: bold;
        padding: 2px;
    }

.tablered {
    background-color: #E9C8C8;
}

    .tablered th {
        background-color: Red;
        color: White;
        text-align: left;
        font-weight: bold;
        padding: 2px;
    }

.backgroundgray, .tablegrey, .taskOrderStyle {
    background-color: #DCDCDC;
    padding: 2px 4px 0px 4px;
}

    .tablegrey th {
        background-color: #777777;
        color: White;
        text-align: left;
        padding: 2px;
    }


.BottomTask {
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 100%;
    padding: 4px;
    text-align: right;
}

a.RibbonLink {
    text-decoration: none;
}

    a.RibbonLink[disabled='disabled'] {
        color: #8d8d8d;
    }

.ScrollableDiv, .ScrollableDivTab, .SearchResultDiv {
    overflow-y: auto;
}

.ScrollableDivSearch {
    overflow: auto;
}

.header {
    font-weight: bold;
    font-size: 1.1em;
}

.header2 {
    font-weight: bold;
    font-size: 1.05em;
}

.abofield {
    background-color: Yellow;
    font-style: italic;
}

.smalltext {
    font-size: 8pt;
}

.taskOrderStyle {
    font-size: 10pt;
    font-weight: bold;
}

.ShowImageSize {
    width: 90vw;
}



.TitleBarMenu .rtbOuter {
    border-style: none !important;
}

ins {
    background-color: #FCEC48;
    text-decoration: none;
}

del {
    color: #F60707;
    background-color: #FEC8C8;
}

.InlineTop {
    display: inline-block;
    vertical-align: top;
}

.Hidden {
    display: none;
    height: 0;
    width: 0;
}

.Layout_Fill {
    width: 100%;
    height: 100%;
}

.Layout_Y95 {
    height: 95%;
    overflow: auto;
}


.NavigationFooter {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.NavigationContent {
    overflow: auto;
}

.NavigationWrapper {
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

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

    table.metadata-edit td {
        padding: 4px;
    }

        table.metadata-edit td:first-child {
            vertical-align: top;
        }

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

    table.dialog-buttons td {
        padding: 4px;
        text-align: right;
    }

    table.dialog-buttons.col2 td {
        width: 80%;
    }

        table.dialog-buttons.col2 td:first-child {
            width: 20%;
            text-align: left;
            padding-left: 10px;
        }

    table.dialog-buttons.col3 td {
        width: 33%;
    }

        table.dialog-buttons.col3 td:first-child {
            text-align: left;
            padding-left: 10px;
        }

.errorMessage {
    color: red;
}

.div_checkbox_green {
    background-image: url(../Images/Audit/OK_12_049715.png);
}

.div_checkbox_wheat {
    background-image: url(../Images/Audit/OK_12_FFE97F.png);
}

.div_checkbox_none {
    background-image: none;
}

/* Answer mode settings**/

.CheckBoxRating input {
    margin: 3px;
    /*height:10px;
    width:10px;*/
}

.CheckBoxRating, .BoxingDiv {
    height: 1.35em;
    width: 1.35em;
    border: none !important;
    margin-top: 0.3em;
    /* wenn wir wieder den Background brauchen, sollen wir hier es wieder einschalten */
    background-color: transparent !important;
}

    .CheckBoxRating label {
        top: -0.6em !important;
        left: -0.15em !important;
        font-size: 1.6em !important;
        color: inherit !important;
    }

        .CheckBoxRating label:before {
            color: inherit !important;
        }

/* Answer mode settings end**/

.trBoxingDiv {
}

.SearchContainer {
    position: static;
    min-height: 40px;
}

.SearchBar {
    position: relative;
    float: left;
}

.CollapseButton {
    background-image: url('../Images/Minus.png');
    left: 13px !important;
}

.ButtonSpan {
    position: relative;
    float: right;
}

.ExpandButton {
    background-image: url('../Images/Plus.png');
    left: 13px !important;
}

table.debug {
    border: 1px solid black;
}

    table.debug td, table.debug th {
        border: 1px solid black;
    }


.wordWrapping, .wordWrapping span {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.RadioButtonListWidth40 tr td {
    width: 40px;
    text-align: center;
}


.floatLeft {
    float: left;
}

.BITqmsFunctionName {
    font-size: 1.3em;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: 0 0 0.2em white, 0 0 0.2em gray;
    text-transform: lowercase;
}

.TBDynamicSearch {
    max-height: 22px;
}


.hoverEffect {
    background-color: #e7e7e7 !important;
}

.logo {
    padding: 4px 14px 2px 14px;
}


.tbDisabled {
    opacity: 1 !important;
    color: red !important;
}


.disabled-readonly-readable:disabled {
    opacity: 1 !important;
    color: initial !important;
}

.badge-counter {
    position: relative;
}

    .badge-counter[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: 1px;
        right: 0px;
        line-height: 16px;
        height: 16px;
        padding: 0 5px;
        text-align: center;
        vertical-align: baseline;
        font-size: 0.85em;
        font-family: Arial, sans-serif;
        color: white;
        text-decoration: none;
        text-shadow: 0 1px rgba(0, 0, 0, 0.25);
        border: 1px solid;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
        background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
        background: -moz-linear-gradient(top, #FF6969 0%, #ff0000 100%);
        background: -o-linear-gradient(top, #FF6969 0%, #ff0000 100%);
        background: -ms-linear-gradient(top, #FF6969 0%, #ff0000 100%);
        background: linear-gradient(to bottom, #FF6969 0%, #ff0000 100%);
        -webkit-background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
    }

    .badge-counter[data-badge="0"]:after,
    .badge-counter[data-badge=""]:after {
        content: none;
    }

.subItem {
    display: inline-block;
    padding: 5px 10px;
}

    .subItem > .subItemTitle {
        margin-right: 10px;
    }

div.WorkflowStepArea {
    width: 260px;
    float: left;
    line-height: normal !important;
    padding: 0px 5px 0px 5px;
}

div.WorkflowStep {
    border-radius: 6px;
    width: 252px;
    text-align: left;
    padding: 4px;
}

div.WorkflowStepContent, div.WorkflowStepContentEdit {
    float: left;
}

div.WorkflowStepContent {
    width: 232px;
}

div.WorkflowStepContentEdit {
    width: 192px;
}

div.WorkflowStepButtons, div.WorkflowStepButtonsEdit {
    float: right;
    text-align: right;
}

div.WorkflowStepButtons {
    width: 20px;
}

div.WorkflowStepButtonsEdit {
    width: 60px;
}

div.WorkflowStepStatus {
    height: 14px;
    width: 14px;
    float: left;
    border-radius: 14px;
}


.processLevel1Text, .processLevel2Text {
    font-weight: bold;
    vertical-align: middle;
    padding-left: 10px;
}

.processLevel1, .processLevel2 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 0px !important;
}

.processLevel1 {
    height: 40px;
}


.processLevel1Text {
    line-height: 40px;
}

.processLevel2Text {
    line-height: 25px;
}

.processLevel2 {
    height: 25px;
}

.process {
    display: inline-block;
    padding: 5px;
    max-width:200px;
    vertical-align: top;
}

.searchButton {
    background-image: url( '../../Images/Search/Search.png');
}

.imgAudutAnswerModeValidatorImage {
    margin: 5px 0 0 5px;
}

.infoTable2Columns, .infoTable3Columns, .infoTable4Columns, .infoTable5Columns, .infoTable6Columns {
    display: grid;
    width: 100%;
}

.infoTable2Columns {
    grid-template-columns: 1fr 1fr;
}

.infoTable3Columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.infoTable4Columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.infoTable5Columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.infoTableRow {
    padding: 4px;
}

.enablehyphens {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.enableWordBreak {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.rfdTextInput:disabled {
    opacity: 0.9 !important;
    color: rgb(50,50,50) !important;
}

.formObjectSelection
{
    /*Minimalste Breite, damit man die Auswahl noch sinnig vornehmen kann*/
    min-width:160px;
}

.buttonflatoverwrite {
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    background-color: rgba(0,0,0,0) !important;
}