/*
.a-TreeView-content.is-selected.is-current--top:after {
    right: 0;
    border: 8px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f8f8f8;
    top: 50%;
    margin-top: -8px;
}
*/

.a-IRR-headerLabel, .a-IRR-headerLink {
    padding: 12px;
}

.a-IRR-buttons .t-Button {
    margin-bottom: 0px !important;
}

.a-IRR-sortWidget {
	 background-color: #990318;
}

body .ui-dialog .ui-dialog-content {
 padding: 10px;
 padding-top: 5px;
}

button[data-action=selection-add-row] span.a-Button-label:before {
	content: "\f067 ";
	font-family: 'Font APEX Small';
	margin-right: 4px;
}

button[data-action=save] span.a-Button-label:before {
	content: "\f00c ";
	font-family: 'Font APEX Small';
	margin-right: 4px;
}

button[data-action=save] span.a-Button-label:before {
	content: "\f00c ";
	font-family: 'Font APEX Small';
	margin-right: 4px;
}

div[data-action=edit] {
	display: none !important;
}


li a.t-BadgeList-wrap {
	color: white;
}

#dashboardTable .t-Report-colHead {
	border-bottom: 1px solid #E40521;
}

.t-Body-nav div#t_TreeNav {
	min-height: calc(100% - 120px);
}

.t-BadgeList-wrap {
	color: white;
	background: yellowgreen;
}

.t-BadgeList a {
	color: white;
}

.sidebarInfo dl.t-AVPList.t-AVPList--leftAligned {
	background: white;
	color: #383838;
	background-color: #f8f8f8;
}

/* Commented by Michelle 11-04 if okay remove whole comment
.t-Header {
  background-color: #e40523;
  border-bottom: 1px solid #fa223f;
}*/

.t-Region-header {
	background-color: #e40523;
	border-bottom: 1px solid #fa223f;
}

.t-Header-branding {
	background-color: #e40523;
}

.a-IRR-toolbar {
	background-color: #e40523;
	background: #e40523;
}

.a-TreeView-label:hover {
	color: #b2ff00 !important;
}

.t-Button--hot,
body .ui-state-default.ui-button.ui-button--hot,
body button.ui-state-default.ui-priority-primary {
	background-color: #e40523;
	color: #ffffff;
}

.ui-dialog-titlebar {
	background-color: #e40523 !important;
	background: #e40523 !important;
}

body .ui-dialog .ui-dialog-titlebar {
	background-color: #e40523;
}

.display_only {
	border: 1px solid #bcbdbe !important;
	padding-left: 6px !important;
	padding-right: 10px !important;
	border-color: #d9d9d9 !important;
}

/*---------------------- New added -------------------*/

/************ HEADER STYLING ************/

.t-Header,
.t-Header-branding {
	background-color: #e8e8e8;
}

.t-Header button {
	color: #e40523 !important;
}

.t-Header-navBar a {
	background-color: #e8e8e8 !important;
	color: #e40523 !important;
}

.t-Header-navBar a:hover {
	background-color: #f4921d !important;
	color: #ffffff !important;
}


/************ MENU STYLING ************/
.a-TreeView-content {
	white-space: nowrap;
} 

.t-PageBody--leftNav .t-Body-nav,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top {
	background-color: #454545;
}

.t-TreeNav .a-TreeView-node--leaf:hover .a-TreeView-row.is-hover {
	background-color: #454545 !important;
	color: #b2ff00 !important;
}

.t-TreeNav .a-TreeView-node--leaf:hover a {
	color: #b2ff00 !important;
}

.t-TreeNav .a-TreeView-node--topLevel li:hover .a-TreeView-row.is-hover {
	background-color: #454545 !important;
}

