/* 
    Document   : Hlavni CSS styl aplikace
    Author     : Jiskra
    Description: Tento soubor by se nemel upravovat pro jednotlive vzhledy aplikace (k tomu slouzi face.css).
                 Zde je hlavne rozlozeni stranky a nastaveni nastroju samotne dulezite barvy a obrazky jsou v face.css
                POZOR !!! soubor je hw linkou ln ../../default/css/...
*/

root { 
    display: block;
}

* {
    padding: 0px;
    margin: 0px;
    /** font-family: Arial, sans-serif;  v grafu nici citelnost pisma*/
    border-color: transparent;
}


/********* vzhled z JqueryUI ************/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* datepicker */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    background-color: #262626 !important;
    color: white !important;
    font-size: 0.8em !important;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    background-color: #262626 !important;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: #ff9900;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}

.ui-widget {
    font-size: 1em;
}



/* dialog */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}


/*** ui menu pouzivano v naseptavaci ***/
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}





/* ui resizable */ 
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}



/* slider */
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/* UI buttons */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    /* width: 2.2em; */
    width: 1.4em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;

}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}




/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 6px;
}


/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5c5c5c url(../img/ui/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
    margin: -7px 0 0 -7px;
    padding: 7px;
    background: #cccccc url(../img/ui/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x;
    opacity: .6;
    filter: Alpha(Opacity=60);
    border-radius: 8px;
}


.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}




/* uprava aotocomplete pro input box naseptavac */
.ui-autocomplete-loading {
    background: white url('../img/loading_icon_mal.gif') right center no-repeat;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    height: 180px;
    overflow-y: auto;
}

.ui-autocomplete, .ui-autocomplete-input {
    background: #FEF1D7 !important;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle { /* talcitko vyberu */
    /* position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0; */
    display: inline-block;
    height: 1.4em;
    position: relative;
    bottom: 1px;
}
.custom-combobox-input {
    margin: 0;
    padding: 2px;
    width: 200px;
}

.custom-combobox-input.help {
    background-image: none !important;
}


/****** nastaveni pro listInfo (obrazkovy vyberovy combobox) ********* */
.listInfo {
    display: block;
    margin: 1px;
    position: relative;
}

.listInfo td {

}

.listInfo_sel {
    border: 1px solid #555;
    background-color: white;
    cursor: pointer;

    max-width: 300px;
}

.listInfo_itm {
    max-width: 300px;
    padding: 4px;

}

.listInfo_cl {
    background-color: #666666;
    color: white;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}


.listInfo img {
    display: block;
    /* border: 1px solid #555; */
    height: 40px;
    margin: 4px 0px 4px 4px;
}

.listInfo_itm b {
    display: block;
    font-weight: bold;
}
.listInfo_itm span {
    display: block;
    height: 1em;
    overflow: hidden;
    text-align: justify;
}

.listInfo_list span {
    height: auto;
    overflow: auto;
}

.listInfo_list {
    width: 700px;
    max-height: 300px;
    overflow-y: auto;
    background-color: white;
    border: 2px solid #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px #4B4B4B;
    -webkit-box-shadow: 3px 3px 4px #4B4B4B;
    box-shadow: 3px 3px 4px #4B4B4B;
    position: absolute;
    z-index: 1000;
    padding-right: 2px;
}

.listInfo_list table {
    width: 98%;
    margin: 5px;
    border: 1px solid #555;
    cursor: pointer;
}

.listInfo_list table:hover {
    background-color: #80B3FF;
}

.listInfo_list img {
    height: auto;
}




/****** nastaveni pro listMulti (pForm prvek pro mnohacetne vybery z listboxu) ********* */
.pForm_listMulti div {
    background-color: white;
    margin: 1px;
    padding: 5px;
    border: 1px solid #acacac;
}

.listMulti_sel {
    width: 100%;
    margin: 1px 0px 5px 0px;
    padding: 8px;

}

.listMulti_sel td {
    padding: 0px 5px;
    border-bottom: 1px solid #dfdddd;
}










/**** zakladni nastaveni prostredi *****/



body {
    /* font-family: Arial,sans-serif; */
    font-size: 14px; /* hlavni nastaveni velikosti fontu */
}

table, td, th {
    font-size: 100%;
    border-collapse: collapse;
}

td, th {
    vertical-align: top;
    text-align: left;
    padding: 0px 2px;
    empty-cells: show;
}

th {
    font-weight: bold;
}

a {
    color: #000099;
}



h1 {
    font-size: 1.5em;
    text-align: center;
}

h3 {
    font-size: 1em;
    padding: 2px 5px;
}

/** oddelovaci pas **/
h4 {
    background-color: silver;
    display: block;
    font-weight: bold;
    font-size: 130%;
    padding: 2px 20px;
    margin-top: 30px;
}


