.kommbox-body {
    background-color: #080808;
    background-image: url('/images/kommbox-honeycomb.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#navigationmainnav, #navigationsubnav {
    /*position: relative;
    display: block;
    height: auto;*/
}

#navigationmainnav div.navitem img, #navigationsubnav div.navitem img {
    margin-bottom: 8px;
}

.tiles div.tile {
    float: left;
    margin: 4px;
    border-top: 1px solid transparent;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: white;
    border: 1px solid #ddd;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 30px rgba(000, 000, 000, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 30px rgba(000, 000, 000, 0.1);
    box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 30px rgba(000, 000, 000, 0.1);

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0); /* IE6-9 */

}

.tiles div.tile-inner {
    color: #333;
    font-size: 11px;
    font-family: "Helvetica Neue", sans-serif;
    line-height: 14px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
}

.tiles div.tile-inner img {
    margin-bottom: 6px;
}

.x-ie6 #navigationmainnav div.navitem,
.x-ie7 #navigationmainnav div.navitem,
.x-ie8 #navigationmainnav div.navitem,
.x-ie6 #navigationsubnav div.subnavitem,
.x-ie7 #navigationsubnav div.subnavitem,
.x-ie8 #navigationsubnav div.subnavitem {
    /*border-top: none;
    padding: 3px 2px;
    margin: 2px;*/
}

.tiles div.tile-enabled.tile-hover {
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%, #eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%, #eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%, #eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
    opacity: 1;
    filter: alpha(opacity=100);
}

.tiles div.x-item-selected {
    background: #eeeeee !important; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 1%, #b7b7b7 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(100%, #b7b7b7)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 1%, #b7b7b7 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 1%, #b7b7b7 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 1%, #b7b7b7 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 1%, #b7b7b7 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#b7b7b7', GradientType=0) !important; /* IE6-9 */
    border: 1px solid #999999 !important;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 3px rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 3px rgba(255, 255, 255, 1) !important;
    box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1),
    inset 0px 0px 3px rgba(255, 255, 255, 1) !important;

}

.tiles div.tile strong {
    font-weight: bold;
    color: #333333;
    display: block;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 1),
    1px 1px 1px rgba(0, 0, 0, 0.1);
}

.tiles .tile-disabled {
    cursor: default !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.tiles .tile-disabled img {
    opacity: 0.33 !important;
    filter: alpha(opacity=33) !important;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: url(blur.svg#blur4);
}

.tiles .tile-disabled strong {
    opacity: 0.33 !important;
    filter: alpha(opacity=33) !important;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url(blur.svg#blur3);
}

.index-navitem-disabled {
    cursor: default !important;
    color: #bbb !important;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: url(blur.svg#blur1);
}

.index-navitem-node,
.index-navitem-help {
    color: #888;
    font-style: italic;
}

.x-boundlist-item:nth-child(even) {
    background-color: #f4f4f4;
}

.x-boundlist-item-over,
.x-boundlist-item-over:nth-child(even) {
    background-color: rgba(255, 205, 28, 0.5);
}

.index-navitem-modul {
    padding-left: 1em;
}

.index-navitem-help,
.index-navitem-element {
    font-size: 90%;
    padding-left: 2em;
}

.index-navitem-element {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-navitem-questionmark {
    color: #0e0e0e;
    font-style: normal;
}

.x-btn-icon-el, .x-menu-item-icon {
    background-size: 100%;
}

a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
}

#navigationindexcombobox input {
    height: 22px;
    margin-bottom: unset;
}

#securitycontainer input {
    height: 22px;
    margin-bottom: unset;
}

.screenPanel .form-group label {
    margin-bottom: 0;
}

.screenPanel .form-group {
    margin-bottom: 7px;
}

.open-help-button {
    background-image: url('/images/oxygen-icons/128x128/categories/system-help.png');
}

.help-text-container {
    visibility: hidden;
    display: none;
}

.required::after {
    content: "*";
    color: red;
}

.asterix {
    color: red;
}

.narrow {
    width: 35px;
}