/* Submenu styling */

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible > .a-TreeView-row,
.t-TreeNav .a-TreeView-node--topLevel ul {
	background-color: #8e8e8e;
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible:hover .a-TreeView-row:first-child,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible li:hover .a-TreeView-row.is-hover,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable:hover .a-TreeView-row:first-child,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable li:hover .a-TreeView-row.is-hover {
	background-color: #8e8e8e !important;
	color: #b2ff00 !important;
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible:hover .a-TreeView-content.is-hover .a-TreeView-label,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable:hover .a-TreeView-content.is-hover .a-TreeView-label {
	color: #b2ff00 !important;
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible li:hover .a-TreeView-row.is-hover {
	/*  background-color: #e40523 !important;*/
	color: #b2ff00 !important;
}

/* selected styling */

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible li:hover .a-TreeView-row.is-hover.is-selected,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible:hover .a-TreeView-row:first-child.is-selected,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable:hover .a-TreeView-row.is-selected:first-child,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable li:hover .a-TreeView-row.is-selected.is-hover {
	background-color: yellowgreen !important;
	color: #ffffff !important;
	border: 0px none;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-selected .a-TreeView-label {
	color: #ffffff !important;
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible:hover .a-TreeView-content.is-hover.is-selected .a-TreeView-label,
.t-TreeNav .a-TreeView-node--topLevel.is-expandable:hover .a-TreeView-content.is-hover.is-selected .a-TreeView-label {
	color: #ffffff !important;
}

/************ GENERAL CONTENT STYLING ************/

.a-IG-header .a-Toolbar-input {
  margin-left: 1px;
  margin-right: 1px;
}

/* text automcompleet styles */
.t-Form-inputContainer input.apex-item-auto-complete {
	border-left-width: 1px;
	border-right-width: 1px;
}

.oj-listbox-results li{
    padding: 2px;
    margin-left: 5px;
    margin-right: 5px;
}

ol, ul {
	margin: 1rem 1rem;
}

/* action styles */

a.t-Button.t-Button-inline {
	color: #383838;
}

.t-Body-content a,
.t-Header .t-Header-logo a {
	color: #e40523;
}

.t-Body-content a:hover,
.t-Header .t-Header-logo a:hover {
	color: yellowgreen;
}

.apex-rds .apex-rds-selected a {
	box-shadow: 0 -2px 0 #e40523 inset !important;
}

/* Custom button styles */

.t-Body-content button.t-Button,
.t-Dialog button.t-Button,
.ui-dialog button.t-Button,
.t-Body-content .a-Button,
.t-Dialog .a-Button,
.ui-dialog .a-Button {
	/* background-color: #ffffff !important; */
	/*  color: #e40523;*/
	/*  border: 1px solid #888888 !important; */
	box-shadow: none !important;
}

.t-Body-content .t-Region-body .a-GV .a-Button {
	border-style: none !important;
}

.t-Body-content .t-Region-body button.t-Button,
.t-Dialog button.t-Button,
.ui-dialog button.t-Button,
.t-Body-content .t-Region-body .a-Button,
.t-Dialog .a-Button,
.ui-dialog .a-Button {
	border: 1px solid #888 !important;
}

.t-Body-content button.t-Button:hover,
.t-Dialog button.t-Button:hover,
.ui-dialog button.t-Button:hover,
.t-Body-content .a-Button:hover,
.t-Dialog .t-Region-body .a-Button:hover,
.ui-dialog .a-Button:hover {
	/* background-color: #f4921d !important; */
	color: yellowgreen;
	/* border-color: #f4921d !important;  */
}

.t-Body-content button.t-Button.ui-datepicker-trigger:hover,
.t-Dialog button.t-Button.ui-datepicker-trigger:hover,
.ui-dialog button.t-Button.ui-datepicker-trigger:hover,
.t-Body-content .a-Button.ui-datepicker-trigger:hover,
.t-Dialog .t-Region-body .a-Button.ui-datepicker-trigger:hover,
.ui-dialog .t-Region-body .a-Button.ui-datepicker-trigger:hover,
.t-Body-content .a-Button.a-Button--popupLOV:hover,
.t-Dialog .t-Region-body .a-Button.a-Button--popupLOV:hover,
.ui-dialog .t-Region-body .a-Button.a-Button--popupLOV:hover {
	border-color: yellowgreen !important;
}

.t-Button:hover {
	/*    background-color: yellowgreen !important;*/
	color: yellowgreen !important;
}

.t-Body-content input.a-IRR-search-field {
	border-color #ffffff !important;
}

.t-Body-content .t-Region-body button.t-Button--helpButton:hover {
	color: #f4921d !important;
}

.t-Body-content button.t-Delete-Button,
.t-Dialog button.t-Delete-Button,
.ui-dialog button.t-Delete-Button,
.t-Body-content button.a-IRR-button--remove,
.t-Dialog button.a-IRR-button--remove,
.ui-dialog button.a-IRR-button--remove,
.t-Body-actionsContent button.t-Delete-Button {
	background-color: #c90303 !important;
	border-color: #c90303 !important;
	color: #ffffff !important;
}

.t-Body-content button.t-Delete-Button:hover,
.t-Dialog button.t-Delete-Button:hover,
.ui-dialog button.t-Delete-Button:hover,
.t-Body-content button.a-IRR-button--remove:hover,
.t-Dialog button.a-IRR-button--remove:hover,
.ui-dialog button.a-IRR-button--remove:hover,
.t-Body-actionsContent button.t-Delete-Button:hover {
	background-color: #ffffff !important;
	color: #c90303 !important;
	border-color: #c90303 !important;
}

.t-Body-content .t-Region-body .t-Button.t-Button--icon.t-Button--closeAlert,
.t-Dialog .t-Button.t-Button--icon.t-Button--closeAlert,
.ui-dialog .t-Button.t-Button--icon.t-Button--closeAlert {
	color: #ffffff !important;
}

.t-Body-content .t-Region-body .t-Button.t-Button--icon.t-Button--closeAlert:hover,
.t-Dialog .t-Button.t-Button--icon.t-Button--closeAlert:hover,
.ui-dialog .t-Button.t-Button--icon.t-Button--closeAlert:hover {
	color: #ffffff !important;
}

button.t-Button--hot,
.t-Body-content button.t-Button--hot,
body .ui-state-default.ui-button.ui-button--hot,
body button.ui-state-default.ui-priority-primary,
.t-Dialog button.t-Button--hot,
.ui-dialog button.t-Button--hot {
	background-color: yellowgreen !important;
	color: #ffffff !important;
	border: 1px solid yellowgreen !important;
}

button.t-Button--hot:hover,
.t-Body-content button.t-Button--hot:hover,
.t-Dialog button.t-Button--hot:hover,
.ui-dialog button.t-Button--hot:hover {
	background-color: #ffffff !important;
	color: yellowgreen !important;
}

.t-Alert-buttons button.t-Button:hover {
	color: #ffffff !important;
}

/* Form field styles */

body .t-Form-inputContainer input[disabled],
body .t-Form-inputContainer select[disabled],
body .t-Form-inputContainer span.display_only {
	border-color: #888 !important;
	color: #888 !important;
}

body .basic-no-border .t-Form-inputContainer span.display_only {
	border: none !important;
}

.t-Form-field,
.t-Form-inputContainer input.datepicker,
.t-Form-inputContainer input.password,
.t-Form-inputContainer input.popup_lov,
.t-Form-inputContainer input.text_field,
.t-Form-inputContainer input[type="text"],
.t-Form-inputContainer select.selectlist,
.t-Form-inputContainer select.yes_no,
.t-Form-inputContainer select[multiple],
.t-Form-inputContainer span.display_only,
.t-Form-inputContainer textarea.textarea,
.t-Form-select,
.t-Form-textarea,
.u-TF-item--datepicker,
.u-TF-item--select,
.u-TF-item--text,
.u-TF-item--textarea,
body .t-Form-inputContainer input.popup_lov[disabled],
.t-Dialog input.popup_lov,
.ui-dialog input.popup_lov,
.t-Dialog input.ui-datepicker-trigger,
.ui-dialog input.ui-datepicker-trigger {
	border-color: #888888 !important;
	background-color: #ffffff !important;
	color: #404040 !important;
}

body .ui-widget-header,
body .ui-datepicker td span.ui-state-default.ui-state-active,
body .ui-datepicker td a.ui-state-default.ui-state-active,
body .ui-datepicker td a.ui-state-default.ui-state-active.ui-state-hover {
	background-color: #e40523 !important;
}


/* Action menu styling */

.a-Menu .a-Menu-content {
	background-color: #e40523;
}

.a-Menu .a-Menu-content .a-Menu-item {
	color: #ffffff;
}

.a-Menu .a-Menu-content .a-Menu-item.is-focused,
.a-Menu .a-Menu-content .a-Menu-item:hover {
	background-color: #f4921d;
}

.a-Menu .a-Menu-content .a-Menu-content {
	background-color: #e40523;
}

.a-Menu .a-Menu-scrollBtn {
	color: #ffffff;
	background-color: #e40523;
}

.a-Menu .a-Menu-scrollBtn.is-disabled {
	background-color: #e40523;
}

/* Table styling */

.t-Body-content table tr:nth-child(2n),
.t-Body-content table tr:nth-child(2n) td {
	background-color: #f1f5f9;
}

/* Wizard styling */

.t-WizardSteps .t-WizardSteps-step.is-active .t-WizardSteps-marker {
	background-color: #e40523;
}

/* Select2 styling */

.t-Body-content .t-Region-body .t-Form-inputContainer span .selection span {
	width: auto;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 2px !important;
	border: 1px solid #888888 !important;
}

.select2-container--default .select2-selection--single span.select2-selection__arrow {
	right: 12px;
}

span.select2-container--default .select2-selection--single {
	border-radius: 2px;
	font-size: 1.2rem;
	border-color: #888888;
}

span.select2-container .select2-selection--single {
	height: 24px;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 22px;
}

li.select2-results__option {
	font-size: 1.2rem;
	padding: 4px 2px 2px 4px;
}

span.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #404040;
	line-height: 22px;
	padding-right: 30px;
}

.select2 {
	width:100%!important;
}

.oj-inputsearch {
    max-width: inherit;
}

.oj-inputsearch-choice {
    border-color: #888;
}

div#P319_CONTACTPERSONSELECT_CONTAINER .select2, div#P319_T1_ADDRESS_CONTAINER .select2 {
    width: calc(100% - 27px) !important;
}

button#BTN_ADDCONTACT, button#BTN_ADDADDRESS {
    margin: 0px;
    margin-left: -5px;
    height: 24px;
    border-radius: 0px 2px 2px 0px;
}

.t-BadgeList-item {
    cursor: pointer;
}

li.t-BadgeList-item.active .t-BadgeList-value {
    background: #e8e8e8;
}

.lazy-bubble-loading:before {
    font-size: 32px;
    content: "\e01e";
}

.lazy-bubble-loading {
	font-family: apex-5-icon-font;
	position: relative;
    top: 14px;
    left: 16px;
 	display: block;
    width: 32px;
    height: 32px;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: u-animate-spin 1s infinite linear;
    animation: u-animate-spin 1s infinite linear;
    color: #737373;
}

/* Focus styling */

.t-Form-field:focus,
.t-Form-select:focus,
.t-Form-inputContainer input[type="text"]:focus,
.t-Form-inputContainer select.selectlist:focus,
.t-Form-inputContainer select.yes_no:focus,
.t-Form-inputContainer select[multiple]:focus,
.t-Form-inputContainer input.text_field:focus,
.t-Form-inputContainer input.password:focus,
.t-Form-inputContainer textarea.textarea:focus,
.t-Form-inputContainer input.datepicker:focus,
.t-Form-inputContainer span.display_only:focus,
.t-Form-inputContainer input.popup_lov:focus,
.a-Button--popupLOV:focus,
.t-Form-textarea:focus,
.t-Button--hideShow:focus,
.u-TF-item-text:focus,
.u-TF-itemtextarea:focus,
.u-TF-itemdatepicker:focus,
.u-TF-item-select:focus,
.select2-selection:focus-within {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
}

.a-GV-columnItem .ui-datepicker-trigger:focus {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-style: solid;
  border-width: 1px;
}

.a-IG-header button:focus,
.a-IG-header .a-Toolbar-input:focus {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-style: solid;
  border-width: 1px;
  outline-style: none !important;
}

.a-GV-columnItem input:focus,
.a-GV-columnItem select:focus,
.a-GV-floatingItem:focus-within
 {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-style: solid;
  border-width: 1px;
}
/* Make sure options of focussed elements have a white bg */
.t-Form-inputContainer select.selectlist:focus option{
	background-color: white !important;
}

.a-GV-columnItem option {
	background-color: white;
}

/* readonly fields */
body .t-Form-inputContainer span.display_only,
body .t-Form-inputContainer input.text_field.lockField,
body .t-Form-inputContainer select.text_field.lockField,
body .t-Form-inputContainer span.select2-selection.lockField {
    background-color: #f1f1f1 !important;
    border-color: #bbb !important;
}

/* Detour Highlight background*/
.detourHighlight, .a-IRR-tableContainer table tr td.DetourHighlight, .a-IRR-tableContainer table tr:hover td.DetourHighlight {
    background-color: #fbd583 !important;
}

/* select 2 multiselect */
.select2-container .select2-selection--multiple, .select2-container .select2-selection--multiple li .select2-selection__rendered li  {
    min-height: 24px !important;
	line-height: 10px !important;
	font-size: 10px !important;
}

.apex-item-checkbox .apex-item-option input+label {
	display: inline-block !important;
}