@CHARSET "ISO-8859-1";

body {
    background-size: auto, cover;
    /* background: -moz-linear-gradient(270deg, #21335C 0%, #ffffff 100%); ff3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21335C), color-stop(100%, #ffffff)); safari4+,chrome */
    /* background: -webkit-linear-gradient(270deg, #21335C 0%, #ffffff 100%); safari5.1+,chrome10+ */
    /* background: -o-linear-gradient(270deg, #21335C 0%, #ffffff 100%); opera 11.10+ */
    /* background: -ms-linear-gradient(270deg, #21335C 0%, #ffffff 100%); ie10+ */
    /* background: linear-gradient(180deg, #21335C 0%, #ffffff 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21335C', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
    /*noinspection CssUnknownTarget*/
    background: url('/resources/css/CustomLayout/background.jpg') no-repeat fixed bottom right, 0 0;
}

.redesign-logo {
    /*noinspection CssUnknownTarget*/
    background: url("/resources/css/CustomLayout/logo180x57.png") no-repeat scroll 0 0 rgba(255, 255, 255, 0.0);
    height: 57px;
    left: 25px;
    position: absolute;
    top: 10px;
    width: 180px;
    border-radius: 0 0 0 0;
    box-shadow: 1px 1px 3px 3px rgba(50, 50, 50, 0.0);
}

div.redesign-header {
    background-clip: padding-box;
    background-color: #21335C;
    border-bottom: 0 solid #21335C;
    height: 75px;
    min-width: 2000px;
    /*position: relative;*/
    position: fixed;
    z-index: 999;
}

div#frame {
    margin-top:85px;
}

div.restrict-animation-overflow-container {
    margin-top: 0;
}


/********************
*** COLOR FIRST *****
********************/
.redesign-session-status,
.redesign-session-status a,
.redesign-toolbar-icon-menu:hover,
.redesign-toolbar-icon-menu,
.redesign-toolbar ul li a,
.redesign-breadcrumb-currentlink,
.redesign-breadcrumb a {

    color: #FFFFFF;
}

/*******************
*** COLOR SECOND ***
*******************/
.redesign-session-status a:hover,
.redesign-breadcrumb,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #21335C;
}

form .text,
div.menuWrapper .menuItem .mainMenuLink:hover,
.mainMenuSubItem:hover,
.report-tab-content,
table.report-tab-table {
    border-color: #21335C;
}

.mainContentContainerHeaderRedesign,
.flatinput,
.headline-full,
.ui-widget-header {
    border-bottom-color: #21335C;
}

div.menuWrapper .menuItem .mainMenuLink:hover,
.datalist th,
.browsecontrol > div.blatt.active,
.report-tab-container ul li a.active,
.report-tab-container ul li a.active:hover
{
    background-color: #21335C;
}

div.menuWrapper .menuItemActive,
table#bookmarkTable td:first-child {
    background-color: #21335C !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: #21335C;
}

/******************
*** COLOR THIRD ***
******************/

.mainMenuSubItem:hover,
table.highlight > tbody > tr:hover > td{
    background-color: #c7d1d9;
}

.inputbox:hover, .inputbox-login:hover, .inputboxTime:hover, .inputboxTime:hover, .inputboxSelect:hover, .inputboxSelect:hover, tablebehaviour-hover {
    border-color:#c7d1d9;
}

.ui-state-hover {
    background: #c7d1d9;
}

.login-screen-box {
    background-color: #fff900;
}


.redesign-toolbar ul li a {
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 15px;
}

.redesign-toolbar {
    background-color: #21335C;
    height: 67px;
    top: 0;
    right: 0;
}

.redesign-toolbar-icon-menu:hover {
    background-position: 0 0;
    opacity: 0.5;
}

.kru-buttoncontrol {
    background: #21335C none repeat scroll 0 0;
    border: 1px solid #21335C;
}

.mainContentHeadline {
    border-bottom: 1px solid #21335C;
}