.clear {
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.nowrap { /* nezalamovat text */
    white-space: nowrap;    
}

big, .debug {
    color: #d34d17;
    display: block;
    background-color: lemonchiffon;
    border: 1px solid lightsalmon;
    padding: 5px;
    margin: 10px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.leftFlot {
    display: inline-block;
    float: left;
}

.red {
    color: red;
}

.blue {
    color: #3740b1; 
}

.green {
    color: #008000
}

.active {
    color: #7B0B0B;
}
.inactive {
    color: #2C72C7;
}

.infoText {
    color: #074EDE;
}

b.red, b.green {
    font-weight: normal;
}

.disabled {
    background-color: #C7C7C7;
    color: #474747;
}


.floatBlock {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}


.onClickCur {
    cursor: pointer;
}

.onClickCur_l, .a-ajax {
    cursor: pointer;
    text-decoration: underline;
}

.a-ajax {
    color: #000099;
}



/* ************************* rozlozeni stranky *********************** */

body {
    margin: 0px;
    /*padding: 1px;*/
    height:100%;
    /* background-color: white; */
    display: block;
}

div.main {
    display: block;
    width: 100%;
    position: relative;
    /* border: 1px solid #A0A0A0; */
}            

header {
    display: block;
    position: relative;
    width: 100%;
    /* border-bottom: 2px solid #A0A0A0; */
}


a.logo {
    position: absolute;
    display: block;
    width: 100px; /* nesmi byt vetsi nez margin-right topMenu */
    height: 50px; /* nesmi presahnout vysku header bloku */
    top: 0px;
    right: 0px;
    white-space: nowrap;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

a.logo:hover {
    background-color: transparent;

}

a.logo .img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

a.logo .img-container img {
    vertical-align: middle;
    display: inline-block;
}

nav.topMenu {
    display: block;
    position: relative;
    margin-right: 100px;
    border: none;
    font-weight: normal;
    vertical-align: top;
}

div.infoline {
    display: block;
    vertical-align: bottom;
    font-size: 90%;
    margin-right: 100px;
    padding: 1px 1px 1px 4px;
    clear: both;
    border: none;
    /*
    color: white;
    background-color: #888;
    background-image: -moz-linear-gradient(#555, #888); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#888));	
    background-image: -webkit-linear-gradient(#555, #888);	
    background-image: -o-linear-gradient(#555, #888);
    background-image: -ms-linear-gradient(#555, #888);
    background-image: linear-gradient(#555, #888);    
    
    */
}

div.login b {
    font-weight: normal;
}

div.login a {
    color: white;
}

div.content { /* tabulka */
    /* display: table;  puvodne tu bylo table-row, ale delalo to problemy pri ovladani grafu */
}

div.middle {
    display: table;
    width: 100%;
    background-color: #F7F7F7;
}

div.data { /* radek tabulky */
    display: table-row;
}

div.left, div.content { /* bunky tabulky */
    border-collapse: collapse;
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding: 2px 5px; /* odsazeni obsahu */
}

div.left {
    /* border-right: 1px solid #A0A0A0; */
    width: 250px;
}

nav.leftMenu {
    width: inherit;
    /*min-height: 650px;   pokud nejsou data neco musi trochu roztahnout prostredni blok - roztahuje to tree menu, ktere je vetsinou zobrazeno */

}


nav.leftMenu .tree {
    /* background-color: white; 
    height: 650px;*/
}

div.left .ui-widget-content {
    border: none;
}

#contData {
    position: relative;
    border: none;
    width: 100%;
    min-height: 450px;
    display: block;
}

div.login {
    display: inline-block;
    float: right;
    margin: 2px 2px;
}


.selObdobiDiv{
    display: inline-block;
}

.selObdobi, div.infoline a.selObdobi {
    display: inline-block;
    margin: 1px;
    text-decoration: none;
    font-size: 17px;
    background-color: white;
    border: 1px solid #FF7E00;
    color: #FF7E00;
    border-radius: 6px !important;
    width: 15em;
    text-align: right;    
}

.selObdobi:hover, div.infoline a.selObdobi:hover {
    border-color: #FFBF80;
}

.selObdobi:hover span {
    color: white;
}

.selObdobi b  {
    display: inline-block;
    padding: 1px 10px;
    font-weight: bold;
    width: 12em;
    text-align: center;
}
.selObdobi span {
    display: inline-block;
    padding: 1px 5px;
    background-color: #FFBF80;
    border-radius: 0px 6px 6px 0px !important;
}


/* ********* home obsah ************ */
#contMisto {
    display: block;
    width: 100%;
}













/* ****************************** spodni lista ************************************** */

footer {
    position: relative;
    display: block;
    height: 20px;
    /*    border-top: 1px solid #A0A0A0;
        background-color: #C2C2C2;
        color: #4C4C4C; */
}

footer .verze {
    position: absolute;
    top: 2px;
    left: 5px;
}

footer .copy {
    position: absolute;
    top: 2px;
    right: 5px;
    text-align: right;
}












/* ****************************** jsTree upravy ************************************** */

.jstree {
    padding: 2px 2px 10px 2px;
}

.ui-accordion .ui-accordion-content {
    padding: 0px;
    /* background-color: white; */
}


.ui-accordion .ui-accordion-header {
    padding: 2px 2px 2px 25px ;
}

/* editacni tlacitka accordion */
#accordion .accordion-tl {
    position: absolute;
    right: 3px;
}

#accordion .ui-state-active a.tlacitko {
    display: inline;
}



/*** icony meridel ve stromu a v tabulkach ***/
.no-icon, .no-icon:empty { /* polozko stromu bez icony*/
    display: none;
}

/* nenastaveno */
nav.leftMenu .potid0 ins.jstree-icon, ins.potid0 {
    background-image: url("../img/help.png");
}

/* 1;"Elektřina Vysoký tarif (VT)";"elvt.png" */
nav.leftMenu .potid1 ins.jstree-icon, ins.potid1 {
    background-image: url("../img/icony-pocitadel/elvt.png");
}

/* 2;"Elektřina Nízký tarif (NT)";"elnt.png" */
nav.leftMenu .potid2 ins.jstree-icon, ins.potid2 {
    background-image: url("../img/icony-pocitadel/elnt.png");
}

/* 3;"Studená voda";"sv.png" */
nav.leftMenu .potid3 ins.jstree-icon, ins.potid3 {
    background-image: url("../img/icony-pocitadel/sv.png");
}

/* 4;"Elektřina ";"el.png" */
nav.leftMenu .potid4 ins.jstree-icon, ins.potid4 {
    background-image: url("../img/icony-pocitadel/el.png");
}

/* 5;"Teplá voda";"tv.png" */
nav.leftMenu .potid5 ins.jstree-icon, ins.potid5 {
    background-image: url("../img/icony-pocitadel/tv.png");
}

/* 6;"Plyn";"pl.png" */
nav.leftMenu .potid6 ins.jstree-icon, ins.potid6 {
    background-image: url("../img/icony-pocitadel/pl.png");
}

/* 7;"Vnitřní teplota";"ti.png" */
nav.leftMenu .potid7 ins.jstree-icon, ins.potid7 {
    background-image: url("../img/icony-pocitadel/ti.png");
}

/* 8;"Teplo";"tep.png" */
nav.leftMenu .potid8 ins.jstree-icon, ins.potid8 {
    background-image: url("../img/icony-pocitadel/tep.png");
}

/* 9;"Venkovní teplota";"te.png" */
nav.leftMenu .potid9 ins.jstree-icon, ins.potid9 {
    background-image: url("../img/icony-pocitadel/te.png");
}

/* 10;"Provozní teplota";"" */
nav.leftMenu .potid10 ins.jstree-icon, ins.potid10 {
    background-image: url("../img/icony-pocitadel/tepro.png");
}

/* 11;"Teplo (průměr)";"" */
nav.leftMenu .potid11 ins.jstree-icon, ins.potid11 {
    background-image: url("../img/icony-pocitadel/serv.png");
}

/* 12;"Vlhkoměr";"" */
nav.leftMenu .potid12 ins.jstree-icon, ins.potid12 {
    background-image: url("../img/icony-pocitadel/humidity.png");
}
/* 13;"Kalorimetr(kWh)";"kalkwh.png" */
nav.leftMenu .potid13 ins.jstree-icon, ins.potid13 {
    background-image: url("../img/icony-pocitadel/kalkwh.png");
}

