/* ============== basic global settings ====================== */

* {
    box-sizing: border-box;
}

html {
    overflow:    auto;
}

body {
    font-family: arial, sans-serif;
    font-size:   12px;
    margin:      0px;
    padding:     0px;
}

/* note: input and textarea don't inherit from body, so we have to redefine them */

input {
    font-family: arial, sans-serif;
    font-size:   12px;
    padding:     0px 2px 0px 2px;
}

textarea {
    font-family: arial, sans-serif;
    font-size:   12px;
    padding:     0px 2px 0px 2px;
}

/* eKK classes */

.kkObject {
    position:    absolute;
}

/* kkBase - helper CSS classes */

.kkDrag {
    position:    absolute;
    background-color: #ffffff;
}

.kkBusy {
    position:    absolute;
    cursor:      wait;
}

.kkModal {
    position:    absolute;
}

/* eKK objects */

.kkChildWnd {
    position:    absolute;
    border:      0px;
    width:       0px;
    height:      0px;
}

.kkImage {
    position:    absolute;
    border:      0px;
}

.kkImageDiv {
    position:    absolute;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.kkLabel {
    position:    absolute;
}

.kkForm {
    position:    absolute;
    border:      1px solid #DCD7C4;
    overflow:    auto;
}

.kkHidden {
    position:    absolute;
    width:       15px;
    height:      15px;
    border:      1px solid #D1CEC2;
    background-color: #FAF8F0;
}

.kkMapPJ {
    position:    absolute;
    border:      1px solid #DCD7C4;
    border-radius: 4px;
}

.kkMapGoogle {
    position:    absolute;
    border:      1px solid #DCD7C4;
    border-radius: 4px;
}

.kkMultiline {
    position:    absolute;
    border:      1px solid #aca899;
    overflow:    auto;
}

.kkPanel {
    position:    absolute;
    border:      1px solid #DCD7C4;
    border-radius: 4px;
}

.kkPanelLabel {
    position:    absolute;
    color:       #b80707;
    padding:     2px 6px 2px 6px;
    background-color: #FAFAF7;
}

.kkText {
    position:    absolute;
    border:      1px solid #aca899;
}

.kkTextNum {
    text-align: right;
}

.kkTextSuggest {
    background:  url('../img/tango/edit-find2.png') right 2px no-repeat white;
}

.kkRadioGroup {
    position:    absolute;
    border:      1px dotted #e6e6e6;
}

.kkToolbar {
    position:    absolute;
    border:      1px solid;
    margin:      0px;
    padding:     3px;
    white-space: nowrap;
    overflow:    hidden;
    border-color: #f7f7f3 #d8d2bd #d8d2bd #f7f7f3;
    background-color: #ecebe0;
}

.kkToolGroup {
    width:       4px;
    height:      20px;
    margin-top:  2px;
    background:  url('../img/tlbgrp.gif') top left repeat-y transparent;
}

.kkToolSep {
    width:       2px;
    height:      20px;
    margin-top:  2px;
    background:  url('../img/tlbdlm.gif') top left repeat-y transparent;
}

.kkToolButton {
    position:      relative;
    border:        none;
    cursor:        pointer;
    padding:       2px 4px 2px 4px;
    height:        16px;
    background:    none;
}

.kkToolBox {
}

.kkButton {
    position:    absolute;
    border:      1px solid #ACA899;
    cursor:      pointer;
    padding:     2px 4px 2px 4px;
    border-radius: 4px;
    background-color: #ECEBE0;
}

.kkButton1 {
    position:    absolute;
    border:      1px inset #ACA899;
    cursor:      pointer;
    padding:     2px 4px 2px 4px;
    border-radius: 4px;
    background-color: #D8D2BD;
}

.kkButton:hover {
    border-color: #BDDCFB;
}

.kkButtonImage {
    position:    static;
    float:       left;
    border:      0px;
    padding-right: 0px;
}

.kkButtonLabel {
    position:    static;
    display:     inline;
}

.kkCombo {
    position:    absolute;
    border:      1px solid #aca899;
    padding-right: 1.3em;
    background: url('../img/combo.gif') no-repeat right top / contain;
    cursor:     pointer;
}

.kkCmbList {
    position:    absolute;
    border:      1px solid #aca899;
    background-color: white;
}

.kkCmbListSpan {
    cursor:      pointer;
    padding:     1px 4px;
    white-space: nowrap;
    color:       black;
    display:     block;
    background-color: white;
}

.kkFile {
    position:    absolute;
}

.kkFileMeterBg {
    position:    absolute;
    overflow:    hidden;
    height:      17px;
    background-color: #eee;
}

.kkFileMeter   {
    position:    absolute;
    overflow:    hidden;
    text-align:  right;
    height:      17px;
    background-color: #E1D842/*#A4E142*/;
}

.kkFileText    {
    position:    absolute;
    border:      1px solid #aca899;
    background-color: transparent;
}

.kkCheckBox {
    position:       absolute;
    display:        inline;
    padding-left:   1.7em;
    min-width:      1.7em;
    min-height:     1em;
    background:     url('../img/cb/check10.gif') no-repeat left top / contain;
    cursor:         pointer;
}

.kkList {
    position:    absolute;
    height:      15px;
    border:      1px solid #aca899;
    overflow:    auto;
}

.kkListSpan {
    cursor:      pointer;
    padding:     1px 4px;
    white-space: nowrap;
    color:       black;
    display:     block;
    background-color: white;
}

.kkListSpan:hover {
    background-color: #316ac5;
    color: white;
}

.kkListSel {
    background-color: #aca899;
}

.kkTextDt {
    position:       absolute;
    border:         1px solid #aca899;
    padding-right:  1.3em;
    background:     #f8f7f3 url('../img/cal.gif') no-repeat right top / contain;
    cursor:         pointer;
}

.kkTextQs {
    position:    absolute;
    border:         1px solid #aca899;
    padding-right:  1.3em;
    background:     #f8f7f3 url('../img/tango/edit-find2.png') no-repeat right top / contain;
    cursor:         pointer;
}

.kkMenuButton  {
    position:    absolute;
    padding:     3px 6px;
    cursor:      pointer;
}

.kkMenuButton1 {
    position:    absolute;
    border:      1px solid #039;
    padding:     2px 5px;
    cursor:      pointer;
    background-color: #BDDCFB;
}

.kkMenu {
    position:    absolute;
    border:      1px solid #aaaaaa;
    padding:     2px;
    background-color: white;
}

.kkMenuA {
    padding:     2px 9px 2px 12px;
    border-left: 20px solid #eee;
    cursor:      pointer;
    white-space: nowrap;
    color:       black;
    display:     block;
    text-decoration: none;
    background-position: 2px center;
    background-repeat:no-repeat;
}

.kkMenuA:hover {
    color:       #006;
    padding:     1px 8px 1px 31px;
    border:      1px solid #039;
    background-color: #bddcfb;
}

/* odelovac musi mit uvnitr jeste jeden span kvuli designu - aby oddelovaci cara nebyla pres
    celou sirku menu */
.kkMenuSep {
    padding:     3px 0px 0px 10px;
    border-left: 20px solid #eee;
    display:     block;
}

.kkMenuSepSpan {
    border-top:  1px solid #ccc;
    display:     block;
}

.kkPopup {
    position:      absolute;
    border:        4px ridge #039;
    border-top-width: 0px;
    background-color: #fafaf7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.kkPopupTitle  {
    position:      absolute;
    top:           -28px;
    left:          -4px;
    width:         calc(100% + 8px);
    height:        28px;
    background-color: #C3E2FF;
    padding:       3px 0px;
    font-weight:   bold;
    cursor:        move;
    border:        4px ridge #039;
    border-bottom-width: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.kkPopupSizer  {
    position:      absolute;
    cursor:        se-resize;
    z-index:       1;
    width:         10px;
    height:        10px;
}

.kkPopupTxt    {
    font-weight:   bold;
    float:         left;
    color:         #50473E;
    margin-left:   3px;
}

.kkPopupClose  {
    float:         right;
    margin-right:  5px;
    width:         15px;
    height:        15px;
    background:    url('../img/close.gif') top left no-repeat #BB0B0A;
    cursor:        pointer;
}

.kkPopupDrag   {
    position:      absolute;
    border:        4px ridge coral;
}

.kkPopupObject {
    position:      absolute;
    background-color: #fafaf7;
    overflow:      auto;
}

.kkPopupForm   {
    position:      absolute;
    background-color: #fafaf7;
    overflow:      auto;
}

.kkPopupTable  {
    position:      absolute;
    background-color: #fafaf7;
    overflow:      hidden;
}

.kkCalGrid {
    table-layout:  fixed;
    border:        0px;
    background-color: white;
}

.kkCalH1 {
    background-color: #EFEBE7;
    border-style:  solid;
    border-color:  #D6CFC6;
    border-width:  0px 0px 1px 0px;
    text-align:    center;
    padding-top:   3px;
}

.kkCalH2 > td {
    background-color: #EFEBE7;
    border-style:  solid;
    border-color:  #D6CFC6;
    border-width:  0px 0px 1px 0px;
    text-align:    center;
    padding-top:   3px;
}

.kkCalMon > tbody > tr > td {
    cursor:        pointer;
}

.kkCalMon > tbody > tr > .sel {
    background-color: #AACCEE;
}

.kkCalCell > td {
    border-style:  solid;
    border-color:  #D6CFC6;
    border-width:  0px 1px 1px 0px;
    text-align:    center;
    padding-top:   3px;
    padding-bottom: 1px;
    cursor:        pointer;
    background-repeat: no-repeat;
    background-position: top left;
}

.kkCalLast > td {
    border-bottom: 0px;
}

.kkCalHoli {
    background-color: yellow;
    font-weight:   bold;
}

.kkCalWeek {
    position:      absolute;
    text-align:    center;
    padding:       3px 1px 2px 1px;
    color:         #888;
}


.kkNotebook {
    position:      absolute;
    border:        0px;
}

.kkNoteBody {
    position:      relative;
    border:        1px solid #919191;
}

.kkNoteBtnsTop {
    position:      relative;
    overflow:      hidden;
    top:           1px;
    z-index:       1;
    padding-left:  6px;
    height:        22px;
}

.kkNoteBtnsBtm {
    position:      relative;
    overflow:      hidden;
    top:           -1px;
    padding-left:  6px;
    height:        21px;
}

.kkNoteButtonTopOn {
    position:      static;
    float:         left;
    margin-right:  2px;
    background:    url('../img/btnton1.gif') left top no-repeat;
    margin-top:    2px;
}

.kkNoteButtonTopOnTxt {
    position:      static;
    background:    url('../img/btnton2.gif') right top no-repeat;
    padding:       4px 8px 2px 8px;
}

.kkNoteButtonTopOff {
    position:      static;
    float:         left;
    margin-right:  2px;
    cursor:        pointer;
    background:    url('../img/btntoff1.gif') left top no-repeat;
    border-bottom: 1px solid #919191;
    margin-top:    1px;
}

.kkNoteButtonTopOffTxt {
    position:      static;
    background:    url('../img/btntoff2.gif') right top no-repeat;
    padding:4px 8px 1px 8px;
}

.kkNoteButtonBtmOn {
    position:      static;
    float:         left;
    margin-right:  2px;
    background:    url('../img/btnbon1.gif') left bottom no-repeat;
}

.kkNoteButtonBtmOnTxt {
    position:      static;
    background:    url('../img/btnbon2.gif') right bottom no-repeat;
    padding:       2px 8px 4px 8px;
}

.kkNoteButtonBtmOff {
    position:      static;
    float:         left;
    margin-right:  2px;
    cursor:        pointer;
    background:    url('../img/btnboff1.gif') left bottom no-repeat;
    border-top:    1px solid #919191;
}

.kkNoteButtonBtmOffTxt {
    position:      static;
    background:    url('../img/btnboff2.gif') right bottom no-repeat;
    padding:       1px 8px 4px 8px;
}

.kkNotebook2 {
    position:      absolute;
    border:        0px;
}

.kkNoteBody2 {
    position:      relative;
    border:        5px solid #C3E2FF;
    border-width:  5px;
    border-radius: 4px;
}

.kkNoteBtnsTop2 {
    position:      relative;
    z-index:       1;
    padding-left:  6px;
    height:        28px;
}

.kkNoteBtnsBtm2 {
    position:      relative;
    overflow:      hidden;
    padding-left:  6px;
    background-color: #FF6D06;
    height:        26px;
    border-top:    1px solid #D35500;
    border-bottom: 1px solid #D35500;
}

.kkNoteButton2TopOn {
    position:      static;
    float:         left;
    margin-right:  4px;
    margin-top:    4px;
    background:    url('../img/sipka.gif') bottom center no-repeat transparent;
    padding-bottom: 8px;
}

.kkNoteButton2TopOnTxt {
    position:      static;
    background-color: #C3E2FF;
    border:        1px solid #003399;
    border-bottom-width: 0px;
    text-align:    center;
    font-weight:   bold;
    padding:       2px 8px 2px 8px;
}

.kkNoteButton2TopOff {
    position:      static;
    float:         left;
    margin-right:  4px;
    margin-top:    4px;
    cursor:        pointer;
}

.kkNoteButton2TopOffTxt {
    position:     static;
    background-color: #ECE9D8;
    border:       1px solid #D8D2BD;
    color:        #444;
    font-weight:  bold;
    padding:      2px 8px 2px 8px;
}

.kkNoteButton2BtmOn {
    position:      static;
    float:         left;
    margin-right:  2px;
    margin-top:    2px;
}

.kkNoteButton2BtmOnTxt {
    position:      static;
    background-color: #EEF6FE;
    border:        1px solid #ADD5FA;
    color:         #1581E5;
    font-weight:   bold;
    padding:       2px 8px 2px 8px;
}

.kkNoteButton2BtmOff {
    position:      static;
    float:         left;
    margin-right:  2px;
    margin-top:    2px;
    cursor:        pointer;
}

.kkNoteButton2BtmOffTxt {
    position:      static;
    background-color: #ECE9D8;
    border:        1px solid #D8D2BD;
    color:         #666666;
    font-weight:   bold;
    padding:       2px 8px 2px 8px;
}


.kkSuggestList {
    position:      absolute;
    overflow:      auto;
    opacity:       0.9;
    background-color: white;
    border:        1px solid black;
    border-radius: 0px 0px 4px 4px;
    z-index:       32000;
    min-height:    2px;
    max-height:    200px;
}

.kkSuggestOption {
    padding:       3px;
}

.kkSuggestOption:hover {
    padding:       2px;
    border:        1px solid #316ac5;
    border-radius: 2px;
}

.kkSuggestSel {
    background-color: #316ac5;
    color:         white;
}

.kkTable {
    position:      absolute;
    background-color: #fafaf7;
    overflow:      hidden;
    border:        1px solid #cccccc;
}

.kkTableHead {
    border:        none;
    border-bottom: 1px solid #c8c5ac;
    padding:       0px;
}

.kkTblHeadTable {
    position:      absolute;
    table-layout:  fixed;
}

.kkTblBody {
    position:      absolute; /* musi byt absolute kvuli IE, jinak overflow preteka do zahlavi */
    overflow:      auto;
    border:        0px;
}

.kkCol {
    background-color: #ecebe0;
    padding:       3px 4px 3px 4px;
    cursor:        pointer;
    border-color:  #c8c5ac #c8c5ac #c8c5ac #c8c5ac;
    border-style:  solid solid solid solid;
    border-width:  1px 1px 1px 0px;
    overflow:      hidden;
    white-space:   nowrap;
    height:        21px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: top right;
    text-align:    center;
}

.kkColSep {
    position:      absolute;
    top:           0px;
    right:         -2px;
    width:         6px;
    height:        100%;
    cursor:        col-resize;
}

.kkColM    { height: 37px; }
.kkColSepM { height: 37px; }

.kkColLabel {
    position:      relative;
    width:         100%;
    text-align:    center;
    overflow:      hidden;
}

.kkColText {
    position:      relative;
    border:        0px;
    width:         100%;
}

.kkTblTable {
    table-layout:  fixed;
    border:        0px solid #e9e8de;
    position:      relative;
    top:           -18px;
    background-color: white;
}

.kkTblTable > tbody > tr > td {
    font-size:     12px;
    height:        18px;
    overflow:      hidden;
    white-space:   nowrap;
    border-style:  solid;
    border-color:  white #bbbbbb #bbbbbb #bbbbbb;
    border-width:  0px 1px 1px 0px;
    padding:       1px 5px 0px 4px;
}

.kkTblTable > tbody > .selected > td {
    background-color: #bddcfb;
}

/* vysledky agregacnich funkci volanych z tabulky */
.kkAggr { border: 1px solid #888888; margin-top:10px; }
.kkAggr td { font-family: arial, sans-serif; font-size:8pt; height:18px; overflow:hidden; white-space: nowrap; border-style:solid; border-color:white #888888 #888888 white; border-width:0px 1px 1px 0px; padding: 1px 4px 2px 5px; color:black; background-color:white; -moz-box-sizing: border-box; }
.kkAggr td.hd { font-family: arial, sans-serif; font-size:8pt; height:18px; overflow:hidden; white-space: nowrap; border-style:solid; border-color:white #888888 #888888 white; border-width:0px 1px 1px 0px; padding: 1px 4px 2px 5px; color:black; background-color:#bdbebd; text-align:center; -moz-box-sizing: border-box; }

/* ========================================================= */