/******************/
/* General Styles */
/******************/

body
{
	font-family: roboto,arial;
}
.backend
{
	background: url( "../img/bg-dpi1.jpg" ) repeat scroll 0 0 #efefef;
}
.frontend
{
	margin: 0;
}

.backend #page
{
	margin-top: 40px;
}

.backend #pageWrapper
{
	background-color: #fff;
	border: 1px solid #666;
	box-shadow: 0 0 50px 1px #000;
	margin: 10px auto 0;
	overflow: hidden;
	padding: 15px 15px 30px 15px;
	max-width: 1100px;
}

.frontend #pageWrapper
{
	max-width: 100%;
	margin: 0 auto;
	min-width: 400px;
}

table
{
	border: 1px solid #777;
	border-collapse: collapse;
	width: 100%;
}
tr:nth-child( even )
{
	background: #ccc;
}
tr:nth-child( odd )
{
	background: #fff;
}
th
{
	padding: 0px 5px;
	vertical-align: bottom;
	padding-right: 20px;
}
td
{
	border: 1px solid #777;
	padding: 5px 3px;
}


label
{
	display: inline-block;
	font-weight: bold;
}


input[type=text]
{
	width: 213px;
}

input[type=checkbox]
{
	margin-left: 10px;
}


.clear
{
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}
.left
{
	float: left;
}
.right
{
	text-align: right;
	float: right;
}
.center
{
	text-align: center;
}

.col-3
{
	width: 33%;
	float: left;
}

.noRecords
{
	text-align: center;
}

.linkButton,
.ui-button
{
	background-color: #3C76B1;
	border-radius: 5px;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 20px;
	text-decoration: none;
	cursor: pointer;

}
.backend .linkButton
{
	background-color: #d2232a;
}
.frontend .linkButton
{
	background-color: #dbdbdb;
	border-radius: 0px;
	color: #000;
}

.checkmark
{
	color: #d2232a;
	text-align: center;
}

table.sortable thead th:not( :empty )
{
    background-image: url( "../img/bg.gif" );
    background-position: right center;
    background-repeat: no-repeat;
	vertical-align: bottom;
}

.pagedisplay
{
	width: 40px !important;
	text-align: center;
}

.editColumn
{
	width: 65px;
}

form.edit fieldset
{
	border: none;
}
form.edit fieldset legend
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
}
form.edit div,
form.edit input[type=submit]
{
	margin: 5px;
	padding: 5px;
}

form.search fieldset
{
	background-color: #eee;
}
form.search div
{
	margin-right: 20px;
}
form.search label
{
	font-weight: bold;
}
form.search input[type=checkbox]
{
	width: 100%;
	text-align: center;
}

#paginationContainer
{
	margin-top: 10px;
}

.ui-dialog.ui-widget
{
	text-align: center;
	padding-bottom: 10px !important;
}

#topBar
{
	height: 42px;
}

.frontend .sectionHeader
{
	background-color: #959595;
	color: #fff;
	height: 50px;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: left;
	line-height: 50px;
	font-size: 20px;
	padding: 0 5px;
	margin-top: 0;
}	
.frontend .sectionHeader tr,
.frontend tr.sectionHeader
{
	background-color: #959595 !important;
}


/***********/
/* Columns */
/**********/
.col-1
{
    float: left;
    width: 100%;
}
.col-2
{
    float: left;
    width: 50%
}
.col-3
{
    float: left;
    width: 33%;
}
.col-3-2
{
    float: left;
    width: 66%;
}
.col-4
{
    float: left;
    width: 25%
}
.col-4-3
{
    float: left;
    width: 75%;
}
.col-5
{
    float: left;
    width: 20%;
}
.col-5-2
{
    float: left;
    width: 40%;
}



/********/
/* Tabs */
/********/

.tabWrapper
{
	
}
.tabContainer
{
	display: inline-block;
	float: right;
	height: 100%;
}
.tabs
{
	list-style: none;
	margin: 0;
	text-align: right;
	display: inline-block;
	height: 100%;
	padding-left: 0;
}
.tabs li
{
	display: inline-block;
	height: 100%;
}
.tabs li a
{
	color: #000;
	padding: 0 12px;
	text-decoration: none;
	background-color: #dbdbdb;
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	line-height: 42px;
}
.tabs li a:hover
{
	background-color: #dbdbdb;
}
.tabs li.active a
{
    background-color: #959595;
	color: #fff;
}
.tabs li.active a:hover
{
    background-color: #959595;
}
.tabContent
{
	display: none;
}
.tabContent.active
{
	display: block;
}



