.evonformTooltip {
    max-width:33%;
    border-radius:4px;
    font-size: 12px !important;
    color: #00529B !important;
    background-color: #BDE5F8 !important;
    background-image: url('images/info.png') !important;
    border: 1px solid #00529B !important;
    margin: 10px 0px !important;
    padding:15px 10px 15px 50px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    width:auto !important;
    display:inline-block !important;
}

table
{
    margin:0;
    padding:0;
    border-collapse: collapse;
    table-layout: fixed;
}

table.datagrid
{
    margin:0;
    padding:0;
    border-collapse: collapse;
    table-layout: fixed;
    width:100%;
    border:0px solid #d62637;
}

table.datagrid th
{
    height:21px;
    padding:4px 4px 4px 14px;
    vertical-align:middle;
    text-align:left;
    border-width:0;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#000;
    border-bottom:1px solid #000;
}

table.datagrid th a
{
    text-decoration:none;
    font-weight:bold;
    color:#000;
}

table.datagrid th img
{
    vertical-align:middle;
}

table.datagrid td
{
    text-align:left;
    padding:2px 4px 2px 14px;
    border-left:0px solid #900;
    border-top:0px solid #900;
    height:21px;
    color:#444;
    overflow:hidden;
    white-space:nowrap;
    font-size:12px;
    vertical-align:middle;
}

table.datagrid th:last-child
{
    padding: 4px 4px;
    text-align:center;
}
table.datagrid td:last-child
{
    padding: 2px 4px;
    text-align:center;
}

table.datagrid td img
{
    height:19px;
    padding:1px;
    vertical-align:middle;
}


table.datagrid td.pridat a
{
    text-decoration:none;
    font-weight:bold;
}

table.datagrid td.hledat
{
    padding:2px 2px 2px 2px;
}

table.datagrid td input.hledat
{
    width:calc(100% - 16px);
    padding:3px;
    margin:2px;
}

::-webkit-input-placeholder {
    color: #aaa; font-style:italic}
:-moz-placeholder { /* Firefox 18- */
    color: #aaa; font-style:italic  }
::-moz-placeholder {  /* Firefox 19+ */
    color: #aaa; font-style:italic  }
:-ms-input-placeholder {  
    color: #aaa; font-style:italic  }  

table.datagrid tr
{
    background-color:#f6f6f6;
}

tr:hover td{
    background-color:#c9c9c9;
}

table.datagrid tr:nth-child(odd)
{
    background-color:#e9e9e9;
}

table.datagrid tr.sum
{
    background-color:#d62637;
}

table.datagrid .footer
{
    height:23px;
    line-height:23px;
    vertical-align: middle;
    color:#161616;
    background-color:#d62637;
    border:0px solid #900;
    text-align:center;
    border-width:1px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}

table.datagrid .footer input[name=datagrid_activepage]
{
    border:1px solid #c8c8c8;
    text-align:center;
    color:#002a3c;
    font-size:14px;
    font-weight:bold;
    width:auto;
    padding: 2px 4px;
    background-color:#e6e6e6;
    border-radius:4px;
}

table.datagrid .footer img
{
    height:19px;
    vertical-align:middle;
}

table.datagrid .footer img.grayscale 
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

table.datagrid .footer .datagrid_pages
{
    margin-left:0px;
    display:inline-block;
}


table.datagrid .footer .datagrid_xperpage
{
    margin-left:100px;
    display:inline-block;
}

table.datagrid .row_delete
{
    text-decoration:line-through !important;
    color:#777 !important;
}

#datagrid_moveheader
{
    position:absolute;
    z-index:100;
    border:1px solid #e6e6e6;
    background-color:#b2b2b2;
    opacity:0.85;
    min-height:21px;
    text-align:center;
    color:#161616;
    line-height:21px;
    vertical-align:middle;
}

.nastaveni_sloupce
{
    text-align:left;
    display:none;
    width:180px;
    height:auto;
    position:absolute;
    right:40px;
    top:70px;
    background-color:#e6e6e6;
    border:1px solid #b2b2b2;
    border-radius:4px;
    padding:8px;
    z-index:100;
    opacity:0.9;
}

.nastaveni_sloupce table
{
    width:100%;
}

#waiting
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('http://i.stack.imgur.com/FhHRx.gif') 
        50% 50% 
        no-repeat;
}

.datagrid .coloric {
    display: inline-block;
    width:80%;
    height:90%;
    margin: auto;
    vertical-align: middle;
    border:1px solid #d8d8d8;
}
