/************ GENERAL ************/

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

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;
}

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

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

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

/************ HEADER STYLING ************/
.t-Header, .t-Header-branding {
  border: 0px none;
}

/************ MENU STYLING ************/

.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: #db2026 !important;
}

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

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

.t-TreeNav .fa {
    text-align: center;
    width: 37px !important;
}
.t-TreeNav ul ul .fa {
    width: 17px !important;
}

.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-content {
    padding-top: 1px;
}

/* Submenu styling */

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

.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: #454545 !important;
	color: #db2026 !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: #db2026 !important;
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible li:hover .a-TreeView-row.is-hover {
	/*  background-color: #e40523 !important;*/
	color: #db2026 !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: #db2026 !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;
}

/************ BUTTON STYLING ************/

/*button comments by company app 100   */
a.t-Button.t-Button-inline {
	color: #383838;
}

/*regions in region display selector  */
.a-IRR-buttons .t-Button {
    margin-bottom: 0px;
}

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

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

/*Rechtermenu Balk*/
.t-Button:hover {
	color: #db2026 !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 {
	box-shadow: none !important;
}

/*border rondom buttons, etc*/
.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;
}

/*border for hot button, needed otherwise it will get a grey border*/
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 {
	border: 1px solid #db2026 !important;
}

/*hover voor datepicker, + buttons, etc.*/
.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 {
	color: #db2026;
}

/*hot button hover*/
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: #db2026 !important;
}

.t-Button--large {
    padding: 1.4rem 0.9rem 1.4rem 0.9rem;
}

.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  {
  box-sizing: border-box !important;
  line-height: 1.5rem;
}

.t-Body-content .a-IRR-button--colSearch{
  border-left:0px none !important;
  border-top:0px none !important;
  border-bottom:0px none !important;
}
.t-Body-content .a-IRR-button--search{
  border-right:0px none !important;
  border-top:0px none !important;
  border-bottom:0px none !important;
}

.t-Body-content .a-IRR-button--colSearch:focus,
.t-Body-content .a-IRR-button--search:focus {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-width: 1px !important;
  border-style: solid !important;
  padding-bottom: 7px;
}

.t-Body-content .a-IRR-search-field:focus {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-width: 1px !important;
  border-style: solid;
  box-shadow: 0px 0px 0px 0px !important;
}

.t-Body-content .a-IRR-button:focus,
.t-Body-content .a-IRR-buttons button:focus {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
  border-width: 1px !important;
  border-style: solid;
}

