/*************************************/
/* GLOBAL PORTAL CSS VARIABLES */
/*************************************/
/* For the theme colors and fonts */

:root {
    /*Teal*/
    --HPSP-button-main-color: #49417c;
    --HPSP-button-font-color: #fff;
    --HPSP-button-main-color-hover: #3d3d3d;
    --HPSP-button-font-color-hover: #3d3d3d;

    /* Teal */
    --HPSP-accordion-border-color: #E0E0E0;
    --HPSP-accordion-background-color: #FCFCFC;
    --HPSP-accordion-background-color-hover: #FFF;

    /* validation red */
    --HPSP-invalid-error-color: #D50032;
}

.au-header.au-header {
    border-top-color: #005ea0;
}

.au-header.au-header {
    padding: 24px 0;
    padding: 1.5rem 0;
    border-top: 12px solid #005ea0;
}

.au-header {
    padding: 48px 0;
    padding: 3rem 0;
}

.au-header {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
}

.au-header {
    font-size: 1rem;
    line-height: 1.5;
    padding: 24px 0;
    padding: 1.5rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #3d3d3d;
    background: #fff;
}

.au-header__heading {
    font-weight: 700;
    line-height: 2.0;
    font-size: 2rem;
}

/*.au-btn, a.au-btn {
    background-color: #006FB0 !important;
    border: 3px solid #006FB0 !important;
}
*/

.btn-transparent {
    color: #006fb0;
    background-color: transparent !important;
    border-color: #006fb0;

}

.btn-transparent:hover {
    color: #3d3d3d !important;
    background-color: #f1f1f1;
    border-color: #006fb0;
}

.btn-transparent:active {
    background-color: transparent !important;
    border-color: #006fb0;
}

.btn-transparent:focus {
    background-color: transparent !important;
    border-color: #006fb0;
}

.callout {
    border-left: 4px solid #1A8A96;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    background: #F1F1F1;
}

.callout>p {
    margin-bottom: 0px;
    padding: 12px;
}

.callout-container {
    display: flex;
    flex-direction: column;
    padding: 20px 26px 22px 29px;
    justify-content: center;
    align-items: center;
    Gap: 10px;
    display: flex;
    width: 690px;
    height: 100px;
    flex-direction: column;
    justify-content: center;
    color: #313131;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.304px;
}

.header1 {
    color: var(--colours-charcoal-1, #313131);
    /* H3 Semi bold 28 */
    font-family: Open Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
.h1 {
    font-size: 32px;
    font-weight: 600;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 0px;
    margin-bottom: 0px !important;
    margin-left: 0px;
}

h5 {
    line-height: 26px;
}

.entity-form>h2:first-of-type {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 48px !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

.section-title>h3 {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 36px !important;
}

.crmEntityFormView .tab .tab-column {
    padding-left: 0px !important;
}

.crmEntityFormView .section-title {
    margin-bottom: 20px !important;
}

.crmEntityFormView .cell .field-label {
    padding: 0 !important;
    margin: 0 !important;
}

.crmEntityFormView div.description {
    margin-top: 0px;
    margin-bottom: 20px;
}

.crmEntityFormView div.description.above {
    margin-bottom: 8px;
}

/* updates * from mandatory field to show text Mandatory */
.crmEntityFormView .cell div.info.required label:after {
    content: ' (mandatory)';
    color: red;
    font-weight: 400;
}

.crmEntityFormView .tab {
    margin-bottom: 0 !important;
}

input[type=radio]+label:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    width: 2.375rem;
    height: 2.375rem;
    position: absolute;
    z-index: 100;
    left: -23px;
    top: -5px;
    border: 3px solid transparent;
    background-repeat: no-repeat;
    display: none;
    border-radius: 50%
}

input[type=radio]:checked+label:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    width: 2.375rem;
    height: 2.375rem;
    position: absolute;
    z-index: 100;
    left: -23px;
    top: -5px;
    border: 3px solid transparent;
    background-repeat: no-repeat;
    display: none;
    border-radius: 50%
}

input[type=radio]:disabled+label,
input[type=radio]:checked:disabled+label {
    color: grey
}

#doh_name_label {
    margin-bottom: 8px !important;
}

