.button.ms-Button--default,
.button.ms-Button--primary,
.ms-DetailsRow-cell,
.ms-DetailsHeader-cellName,
.ms-Checkbox-label,
.action-default-button .ms-Button-label {
  font-family: 'Fira Sans';
  font-style: normal;
  font-size: 16px;
}

.ms-DetailsHeader,
.ms-DetailsHeader-cellTitle {
  background-color: #e8f1f3 !important;
  height: 60px !important;
}

.ms-DetailsHeader-cellName {
  font-weight: bold;
  color: #737475;
  white-space: normal;
  line-height: 1.5em;
  display: block;
  margin-top: 8px;
}

/* Always show the select all checkbox on the header, instead of on hover over. This was raised by a Tester as an issue.
  I'm thinking there should be a flag that does this but I couldn't find it, so using css instead. */
.ms-DetailsHeader .ms-DetailsRow-check {
  opacity: 1;
}

.action-default-button {
  height: 30px !important;
  color: #005a9e !important;
}

button.ms-Button--default {
  background-color: white;
  color: #005a9e;
  border-width: 1px;
  border-color: #005a9e;
  border-style: solid;
}

button.is-disabled.ms-Button {
  background-color: #bdbdbd;
  color: white !important;
  border: 0px;
}

section,
.main-width {
  max-width: 1196px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 391px) {
  section,
  .main-width {
    padding: 1rem;
  }
}

