/*
    Farben:
        hellgrau:   eaeaef
        grau:       e0e0e0
        dunkelgrau: 9d9d9d
        rot:        e41f29


        Nicht "background-color" nehmen, sondern nur "background"
        "background-color" erkennt der Firefox nicht !

        background is a shortcut for
            background-color
            background-image
            background-position
            background-repeat
            background-attachment

*/

/* header drehen; wobei das wieder sehr browserspezifisch ist und
 man das auch nicht so gut lesen kann, wie normal.
 Da man die Tabelle ja sowieso scrollen kann: ist es nicht besser, das nicht zu drehen ?
 - Tooltip kommt mit der kompletten Beschreibung
 - Tabelle wird nicht so weit nach unten gestreckt (Namenslänge bei Hochkant problematisch, da auch hier abgeschnitten
   / genauso wie auch wenn es vertikal ist. Da wird es auch abgeschnitten. Aber wenigstens kann man es da besser lesen.*/
.v-vertical-header-grid .x-column-header .x-column-header-text {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    height: 100px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE  */
}


/* for hiding icons from actioncolumn */
.hide-icon img {
    visibility: hidden !important;
}


/* matrix-of-effect */
.inka-matrix-of-effect-total .x-column-header,
.inka-matrix-of-effect-total .x-column-header-inner,
.inka-matrix-of-effect-total .x-column-header-over {
    background-color: #ffffff;
    /*border-style: none !important;*/
    /*border-right: 1px solid #c5c5c5;*/
}

/* for cells in matrix-of-effect
   (Und dafuer, dass kein mouseover beim grid zu sehen ist (background-color!)) */
.inka-matrix-of-effect-total .x-grid-cell-inner {
    border-right: 1px solid #dfe8f6;
    border-left: 1px solid #dfe8f6;
    border-top: 1px solid #dfe8f6;
    border-bottom: 1px solid #dfe8f6;
    background-color: #ffffff;
}

/* for background of matrix-of-effect */
.inka-matrix-of-effect-total .x-panel-body {
    background-color: #dfe8f6;
}


/* consistency-matrix-part */
.inka-matrix-of-effect-total .x-panel-with-col-lines .x-grid-row .x-grid-cell,
.inka-matrix-of-effect-total .x-grid-row .x-grid-cell,
.inka-matrix-of-effect-total .x-grid-body,
.inka-matrix-of-effect-total .x-grid-header-row,
/*.inka-matrix-of-effect-total .x-grid-table,*/
.inka-matrix-of-effect-total .x-grid-header-ct,
/*.inka-matrix-of-effect-total .x-grid,*/
.inka-matrix-of-effect-total .x-grid-view {
    border-style: none !important;
}

.inka-matrix-of-effect-total .x-grid-table {
    border-right: 0px solid #dfe8f6;
    border-left: 0px solid #dfe8f6;
    border-top: 1px solid #dfe8f6;
    border-bottom: 0px solid #dfe8f6;
    background-color: #dfe8f6;
}





/* consistency-matrix */
.inka-consistency-matrix-toolbar {
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}

/* consistency-matrix */
.inka-consistency-matrix-total .x-column-header,
.inka-consistency-matrix-total .x-column-header-inner,
.inka-consistency-matrix-total .x-column-header-over {
    background-color: #ffffff;
}


/* for background of matrix-of-effect */
.inka-consistency-matrix-total .x-panel-body {
    background-color: #dfe8f6;
}

/* consistency-matrix */
.inka-consistency-matrix-total-cols .x-column-header,
.inka-consistency-matrix-total-cols .x-column-header-inner,
.inka-consistency-matrix-total-cols .x-column-header-over {
    background-color: #ffffff;
    border-right: 1px solid #c5c5c5;
}


/* consistency-matrix-part */
.inka-consistency-matrix-part .x-panel-with-col-lines .x-grid-row .x-grid-cell,
.inka-consistency-matrix-part .x-grid-row .x-grid-cell,
.inka-consistency-matrix-part .x-grid-body,
.inka-consistency-matrix-part .x-grid-header-row,
.inka-consistency-matrix-part .x-grid-table,
.inka-consistency-matrix-part .x-grid-header-ct,
.inka-consistency-matrix-part .x-grid,
.inka-consistency-matrix-part .x-panel-body,
.inka-consistency-matrix-part .x-grid-view {
    border-style: none !important;
}

/* for cells in consistency-matrix-part
   (Und dafuer, dass kein mouseover beim grid zu sehen ist (background-color!)) */
.inka-consistency-matrix-part .x-grid-cell-inner {
    border-right: 1px solid #dfe8f6;
    border-left: 1px solid #dfe8f6;
    border-top: 1px solid #dfe8f6;
    border-bottom: 1px solid #dfe8f6;
    background-color: #ffffff;
}

/* Textfield in consistency-matrix-part */
.inka-textfield-consistency-matrix-part {
    opacity: 1.0;
    border:1px solid grey;
    border-left:0px;
    border-top:0px;
    border-bottom:0px;
    border-width:2px;
    background: #dfe8f6;
}

/* Displayfield in consistency-matrix-part */
.inka-displayfield-consistency-matrix-part {
    border:none 0px black;
    background: #dce7f4;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* Button styles dfe8f6 eaeaef 99bce8 487cb5 d2ddea */
.msgbox .x-btn,
.x-btninka,
.x-btninka .x-btn-default-small,
.x-btninka .x-btn-default-small-noicon {
    background: #dfe8f6;
    background-image: none;
    color: black;
    border: 1px solid #487cb5;
}

.msgbox .x-btn:link,
.x-btninka:link {
    background: #dfe8f6;
    color: black;
    border: 1px solid #487cb5;
}

.msgbox .x-btn:visited,
.x-btninka:visited {
    background: #dfe8f6;
    color: black;
    border: 1px solid #487cb5;
}

.msgbox .x-btn:focus,
.x-btninka:focus {
    background: white;
    color: black;
    border: 1px solid #487cb5;
}

.msgbox .x-btn:hover,
.x-btninka:hover {
    background: white;
    color: black;
    border: 1px solid #487cb5;
}

.msgbox .x-btn:active,
.x-btninka:active {
    background: #eaeaef;
    color: black;
    border: 1px solid #487cb5;
}



/* Messagebox styles */
.msgbox,
.msgbox .x-box-inner,
.msgbox .x-container,
.msgbox .x-window-header,
.msgbox .x-window-header-text {
    background: #d2ddea !important;
    color: black;
    border-color: #487cb5;
}