/* interfering with c_btn */

/* .common-link-button {
    background: none;
    border: none;
    padding: 0;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-decoration: none;
    color: #006FB0;
    margin-bottom: 0.5em;
    margin-right: 1em !important;
}

.common-link-button:hover {
    font-weight: bolder;
} */

.back-button {
    font-weight: 700;
}

.au-text-input {
    max-width: 100% !important;

}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #c71c22 !important;
}

/**********************************************/
styles for the MultiForm Step Progress Bar */ *********************************************/ .multi-progress-bar {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: #F3F3F3 1px solid;
}

ol.progress.left {
    margin: 0;
    padding: 0;
}

.multi-progress-bar li {
    padding: 0;
    margin: 0;
    height: 4.5em;
}


.multi-progress-bar li.current {
    background-color: rgba(0, 118, 128, 0.1);
    color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.multi-progress-bar span {
    color: #darkgray;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.multi-progress-bar div.pg-tab {
    display: flex;
    align-items: center;
    gap: 1em;
    padding: 1em;
    height: 100%;
}

.multi-progress-bar div.current {
    border-left: #007680 5px solid;
}

div.pg-header {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
    margin: 0.25em 0.5em;
}

div.pg-tab>img {
    height: 1.2em;
    width: 1.2em;
}

.pg-tab:hover {
    background-color: rgba(0, 118, 128, 0.05);
}

.multi-progress-bar div.pg-tab-title {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.25em;
}

span.pg-header-title {
    font-size: 1.3em;
    font-weight: 700;
    color: #222;
}

span.pg-tab-heading {
    font-weight: 500;
}

span.pg-tab-status {
    font-size: 0.95em;
    font-color: gray;
}

.au-control-input {
    padding-left: 1.3rem;
    padding-right: 1rem;
    font-weight: normal;
}

.html-required::after {
    content: "(mandatory)";
    color: red;
    font-weight: 400;
}

/*table {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
tbody {
  display: flex;
  width: 800px;
  position: relative;
  align-items: stretch;
  border: 1px solid black;

}
tr {
  flex-basis: 33.33333333%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 5px 10px;
}
tr + tr {
  border-left: 1px solid black;
}
th, td {
  flex-basis: 100%;
  text-align: left;
  display: flex;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
th {
  font-weight: bold;
}
*/
/**********************************************/
/* styles for the contact card (quick view) */
/**********************************************/
.crm-card {
    background: #F0F3F5;
    padding: 1em;
    margin-top: 1em;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;

}

.crm-card-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: left;
    gap: 5em;
}

.crm-card-col {
    flex-grow: 1;
}

.col-section {
    margin-left: 1em;
}

.crm-card-col>h2 {
    font-weight: 500;
    font-size: 1.2em;
}

.crm-card-field {
    margin-top: 1em;
}

.crm-card-field>h3 {
    font-size: 0.9em;
    margin: 0;
}

.crm-card-field>label {
    color: #737373;
    font-size: 0.8em;
}

.crm-card-footer {
    margin-top: 1.5em;
    padding-top: 0.5em;
    color: #737373;
    font-size: 0.9em;
    border-top: #A0A0A0 solid 1px;
}

.numbersOnly::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*******************************************/
/* Document upload styles                  */
/*******************************************/

.form-label .document-upload-label {
    font-weight: normal !important;
}

.document-upload-label {
    font-weight: 400;
    font-size: 14px;
    ol {
        padding-left: 15px;
    }
}

.form-label .document-upload-required {
    color: red;
    font-weight: bold;
}

.add-folder {
    display: none;
}

/*******************************************/
/* Form action buttons styling            */
/*******************************************/

