form, html, body {
    height: 100%;
}

body {
    background-color: #fff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin: 0px;
}

a:link, a:hover, a:visited {
    color: #113c2b;
}

img {
    border: 0px;
}

#c {
    width: 100%;
    height: 100%;
}

#infoZone {
    height: 80px;
}

#logo {
    background-image: url(/images/vwk_logo_2.png);
    position: relative;
    width: 162px;
    height: 61px;
    margin: 15px 25px;
    cursor: pointer;
}

#UIZone {
    position: absolute;
    /*float: right;*/
    display: block;
    height: 65px;
    width: 450px;
    color: #fff;
    top: 0px;
    padding-right: 20px;
    overflow: hidden;
    left: 400px;
}

.UIContainer {
    float: left;
    width: 49%;
    padding-top: 10px;
}

#UIZone dl {
    margin: 0px;
}

    #UIZone dl dt {
        float: left;
        clear: left;
        width: 60px;
        text-align: right;
        padding-right: 5px;
        clear: left;
    }

        #UIZone dl dt:after {
            content: ":";
        }

    #UIZone dl dd {
        font-weight: bold;
        white-space: nowrap;
    }

#siteAction {
    position: absolute;
    top: 10px;
    height: 18px;
    background-color: #fff;
    font-weight: bold;
    color: #007229;
    width: 105px;
    right: 20px;
}

    #siteAction img {
        display: block;
    }

#nav {
    padding-left: 15px;
}

#navContainer {
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    z-index: 1;
}
.reportMenu{margin-bottom:10px;}
    #navContainer ul,.reportMenu ul {
        margin: 0;
        padding: 0;
    }

        #navContainer ul li,.reportMenu ul li {
            display: inline-block;
            list-style-type: none;
            text-align: center;
            margin: 10px 0px;
            padding: 0px 15px;
            color: #113c2b;
            font-weight: 500;
            text-transform: uppercase;
        }

            #navContainer ul li a:link,.reportMenu ul li a:link,
            #navContainer ul li a:hover,.reportMenu ul li a:hover,
            #navContainer ul li a:visited,.reportMenu ul li a:visited {
                color: #113c2b;
                text-decoration: none;
            }

            #navContainer ul li.selected,.reportMenu ul li.selected {
                background-color: rgb(246, 247, 247);
                border: 1px solid #DADADA;
                color: #009a3d;
                margin: 0px;
                padding: 10px 15px;
                border-radius: 3px;
                -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
                -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
                box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
            }

                #navContainer ul li.selected a:link,.reportMenu ul li.selected a:link,
                #navContainer ul li.selected a:hover,.reportMenu ul li.selected a:hover,
                #navContainer ul li.selected a:visited,.reportMenu ul li.selected a:visited {
                    font-weight: bold;
                    color: #009a3d;
                }

.panel-heading h2 {
    margin-top: 7px;
}

.dashboardList {
    padding: 0;
    max-width: 1000px;
}

.dashboardList li {
    display:inline-block;
}

    .dashboardList li a, .style1 a, .dashboardListPanel {
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        min-width: 260px;
        display: block;
        padding: 30px 10px;
        margin: 8px;
        border: 1px #DADADA solid;
        border-radius: 3px;
        background-color: #5cb85c;
        color: #fff;
    }

    .dashboardList li a:hover, .style1 a:hover {
                background-color: #449d44;
                border: 1px solid gray;
                color: #fff;
                -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
                -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
                box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    }
    .style1 a {
        max-width: 260px
    }
.grid_row td,  .grid_row_alternate td {
    padding: 5px 10px;
}

.grid_pager td {
    padding-top: 5px;
}

.grid_pager td a, .grid_pager td span {
    padding: 7px 10px;
    border: 1px solid white;
    border-radius: 3px;
    text-decoration: none;
}

    .grid_pager td a:hover {
        background-color: rgb(246, 247, 247);
        border: 1px solid gray; 
    }

.grid_pager td span {
    border: 0px;
    background: #009A3D;
    color: white;
}
.alert h4 {
    margin-bottom: 0;
}