.ms-Grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.bold {
  font-weight: bold;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

/*
  Generic/global styles.
*/

button.cancel-btn-color {
  background-color: white;
  border-color: blue;
  color: #005a9e !important;
}

button.warning-btn-color {
  background-color: #ff6900 !important;
  color: white !important;
}

button.save-btn-color {
  background-color: #005a9e;
  color: white !important;
}

/* Override the React default field error styling by emphasising the field error more */
[class*='errorMessage'] {
  color: #a80000 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding-top: 5px !important;
}

/* Override the React default field error styling by thickening the error border more */
.pickerErrorBorder .ms-BasePicker-text,
.errorBorder,
.datePickerErrorBorder .ms-TextField-fieldGroup,
.basicDatePickerErrorBorder .ms-Dropdown-title,
[class*='titleIsError'],
/* Drop down */ .ms-TextField [class*='invalid'] {
  border: 2px solid #a80000 !important;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.darker-background {
  background-color: #e7f4f5;
}

.right-justified {
  text-align: right;
}

.right-justified-money-amount {
  text-align: right;
  /* Direction is rtl so it will overflow on the left instead of the right if too big for its container*/
  direction: rtl;
}

.centered {
  text-align: center;
}

button.cancel-button,
button.remove-button,
button.danger-button {
  border-color: #ff6900;
  color: #ff6900;
}

.external-application-screen {
  font-size: 14px;
}

.external-application-screen h3 {
  font-size: 18px;
}

.external-application-screen label.ms-Label {
  margin-top: 20px;
}

.external-application-screen h3 {
  margin-top: 50px;
}

.external-application-screen .ms-Label,
.external-application-screen p {
  font-size: 16px;
}

hr.horizontal-divider {
  height: 1px;
  background-color: #006272;
  border-width: 0px;
}

.section-heading,
.sub-section-heading {
  margin-left: auto;
  margin-right: auto;
}

.section-heading h2 {
  font-size: 20px;
  color: #006272;
  margin-bottom: 2px;
}

.section-heading hr.horizontal-divider {
  height: 4px;
}

.sub-section-heading h3 {
  color: #006272;
  margin-bottom: 2px;
}

.sub-section-heading hr.horizontal-divider {
  height: 1px;
}

h4.sub-sub-section-heading {
  font-size: 18px;
  margin-bottom: 0px;
}

.overlay-spinner {
  position: fixed;
  z-index: 2000000;
  height: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.overlay-spinner:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
}

.section-heading button.section-action-button {
  float: right;
}

.section-heading button.section-action-button .ms-Button-label {
  font-weight: bold;
  font-size: 16px;
}

.read-only-block + * .ms-Dropdown-title {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #a6a6a6;
}
.read-only-block + * .ms-Dropdown-caretDown {
  color: #a6a6a6;
}

.read-only-block + * .ms-TextField-fieldGroup {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}

.read-only-block + * .ms-Checkbox-checkbox {
  border-color: rgb(200, 200, 200);
}

.read-only-block + * .ms-Checkbox-text {
  color: rgb(200, 200, 200);
}

.read-only-block + * .anchor-link {
  z-index: 1000001;
  position: relative;
}

div.oasis-modal-box {
  padding: 20px;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  div.oasis-modal-box {
    width: 640px;
  }
}
@media (max-width: 639px) {
  div.oasis-modal-box {
    width: 100%;
  }
}
@media (max-width: 391px) {
  .ms-Modal {
    justify-content: left !important;
  }

  div.oasis-modal-box {
    width: 75% !important;
  }
}

h2.oasis-modal-title {
  color: #ff6900;
  border-bottom: 4px solid #ff6900;
  padding: 16px 0;
  margin-bottom: 15px;
}

.external-application-screen .oasis-modal-box {
  background-color: #e5eff1;
  border: 1px solid #006272;
  padding: 30px;
  font-size: 16px;
}

.external-application-screen h2.oasis-modal-title {
  color: #333333;
  border: 0;
}

.external-application-screen .oasis-modal-box button {
  margin-top: 30px;
}

.drawingBuffer {
  position: absolute;
  top: 0;
  left: 0;
}

div.readonly-data {
  margin-bottom: 18px;
  color: #333333;
}

div.readonly-data > span {
  font-weight: bold;
  color: #000000;
}

.expand-collapse-label-no-icon {
  margin: 0px;
}

.expand-collapse-row button {
  padding-left: 0px;
  padding-right: 0px;
  min-width: 0px;
}

div.hint-container .hint-arrow {
  height: 10px;
  float: left;
  margin-top: 6px;
}

div.hint-container .hint-arrow-line-outer {
  height: 1px;
  box-sizing: border-box;
  position: absolute;
  padding-right: 20px;
}

div.hint-container .hint-arrow-line {
  height: 1px;
  width: 100%;
  background-color: #ff6900;
  margin-top: 4px;
  margin-left: 2px;
}

div.hint-container .hint-icon {
  background-color: #006272;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  height: 1.4em;
  width: 1.4em;
  text-align: center;
  vertical-align: bottom;
  line-height: 1.5em;
  margin-right: 10px;
  float: left;
  font-size: 14px;
}

div.hint-container .hint-icon-warning {
  background-color: #ff6900;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  height: 1.4em;
  width: 1.4em;
  text-align: center;
  vertical-align: bottom;
  line-height: 1.5em;
  margin-right: 10px;
  float: left;
  font-size: 14px;
}

div.hint-container .hint-text {
  white-space: pre-wrap;
  overflow-x: hidden;
  color: #006272;
  float: left;
  font-size: 14px;
}

div.hint-container .hint-arrow-triangle {
  height: 0;
  width: 0;
  border-right: 10px solid #ff6900;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
}

span.oasis-link {
  font-size: 16px;
  color: #006272;
  cursor: pointer;
}
span.oasis-link-disabled {
  font-size: 16px;
  color: #bdbdbd;
}

#searchSection .search-button {
  margin: 0 20px;
}

div.disposalsHeaderRow {
  background-color: #e8f1f3 !important;
  height: 60px !important;
  margin-left: 0;
  margin-right: 0;
}

div.disposalsHeader {
  font-family: 'Fira Sans';
  font-style: normal;
  font-size: 16px;
  background-color: #e8f1f3 !important;
  font-weight: bold;
  color: #737475;
  white-space: normal;
  line-height: 1.5em;
  display: block;
  margin-top: 8px;
}

div.disposalsRow {
  font-family: 'Fira Sans';
  font-style: normal;
  font-size: 16px;
  color: #666666 !important;
  white-space: normal;
  line-height: 1.5em;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #f4f4f4;
}

div.disposalsCell {
  padding: 11px 8px 11px 8px;
}