/* Primary button - Save/Submit (specific to InsertButton) */
input#InsertButton.submit-btn,
input[name*="InsertButton"].submit-btn {
    background: #49417c !important;
    background-color: #49417c !important;
    border: 2px solid #49417c !important;
    border-radius: 6px !important;
    color: #fff !important;
    padding: 9px 24px !important;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    min-width: 85px !important;
    font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    height: 48px !important;
    box-sizing: border-box !important;
}

input#InsertButton.submit-btn:hover:not(:disabled),
input[name*="InsertButton"].submit-btn:hover:not(:disabled) {
    background-color: #3a3463 !important;
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 30% !important;
    font-weight: 600 !important;
}

input#InsertButton.submit-btn:focus:not(:disabled),
input[name*="InsertButton"].submit-btn:focus:not(:disabled) {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

input#InsertButton.submit-btn:active:not(:disabled),
input[name*="InsertButton"].submit-btn:active:not(:disabled) {
    background: #6d6796 !important;
    background-color: #6d6796 !important;
    border-color: #6d6796 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

input#InsertButton.submit-btn:disabled,
input[name*="InsertButton"].submit-btn:disabled {
    background: #ededed !important;
    background-color: #ededed !important;
    border-color: #ededed !important;
    color: #68717a !important;
    cursor: not-allowed !important;
    font-weight: 600 !important;
}

/* Secondary button - Cancel */
button#btn-close {
    border: 2px solid #49417c !important;
    background: #fff !important;
    background-color: #fff !important;
    border-radius: 6px !important;
    color: #49417c !important;
    padding: 9px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    min-width: 85px !important;
    font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    height: 48px !important;
    box-sizing: border-box !important;
    margin-right: 24px !important;
}

button#btn-close:hover {
    background: #f9f9f9 !important;
    background-color: #f9f9f9 !important;
    color: #49417c !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 30% !important;
    font-weight: 600 !important;
}

button#btn-close:focus {
    background: #ededed !important;
    background-color: #ededed !important;
    color: #49417c !important;
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

button#btn-close:active {
    background: #ededed !important;
    background-color: #ededed !important;
    color: #49417c !important;
    text-decoration: none !important;
    border-color: #49417c !important;
    font-weight: 600 !important;
}

#doh_persontype_i {
    box-shadow: none !important;
    border-radius: 6px !important;
    border: 1px solid #313131 !important;
}

#doh_persontype_i:focus {
    border-color: #313131 !important;
    outline-offset: 4px !important;
    outline: 3px solid #d87513 !important;
}

/* select.form-control:focus:not(:read-only), select.form-control:active:not(:read-only), textarea:focus:not(:read-only), textarea:active:not(:read-only), input:not([type=submit]):not([type=button]):focus:not(:read-only), input:not([type=submit]):not([type=button]):active:not(:read-only) {
    box-shadow: none;
    border: none !important;
    outline: none !important;
} */

.modal .view-grid.table-responsive span[role=checkbox].fa.fa-fw {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #313131 !important;
    display: block !important;
}

.modal .view-grid.table-responsive span[role=checkbox].fa.fa-check {
    background-color: #49417c !important;
    position: relative;
}

.modal .view-grid.table-responsive span[role=checkbox].fa.fa-check::before {
    color: #fff !important;
    content: "\f00c";
    position: absolute;
    top: 0px;
    right: 0px;
}

.modal .view-grid.table-responsive span[role=checkbox].fa:hover {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;

}

.modal .view-grid.table-responsive span[role=checkbox].fa:focus {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
}

/* Hide Remove Value button in lookup modals */
.modal-footer>button.remove-value {
    display: none !important;
}

/* Hide instruction text in lookup modals */
span[aria-label="Choose one record and click Select to continue"] {
    display: none !important;
}