.t-Body-content .a-IRR-button--controls{
  border:1px solid;
}
.t-Body-content .t-Region-body .t-Form-inputContainer button.t-Button,
.t-Body-content .t-Region-body .t-Form-inputContainer .a-Button{
  line-height: 1.7rem;
}
.t-Body-content .t-Region-body button.t-Button--helpButton{
  border:0px none !important;
  float: right;
}
.t-Body-content .t-Region-body button.t-Button--helpButton:hover{
  background-color: transparent !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{
  background-color: transparent !important;
  border: 0px none !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{
  background-color: transparent !important;
  border: 0px none !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  {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.t-Alert-buttons button.t-Button {
    background-color: transparent !important;
    border: 0px none !important;
    color:red !important;
}

/************ WEBSITE ITEMS STYLING ************/

/* 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;
}

.t-Form-inputContainer input.text_field.lockField,
.t-Form-inputContainer input.number_field.lockField,
.t-Form-inputContainer select.selectlist.lockField{
    pointer-events: none;
    font-weight: bold;
    color: #888888 !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{
  min-width:100%;
}
.a-Icon.icon-asterisk {
  position: absolute;
  z-index: 9;
}
table.lov {
    table-layout: fixed;
}
.textarea,
textarea{
  max-width: 100%;
  width: 100%;
}
.t-Body-content .t-Region-body .t-Form-inputContainer span,
.t-Form-inputContainer fieldset.lov,
.t-Form-inputContainer table.lov{
  width:100%;
}
.t-Form-inputContainer table.lov td:last-child{
  width:30px;
}
.t-Form-inputContainer .a-Button--popupLOV,
.t-Form-inputContainer .a-Button.ui-datepicker-trigger,
.t-Dialog .a-Button--popupLOV,
.ui-dialog .a-Button--popupLOV,
.t-Dialog .a-Button.ui-datepicker-trigger,
.ui-dialog .a-Button.ui-datepicker-trigger{
  padding: 3px 6px;
}
.t-Form-labelContainer--hiddenLabel{
  display: none;
}
.t-Form-inputContainer input.datepicker,
.t-Dialog input.hasDatepicker,
.ui-dialog input.hasDatepicker,
.t-Report-report input.hasDatepicker,
.t-Dialog span.lov input,
.ui-dialog span.lov input,
.t-Form-inputContainer td.lov,
.t-Report-report span.lov input{
  min-width:calc(100% - 30px);
  max-width:calc(100% - 30px);
}
input[refchecked] {
    min-width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
}

/* Action menu styling */

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

.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: #db2026;
}

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

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

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

.a-Menu .a-Menu-content{
  border:0px none;
}
.a-Menu .a-Menu-content .a-Menu-itemSep .a-Menu-labelContainer .a-Menu-hSeparator{
  margin:0px;
  padding: 0px;
}
.a-Menu .a-Menu-content .a-Menu-content{
  padding: 0px;
}
.a-Menu .a-Menu-content .a-Menu{
  border:0px none;
}
.a-Menu .a-Menu-scrollBtn.is-disabled{
  height: 8px;
}
.a-Menu .a-Menu-scrollBtn .a-Icon.icon-menu-scroll-up:before {
 content:"\e012"
}

/* Table styling */

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

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

/* Wizard styling */

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

.t-WizardSteps{
  margin-bottom: 12px;
}

/* Select2 list 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 */

/* Don't merge with the next it break IE */
.select2-selection:focus-within {
  background-color: #adccdb !important;
  border-color:  #2149a3 !important;
}

.t-Form-field:focus,
.t-Form-field.text_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 input.text_field:focus,
.t-Form-inputContainer input.text_field.apex-item-text:focus,
.t-Form-inputContainer input.number_field:focus,
.t-Form-inputContainer input.number_field.apex-item-text: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,
.t-Form-inputContainer select[multiple]:focus,
.a-Button--popupLOV:focus,
.t-Form-textarea:focus,
.t-Button--hideShow:focus,
.u-TF-item--text:focus,
.u-TF-item--textarea:focus,
.u-TF-item--datepicker:focus,
.u-TF-item--select:focus {
  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 {
    background-color: #f1f1f1 !important;
    border-color: #bbb !important;
}

/* Pop-up styling */
.t-DialogRegion{
  max-height:80vh !important;
}

/* Planboard map styling */
#GPS_POSITION_MAP{
  width:100%;
  height: 320px;
}

/* GENERAL CONTENT STYLING */
.a-IRR-sortWidget {
	 background-color: #898989;
}

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

.t-AVPList-label, .t-AVPList-value {
    min-height: 1.8rem;
    line-height: 1rem;
}

.small-padding .t-Region .t-Region-body {
    padding: 6px;
}

.compactView .t-Report-cell {
  padding: 3px;
  white-space: nowrap;
}

.compactView .t-Report-colHead {
  padding: 10px;
}

.compactView .a-IRR-table td {
  white-space: nowrap;
  padding: 2px 2px;
}

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

.t-Body-actionsContent label.t-Form-label,
.t-Body-actionsContent span.display_only {
  color: #ffffff;
}

.t-Body, .t-Region-bodyWrap, .t-Region-body {
    background: none !important;
}

.t-Body-actionsContent label.t-Form-label:focus,
.t-Body-actionsContent span.display_only:focus,
.t-Body-actionsContent label.t-Form-label:hover,
.t-Body-actionsContent span.display_only:hover {
  background-color: transparent
}

#dashboardTable .t-Report-colHead {
  border: none;
}

#dashboardTable td.t-Report-cell {
  border: none;
}

#dashboardTable .t-Report-wrap {
  margin-top: 20px;
}