.field-warning [class*='fieldGroup'] {
  border: 2px solid #a80000 !important;
}

.field-warning .ms-MessageBar {
  background-color: inherit !important;
}

.field-warning .ms-MessageBar span {
  color: #a80000 !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.field-warning .ms-MessageBar-icon {
  margin: 5px 0px 0px 0px;
  display: none;
}

.field-warning .ms-MessageBar-text {
  margin: 5px 0px 0px 0px;
}

.field-warning .ms-MessageBar-dismissal {
  margin: 0px;
  border: 0px;
}

.field-warning [class*='errorMessage'] {
  display: none;
}

.progress-update-modal-container .oasis-modal-box {
  width: 800px;
}

.progress-update-modal-container h2.oasis-modal-title {
  padding-top: 0;
}

.change-address-modal-container .oasis-modal-box {
  width: 800px;
}

.oasis-uploaded-file {
  height: 40px;
  line-height: 40px;
  margin: 5px;
  background-color: #f4f4f4;
}

@media screen and (max-width: 391px) {
  .confirm-card {
    padding-bottom: 1.5em;
  }

  .oasis-uploaded-file {
    margin-bottom: 2em;
  }
}

.uploaded-file-name {
  text-decoration: underline;
  cursor: pointer;
}

.oasis-file-remove-button {
  float: right;
  margin: 4px 0px;
}

div.oasis-file-uploader {
  margin: 5px;
  border: 3px dashed #e9e9e9;
  padding: 20px;
  border-radius: 8px;
  background-color: white;
}

.oasis-file-uploader-hint {
  margin-bottom: 20px;
}

.oasis-file-drop-active {
  background-color: #fafafa;
}

.display-document-delivery-details-modal-container .oasis-modal-box {
  width: 1350px;
}

table.inbound-correspondence-application-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
thead.inbound-correspondence-application-thead {
  background-color: rgba(0, 98, 114, 0.1);
  align-content: center;
  text-align: left;
}

tbody.inbound-correspondence-application-tbody {
  background-color: white;
  text-align: left;
}

.inbound-link-popup .ms-Dialog-main {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}

.inbound-link-popup .ms-Dialog-header {
  background-color: #006272;
}

.inbound-link-popup .ms-Overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.inbound-controls-btn {
  margin-right: 10px;
}

.select-debtor-button,
.remove-selected-debtor-button {
  float: right;
}

#contact-summary-contact-details .future-start-date {
  color: #ff6900;
}

#contact-summary-contact-details .address-type {
  font-weight: bold;
}

#contact-summary-contact-details .ms-ChoiceField {
  margin-top: 0px;
}

#contact-summary-contact-details button.edit-button {
  width: 100%;
}

#contact-summary-contact-details button.edit-button .ms-Button-textContainer {
  position: absolute;
  top: 0px;
}

#contact-summary-contact-details .ms-Checkbox,
#contact-summary-contact-details .ms-ChoiceField-wrapper {
  margin-left: auto;
  margin-right: auto;
}

#contact-summary-contact-details .first-column {
  overflow: visible;
}

.maintain-address-form .ms-Grid-row {
  margin-bottom: 20px;
}

.maintain-address-form .ms-Grid-row:last-child {
  margin-bottom: 0px;
}

.maintain-address-form .current-previous-future-choice-group .ms-ChoiceField {
  display: inline-block;
  width: 33.33%;
  margin-right: 6px;
}

.maintain-address-form
  .current-previous-future-choice-group
  .ms-ChoiceField:last-child {
  width: 200px;
}

.maintain-address-form button.is-disabled {
  background-color: transparent;
}

.maintain-address-form .is-disabled .ms-Dropdown-title {
  background-color: transparent;
  border: 1px solid #f4f4f4;
  color: black;
  cursor: default;
}

.maintain-address-form .ms-Checkbox-text {
  color: black;
}

.maintain-address-form .physical-postal-address .ms-Grid-row {
  margin-bottom: 10px;
}

.address-picker .ms-TagItem {
  max-width: 99%;
}

