/* datagrid */
.datagrid tr
{
    height: 24px;
    vertical-align: middle;
}

.datagrid tbody tr:last-child
{
    border-bottom: 2px solid #eee;
} 

.datagrid tbody tr:nth-child(even)
{
    background-color: white;
}

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

.datagrid tr.deleted
{
    background-color: red;
}

.datagrid tr.deleted td
{
    color: white;
}

.datagrid td.deleted
{
    color: white;
    background-color: red;
}

.datagrid td.warning
{
    background-color: yellow;
}

.datagrid td.free
{
    background-color: lightgreen;
}

.datagrid tr.selectedrow,
.datagrid tr.selectedrow td,
.datagrid tr.selectedrow td a
{
    background-color: #cde6f7;
    color: black;
}

.datagrid tr.selectedrow:hover td,
.datagrid tr.selectedrow:hover td a
{
    background-color: #5a81b4;
    color: white;
}

.datagrid tbody tr:hover td
{
    background-color: #c7c7c7;
    color: black;
}

.datagrid tbody tr:hover td a
{
    color: white;
}

.datagrid tbody tr:nth-child(even) td
{
    border-left: 1px solid #dbe2ea;
}

.datagrid tbody tr:nth-child(even) td:first-child
{
    border-left: none;
}

.datagrid tbody tr:nth-child(odd) td
{
    border-left: 1px solid white;
}

.datagrid tbody tr:nth-child(odd) td:first-child
{
    border-left: none;
}

.datagrid td
{
    padding: 4px 3px;   
}

.datagrid thead tr
{
	border: none;
}

.datagrid th
{
    text-align: center;
    font-weight: bold;
    background-color: #909090;
    padding: 3px 2px;   
    color: white;
    border-left: 1px solid white;
}

.datagrid tr td.subtitle, 
.datagrid tr td.subtitle:hover
{
    text-align: left;
    font-weight: bold;
    background-color: #b0b0b0;  
    color: #333333;
    padding-left: 6px;
    text-align: left;
}

.datagrid input[type="checkbox"]
{
    margin: 1px 3px 1px 4px;
}

.datagrid td ul
{
    padding: 0 0 0 10px;
    margin: 0 0 0 2px;
}

.datagrid td li
{
    padding: 0;
}

.datagrid .action,
.datagrid .symbol
{
    padding: 0 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.datagrid .action
{
    cursor: pointer;
}

.datagrid .symbol
{
	height: 16px;
    width: 16px;
}

.datagrid .smallsymbol
{
    height: 12px;
    width: 12px;
    margin: 2px;
}

.datagrid .action:hover
{
    text-decoration: none;
}

.datagrid .blank            { background-image: url(../images/datagrid/blank.svg);  }
.datagrid .copy             { background-image: url(../images/datagrid/copy.svg);  }
.datagrid .delete           { background-image: url(../images/datagrid/delete.svg); }
.datagrid .edit             { background-image: url(../images/datagrid/edit.svg); } 
.datagrid .move_up          { background-image: url(../images/datagrid/move_up.svg); } 
.datagrid .move_down        { background-image: url(../images/datagrid/move_down.svg); } 
.datagrid .move_top         { background-image: url(../images/datagrid/move_top.svg); } 
.datagrid .online           { background-image: url(../images/datagrid/online.svg); } 
.datagrid .offline          { background-image: url(../images/datagrid/offline.svg); } 
.datagrid .preview          { background-image: url(../images/datagrid/preview.svg); } 
.datagrid .slide            { background-image: url(../images/datagrid/slide.svg); } 
.datagrid .calendar         { background-image: url(../images/datagrid/calendar.svg); } 
.datagrid .locked           { background-image: url(../images/datagrid/locked.svg); } 
.datagrid .unlocked         { background-image: url(../images/datagrid/unlocked.svg); } 
.datagrid .remark           { background-image: url(../images/datagrid/remark.svg); } 

.datagrid td a.mailto,
.datagrid td a[href^="mailto:"] 
{
    color:blue;
    background-image: url(../images/datagrid/mailto.svg);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    background-size: 16px 16px;
    padding-left: 30px;
    text-decoration:none;
    display: initial;
}

.datagrid td a.anyfile,
.datagrid td a.anyfile:visited 
{
    background: transparent url(../images/fileicon/File.png) no-repeat 4px center;
    color: blue;
    padding-left: 28px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.datagrid td a.archive   { background-image: url(../images/fileicon/Archiv.png); }
.datagrid td a.csvfile   { background-image: url(../images/fileicon/Excel.png); }
.datagrid td a.docfile   { background-image: url(../images/fileicon/Word.png); }
.datagrid td a.htmlfile  { background-image: url(../images/fileicon/HTML.png); }
.datagrid td a.ical      { background-image: url(../images/fileicon/iCal.png); }
.datagrid td a.imgfile   { background-image: url(../images/fileicon/Image.png); }
.datagrid td a.mailfile  { background-image: url(../images/fileicon/Mail.png); }
.datagrid td a.mdfile    { background-image: url(../images/fileicon/Markdown.png); }
.datagrid td a.pdffile   { background-image: url(../images/fileicon/PDF.png); }
.datagrid td a.txtfile   { background-image: url(../images/fileicon/TXT.png); }
.datagrid td a.vcard     { background-image: url(../images/fileicon/vCard.png); }
.datagrid td a.xlsfile   { background-image: url(../images/fileicon/Excel.png); }

#multiaction
{
	background-image: url(../images/layout/multiselect-arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 50px;
}

#multiaction ul 
{
    margin: 3px 3px;
    padding: 0px;
    list-style: none;
    position: relative;
    display: inline-table;
    background-color: transparent;
}

#multiaction ul li 
{
    border: 1px solid #fff;
    border-radius: 3px;
    float: left;
    padding: 0;
    margin: 3px 3px;
}

#multiaction ul li.checked 
{
    background-color: #dedede;
    border: 1px solid #ccc;
}

#multiaction ul li:hover 
{
    background-color: #efefef;
    border: 1px solid #ccc;
}
        
#multiaction ul li a 
{
    display: inline-flex;
    color: black;
    padding: 3px 5px 3px 5px;
    border: none;
    font-size: 12px;
    font-weight: normal;
    text-decoration:none;
    vertical-align: text-top;
}
        
#multiaction ul li a:hover 
{
    color: black;
    text-decoration:none;
}

#multiaction ul li a.selectbtn 
{
    padding-right: 20px;
    background-image: url(../images/10x10/selectbtn.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
}