div#timeEntryContainer
{
    margin : -27px 0 0 0;
    border: none;
    padding: 0px;
}
.ui-tabs-vertical > .ui-tabs-nav { 
	padding: 0 !important; 
	width: 1%; 
	width: 150px; 
	display: table-cell !important; 
	vertical-align: top; 
	border-radius: 0; 
	border-top: none; 
	border-bottom: none; 
	border-left: none; }
.ui-tabs-vertical > .ui-tabs-nav li { 
	width: 90%; 
	border: none !important;
	margin: 0 -1px 0 0;
    font: 11px Verdana, Geneva, sans-serif;
	padding-left: 17px;
}

.ui-tabs-vertical > .ui-tabs-nav li:hover { 
	background-color: var(--primarycolor) !important;
}

.ui-tabs-vertical > .ui-tabs-nav li a:hover { 
	color: #fff !important;
}

.ui-tabs-vertical > .ui-tabs-nav li a { 
	display:block; 
	width: 95%; 
	padding: 0.3em 0.2em 0.3em 0.3em; 
	white-space: normal; }

.ui-tabs-vertical > .ui-tabs-nav li a.aria-selected { 
	color: #fff !important;	
}

.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-active { 
	padding-bottom: 0; 
	padding-right: .1em; 
	border-right-width: 1px; 
	margin: 0 -1px .2em 0; 
	color: #fff !important;
	background-color: var(--primarycolor) !important;
}

.ui-tabs-vertical > .ui-tabs-nav li.ui-state-default { 
	border-right-width: 1px; 
	margin: 0 -1px 0 0; 
	background-color: #fff;
}

.ui-tabs-vertical > .ui-tabs-nav ui-tabs-active li.a { 
	color: #fff !important;
}

.ui-tabs-vertical > .ui-tabs-panel { padding: 0; display: table-cell; }
.ui-tabs-vertical > .ui-widget-header 
{ 
    background: #FFFFFF;
}
.ui-tabs-vertical > .ui-tabs-nav .ui-tabs-anchor {
	padding: 1em 0.2em 1em 0.3em !important;
}

div#timeEntryContainer .ui-tabs-panel
{
    padding: 0; 
    width: 100% !important;
	margin-right: 10px !important;
}

li.summaryTab a,
li.addCustomerTabLink a
{
    font-weight: bold;
}

/* timesheet header */
.timesheetHeaderBar {
    /*display: none;*/
    color: #fff;
    overflow: auto;
    padding: 10px;
    border-bottom: 3px double #aaa;
    border-left: 1px solid #aaa;
    background-color: #4C505B;
    border-radius: 0px;
}
.timesheetHeaderBar h1
{
    font-size: 1.5em;
    float: left;
    font-weight: bold;
}
.timesheetHeaderBar .timesheetHeaderStatus
{
    /*clear: right;
    padding-top: 10px;
    float: right;   */
}
.customerTimesheetTabs 
{
    border: none;
    margin: 0px;
    padding: 0px !important;	
    width: 100% !important;
}

.customerTimesheetTabs > ul li a{
	border: none !important;
}

.customerTimesheetTabs > ul:nth-child(1) {
	background: var(--secondarycolor) !important;
	min-height: 20px !important;
}

/* UDF editable */
.userDefinedFieldsBlock {
    display: none;
}
.userDefinedFieldsBlock > div {
    display: table-row;
}
.userDefinedFieldsBlock > div > div {
    display: table-cell;
    padding: 3px;
}
.userDefinedFieldsBlock > div > div:first-child {
    white-space: nowrap;
}
.userDefinedFieldsBlock > div > div input,
.userDefinedFieldsBlock > div > div select {
    min-width: 100%;
    font-size: 8pt;
}
.userDefinedFieldsBlock > div > div input {
    min-width: 150px;
}