.address-suggestion-item {
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.address-picker-suggestions .ms-Suggestions-title {
  font-size: 14px;
  font-weight: bold;
  color: rgb(51, 51, 51);
}

.address-picker .ms-BasePicker {
  background-color: white;
}

@media screen and (max-width: 391px) {
  .address-picker-suggestions,
  .address-suggestion-item,
  .address-picker {
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ms-TagItem-TextOverflow {
    font-size: 12px;
    text-align: left;
  }

  .ms-Callout {
    left: 1em !important;
  }

  span[id^='selected-items-id'] {
    max-width: 99%;
  }
}

.contact-modal-container .oasis-modal-box {
  width: 750px;
}

.contact-modal-container h2.oasis-modal-title {
  padding-top: 0;
}

.contact-modal-container .ms-Grid-row {
  margin-bottom: 10px;
}

#contact-summary-details .details-fields > * {
  margin-bottom: 15px;
  margin-top: 15px;
}

#contact-summary-details .details-fields .ms-Checkbox-label span {
  font-size: 16px;
}

/* The MultiTag component uses the React BasePicker as the base component, but it looks a little different
   e.g. No border, rounded corners, no input entry, display none if no tags */

.multi-tag-container .ms-BasePicker-text {
  border-color: transparent;
}

/* If input is enabled, show the border if empty or on hover over */
.multi-tag-container.input-enabled .ms-BasePicker-text:hover,
.multi-tag-container.no-tags.input-enabled .ms-BasePicker-text {
  border-color: #a6a6a6;
}

.multi-tag-container .ms-TagItem {
  border: 1px solid #006272;
  border-radius: 25px;
  max-width: 99%;
}

.multi-tag-container.input-disabled .ms-BasePicker-input {
  display: none;
}

.multi-tag-container.input-enabled .ms-BasePicker-input {
  width: 0;
}

.multi-tag-container.no-tags.input-disabled .ms-SelectionZone {
  display: none;
}

.maintain-alternate-name-modal-container
  .current-previous-choice-group
  .ms-ChoiceField {
  display: inline-block;
  width: 41.67%;
  margin-right: 6px;
}

#contact-summary button.section-action-button {
  float: right;
}

#contact-summary button.section-action-button .ms-Button-label {
  font-weight: bold;
  font-size: 16px;
}

#add-new-contact .ms-ChoiceField {
  display: inline-block;
  width: 33.33%;
  margin-right: 6px;
}

#add-address-details .ms-ChoiceField {
  display: inline-block;
  width: 50%;
  margin-right: 8px;
}

#add-address-details .ms-ChoiceField:last-child {
  width: 200px;
}

#create-contact .physical-address-known > div {
  display: inline-block;
}

#create-contact .create-contact-width {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#create-contact .ms-Grid-row {
  margin-bottom: 10px;
}

.tabbar * {
  width: 100%;
}

.tabbar .ms-Button-label {
  font-weight: bold;
  font-size: 18px;
}

.tabbar .tab-container {
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
}

.tabbar .tab-container:first-child {
  padding-left: 0px !important;
}

.tabbar .tab-container:last-child {
  padding-right: 0px !important;
}

.tabbar .not-selected-tab .ms-Button-label {
  color: #80b0b8;
}

.tabbar .not-selected-tab hr.horizontal-divider {
  background-color: #80b0b8;
}

.tabbar .selected-tab .ms-Button-label {
  color: #006272;
}

.tabbar .selected-tab hr.horizontal-divider {
  color: #006272;
}

#maintain-estate .ms-Grid-row {
  margin-bottom: 10px;
}

#maintain-estate .ms-Checkbox-label span {
  font-size: 16px;
}

.ms-ComboBox button.is-disabled {
  background-color: #f4f4f4;
}

.money-field-currency-dropdown {
  width: 90px;
}

.estate-info {
  background-color: #006272;
  color: white !important;
  vertical-align: bottom;
  /* padding: 2px; */
  margin-top: 10px;
}

.estate-navigation {
  background-color: #e7f4f5;
  line-height: 200%;
  padding-top: 50px;
  padding-left: 0% !important;
  padding: 10px;
}

ul.estate-navigation-ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 21px;
}

