/*Стиль для вебгрида (таблицы)*/
.zebra
{
    /*overflow: hidden;*/
    background: #FFF;
}

.zebra .webGridRowCount {
    color: #666666;
}

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

.zebra table tr.gridRowSelected
{
    background-color: #90EE90;
}

.zebra table, .zebra tr, .zebra td, .zebra th {
    color: #666;
}

.zebra th
{
    border: 1px solid #E9E9E9;
    border-collapse: collapse;
    background-color: #79ADD2;
    text-align: left;
    line-height: 12px;
    color: #FFF;
    font-weight: normal;
}

.zebra th a
{
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
}

.zebra th a:hover
{
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
}

.zebra td, th
{
    padding: 5px;
    width: 7.5%;
}

.zebra table tr td a, .infotable table tr td a
{
    color: #03F;
    text-decoration: none;
}

    .zebra span:not(.mvc-grid-title) {
        float: right;
        margin-top: 2px;
    }

    .zebra span.mvc-grid-title {
        float: left;
        margin-top: 2px;
    }

.zebra .message-item {
    float: none;
}

.zebra table thead tr th span a
{
    margin: 2px 4px 0 0;
}

.zebra table > *:not(tfoot) tr:hover *
{
    background: #FC6;
    color: #000;
    cursor: pointer;
}

.zebra table thead tr:hover *
{
    background-color: #79ADD2;
    color: #FFF;
    text-decoration: none;
}

.zebra td th {
    width: 20em;
    background: blue;
}

table[data-counter] {
    counter-reset: section;
}

table[data-counter] > thead > tr::before {
    display: table-cell;
    width: 0.01%;
    min-width: 40px;
    content: '';
    
    border-collapse: collapse;
    background-color: #79ADD2;
    text-align: left;
    line-height: 12px;
    color: #FFF;
    font-weight: normal;
}

table[data-counter] > tbody > tr::before {
    display: table-cell;
    counter-increment: section;
    content: counter(section);
    text-align: center;
    vertical-align: middle;
}

table[data-counter='published'] > thead > tr::before {
    display: table-cell;
    width: 5%;
    content: '';
    background: #CCDFEE;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 0 0 0 0;
}

table[data-counter='published'] > thead > tr.reset-before::before {
    content: none;
}

.published-section-caption {
    color: rgb(102, 102, 102);
    font-weight: bold;
    text-align: left;
    padding-left: 7px
}

/* Новые счетчики для таблиц */
fieldset[data-counter] {
    counter-reset: section;
}

fieldset[data-counter] thead > tr::before {
    display: table-cell;
    width: 0.01%;
    min-width: 40px;
    content: '';
    border-collapse: collapse;
    background-color: #79ADD2;
    text-align: left;
    line-height: 12px;
    color: #FFF;
    font-weight: normal;
}

fieldset[data-counter] tbody > tr::before {
    display: table-cell;
    counter-increment: section;
    content: counter(section);
    text-align: center;
    vertical-align: middle;
}

fieldset[data-counter] > legend::after {
    display: contents;
    content: ' (' counter(section) ')'
}