.data-grid {
    border-collapse: separate;
    width: 100%;
    border: 1px solid #aab1b7;
}
.data-grid:not(.simple) {
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}


.data-grid:not(.simple) th:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}

.data-grid:not(.simple) th:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}

.data-grid:not(.simple) tbody tr:last-of-type td:first-child{
    border-radius: 0px 0px 0px 6px;
}
.data-grid:not(.simple) tbody tr:last-of-type td:last-child{
    border-radius: 0px 0px 6px 0px;
}
.data-grid:not(.simple) tbody tr:last-of-type{
    border-radius: 0px 0px 6px 6px;
}


.data-grid td:first-child,
.bordered th:first-child {
    border-left: medium none;
}

.data-grid th {
    border-top: medium none;
}

.data-grid td,
.data-grid th {
    border-left: 1px solid #cbd3d7;
    border-top: 1px solid #cbd3d7;
}


.data-grid tr:first-child th {
    border-top: medium none;
}
.data-grid tr:first-child th:first-child {
    border-left: medium none;
}
.data-grid:not(.simple) tbody tr:nth-child(odd){
    background: #ffffff47;
}

.data-grid > tbody > tr:hover > td, .data-grid > tr:hover > td {
    background-color: #f0f0f0;
}
.data-grid .nonavailable > td {
    background-color: rgba(151, 136, 106, 0.5) !important;
}
.data-grid > thead > tr > th, .data-grid > th {
    padding: 0px 5px;
    border-left: 1px solid #aab1b7;
}
.data-grid > tbody > tr > td, .data-grid > td {
    padding: 0px 5px;
    border-left: 1px solid #cbd3d7;
}
.data-grid > tbody tr:first-of-type td {
    border-top: 1px solid #aab1b7;
}

.data-grid > thead > tr > th:first-child, .data-grid > th:first-child, .data-grid > tbody > tr > td:first-child, .data-grid > td:first-child {
    border-left-width: 0px;
}


.data-grid > thead > tr > th.center, .data-grid > th.center, .data-grid > tbody > tr > td.center, .data-grid > td.center {
    text-align: center;
}
.data-grid > thead > tr > th, .data-grid > tr > th {
    height: 35px;
    vertical-align: middle;
    text-align: center;
    background-color: #c4ccd2;
}
.ie.bv9 .data-grid > thead > tr > th, .ie.bv9 .data-grid > tr > th {
    filter: none;
}
.data-grid.middle > tbody > tr > td, .data-grid.middle > td {
    height: 40px;
}
.data-grid.narrow > tbody > tr > td, .data-grid.narrow > td {
    height: 24px;
}
.data-grid.simple {
    border: 0px;
}
.data-grid.simple thead > tr > th, .data-grid.simple tr > th {
    background-color: #b7bec1;
    border-bottom: 0px;
}
.ie.bv9 .data-grid.simple thead > tr > th, .ie.bv9 .data-grid.simple tr > th {
    filter: none;
}
.data-grid.simple tbody > tr > td, .data-grid.simple tr > td {
    line-height: 16px;
}

.data-grid.simple > tbody > tr:first-child > th:first-child, .data-grid.simple > tbody > tr:first-child > td:first-child {
    border-top-left-radius: 0px;
}
.data-grid.simple > tbody > tr:first-child > th:last-child, .data-grid.simple > tbody > tr:first-child > td:last-child {
    border-top-right-radius: 0px;
}
.data-grid.simple > tbody > tr:last-child > th:first-child, .data-grid.simple > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 0px;
}
.data-grid.simple > tbody > tr:last-child > th:last-child, .data-grid.simple > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 0px;
}
.data-grid.color-mauto {
    margin: auto;
    width: 610px;
    background: #b1a17b;
}
.data-grid.color-mauto td {
    height: 28px !important;
}
.data-grid.full-color {
    table-layout: fixed;
}
.data-grid.full-color td {
    background: #faebd742;
}
.data-grid.full-color tr.current td, .data-grid.full-color tr.stripe td {
    word-break: break-all;
    padding: 3px 5px;
}
.data-grid.full-color .stripe > td {
    background-color: rgba(191, 153, 68, 0.55);
}
.ie.bv9 .data-grid.full-color .stripe > td {
    filter: none;
}
.data-grid.full-color thead > tr > th, .data-grid.full-color tr > th {
    background-color: rgba(131, 118, 96, 0.95);
    border-bottom: 0px;
}