#mainContent {
    vertical-align: top;
}
    #mainContent > div {
        /*border-top: 1px solid #007229;*/
        background-color: #fff;
        height: inherit;
        margin-left: 12px;
        margin-right: 12px;
        padding: 10px 12px 10px 12px;
    }

#breadCrumb {
        padding: 0 0 10px 8px;
}

#breadCrumb2 {
    padding: 0 0 10px 8px;
}

#title {
    background-color: #f6f9f7;
    border-radius: 3px;
}


    #title h1 {
        color: #007229;
        margin: 0px;
        padding: 8px 10px;
        font-size: 16px;
    }

    #title img {
        margin: 0px;
        padding: 0 0 0 10px;
    }

.titleButton {
    float: right;
    font-size: 14px;
    padding: 11px 10px 0 0;
}

div.titleButton + div.titleButton {
    margin-right: 25px;
}

.titleButtonLabel {
    margin-right: 3px;
    color: #a8a8a8;
}

.titleButtonValue {
    color: #000;
    margin-right: 4px;
}

#mainContent table {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    border-spacing: 0px;
    font-size: 1.1em;
}

    #mainContent table caption {
        background-color: #009A3D;
        color: #fff;
        font-weight: bold;
        text-align: left;
        padding: 6px 0 6px 5px;
        margin-bottom: 6px;
    }

    #mainContent table input[type="text"] {
        padding: 0px;
        font-size: 12px;
    }

.tblSplitter {
    width: 40px;
}

.navHorDivider {
    border-bottom: 1px solid #007229;
}

#navToolBar, .navToolBar {
    margin-top: 10px;
}

.navHorItem dl {
    margin: 0px;
}

    .navHorItem dl dt {
        float: left;
        clear: left;
        width: 60px;
        text-align: right;
        padding: 0px;
        padding-right: 5px;
        font-weight: bold;
        font-size: 11px;
    }

        .navHorItem dl dt:after {
            content: ":";
        }

    .navHorItem dl dd {
        margin: 0px 0px 0px 60px;
        font-size: 11px;
    }

/* Login */
#centerpoint {
    top: 50%;
    left: 50%;
    position: absolute;
}

#dialog {
    position: relative;
    width: 400px;
    margin-left: -200px;
    height: 250px;
    margin-top: -115px;
    border: 1px solid #007229;
}

#dialog2 {
    position: relative;
    width: 440px;
    margin-left: -200px;
    height: 250px;
    margin-top: -115px;
    border: 1px solid #007229;
}

.menulevel1 {
    padding: 2px 5px 0px 2px;
    width: 100px;
    z-index: 50;
}

    .menulevel1 a:link {
        font-weight: normal !important;
    }

.menulevel2 {
    border: 1px solid #007229;
    background-color: #f0f0f0;
    white-space: nowrap;
    padding: 3px 3px 2px 4px;
    width: 100px;
    z-index: 50;
}

    .menulevel2 a:link {
        font-weight: normal !important;
    }

.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: #fff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    width: 140px !important;
    padding: 0 0 0 3px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 0px !important;
    margin: 0px !important;
    white-space: nowrap;
    cursor: pointer;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 0px !important;
    margin: 0px !important;
    left: 0px;
    text-align: left;
    white-space: nowrap;
    list-style-type: none;
}

.rStatus {
    color: #007229;
    font-weight: bold;
    padding-top: 10px;
}

.grid_header {
    color: #fff;
    background-color: #009A3D;
}

    .grid_header th {
        text-align: left !important;
        padding: 10px;
    }

.grid_row td {
    border-bottom: solid 1px #D5FFE3;
}

.grid_row_alternate {
    background-color: #f6f9f7;
}

    .grid_row_alternate td {
        border-bottom: solid 1px #D5FFE3;
    }

.grid_pager td table {
    width: 0px !important;
}

.adjustedZIndex {
    z-index: 1001;
}

/*#siteAction 
{
    position: relative;
    z-index: 100
    }*/
.rowItem {
}