/***********/
/* Confirm */
/***********/
.ui-dialog.ui-widget
{
	background-color: #fff;
	border-radius: 3px;
	padding: 5px;
	z-index: 10001;
	font-size: 20px;
}
.ui-dialog .ui-dialog-title
{
	font-size: 26px;
}
.ui-dialog .ui-dialog-titlebar-close
{
	display: none;
}
.ui-dialog .ui-dialog-content
{
	min-height: 50px !important;
	margin-bottom: 20px;
}
.ui-dialog .ui-button
{
	margin-right: 10px;
}

.ui-widget-overlay
{
	background-color: #555;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1000;
	opacity: .5;
}





/********/
/* Menu */
/********/
#menu,
.submenu
{
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 25px;
	cursor: pointer;
}
.backend #menu
{
	margin-top: 20px;
}
#menu li
{
	float: left;
	font-size: 16px;
	width: 50px;
	margin-right: 10px;
}
.backend #menu li
{
	width: auto;
	padding: 2px;
}
.backend #menu li.selected
{
	background-color: #d2232a;
	border-radius: 3px;
}
#menu li,
#menu li a
{
	font-size: 15px;
	color: #666;
	text-decoration: none;
}
#menu a:hover
{
	color: #999;
}
.backend #menu .selected,
.backend #menu .selected a
{
	color: #fff;
}
#menu .menuIcon
{
	width: 80%;
}

.backend #menu li .submenu
{
	position: absolute;
	display: none;
	width: inherit;
	background-color: #eee;
	margin-top: 2px;
	padding-left: 1px;
	border: 1px solid #aaa;
}
.backend #menu li:hover .submenu
{
	display: block;
}
.backend #menu li ul .submenu
{
	display: block;
	width: 100%;
}
.backend #menu li .submenu li
{
	float: none;
	padding: 3px;
	margin: 3px;
}
.backend #menu li .submenu li a
{
	width: 100%;
	color: #666;
	display: block;
}
.backend #menu li .submenu a:hover
{
	color: #999;
}
.backend #menu li .submenu .selected a
{
	color: #fff;
}

.frontend #logoutLink
{
	background-color: #d2232a;
	color: #fff;
}

/********/
/* Misc */
/********/

.backend #logo
{
	width: 200px;
	margin-top: 8px;
}

/* Save Warning */
#saveWarning
{
    background-color: #fff;
    border: 1px solid #000;
    height: 180px;
    opacity: 0.97;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
	display: none;
}
#saveWarning .linkButton
{
    font-size: 30px;
    height: 40px;
    margin: 15px auto 0;
    text-align: center;
    width: 100px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	left: 42%;
}
#saveWarning .linkButton.save
{
	background-color: #63d37f;
}

/* Date Picker */
#ui-datepicker-div:empty
{
	display: none;
}
#ui-datepicker-div
{
	background: #fff;
	border: 1px solid #000;
	padding: 10px;
}
#ui-datepicker-div .ui-datepicker-title
{
	font-weight: bold;
	text-align: center;
	margin-top: -20px;
	margin-left: 26px;
}
#ui-datepicker-div a
{
	color: #111;
	text-decoration: underline;
	cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-next
{
	float: right;
}
#ui-datepicker-div .ui-datepicker-today
{
	font-weight: bold;
}
#ui-datepicker-div .ui-datepicker-unselectable
{
	color: #888;
}

/* Message Center */
#messageCenter
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	width: 500px;
	background: #fff;
	z-index: 9999;
	border-radius: 4px;
	padding: 10px;
}
#messageCenter.error
{
	border: 4px solid #c00;
}
#messageCenter.success
{
	border: 4px solid #0c0;
}


/*****************/
/* Page Specific */
/*****************/


#body_metadata_list form fieldset
{
	background: #eee;
	border: 1px solid #000;
	border-radius: 4px;
}


#body_login_form input
{
	margin-bottom: 8px;
}


#body_login_form form
{
	background: #eee;
	border: 1px solid #000;
	border-radius: 4px;
	width: 200px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-top: 10px;
}


#body_login_form input[type=text],
#body_login_form input[type=password]
{
	width: 143px !important;
}


.frontend #sessionInfo
{
	font-size: 22px;
	text-transform: uppercase;
	background-color: #dbdbdb;
	padding: 7px 10px 8px;
}