/* 14;"Kalorimetr(GJ)";"kalgj.png" */
nav.leftMenu .potid14 ins.jstree-icon, ins.potid14 {
    background-image: url("../img/icony-pocitadel/kalgj.png");
}
/* 15;"Tlak (kPa)";"" */
nav.leftMenu .potid15 ins.jstree-icon, ins.potid15 {
    background-image: url("../img/icony-pocitadel/tlak.png");
}
/* 16;"Teplo (rad. HCA)";"tep.png" */
nav.leftMenu .potid16 ins.jstree-icon, ins.potid16 {
    background-image: url("../img/icony-pocitadel/tep.png");
}
/* 17;"CO2";"" */
nav.leftMenu .potid17 ins.jstree-icon, ins.potid17 {
    background-image: url("../img/icony-pocitadel/co2.png");
}
/* 18;"Uzavírací klapka";"serv.png" */
nav.leftMenu .potid18 ins.jstree-icon, ins.potid18 {
    background-image: url("../img/icony-pocitadel/serv.png");
}
/* 19;"Vstupní teplota";"" */
nav.leftMenu .potid19 ins.jstree-icon, ins.potid19 {
    background-image: url("../img/icony-pocitadel/tevs.png");
}
/* 20;"Výstupní teplota";"" */
nav.leftMenu .potid20 ins.jstree-icon, ins.potid20 {
    background-image: url("../img/icony-pocitadel/tevy.png");
}
/* 21;"Studená voda(vel)";"sv.png" */
nav.leftMenu .potid21 ins.jstree-icon, ins.potid21 {
    background-image: url("../img/icony-pocitadel/sv.png");
}
/* 22;"Teplá voda(vel)";"tv.png" */
nav.leftMenu .potid22 ins.jstree-icon, ins.potid22 {
    background-image: url("../img/icony-pocitadel/tv.png");
}
/* 23;"Vzdálenost";"" */
nav.leftMenu .potid23 ins.jstree-icon, ins.potid23 {
    background-image: url("../img/icony-pocitadel/vzdalenost.png");
}
/*24;"Teplo(HCA)";"tep.png"*/
nav.leftMenu .potid24 ins.jstree-icon, ins.potid24 {
    background-image: url("../img/icony-pocitadel/tep.png");
}
/* 25;"Tlak (bar)" */
nav.leftMenu .potid25 ins.jstree-icon, ins.potid25 {
    background-image: url("../img/icony-pocitadel/tlak.png");
}

/*26;"Kapalina (stav)"*/
nav.leftMenu .potid26 ins.jstree-icon, ins.potid26 {
    background-image: url("../img/icony-pocitadel/hladina.png");
}

/*27;"Elektřina dodávka"*/
nav.leftMenu .potid27 ins.jstree-icon, ins.potid27 {
    background-image: url("../img/icony-pocitadel/eldo.png");
}

/*28;"Kontakt"*/
nav.leftMenu .potid28 ins.jstree-icon, ins.potid28 {
    background-image: url("../img/icony-pocitadel/kontakt.png");
}

/*29;"Čítač"*/
nav.leftMenu .potid29 ins.jstree-icon, ins.potid29 {
    background-image: url("../img/icony-pocitadel/citac.png");
}

/* 30;"Napětí" */
nav.leftMenu .potid30 ins.jstree-icon, ins.potid30 {
    background-image: url("../img/icony-pocitadel/voltage.png");
}
/* 31;Elektřina Qi (+) */
nav.leftMenu .potid31 ins.jstree-icon, ins.potid31 {
    background-image: url("../img/icony-pocitadel/elqi.png");
}
/* 32;Elektřina Qk (-) */
nav.leftMenu .potid32 ins.jstree-icon, ins.potid32 {
    background-image: url("../img/icony-pocitadel/elqk.png");
}
/* 33;"Střední činný výkon (kW)" */
nav.leftMenu .potid33 ins.jstree-icon, ins.potid33 {
    background-image: url("../img/icony-pocitadel/elvy.png");
}

/* 34;"Střední jalový výkon (kW)" */
nav.leftMenu .potid34 ins.jstree-icon, ins.potid34 {
    background-image: url("../img/icony-pocitadel/elvy.png");
}

/*35;"Tg(fí)"*/
nav.leftMenu .potid35 ins.jstree-icon, ins.potid35 {
    background-image: url("../img/icony-pocitadel/elvy.png");
}
/*36;"Elektřina (∑)"*/
nav.leftMenu .potid36 ins.jstree-icon, ins.potid36 {
    background-image: url("../img/icony-pocitadel/elx.png");
}
/*37;"Elektřina jalová Qc (-∑)"*/
nav.leftMenu .potid37 ins.jstree-icon, ins.potid37 {
    background-image: url("../img/icony-pocitadel/elx.png");
}
/*38;"CO2max"*/
nav.leftMenu .potid38 ins.jstree-icon, ins.potid38 {
    background-image: url("../img/icony-pocitadel/co2.png");
}

/*39;"TVOC"*/
nav.leftMenu .potid39 ins.jstree-icon, ins.potid39 {
    background-image: url("../img/icony-pocitadel/tvoc.png");
}

/*40;"TVOCmax"*/
nav.leftMenu .potid40 ins.jstree-icon, ins.potid40 {
    background-image: url("../img/icony-pocitadel/tvoc.png");
}

/* 41;"Kalorimetr chlad (GJ)" */
nav.leftMenu .potid41 ins.jstree-icon, ins.potid41 {
    background-image: url("../img/icony-pocitadel/kalkwhs.png");
}
/* 42;"Kalorimetr chlad (kWh)" */
nav.leftMenu .potid42 ins.jstree-icon, ins.potid42 {
    background-image: url("../img/icony-pocitadel/kalgjs.png");
}
/* 43;"Kalorimetr teplo (GJ) */
nav.leftMenu .potid43 ins.jstree-icon, ins.potid43 {
    background-image: url("../img/icony-pocitadel/kalkwh.png");
}
/* 44;"Kalorimetr teplo (kWh) */
nav.leftMenu .potid44 ins.jstree-icon, ins.potid44 {
    background-image: url("../img/icony-pocitadel/kalgj.png");
}
/* 45;"Dveřní kontakt */
nav.leftMenu .potid45 ins.jstree-icon, ins.potid45 {
    background-image: url("../img/icony-pocitadel/door.png");
}
/* 46;"Záplavové čidlo */
nav.leftMenu .potid46 ins.jstree-icon, ins.potid46 {
    background-image: url("../img/icony-pocitadel/flode.png");
}
/* 47;"Režim zabezpečení */
nav.leftMenu .potid47 ins.jstree-icon, ins.potid47 {
    background-image: url("../img/icony-pocitadel/secure.png");
}

/* 48;"Metan */
nav.leftMenu .potid48 ins.jstree-icon, ins.potid48 {
    background-image: url("../img/icony-pocitadel/ch4.png");
}


/* 101;"RSSI" */
nav.leftMenu .potid101 ins.jstree-icon, ins.potid101 {
    background-image: url("../img/icony-pocitadel/rssi.png");
}



nav.leftMenu .meridlo ins.jstree-icon, ins.poctyp {
    display: inline-block;
    width: 19px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    padding: 0px;
    margin: 0px 2px 0px 0px;
}


nav.leftMenu .bTshowAll {
    font-size: 90%;
}



/* ****************************** FORMUARE upravy ************************************** */


#allMessage {
    position: absolute;
    /* padding: 30px; */
    z-index: 100;
}

fieldset {
    padding: 5px;
    margin: 4px;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px #4B4B4B;
    -webkit-box-shadow: 3px 3px 4px #4B4B4B;
    box-shadow: 3px 3px 4px #4B4B4B;
    /*    
        border: 1px solid #4B4B4B;
        background-color: #CCCCCC;*/
}