ul.estate-navigation-ul li {
  padding-left: 10px;
}

ul.estate-navigation-ul li.selected {
  background: white;
  width: 100%;
}

div.estate-navigation-subheading {
  color: #006272;
  font-size: 14px;
  line-height: 100%;
  margin-left: 8px;
}

@media (min-width: 640px) {
  .estate-navigation {
    height: 300vh !important;
  }
  .menu-width.ms-lg1 {
    width: 12%;
  }
  .body-width.ms-lg11 {
    width: 88%;
  }
}

@media (min-width: 480px) {
  .menu-width.ms-md1 {
    width: 12%;
  }
  .body-width.ms-md11 {
    width: 88%;
  }
}

div.existing-claim-modal-container {
  -moz-box-align: stretch;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  width: 30%;
  padding: 10px;
}

h2.existing-claim-modal-title {
  color: #ff6900;
}

p.existing-claim-warning {
  color: #ff6900;
}

hr.existing-claim-modal-fat-divider {
  border-color: #ff6900;
  background-color: #ff6900;
  height: 1px;
  margin-bottom: 15px;
}

button.confirm-existing-claim-btn {
  background-color: #ff6900;
  color: white !important;
}

div.confirm-existing-claim-btn-container {
  text-align: right;
}

div.claimValueTBA-container {
  padding-top: 5px;
}

#create-claim-form .ms-Grid-row {
  margin-bottom: 10px;
}

div.claimValueTBA-container {
  padding-top: 5px;
}

div.linked-estates-buttons {
  text-align: right;
}

button.linked-estates-button {
  background-color: #005a9e !important;
  color: white !important;
  margin-right: 5px;
}

table.linked-estates-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
thead.linked-estates-thead {
  background-color: rgba(0, 98, 114, 0.1);
  align-content: center;
  text-align: left;
}

tbody.linked-estates-tbody {
  background-color: white;
  text-align: left;
}

td.delink-estate-link {
  color: #005a9e;
}

#maintain-claim-form .ms-Grid-row {
  margin-bottom: 10px;
}

.bold-text {
  font-weight: bold;
}

.large-text {
  font-size: 29px;
}

.travel-request-dark-background {
  background-color: #e5eff1;
}

.travel-request-dark-dark-background {
  background-color: rgba(113, 158, 165, 0.1);
}

.travel-request-border {
  border-color: #006272;
  border-width: 1px;
  border-style: solid;
}

#maintain-travel-request #notes {
  margin-bottom: 30px;
}

#travel-request-details .ms-Grid-row {
  margin-bottom: 30px;
}

#travel-request-details div.no-margin-bottom {
  margin-bottom: 0;
}

#travel-request-details div.margin-bottom-15 {
  margin-bottom: 15px;
}

#maintain-travel-request div.update-btn-col {
  float: right;
}

#maintain-travel-request div.update-btn-row {
  margin-top: 30px;
}

#maintain-travel-request div.card-btn-row {
  margin-top: 30px;
  margin-bottom: 30px;
}

#maintain-travel-request label {
  margin-bottom: 10px;
}

#maintain-travel-request label.no-margin-bottom {
  margin-bottom: 0 !important;
}

#maintain-travel-request label.no-padding-bottom {
  padding-bottom: 0 !important;
}

#update-personal-details-btn #button {
  font-size: 16px;
}

#add-overseas-addresses button.address-button {
  font-size: 16px;
  border-color: rgb(255, 105, 0) !important;
  color: rgb(255, 105, 0) !important;
}

button.cancel-button {
  border-color: #ff6900;
  color: #ff6900;
}

#add-overseas-addresses .overseas-address {
  padding-top: 10px;
  padding-bottom: 10px;
}

#travel-request-details div.checkbox-row {
  margin-bottom: 10px;
}

.asset-photo-modal-box .ms-Dialog-main {
  overflow: unset !important;
}

.asset-photo-modal-button-box {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  text-align: right;
}

.initial-display {
  color: #333333;
  padding-top: 8px;
  padding-bottom: 8px;
}

.initial-display b {
  color: #000000;
}

.optionNextToLabel .ms-ChoiceField {
  margin-top: 0px;
}