#body_board_list th:first-child,
#body_board_list td:first-child
{
	width: 200px;
}
#body_board_list th:nth-child(2),
#body_board_list td:nth-child(2)
{
	width: 40px;
}
#body_board_list th:nth-child(3),
#body_board_list td:nth-child(3)
{
	width: 80px;
}
#body_board_list th:nth-child(4)
{
	width: 100px;
}
#body_board_list th:nth-child(5)
{
	
}
#body_board_list #field_projectId
{
	width: 340px;
	overflow: hidden
}
#body_board_list tr
{
	background-color: #fff;
}
#body_board_list table,
#body_board_list td
{
	border: none;
}
#body_board_list select
{
	outline: none;
	border: 1px solid #dbdbdb;
}
#body_board_list input[type=text]
{
	outline: none;
	border: 1px solid #dbdbdb;
}
#body_board_list .red
{
	color: #e00;
}
#body_board_list .green
{
	color: #3b3;
}
#body_board_list .blue
{
	color: #03c;
}
#body_board_list .orange
{
	color: #c30;
}
#body_board_list #projectTrackerContainer #timerContainer
{
	display:flex;
	justify-content:space-around;
	width:225px
}
#body_board_list #projectTrackerContainer .column
{
	display: inline-block;
	margin-left: 10px;
}
#body_board_list #projectTrackerContainer .linkButton
{
	padding: 5px 10px;
}
#body_board_list #projectTrackerContainer .timerButton img
{
	max-width: 23px;
	margin-bottom: -5px;
}
#body_board_list #projectTrackerContainer .active
{
	display: inline;
}
#body_board_list #projectTrackerContainer .inactive
{
	display: none;
}
#body_board_list #projectTrackerContainer #field_hours_chosen .search-choice-close,
#body_board_list #projectTrackerContainer #field_minutes_chosen .search-choice-close
{
	display: none;
}
#body_board_list #field_projectId_new
{
	width: 342px;
	overflow: hidden;
}
#body_board_list #field_notes
{
	width: 660px;
}

#body_timesheet_list h2
{
	margin: 8px;
	margin-right: 25px;
}
#body_timesheet_list #dateContainer div
{
	margin-bottom: 5px;
}
#body_timesheet_list label
{
	display: inline-block;
	width: 80px;
}
#body_timesheet_list .datepicker,
#body_hours_list .datepicker
{
	width: 75px;
}
#body_timesheet_list #timesheet
{
	max-width: 775px;
}
#body_timesheet_list #timesheet table,
#body_timesheet_list #timesheet td
{
	border: none;
}
#body_timesheet_list #timesheet th
{
	text-decoration: underline;
	text-align: left;
}

#body_timesheet_list #timesheet tbody tr:last-child td:nth-child(5)
{
	border-top: 2px solid #000;
}

#body_employees_edit #employeeSelectionConainer div,
#body_employees_view #employeeSelectionConainer div
{
	margin-top: 2px;
}
#body_employees_edit #employeeSelectionConainer input[type="submit"]
{
	margin: 0;
	padding: 5px 20px;
}
#body_employees_view #employeeSelectionConainer input[type="submit"],
#body_employees_edit #employeeSelectionConainer input[type="submit"],
#body_employees_view #employeeSelectionConainer input[type="button"],
#body_employees_edit #employeeSelectionConainer input[type="button"],
#body_employees_view #employeeSelectionConainer a,
#body_employees_edit #employeeSelectionConainer a
{
	margin-left: 20px;
}
#body_employees_edit #nameDepartmentContainer input[type="text"]
{
	width: 99px;
}
#body_employees_edit #field_extensionNumber
{
	width: 30px;
}
#body_employees_edit #payrollContainer input[type="number"]
{
	width: 50px;
}
#body_employees_edit #employeeOptions input[type="text"]
{
	width: 35px;
}
#body_employees_view #departmentContainer span
{
	margin-right: 5px;
}
#body_employees_edit #field_dateHired
{
	width: 70px;
}
#body_hours_list #timecardContainer h3
{
	text-align: center;
}
#body_hours_list #timecardContainer .datepicker
{
	width: 150px;
}
#body_hours_list #timecardContainer table tr
{
	background-color: #fff;
}
#body_hours_list #timecardContainer table tr:nth-child( 4n+3 ),
#body_hours_list #timecardContainer table tr:nth-child( 4n+4 )
{
	background-color: #ccc;
}
#body_hours_list #timecardContainer table td
{
	text-align: center;
}
#body_hours_list #template_timecard,
#body_hours_list #template_timeaway
{
	display: none;
}
#body_hours_list #timecardContainer .editRow
{
	display: none;
}

