section.summary{display:flex;justify-content:center;flex-direction:column}section.summary>header{flex-direction:row;justify-content:flex-end}section.summary>header .left,section.summary>header .middle,section.summary>header .right{display:flex}section.summary>header .left>button,section.summary>header .middle>button,section.summary>header .right>button{margin-right:1rem}section.summary>header .left>p,section.summary>header .middle>p,section.summary>header .right>p{display:flex}section.summary>main{justify-content:center}section.summary>main .authoriser,section.summary>main .client,section.summary>main .contract,section.summary>main .contractor,section.summary>main .endDate,section.summary>main .name,section.summary>main .reference,section.summary>main .startDate{justify-content:flex-start}section.summary>main .payrollNumber{justify-content:flex-end}section.summary>main>header{align-items:flex-start}section.summary>main>footer{color:var(--default-primary-text-color-light-color)}section.summary>main main.table{justify-content:center}section.summary>main main.table>header{flex-direction:row;font-weight:400}section.summary>main main.table .first.no-items{display:flex;flex-direction:column;align-self:center}section.summary>main main.table ol{display:flex;flex-direction:column;list-style:none;margin-block:0;padding-inline:0;flex:0 0 auto;flex-wrap:nowrap}section.summary>main main.table ol li.row-wrapper{line-height:normal;display:flex;flex-direction:row;flex-grow:1}section.summary>main main.table ol li.row-wrapper.do-collapse{transform:scaleY(0);transform-origin:top;transition:transform .5s linear}section.summary>main main.table ol li.row-wrapper.do-created .cell{animation:do-created-animation 2s ease-in 1s 2 alternate}section.summary>main main.table ol li.row-wrapper .cell{display:flex;color:var(--default-primary-main-color);border-top:1px solid;border-bottom:1px solid;border-color:var(--default-border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}section.summary>main main.table ol li.row-wrapper .cell p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.summary>main main.table ol li.row-wrapper .cell.column-adjuster:before{content:"";height:100%;display:block;width:2px}section.summary>main main.table ol li.row-wrapper .cell:first-child{border-left-width:1px;border-left-style:solid}section.summary>main main.table ol li.row-wrapper .cell:last-child{border-right-width:1px;border-right-style:solid}section.summary>main main.table ol li.row-wrapper:hover:not(ol.tree li).detail .border-wrapper{cursor:pointer}section.summary>main main.table ol li.row-wrapper:hover:not(ol.tree li) .border-wrapper .cell{background-color:var(--default-primary-hover-color)}section.summary>main main.table ol li.row-wrapper:hover:not(ol.tree li) .border-wrapper .cell.bar{border:1px solid var(--default-primary-main-color);background-color:var(--default-primary-main-color)}section.summary>main main.table ol li.row-wrapper:hover:not(ol.tree li) .border-wrapper:hover{display:flex}section.summary>main main.table ol li.row-wrapper:hover:not(ol.tree li) .actions-wrapper{visibility:visible}section.summary>main main.table ol li.row-wrapper .border-wrapper{display:flex;cursor:default;background-color:#fff;position:relative;flex-grow:1}section.summary>main main.table ol li.row-wrapper .actions-wrapper{display:flex;visibility:hidden;justify-content:flex-start;align-items:center;border:none}section.summary>main main.table ol li.row-wrapper .actions-wrapper.cell{border:none}section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button{box-shadow:none;background-color:var(--default-primary-text-color);border:1px solid var(--default-border-color)}section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:active,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:active:focus,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:focus,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:active,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:active:focus,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:focus{outline-color:transparent}section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:hover,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:hover{background-color:var(--default-primary-main-color)}section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:hover svg.icon,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:hover svg.icon{align-self:stretch}section.summary>main main.table ol li.row-wrapper .actions-wrapper .action .button:hover svg.icon:not(.fa-ban) path,section.summary>main main.table ol li.row-wrapper .actions-wrapper .action button:hover svg.icon:not(.fa-ban) path{color:var(--default-primary-text-color)}section.summary>main main.table ol li.row-wrapper:has(.tree-wrapper){display:flex;flex-direction:column}section.summary>main main.table ol li.row-wrapper .tree-wrapper{display:flex;flex-grow:1}section.summary>main main.table ol ol.tree{display:flex;flex-direction:column}section.summary>main main.table ol ol.tree li{display:flex;border-left:1px solid var(--default-darker-background-color)}section.summary>main main.table ol ol.tree li:before{position:relative;border-bottom:1px solid var(--default-darker-background-color);content:"";display:inline-block}section.summary>main main.table ol ol.tree li:last-child{border-left:none}section.summary>main main.table ol ol.tree li:last-child:before{border-left:1px solid var(--default-darker-background-color)}article.detail section.summary.timesheets main main.table ol li.row-wrapper .border-wrapper{flex-grow:0}@keyframes do-created-animation{0%{background-color:var(--pending-hover-color)}to{background-color:var(--default-primary-text-color-light-color)}}section.summary{margin:.5rem}section.summary>header{margin:1rem 0}section.summary>main .button,section.summary>main button{padding:.125rem}section.summary>main>header .cell.sortable button{margin-left:.5rem}section.summary>main>header:not(.total){padding-left:5px}section.summary>main>footer{margin-top:.5rem;margin-bottom:1rem}section.summary>main main.table{margin:0}section.summary>main main.table .first.no-items{padding-top:.25rem}section.summary>main main.table .cell.endDate,section.summary>main main.table .cell.startDate{min-width:10rem}section.summary>main main.table .cell.preferredTelephoneNumber,section.summary>main main.table .cell.reference,section.summary>main main.table .cell.telephoneNumber{flex:0 0 8rem}section.summary>main main.table ol li .border-wrapper{margin:.2rem 0}section.summary>main main.table ol li .actions-wrapper{padding:0 0 0 .125rem}section.summary>main main.table ol li .actions-wrapper .action:first-child{margin-left:0}section.summary>main main.table ol li .actions-wrapper .action:last-child{margin-right:0}section.summary>main main.table ol li .actions-wrapper .action{margin:0 .125rem}section.summary>main main.table ol li .cell{padding:.25rem .125rem}section.summary>main main.table ol li .cell.bar{min-width:4px;padding-left:0;padding-right:0}section.summary>main main.table ol li .tree-wrapper+ol.tree{margin-top:-.25rem}section.summary>main main.table ol li ol.tree{padding-left:1rem}section.summary>main main.table ol li ol.tree ol.tree{margin-top:-.25rem}section.summary>main main.table ol li ol.tree li{margin:0;padding:.25rem 0 0 0}section.summary>main main.table ol li ol.tree li:before{top:.8rem;height:1rem;width:1rem;left:0}section.summary>main main.table ol li ol.tree li:last-child:before{height:2.25rem;top:-.5rem}section.summary main .button,section.summary main button{padding:.375rem}section.summary main>header .cell.sortable button{margin-left:.5rem}section.summary main>header:not(.total){padding-left:5px}section.summary main main.table{width:auto}section.summary main main.table .first.no-items{padding-top:.25rem}section.summary main main.table>header .cell,section.summary main main.table ol li .cell{padding:.75rem .5rem}section.summary main main.table ol li .border-wrapper{margin:.25rem 0}section.summary main main.table ol li .actions-wrapper{padding:0 0 0 .5rem}section.summary main main.table ol li .actions-wrapper .action:first-child{margin-left:0}section.summary main main.table ol li .actions-wrapper .action:last-child{margin-right:0}section.summary main main.table ol li .actions-wrapper .action{margin:0 .25rem}section.summary main main.table ol li .cell.bar{min-width:4px;padding-left:0;padding-right:0}.dropdown-button-wrapper{display:flex;flex-direction:column}.dropdown-button-wrapper span,.dropdown-button-wrapper svg{display:flex}.dropdown-button-wrapper .placeholder-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:stretch;border:1px solid var(--default-primary-main-color);background-color:var(--default-primary-text-color)}.dropdown-button-wrapper .placeholder-wrapper .button.select,.dropdown-button-wrapper .placeholder-wrapper button.select{border-left:1px solid var(--default-primary-main-color)}.dropdown-button-wrapper .list-wrapper{display:flex;position:relative;flex-direction:column}.dropdown-button-wrapper .list-wrapper ul{display:flex;z-index:1;position:absolute;right:0;flex-direction:column;border-left:1px solid var(--default-primary-main-color);border-right:1px solid var(--default-primary-main-color);border-bottom:1px solid var(--default-primary-main-color);background-color:var(--default-primary-text-color)}.dropdown-button-wrapper .list-wrapper ul li{display:flex;justify-content:stretch}.dropdown-button-wrapper .list-wrapper ul li:hover{background-color:var(--default-primary-text-color);color:var(--default-primary-text-color)}.dropdown-button-wrapper .button,.dropdown-button-wrapper button{display:flex;flex-grow:1;align-items:center;background-color:var(--default-primary-text-color);border:none;justify-content:space-between;font-weight:400}.dropdown-button-wrapper .button:focus,.dropdown-button-wrapper button:focus{outline:none}.dropdown-button-wrapper .button:not([disabled]):hover,.dropdown-button-wrapper button:not([disabled]):hover{color:var(--default-primary-text-color);background-color:var(--default-primary-main-color)}.dropdown-button-wrapper .button[disabled]:hover,.dropdown-button-wrapper button[disabled]:hover{cursor:not-allowed}.dropdown-button-wrapper .placeholder-wrapper .button .placeholder,.dropdown-button-wrapper .placeholder-wrapper button .placeholder{padding-right:.25rem}.dropdown-button-wrapper .placeholder-wrapper .button .selected,.dropdown-button-wrapper .placeholder-wrapper button .selected{padding-right:.5rem}.dropdown-button-wrapper .placeholder-wrapper .button .select,.dropdown-button-wrapper .placeholder-wrapper button .select{margin-left:.25rem;padding-left:.25rem}.dropdown-button-wrapper ul li{padding:.25rem 0}.dropdown-button-wrapper ul li .button span,.dropdown-button-wrapper ul li button span{padding-right:.5rem}.dropdown-button-wrapper .button,.dropdown-button-wrapper button{line-height:1.5rem}section.summary main.table ol li.row-wrapper.clickable:hover .border-wrapper,section.summary main.table ol li.row-wrapper.clickable:hover .border-wrapper .cell{cursor:pointer}