.optionNextToLabel .ms-ChoiceFieldGroup {
  display: flex;
}

.optionNextToLabel .ms-ChoiceFieldGroup-flexContainer {
  margin-left: 10px;
}

#sectionHeader .custom-header {
  text-align: center !important;
  border-bottom-color: #006272 !important;
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
  margin-left: 8px;
  margin-right: 8px;
}

#sectionHeader span span {
  height: 25px !important;
}

#sectionHeader span span span {
  margin-top: 0px !important;
}

#create-referral .ms-Grid-row {
  margin-bottom: 10px;
}

div.summary-table-header {
  background-color: #e8f1f3;
}

div.summary-table-heading {
  padding: 8px 32px 8px 16px;
  font-weight: bold;
}

div.summary-table-row {
  background-color: #f2f7f9;
}

div.summary-table-cell {
  padding: 8px 16px 8px 16px;
}

.display-estate-claim-details-modal-container .oasis-modal-box {
  width: 1000px;
}

.display-estate-asset-details-modal-container .oasis-modal-box {
  width: 1400px;
}

#info-request-form .ms-Grid-row {
  margin-bottom: 10px;
}
#info-request-form .ms-Checkbox-label span {
  font-size: 16px;
}
.item-doc-row {
  color: #a9a9ae;
}

.item-doc-row .ms-Check {
  display: none;
}

.task-search-link-popup .ms-Dialog-main {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}

.task-search-link-popup .ms-Dialog-header {
  background-color: #006272;
}

.task-search-link-popup .ms-Overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.display-search-tasks-modal-container .oasis-modal-box {
  width: 600px;
}

.yes {
  color: #ff6900;
}

div.review-question-text {
  font-weight: bold;
  margin-bottom: 17px;
}
div.review-question-answer {
  margin-bottom: 30px;
}

div.review-section {
  margin-top: 18px;
}

div.ms-TextField-suffix {
  padding: 0;
}

.create-task-popup .ms-Dialog-main {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}

.create-task-popup .ms-Dialog-header {
  background-color: #006272;
}

.create-task-popup .ms-Overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.day-dropdown {
  float: left;
  width: 33%;
  padding-right: 10px;
  box-sizing: border-box;
}

.month-dropdown {
  float: left;
  width: 34%;
  padding-right: 10px;
  box-sizing: border-box;
}

.year-dropdown {
  float: left;
  width: 33%;
  box-sizing: border-box;
  padding-right: 10px;
}

@media screen and (max-width: 391px) {
  .ms-lg2,
  .ms-lg5 {
    width: 100%;
    margin-top: 0;
  }

  .rhs-hint-text-mobile {
    position: unset;
    padding-top: 1em;
  }
}

.rhs-hint-text {
  position: absolute;
}

@media screen and (max-width: 1025px) {
  .select-button {
    min-width: 0 !important;
    width: 50px;
  }

  .remove-button {
    min-width: 0 !important;
    width: 54px;
  }
}

div.steps-holder {
  margin: 30px 0px 0px 0px;
  clear: both;
}

.step-numbers * {
  display: inline-block;
  position: relative;
  color: white;
  float: left;
}

div.step-number {
  text-align: center;
  border-radius: 50%;
  background-color: #80b0b8;
}

div.current-step {
  background-color: #006272;
}

.bar {
  height: 4px;
  background-color: #80b0b8;
  border-color: white;
  border-top: 18px solid white;
}

.steps-labels * {
  display: inline-block;
  position: relative;
}

div.step-label {
  float: left;
  width: 100px;
  color: #80b0b8;
  text-align: center;
  font-size: 14px;
}

div.current-label {
  color: #006272;
}

div.ms-TextField-suffix {
  padding: 0;
}

.org-user-popup .ms-Dialog-main {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}

.org-user-popup .ms-Dialog-header {
  background-color: #006272;
}

.org-user-popup .ms-Overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

#titlebar {
  min-height: 80px;
  background-color: #006272;
  padding-left: 1rem;
}

#titlebar-heading {
  height: 80px;
  line-height: 80px;
}