#thisYearPTO
{
	margin: 5px;
}
#thisYearPTO div
{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#thisYearPTO ul,
#lastYearPTO ul
{
	padding-left: 0;
}
#lastYearPTO li,
#thisYearPTO li
{
	list-style: none;
}
#lastYearPTO h3
{
	text-align: center;
}
#lastYearPTO div,
#lastYearPTO li
{
	color: #555;
	padding: 0;
	margin: 0;
}

#body_employees_edit #thisYearPTO input
{
	width: 30px;
}

#body_employees_edit #notesContainer,
#body_employees_view #notesContainer
{
	margin: 5px;
}
#body_employees_edit #notesContainer label,
#body_employees_view #notesContainer label
{
	vertical-align: top;
}
#body_employees_edit #notesContainer textarea
{
	width: 419px;
	height: 100px;
}
#body_employees_view #notesContainer #field_notes
{
	display: inline-block;
	width: 419px;
}

#body_reports_payroll #datePrinted,
#body_reports_payrollHistory #datePrinted
{
	display: none;
}
#body_reports_payroll h2,
#body_reports_payrollHistory h2
{
	margin-top: 0;
}
#body_reports_payroll h2 input[type=text]
{
	width: 75px;
}
#body_reports_payroll #lockPayroll,
#body_reports_payroll #unlockPayroll
{
	margin-left: 15px;
}
#body_reports_payroll #accordion h3,
#body_reports_payrollHistory #accordion h3
{
	background-color: #ddd;
	cursor: pointer;
	padding: 5px;
}
#body_reports_payroll #accordion h3 span.icon,
#body_reports_payrollHistory #accordion h3 span.icon
{
	margin-right: 5px;
	width: 20px;
	display: inline-block;
}
#body_reports_payroll #accordion h3 span.count
{
	font-size: 75%;
	font-weight: normal;
}
#body_reports_payroll #accordion div,
#body_reports_payrollHistory #accordion div
{
	margin-left: 20px;
}
#body_reports_payroll h4 a
{
	color: #000;
}
#body_reports_payroll table,
#body_reports_payrollHistory table
{
	text-align: center;
}
#body_reports_payroll table th,
#body_reports_payrollHistory table th
{
	padding: 0 5px;
	vertical-align: top;
}
#body_reports_payroll table th sub,
#body_reports_payrollHistory table th sub
{
	display: block;
	color: #555;
}
#body_reports_payroll table input
{
	width: 45px;
	text-align: center;
}
#body_reports_payroll .paidHours,
#body_reports_payrollHistory .paidHours
{
	font-weight: bold;
	font-size: 15px;
}
#body_reports_payroll #accordion tbody,
#body_reports_payrollHistory #accordion tbody
{
	display: none;
}
#body_reports_payroll .fakeAccordion,
#body_reports_payrollHistory .fakeAccordion
{
	background-color: #ddd;
	cursor: pointer;
	padding: 2px;
	margin-top: 4px;
	float: left;
	width: 30px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#body_pto_list #timeAway table
{
	width: 300px;
	margin: 0 auto;
	border: none;
}
#body_pto_list #timeAway td
{
	border: none;
}
#body_pto_list #timeAway table th
{
	padding: initial;
}
#body_pto_list #timeAway .dateAway
{
	width: 70px;
}
#body_pto_list #timeAway .typeId[type=text]
{
	width: 68px;
}

#body_holidays_edit .datepicker
{
	width: 70px;
}
#body_holidays_edit #field_hours
{
	width: 25px;
}
#body_holidays_edit li
{
	list-style: none;
}


#body_reports_pto .datepicker,
#body_reports_hoursPerPeriod .datepicker
{
	width: 70px;
	margin-right: 10px;
}
#body_reports_hoursPerPeriod select
{
	margin-right: 10px;
}
#body_reports_pto table,
#body_reports_hoursPerPeriod table
{
	margin-top: 20px;
}
#body_reports_hoursPerPeriod th
{
	padding: 4px;
}
#body_reports_hoursPerPeriod td
{
	text-align: center;
	padding: 4px;
}

#body_reports_payrollHistory_print h1
{
	font-size: 20px;
	text-align: left;
	margin: 0 ;
}
#body_reports_payrollHistory_print h2
{
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	margin: 0;
}
#body_reports_payrollHistory_print h3
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}
#body_reports_payrollHistory_print table
{
	font-size: 14px;
	width: auto;
}
#body_reports_payrollHistory_print th
{
	text-align: left;
}
#body_reports_payrollHistory_print th:nth-of-type(1),
#body_reports_payrollHistory_print td:nth-of-type(1)
{
	width: 50px;
}
#body_reports_payrollHistory_print th:nth-of-type(2),
#body_reports_payrollHistory_print td:nth-of-type(2)
{
	width: 150px;
}
#body_reports_payrollHistory_print th:nth-of-type(3),
#body_reports_payrollHistory_print td:nth-of-type(3)
{
	width: 300px;
}
#body_reports_payrollHistory_print th:nth-of-type(4),
#body_reports_payrollHistory_print td:nth-of-type(4)
{
	width: 40px;
}

#body_reports_tracker form
{
	margin-bottom: 15px;
}
#body_reports_tracker .datepicker
{
	width: 70px;
}
#body_reports_tracker h3
{
    background-color: #d2232a;
    color: #fff;
    padding: 4px;
}	
#body_reports_tracker table.employeeTrackersContainer
{
	width: 850px;
}
#body_reports_tracker table.employeeTrackersContainer th:nth-of-type(1),
#body_reports_tracker table.employeeTrackersContainer td:nth-of-type(1)
{
	width: 65px;
}
#body_reports_tracker table.employeeTrackersContainer th:nth-of-type(2),
#body_reports_tracker table.employeeTrackersContainer td:nth-of-type(2)
{
	width: 600px;
	overflow: hidden;
}
#body_reports_tracker table.employeeTrackersContainer th:nth-of-type(3),
#body_reports_tracker table.employeeTrackersContainer td:nth-of-type(3)
{
	width: 40px;
}
#body_reports_tracker table.employeeTrackersContainer th:nth-of-type(4),
#body_reports_tracker table.employeeTrackersContainer td:nth-of-type(4)
{
	width: 125px;
}
#body_reports_tracker table.employeeTaskTotalsContainer
{
	width: auto;
}
#body_reports_tracker table.employeeTaskTotalsContainer th
{
	text-align: left;
}
#body_reports_tracker table.employeeTaskTotalsContainer th:nth-of-type(1),
#body_reports_tracker table.employeeTaskTotalsContainer td:nth-of-type(1)
{
	width: 70px;
}
#body_reports_tracker table.employeeTaskTotalsContainer th:nth-of-type(2),
#body_reports_tracker table.employeeTaskTotalsContainer td:nth-of-type(2)
{
	width: 150px;
}
#body_reports_tracker table.employeeTaskTotalsContainer th:nth-of-type(3),
#body_reports_tracker table.employeeTaskTotalsContainer td:nth-of-type(3)
{
	width: 60px;
}


#body_project_list .tabWrapper
{
	margin: 5px;
}
#body_project_list .chosen-single
{
	border-radius: 0;
	background: none;
}
#body_project_list #projectDetailsContainer
{
	margin: 30px;
	float: left;
	min-height: 350px;
}
#body_project_list #projectDetailsContainer > div
{
	margin-bottom: 7px;
	position: relative;
}
#body_project_list #deletedRecordMessage
{
	color: #f00;
	font-size: 150px;
	position: absolute !important;
	opacity: .2;
	z-index: 1;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#body_project_list #projectDetailsContainer label
{
	display: inline-block;
	width: 150px;
}
#body_project_list #projectDetailsContainer input
{
	display: none;
	width: 120px;
}
#body_project_list #projectDetailsContainer select,
#body_project_list #projectDetailsContainer textarea,
#body_project_list #projectDetailsContainer #notesContainer
{
	display: none;
}
#body_project_list #field_organizationId
{
	display: none !important;
}
#body_project_list #projectDetailsContainer #field_projectName,
#body_project_list #projectDetailsContainer #field_organizationCity,
#body_project_list #projectDetailsContainer #field_stagingUrl,
#body_project_list #projectDetailsContainer #field_websiteUrl,
#body_project_list #projectDetailsContainer #field_emailAddress,
#body_project_list #projectDetailsContainer #field_basecampUrl
{
	width: 250px;
}
#body_project_list #notesContainer
{
	border: 1px solid #777;
	padding: 2px;
	width: 350px;
}
#body_project_list #projectDetailsContainer #costBreakdownContainer
{
	display: inline-block;
	margin-left: 15px;
}
#body_project_list #projectDetailsContainer #costBreakdownContainer label
{
	width: auto;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
}
#body_project_list #projectDetailsContainer #costBreakdownContainer input
{
	width: 50px;
}
#body_project_list #projectDetailsContainer input[type="checkbox"]
{
	width: 20px;
	margin-left: 0;
}
#body_project_list #projectGraphContainer
{
	float: left;
	margin-top: 5px;
}
#body_project_list #projectTimesContainer
{
	margin-bottom: 40px;
}
#body_project_list #projectTimesContainer tr
#body_project_list #projectSupportTimesContainer tr
{
	background: none;
}
#body_project_list #projectTimesContainer .buttonsColumn,
#body_project_list #projectSupportTimesContainer .buttonsColumn
{
	width: 166px;
}
#body_project_list #editProject,
#body_project_list #deleteProject,
#body_project_list #saveProject,
#body_project_list #completeProject,
#body_project_list #cancelSave,
#body_project_list .surveyButton
{
	position: relative;
	top: -10px;
}
#body_project_list #saveProject,
#body_project_list #cancelSave
{
	display: none;
}
#body_project_list #completeProjectContainer,
#createInvoiceContainer
{
	display: none;
	background-color: #ccc;
	padding: 8px;
	width: 350px;
}
#body_project_list #completeProjectContainer label,
#createInvoiceContainer label
{
	display: inline-block;
	width: 110px;
	vertical-align: top;
}
#body_project_list #completeProjectContainer .datepicker
{
	width: 75px;
}
#body_project_list #completeProjectContainer textarea
{
	width: 350px;
	height: 100px;
}
#body_project_list #completeProjectSave
{
	margin-top: 10px;
}
#createInvoiceContainer input[type=number]
{
	width: 60px;
}
#createInvoiceContainer #field_notes_invoice
{
	height: 70px;
	width: 200px;
	margin-left: 9px;
}

#editTrackerContainer
{
	display: none;
}
#editTracker
{
	text-align: center;
	top: 0;
	left: 0;
	position: absolute;	
	margin-top: 100px;
	width: 100%;
	background: none;
	padding: 0;
}
#editTracker form
{
	background-color: #fff;
	display: inline-block;
	padding: 20px;
}
#editTracker div
{
	margin: 5px;
}
#editTracker label
{
	font-weight: normal;
	width: 60px;
	font-size: 18px;
}
#editTracker .ui-dialog-content
{
	text-align: left;
}
#editTracker input[type=text]
{
	width: 15px;
}
#editTracker input[type=text].datepicker
{
	width: 68px;
}
#editTracker input#field_notes
{
	width: 150px;
}
#editTracker .linkButton
{
	margin-top: 10px;
}

#body_project_list #overviewSearch
{
	text-align: center;
}
#body_project_list #mainOverviewContainer
{
	display: flex;
	justify-content: space-around;
}
#body_project_list .overviewContainer
{
	width: 11%;
	margin: 5px;
}
#body_project_list .overviewContainer h3
{
	font-size: 18px;
	height: 24px;
	overflow: hidden;
}
#body_project_list .overviewContainer h3.fixed
{
	position: fixed;
	top: 0;
	color: #fff;
	background-color: #959595;
	margin-top: 0;
	padding: 10px 0;
	width: 100% !important;
}
#body_project_list .overviewContainer ul
{
	margin: 0;
	padding: 0;
	min-height: 140px;
	height: 100%;
}
#body_project_list .overviewContainer li
{
	border: 1px solid #959595;
	list-style: none;
	/*cursor: pointer;*/
	height: 140px;
	padding: 2px;
	margin: 1px;
	
}
#body_project_list .overviewContainer:nth-child(1) li { background-color: #fde8e2; }
#body_project_list .overviewContainer:nth-child(2) li { background-color: #fff2e5; }
#body_project_list .overviewContainer:nth-child(3) li { background-color: #fffde9; }
#body_project_list .overviewContainer:nth-child(4) li { background-color: #f2f8e9; }
#body_project_list .overviewContainer:nth-child(5) li { background-color: #e4f3e9; }
#body_project_list .overviewContainer:nth-child(6) li { background-color: #dff4fd; }
#body_project_list .overviewContainer:nth-child(7) li { background-color: #e4e7f3; }
#body_project_list .overviewContainer:nth-child(8) li { background-color: #f1e6f1; }

#body_project_list .overviewContainer a
{
	text-decoration: none;
	color: #000;
}

#body_project_list .overviewContainer .days.late
{
	color: #ff8c00;
}
#body_project_list .overviewContainer .days.superLate
{
	color: #dc143c;
}

#body_project_list .overviewContainer li.ui-state-highlight
{
	background-color: rgb( 219,219,219 );
	border-style: dashed;
}
#body_project_list .overviewContainer h3.ui-state-highlight
{
	background-color: rgb( 219,219,219 );
}
#body_project_list .overviewContainer li div
{
	height: 20px;
	overflow: hidden;
}
#body_project_list .overviewContainer .name
{
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#body_project_list .overviewContainer .days
{
	float: right;
	padding-left: 5px;
	width: 30px;
	text-align: right;
}
#body_project_list .overviewContainer .date
{
	float: right;
}

#body_project_list #trackerTypeTabs
{
	text-align: right;
}




#body_todo_list #currentLabel
{
	position: absolute;
	top: 200px;
	transform:rotate(270deg);
}
#body_todo_list #mainOverviewContainer,
#body_todo_list #allProjectsContainer
{
	display: flex;
	justify-content: space-around;
	margin-left: 30px;
}
#body_todo_list #mainOverviewContainer .overviewContainer
{
	width: 11%;
	margin: 5px;
}
#body_todo_list .overviewContainer h3
{
	font-size: 18px;
	height: 24px;
	overflow: hidden;
}
#body_todo_list .overviewContainer h3.fixed
{
	position: fixed;
	top: 0;
	color: #fff;
	background-color: #959595;
	margin-top: 0;
	padding: 10px 0;
	width: 100% !important;
}
#body_todo_list .overviewContainer ul
{
	margin: 0;
	padding: 0;
	min-height: 140px;
	height: 100%;
}
#body_todo_list .overviewContainer li
{
	border: 1px solid #959595;
	list-style: none;
	cursor: pointer;
	height: 140px;
	padding: 2px;
	margin: 1px;
}
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(1) li { background-color: #fde8e2; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(2) li { background-color: #fff2e5; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(3) li { background-color: #fffde9; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(4) li { background-color: #f2f8e9; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(5) li { background-color: #e4f3e9; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(6) li { background-color: #dff4fd; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(7) li { background-color: #e4e7f3; }
#body_todo_list #mainOverviewContainer .overviewContainer:nth-child(8) li { background-color: #f1e6f1; }


#body_todo_list #allProjectsContainer .overviewContainer li
{
	width: 11%;
	float: left;
	margin: 8px;
	background-color: #bbb;
}

#body_todo_list .overviewContainer a
{
	text-decoration: none;
	color: #000;
}

#body_todo_list .overviewContainer li.ui-state-highlight
{
	background-color: rgb( 219,219,219 );
	border-style: dashed;
}
#body_todo_list .overviewContainer h3.ui-state-highlight
{
	background-color: rgb( 219,219,219 );
}

#body_todo_list .notesContainer textarea
{
	width: 159px;
	height: 60px;
	display: none;
}


#body_reports_quotedWebsites input[type=text],
#body_reports_projectHours input[type=text],
#body_reports_supportHours input[type=text]
{
	width: 70px;
	margin-bottom: 10px;
}
#body_reports_quotedWebsites form
{
	margin-bottom: 50px;
}
#body_reports_quotedWebsites td
{
	text-align: right;
}
#body_reports_quotedWebsites td:nth-child(1)
{
	text-align: left;
}
#body_reports_quotedWebsites td:nth-child(2)
{
	text-align: center;
}
#body_reports_quotedWebsites .negative
{
	color: #d00;
}


.div_login_wrapper {
	display: block;
	width: 100%;
	text-align: center;
}

#sessionInfo a {
	text-decoration: none;
	color: #000;
}

.table_password {
	width: initial;
	border: none;
	display: inline-block;
}
.table_password tr:nth-child( even ) {
	background: #fff;
}
.table_password td {
	border: none;
}
.table_password tr td:nth-child(1) {
	text-align: right;
}
#td_password {
	text-align: center;
}
#td_password button {
	display: inline-block;
}
.input_password_warning {
	border: inset 1px #ff0000;
	color: #ff0000;
}
.input_password {
	border: inset 1px #a0a0a0;
	color: #000000;
}
.tr_warning_message_default {
	display: none;
}
.tr_warning_message_default #td_warning_message {
	text-align: center;
	color: #000000;
}
.tr_warning_message_warning {
	display: table-row;
}
.tr_warning_message_warning #td_warning_message {
	text-align: center;
	color: #ff0000;
}

