/*****************************************************************/
/*    Styly specifické pouze pro obecného klienta                */
/*    Styly společné pro ActiveX i OK jsou v souboru ESO9.css    */
/*****************************************************************/


/* Telo formulare */
.ESO_BodyForm
{
    margin-top: 0;
}

/* Hyperlink na ciselnik */
.ESO_BodyForm .HrefCis
{
    background-image: url('../Img/HrefCis.gif');
}

/* Řádek NavBaru */
.Eso_NavBar table
{
    border-spacing:0px;
}

/* Tlacitka pro posun po vetach ve forme */
.Eso_NavBar_BtnMoveFirst, .Eso_NavBar_BtnMovePrevious, .Eso_NavBar_BtnMoveNext, .Eso_NavBar_BtnMoveLast
{
    height:18px;
}

/*tlačítka pro posun po stránkách v browse*/
.Eso_NavBar_BtnMovePreviousPage, .Eso_NavBar_BtnMoveNextPage
{
	border-width: 0px;
	background-color:  rgb(255, 255, 255);
    font-size: 10pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 0px 3px 0px 3px;
    height:18px;
}


.ESO_BodyReport
{
    margin-top: -1px;
}

.eso9-fileHidden 
{ 
    width:0; 
    height:0; 
    display: none; 
}

