﻿.tableView {
    margin-top: 25px;
    height: 260px;
    overflow-y: scroll;
}

.table .tableHeader {
    width: 100%;
    box-sizing: border-box;
    background: #bebebe !important;
}

.table .tableHeader .tableRow .tableCell:first-child {
    border: 0;
}

.table .tableHeader .tableRow, .table .tableHeader .tableRow .tableCell {
    background: #bebebe;
}

.table .tableHeader .tableRow .tableCell span {
    color: #000;
}

.tab.tickets .filter + .table .tableHeader .tableCell {
    min-height: 80px;
}

.table::after {
    clear: both;
    content: '';
    display: block;
}

.table .tableHeader .tableCell, .table .tableRow .tableCell {
    float: left;
    vertical-align: top;
    box-sizing: border-box;
    background: #000;
    padding: 10px;
}

.table .tableHeader select {
    background: url(../images/arrow_small_dwn.png) center right 20px no-repeat #fff;
    color: #000;
}

.table .tableRow .tableCell {
    background: #fff;
}

.table .tableRow:nth-child(even), .table .tableRow:nth-child(even) .tableCell {
    background: #eaeaea;
}

.table .tableHeader .tableRow, .table .tableHeader .tableCell {
    background: #bebebe !important;
}

.table .tableRow {
    position: relative;
    background: #fff;
}

.table .tableRow .editContainer {
    position: absolute;
    left:0;
    top:0;
    height: 100%;
    width: 92%;
    padding: 0;
    background: transparent;
}

.table.note .tableRow .editContainer, .documents .table .tableRow .editContainer {
    width: 88%;
}

.table .tableHeader::after {
    content: '';
    display: block;
    clear: both;
}

.table .tableHeader .tableCell span {
    color: #000;
}

.table .tableHeader .tableCell {
    border-left: 1px solid #fff;
}

.table .tableRow .delete, .table .tableRow .edit {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    border: none;
}

.table .tableRow a.fullsize {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.table .tableRow {
    position: relative;
    border: 1px solid #bebebe;
    border-top: 0;
    box-sizing: border-box
}

.table .tableRow.bold .tableCell span {
    font-weight: bold;
}

.table .tableRow::after {
    content: '';
    display: block;
    clear: both;
}

.table .tableHeader .tableCell {
    min-height: 62px;
}

.table .table.tableHeader .tableCell.big.tickets, .table .tableRow .tableCell.big.tickets {
    width: 43%;
}

.table .tableHeader .tableCell.small, .table .tableRow .tableCell.small {
    width: 12%;
}

.table .tableHeader .tableCell.small.buttons.tickets, .table .tableRow .tableCell.small.buttons.tickets {
    width: 15%;
}

.table .tableHeader .tableCell.small.twoCells, .table .tableRow .tableCell.small.twoCells {
    width: 20%;
}

.table .tableHeader .tableCell.small.onehalfCell, .table .tableRow .tableCell.small.onehalfCell {
    width: 15%;
}

.table .tableHeader .tableCell.medium, .table .tableRow .tableCell.medium {
    width: 30%;
}

.table .tableHeader .tableCell.big.twoCells, .table .tableRow .tableCell.big.twoCells {
    width: 25% !important;
}

.table .tableHeader .tableCell.big, .table .tableRow .tableCell.big {
    width: 46%;
}

.table .tableHeader .tableCell.big.note, .table .tableRow .tableCell.big.note {
    width: 60%;
    position: relative;
}

.table .tableRow .tableCell.buttons input, .table .tableRow .tableCell a.print, .table .tableRow .tableCell a.edit, .table .tableRow .tableCell a.detail {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    display: block;
}

.table .tableRow .tableCell.buttons a + a {
    margin-left: 7px;
}

.table .tableRow .tableCell.buttons input.detail, .table .tableRow .tableCell a.detail {
    background: url(../../images/arrow_right_blk.png) center center no-repeat;
}

.table .tableRow .tableCell.buttons input.delete, .table .tableRow .tableCell a.delete {
    background: url('../images/delete_red.png') center center no-repeat;
}

.table .tableRow .tableCell.buttons input.edit, .table .tableRow .tableCell a.edit {
    background: url(../../images/edit_red.png) center center no-repeat;
}

.table .tableRow .tableCell.buttons input.print, .table .tableRow .tableCell a.print {
    background: url('../images/print_red.png') center center no-repeat;
    position: relative;
    margin: 0;
    right: 0;
}

.table .tableRow .tableCell span {
    display: block;
    width: 100%;
}

.table .tableRow .tableCell {
    position: relative;
}

.table .tableRow .tableCell span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.table .tableRow {
    overflow: hidden;
}

.table .tableHeader .tableRow .tableCell::after, .trackingData .table .tableHeader .tableRow .tableCell::after, .table .tableRow .tableCell:last-child::after {
    display: none !important;
}

.table.note .tableRow .tableCell::after, .table.multiline .tableRow .tableCell::after, .trackingData .table .tableRow .tableCell::after, .table .tableRow .tableCell::after {
    content: '';
    display: block;
    height: 1000%;
    position: absolute;
    width: 1px;
    background: #bebebe;
    right: -1px;
    top: 0;
    z-index: 9998;
}

.table.note .tableRole .tableCell.big::after, .table.multiline .tableRow .tableCell:last-child::after, .trackingData .table .tableRow .tableCell:last-child::after {
    display: none;
}

.scrollContainer {
    max-height: 266px;
    overflow-y: scroll;
}

.table.contentScroll .tableHeader {
    box-sizing: border-box;
}

.table .scrollContainerTable {
    width: 100%;
    height: 100%;
}