#table-items {
}

    #table-items tr {
		background: transparent !important;
    }

        #table-items tr:hover {
        }

        #table-items tr:hover td:not([colspan]) {
            background: #f0f6f5 !important;
        }

    #table-items th {
	    font-size: 80%;
	    text-align: left;
		vertical-align: bottom;
	    font-family: "Open Sans Medium", arial, helvetica, sans-serif;
		border: 0px !important;
	    border-bottom: #919899 1px solid !important;
    }
	
    #table-items th[style*=border] {
		border: 0px !important;
	    border-bottom: #d1d8d9 1px solid !important;
	}

    #table-items td {
	    padding: 5px;
	    border: #d1d8d9 1px solid !important;
	    border-left: 0 !important;
	    border-right: 0 !important;
    }

    #table-items .oddRow {
    }

    #table-items .evenRow {
        background: #f0f0f0;
    }
    
        #table-items .evenRow td {
            border: transparent 1px solid;
        }
    
    #table-items .itemCol {
    }

        #table-items .status {
            margin-top: 0.5em;
            font-size: 87.5%;
            color: #909090;
        }
        
        #table-items .status form {
            display: inline;
        }
        
    #table-items .dateCol {
    }
    
    #table-items .summaryCol {
    }
    
    #table-items .submitterCol {
    }
    
    #table-items .billingCategoryCol {
        width: 12%;
    }
    
    #table-items .timeSpentCol {
    }

    #table-items .timeBilledCol {
    }

    #table-items .total {
        font-size: 68.75%;
    }

	#table-items tr:not(:first-child) th[colspan],
    #table-items tr td[colspan] {
		/* Only the overview cells have colspans. */
	}
	
	#table-items tr:nth-child(2) th[colspan],
	#table-items tr:nth-child(3) th[colspan],
	#table-items tr:nth-child(4) th[colspan],
	#table-items tr:nth-child(5) th[colspan],
	#table-items tr:nth-child(6) th[colspan],
	#table-items tr:nth-child(7) th[colspan]	{
		border: 0px !important;
		border-right: #919899 1px solid !important;
	}
		
    #table-items tr:nth-child(2) td[colspan],
	#table-items tr:nth-child(3) td[colspan],
	#table-items tr:nth-child(4) td[colspan],
	#table-items tr:nth-child(5) td[colspan],
	#table-items tr:nth-child(6) td[colspan],
	#table-items tr:nth-child(7) td[colspan] {
		border: #fff 1px solid !important;
	}
	
form[name^=ApproveForm] {
	display: inline-block;
	margin-left: 5px;
}
			
	.timesheetSummary td:last-child br {
		display: none;
	}
	
	form[name^=ApproveForm] a::before {
		content: "\2714";
		display: inline-block;
	    margin-right: 5px;
	    width: 18px;
	    height: 18px;
	    color: #018937;
	    text-align: center;
	    line-height: 18px;
	    font-size: 12px;
		background: #fff;
	    border: #018937 1px solid;
	    border-radius: 100%;
	}

	form[name^=ApproveForm] a:hover::before {
		color: #fff;
	    background: #23201f;
		border-color: #23201f;
	}
	    
.dateSelectorLink {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 1px;
    overflow: hidden;
    padding-left: 15px;
    margin-right: 4px;
    text-indent: -10000em;
    background-image: url('/App_Themes/Default/images/icons/16x16_calendar.gif');
    background-repeat: no-repeat;
}

#ReportOptions {
	position: relative;
    margin-bottom: 25px;
    padding: 15px;
	background: #f0f6f5;
	border: #919899 1px solid;
    border-radius: 10px;
}
	
    #ReportOptions table {
        margin-bottom: 5px;
    }

        #ReportOptions table tr {
            background: none !important;
        }
		
        #ReportOptions table th {
            font-size: 80%;
		    padding: 5px 10px;
		    text-align: right;
		    border: transparent 10px solid;
		    border-right: #919899 2px solid;
		    border-left: 0px;
        }

        #ReportOptions table td {
			padding: 5px;
            border: transparent 1px solid;
            /*background: #f0f6f5;*/
        }

    #ReportOptions select,
	#ReportOptions input:not([type="submit"])	{
		height: auto !important;
        font-size: 87.5% !important;
	    font-family: 'Open Sans';
	    padding: 3px 6px;
		border-width: 1px;
	    border-radius: 25px;
	    /*background: #f0f6f5;*/
    }

    #ReportOptions #DateSelect {
        display: inline;
    }
	
	#ReportOptions #ProjectRow {
		white-space: nowrap;
	}
	
	#ReportOptions #GoCell {
		width: 100%;
	}
	
	#ReportOptions #PrintExport {
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	
		#ReportOptions #PrintExport a {
		    display: inline-block;
		    width: 16px;
		    height: 16px;
		    padding: 10px;
		    line-height: 24px;
		    text-align: center;
			background: #fff;
		    border: #919899 1px solid;
		    border-radius: 100%;
		}

			#ReportOptions #PrintExport a:hover {
				background: #23201f;
				border-color: #23201f;
			}
	