/* Dialogové okno (filtr, vyhledání, ...) */
.eso9-win
{
    outline: 0;
    position: absolute;
    display: none;
    border: none;
    background-color: #EDEDED;
    /* overflow: auto; */
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

.eso9-win-head
{
    font-weight: bold;
    height: 20px;
    padding: 4px 1px 1px 1px;
    text-indent: 6px;
    background-color: #7595F4;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    margin: 0px 0px 0px 0px;
}

.eso9-win-close
{
    background: transparent url('../Img/close.png') no-repeat right bottom;
    float: right;
    width: 16px;
    height: 16px;
    cursor: nw-resize;
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: hand;
    cursor: pointer;
}

.eso9-win-resize
{
    background: transparent url('../Img/resize.gif') bottom right no-repeat;
    float: right;
    width: 13px;
    height: 13px;
    cursor: nw-resize;
    font-size: 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
/*.eso9-win-content	    {};*/
.eso9-modal-overlay
{
    background: transparent url('../Img/loading.gif') center top no-repeat;
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: wait;
}

.eso9-win-overlay
{
    background-color: #000;
    opacity: 0.20;
    filter: alpha(opacity=20);
    cursor: default;
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    -moz-user-select: none;
    -webkit-user-select: none;
}


.eso9-filter-tristat-on
{
    background-color: silver;
    padding: 2px;
}

.eso9-filter-tristat-off
{
    background-color: transparent;
    padding: 2px;
}


/* ------------------------------ */
/*   Styly pro browse - jqxGrid   */

/*styl pro textové buňky v gridu*/
.eso9-grid-HTML-cell
{
    margin-bottom:3px;
    margin-left:4px;
    margin-top:3px;
    margin-right:4px;
}

/*styl pro bunku v gridu obsahující hodnotu comba*/
.eso9-grid-combo-text
{
    overflow: hidden;
    margin-top: 3px;
    margin-right: 4px;
    margin-left : 4px;
    margin-bottom: 3px;
    text-overflow:ellipsis;
    vertical-align:central;

}

.eso9-grid-Markstate-cell
{
    width: 13px;
    height: 16px;
    background-color:#f3f3f3;
    border-color:#d5d2d2;
    border-style:outset;
    border-width:1px;
}

.eso9-grid-Markstate-selected-cell
{
    width: 13px;
    height: 16px;
    background-color:black;
    border-color:#d5d2d2;
    border-style:outset;
    border-width:1px;
}

.jqx-grid-content {
  cursor:Default;
}

.jqx-grid-cell-bold
{
    font-weight:bold;
}

/* Přepsané styly z jqx.base.css  */

/*radek s ukazatelem myši*/
 .jqx-grid-cell-hover {
    background-color: inherit;
 }

 .jqx-fill-state-hover {
    background-color: transparent;
    background:none;
 }

/*styl alternativího řádku browse*/
.jqx-grid-cell-alt
{
    background-color: #e8e8e8;
}

/*readonly sloupec*/
.jgx-eso-column-readOnly
{
    background-color: #bebebe;
}

/*styl aktualniho radku */
.jqx-grid-cell-selected /*jqx-fill-state-pressed*/
{
    background-color: #C8DFF7;
}

.jgx-eso-column-readOnly-selected
{
    background-color: #8d8d8d;
}



/*obsah browse*/
.jqx-widget-content
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    background-color: #f0f0f0; /*#eeeeee; */
    border-color: #A0A0A0;
}

.jqx-grid-column-header
{
    font-weight: bold;
}

/*applied to the column's button.*/
.jqx-grid-column-menubutton
{
    background-image: url('../img/grd_res/menubutton.png');
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton
{
    background-image: url('../img/grd_res/sortascbutton.png');
}
/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton
{
    background-image: url('../img/grd_res/sortdescbutton.png');
}
/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton
{
    background-image: url('../img/grd_res/filter_dark.png');
}

.jqx-grid-validation-arrow-up
{
    background-image: url('../img/grd_res/red_arrow_up.png');
}

.jqx-grid-validation-arrow-down
{
    background-image: url('../img/grd_res/red_arrow_down.png');
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon
{
    background-image: url('../img/grd_res/sortasc.png');
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon
{
    background-image: url('../img/grd_res/sortdesc.png');
}
/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon
{
    background-image: url('../img/grd_res/sortremove.png');
}
/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon
{
    background-image: url('../img/grd_res/drag.png');
}
/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon
{
    background-image: url('../img/grd_res/dragcancel.png');
}

/*applied to the Grid when its loading the data.*/
.jqx-grid-load
{
    background-image: url(../img/grd_res/loader.gif);
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse
{
    background-image: url(../img/grd_img/icon-right.png);
}

.jqx-grid-group-collapse-rtl
{
    background-image: url(../img/grd_img/icon-left.png);
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl
{
    background-image: url(../img/grd_img/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right
{
    background-image: url(../img/grd_img/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down
{
    background-image: url(../img/grd_img/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up
{
    background-image: url(../img/grd_img/icon-up.png);
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left
{
    background-image: url(../img/grd_img/icon-left.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected
{
    background-image: url(../img/grd_img/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected
{
    background-image: url(../img/grd_img/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected
{
    background-image: url(../img/grd_img/icon-up.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected
{
    background-image: url(../img/grd_img/icon-left.png);
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right
{
    background-image: url(../img/grd_img/icon-right.png);
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left
{
    background-image: url(../img/grd_img/icon-left.png);
}
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover
{
    background-image: url(../img/grd_img/icon-right.png);
}

.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl
{
    background-image: url(../img/grd_img/icon-left.png);
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover
{
    background-image: url(../img/grd_img/icon-down.png);
}
/*applied to the tab close button.*/
.jqx-tabs-close-button
{
    background-image: url(../img/grd_img/close.png);
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected
{
    background-image: url(../img/grd_img/close.png);
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover
{
    background-image: url(../img/grd_img/close.png);
}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left
{
    background-image: url('../img/grd_img/icon-left.png');
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right
{
    background-image: url('../img/grd_img/icon-right.png');
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked
{
    background: transparent url(../img/grd_img/check_black.png) center center no-repeat;
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled
{
    background: transparent url(../img/grd_img/check_disabled.png) center center no-repeat;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate
{
    background: transparent url(../img/grd_img/check_indeterminate_black.png) center center no-repeat;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled
{
    background: transparent url(../img/grd_img/check_indeterminate_disabled.png) center center no-repeat;
}

/*applied to the radio button.*/
.jqx-radiobutton-default
{
   background: transparent url(../img/grd_img/roundbg_classic_normal.png) left center scroll repeat-x;
}
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked
{
    background: transparent url(../img/grd_img/roundbg_check_black.png) left top no-repeat;
}
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate
{
    background: transparent url(../img/grd_img/roundbg_check_indeterminate.png) left top no-repeat;
 }

.jqx-rating-image-default
{
   background-image: url(../img/grd_img/star.png);
}
/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover
{
    background-image: url(../img/grd_img/star_hover.png);
}
/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward
{
    background-image: url(../img/grd_img/star_disabled.png);
}
/*applied to the windowâ€™s close button*/
.jqx-window-close-button
{
    background-image: url(../img/grd_img/close.png);
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button
{
    background-image: url(../img/grd_img/icon-up.png);
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed
{
    background-image: url(../img/grd_img/icon-down.png);
}

/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal
{
    background-image: url(../img/grd_img/slider_horizontal_classic.png);
 }
/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical
{
    background-image: url(../img/grd_img/slider_vertical_classic.png);
}

.jqx-validator-hint-arrow
{
     background-image: url(../img/grd_img/multi-arrow.gif);
}

.jqx-icon-arrow-up
{
    background-image: url('../img/grd_img/icon-up.png');
}

.jqx-icon-arrow-down
{
    background-image: url('../img/grd_img/icon-down.png');
}

.jqx-icon-arrow-left
{
    background-image: url('../img/grd_img/icon-left.png');
}

.jqx-icon-arrow-right
{
    background-image: url('../img/grd_img/icon-right.png');
}

.jqx-icon-arrow-up-hover
{
    background-image: url('../img/grd_img/icon-up.png');
}

.jqx-icon-arrow-down-hover
{
    background-image: url('../img/grd_img/icon-down.png');
}

.jqx-icon-arrow-left-hover
{
    background-image: url('../img/grd_img/icon-left.png');
}

.jqx-icon-arrow-right-hover
{
    background-image: url('../img/grd_img/icon-right.png');
}

.jqx-icon-arrow-up-selected
{
    background-image: url('../img/grd_img/icon-up.png');
}

.jqx-icon-arrow-down-selected
{
    background-image: url('../img/grd_img/icon-down.png');
}

.jqx-icon-arrow-left-selected
{
    background-image: url('../img/grd_img/icon-left.png');
}

.jqx-icon-arrow-right-selected
{
    background-image: url('../img/grd_img/icon-right.png');
}

.jqx-icon-close
{
    background-image: url(../img/grd_img/close.png);
}

.jqx-icon-close-hover
{
    background-image: url(../img/grd_img/close.png);
}

.jqx-color-picker-map
{
    background-image: url('../img/grd_img/map-saturation.png');
}

.jqx-color-picker-map-hue
{
    background-image: url('../img/grd_img/map-hue.png');
}

.jqx-color-picker-map-overlay
{
    background-image: url('../img/grd_img/map-saturation-overlay.png');
}

.jqx-color-picker-bar
{
    background-image: url('../img/grd_img/bar-saturation.png');
}

.jqx-color-picker-bar-hue
{
    background-image: url('../img/grd_img/bar-hue.png');
}

.jqx-color-picker-pointer
{
    background-image: url('../img/grd_img/crosshair.png');
}

.jqx-color-picker-pointer-alt
{
    background-image: url('../img/grd_img/crosshair-white.png');
}

.jqx-color-picker-bar-pointer
{
    background-image: url('../img/grd_img/pointer.png');
}

.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl
{
    background-image: url(../img/grd_img/icon-showpassword.png) !important;
}

.actmenu
{
   width:200px;
    background-color:white;
    text-align:left !important;
}

.actmenu ul
{
    width:200px; 
    margin-top:0px !important; 
    padding:0px !important; 
    font-size:12px; 
    font-family:Arial;
}

.actmenu_itemhref1
{
/*    list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:0px; 
    padding-top:3px;
    padding-bottom:3px;
    text-decoration:none;
    color:black !important;*/
    list-style:none; 
    width:100%; 
    background-color:#E6E6E6;
}

.actmenu ul li a
{
    text-decoration: none !important;
    color: black !important;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px !important;
}

.actmenu ul li a:hover {
    background-color: #A9D0F5;    
}


.actmenu_itemhref2
{
 /*   list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:0px; 
    padding-top:3px;
    padding-bottom:3px;
    background-color:#FFFFFF;
    text-decoration:none;
    color:black; */
    list-style:none; 
    width:100%; 
    background-color:#FFFFFF;
}

.actmenu_itembtn
{
  /*  list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:0px; 
    padding-top:3px;
    padding-bottom:3px;
    text-decoration:none;
    color:black !important;*/
   list-style:none; 
    width:100%; 
    background-color:#E6E6E6;
}

.actmenu_itembtn2
{
   /* list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:0px; 
    padding-top:3px;
    padding-bottom:3px;
    text-decoration:none;
    color:black !important;
    background-color:#FFFFFF !important; */
    list-style:none; 
    width:100%; 
    background-color:#FFFFFF;
}

.actmenu_stornoRow
{
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
}

.actmenu #eso9_butStorno {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dlgmenu
{
    width:200px;
    background-color:white;
    text-align:left !important;
}

.dlgmenu ul
{
    width:200px; 
    margin-top:0px !important;
    margin-bottom: 0px !important; 
    padding:0px !important; 
    font-size:12px; 
    font-family:Arial;
}

.dlgmenu_stornoRow {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
}

.dlgmenu #eso9_butStorno {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.dlgmenu_actionSubmenu
{
    display:none; 
    position:absolute; 
    background-color:white; 
    border:1px solid black; 
    text-align:left !important;
}
.dlgmenu_actionSubmenu ul
{
    width:200px; 
    margin-top:0px !important; 
    margin-bottom: 0px !important;
    padding:0px !important; 
    font-size:12px; 
    font-family:Arial;
}

.dlgmenu_actionSubmenu ul li a
{
    text-decoration: none !important;
    color: black !important;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px !important;
}

.dlgmenu_actionSubmenu ul li a:hover {
    background-color: #A9D0F5;    
}

.dlgmenu_actionSubmenu_itemHref1
{
    list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:2px;
    padding-right:0px; 
    
    
    text-decoration:none;
    
    background-color:#E6E6E6 !important;
}

.dlgmenu_actionSubmenu_itemHref2
{
    list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:2px;
    padding-right:0px;
    
    
    background-color:#FFFFFF;
    text-decoration:none;
    color:black;
}

.dlgmenu_actionSubmenu_itemBtn
{
    list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:2px;
    padding-right:0px;
    font-size:11px !important;
    
}

.dlgmenu_actionSubmenu_itemBtn2
{
    list-style:none;
    margin-left:0px;
    margin-right:0px;
    padding-left:2px;
    padding-right:0px;
    font-size:11px !important;
    background-color:#E6E6E6 !important;
    
}
.dlgmenu .shortcut {
    text-align: right;
    padding-right: 10px;
}

.dlgmenu .caption {
    float: left;
    text-align: left;
}


.dlgmenu_item
{
    list-style:none; 
    width:100%; 
    background-color:#E6E6E6;
}

.dlgmenu_item2
{
    list-style:none; 
    width:100%; 
    background-color:#FFFFFF;
}

.dlgmenu ul li a
{
 text-decoration: none !important;
    color: black !important;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px !important;
 
}

.dlgmenu #actionhref {
    font-weight: bolder;
    font-size: 13px !important;
}


.dlgmenu ul li a:hover {
    background-color: #A9D0F5;    
}


.actmenu hr
{
    margin-bottom:0px;
    padding-bottom:0px;
}