/* Rename Select button to Save */
/* This needs to be more specific. It is applying to every primary button in modals. Not just save. */
.modal-footer>button[aria-label="Select"].primary, .modal-footer>button[aria-label="Add files"].primary {
    font-size: 0;
    gap: 0px;
}

.modal-footer>button[title="Add files"].primary::after, .modal-footer>button[title="Select"].primary::after {
    content: "Save";
    font-size: 1rem;
}

/* Swap button positions - Cancel first, then Save */
.modal-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

/* Cancel button overrides */
.cancel.btn.btn-default {
    background: #fff !important;
    border-color: #49417c !important;
    color: #49417c !important;
}

.cancel.btn.btn-default:hover {
    background: #f9f9f9 !important;
    color: #49417c !important;
}

.cancel.btn.btn-default:focus {
    color: #49417c !important;
}

.cancel.btn.btn-default:active {
    background: #ededed !important;
    color: #49417c !important;
}

/* Select button overrides */
.primary.hpsp-btn,
.hpsp-btn {
    background: #49417c !important;
    border: 2px solid #49417c !important;
    border-radius: 6px;
    color: #fff !important;
    padding: 9px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    min-width: 85px;
}

.primary.hpsp-btn:hover:not(:disabled),
.hpsp-btn:hover:not(:disabled) {
    background-color: #3a3463;
    color: #fff;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
}

.primary.hpsp-btn:focus:not(:disabled),
.hpsp-btn:focus:not(:disabled) {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px;
    color: #fff;
}

.primary.hpsp-btn:active:not(:disabled),
.hpsp-btn:active:not(:disabled) {
    background: #6d6796 !important;
    border-color: #6d6796 !important;
}

.primary.hpsp-btn:disabled,
.hpsp-btn:disabled {
    background: #ededed !important;
    border-color: #ededed !important;
    color: #68717a !important;
    cursor: not-allowed;
}

.hpsp-btn.hpsp-btn-transparent:hover {
    background-color: transparent !important;
}

.hpsp-btn.hpsp-btn-transparent:active {
    background-color: #ededed !important;
    text-decoration: none !important;
}

.hpsp-btn.hpsp-btn-transparent:focus {
    text-decoration: none !important;
}

/* Add button styling - override Bootstrap input-group */
.input-group a.action.create-action.hpsp-btn,
a.action.create-action.hpsp-btn {
    background: #fff !important;
    border: 2px solid #49417c !important;
    border-radius: 6px !important;
    color: #49417c !important;
    padding: 9px 24px;
    padding-left: 24px;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    text-decoration: none !important;
    cursor: pointer;
    min-width: 85px;
}

.input-group a.action.create-action.hpsp-btn:hover,
a.action.create-action.hpsp-btn:hover {
    background: #fff !important;
    color: #49417c !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 30%;
    border-radius: 6px !important;
}

.input-group a.action.create-action.hpsp-btn:focus,
a.action.create-action.hpsp-btn:focus {
    background: #fff !important;
    color: #49417c !important;
    outline: 3px solid #d87513 !important;
    outline-offset: 3px;
    text-decoration: none !important;
    border-radius: 6px !important;
}

.input-group a.action.create-action.hpsp-btn:active,
a.action.create-action.hpsp-btn:active {
    background: #ededed !important;
    color: #49417c !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    border-color: #49417c !important;
}

/* Hide the font awesome plus icon */
a.action.create-action.hpsp-btn i.fa-plus {
    display: none;
}

/* Add SVG plus icon before the text */
a.action.create-action.hpsp-btn::before {
    content: '';
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M12 5V19M5 12H19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M12 5V19M5 12H19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: #49417c;
}

thead .fa-check::before {
    content: 'Select';
    font-weight: 600;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    text-transform: none;
    width: max-content;
    display: block;
}

.entity-lookup .view-grid {
    font-size: inherit;
}

td .info {
    padding-bottom: 0 !important;
}

.cell.text.form-control-cell {
    padding-bottom: 0 !important;
}