.data-grid.full-color tr.current td {
    background: rgba(206, 176, 89, 0.25) !important;
    color: #2d2727;
}
.data-grid.full-color td.view {
    padding: 5px;
    background: #83766099;
}
.data-grid.full-color tr td.win {
    background: rgba(76, 99, 39, 0.4) !important;
    border-bottom: 1px solid #786c56;
}
.data-grid.full-color tr td.lost {
    background: rgba(160, 31, 34, 0.4) !important;
    border-bottom: 1px solid #786c56;
}

.data-grid.full-color .number {
    width: 25px;
}
.data-grid.full-color .name {
    width: 130px;
}
.data-grid.full-color tr {
    height: 25px !important;
}
.data-grid td.disabled {
    opacity: 0.5;
}
.data-grid td.disabled .text:hover, .data-grid td.disabled .text:focus {
    background: rgba(255, 252, 233, 0.3);
}
.data-grid td.current, .data-grid tr.current td {
    background: #aeab93 !important;
    background: rgba(141, 153, 135, 0.4) !important;
}
.data-grid > tbody > tr.total td, .data-grid > tr.total td, .data-grid > tbody > tr.total th, .data-grid > tr.total th {
    height: 30px;
    line-height: 30px;
    background-color: rgba(151, 136, 106, 0.5);
    border-bottom-width: 0px;
}
.data-grid > tbody > tr > td, .data-grid > tr > td {
    vertical-align: middle;
    height: 24px;
    line-height: 16px;
}
.data-grid.animate {
    position: absolute;
    border-color: transparent;
    border-top: 0px;
}
.data-grid.animate td {
    border-color: transparent;
}

.data-grid .resources-row {
    width: 425px;
}
.data-grid .resources-row td.resources-icons {
    width: 20%;
}
.data-grid.big > tbody > tr > td {
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
}
table.narrow > tbody > tr > td, table.narrow > tr > td {
    height: 24px;
    line-height: 24px;
    border-left: 1px solid #786c56;
}
table.narrow > tbody > tr > td:first-child, table.narrow > tr > td:first-child {
    border-width: 0px;
}
.data-grid-info th {
    line-height: 34px;
    font-weight: bold;
}
.data-grid-info tr.stripe > td {
    background: rgba(212, 202, 176, 0.5);
}
.data-grid-info td {
    line-height: 22px;
    padding: 0px 15px;
}
.data-grid-light {
    width: 100%;
}
.data-grid-light tr {
    background: #f2f2f2;
    background: rgba(242, 242, 242, 0.2);
}
.data-grid-light td {
    padding: 8px 0px;
}
.data-grid-light td:first-child {
    padding-left: 10px;
}
.data-grid-light td:last-child {
    padding-right: 10px;
}
.data-grid-eyedrop {
    margin-top: 5px;
    border-top: 1px dashed #aab1b7;
    border-bottom: 1px solid #aab1b7;
}
.data-grid-eyedrop > thead > tr > th, .data-grid-eyedrop > tr > th {
    line-height: 30px;
}
.data-grid-eyedrop > tbody > tr > td, .data-grid-eyedrop > tr > td {
    padding: 5px 10px;
    vertical-align: middle;
    border-top: 1px solid #aab1b7;
    border-right: 1px solid #aab1b7;
}
.data-grid-eyedrop > tbody > tr > td:last-child, .data-grid-eyedrop > tr > td:last-child {
    border-right-width: 0px;
}
.data-grid-eyedrop .resources-holder {
    padding-left: 0px;
    padding-right: 0px;
}
.table-eternal-war-wrapper {
    margin: 25px 12px;
    width: 400px;
}


.data-grid.simple td,
.data-grid.simple th {
    border-left: 1px solid #b7bec1;
    border-top: initial;
}
.border-dash {
    border-top: 1px dashed #b7bec1;
    border-bottom:  1px dashed #b7bec1;
}
.border-dash-bottom {
    border-bottom:  1px dashed #b7bec1;
}
.border-dash-top {
    border-top:  1px dashed #b7bec1;
}










.data-grid td {
    padding: 5px !important;
}

.data-grid .a{
    width: 10px
}
.data-grid .b{
    width: 10px; font-weight: bold; color: green;
}
.data-grid .e{
    width: 10px; font-weight: bold; color: green;
}
.data-grid .h{
    width: 10px;
}
.data-grid .g{
    width: 10px;
}
.bnick{
    display: inline-block;
}
.data-grid .f{
    text-align: left; white-space: normal;
}
.data-grid .f img{
    vertical-align: baseline;
}
.data-grid .d{
    width: 10px;
}
.data-grid .c{
    width: 10px; font-weight: bold;
}
.data-grid .c img{
    height: 14px; vertical-align: middle;
}
.data-grid .red{
    color: #bb5500;
}

.data-grid .blue{
    color: #0055bb;
}
.data-grid td.date{
    width: 10px;
}