#body_reports_projectHours h1,
#body_reports_supportHours h1
{
	text-align: center;
	font-weight: 300;
	font-weight: 24px;
}
#body_reports_projectHours h2
{
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 0px;
}
#body_reports_supportHours h2
{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0px;
}
#body_reports_projectHours .totals
{
	margin-bottom: 10px;
	border: none;
	width: 400px;
}
#body_reports_projectHours .totals td
{
	background-color: #fff;
	border: none;
}
#body_reports_projectHours .totals td
{
	width: 100px;
}
#body_reports_projectHours .trackers
{
	max-width: 900px;
	border: none;
	margin-bottom: 40px;
}
#body_reports_supportHours .trackers
{
	max-width: 1100px;
	border: none;
	margin-bottom: 40px;
}
#body_reports_projectHours .trackers td,
#body_reports_supportHours .trackers td
{
	border: 1px solid #000;
	padding: 2px;
	vertical-align: top;
}
#body_reports_supportHours .trackers .totalHours td
{
	border: none;
	background-color: #fff !important;
}
#body_reports_projectHours .trackers tr:nth-child(even),
#body_reports_supportHours .trackers tr:nth-child(even)
{
	background-color: #ddd;
}
#body_reports_projectHours .trackers td:nth-child(1),
#body_reports_supportHours .trackers td:nth-child(1)
{
	width: 100px;
}
#body_reports_projectHours .trackers td:nth-child(2),
#body_reports_supportHours .trackers td:nth-child(2)
{
	width: 200px;
}
#body_reports_projectHours .trackers td:nth-child(3),
#body_reports_supportHours .trackers td:nth-child(3)
{
	width: 150px;
}
#body_reports_projectHours .trackers td:nth-child(4),
#body_reports_supportHours .trackers td:nth-child(4)
{
	width: 60px;
}

