﻿.DataTableGrid {  }
.DataTableGrid table { width: 100%; border-collapse: collapse; }
.DataTableGrid td,
.DataTableGrid th { padding: 3px; }
.DataTableGrid .DataRowHeader { background-color: #eee; text-align: left; }
.DataTableGrid .DataRowHeader a { text-decoration: none; display: block; }
.DataTableGrid .DataRow { }
.DataTableGrid .DataRow .DataCell,
.DataTableGrid .DataRow .ControlCell { border-bottom: 1px solid #ccc; background-color: transparent; }
.DataTableGrid .DataRow.selectable:hover .DataCell { background-color: #ffa; cursor: pointer; }
.DataTableGrid .DataRow.selected .DataCell { background-color: transparent; cursor: pointer; }
.DataTableGrid .DataRowAlternate { background-color: #f7f7f7; }
.DataTableGrid .DataRowAlternate .DataCell,
.DataTableGrid .DataRowAlternate .ControlCell { border-bottom: 1px solid #ccc; background-color: transparent; }
.DataTableGrid .DataRowAlternate.selectable:hover .DataCell { background-color: #ffa; cursor: pointer; }
.DataTableGrid .DataRowAlternate.selected .DataCell { background-color: transparent; cursor: pointer; }
.DataTableGrid .PagingControls { background-color: #eee; padding: 3px; }
.DataTableGrid .PagingControls .ItemCount { float: right; }
.DataTableGrid .PagingControls .ResultsPerPage { float: right; clear: right; }
.DataTableGrid .PagingControls .PageNumber { margin-right: 1em; }
.DataTableGrid .NoResultMessage { margin-top: 1em;  }

.DataTableGrid .DataRow .DataCell .gridCellClickable { text-decoration: underline; cursor: pointer; }

/* Audit Logs */

#auditReportGrid .DataRowHeader #AuditId { width: 70px; }
#auditReportGrid .DataRowHeader #AuditType { width: 200px; }
#auditReportGrid .DataRowHeader #DateLogged { width: 150px; }
#auditReportGrid .DataRowHeader #UserName { width: 75px; }
#auditReportGrid .DataRowHeader #RetailerName { width: 75px; }
#auditReportGrid .DataRowHeader #Detail { width: 390px; }
#auditReportGrid .DataRowHeader #SalesOrderId { width: 70px; }
#auditReportGrid .DataRowHeader #SalesOrderItemId { width: 65px; }
#auditReportGrid .DataRowHeader #DataTransactionId { width: 85px; }
#auditReportGrid .DataCell {
    max-width: 390px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* Orders */

#OrderGrid .DataRowHeader #CustomerReference { width: 110px; }
#OrderGrid .DataRowHeader #RetailerName { width: 100px; }
#OrderGrid .DataRowHeader #Value { width: 42px; }
#OrderGrid .DataRowHeader #OrderDate { width: 130px; }
#OrderGrid .DataRowHeader #DeliveryDate { width: 102px; }
#OrderGrid .DataRowHeader #AdditionalInfo { width: 200px; }
#OrderGrid .DataRowHeader #StatusDataModel { width: 100px; }
#OrderGrid .DataRowHeader #SalesOrderItemId { width: 40px; }

/* EDS */

#EDSGrid .DataRowHeader #VexId { width: 70px; }
#EDSGrid .DataRowHeader #RetailerName { width: 85px; }
#EDSGrid .DataRowHeader #DeliveryDate { width: 85px; }
#EDSGrid .DataRowHeader #EmailToAddress { width: 85px; }
#EDSGrid .DataRowHeader #EmailFromAddress { width: 85px; }
#EDSGrid .DataRowHeader #HasMail { width: 80px; }
#EDSGrid .DataRowHeader #Subject { width: 170px; }
#EDSGrid .DataRowHeader #RetryCount { width: 30px; }
#EDSGrid .DataRowHeader #StatusDataModel { width: 85px; }
#EDSGrid .DataRowHeader #SalesOrderItemId { width: 80px; }
#EDSGrid .DataRowHeader #MailId { width: 80px; }
#EDSGrid .DataRowHeader #CreatePFDUrl { width: 45px; }

#EDSGrid .DataRow .DataCell button,
#EDSGrid .DataRow .DataCell input[type=button],
#EDSGrid .DataRow .DataCell input[type=submit],
#EDSGrid .DataRowAlternate .DataCell button,
#EDSGrid .DataRowAlternate .DataCell input[type=button],
#EDSGrid .DataRowAlternate .DataCell input[type=submit] { min-width: 72px !important; }

/* User Management */

#userManagementReportGrid .DataRowHeader #clone { width: 120px; }

.SvsWarning {
    background-color: pink;
    border: 1px solid red;
    color: darkred;
}


.SvsTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
}
.SvsTable td, .SvsTable th 
{
font-size:1em;
border:1px solid #666666;
padding:7px;
}
.SvsTable th 
{
font-size:1.1em;
text-align:left;
padding:5px;
background-image: -moz-linear-gradient(center top , #EEEEEE 0%, #CCCCCC 86%);
border-color: #666666;
}

.SvsTable tr:nth-child(odd)		{ background-color:#eee; }
.SvsTable tr:nth-child(even)		{ background-color:#fff; }