/*	
	#ReportOptions:hover {
		background: #fff;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	}

	    #ReportOptions:hover select,
		#ReportOptions:hover input:not([type="submit"]) {
			background: #f0f6f5;
		}	
*/

@media screen and (max-width: 1800px) {

    #ReportOptions #PrintExport  {
		bottom: -60px;
    }

}
	
@media screen and (max-width: 1400px) {

    .hideStacked {
		display: none !important;
	}
	
	#table-items td {
		font-size: 80%;
	}
	
	tr.timesheetSummary td {
		white-space: normal;
	}
	
	tr.timesheetSummary td:nth-child(2) {
		width: 100px;
		white-space: normal;
	}
	
	#ReportOptions table th {
		border-right: none;
	}

}
	
@media screen and (max-width: 1100px) {

	#ReportOptions #ProjectRow {
		white-space: normal;
	}
	
		#ReportOptions #ProjectRow th {
			vertical-align: top;
		}
	
	select[name="ProjectGroup"] {
		margin-bottom: 3px;
	}

}
		
@media screen and (max-width: 900px) {

	#ReportOptions table,
	#ReportOptions table tr,
	#ReportOptions table tr th,
	#ReportOptions table tr td

	{
		display: block;
		text-align: left;
		border: 0px;
	}
	
	#ReportOptions table tr th {
		padding: 5px 0px;
	}
	
	#ReportOptions table tr td {
		padding: 0px;
	}
	
	.submitButton.goButton {
		position: absolute;
	    bottom: 15px;
	    right: 15px;
	    margin: 0 !important;
	}
	
	select[name="ProjectGroup"] {
		margin-bottom: 3px;
	}

}

.timesheetSummary {
}

    .timesheetSummary .category {
        color: #909090;
    }

.submitButton.goButton {
    /*padding: 7px 21px; */
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background: #018937;
    border: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 30px;
    font-size: 24px;
    /* text-transform: uppercase;*/
}

.submitButton.goButton:hover {
    text-decoration: none;
    background-color: #23201f;
}

a.addButton {
    padding: 7px 21px;
    color: #ffffff;
    font-weight: bold;
	text-decoration: none;
    background: #018937;
    border: 0;
    cursor: pointer;
	border-radius: 30px;
}

.addButton:hover {
    text-decoration: none;
    background-color: #23201f;
}

#ShowItemForm {
}

    #ShowItemForm table tr {
		background: transparent !important;
    }

        #ShowItemForm table tr:hover {
        }

        #ShowItemForm table tr:hover td {
        }

    #ShowItemForm table th {
	    font-size: 80%;
	    text-align: left;
		vertical-align: bottom;
	    font-family: "Open Sans Medium", arial, helvetica, sans-serif;
		border: 0px !important;
	    border-bottom: #919899 2px solid !important;
    }
	
    #ShowItemForm table th[style*=border] {
		border: 0px !important;
	    border-bottom: #d1d8d9 1px solid !important;
	}

    #ShowItemForm table td {
	    padding: 5px;
	    border: 0!important;
	    border-left: 0 !important;
	    border-right: 0 !important;
    }
	
    #ShowItemForm table td:first-child {
		width: 150px;
	}
	
	#ShowItemForm td b {
	    display: block;
	    padding: 0 10px;
		text-align: right;
	    font-family: 'Open Sans Medium';
	    font-weight: bold;
		line-height: 27px;
	    border-right: #919899 2px solid;
	}
	
	#ShowItemForm td[colspan] b {
		padding: 0px;
		text-align: left;
		border: 0;
	}
	
	
    #ShowItemForm table td table td {
		padding: 0px 10px 0px 0px;
	}
	

    #ShowItemForm select,
	#ShowItemForm input,
	#ShowItemForm textarea	{
		height: auto !important;
        font-size: 87.5% !important;
	    font-family: 'Open Sans';
	    padding: 3px 6px;
		border-width: 1px;
	    background: #f0f6f5;
    }
	
	#ShowItemForm h2 {
		margin-top: 15px;
	}
	
	#ShowItemForm input[type="submit"] {
	    padding: 7px 21px;
	    color: #ffffff;
		font-size: 100% !important;
	    font-weight: bold;
	    text-decoration: none;
	    background: #018937;
	    border: 0;
	    cursor: pointer;
	    border-radius: 30px;
	}
	
	#ShowItemForm input[type="submit"]:hover {
		background: #23201f;
	}