/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
table.awstft-table {
    width:1480px;
    min-width:100%;
}
table.awstft-table th, table.awstft-table td {
    white-space:nowrap;
    padding:10px 10px;
    vertical-align:middle;
}
table.awstft-table tr:nth-child(2n+2) {
    background: #f9f9f9;
}
table.awstft-table tbody tr:hover, table.awstft-table tbody tr.selected {
    background-color:#d9edf7;
}
table.awstft-table th {
    border-bottom:2px solid #ddd;
}
table.awstft-table td:first-child {
    overflow:hidden;
    text-overflow:ellipsis;
}
div.awstft-table-container {
    overflow:auto;
    max-width:100%;
    max-height: 600px;
    font-size: 12px;
    font-family: sans-serif;
    font-style: normal;
}

div.awstft-table-container-fixed {
    width: 1500px;
    top: 35px;
    position: fixed;
    height: 90%;
    max-height:unset;
    left: 50%;
    margin-left: -660px;
    box-shadow: 10px 10px 35px 0 rgba(50,50,50,0.75);
    background-color:white;
    z-index:10;
}

/* Workload */
table.awstft-workload th.awstft-holiday {
    color: #c71313;
}
table.awstft-workload th.awstft-week {
    color: #5757d8;
}
table.awstft-workload div.awstft-name {
    white-space:nowrap;
}
/*table.awstft-workload td:nth-child(2)*/
table.awstft-workload div.awstft-title 
{
    white-space: normal;
    font-size:10px;
}
table.awstft-workload th:first-child {
    width: 150px;
}
/*table.awstft-workload th:nth-child(2) {
    width:200px;
}*/
table.awstft-workload tr td:nth-child(n+2),
table.awstft-workload tr th:nth-child(n+2) {
    text-align: right;
}
table.awstft-workload span.awstft-workload-undone {
    color:black;
}
table.awstft-workload span.awstft-workload-done{
    color:#5757d8;
}

/*Workload tooltip*/
.tooltipster-sidetip .tooltipster-box {
    background-color: #e8e8e8;
    font-family: sans-serif;
}

.tooltipster-sidetip .tooltipster-box a {
    color:#333 !important;
}

h3.awstft-tooltip-header {
    font-size: 16px;
    margin-bottom:3px;
    margin-top:10px;
}

ul.awstft-tooltip-body {
    font-size: 14px;
    list-style-type: none;
    padding: 0 0;
    margin: 0 0;
}

ul.awstft-tooltip-body li {
    color: #333;
}

ul.awstft-tooltip-body li.awstft-workload-done a {
    color:#5757d8 !important;
}

/* Project unbilled/files left */
table.awstft-unbilled th:first-child {
    width: 300px;
}
table.awstft-unbilled th:nth-child(2) {
    width: 70px;
}
table.awstft-unbilled th:nth-child(2) {
    width: 120px;
}
table.awstft-unbilled td:last-child, table.awstft-unbilled th:last-child {
    white-space:normal;
    width:300px;
}

/*Fixed header and first column*/
table.awstft-workload thead tr:first-child th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    background-color: white;
}

table.awstft-workload thead tr:nth-child(2) th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 49px;
    background-color: white;
}

table.awstft-workload tbody td:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  z-index:0;

}

table.awstft-workload thead th:first-child {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    z-index:1;
}

table.awstft-workload tr:nth-child(2n+2) td:first-child {
    background: #f9f9f9;
}

table.awstft-workload tr:nth-child(2n+1) td:first-child {
    background: #fff;
}

table.awstft-workload thead th:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    border-bottom:2px solid #ddd;
}