legend {
    display: block;
    padding: 0px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 3px 3px 4px #4B4B4B;
    -webkit-box-shadow: 3px 3px 4px #4B4B4B;
    box-shadow: 3px 3px 4px #4B4B4B;
    margin-bottom: 5px;
    /*    
        background-color: #F2F2F2;
        border: 1px solid #4B4B4B;
        color: #333333;*/
}

/* zobrazeni identifikatoru zaznamu */
.idNum {
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.idNum i,  i.idNum2 {
    display: inline-block;
    position: absolute;
    top: -16px;
    right: -3px;
    color: white;
    background-color: #888888;
    font-size: 10px;
    padding: 0px 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: pre;
}
i.idNum2 {
    position: initial;
    padding: 0px 3px;
    margin: 2px 5px;
}

input, select, textarea, .readonly {
    padding: 0.07em;
    margin: 0px 0px 1px 1px;
    font-size: 1em;
    /*  color: black;
        border: 1px solid #555555;
        background-color: white;    */
}


/*  uprava pro placeholder input prvku */
::-webkit-input-placeholder {
    opacity: 1;
    color: #AFAFAF;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #AFAFAF;
}

::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    color: #AFAFAF;
}

:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
    color: #AFAFAF;
}

::-ms-input-placeholder { /* Edge */
    opacity: 1;
    color: #AFAFAF;
}

:placeholder-shown { /* Standard one last! */
    opacity: 1;
    color: #AFAFAF;
}




select[disabled], input[disabled] {
    background-color: #C7C7C7;
    color: #474747;
}

.help {
    background-image: url("../img/help.png") !important;
    background-repeat: no-repeat;
    background-position: right 2px;
}

.helpSpan {
    display: inline-block;
    position: absolute;
    width: 11px;
    height: 13px;
    background-image: url("../img/help.png") !important;
    background-repeat: no-repeat;    
}

select {
    max-width: 300px;
}

table.formData {
    margin-bottom: 1em;
}

table.formData td textarea {
    width: 100%;
}

.tlacitko, .ui-widget button.tlacitko, .ui-widget-content a.tlacitko {
    display: inline-block;
    border-radius: 6px;
    border: 1px solid rgb(102, 102, 102);
    background: url("../img/ui/ui-bg_glass_20_555555_1x400.png") repeat-x scroll 50% 50% rgb(85, 85, 85);
    font-weight: bold;
    color: rgb(238, 238, 238);
    padding: 1px 15px;
    margin: 1px 2px;
    text-decoration: none;
    font-size: 12px;
}

table.obsah .tlacitko {
    padding: 1px 2px;
}


a.tlacitko { /* uprava, protoze je tlacitko z odkazu trochu mensi */
    padding: 2px 15px;
    white-space: nowrap;
}

.tlacitko:hover, .ui-widget button.tlacitko:hover {
    border: 1px solid rgb(89, 180, 212);
    background: url("../img/ui/ui-bg_glass_40_0078a3_1x400.png") repeat-x scroll 50% 50% rgb(0, 120, 163);
}

.tlacitko.delete, button.tlacitko.delete, .ui-widget-content a.tlacitko.delete {
    background: none;
    background-color: #B20000;
    border-color: #700000;
}

.delete:hover {
    background-color: #D30000;
}

.tlacitko.funkce, button.tlacitko.funkce, .ui-widget-content a.tlacitko.funkce, .ui-dialog table.obsah a.tlacitko.funkce  {
    background: none;
    background-color: #025D8A;
    border-color: #01354F;
}
.funkce:hover, .tlacitko.funkce:hover, button.tlacitko.funkce:hover, .ui-widget-content a.tlacitko.funkce:hover, .ui-dialog table.obsah a.tlacitko.funkce:hover {
    background-color: #026FA5;
}

.tlacitko.funkce2, button.tlacitko.funkce2, .ui-widget-content a.tlacitko.funkce2, .ui-dialog table.obsah a.tlacitko.funkce2  {
    background: none;
    background-color: #D97F00;
    border-color: #8C5201;
}
.funkce2:hover, .tlacitko.funkce2:hover, button.tlacitko.funkce2:hover, .ui-widget-content a.tlacitko.funkce2:hover, .ui-dialog table.obsah a.tlacitko.funkce2:hover {
    background-color: #DC9A3C;
}

.tlacitko.tlok, button.tlacitko.tlok, .ui-widget-content a.tlacitko.tlok, .ui-dialog table.obsah a.tlacitko.tlok  {
    background: none;
    background-color: #00892C;
    border-color: #00220C;
}
.tlok:hover, .tlacitko.tlok:hover, button.tlacitko.tlok:hover, .ui-widget-content a.tlacitko.tlok:hover, .ui-dialog table.obsah a.tlacitko.tlok:hover {
    background-color: #009A31;
}

.tlacitko.disable, button.tlacitko.disable, .ui-widget-content a.tlacitko.disable, .ui-dialog table.obsah a.tlacitko.disable  {
    background: none;
    background-color: #BCBFB8;
    border-color: #ADAFA9;
}
.disable:hover, .tlacitko.disable:hover, button.tlacitko.disable:hover, .ui-widget-content a.tlacitko.disable:hover, .ui-dialog table.obsah a.tlacitko.disable:hover {
    background-color: #BABDB6;
}

.tlacitko.mini, .ui-widget-content a.tlacitko.mini {
    font-size: 80% !important;
    padding: 1px 8px!important;
    border-radius: 4px!important;    
}

.tlacitko.minimal, .ui-widget-content a.tlacitko.minimal {
    font-size: 80% !important;
    padding: 0px 3px!important;
    border-radius: 4px!important;    
}



.tlacitko.ticon, table.obsah .tlacitko.ticon, .tlacitko.ticon2, table.obsah .tlacitko.ticon2 {
    display: inline-block;
    width: 15px;
    text-align: center;
    /*   padding: 2px;  */
    font-size: 1em; 
    color: white;
    border-radius: 3px!important;
}

.tlacitko.ticon2, table.obsah .tlacitko.ticon2 {
    color: yellow;
}


div.tlacitkoList {
    position: relative;
    bottom: 8px;
    display: inline-block;
    padding: 2px;
    background-color: white;
    border: 1px solid black;
    border-radius: 4px;
    z-index: 1;
}

div.tlacitkoList select {
    width: 130px !important;
    font-size: 12px;
    text-align: right;
}



a.checkbox, table.tbl th.nazev a.checkbox {
    color: black;
    font-size: 90%;
    font-weight: bold;
    padding: 1px;
    margin: 2px;
    text-decoration: none;
    font-size: 12px;    
}

img.checkbox {
    padding-top: 0.25em;
}


/*** nastaveni checkboxes (mnohacetne vybery)  ***/
div.checkboxes {
    margin-top: 2px;
    padding: 1px;
    margin-bottom: 4px;
    background-color: white;
    position: relative;
    border: 1px solid black;
}
div.checkboxes div.chbList {
    display: block;
    overflow-y: auto;
    min-width: 200px;
    max-height: 100px;
    min-height: 20px;
    padding-right: 5px;                
}
div.checkboxes span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 1px 2px;
    cursor: pointer;
    border-bottom: 1px solid white;
}
div.checkboxes span:hover {
    background-color: #718AA7;
    color: white;
}