.titleWin {
    text-align: center;
    font: bold 16px/1.5 "Arial";
}

.rowItemOver {
    BACKGROUND-COLOR: #b5f8e1;
}

button {
    display: block;
    width: 180px;
    height: 70px;
    border-radius: 7px;
    text-align: center;
    margin: 30px auto;
    font: bold 16px/1.5 "Arial";
}

.btncomplete {
    background: linear-gradient(#A9CA7B,#84AB58);
    border: 1px solid #567A34;
    color: #fff;
    /*text-shadow: 0 1px #B7DB83;*/
    box-shadow: inset 0 1px 1px 0 #C5DDA1, 0 2px 0 -1px rgba(0,0,0,0.2);
    cursor: pointer;
}

 .btncomplete:hover {
    background: linear-gradient(#8AA85E,#6D8E49);
    border: 1px solid #658641;
    color: #4B682E;
    /*text-shadow: 0 1px #88B058;*/
    box-shadow: 0 2px 0 -1px rgba(0,0,0,0.2);
}

.btncomplete:active {
    background: linear-gradient(#4C6231,#5E7443);
    box-shadow: inset 0 0 #4B6133, inset 0 2px 9px 1px #394B23;
    color: #8DA279;
    /*text-shadow: 0 1px #2C391B;*/
}

.btnMid {
    display: block;
    width: 180px;
    height: 70px;
    /*border-radius: 7px;*/
    text-align: center;
    margin: 30px auto;
    font: bold 16px/1.5 "Arial";
}

.btnLarge {
    display: block;
    width: 360px;
    height: 140px;
    /*border-radius: 7px;*/
    text-align: center;
    margin: 5px auto;
    font: bold 16px/1.5 "Arial";
}
.testTitle {
    color:#f00; font-size: 30px; position: absolute; left: 200px; top: 25px
}
/*DH_Kobold*/
.countActiveRoles{color:red; font-weight:bold;}
.main{text-align:center; margin:45px auto 0; max-width:1200px; }
#tabWeek td{padding:2px 1px;}
#tabWeek td .date{font-weight:bold;}
#tabWeek td a{color:black; text-decoration:none;}
#tabWeek td.noPadding{padding:0;}
#tabWeek td.header{padding:4px 2px;}
#tabWeek td input:focus{outline:none;}
#tabWeek td input:focus:-moz-read-only {background-color:#eceeec;}
#tabWeek td input:focus:read-only {background-color:#eceeec;}
.click          { cursor:pointer; }
.lW_t           { border-top: solid 2px #007229; }
.lW_b           { border-bottom: solid 2px #007229; }
.lW_l           { border-left: solid 2px #007229; }
.lW_r           { border-right: solid 2px #007229; }
.tbl_poradce    { font-size: 11px }
.tbl_poradce td { font-size: 11px; text-align: center }
.bold             { font-weight: bold; }
.center             { text-align: center }
.lt_b           { border-bottom: solid thin #ccc }
.lt_l           { border-left: solid thin #ccc }
.lt_r           {border-right: solid thin #ccc }
.f              { width: 100%; border: 0px; text-align: center; font-size: 11px !important; height: 100%;min-height:28px;}
.fpozn          { width: 100%; border: 0px; text-align: center; font-size: 11px !important; background-color: rgb(181, 248, 225); height: 100%;min-height:28px;}
.ronly          { width: 100%; border: 0px; text-align: center; font-size: 11px !important; height: 100%;min-height:28px; }
.r              { height: 25px; }
.eC             { /*background-color: rgb(181, 248, 225);*/ height: 25px; }
.tblSplitter    { width: 15px !important; }
.sum1, .sum2, .sum3, .sum4, .sum5, .sum6, .sum7, .sum8, .sum9, .sum10, .sum11, .sum12, .sum13, .sum14, .sum15, .sum16, .sum17 {}
.rpozn          { height: 25px; display:none; background-color:#b5f8e1; }
.block{background-color:#eceeec;}
.validation    {background-color: initial;}
.validationTD    {background-color: rgba(252, 177, 177, 0.63);}