/*******************************************/
/* Multi-select (msos) styling            */
/*******************************************/

/* Main container styling */
.msos-container {
    border: 1px solid #313131 !important;
    border-radius: 4px !important;
    min-width: 250px !important;
    background: #fff !important;
    position: relative !important;
}

.customControl .msos-container {
    min-height: 48px !important;
}

.msos-container:focus-within {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
}

/* Input field styling */
.msos-input {
    color: #313131 !important;
    border: none !important;
    padding: 8px 12px !important;
    min-height: 48px !important;
    font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.msos-input:focus {
    outline: none !important;
    border: none !important;
}

/* Filter container */
.msos-filter-container {
    border: none !important;
}

/* Caret container */
.msos-caret-container {
    background: transparent !important;
    border: none !important;
}

/* Caret/dropdown button styling */
.msos-caret-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M2.94934 6.33445C2.5034 5.88852 1.78039 5.88852 1.33445 6.33445C0.888515 6.78039 0.888515 7.5034 1.33445 7.94934L11.1926 17.8074C11.6385 18.2534 12.3615 18.2534 12.8074 17.8074L22.6655 7.94934C23.1115 7.5034 23.1115 6.78039 22.6655 6.33445C22.2196 5.88852 21.4966 5.88852 21.0507 6.33445L12 15.3851L2.94934 6.33445Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
    border: none !important;
    background-color: transparent !important;
    width: 40px !important;
    height: 100% !important;
    min-height: 48px !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.msos-caret-button:hover {
    background-color: #f9f9f9 !important;
}

.msos-caret-button:focus {
    outline: 3px solid #d87513 !important;
    outline-offset: -3px !important;
}

.msos-caret-button .msos-glyph {
    display: none !important;
}

/* Dropdown selection container - positioned absolutely */
.msos-selection-container {
    color: #313131 !important;
    background: #FFFFFF !important;
    border: 1px solid #313131 !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}

/* Selected items in the dropdown list - NO background color */
.msos-option-selected {
    background: transparent !important;
    color: #313131 !important;
}

/* Selected items display chips */
.msos-selected-display-item {
    background: transparent !important;
    color: #313131 !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

.msos-quick-delete,
.msos-quick-delete:hover {
    background: transparent !important;
    color: #313131 !important;
}

/* Option labels */
.msos-label {
    color: #313131 !important;
    padding: 8px 12px !important;
    cursor: pointer !important;
    display: block !important;
    width: 100% !important;
}

.msos-label-text::after {
    background-image: none !important;
}

/* Focused option */
.msos-option-focused {
    background: #f9f9f9 !important;
}

.msos-option-focused:after {
    border-color: #d87513 !important;
}

/* Hover states */
.msos-option:hover {
    background: #f9f9f9 !important;
}

.msos-option-selected:hover {
    background: #f9f9f9 !important;
}

/* Select all checkbox */
.msos-selectall .msos-checkbox:checked {
    background-color: #49417c !important;
    border-color: #49417c !important;
}

/* Action buttons (Select all) */
.msos-action-buttons {
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 8px 0 !important;
}

/* Selected items container focus */
.msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after {
    border-color: #d87513 !important;
}

/* Toggle button */
.msos-selecteditems-toggle {
    color: #49417c !important;
}

.msos-selecteditems-toggle:focus {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
}

/* Viewmode (collapsed state) */
.msos-viewmode-container {
    border: none !important;
}

.msos-viewmode-text {
    color: #313131 !important;
    padding: 8px 12px !important;
}

/* Checkbox styling */
.msos-checkbox {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #313131 !important;
    border-radius: 2px !important;
}

.msos-checkbox:checked {
    background-color: #49417c !important;
    border-color: #49417c !important;
}

/* Ensure options list has proper width */
.msos-selected-items {
    width: 100% !important;
}

.doh_applydeclaration_label, .doh_applydeclaration-mandatory-inline {
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 26px;
}