#body_board_list #createInvoiceContainer form
{
	display: none;
}

#body_project_list #survey_consultation,
#body_project_list #survey_design
{
	position: fixed;
	top: -1000px;
	left: -1000px;
}

#surveyEmailsContainer .ui-widget-overlay
{
	position: fixed;
}
#surveyEmails
{
    text-align: center;
    top: 0;
    left: 0;
    position: fixed;
    margin-top: 100px;
    width: 100%;
    background: none;
    padding: 0;
	z-index: 1001;
}
#surveyEmails form
{
	background-color: #fff;
	display: inline-block;
	padding: 20px;
	z-index: 1002;
}
#surveyEmails .send
{
	float: left;
	margin-top: 10px;
}
#surveyEmails .cancel
{
	float: right;
	margin-top: 10px;
}

/**** Toggle ****/
  .toggleSwitch {
    display: inline-block;
    height: 18px;
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 50px;
    cursor: pointer;
    width: 80px;
	user-select: none;
}

.toggleSwitch label,
  .toggleSwitch > span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  
   .toggleSwitch input:focus ~ a,
  .toggleSwitch input:focus + label {
    outline: none;
  }
  
   .toggleSwitch > span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
  }
  .toggleSwitch > span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 45px;
    text-align: left;
    font-size: 0.9em;
    width: 100%;
    left: 15%;
    top: -1px;
    opacity: 0;
  }
  
  .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 100%;
    padding: 0;
	top: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  
  .toggleSwitch > span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%;
  }
  .toggleSwitch > span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
    .toggleSwitch input:checked ~ a {
    border-color: #fff;
    left: 100%;
    margin-left: -8px;
  }
  .toggleSwitch input:checked ~ span:before {
    border-color: #0097D1;
    box-shadow: inset 0 0 0 30px #0097D1;
  }
  .toggleSwitch input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .toggleSwitch input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }

/**************/
/* Responsive */
/**************/

@media (max-width: 830px )
{
	.column_comment input
	{
		width: 80%;
	}
	
	.tabContainer
	{
		display: block;
		float: right;
		right: 0;
		top: 0;
	}
}
0