div.checkboxes div.chbList b {
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    width: 100%; /* pozor muze byt problem (inline 100% za zaskrtavatkem */
}
div.checkboxes .checkedBox {
    background-color: #9ABBE3;
    /* color: white; #DAA520; */
}
div.checkboxes div.chbStatus {
    display: none;
    position: absolute;
    text-align: right;
    background-color: #DCDCDC; 
    right: 15px;
    top: 0px;
}

div.checkboxes div.chbStatus b {
    display: inline-block;
    position: relative;
    font-weight: normal;
    padding-left: 2px;    
    bottom: 2px;
}

div.checkboxes div.chbStatus img {
    display: inline-block;
    padding: 3px 2px 0px 2px;
}




.readonly, span.readonly  {
    display: inline-block;
    font-size: 1em;
    border-color: #A0A0A0;
    background-color: #f6f6f6;
    padding: 0.1em;
    min-height: 1em;
    min-width: 170px;
    /* max-width: 250px; //uvidime jestli to bude vadit vypnute */ 
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;

    color: black;
}


.readonly a {
    color: black;
}

.formData td {
    vertical-align: top;
}

label {
    padding-left: 5px;
    display: block;
    color: #333333;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}

b.mandatory {
    color: rgb(216, 0, 0);
    font-size: 10px;
    position: relative;
    left: -2px;
    top: -5px;
    font-weight: bold;
}


/* ** zobrazeni UI info a error hlasek nad textem ** */
.ui-state-error, .ui-state-highlight  {
    margin-top: 20px;
    padding: 10px 15px;
    display: inline-block;
}

.ui-state-error {
    background: #ffc73d;
}

.ui-icon-info, .ui-icon-alert {
    float: left;
    margin-right: 10px;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
    background-image: none;
    background-color: #0186ba;
    font-weight: normal;
}

table.formData a.form-icon, a.form-icon {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 19px;
    height: 19px;
    background-color: #5B5B5B;
    border-radius: 6px;
    margin-left: 1px;
}


table.formData a.form-icon .ui-icon { 
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px 1px;
    background-image: url(../img/ui/ui-icons_ffffff_256x240.png);
}


/* ikona tlacitka stromu */
.ui-icon-tree {
    background-image: url("../img/icons/tree-bt.png") !important;
    background-position: 2px 3px;
}


/* mini formularove ikony vyuzivajici uvnitr text nebo Font-Awesome */
.icon-mini {
    display: inline-block;
    position: relative;
    width: 19px;
    height: 19px;
    background-color: #5B5B5B;
    border-radius: 6px;
    margin-left: 1px;
    text-align: center;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}

.icon-mini:hover {
    background-color: #0293D6;
}

.icon-mini i {
    text-align: center;
    vertical-align: middle;    
}




/*** fortawesome ***/
/* velikost alarm ikon */
i.fa.alarmIco {
    font-size: 18px;
}

.fa-question {
    color: #0101ee;
    font-size: 16px;
    padding-left: 2px;
}

/* Tarifikace ikona barva */
.fa-tachometer {
    font-size: 120%;
}

.fa-user-circle {
    color: red;
}

/* radkova mazaci (delete) ikona */
.fa-trash {
    color: #CB0000;
    font-size: 1.3em;
    cursor: pointer;
}

.fa-trash:hover {
    color: red;
}

.tarif-ico {
    color: #8F2043;
}

/** blikani ikon a textu **/
.icon-pulse {
    display: inline-block;
    -moz-animation: pulse 0.5s infinite linear;
    -o-animation: pulse 0.5s infinite linear;
    -webkit-animation: pulse 0.5s infinite linear;
    animation: pulse 0.5s infinite linear;
}

a.fa {
    text-decoration: none;    
}

.meStatusCol .fa {
    display: inline-block;
    padding-left: 2px;
}

@-webkit-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


input:focus, textArea:focus, a:focus, select:focus, button:focus, .tlacitko:focus, .ui-widget button.tlacitko:focus {
    /*background-color: #D8DFFF;
    color: black;*/
    border: 1px solid #08B5FF;
} 



.GPDRinfo {
    font-style: italic;
    color: #ff00b4;
    text-align: justify;
}

.GPDRinfo ul {
    display: block;
    padding: 10px 0px 10px 20px;
}

.GPDRinfo .onClickCur {
    text-decoration: underline;
}

/******** zobrazeni normalnich CHYB, OK a INFO hlaseni v textu  ****************/
ul.message {
    display: block;
    min-width: 300px;
    margin: 0px 40px;  
}

ul.message li {
    display: block;
}
.messInfo, .messError, .messOk {
    /* display: block; */
    color: white;
    padding: 2px 5px 2px 5px;
    margin: 1px;
}
.messInfo {
    background-color: #FECD1B;
    color: #643C00;
}
.messError {
    background-color: #FF3431;
}
.messOk {
    background-color: #00A200;
}

.errNoRow { /* pokud nema tabulka zaznamy */
    display: block;
    margin: 0px auto;    
    width: 30em;
    color: #C50000;
    font-size: 85%;
    text-align: center;
    padding: 5px;
}


/******** informace trvale zobrazene ve formulari apod **********/
.blokInfo {
    background-color: #FFFFE2;
    color: #643C00;
    padding: 5px 15px;
    font-weight: bold;
    border: 1px solid #643C00;
}

/******** seda informacni lista v okne hned pod nadpisem **********/
.listaInfo {
    background-color: silver;
    width: 100%;
}

/******** zobrazeni chybovych stranek  ****************/
div.httpError  {
    min-height: 0;
    background-color: #FFC0C0;
    width: 650px;
    padding: 20px;
    margin: 20px;
    font-size: 1.2em;
}

div.httpError p {
    padding: 10px 0px;
}





/* ********** napoveda (tooltip) ******** */

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

.ui-state-highlight {
    margin-top: 5px;
}

/* *************** dialog window ********************* 
.ui-dialog {
    background-color: white;
    background-image: url("../img/bg-black10.png");

    -moz-box-shadow: 13px 13px 14px #4B4B4B;
    -webkit-box-shadow: 13px 13px 14px #4B4B4B;
    box-shadow: 13px 13px 14px #4B4B4B;    
}

.ui-dialog .ui-widget-content {
    color: black;
    font-size: 1em;    
}

.ui-dialog table.obsah a {
    color: #000060;
}

.ui-dialog .ui-dialog-title {
    white-space: pre;
}

*/

/* *********************** UI tabs ************************** */
.nav { 
    display: block;
}

.nav-con { /* zobrazeny obsah pro vybranou polozku */
    margin: 0px;
    display: block;

    /*
    background-color: white;
    border: 1px solid black;*/
}

ul.naul {
    display: block;
    /* background-image: -moz-linear-gradient(center bottom , #AAAAAA 0%, #E0E0E0 50%); */
    background: -webkit-linear-gradient(rgba(255,255,255,0.0), #AAAAAA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0.0), #AAAAAA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0.0), #AAAAAA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0.0), #AAAAAA); /* Standard syntax (must be last) */
    position: relative;
    padding: 4px 10px 0px 10px;
    list-style: none outside none;
    /* background-color: #E0E0E0; */
}

ul.naul li {
    display: inline;
    list-style: none outside none;
}

ul.naul a {
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 4px 4px 0px 0px;
    /*
    background-color: #6F6F6F;
    color: white;
    border: 1px solid #3F3F3F;*/
}


ul.naul a.select {
    font-weight: bold;
    /*
        background-color:  white;
        border: 1px solid black;
        color: black;*/
}




/* specialni listbox */
.listWide label {
    text-align: left;
}







/* ***************************************** tabulky **************************************************** */

table.tbl {
    text-align: left;
    margin: 5px;
    /*
        background-color: #F8F8F8;
        border: 1px solid #4C4C4C;*/
}

table.obsah a:hover {
    text-decoration: underline;
}

table.tbl table.obsah {
    border-collapse: collapse;
    min-width: 390px; 
}

table.tbl th.nazev {
    position: relative;
    display: block;
    font-weight: bold;
    padding: 3px;
    border: none;
    background-image: none;
    /*    background-color: #656565; */
}

table.tbl th.nazev a {
    /* color: white;  */
    text-decoration: none;
}

table.tbl .pocetRadek {
    position: absolute;
    right: 5px;
}

table.obsah tr {
    border-bottom: 1px solid transparent;
}
tr.hlavicka {
    background-image: url("../img/bg-black20.png");
    font-size: 90%;
}

tr.hlavicka a, .ui-dialog tr.hlavicka a {
    text-decoration: none;
    /* color: black; */
}


table.obsah tr.hlavicka th, tr.firstHlavicka th {
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: bottom;
}

table.obsah td {
    font-size: 90%;
    padding: 0px 5px;
    font-weight: normal;
}

.second {
    background-image: url("../img/bg-black5.png");
}


/* --------- navigator a jine UI ikony v tabulce -----*/

table.tbl .ui-icon {
    display: inline-block;
    width: 16px;
    height: 12px;    
}
table.tbl .navigator .ui-icon, table.tbl .hlavicka .ui-icon {
    background-image: url("../img/ui/ui-icons_222222_256x240.png");
}

/* pro tlacitko delete */
table.tbl .ui-icon-red { 
    width: 16px;
    height: 16px;
    background-image: url(../img/ui/ui-icons_a83300_256x240.png);
    display: inline-block;
}

div.navigator {
    display: block;
    font-size: 80%;
    width: 100%;
    position: absolute;
    bottom: -18px;
    text-align: center;
}

table.tbl .navigator a {
    text-decoration: none;
    padding: 0px 2px;
    color: #222222;
}



table.tbl .navigator b {
    color: red;
}

table.tbl.prostor-navigator {
    margin-bottom: 25px;
}

table.tbl th.foot {
    position: relative;
    display: block;
    padding-bottom: 1px;
}





/* ------------------- filtr tabulky --------------------------- */

tr.filtr {
    outline: 1px solid #FF0000;
    background-color: #F8F3F3;
    empty-cells: show;
}

fieldset.filtrSpec {
    border: 2px solid #FF0000;
    background-color: #F8F3F3;
}

.filtrBut, .ui-widget-content a.filtrBut, table.tbl th.nazev a.filtrBut { /** tlacitko filtru nad tabulkou **/
    background-image: none;
    background: none; /* #bf8d89 #ffbbb4 */
    border: 1px solid #C97674;
    color: #C97674;
    position: relative;
    padding: 1px 3px !important;
    border-radius: 0px;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: 1px;
}

.filtrSet, .ui-widget-content a.filtrSet, table.tbl th.nazev a.filtrSet {
    /* .tlacitko.filtrSet, button.tlacitko.filtrSet, .ui-widget-content a.tlacitko.filtrSet {
         background: none; */
    background-color: #E85752;
    border-color: #E85752;
    color: white;    
}

.filtrBut:hover, .ui-widget-content a.filtrBut:hover, table.tbl th.nazev a.filtrBut:hover {
    background-color: #E85752;
    border-color: #ffbbb4;
    color: #ffbbb4;
}


tr.filtr .fButts { /** lista tlacitek u polozky filtru */
    width: 100%;
    text-align: right;
}

tr.filtr .ui-icon {
    padding: 0px;
    height: 14px;
}

tr.filtr td {
    height: 15px;
    empty-cells: show;
    color: #800000;
    /* border: 1px solid #C94C4C; */
}

/* zobrazeni bunky filtru */
tr.filtr td.cFiltr {
    cursor: pointer;
    background-image: url("../img/filtr-icon.png");
    background-repeat: no-repeat;
    background-position: right 2px;
    empty-cells: show;
    border: 1px solid #FF9C95;
}

tr.filtr td.cFiltr:hover {
    background-color: #FFC8C9;
}

/* zaobrazeni nastavene bunky filtru */
tr.filtr td.setF {
    background-image: none;
    background-color: #E6BEBE;
}



tr.filtr form {
    display: inline-block;
    padding: 5px;
    position: absolute;
    border: 1px solid red;
    border-radius: 5px;
    /* background-color: white; */
    background-color: #F8F3F3;
    box-shadow: red 4px 6px 20px;
    -webkit-box-shadow: red 4px 6px 20px;
    -moz-box-shadow: red 4px 6px 20px;
    text-align: left;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    z-index: 100;
}

tr.filtr form div {
    white-space: nowrap;
}

/* tlacitko zobrazeni logu */
.btLogy {
    position: absolute;
    right: 5px;
    top: 2px;
}
.btLogy i {
    color: #656565;
    font-size: 20px;    
}

.btLogy:hover i {
    font-size: 46px;    
    color: #656565;
}


/* --------- ovladaci tlacitka ----------------- */
div.table-ovl {

    display: block;
    width: 100%;
    min-height: 20px;
    color: black;


    position: absolute;
    top: -20px;
    left: 0px;
}

table.tbl.prostor-tlacitka {
    margin-top: 25px;
}



/* ------------ tlacitka uvnitr radku tabulky --------- */
a.deleteRow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../img/delete.png");
    background-repeat: no-repeat;
    padding: 0px;
}



/* ---- jinak barevna tabulka --- */
table.tableAlarm th.nazev {
    background-color: #f5004e !important;
    color: white !important;
}

.topMenu .menuAlarm .fa {
    color: #ff5088 !important;
}

table.tableEvt th.nazev {
    background-color: #55aaff !important;
    color: white !important;
}

.topMenu .menuEvt .fa {
    color: #55aaff !important;
}

/*
div.Tbrown table.tbl {
    border: 1px solid rgb(102, 63, 63);
}

div.Tbrown table.tbl th.nazev {
    background-color: rgb(102, 63, 63);
    color: white;
}
*/


/** zobrazeni ikonky fakturacni meridlo **/
.iconMeFakt {
    display: inline-block;
    background-color: #585858;
    font-weight: bold;
    color: white;
    padding: 0px 2px;
}

/** zobrazeni barevneho alarmu meridla **/
.meAlarmRuc {
    background-color: #A0A0A0;
}

/** alarm pocitadla nastaveneho na poc_serv=true (zavada) **/
.meAlarmServ {
    background-color: #C081FF;
}

.alarmYellow, .meAlarm1 {
    background-color: #FFD129;
}

.alarmRed, .meAlarm2 {
    background-color: #FF7878;
}

.alarmBlue, .meAlarm3 {
    background-color: #89BAE7;
}




.panel {
    display: block;
    position: relative;
    width: 400px;
    min-height: 300px;
    float: left;
    margin: 5px 5px 0px 0px;
    padding: 4px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 3px 3px 4px #4B4B4B;
    -webkit-box-shadow: 3px 3px 4px #4B4B4B;
    box-shadow: 3px 3px 4px #4B4B4B; 

    /*
    border: 1px solid #A0A0A0;
    background-color: white;*/
}

.panel2 {
    width: 815px;
    height: 300px;
    overflow: auto;
}

#panel-meridlo {
    width: auto;
}    

