/* CSS Document */

.interface_body {
	font: 11px MuseoSans300;
	color: #514F50;
	line-height: 25px;
}

.list_div {
	padding: 0px 5px 10px 20px;
	line-height: 15px;
	background-image: url(../site_files/static_images/menu-parent.gif) !important;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.shim {
	background-image: url(../site_files/static_images/menu1-parent.gif) !important;
	background-repeat: no-repeat;
}

/* override fontawesomes' lg class
*  original contains a line height that breaks things
*  specific to v6.6.0
*/
.fa-lg { 
	line-height: 1em;
}

.list_div a {
	color: #444444;
	font-weight: bold;
}

.field_list_label {
	font-weight: bold;
	position: relative;
	padding-bottom: 8px;
	padding-left: 5px;
	line-height: 15px;
}

.field_list_val {
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 150px;
}

.form_instruction_head {
	font-size: 12px;
	font-weight: bold;
}

.form_instruction_body {
	font-size: 11px;
}

.nav_link {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: underline;
	cursor: pointer;
}

.white {
	color: #FFFFFF;
}

.white_link {
	font: 11px MuseoSans300;
	color: #FFFFFF;
	text-decoration: underline;
}

.error_link {
	color: #850000;
	text-decoration: underline;
}

.remove_link {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: none;
}

.remove_link:hover {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: underline;
}

.alt_panel_header {
	padding: 0px;
	font: 11px tahoma, MuseoSans300;
	color: #65788F;
	border-bottom: 1px solid #65788F;
}

.search_base {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	text-align: left;
}

.tax_inner {
	background-color: #EEF4F8;
	border: 1px solid #ABB7BD;
}

.inactive_class {
	background-color: #EAEAEA;
}

.sbe_class {
	background-color: #EAFFFF;
}

.net_check_class {
	background-color: #FFECEC;
}

.remote_class {
	background-color: #EAFFEA;
}

.search_base h3 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search_base h3 span {
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	display: block;
	clear: none;
}

.check_green {
	color: #409D06;
}

.check_red {
	color: #981604;
}

.check_first {
	background-image: url(../site_files/static_images/icons/plus-icon.png) !important;
	background-repeat: no-repeat;
	width: 25px;
}

.check_second {
	background-image: url(../site_files/static_images/icons/minus-icon.png) !important;
	background-repeat: no-repeat;
	width: 25px;
}

.page_title {
	font: 15px MuseoSans300;
	padding: 3px;
	float: left;
	color: #000000;
}

.page_title_normal {
	font: 15px MuseoSans300;
	padding: 3px;
	/*	float:left;*/
}

.page_title_minor {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	padding-top: 4px;
}

.error {
	font-size: 12px;
	color: #850000;
}

.red_background {
	font: 12px MuseoSans300;
	font-weight: bold;
	background-color: #850000;
	color: #FFFFFF;
	padding-left: 5px;
}

.hr_course_class_enrolled .x-grid-cell {
	background-color: #850000;
	color: #FFFFFF;
}

.cutoff {
	padding: 3px;
	font: 10px MuseoSans300;
	background-color: #dddddd;
	color: #000000;
	border: solid #000000;
	border-width: 1px;
}

.print_div {
	display: none
}

.print_time_entry {
	font: 10px MuseoSans300;
}

.employee_name {
	font: 20px MuseoSans300;
	padding: 3px;
	color: #000000;
}

.employee_other {
	font: 12px MuseoSans300;
	padding: 3px;
	float: left;
	background-color: #eef4f8;
}

.employee_head_active {
	background-color: #01E7A2;
}

.employee_head_inactive {
	background-color: #FF6468;
}

.notification_link:link {
	color: #444444;
	text-decoration: none;
}

.notification_link:hover {
	color: #444444;
	text-decoration: underline;
}

.nav_link:link {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: underline;
}

.nav_link:hover {
	font: 11px MuseoSans300;
	color: #CC0100;
	text-decoration: underline;
}

.nav_link_large {
	font: 13px MuseoSans300;
	color: #444444;
	text-decoration: underline;
}

.nav_link_large:link {
	font: 13px MuseoSans300;
	color: #444444;
	text-decoration: underline;
}

.nav_link_large:hover {
	font: 13px MuseoSans300;
	color: #CC0100;
	text-decoration: underline;
}

.section_title,
.section_title_bold,
.section_title_black {
	font: 13px MuseoSans300;
	color: #444444;
}

.section_title_bold {}

.section_title_black {
	font: 15px MuseoSans300;
	color: #000000;
}

.section_text,
.section_text_bold {
	font: 12px MuseoSans300;
	color: #444444;
}

.section_text_bold {}

.console_note {
	font: 11px MuseoSans300;
	padding-top: 10px;
	line-height: 15px;
}

.console_selected_head,
.console_selected_details {
	background-color: #FCFCFC;
	border: 1px solid #48586E;
	padding-left: 5px;
}

.console_selected_head {
	border-bottom: 0px;
}

.console_selected_details {}

.status_out {
	width: 57px;
	font-weight: bold;
}

.status_in {
	width: 57px;
	font-weight: bold;
	background-color: #00B700;
	color: #ffffff;
}

.status_red {
	font-weight: bold;
	background-color: #CC0100;
	color: #ffffff;
}

.status_break {
	width: 57px;
	font-weight: bold;
	background-color: #CC0100;
	color: #ffffff;
}

.light_gray {
	color: #666666;
}

.times_table {
	border: solid #000000;
	border-width: 1px;
}

.department {
	font: 10px MuseoSans300;
	color: #557E39;
	font-weight: bold;
	padding: 2px;
}

.day_head_in_period {
	font: 11px MuseoSans300;
	color: #514F50;
	text-align: center;
}

.day_head_out_period {
	font: 11px MuseoSans300;
	color: #514F50;
	text-align: center;
}

.pay_summary {
	font: 11px MuseoSans300;
	color: #514F50;
}

.shift {
	font: 11px MuseoSans300;
	font-weight: bold;
	color: #8963A5;
	padding: 2px;
}

.shift_missed {
	font: 11px MuseoSans300;
	background-color: #CC0100;
	color: #ffffff;
	padding: 2px;
}

.break {
	font: 10px MuseoSans300;
	padding: 2px;
}

.break_missed {
	font: 10px MuseoSans300;
	background-color: #CC0100;
	color: #ffffff;
	padding: 2px;
}

.small {
	font: 10px MuseoSans300;
}

.re {
	vertical-align: top;
	font: 10px MuseoSans300;
	background-color: #dddddd;
	color: #000000;
}

.ro {
	vertical-align: top;
	font: 10px MuseoSans300;
	background-color: #eeeeee;
	color: #000000;
}

.inactive_company {
	padding:10px;
	background-color:#F0F4C3;
	text-align: center;
	color: #000000;
	font: 22px MuseoSans500;
}

.benefit_table {
	vertical-align: top;
	font: 11px MuseoSans300;
	background-color: #F6F6F6;
	color: #514F50;
	border: 0px;
}

.benefit_head_list {
	vertical-align: top;
	padding: 5px;
	font: 12px MuseoSans300;
	background-color: #949599;
	color: #eeefff;
}

.benefit_highlight_row {
	vertical-align: top;
	padding: 5px;
	font: 12px MuseoSans300;
	background-color: #F6F6CC;
	color: #444444;
}

.benefit_even_row {
	vertical-align: top;
	padding: 5px;
	font: 12px MuseoSans300;
	background-color: #dddddd;
	color: #444444;
}

.benefit_odd_row {
	vertical-align: top;
	padding: 5px;
	font: 12px MuseoSans300;
	background-color: #eeeeee;
	color: #444444;
}

.clock {
	vertical-align: center;
	font-size: 30px;
	color: #BBBBBB;
	text-align: center;
}

.important_info {
	font: 12px MuseoSans300;
	color: #850000;
}

.large_print {
	font: 13px MuseoSans300;
}

.logout_link {
	color: #A4A3A1;
	font: 14px MuseoSans300;
}

.dep_labor {
	padding: 5px;
	vertical-align: top;
	font: 10px MuseoSans300;
	background-color: #FFFFFF;
	color: #000000;
}

.dep_labor_ee {
	font: 7px MuseoSans300;
	background-color: #FFFFFF;
}

.dep_labor_instructions {
	font: 7px MuseoSans300;
	background-color: #FFFFFF;
}

.dep_labor_small {
	font: 9px MuseoSans300;
	background-color: #FFFFFF;
}

.dep_labor_large {
	font: 11px MuseoSans300;
	background-color: #FFFFFF;
}

.console_header {
	position: absolute;
	top: 5px;
	right: 20px;
	font: 12px MuseoSans300;
	color: #48586D;
}

.console_header_alert {
	font: 12px MuseoSans300;
	font-weight: bold;
	color: #48586D;
	display: inline;
	padding: 5px;
}

.console_header_date {
	font: 12px MuseoSans300;
	/*font-weight: bold;*/
	color: #48586D;
	vertical-align: bottom !important;
	padding-right: 5px;
	text-align: right;
}

.console_large {
	font: 20px tahoma, MuseoSans300;
	color: #48586D;
}

.console_small {
	font: 12px tahoma, MuseoSans300;
	color: #48586D;
}

.console_hr {
	color: #BFBFBF;
}

.notification {
	-moz-user-select: none;
	background-color: #AA191A;
	border: 1px solid #613329;
	border-radius: 5px;
	color: #FFFFFF;
	font: 12px Tahoma, Helvetica, Arial, Verdana, sans-serif;
	padding: 5px;
	text-align: center;
}

.notification_lite {
	-moz-user-select: none;
	background-color: #9BD07D;
	border: 1px solid #4A633C;
	border-radius: 5px;
	color: #1E2919;
	font: 12px Tahoma, Helvetica, Arial, Verdana, sans-serif;
	padding: 5px;
	text-align: center;
}

.new_alert_large {
	font: 12px Tahoma, MuseoSans300;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	background-color: #EE9400;
	border: 1px solid #C77008;
	border-radius: 5px;
	text-align: center;
}

.new_alert_small {
	font: 10px Tahoma, MuseoSans300;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	background-color: #EE9400;
	border: 1px solid #C77008;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}

#block_direct_deposit,
#block_tax_withholding,
#block_direct_deposit {
	min-width: 300px;
}

.text_italics {
	font-style: italic;
}

.tb_white_text {
	padding-left: 5px;
	line-height: 20px;
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	color: #FFFFFF;
}

/*
.eip_alert{
	-moz-user-select: none;
    background-color: #9BD07D;
    border: 1px solid #4A633C;
    border-radius: 5px;
    color: #1E2919;
    font: 12px Tahoma,Helvetica,Arial,Verdana,sans-serif;
    padding: 3px 3px 3px 25px;
 	background-position: 3px 3px;
 	width:300px;
	cursor: pointer;
	margin-top: 5px;
}
*/
.eip_alert {
	/*background-image:url(../site_files/static_images/icons/warning_small.png) !important; background-repeat: no-repeat;*/
	/*background-position: 6px 1px;*/
	border: 1px solid #F0F00E;
	-moz-user-select: none;
	border-radius: 5px;
	color: #1E2919;
	font: 15px MuseoSans300;
	padding: 10px;
	cursor: pointer;
	margin-top: 5px;
	background-color: #FFFF00;
	line-height: 20px;
}

.eip_alert_icon {
	color: #596979;
	padding-top: 2px;
	padding-right: 20px;
	float: left;
}

.eip_alert:hover {
	box-shadow: 0px 0px 10px #FFFF00;
}

.red_button {
	background: red;
	color: white;
	border-color: red;
	box-shadow: 0 0 2px #000000;
}

.red_button:hover {
	background: #ff2323;
	border-color: #ff2323;
}

.red_button:active {
	background: #d50404;
	border-color: #d50404;
	box-shadow: 0 0 0 #000000;
}

.green_button {
	background: green;
	color: white;
	border-color: green;
	box-shadow: 0 0 2px #000000;
}

.green_button:hover {
	background: #0F8A0F;
	border-color: #0F8A0F;
}

.green_button:active {
	background: #007200;
	border-color: #007200;
	box-shadow: 0 0 0 #000000;
}

.employee_inactive_status {
	background-color: #CA0000;
	color: #FFFFFF;
}

.mcp_item {
	font-family: MuseoSans500;
	font-size: 11px;
	color: #444444;
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px;
	margin-right: 7px;
}

.mcp_even {
	background-color: #FFFFFF;
	cursor: pointer;
}

.mcp_odd {
	background-color: #FFFFFF;
	cursor: pointer;
}

.mcp_over {
	background-color: #F1F5F9;
	cursor: pointer;
}

.mcp_selected {
	background-color: #DDEBF2;
	cursor: pointer;
}

.mcp_empty_text {
	background-color: #c3c9fa;
	padding: 15px;
}

.dataview_item {
	background-color: #E4E4E4;
	/*border: 1px solid #D7D7E6;*/
	border-radius: 3px;
	line-height: 15px;
	margin: 5px;
	padding: 10px;
	position: relative;
	/*box-shadow: 0 1px 1px 1px #C4C2C2;	*/
	/*box-shadow: 0 -2px 10px -6px #454343 inset*/
}

.dataview_item_totals {
	background-color: #BDBDBD;
}

.dataview_item_totals .perf_review_section_label {
	border: 1px solid #B0B0B0;
}

.dataview_item_over {
	background: #DEDCDC !important;
	cursor: pointer !important;
}

.dataview_item_over_default_cursor {
	background: #DEDCDC !important;
	cursor: default !important;
}

.dataview_item_selected {
	background-color: #DEDCDC;
	margin: 5px 0 0 10px;
	border-radius: 5px 0 0 5px;
	box-shadow: 5px 1px 3px #454343;
}

.dataview_row {
	position: relative;
}

.dataview_column {
	display: inline-block;
	vertical-align: top;
	min-height: 1px;
	width: 100%;
}

.dataview_row .column_0 {
	display: none;
}

.dataview_row .column_1 {
	width: 8.33%;
}

.dataview_row .column_2 {
	width: 16.66%;
}

.dataview_row .column_3 {
	width: 24.5%;
}

.dataview_row .column_4 {
	width: 33.33%;
}

.dataview_row .column_5 {
	width: 41.66%;
}

.dataview_row .column_6 {
	width: 49.5%;
}

.dataview_row .column_7 {
	width: 58.33%;
}

.dataview_row .column_8 {
	width: 66.66%;
}

.dataview_row .column_9 {
	width: 74.5%;
}

.dataview_row .column_10 {
	width: 83.33%;
}

.dataview_row .column_11 {
	width: 91.66%;
}

.dataview_row .column_12 {
	width: 100%;
}

.dataview_field {
	text-align: left;
}

.dataview_link {
	text-align: right;
	text-decoration: underline;
	cursor: pointer;
}

.dataview_field_vertical {
	text-align: left;
	padding-bottom: 10px;
}

.dataview_center {
	text-align: center;
}

.dataview_section {
	padding-bottom: 10px;
}

.dataview_label {
	font-family: MuseoSans700;
	padding: 0 10px 0 0;
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: normal;
}

.dataview_value {
	font-family: MuseoSans500;
	padding-left: 3px;
	font-size: 12px;
}

.dataview_value_multiline {
	padding-left: 10px;
	display: block;
	white-space: pre-wrap;
}

.dataview_field_vertical>.dataview_value {
	display: block;
	padding-left: 5px;
}

.dataview_header {
	font-size: 14px;
}

.dataview_item .title {
	padding-bottom: 5px;
}

.dataview_item .title div {
	display: inline;
}

.dataview_item .title .name {
	font-size: 14px;
	color: #76828F;
	/*display: inline;*/
}

.dataview_item .title .date {
	font-size: 13px;
	/*display: inline;*/
}

.glyph_icon {
	cursor: pointer;
	min-height: 16px;
	min-width: 16px
}

.checkbox_label {
	position: relative;
	top: 3px;
}

.hr_admin_description {
	font-size: 12px;
	padding: 3px;
}

.hr_admin_section_title {
	font-size: 13px;
	padding-top: 25px;
}

.success_text {
	font-size: 12px;
	color: #6EB551;
}

.success_text_dark {
	color: #025c00;
}

.success_shadow {
	border-left: 4px solid #6EB551;
}

.success_shadow.employee_record_event:last-child {
	border-left: 4px solid #6EB551;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}

.success_row .x-grid-cell:first-child {
	border-left: 4px solid #6EB551;
}

.success_row .x-grid-cell:last-child {
	border-right: 4px solid #6EB551;
}

.warning_color {
	color: #FF671A;
}

.warning_text {
	font-size: 12px;
	color: #FF671A;
}

.warning_shadow {
	border-left: 4px solid #FF671A;
}

.warning_shadow.employee_record_event:last-child {
	border-left: 4px solid #FF671A;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}

.warning_row .x-grid-cell:first-child {
	border-left: 4px solid #FF671A;
}

.warning_row .x-grid-cell:last-child {
	border-right: 4px solid #FF671A;
}

.error_color {
	color: #C7203B;
}

.error_shadow {
	border-left: 4px solid #C7203B;
}

.error_shadow.employee_record_event:last-child {
	border-left: 4px solid #C7203B;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}

.error_row .x-grid-cell:first-child {
	border-left: 4px solid #C7203B;
}

.error_row .x-grid-cell:last-child {
	border-right: 4px solid #C7203B;
}

.ev_category_tree .x-grid-body {
	background: none repeat scroll 0 0 #FFFFFF;
}

.approved_time_search_control_panel {
	background-color: #556473;
	color: #FFFFFF;
}

.removed_expander_button .x-grid-row-expander {
	visibility: hidden;
}

.clean_read_only_panel .x-mask {
	opacity: 0;
}

.link:hover {
	cursor: pointer;
}

.time_clock_shift_view_details_window {
	padding: 5px;
}

.pay_week_combo_item {
	background-color: #FFFFFF;
}

.pay_week_combo_selected {
	background-color: #91FB5E;
}

.aps_glyph {
	padding: 2px;
}

.aps_glyph.light_glyph {
	color: #FFF;
}

.aps_glyph.dark_glyph {
	color: #444444;
}

.perf_review_rating {
	background-color: #6EB551;
	/*border-radius: 3px;*/
	color: #FFFFFF;
	padding-right: 5px;
	padding-top: 2px;
	text-align: right;
	margin-top: -1px;
	padding-left: 15px;
	display: inline-block;
}

/*.perf_review_rating.incomplete{
	background-color: #D6D4D4;
	color: #444;
}*/
.perf_review_rating_thin {
	border-bottom: 3px solid #556473;
	margin-top: 2px;
	padding-right: 5px;
	text-align: right;
}

.perf_review_list_label {
	margin: 1px;
}

.perf_review_section_label {
	/*background-color: rgb(238,238,238);*/
	background-color: #CDCDCD;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
}

.perf_review_list_value {
	margin: 1px;
}

.perf_review_number_column {
	/*width: 20px;*/
	width: 2%;
	text-align: left;
	font-size: 16px;
}

.perf_review_question {
	/*width: 20px;*/
	width: 98%;
	text-align: left;
	padding-left: 5px;
}

.perf_review_answer {
	font-style: italic;
}

.perf_review_label_column {
	text-align: right;
	width: 15%;
}

.perf_review_value_column {
	text-align: left;
	padding-left: 15px;
	padding-right: 10px;
	width: 85%;
}

.column_perf_review_data {
	width: 89.33%;
}

.perf_review_rating_column {
	padding-left: 15px;
}

.perf_review_result_group {
	background-color: #DFDFDF;
	border-radius: 3px;
	margin: 5px 0;
}

.perf_review_view.dataview_item {
	background-color: #FFFFFF;
}

.perf_review_result_group_label_row {
	border-radius: 5px;
	text-align: left;
	font-size: 15px;
	/*font-style: italic;*/
	padding-bottom: 3px;
}

.perf_review_result_group_label {
	/*background-color: #BDBDBD;*/
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 0px 0px 10px 0px;
	padding: 3px;
}

.perf_review_rating_total {
	display: inline-block;
	text-align: right;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-top: 2px;
	margin-top: 2px;
}

.perf_review_wizard {}

.perf_review_wizard .item {}

.inverted .dataview_item {
	background-color: #FFFFFF;
}

.inverted .dataview_item_over {
	background-color: #EEEEEE !important;
}

.inverted .ess_list_item {
	background-color: #FFFFFF;
}

.dataview_item .scale {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* base grid row background */
/* specifically for reuse when changing view config rowClass */
.grid_item_base_color {
	background-color: #FFFFFF;
}

/* base grid row alt background */
/* specifically for reuse when changing view config rowClass */
.grid_item_alt_color {
	background-color: #EDEDED;
}

/* specifically use when changing view config rowClass */
.grid_item_inactive {
	color: #808080;
	background-color: #cccccc;
}

/* Applies to S6+, makes text for inactive rows respect color*/
.grid_item_inactive .x-grid-cell-inner {
	color: #808080;
}

/* specifically use when changing view config rowClass */
.grid_item_unapproved {
	color: #676767;
	background-color: #F1D9DF;
}

.dataview_item .scale .complete {
	background-color: #556473;
	display: inline-block;
	height: 5px;
	width: 0%;
}

.dataview_item .scale .all_complete {
	background-color: #6EB551;
}

.dataview_item .scale .incomplete {
	background-color: #BDBDBD;
	display: inline-block;
	height: 5px;
	width: 100%;
}


.inverted_panel .x-toolbar-default {
	background-color: #DEDCDC !important;
	border: 0px !important;
}

.inverted_panel .x-panel-body-default {
	background-color: #DEDCDC !important;
	border: 0px !important;
}

.inverted_panel .x-container-default {
	background-color: #DEDCDC !important;
}

.inverted_panel .x-container-default {
	background-color: #DEDCDC !important;
}

.previous_review_question .x-panel-body-default {
	/*background-color: #E4E4E4;*/
	background-color: #FFF;
}

.perf_review_wizard .x-panel-body-default {
	border: none;
}

.perf_review_wizard .x-container-default {
	border: none;
}

.aps_review_list_page .x-panel-body-default {
	border: none;
}

.dataview_item.previous_question_view {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*margin: 0;*/
	/*padding: 0 0 0 10px;*/
}

.ev_category_tree .x-tree-icon {
	display: none !important;
}

.no-folder {
	width: 0px;
	height: 15px;
	background-image: none !important;
}

.previous_question_header {
	font-style: italic;
	padding-bottom: 5px;
	text-align: center;
}

.bold_first_column .x-grid-cell:first-child {}

.perf_review_wizard_tb_text {
	color: #FFFFFF;
}

.event_time_used_units {
	padding-top: 3px
}

.signature_panel {}

.signature_panel .ee_signature_message div {
	background-color: #8797a7;
}

.signature_panel .not_signed {
	color: #C7203B;
	line-height: 2em;
}

.signature_panel .signed {
	color: #1d7710;
	line-height: 2em;
}

.signature_panel .dataview_field {
	padding-bottom: 5px;
}

.x-window-title-main {
	display: inline;
	padding-right: 100px;
}

.x-window-title-extra {
	display: inline;
}

.mss_access_option_section_title {
	font-size: 14px;
	display: inline;
}

.window_title_secondary {
	display: inline;
	font-weight: normal;
	padding-left: 15px;
	font-size: 12px;
}

.disabled_tree_node span {
	padding-left: 16px;
	opacity: .7;
}

.disabled_tree_node input {
	display: none;
}

/* changes disabled form fields to look more like displayfields - Event Edit form only - */
.event_edit_form .x-item-disabled .x-form-item-label {
	opacity: 1;
}

.event_edit_form .x-item-disabled .x-form-field {
	opacity: 1;
	font-family: arial, verdana, sans-serif;
	background-color: #EEEEEE;
}

.event_edit_form .x-item-disabled .x-slider-horz {
	background-color: transparent;
}

.event_edit_form .x-item-disabled .x-trigger-cell {
	display: none;
}

.event_edit_form .x-item-disabled .x-form-text {
	border: 0px;
}

.event_edit_form .x-item-disabled .x-form-trigger-wrap {
	border: 0px solid;
}

.event_edit_form .x-item-disabled .x-form-trigger {
	opacity: 0;
}

/* changes disabled form fields to look more like displayfields - Performance Review Wizard form only - */
.perf_review_wizard_question .x-form-item-label {
	color: #444;
}

.perf_review_wizard_question .x-item-disabled .x-form-item-label {
	opacity: 1;
}

.perf_review_wizard_question .x-item-disabled .x-form-field {
	opacity: 1;
	font-weight: normal;
	color: #444;
	font-family: arial, verdana, sans-serif;
	/*background: #ffffff repeat-x 0 0;*/
	background: #DEDCDC repeat-x 0 0;
}

.perf_review_wizard_question .x-item-disabled .x-trigger-cell {
	display: none;
}

.perf_review_wizard_question .x-item-disabled .x-form-text {
	/*border: 1px solid #CDCDCD;*/
	border: none;
}

.perf_review_wizard_question .x-item-disabled .x-slider-thumb {
	box-shadow: inset 0px 0px 5px #454343;
	border-radius: 2px;
}

.perf_review_wizard_question .x-item-disabled .x-slider-thumb-over {
	box-shadow: inset 0px 0px 8px #454343;
}

.pr_template_details {
	white-space: pre-wrap;
}

/*605f5f*/
.pr_answer_wrapper_bottom {
	border-radius: 0px 0px 5px 5px;
}

.pr_answer_wrapper .x-item-disabled .x-form-field {
	opacity: 1;
	font-weight: normal;
	color: #444444;
	font-family: arial, verdana, sans-serif;
	background: #D6D4D4 repeat-x 0 0;
}

.pr_answer_wrapper .x-form-item-label {
	/*font-weight: bold;*/
	color: #444444;
}

.pr_answer_wrapper .x-panel-body {
	color: #444444;
	background-color: #D6D4D4;
}

.pr_answer_wrapper.x-panel-default {
	color: #444444;
	border-radius: 0px 0px 5px 5px;
	background-color: #D6D4D4;
}

.perf_review_list_value.incomplete {
	color: #444;
	padding-left: 0px;
	font-weight: normal;
	opacity: 0.4;
}

.perf_review_rating.incomplete {
	background-color: #D6D4D4;
	color: #444;
	padding-left: 7px;
	opacity: 0.4;
}

.pr_answer_title_wrapper {
	font-size: 14px;
	border-radius: 15px 5px 0px 0px;
	background-color: #D6D4D4;
}

.pr_answer_title {
	width: 100px;
	padding: 5px;
	border-radius: 10px 0px;
	/*margin: -10px;*/
	text-align: center;
	color: #454343;
	background-color: #DEDCDC;
}

/*   C9C9C9 */
.pr_question_highlight .pr_answer_wrapper .x-container-default {
	background: #BDBDBD repeat-x 0 0 !important;
	color: #454343;
}

.pr_question_highlight .pr_answer_wrapper .x-item-disabled .x-form-field {
	background: #BDBDBD repeat-x 0 0 !important;
	color: #454343;
}

.pr_question_highlight .pr_answer_wrapper .x-panel-body {
	background-color: #BDBDBD !important;
	color: #454343;
}

.pr_question_highlight .pr_answer_wrapper.x-panel-default {
	background-color: #BDBDBD !important;
	color: #454343;
}

.pr_question_highlight .pr_answer_title_wrapper {
	background-color: #BDBDBD !important;
	color: #454343;
}

.pr_question_highlight .pr_answer_title {
	background-color: #DEDCDC !important;
}

.pr_question_highlight .pr_answer_wrapper .x-form-item-label {
	color: #454343;
}

.pr_wizard_action_label {
	font-size: 16px;
	line-height: 25px;
	padding-left: 20px;
}


/* perf review radio buttons */

.pr_radio_group {
	text-align: center;
}

table.pr_radio_group {
	padding-bottom: 10px;
	padding-top: 10px;
}

table.pr_radio_item {
	width: 100%;
}

.pr_radio_item input.x-form-field {
	position: relative;
	cursor: pointer;
}

.pr_radio_item table {
	display: inline-block;
}

.pr_radio_item label.x-form-cb-label-before {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	margin: 0px;
}


.profile_picture {
	/*border:solid 1px #D7D7E6;
	border-right: 0px;*/
	background-repeat: no-repeat;
	background-color: #999;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-family: MuseoSans500;
	font-style: normal;
	border-radius: 100px;
}

.x-grid-row-over .profile_picture {
	/*border: solid 1px #D7D7E6;*/
}

.x-grid-row-selected .profile_picture {
	/*border: solid 1px #D7D7E6;*/
}

.get_help_button {
	color: white;
}

.get_help_button.x-btn-default-toolbar-small-pressed {
	border: none;
	background: none;
	padding: 3px;
}

.get_help_button.x-btn-default-toolbar-small-menu-active {
	background-image: none;
	background: #343e47;
	padding: 3px;
	border-radius: 3px 3px 0px 0px;
	border: none;
}

.get_help_button .x-btn-inner {
	font-size: 14px;
}

.get_help_button .x-btn-icon-el {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.1em;
}

.help_center_menu .x-panel-header-default-top {
	box-shadow: none;
}

.help_center_menu .x-header {
	background-color: #343e47;
	border-color: #343e47;
}

.x-slider-horz .x-slider-thumb {
	-webkit-box-shadow: 0px 0px 6px -1px #454343;
	-moz-box-shadow: 0px 0px 6px -1px #454343;
	box-shadow: 0px 0px 6px -1px #454343;
	border-radius: 25px;
}

.x-slider-overlay {
	top: 6px;
	border-radius: 6px;
	height: 5px;
	background-color: rgba(77, 167, 48, .8);
	position: absolute;
	margin-left: -7px;
}

.console_container .x-border-layout-ct {
	background-color: transparent;
}

.console_container .x-panel-header {
	background-color: #48586D;
	border-color: #48586D;
}

.console_container .x-panel-body {
	border-width: 1px;
	border-top: none;
	border-color: #48586D;
}

/*.console_container .console_config_panel > .x-panel-body{
	background-color: #48586D;
}*/

.console_container .x-panel-header-default-top {
	box-shadow: none;
}

.console_config_panel .x-panel-body {
	border-width: 3px;
	background-color: #FFFFFF;
}

.console_tile_add .x-panel-body {
	border-radius: 10px;
	border: none;
	background-color: #DFDFDF;
	cursor: pointer;
}

.console_tile_add .console_tile_add_inner {
	color: #DDEBF2;
	line-height: 300px;
	text-align: center;
	width: 100%;
	height: 290px;
	background-color: #F1F5F9;
	border-radius: 10px;
	font-size: 19em;
}

.console_tile_add .console_tile_add_inner:hover {
	color: #C0E1F2;
	text-shadow: none;
}

.console_accordion_group .x-panel-header-text-container {
	cursor: pointer;
}

.console_accordion_group .x-panel-header {
	background-color: #FFFFFF;
	border-top: none;
	text-decoration: underline;
}

.console_accordion_group .x-accordion-hd .x-tool-img {
	background-color: transparent;
}

.console_accordion_group .x-panel-body-default {
	/*padding-left: 20px;*/
}

.console_accordion_group .x-accordion-body div {
	background-color: #E0E0E0;
}

.accordion_group_item {
	/*color: #48586D;*/
	text-decoration: underline;
	cursor: pointer;
}

.list_console_tile ul {
	/*padding-left: 15px;
	margin-top: 5px;*/
	padding: 5px 0px 0px 5px;
	margin: 0px;
	list-style-type: none;
}

.list_console_tile li {
	font: 11px Helvetica, Arial, Verdana, sans-serif;
	padding: 3px 0px 3px 0px;
	background-repeat: no-repeat;
	background-position: 0px center;
}

.console_nav_link {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: underline;
	cursor: pointer;
}

.console_nav_link:link {
	font: 11px MuseoSans300;
	color: #444444;
	text-decoration: underline;
}

.console_nav_link:hover {
	font: 11px MuseoSans300;
	color: #CC0100;
	text-decoration: underline;
}

.inline {
	display: inline;
}

.console_noti_click_wrap {
	cursor: pointer;
	text-decoration: underline;
}

.console_noti_click_wrap_over {
	color: #CC0100;
	text-decoration: underline;
}

.icon_color {
	color: #556473;
}

.btn-dashboard {
	color: #48586D;
	text-shadow: 2px 2px #CDCDCD;
	text-align: center;
	/*padding: 5px;*/
	line-height: 30px;
	cursor: pointer;
}

.btn-dashboard-over {
	text-shadow: 2px 2px #000;
	color: #FFFFFF;
	border-radius: 3px 3px 0px 0px;
	background-color: #48586D;

}

.x-form-file-btn {
	font-family: MuseoSans500,tahoma,arial,verdana,sans-serif;
	background-image: none;
	background-color: #082755;
	color: white;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px;
}

.tile_library_filters {
	font-family:OpenSans400; 
    font-size:15px; 
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.tile_library_filters .view_item {
    color:#439CC2;
	padding:10px 0px 10px 10px;
	cursor: pointer;
}
.tile_library_filters .view_selected {
	color: #000000;
	background-color: #F1F5F9;
	padding:10px 0px 10px 10px;
}
.tile_library_items {
	background-color: #F1F5F9;
    border-radius: 8px;
}

.tl-list-item {
	color: #555;
	background-color: #F1F5F9;
	border-radius: 8px;
}

.tl-list-item .tl-list-item-odd {
}

.tl-list-item .tl-list-item-even {
}

.tl-list-item .tl-list-item-inner {
	display: flex;
	column-gap: 20px;
	color: #555;
	padding: 10px;
	border-bottom: solid 1px #DDEBF2;
}

.tl-list-item .tl-list-item-image {
	border-radius: 5px;
	flex-shrink: 0;
	width: 125px;
	height: 100px;
	-webkit-box-shadow: 10px 10px 10px -9px rgba(50, 50, 50, 0.37);
	-moz-box-shadow: 10px 10px 10px -9px rgba(50, 50, 50, 0.37);
	box-shadow: 10px 10px 10px -9px rgba(50, 50, 50, 0.37);
	align-self: center;
}

.tl-list-item .tl-item-detail-wrap {
	flex-grow: 1;
}

.tl-item-detail-wrap .tl-name {
	font-size: 16px;
	padding-bottom: 10px;
}

.tl-item-detail-wrap .tl-desc {
	font-size: 10px;
	max-height: 85px;
	overflow-y: auto;
}

.tl-list-item .tl-btn-container {
	flex-shrink: 0;
	width: 120px;
	align-self: center;
}

.tl-list-item .tl-btn-wrap {
	font-size: 16px;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tl-list-item .tl-btn-wrap {
	font-size: 16px;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tl-list-item .tl-btn {
	padding: 3px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	height: 35px;
}

.tl-list-item .tl-btn-preview {
	background-color: #082755;
	padding: 5px;
	height: 30px;
}

.tl-list-item .tl-btn-add {
	cursor: pointer;
}

.tl-list-item .on-console .tl-btn {
	cursor: default;
	background-color: rgb(150, 0, 0);
}

/* tooltip overrides */

.x-tip {
	background-color: #556473;
	color: #FFF;
	-webkit-box-shadow: 2px 2px 6px 0px #444;
	-moz-box-shadow: 2px 2px 6px 0px #444;
	box-shadow: 2px 2px 6px 0px #444;
	border: none;
}

.x-tip .x-tip-body-default {
	color: #FFF;
}

.x-tip .x-tip-header-text-container-default {
	color: #FFF;
}

/*S6 tooltip header*/
.x-tip-header-title-default {
	color: #FFF;
}

.console_banner .console_banner_item_wrap {
	position: relative;
	width: 800px;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.console_banner .console_banner_item {
	position: relative;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.console_banner .console_banner_img {
	border: 5px solid #EFEFEF;
}

.console_banner .console_banner_item_over .console_banner_img {
	border: 5px solid #BFBFBF;
}

.console_banner .btn_close_wrap {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #BFBFBF;
	width: 20px;
	height: 20px;
	display: none;
}

.console_banner .console_banner_item_over .btn_close_wrap {
	display: block;
}

.console_banner .btn_close {
	position: absolute;
	left: 5px;
}

.yellow .x-grid-td {
	background-color: yellow !important;
}

.ee_event_list div.dataview_item:hover {
	background: #DEDCDC !important;
	cursor: pointer !important;
}

div.ytdDetailsRow {
	display: inline-block;
	width: 50%;
	padding: 10px;
	vertical-align: top;
}

div.ytdDetailsRow table {
	width: 80%;
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	margin: 0 auto;
}

div.ytdDetailsRow table thead th {
	border-bottom: 1px solid rgb(85, 100, 115);
	color: rgb(85, 100, 115);
	padding-bottom: 2px;
}

div.ytdDetailsRow table tfoot td {
	padding-top: 4px;
}


div.ytdDetailsRow table thead th:first-child {
	text-align: left;
	font-size: 1.25em;
}

div.ytdDetailsRow table thead th:last-child {
	text-align: right;
}

div.ytdDetailsRow table tr td:first-child {
	text-align: left;
}

div.ytdDetailsRow table tr td:last-child {
	text-align: right;
}

div.ytdDetailsRow table tr td.ytdIncomeUnits {
	text-align: center;
}

div.ytdDetailsRow table td {
	padding: 4px 0px 4px 0px;
}

div.ytdDetailsHeader {
	text-align: center;
	padding: 5px;
	width: 100%;
}

div.ytdHeader {
	padding: 2px 0px 0px 20px;
	font-size: 1.2em;
}

div.batch_review_column {
	float: right;
	min-height: 1px;
	width: 12.15%;
	margin-bottom: 10px;
}

td.batch_review_column {
	vertical-align: top;
	text-align: right;
}

td.batch_review_column table {
	width: 100%;
}

td.batch_review_column tr {
	padding: 3px;
}

thead.batch_review_header th {
	padding: 5px;
}

tfoot.batch_review_footer td {
	padding: 3px;
	text-align: right;
}

tfoot.batch_review_footer td span {
	float: left;
	padding-left: 10px;
}

thead.batch_review_alert,
tr.batch_review_alert {
	background-color: rgb(217, 83, 79);
	color: #eeefff;
}

tr.selected_row div {
	font-weight: bold !important;
}

.aps_standard_card {
	border-radius: 0px;
	position: relative;
	background-color: #FFFFFF;
	border: solid 1px #B5B8C8;
}



.grid_cell .x-grid-cell {
	font-family: MuseoSans300;
	border-width: 0px;
	background-image: none;
	font-size: 13px;

}

.column_header .x-column-header,
.column_header .x-column-header-over {
	font-family: MuseoSans300;
	background-image: none;
	background-color: #c2cad2;
	color: #676767;
	border-width: 0px;
	font-size: 13px;
}

.grid_header_ct .x-grid-header-ct {
	border-width: 0px !important;
}

.no-border-grid-header .x-grid-header-ct {
	border: none !important;
}

.panel_body .x-panel-body {
	border-width: 0px;
	background-color: #F7F7F7;
}

.panel_body_unapproved .x-panel-body {
	border-width: 0px;
	background-color: #F1D9DF;
}

.video_button {
	height: 109px;
	width: 196px;
	margin-left: -4px;
}

.video_button_small {
	height: 76px;
	width: 137px;
	margin-left: -4px;
}

.list_item_title {
	font-size: 14px;
	color: #76828F;
}

.list_item_text {
	font-size: 12px;
}

.v_middle {
	vertical-align: middle !important;
}

.goal_progress {
	background-color: #94db96;
	border-radius: 3px;
	color: #507560;
	text-align: center;
	/*padding-left: 2px;*/
	padding-top: 2px;
	height: 20px;
}

.goal_progress_total {
	background-color: #dcdcdc;
	border-radius: 3px;
	padding-right: 5px;
	height: 20px;
}

.pm_metric_cell {
	padding: 10px;
	text-align: center;
	border-right: 1px solid #999;
}

.x-grid-data-row.x-grid-row.x-grid-row-inactive .x-grid-cell {
	color: #808080 !important;
	background-color: #cccccc !important;
}

.verticaltab .x-tab-wrap {
	position: absolute;
	display: block;
	padding-left: 20px;
	transform: rotate(90deg);
}

.verticaltab .x-tab-button {
	position: absolute;
	display: block;
	padding-left: 0px;
	padding-top: 2px;
}


/****** Tile Detail Table Styles ******/

.tile_print_header table.infotable {
	font: 11px MuseoSans300;
	padding: 5px;
}

div.tile_info_note {
	width: 300px;
	font-size: 13px;
	line-height: 15px;
	padding: 10px;
}

span.info_icon {
	cursor: help;
}

span.info_icon:hover {
	text-shadow: 0px 0px 2px #010195;
}

div.dontsplit {
	page-break-inside: avoid;
	display: inline-block;
}

div.dontsplit:after {
	display: block;
	height: 0px;
	visibility: hidden;
}

tr.tile_details_body_row td {
	padding: 3px 0px 3px 2px;
	font-weight: normal;
}

tr.tile_details_body_row.even {
	background-color: rgb(230, 230, 230);
}

tr.tile_subtotal_major td {
	background-color: #BFBFBF;
	padding: 5px 3px 5px 2px;
	font-size: 1.2em;
}

tr.tile_subtotal_minor td {
	background-color: #BFBFBF;
	padding: 3px 3px 3px 2px;
	font-size: 1.1em;
}

tr.tile_header_main td {
	background-color: #64809e;
	padding: 10px;
	margin: 10px auto;
	color: #EEEFFF;
	font: 16px MuseoSans300;
	font-weight: bold;
}

tr.tile_header_major td {
	font-size: 1.2em;
	padding: 5px 0px 2px 2px;
	background-color: #465365;
	color: #eeefff;
	vertical-align: top;
}

tr.tile_header_minor td {
	font-size: 1.1em;
	padding: 3px 0px 3px 2px;
	background-color: #465365;
	color: #eeefff;
	vertical-align: top;
}

table.tile_details tr td.tile_details_number_cell {
	text-align: right;
	padding-right: 15px;
}

table.tile_details tr td.tile_header_center {
	text-align: center;
}

div.show_details_note {
	font-size: 11px;
	border: 1px solid #C8CEAF;
	border-radius: 5px;
	padding: 15px;
	background-color: #F8FFD9;
	margin: 0px auto;
	text-align: center;
}

@media print {

	table.infotable.tile_details tbody tr td,
	table.infotable.tile_details tbody tr,
	table.infotable.tile_details tbody {
		color: black;
		background-color: white;
	}

	table.tile_details tr.tile_details_body_row.even {
		background-color: white;
	}

	div.print_div {
		background-color: white !important;
	}

	body {
		background-color: white !important;
	}

	div.dontsplit {
		page-break-inside: avoid;
		line-height: 13px;
		display: inline-block;
		vertical-align: top;
	}

	div.weeklyHr {
		height: 26px;
	}

	div.dontsplit:after {
		display: block;
		height: 0px;
		visibility: hidden;
	}
}

/******* End Tile Detail Table Styles *******/
/* Document Imaging */
ul.document_list {
	margin-top: 0px;
	margin-bottom: 0px;
}

li.document_list_item,
li.document_list_item_ess {
	color: black;
	list-style-type: none;
}

a.document_item_link {
	color: blue;
	text-decoration: underline;
}

.x-form-text-default.x-form-textarea {
	line-height: 14px;
	min-height: 20px !important;
}

.nco_card {
	padding: 15px;
	color: #657686;
	background-color: #FFFFFF;
	cursor: pointer;
}

.nco_card_details {
	font-family: MuseoSans300;
	font-size: 13px;
	padding-top: 12px;
}

.nco_card_warning {
	font-size: 15px;
	font-family: MuseoSans300;
	margin-top: 20px;
	line-height: 23px;
}

.nco_card_title {
	font-family: MuseoSans300;
	font-size: 19px;
}

.nco_card_status {
	padding-top: 10px;
	font-size: 12px;
}

.nco_card_icon {
	color: #EEEEEE;
	text-align: right;
}

.nco_card_button {
	font-size: 24px;
	font-family: MuseoSans100;
	color: #FEFFFA;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	background-color: #6EB451;
	border-radius: 5px;
}

.add_data_element .x-btn-inner {
	color: black;
}

.x-item-disabled .x-grid-cell .x-grid-row-checker {
	opacity: 0.3;
}

.account-center-grid-row {
	height: 38px;
}

.Ext_ux_ColorPicker div {
	height: 195px;
	width: 195px;
	position: relative;
	overflow: hidden;
}

.Ext_ux_ColorPicker div canvas {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.Ext_ux_ColorPicker_spectrum {
	z-index: 1;
}

.Ext_ux_ColorPicker_luminance {
	z-index: 0;
}

.org-chart-container {
	background: #f6f6f6;
}

.org-chart-container-html {
	position: absolute;
	bottom: 195px;
	right: 50px;
}

.org-chart-return-link {
	margin: 10px;
}

/* zoom buttons used for the Organization Chart */
.zoom-btn {
	width: 30px;
	height: 30px;
	font-size: 18px;
	position: fixed;
	text-align: center;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	z-index: 1;
	margin-left: 10px;
	color: #FFFFFF;
	background-color: #596979;
	border: none;
	border-radius: 5px;
}

.zoom-btn:hover {
	background: rgb(189, 189, 189);
}

#zoom-in-btn {
	margin-top: 10px;
}

#zoom-out-btn {
	margin-top: 50px;
}

#orgchart {
	transition: transform 0.3s;
	width: 100%;
	height: 100%;
}

.menu-div {
	float: right;
	cursor: pointer;
}

.menu-dots {
	font-size: x-large;
}

.org-chart-context-menu {
	border-width: 1px;
	padding: 0px;
	border-color: #596979;
	box-shadow: 10px 5px 130px grey;
}

.context-menu-link-btn {
	padding: 5px;
}

.profile_picture_menu {
	cursor: pointer;
}

.totalCompInstructions {
	padding: 10px 30px 0 15px;
	text-align: left;
}

.totalCompInstructions li {
	padding-bottom: 10px;
}

.search-result {
	position: relative;
	/* Needed for absolute positioning of status */
}

.search-employee-record {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0px 10px;
	color: #444444;
	cursor: pointer;
	font-family: MuseoSans300;
	font-size: 10px;
}

.search-employee-record a {
	text-decoration: none;
}

.search-employee-record:hover a {
	text-decoration: underline;
	font-family: MuseoSans700;
}

.search-employee-name-hover a {
	text-decoration: underline;
	font-family: MuseoSans700;
}

.search-employment-status {
	font-size: 10px;
	color: #808080;
	position: absolute;
	/* Positioned absolutely to be below the employee name */
	top: 24px;
	padding-left: 10px;
	font-family: MuseoSans100;
}

.search-time-card {
	display: flex;
	align-items: center;
	height: 100%;
	width: 65px;
	padding: 0px 10px;
	cursor: pointer;
	font-family: MuseoSans300;
	font-size: 10px;
}

.search-time-card.search-inactive {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0px 10px;
	color: #BBBBBC;
	cursor: default;
}

.search-time-card:hover a {
	text-decoration: underline;
	font-family: MuseoSans700;
}

.search-vertical-separator {
	width: 1px;
	height: 15px;
	background-color: #596979;
	margin: 0 auto;
}

.search-textfield {
	padding-right: 22px;
	padding-bottom: 0px;
	font-family: MuseoSans500;
	font-size: 13px;
}

.schedule_open_shift_container .x-boundlist ,
.schedule_open_shift_container .x-boundlist .x-boundlist-list-ct {
	max-height: 150px;
}
.expense_category_calc_formula_disabled span,
.expense_category_calc_formula_disabled input,
.expense_category_calc_formula_disabled label {
	color: rgba(0, 0, 0, 0.3);
}

.online_expense_details_expenses_panel_body .x-panel-body-default {
	padding: 0 !important;
}

.online_expense_row_item {
	border-top: 0.5px solid #D7D7E6;
	border-bottom: 0.5px solid #D7D7E6;
	cursor: pointer;
}

.online_expense_row_item * {
	cursor: pointer;
}

.online_expense_row_item:nth-child(odd) {
	background-color: #fafafa;
}

.online_expense_row_item_selected {
	border-top: 0.5px dotted #fff;
	border-bottom: 0.5px dotted #fff;
	background-color: #9eaab8 !important;
}

.disabled_policy_employee_count {
	cursor: not-allowed;
}

.disabled_policy_employee_count:hover {
	text-decoration: none;
}

.disabled_policy_employee_count span{
	color: #9c9c9c !important;
}
.edit_expense_action_button .btn{
	width: 110px
}

.what_group_hidden_permission {
	display: none;
}

.online_expense_report_expense_details_field_name {
	color: #212121;
	font-weight: 400 !important;
 	font-size: 15px;
	font-family: OpenSans400;
}

.online_expense_report_expense_details_field_value {
	color: #444444;
	font-size: 14px;
	font-family: OpenSans400;
	font-weight: 400 !important;
}

.expense_docs_link_btn {
	font-size: 15px;
	font-weight: 400;
	color: #248CB8;
	cursor: pointer;
}

.expense_chevron_icon {
	color: #808080 !important;
}

.expense_change_status_texts {
	font-size: 14px;
	color: #000;
}

.expense_change_status_texts_bold {
	font-size: 14px;
	font-weight: 700;
	font-family: OpenSans700;
	color: #000;
}

.online_expense_change_status_error {
	font-size: 14px;
	color: #CF2A27;
}


.online_report_submit_error_message {
	font-size: 14px;
	font-family: OpenSans400;
	font-weight: 400;
	color: #444444;
}


.expense_report_error_btn div.btn{
	color: #444444 !important;
	background-color: white !important;
	font-family: OpenSans400;
	font-weight: 400;
	font-size: 14px !important;
}


.expense_report_error_btn{
	background-color: #28ADDF;
	display: flex;
	align-items: center;
}

.expense_report_error_btn .x-btn-button {
	margin-left: 12px;
	display: flex;
	align-items: center;
}
.expense_report_error_btn .x-btn-icon-el {
	width: 24px ;
	height: 24px ;
	margin-left: 1.5%;
	display: flex;
	align-items: center;

}

.expense_report_error_btn .x-btn-inner {
	font-size: 15px !important;
	color: #212121;
	text-align: left;
	margin-left: 10px;
	display: flex;
	align-items: center;
}


.expense_report_error_btn.error_icon .x-btn-icon-el {
	color: #FF4150;
}

.expense_report_error_btn.notification_icon .x-btn-icon-el {
	color: #50BAE2;
}

.expense_report_error_btn.ai_notification_icon .x-btn-icon-el {
	color: #EF972C;
}

.expenses_list_container {
	width: 100%;
}

.ess_expense_item_row_value {
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 400;
}

.ess_expense_item_row_value span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 600;
	font-family: 'OpenSans600';
}

.ess_selected_expense_row {
	border: 2px solid #28ADDF !important;
}

.ess_selected_expense_row_with_error {
	border: 2px solid #FF4150 !important;
}

.ess_selected_expense_row_with_ai_error {
	border: 2px solid #EF972C !important;
}

.ess_selected_expense_row *:not(.fal):not(.far),
.ess_selected_expense_row_with_error *:not(.fal):not(.far) {
	font-weight: 600 !important;
}

.online_expense_error_notification_message {
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	font-family: MuseoSans300 !important;
	color: #212121
}

.expense_message_container .x-box-item {
	display: flex;
	align-items: center;
}

.expense_detail_container {
	font-weight: 600;
	width: 95%;
	font-size: 15px;
	display: flex;
	align-items: center;
	height: 100%;
}

.expense_details_error_icon {
	margin-right: 8px;
	margin-top: 4px;
	color: #FF4150;
}

.expense_details_notification_icon {
	margin-right: 8px;
	margin-top: 4px;
	color: #28ADDF;
}

.expense_report_info_icon {
	margin-right: 8px;
	margin-top: 4px;
	color: #FF4150;
}

.expense_report_notification_window_icon {
	color: #28ADDF; padding-top: 2px;
}

.expense_report_notification_window_start_text {
	 font-weight: 400!important;
	color: #444444;
	font-size: 15px;
}
.online_expense_report_notification_window_start_text {
	font-weight: 400!important;
	color: #444444;
	font-size: 14px;
}
.delete_report_window_text {
	font-size: 15px; font-weight: 400;color: #444444; font-family: OpenSans400;
}

.expense_report_errors_count_button {
	background-color: #fff;
	color: #000;
	border: 1px solid #D7D7E6;
	font-size: 15px;
	border: 1px solid white !important;
}

.delete_report_btn  {
	background-color: #A10000;
}
.save_report_btn  {
	background-color: #6EB551;
}

.shift_trading_online_title {
	height: 37px;
	display: flex;
	align-items: center;
	margin-left: 8px;
	font-size: 16px;
	font-weight: 500;
	font-family: Open Sans !important;
	color: #12455B;
	font-style: normal;
}


/* Action column styles */
.action-cell .action-button {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}

.action-cell .action-button:hover {
    background-color: #f0f0f0;
    border-radius: 3px;
}

.action-cell .fa-ellipsis-h {
    color: #666;
}

.action-cell .action-button:hover .fa-ellipsis-h {
    color: #333;
}

.dashboard_reports_empty_text{
	font-family: OpenSans400;
	font-size: 14px;
	padding: 10px 0 10px 20px;

}


.ess_pick_shift_weekly_calendar {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ess_pick_shift_days_container {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 16px;
	overflow: auto;
	height: 100%;
	padding-bottom: 8px;
}

.ess_pick_shift_nav_arrow {
	cursor: pointer;
	font-size: 16px;
	color: #444;
	user-select: none;
	font-family: "Font Awesome 5 Pro";
}

.ess_pick_shift_nav_disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.ess_pick_shift_date_range {
	font-size: 16px;
	color: #444;
	margin: 0 10px;
}

.ess_pick_shift_day_column {
	flex: 1;
	border: 1px solid #D7D7E6;
	border-radius: 10px;
	min-width: 288px;
	height: 100%;
}

.ess_pick_shift_day_header {
	background-color: #596979;
	color: white;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid #596979;
}

.ess_pick_shift_today {
	background-color: #43AFDE;
	border: 1px solid #43AFDE;
}

.ess_pick_shift_day_header .date {
	font-size: 12px;
	margin-top: 4px;
	font-weight: 400;
}

.ess_pick_shift_day_content {
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ess_pick_shift_department_row {
	background-color: #f0f0f0;
	margin-bottom: 4px;
	padding: 6px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	cursor: pointer;
}

.ess_pick_shift_department_name {
	flex: 3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 16px;
}

.ess_pick_shift_shifts_count {
	flex: 1;
	text-align: right;
}

.ess_pick_shift_calendar_header {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ess_shift_trading_vertical_divider {
	display: inline-block;
	width: 1px;
	height: 24px;
	background-color: #848484;
	vertical-align: middle;
}

.ess_pick_shift_department_row_titles {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 8px;
}

.ess_pick_shift_department_row_titles span {
	font-size: 15px;
	font-weight: 700;
	color: #000;
}
.ess_pick_shift_department_row_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.ess_pick_shift_department_row_info span{
	font-size: 15px;
	font-weight: 400;
	color: #000;
}

.ess_pick_shift_previous_days {
	background-color: #EEE;
}

.shift_trading_pick_shift_window_body {
	background-color: #EEE !important;
}

.shift_trading_pick_shift_radio_container,
.shift_trading_pick_shift_radio_container div,
.shift_trading_pick_shift_radio_container span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

input.shift_trading_pick_shift_radio[type="radio"] {
	appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1.5px solid #908888;
	outline: none;
	margin: 0;
	cursor: pointer;
	position: relative;
}

input.shift_trading_pick_shift_radio[type="radio"]:checked {
	border-color: #28ADDF;
}

input.shift_trading_pick_shift_radio[type="radio"]:checked::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #28ADDF;
	border-radius: 50%;
	position: absolute;
	top: 1.5px;
	left: 1.5px;
}

.shift_trading_pick_shift_window_row {
	background-color: #FFF;
	border: 1px solid #D7D7E6;
	border-radius: 8px;
}

.shift_trading_pick_shift_window_title_label {
	font-size: 14px;
}

.shift_trading_pick_shift_window_title_info {
	font-size: 14px;
	font-weight: 600;
}

.shift_trading_pick_shift_window_row_info div {
	font-size: 14px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.shift_trading_pick_shift_window_row_info_bold {
	font-weight: 700;
}

.shift_trading_pending_accordion {
	width: 100%;
}

.shift_trading_pending_accordion_item {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
}

.shift_trading_pending_header {
	background-color: #585D61;
	padding: 8px 16px;
	display: flex;
	align-items: stretch;
	height: 60px;
	gap: 20px;
}

.shift_trading_pending_header_item {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-right: 16px;
	width: 25%;
}

.shift_trading_pending_header_item:last-child {
	flex: 1;
}

.shift_trading_pending_reason {
	min-width: 150px;
	max-width: 200px;
}

.shift_trading_pending_header_item_title {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
}

.shift_trading_pending_header_item_info {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.shift_trading_pending_type,
.shift_trading_pending_employee,
.shift_trading_pending_department,
.shift_trading_pending_time {
	flex: 1;
}

.shift_trading_pending_chevron {
	font-family: "Font Awesome 5 Pro";
	transition: transform 0.3s ease;
	width: 20px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 16px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.shift_trading_pending_chevron.isOpen {
	transform: rotate(90deg);
}

.shift_trading_pending_content {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease-out;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.shift_trading_pending_content.expanded {
	height: auto;
	padding: 8px;
}

.shift_trading_pending_requests {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.shift_trading_pending_actions {
	text-align: right;
	margin-top: 12px;
}

.shift_trading_pending_deny_btn,
.shift_trading_pending_approve_btn {
	padding: 5px 10px;
	margin-left: 16px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	width: 100px;
	height: 32px;
	font-size: 14px;
}

.shift_trading_pending_deny_btn {
	background-color: transparent;
	border: 1px solid #28ADDF;
	color: #28ADDF;
}

.shift_trading_pending_approve_btn {
	background-color: #28ADDF;
	border: 1px solid #28ADDF;
	color: white;
}

.shift_trading_pending_deny_btn:disabled,
.shift_trading_pending_approve_btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.shift_trading_pending_deny_btn_online,
.shift_trading_pending_approve_btn_online {
	border-radius: 8px;
	padding-right: 16px;
	padding-left: 16px;
	gap: 10px;
	opacity: 0.84;
	cursor: pointer;
	width: 100px;
	height: 35px;
	font-size: 14px;
	margin-left: 16px;
	outline: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

.shift_trading_pending_deny_btn_online {
	background-color: #A10000;
	border-color: A10000;
	color: #fff;
}

.shift_trading_pending_approve_btn_online {
	background-color: #082754;
	border-color:  #082754;
	color: #fff;
}

.shift_trading_pending_deny_btn_online:disabled,
.shift_trading_pending_approve_btn_online:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.shift_trading_pending_header_row {
	display: flex;
	background-color: transparent;
	font-weight: bold;
	border-bottom: 1px solid #D7D7E6;
	border-radius: 8px;
}

.shift_trading_pending_request_row {
	display: flex;
	border: 1px solid #D7D7E6;
	border-radius: 8px;
	height: 60px;
	padding: 10px 8px;
}

.shift_trading_pending_radio_cell {
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.swap_row {
	height: 110px !important;
}

.shift_trading_pending_cell {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-around;
}

.swap_request_shift_trading_pending_cell_info {
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%;
	margin: 12px 0 12px 0;
}

.shift_trading_pending_request_wide_cell {
	min-width: 17%;
}

.shift_trading_pending_cell_item {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-around;

}

.shift_trading_pending_cell_title {
	color: #444444;
	font-size: 14px;
	font-family: OpenSans500;
	font-weight: 700;
}



.shift_trading_pending_radio {
	margin: 0;
	cursor: pointer;
}

.shift_trading_pending_request_row:hover {
	background-color: #f5f5f5;
}

.expense_report_status_label_color_orange {
	color: #EF972C !important;
}

.expense_report_status_label_color_red {
	color: #FF4150 !important;
}

.expense_report_status_label_color_green {
	color: #00CA99 !important;
}


.edit_department_icon {
	color: #212121;
	/*margin-top: 3px;*/
	width:15px;
	height:15px;
	cursor:pointer !important;
}




.shift_tooltip_row {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
}


.shift-tooltip-card{
	padding:10px 24px;
	background:#fff;
	max-width:420px;
	color: #444 !important;
}
.shift-tooltip-card .row{
	display:flex;
	justify-content: space-between;
	color: #444 !important;
}

.shift-tooltip-card .row + .row {
	margin-top: 16px;
}

.shift-tooltip-card .day {
	font-weight: 500;
	flex: 0 0 100px;
}

.shift-tooltip-card .shift {
	text-align: right;
}

.shift_tooltip_row_vertical {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2px;
	margin-left: 35px;
}

/* optional: give the icon itself a cursor + small hover tint */
.shift_calendar_icon_btn{cursor:pointer}
.shift_calendar_icon_btn:hover i{color:#4a4a4a}

.shift_tip {
	background-color: #fff;
	border-radius:16px;
	box-shadow:0 0 8px rgba(0,0,0,.15);
}

.shift_tip.x-tip {
	margin-top: -20px;   
}

.shift_trading_pending_cell_with_icon {
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: end;
	align-items: center;
}

.swap_shift_pending_request {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	margin-right: 10px;
}