#titlebar h1 {
  color: white;
  font-style: normal;
  font-size: 30px;
  display: inline;
}

#titlebar .titlebar-user button {
  height: 80px;
}

/* Fabric UI Persona initials colour doesn't accept custom colour*/
.titlebar-user .ms-Persona-initials {
  background-color: #c4c4c4 !important;
  color: black;
  font-family: 'Roboto';
  font-style: normal;
}

/* Fabric UI Persona text colour doesn't accept custom colour*/
.titlebar-user .ms-Persona-primaryText {
  color: white !important;
  font-weight: 600;
  white-space: pre-wrap;
}
.titlebar-user .ms-Persona-details {
  padding-right: 10px !important;
}

.titlebar-user button {
  background-color: transparent;
  border-width: 0px;
  color: white;
}

@media (min-width: 640px) {
  #internal-user-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

.sub-task-popup .ms-Dialog-main {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}

.sub-task-popup .ms-Dialog-header {
  background-color: #006272;
}

.sub-task-popup .ms-Overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.pointer-cursor-header {
  cursor: pointer;
}

#creditor-claim-search-fields .search-buttons {
  float: right;
}

#creditor-claim-search-fields {
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

#creditor-claim-search-fields .ms-Grid-row {
  margin-bottom: 10px;
}

#search-by-field,
#search-by-field-option,
#search-by-field .ms-Dropdown-caretDownWrapper i {
  background-color: #005a9e;
  color: white;
}

/* Hack to help align Search text Fabric UI component to the bottom. */
#creditor-claim-search-fields .search-text-container label {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

#creditor-claim-search-fields .ms-Checkbox-label {
  padding-top: 5px;
  padding-bottom: 5px;
}

#creditor-claim-search-fields-new-claim button {
  padding-left: 0px;
  padding-right: 0px;
}

.range-left-from {
  width: 45%;
  float: left;
}
.range-right-to {
  width: 55%;
  float: left;
}

.range-left-from label.from-label {
  overflow-x: visible;
  width: 200%;
  display: block;
}

.range-right-to div.to-label {
  float: left;
  width: 18.1818%; /* 10/55 */
  text-align: center;
}

.range-right-to div.to-input {
  float: left;
  width: 81.8181%; /* 45/55 */
}

div.withdraw-claim-modal-container {
  -moz-box-align: stretch;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  /* height: 38%; */
  /* width: 25%; */
  padding: 10px;
}

div.withdraw-claim-modal-btns {
  text-align: right;
}

.btn-withdraw-claim {
  margin-left: 10px;
}

h2.withdraw-claim-modal-title {
  color: #ff6900;
}

hr.withdraw-claim-modal-fat-divider {
  border-color: #ff6900;
  background-color: #ff6900;
  height: 1px;
  margin-bottom: 15px;
}

p.withdraw-claim-modal-question {
  margin-bottom: 15px;
}

p.withdraw-claim-modal-statement {
  margin-bottom: 15px;
  font-weight: bold;
}

div.withdraw-claim-modal-reason {
  margin-bottom: 50px;
}

hr.withdraw-claim-modal-thin-divider {
  border-color: #ff6900;
  background-color: #ff6900;
  height: 0.5px;
  margin-bottom: 15px;
}

div#claim-controls-container {
  margin-top: 10px;
  float: right;
}

.claim-controls-btn {
  margin-right: 10px;
}

.right {
  text-align: right !important;
}

.bold-text {
  font-weight: bold;
}

.btn-save-claim {
  background-color: white !important;
  color: #005a9e !important;
  border-color: #005a9e;
}

.btn-cancel-claim {
  background-color: white !important;
  color: #005a9e !important;
  border-color: #005a9e;
}

section.display-claims {
  line-height: 200%;
}

table.supervisor-assigned-estates-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
thead.supervisor-assigned-estates-thead {
  background-color: rgba(0, 98, 114, 0.1);
  align-content: center;
  text-align: left;
}

tbody.supervisor-assigned-estates-tbody {
  background-color: white;
  text-align: left;
}


/*# sourceMappingURL=main.d57a9dbc963413151749.css.map*/