div.content div.grafPanel {
    background-image: none;
    background-color: white;
}

div.content div.panelFin {
    background-color: #F9FCFF;
    /* background-image: linear-gradient(#ffd4d4, #A5C4DE); */
    -moz-box-shadow: 3px 3px 4px #4F6F87;
    -webkit-box-shadow: 3px 3px 4px #4F6F87;
    box-shadow: 3px 3px 4px #4F6F87;    
    border-color: #4F6F87;
}


.panelFin .grafName {
    background-image: none;
    background-color: #4F6F87; /* #034575; */
}


.grafPanel div.grafMenu, .grafSimple div.grafMenu {
    display: block;
    position: absolute;
    right: 8px;
    top: 6px;
}

div.grafMenu a {
    text-decoration: none;
}



/*** panel grafu u meridla ***/
.grafSimple {
    /* min-height: 0;
     width: 100%;
    float: none; */
}



/** onko grafu v radku textu **/
.textGraf {
    min-width: 3em;
    height: 1em;
    display: inline-block;
    background-color: red;
    margin: 0px 4px;
}

.grafPanel .manyMeaters {
    position: absolute;
    top: 50px;
    padding: 50px;
    text-align: center;
    color: #9e9e9e;
    font-style: italic;
}






/****** nastaveni roli a uzivatelu *************/
.mRole {
    padding: 0px 10px;    
}