.homebutton{
  height: 80px !important;
}
.sidebarLogo {
  width: 100%;
  /* position: absolute; */
  padding-left: 5%;
  display: block;
  padding-right: 5%;
  height: auto !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Remove from page 101 */

.logo {
  width: 100%;
  heigth: 100%;
}

.t-Login-logo {
  display: none;
}

.space-br {
  margin-top: 20px;
}

.t-Form-label {
  font-weight: bold;
  color: #4d4d4d;
}

.t-Form-labelContainer label.t-Form-label.lrequired:after {
    content: " *";
    color: red;
  font-weight: bold;
  font-size: 1.8rem;
}

div.container {
  padding-left: 0px;
  padding-right: 0px;
}

.t-BadgeList-wrap {
  border-radius: 100px;
  height: 125px;
  width: 125px;
  margin-right: auto;
  margin-left: auto;
}

.t-Body-actions .t-Region+.t-Region,
.t-Body-side .t-Region+.t-Region {
  margin-top: 0px;
}

.t-Body-actions .t-Region,
.t-Body-side .t-Region {
  border-width: 0px!important;
}

.t-BadgeList--dash .t-BadgeList-label {
  white-space: inherit;
}

.wrap-text .t-Button-label {
  white-space: normal;
}

.t-PageBody--masterDetail .t-Body-contentInner>.container:first-child {
  min-height: inherit;
}

.sidebarInfo dl.t-AVPList.t-AVPList--leftAligned {
  border-radius: 2px;
  border: none;
  background-clip: padding-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
  border-radius: 2px;
  text-shadow: none;
  text-align: center;
}

.sidebarInfo .t-AVPList--leftAligned .t-AVPList-value {
  width: 100%;
  text-align: center;
}
.display_only {
  padding-left: 6px !important;
  padding-right: 10px !important;
}

.marginOverall{
  margin:5px;
}
.marginTop{
  margin-top:5px;
}
.marginRight{
  margin-right:5px;
}
.marginBottom{
  margin-bottom:5px;
}
.marginLeft{
  margin-left:5px;
}
.paddingOverall{
  padding:5px;
}
.paddingTop{
  padding-top:5px;
}
.paddingRight{
  padding-right:5px;
}
.paddingBottom{
  padding-bottom:5px;
}
.paddingLeft{
  padding-left:5px;
}
.borderOverall{
  border:2px solid #898989;
}
.borderTop{
  border-top:2px solid #898989;
}
.borderRight{
  border-right:2px solid #898989;
}
.borderBottom{
  border-bottom:2px solid #898989;
}
.borderLeft{
  border-left:2px solid #898989;
}
.t-Region--hideShow.is-expanded > .t-Region-bodyWrap{
  padding: 12px;
}
.t-Region--hideShow.is-expanded > .t-Region-bodyWrap .t-Region-body{
  padding: 0px;
}
.t-DialogRegion .container,
.t-Dialog .container,
.ui-dialog .container{
  max-width:100%;
  width:100%;
}

/* SPECIAL */
.importantMessage, .importantMessage:hover{
  color: darkred !important;
  -webkit-animation:horizontal 3s ease infinite;
   animation:horizontal 3s ease infinite;
}
.headerapplink img,
.headerapplink div{
  float: left;
}
.headerapplink div{
  margin-left: 10px;
}
.createplandialog{
  width:1000px !important;
  height:800px !important;
}
.t-Form-field,
.t-Form-inputContainer input.datepicker.requiredField,
.t-Form-inputContainer input.password.requiredField,
.t-Form-inputContainer input.popup_lov.requiredField,
.t-Form-inputContainer input.text_field.requiredField,
.t-Form-inputContainer input[type="text"].requiredField,
.t-Form-inputContainer select.selectlist.requiredField,
.t-Form-inputContainer select.yes_no.requiredField,
.t-Form-inputContainer select[multiple].requiredField,
.t-Form-inputContainer span.display_only.requiredField,
.t-Form-inputContainer textarea.textarea.requiredField,
.t-Form-select.requiredField,
.t-Form-textarea.requiredField,
.u-TF-item--datepicker.requiredField,
.u-TF-item--select.requiredField,
.u-TF-item--text.requiredField,
.u-TF-item--textarea.requiredField,
body .t-Form-inputContainer input.popup_lov[disabled].requiredField,
.t-Dialog input.popup_lov.requiredField,
.ui-dialog input.popup_lov.requiredField,
.t-Dialog input.ui-datepicker-trigger.requiredField,
.ui-dialog input.ui-datepicker-trigger.requiredField
{
  border-color: red !important;
}

/************ MESSAGE OF THE DAY STYLING ************/
.motd{
    text-align: center;
    margin-top: 40px;
    margin-left:10px;
    margin-right:10px;
}

.motd .motd_title{
    color: #ffffff;
    font-size: 18px;
    display:inline-block;
    margin-bottom:10px;
}

.motd .motd_container{
    background: white;
    padding: 20px;
		height:300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: left;
}
.motd .motd_container .motd_message{
    margin-bottom:20px;
    word-wrap: break-word;
}

/* Detour Highlight background*/
.detourHighlight{
  background: #ffe6be  !important;
}