/* UDF uneditable */
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock {
    display: none;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div {
    float: left;
    white-space: nowrap;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div > span {
    padding-right: 20px;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div > span:first-child {
    font-weight: bold;
    padding-right: 5px;
}

/* Button Bar */
div.timesheetButtonBar {
    border: none;
    background-color: #636877;
    overflow: auto;
}
div.timesheetButtonBar .buttonBarGradient {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #FFFFFF;
}
.timesheetButtonBar .timesheetHeaderDates
{
    color: #000000;
	border: 1px solid #ccc;
	padding: 4px;
}
div.timesheetButtonBar div.actions {
    overflow: visible;
}
div.timesheetButtonBar div.actions > div {
    float: left;
}
div.timesheetButtonBar div.actions > div:first-child {
    margin-right: 5px;
}
div.timesheetButtonBar input.ui-button:first-child {
}
div.timesheetButtonBar input.ui-button {
    padding: 5px;
}
div.timesheetButtonBar > div.calculations {
    margin: 4px 5px 8px;
}
div.timesheetButtonBar > div.calculations fieldset {
    border: 1px solid #555;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.9em;
    background-color: #fff;
}
div.timesheetButtonBar > div.calculations table {
	text-align: right;
	width: 100%;
}
div.timesheetButtonBar > div.calculations div.separator {
    margin: 10px 0;
    height: 1px;
    background: #555;
}
div.timesheetButtonBar > div.calculations td {
    padding: 2px 3px;
    white-space: nowrap;
}
div.timesheetButtonBar > div.calculations td:first-child {
    text-align: right;
}
div.timesheetButtonBar > div.calculations td:nth-child(2n) {
	width: 60px;
}
div.timesheetButtonBar > div.calculations table.payTypeTotalsTable tr:first-child td {
    font-weight: bold;
    padding-bottom: 10px;
}
div.timesheetButtonBar > div.calculations tr.firstExpense td {
    border-top: 1px dashed #888;
}
div.timesheetButtonBar span.ui-button-text {
    padding: 5px;
}
div.timesheetButtonBarTop {
    margin: 5px 0;
}
div.timesheetButtonBarBottom {
    margin: 8px 0 50px 0;
    display: inline-block;
    min-width: 292px;
}
div.timeEntryMessagePanel {
    padding: 10px 0;
    text-align: right;
    color: #000000;
    font-weight: normal;
}
div.timeEntryMessagePanel img {
    vertical-align: middle;
}

div#jobList ul
{
    margin: 0;
    padding: 0;   
}

div#jobList ul li
{
    list-style: none;
    margin: 3px; 
}

/* Timesheet Lines */
div.timesheetPanelTable {
    display: table;
    width: 100%;
    margin-left: 0px;
}
div.timesheetColumnHeaderPanel {
    display: table-row;
    font-weight: normal;
    color: #000;
    background-color: #FFFFFF;
}
div.timesheetColumnHeaderPanel > div {
    display: table-cell;
    padding: 5px;
    font-size: 0.9em;
    vertical-align: top;
    padding: 6px 5px;
    text-align: left;
    border-right: none;
	border-top: 1px solid var(--primarycolor);
	border-bottom: none;
}
div.timesheetLinePanel {
    border-top: 1px solid #555;
    overflow: auto;
    font-size: 0.9em;
    display: table-row;
}
div.timesheetLinePanel:first-child {
    border-top: none;
}
div.timesheetLinePanel:nth-child(2n) {
    background-color: #eee;
}
div.timesheetLinePanel > div {
    padding: 5px;
    display: table-cell;
    vertical-align: top;
}
div.timesheetLinePanel .comment {
    width: 150px;
    transition: height 0.2s ease 0s;
}
div.timesheetLinePanel .position {
    min-width: 100%;
}
div.timesheetLinePanel input[type='text'] {
    /*color: #aaa;
    border: 1px solid #ccc;*/
    color: #333;
    border-color: #888;
    width: 100%;
    padding: 1px;
}

.comment, 
.fileUpload,
div.timesheetLinePanel input[type="text"], input[type="password"], input[type="file"] textarea, select
{
	border-color: #dbdbdb;
}


div.timesheetLinePanel input[type='text'].readonly {
    color: #000;
    border: none;
    background-color: transparent;
}
div.timesheetLinePanel select.payType {
    width: 100%;
}
div.timesheetLinePanel input.focused {
    color: #333;
    border-color: #555;
}
div.timesheetLinePanel.approved {
    background-color: #CEFFD9 !important;
}
div.timesheetLinePanel.partiallyapproved {
    background-color: #FFFABF !important;
}
div.timesheetLinePanel.rejected {
    background-color: #FCD2CC !important;
}

div.timesheetLinePanel.uneditable > div {
    border-right: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable > div:first-child {
    border-left: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable:last-child > div {
    border-bottom: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable input {
    min-width: 60px;
    /*background-color: #ddd;
    border: 1px solid #CCCCCC; */
    background-color: transparent;
    border: none;
    color: #333;
}
div.timesheetLinePanel.uneditable input.dateDDL {
    width: 100px;
}
div.timesheetLinePanel.uneditable input.position {
    min-width: 100%;
}
div.timesheetLinePanel .hours.calculated {
    background-color: #fafafa;
    color: #888;
}
div.timesheetLinePanel.uneditable .hours.calculated {
    background-color: transparent;
    color: #333;
}

div.timesheetLinePanel .read-more a,
div.timesheetLinePanel .read-less a {
    font-weight: bold;
    color: #2659AB;
}

div.timesheetLinePanel .action_Panel {
    min-width: 15px;
}
div.timesheetLinePanel .date_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .position_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .paytype_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .hours_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .expense_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .inTime_Panel,
div.timesheetLinePanel .inTime2_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .outTime_Panel,
div.timesheetLinePanel .outTime2_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .lunch_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .daysWorked_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .numberColumn_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .comment_Panel {
    min-width: 150px;
}
div.timesheetLinePanel .upload_Panel {
    min-width: 150px;
}
div.timesheetLinePanel .udf_Panel {
    width: 100%;
}
div.timesheetLinePanel .udf_Panel .error {
    min-width: 150px;
}

button.addLinesButton {
    margin: 15px 0 0 0;
}

div.timesheetLinePanel .rejectedReasonPanel {
    clear: both;
    margin-top: 5px;
    display: none;
}
div.timesheetLinePanel .rejectedReasonPanel textarea {
    width: 100%;
    height: 1em;
}
div.timesheetLinePanel .rejectedReasonPanel .label {
    color: Red;
}

/* timesheet Info control */
div.timesheetInfo {
	background-color: #f2f2f2;
	margin: 10px;
    font: smaller;
}

div.timesheetInfo table {
    border: none;
}
div.timesheetInfo td {
    padding: 2px 15px 2px 10px;
    font-size: x-small;
}
div.timesheetInfo td:first-child {
    font-weight: bold;
}


div.timesheetInfo tr td
{
	border: none !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* Dark gradient background */
.timesheetHeaderBar,
div.timesheetButtonBar .buttonBarGradient
{
    /*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.20, #4C505B), color-stop(0.80, #8A90A0) );
    background-image: -moz-linear-gradient( center bottom, #4C505B 20%, #8A90A0 80% );
    background-image: -o-linear-gradient( center bottom, #4C505B 20%, #8A90A0 80% );
    background-image: -ms-linear-gradient( bottom, #4C505B 20%, #8A90A0 80% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C505B', endColorstr='#8A90A0');*/
}

.hasHours
{
    font-weight: bold !important;
}

.expense::placeholder {
	text-align: center;
}

div#timesheetTabs {
	border: 0px !important;
	padding: 0px !important;	
	margin: 0px !important;
    background-color: #fff;
}
div#timesheetTabs > .ui-widget-header 
{ 
    background-color: transparent;
}
div#timesheetTabs .ui-widget-header {
	border: none;
}

div#timesheetTabs > ul:nth-child(1) {
	min-width: 150px;
}

div#timesheetTabs > ul:nth-child(1) > li.ui-corner-left:nth-child(2) {
	 border-top: 30px solid var(--secondarycolor) !important;
}

div#timesheetTabs > ul:nth-child(1) > li.ui-state-default.ui-corner-left.ui-tabs-active.ui-state-active a:link
{
	color: #FFF !important;
}

.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 0;
}

#buttonBarBottom_timesheetButtonBar {
	background-color: #FFF !important;
	margin-left: 5px;
}

#buttonBarBottom_calculations > fieldset {
	border-radius: 0px;
	border: 1px solid #CCC;
}
#btnAddLines {
	margin-left: 10px;
}