.mRole, .mRole li {
    list-style: none;
}

a.mSRole, .ui-widget-content a.mSRole {
    display: block;
    padding: 5px 5px;
    margin-top: 15px;

    border-radius: 6px 6px 0px 0px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: #6e6e6e;
}

.mRolePol {
    background-color: #b0b0b0;
    padding: 4px 0px;
}

.mRolePol li a {
    display: block;
    width: 250px;
    padding: 2px 10px 2px 25px;
    margin: 6px;
    border: 1px solid #333333;
    text-decoration: none;
}

.mRolePol li a:hover {
    border-color: #C000C0;
    color: #C000C0;
}

.role-true, a.role-true, .role-false, a.role-false {
    background-repeat: no-repeat;
    background-position: 4px 2px;
}

.role-true, a.role-true {
    background-color: #BFFFBF;
    border-color: #004000;
    color: #004000;
    background-image: url("../img/true.png");
}

.role-false, a.role-false {
    color: black;
    background-color: #C8C8C8;
    background-image: url("../img/false.png");
}

/* role uzivatele prehled */
.wRole, .wRole li {
    list-style: none;
    vertical-align: top;
}

.wRole li {
    display: inline-block;
}

.wRole li a {
    display: inline-block;
    width: 200px;
    height: 1.1em;
    overflow: hidden;
    padding: 2px 10px;
    margin: 4px;
    text-decoration: none;
    background-color: #C1E9FF;
    cursor: text;
    color: #024671;
    white-space: nowrap;
}

/* nastaveni mist uzivatele */
.wMista, .wMista li {
    list-style: none;
}

.wMista li a {
    display: block;
    width: 300px;
    padding: 2px 10px;
    margin: 4px;
    border: 1px solid #004000;
    text-decoration: none;
    background-color: #BFFFBF;
    color: #004000;
    background-image: url("../img/delete.png");
    background-repeat: no-repeat;
    background-position: right 2px; 
}

.wMista li a:hover {
    border-color: #FFC0C0;
    background-color: #A83C3C;
    color: #FFC0C0;
}


/***** angular nastaveni *******/
.gridStyle {
    border: none;
    height:400px;
    width: auto;
}

.ngTopPanel {
    background-color: #C6C6C6;
}

.gridStyle div[ng-dblclick] div.ngCellText {
    /* background-color: #C9DBFF; */
    border-top: 1px solid white;
    border-left: 1px solid white;
    background-color: #DAEDFF;
} 


#loading {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 10000;
}



/* ************** vyhledavac ************ */
div.textSearch {
    display: inline-block;
    margin: 2px 5px;
    padding-left: 5px;
    float: right;
    vertical-align: top;
    color: black;
    background-color: white;
    border: 1px solid #CDCDCD;
    border-radius: 6px;
    height: 100%;
}

div.textSearch span {
    display: inline-block;
    padding: 2px 5px;
    background-color: #CDCDCD;
    border-radius: 0px 6px 6px 0px;
    color: #555555;
}

div.textSearch span:hover {
    color: white;
}

input.search {
    border: none;
    display: inline-block;
    width: 120px;
}

div.searchData h4 {
    margin-top: 10px;
}

div.searchData ul {
    display: block;
    max-height: 150px;
    overflow: hidden;
}

div.searchData li {
    list-style: none;
    display: block;
    margin: 4px;
    padding: 4px;
    height: 2.2em;
    overflow: hidden;
    border-bottom: 1px solid #C7C7C7;
}

div.searchData a {
    /* font-weight: bold; */
    display: block;
}

div.searchData span {
    display: inline-block;
    background-color: #C7C7C7;
    padding: 2px 5px;
    margin: 2px;
}
div.searchData span:hover {
    background-color: #DCDCDC;
}
div.searchData span b {
    position: relative;
    bottom: 2px;
    margin-right: 2px;
}


/***** nastaveni udalosti ********/
#hodRastr {
    background-color: white;
    padding: 2px;
}

#hodRastr td {
    border: 1px solid black;
    width: 18px;
    padding: 0px;
}
#hodRastr tr {
    height: 18px;
}

#hodRastr th {
    text-align: right;
    font-size: 90%;

}

#hodRastr tr.nadpis th {
    text-align: center;
}

#hodRastr td.objSelect {
    background-color: greenyellow;
}







/************************************************* Dashboards *****************************************************/

ul.dashb {
    display: inline-block;
    position: relative;
    padding: 0px 15px;
    list-style: none outside none;
    bottom: -1px;
}

ul.dashb li {
    display: inline-block;
    list-style: none outside none;
    padding: 0px 1px;
}

ul.dashb a {
    position: relative;
    display: inline-block;
    padding: 3px 15px;
    text-decoration: none;
    border-radius: 6px 6px 0px 0px;
    background-color: #B5B5B5;
    color: #3F3F3F;
    border: 2px solid #3F3F3F;
    border-bottom: none;
}

ul.dashb a.select {
    font-weight: bold;
    bottom: -3px;
    background-color:  #F7F7F7;
    border-color: #FF7E00;
    color: #FF7E00;
}


.dashline { /** zmena barvy linky hlavicky pri pouziti dashboards **/
    border-color: #FF7E00;
}


div.dashBoard {
    display: block;
    border-collapse: collapse;
    clear: both;
    padding: 3px;
    background-color: #f2f2f2;
}


div.dshPan {
    display: block;
    float: left;
    min-height: 450px;
}


/* -------------------------------- obecna nastaveni widgetu ---------------------------------- */
div.dshWid {
    display: block;
    position: relative;
    /* border: 1px solid #0089CB; */
    border-collapse: collapse;
    border-radius: 4px;
    margin: 0.6em 0.3em; 
    /* overflow: auto; */
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 150px;
    max-height: 600px;
    padding: 0px;
    background-color: white;
}

div.widOvl {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 120%;
    color: #b3b3b3;
}

div.widOvl i:hover {
    color: black;
}

div.dshWid h3 {
    display: block;
    min-height: 1em;
    color: #4d4d4d;
    /* border-bottom: 1px solid #A0A0A0; 
    background-color: #0089CB;*/
    padding: 5px;
    border-bottom: 2px solid #b3b3b3;
}

div.dshWid .widData {
    padding: 4px;
}

div.dshWid .widInfoText {
    text-align: center;
    font-size: 1em;
    color: #777777;
    font-weight: bold;
}



/* -------------- nastaveni pro widget 1 (Vyvoj nakladu - graf) ------------------ */
.dshWid1 table.gMediaTab {
    /* width: 100%; */
}

.dshWid1 table.gMediaTab td {
    padding: 0px;
    border: 1px solid #88898A;
    background-color: #ccc;
    color: #6E6645;
    font-weight: bold;
    text-align: right;
}

.dshWid1 table.gMediaTab .gMedName {
    display: block;
    padding: 1px 3px;
    text-align: center;
    background-color: #88898A;
    color: #FFF;
    font-weight: bold;
}

.dshWid1 table.gMediaTab .grafObe {
    display: block;
    background-color: #FFF;
}



/* -------------- nastaveni pro widget 2 (Vyvoj nakladu - tabulka) ------------------ */
.dshWid2 .fa-bar-chart {
    color: #075D9E;
    display: inline-block;
    padding: 0px 4px;
}







/* -------------- tabulky widgetu ----------------------- */

div.dshWid table.pTable {
    border: none;
}

div.dshWid table.pTable table.obsah {
    background-color: white;
}

div.dshWid table.pTable th.nazev {
    background-color: #88898A;
    color: white;
}

div.dshWid table.pTable thead, div.dshWid .thead {
    background-color: #D3D3D2;
    color: black;
    vertical-align: top;
    padding: 5px;    
}


/* ------- souctovy radek ------*/
div.dshWid table.pTable tfoot td, div.dshWid .sumRow {
    border-top: 2px solid #D3D3D2;
    background-color: white;
    color: black;
}



/* ------ DIALOG DETAILU DAT: grafickeho reportu spotreb, a take detailu dat widgetu dshWid1  ----------- */ 
div.repszfDialog ul.infoItem {
    display: block;
    background-color: silver;
}

div.repszfDialog ul.infoItem li {
    display: inline-block;
    padding: 2px 20px 2px 2px;
}

div.repszfDialog .tlacitka {
    padding: 10px;
}

table.repszfDetail {
    width: 100%;
}

table.repszfDetail, table.repszfDetail th, table.repszfDetail td  {
    border: 1px solid black;
    border-collapse: collapse;
}

table.repszfDetail tr {
    height: 2em;
}

table.repszfDetail th, table.repszfDetail td {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    padding: 2px 10px;
}

table.repszfDetail td.mon {
    background-color: #FFFFD9;
    font-weight: bold;
}

table.repszfDetail td.ctvrt,
table.repszfDetail td.polol,
table.repszfDetail td.celkem {
    text-align: right;
    font-weight: bold;
}

table.repszfDetail td.mCast {
    text-align: right;
}

table.repszfDetail td.ctvrt1 {
    background-color: #CCE6FF;
}
table.repszfDetail td.ctvrt2 {
    background-color: #CCFFCC;
}
table.repszfDetail td.ctvrt3 {
    background-color: #FFFFCC;
}
table.repszfDetail td.ctvrt4 {
    background-color: #FFCCCC;
}

table.repszfDetail td.polol1 {
    background-color: #CCE6FF;
}

table.repszfDetail td.polol2 {
    background-color: #FFFFCC;
}
table.repszfDetail td.celkem {
    background-color: #CCFFCC;
}

table.repszfDetail .por, #repszf .por, #repszf .por .red, .por { /** hodnoty porovnavaneho roku **/
    display: block;
    color: #787878;
    font-style: normal;
}

.porRok { /** popisky apod porovnavaneho roku **/
    color: #787878;
    font-style: normal;    
}

/*  ********************* zpravy uzivatelum ******************* */ 
#zpravyIcon {
    font-size: 16px;
    color: white;
}


.messWinDialog .ui-dialog-titlebar {
    border-color: #0075ad !important;
    background: #018bcc !important;
}

.messWinDialog .ui-button {
    background: #035589 !important;
}

.messWinDialog .textMess {
    font-size: 140%;
    color: #005177 !important;
}



/*  ********************* zpravy uzivatelum ******************* */ 
div.loginInfo {
    width: 50em;
    margin: 1em auto 1em auto;

}
div.loginInfo>div {
    padding: 1em;
    font-size: 120%;
    text-align: justify;
}


/*  ********************* severity udalosti a alarmu ******************* */ 
.svrtCol1 {
    background-color: #E20800;
    color: #FFFFFF;
}
.svrtCol2 {
    background-color: #EB7331;
    color: #FFFFFF;
}
.svrtCol3 {
    background-color: #FFFF00;
    color: #000000;
}
.svrtCol4 {
    background-color: #BFD9FF;
    color: #000000;
}

.svrtCol9 {
    background-color: #FFFFE0;
    color: #000000;
}

.svrtCol10 {
    background-color: #00E900;
    color: #000000;
}

/* severity ikony */
.svrtIco1 {
    color: #E20800 !important;
}
.svrtIco2 {
    color: #EB7331 !important;
}
.svrtIco {
    color: #FFFF00 !important;
}
.svrtIco {
    color: #BFD9FF !important;
}

.svrtIco {
    color: #FFFFE0 !important;
}

.svrtIco10 {
    color: #00E900 !important;
}