.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-main-nav {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    border-bottom: 8px solid #49417c;
    border-bottom: .5rem solid #49417c;
    background-color: #fff;
    font-weight: bold;
    color: #3d3d3d;
}

.au-main-nav a {
    display: block;
    color: #3d3d3d;
}

.au-main-nav .active a {
    font-weight: bold;
}

body {
    padding: 0;
    margin: 0;
    display: block;
    background-color: #fff
}

body:before {
    position: absolute;
    left: -500000px
}

.au-body h1.modal-title {
    font-size: 1.3rem;
}

main>form {
    margin-top: 0
}

.fa-arrow-down,
.fa-arrow-up,
.fa-list,
.fa-plus-circle {
    top: 0
}

.au-body p {
    max-width: 100%
}

.au-body a {
    color: #005ea0;
}

.au-body ::selection {
    color: #fff;
    background-color: rgba(0, 111, 176, .99) !important;
}

.grid-actions a.btn.action {
    color: #fff;
    &.add-file {
        color: #49417c !important;
    }
}

.page-header {
    border-bottom: 0;
    padding-bottom: 0;
    margin: 1.1rem 0 1.1rem
}

main>form>.au-body {
    padding: 16px 0;
    padding: 1rem 0
}

main>.au-body {
    padding: 16px 0;
    padding: 1rem 0
}

.au-grid .container-fluid {
    max-width: 1280px;
    max-width: 80rem
}

@media (min-width: 768px) {
    .au-grid .container-fluid {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }
}

.au-footer .au-link-list--inline li {
    padding-right: 16px;
    padding-right: 1rem
}

.btn-cta-group {
    margin-top: 16px;
    margin-top: 1rem
}

.btn-cta-group .au-btn {
    margin-top: 16px;
    margin-top: 1rem
}

.highlighted-section .col-sm-4+.col-sm-4 {
    margin-top: 64px;
    margin-top: 4rem
}

@media (min-width: 768px) {
    .highlighted-section .col-sm-4+.col-sm-4 {
        margin-top: 0
    }
}

.au-side-nav {
    margin-bottom: 32px;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .au-side-nav {
        margin-bottom: 0
    }
}

form {
    margin-top: 0;
}

form label+input,
form label+textarea {
    margin-top: 8px;
    margin-top: .5rem
}

.form-item+.form-item {
    margin-top: 40px;
    margin-top: 2.5rem
}

.form-required {
    color: #636363
}

.label--block {
    display: block
}

.empty-required.au-text-input:invalid,
.empty-required.au-text-input.au-text-input--dark:invalid {
    background: transparent;
    border-color: gray
}

.empty-required.au-control-input__input:invalid+.au-control-input__text {
    background: transparent
}

.empty-required.au-control-input__input:invalid+.au-control-input__text:after {
    border-color: transparent
}

label {
    margin-bottom: 0.5rem
}

/* If noTextMuted class is applied hide the textmuted element */
.noTextMuted+.text-muted {
    display: none;
}

.focus.btn-default,
.btn-default:focus {
    color: #fff;
    outline: 3px solid #d87513;
    outline-offset: 2px
}

.input-group-btn:last-child>.btn:focus,
.input-group-btn:last-child>.btn-group:focus {
    z-index: 3
}

.input-group-btn {
    border: none;
}

.input-group-btn button:hover {
    background-color: #002a35 !important;
    border-color: #003d4c !important;
}

.input-group-btn button:focus {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

.input-group-btn button:focus-visible {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

.input-group-btn button:active {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
    background: #6d6796 !important;
    border-color: #6d6796 !important;
}

span[aria-label="Choose one record and click Select to continue"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    padding: 12px 0;
    display: block;
}

.nav>li>a:focus {
    outline: 3px solid #9263de;
    outline-offset: 2px
}

.crmEntityFormView .cell.crmquickform-cell:first-child {
    margin: 0 12px;
}

.crmEntityFormView .cell {
    padding: 0 0 20px;
}

.hprg-core .crmEntityFormView .cell.form-control-cell:not(:first-child) {
    @media only screen and (max-width: 767px) {
        padding-left: 0px !important;
    }
}

[data-name="Informed Consent - Create"] .cell {
    padding: 0 !important;
}

input.form-control.query,
.query {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 16px;
    padding: .5rem 1rem;
    height: 46px;
    height: 2.875rem;
    border: 3px solid gray;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #313131;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.query::-webkit-input-placeholder {
    color: #aaa
}

.query:-ms-input-placeholder {
    color: #aaa
}

.query::-ms-input-placeholder {
    color: #aaa
}

.query::placeholder {
    color: #aaa
}

.form-custom-actions {
    margin-top: 20px
}

.view-search button {
    padding: 9px 12px;
    border: none
}

div:has(>.content-container.l_main-layout__body) {
    display: contents;
}

/* Commented this out because it breaks the form page layout */
/* div:has(>.l_sidebar-layout__wrapper) {
    display: contents;
} */

.l_sidebar-layout {
    .xrm-editable-html.xrm-attribute {
        @media only screen and (min-width: 1440px) {
            max-width: fit-content;
            width: fit-content;
        }
    }
}

.l_sidebar-layout.l_fill-height {
    .xrm-editable-html.xrm-attribute {
        height: initial !important;
    }
}

/*input[type=radio]+label:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:'';
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23313131' cx='16' cy='16' r='16'/%3E%3Ccircle fill='%23fff' cx='16' cy='16' r='14'/%3E%3C/svg%3E");
    width:2.375rem;
    height:2.375rem;
    position:absolute;
    z-index:100;
    left:-23px;
    top:-5px;
    border:3px solid transparent;
    background-repeat:no-repeat;
    display:block;
    border-radius:50%
}
input[type=radio]:focus+label:before{
    -webkit-box-shadow:0 0 0 4px #9263de;
    box-shadow:0 0 0 4px #9263de;
    -webkit-box-shadow:0 0 0 0.25rem #9263de;
    box-shadow:0 0 0 0.25rem #9263de
}
input[type=radio]:checked+label:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:'';
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23313131' cx='16' cy='16' r='11'/%3E%3C/svg%3E");
    width:2.375rem;
    height:2.375rem;
    position:absolute;
    z-index:100;
    left:-23px;
    top:-5px;
    border:3px solid transparent;
    background-repeat:no-repeat;
    display:block;
    border-radius:50%
}
input[type=radio]:disabled+label:before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23808080' cx='16' cy='16' r='16'/%3E%3Ccircle fill='%23f0f3f5' cx='16' cy='16' r='14'/%3E%3C/svg%3E")
}
input[type=radio]:checked:disabled+label:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23808080' cx='16' cy='16' r='11'/%3E%3C/svg%3E")
}
input[type=radio]:disabled+label,input[type=radio]:checked:disabled+label{
    color:grey
}
*/
.au-control-input {
    padding-left: 1.3rem;
    padding-right: 1rem
}

.crmEntityFormView .cell.boolean-radio-cell label {
    display: inline-block
}

.crmEntityFormView .cell .picklist input[type=radio] {
    margin-bottom: 1.5rem
}

.crmEntityFormView .cell label {
    padding-bottom: 0.1rem
}

/* Fixes tooltips on gridviews so left most tooltip doesnt cut off. */
.entity-grid .view-grid {
    overflow-x: inherit;
}

/* Overrides the above class for tables */
.table-responsive {
    overflow-x: auto !important;
}

.entity-grid .view-grid.table-responsive {
    overflow-x: visible !important;
}

#sbgOtherNames, #sbgAddresses {
    .entity-grid .view-grid.table-responsive {
        overflow-x: auto !important;
    }
}
    

.crmEntityFormView td.checkbox-cell {
    padding: 5px 0px 5px 0px !important;
}

.checkbox-cell>div>label:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23313131' d='M0,0h32v32H0V0z'/%3E%3Cpath fill='%23fff' d='M2,2h28v28H2V2z'/%3E%3C/svg%3E");
    width: 2.375rem;
    height: 2.375rem;
    z-index: 100;
    display: none !important;
    left: 3px;
    top: 2px;
    position: absolute;
    cursor: pointer;
    pointer-events: none
}

.checkbox>label:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23313131' d='M0,0h32v32H0V0z'/%3E%3Cpath fill='%23fff' d='M2,2h28v28H2V2z'/%3E%3C/svg%3E");
    width: 2.375rem;
    height: 2.375rem;
    z-index: 100;
    display: block;
    left: 3px;
    top: 2px;
    position: absolute;
    cursor: pointer;
    pointer-events: none
}


.crmEntityFormView .checkbox-cell {
    label.field-label, #doh_authorisedpersonofthelicence_label {
        font-weight: 400 !important;
    }
    label.field-label#doh_primaryofficial_label, label.field-label#doh_isprimarydirector_label {
        font-weight: 600 !important;
    }
    .control {
        padding-right: 10px !important;
    }

    .description {
        .description {
            p {
                font-size: 14px;
                color: #68717a;
            }
        }
    }
}

input[type=checkbox]:focus {
    outline: 3px solid #9263de;
    outline-offset: 2px;
    left: 0px;
}

.radio label,
.checkbox label {
    min-height: 24px;
    padding-left: 20px;
    margin-bottom: 1.5rem;
    cursor: pointer;
    font-weight: normal;
    padding-top: 8px
}

.checkbox-checked:after {
    content: '';
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23313131' d='M25.6,11.4c0.2-0.2,0.2-0.5,0-0.7l-2.3-2.3c-0.2-0.2-0.5-0.2-0.7,0L14,17l-3.6-3.6c-0.2-0.2-0.5-0.2-0.7,0l-2.3,2.3 c-0.2,0.2-0.2,0.5,0,0.7l6.3,6.3c0.2,0.2,0.5,0.2,0.7,0L25.6,11.4L25.6,11.4z'/%3E%3C/svg%3E"); */
    height: 2.75rem;
    width: 2.75rem;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    pointer-events: none
}

.crmEntityFormView .cell.checkbox-cell div.info {
    padding-top: 0.5rem;
    padding-left: 3.5rem;
    position: relative
}

html[dir=ltr] .crmEntityFormView .entity-form .cell.checkbox-cell div.info {
    padding-top: 0.5rem;
    padding-left: 3.5rem;
    position: relative
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 0px;
}

.checkbox span {
    padding-left: 1.2rem;
    position: relative
}

.checkbox-disabled>div>label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23808080' d='M0,0h32v32H0V0z'/%3E%3Cpath fill='%23f0f3f5' d='M2,2h28v28H2V2z'/%3E%3C/svg%3E")
}

.checkbox-checked-disabled:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23808080' d='M25.6,11.4c0.2-0.2,0.2-0.5,0-0.7l-2.3-2.3c-0.2-0.2-0.5-0.2-0.7,0L14,17l-3.6-3.6c-0.2-0.2-0.5-0.2-0.7,0l-2.3,2.3 c-0.2,0.2-0.2,0.5,0,0.7l6.3,6.3c0.2,0.2,0.5,0.2,0.7,0L25.6,11.4L25.6,11.4z'/%3E%3C/svg%3E")
}

input[type=checkbox] {
    height: 2.375rem;
    width: 2.5rem;
    left: 0rem;
    top: 10px;
    margin-top: 0;
    width: 0 !important;
    height: 0 !important;
}

.checkbox input[type="checkbox"] {
    margin-left: -1px
}

.form-horizontal .checkbox {
    min-height: 38px;
    padding-top: 0
}

.datetimepicker {
    border: 1px solid #313131;
    border-radius: 4px;
    .btn {
        border: 0px;
        height: 47px;
        padding: 0px;
        display: flex;
        border-radius: 4px;
        margin-left: 0px !important;
    }
}

.datetimepicker>input[type=text] {
    height: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 0px;
    border: 0;
}

.datetimepicker>input[type=text][readonly=readonly] {
    background-color: #f0f3f5
}

input[type=text] {
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin-bottom: 8px;
}

input[type=text].lookup {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group-addon {
    border: 3px solid gray
}

.c_select {
    width: 100% !important;
    min-height: 46px;
}

select#doh_state {
    width: 100% !important;
}

.c_select:focus {
    width: 100% !important;
    box-shadow: none;
}

/*.input-group-btn{
    border-right:2px solid gray;
    border-top:2px solid gray;
    border-bottom:2px solid gray;
    border-bottom-right-radius:6px;
    border-top-right-radius:6px
}*/
.btn-primary {
    color: #fff;
    background-color: #49417c;
}

.btn-transparent {
    color: #49417c;
    background-color: transparent;
    border-color: #49417c;

}

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

.btn-transparent:active {
    background-color: transparent !important;
    border-color: #49417c;
}

.btn-transparent:focus {
    background-color: transparent !important;
    border-color: #49417c;
}

.clearlookupfield {
    height: 46px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 2px solid gray
}

.table {
    margin-bottom: 0px !important;
}

table {
    .alert {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }

    .view-empty.message {
        .alert {
            margin-top: 0px !important;
        }
    }
}

.table>thead>tr>th {
    border-bottom: 3px solid gray;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.table>thead>tr>td {
    line-height: 26px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-bottom: 1px solid gray
}

table.dataTable thead>tr>th {
    color: #49417c !important;
    text-decoration: underline;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
    background-color: #49417c !important;
}

::-webkit-file-upload-button {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 8px 24px;
    padding: .5rem 1.5rem;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    background-color: #007B89;
    border: 3px solid #007B89;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: background 0.1s ease, border 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, border 0.1s ease, color 0.1s ease
}

::-webkit-file-upload-button:hover {
    background-color: #313131;
    border-color: #313131;
    text-decoration: underline;
    color: #fff
}

.tooltip .tooltip-inner {
    color: #222;
    background-color: #e4e4e4;
    border: .063em solid #aaa;
}

.tooltip .tooltip-inner a {
    color: #222;
}

.tooltip.in {
    opacity: .98;
}

.helptip {
    width: 1.3rem;
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.helptip img {
    margin-bottom: 4px;
}

h3.popover-title {
    margin: 0;
    font-size: 1rem;
}

.ui-progressbar .ui-progressbar-value {
    background-color: #4CAF50;
    margin: 0;
    text-align: center;
    padding: 0.2rem;
}

.progressindicator {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

ol.progress.left {
    margin: 0
}

.progressindicator li {
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f1f1f1;
    width: 284px;
    height: 95px;
    line-height: 95px;
    margin: 0 10px 10px 10px;
    background-size: 305px 95px;
}

.progressindicator li:first-child {
    margin-top: 10px
}

.progressindicator li:last-child {
    margin-bottom: 10px
}

.progressindicator span {
    padding: 0 5px 0 165px;
    color: #333;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: inherit
}

.progressindicator div.arrow {
    padding: 0;
    margin: 0 0 10px 126px;
    background-image: url("/progress-arrow.gif");
    background-repeat: no-repeat;
    width: 53px;
    height: 15px
}

nav.au-breadcrumbs li a {
    color: #006E7C
}

.ui-autocomplete {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 41.5rem;
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete>li.ui-state-focus {
    background-color: #1E90FF;
    color: #fff;
    padding: .4rem 2.25rem .3rem .75rem;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: .4rem 2.25rem .3rem .75rem;
    line-height: 1.2em;
    font-size: 1rem;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ui-autocomplete-category {
    padding: .4rem 2.25rem 0 .3rem;
}

.ui-helper-hidden-accessible {
    display: none
}

label[for='datagrid_submissionContacts']::after,
label[for='MPUU']::after,
label[for='Packdetails']::after,
label[for='Indications_Restrictions']::after,
fieldset[aria-label='Meeting attendees']>legend.section-title::after {
    content: ' *';
    color: #a94442
}

div.entity-grid.entitylist.grid-hide-first-column table th:nth-child(1),
div.entity-grid.entitylist.grid-hide-first-column table td:nth-child(1) {
    display: none
}

.pointer-hand {
    cursor: pointer
}

.table-row-selected {
    background-color: #ebebeb
}

.button-space-right {
    margin-right: 5px
}

.button-space-left {
    margin-left: 5px
}

/* Accordion */
.accordion-success {
    float: left;
    width: 100%;
    background-color: #478302;
    color: #fff;
    cursor: pointer;
    border: 1px solid #478302;
    text-align: left;
    outline: none;
    font-weight: bold;
    margin-bottom: -2px;
    line-height: 1.4em;
    text-decoration: none;
}

.accordion-success:hover {
    background-color: #346000;
    border: 1px solid #333333;
    color: #fff;
    text-decoration: none;
}

.accordion-success:after {
    color: #fff;
    font-weight: bold;
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
}

.accordion-container:has(.collapse) {
    .accordion-panel {
        background-color: #ffffff !important;
    }
}

.accordion-container:has(.show) {
    .accordion-panel {
        background-color: #edecf2 !important;

        h3 {
            color: #49417c
        }
    }
}

.accordion-panel {
    background-color: #edecf2 !important;

    h3 {
        color: #49417c
    }
}

.panel-success {
    background-color: #E3ECD9;
    border: solid 1px #478302;
    padding: 5px 5px 0px 5px !important;
    overflow: hidden;
}

.panel-success .cell {
    padding: 5px 5px 0px 5px !important;
    background-color: #E3ECD9;
}

.entity-associate .selected-records .item:hover {
    background-color: #0d2343 !important;
}

.accordion-alert {
    float: left;
    width: 100%;
    background-color: #BF8605;
    color: #fff;
    cursor: pointer;
    border: 1px solid #A07000;
    text-align: left;
    outline: none;
    font-weight: bold;
    margin-bottom: -2px;
    line-height: 1.4em;
    text-decoration: none;
}

.accordion-alert:hover {
    background-color: #A07000;
    border: 1px solid #333333;
    color: #fff;
    text-decoration: none;
}

.accordion-alert:after {
    color: #fff;
    font-weight: bold;
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
}

.panel-alert {
    background-color: #F5ECD8;
    border: solid 1px #BF8605;
    padding: 5px 5px 0px 5px !important;
    overflow: hidden;
}

.panel-alert .cell {
    padding: 5px 5px 0px 5px !important;
    background-color: #F5ECD8;
}

.accordion-normal {
    float: left;
    width: 100%;
    background-color: #003254;
    color: #fff;
    cursor: pointer;
    border: 1px solid #333333;
    text-align: left;
    outline: none;
    font-weight: bold;
    margin-bottom: -2px;
    line-height: 1.4em;
    text-decoration: none;
}

.accordion-normal:hover {
    background-color: #002354;
    border: 1px solid #333333;
    color: #fff;
    text-decoration: none;
}

.accordion-normal:after {
    color: #fff;
    font-weight: bold;
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
}

.panel-normal {
    background-color: #FFE6E6;
    border: solid 1px #FF0505;
    padding: 5px 5px 0px 5px !important;
    overflow: hidden;
}

.panel-normal .cell {
    padding: 5px 5px 0px 5px !important;
    background-color: #E3ECD9;
}

.btn.accordion-alert:focus {
    color: #fff;
    text-decoration: none;
}

.btn.accordion-success:focus {
    color: #fff;
    text-decoration: none;
}

.btn.accordion-alert:hover {
    color: #fff;
    text-decoration: none;
}

.btn.accordion-success:hover {
    color: #fff;
    text-decoration: none;
}

.accordion-plus:after {
    content: '\002B';
}

.accordion-minus:after {
    content: "\2212";
}

.au-accordion__title,
.au-body .au-accordion__title {
    color: rgba(0, 111, 176, .99) !important;
}

.au-accordion__title:focus,
.au-body .au-accordion__title:focus {
    outline: 3px solid #9263de !important;
    outline-offset: 2px;
}

/* Accordion */

/* Navigation tree styling */
/* Remove default bullets */
#ulTreeHead {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.navigationTreeGroupStyle {
    cursor: pointer;
    user-select: none;
    /* Prevent text selection */
    color: #007b89;
    font-weight: bold;
    padding-left: 20px;
}

/* Create the caret/arrow with a unicode, and style it */
.navigationTreeGroupStyle::before {
    content: "\002B";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.navigationTreeGroupStyle-down::before {
    content: "\2212";
}

/* Hide the nested list */
.navigationTreeNestedStyle {
    display: none;
}

.view-pagination a {
    width: fit-content !important;
}


/* Style for list item */
.navigationTreeItemStyle {
    list-style: none;
    background-color: #f5f5f5;
    border-style: solid;
    margin-left: 20px;
    border: aliceblue;
}

/* Style for list item that is current*/
.navigationTreeItemCurrentStyle {
    background-color: lightsteelblue;
}

/* Style for list item anchor */
.navigationTreeItemAnchorStyle {
    padding-left: 30px;
    list-style: none;
}

/* Style for list item anchor that is current */
.navigationTreeItemAnchorCurrentStyle {
    font-weight: bold;
}

/* Style for list item anchor that is completed */
.navigationTreeItemAnchorCompletedStyle {
    padding-left: 10px;
}

/* Style for completed image*/
.navigationTreeCompletedImageStyle {
    margin-bottom: 3px !important;
    width: 20px;
    padding-left: 4px;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.navigationTreeActive {
    display: block;
    padding-left: 20px;
}

/* Navigation tree styling */


/* HPP Cards */
.hpp-card-list {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}

.hpp-card {
    margin: 0.7rem;
    width: 17.6rem;
    height: 16rem;
    cursor: pointer;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    background: #fff;
    color: #313131;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    border-top: 6px solid #0077c8;
    padding: 2rem;
    position: relative;
}

.hpp-card:hover {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    background-color: #f1f1f2;
}

.hpp-card.blue {
    border-top: 6px solid #0077c8;
}

.hpp-card.maroon {
    border-top: 6px solid #910048;
}

.hpp-card.yellow {
    border-top: 6px solid #b5bd00;
}

.hpp-card.teal {
    border-top: 6px solid #007680;
}

.hpp-card-text {
    margin-top: 1rem;
}

.hpp-card.image {
    margin: 1.1rem;
    cursor: pointer;
    width: 23rem;
    height: 20rem;
    padding: 0;
    border-top: 0;
    border-radius: 4px;
}

.hpp-card.image .hpp-card-title {
    padding: 0 2rem;
}

.hpp-card.image .hpp-card-text {
    padding: 0 2rem;
}

.hpp-card.image img {
    height: 55%;
    width: auto;
    border-radius: 4px;
}

.hpp-card a {
    position: absolute;
    left: 0;
    top: -5px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.hpp-card:after {
    content: ' ';
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23313131' d='M128 64l-64 64-16-16 64-64'/%3E%3Cpath fill='%23313131' d='M128 64l-16 16-64-64L64 0'/%3E%3C/svg%3E");
    transition: margin .2s ease;
    transition-property: right;
    display: block;
    margin: 0 0.25rem 0 0.2rem;
    right: 2rem;
    bottom: 2rem;
    position: absolute;
}

.au-main-nav {
    border-bottom: 8px solid #49417c;
    border-bottom: .5rem solid #49417c;
}

.au-main-nav .active a {
    font-weight: bold !important;
}

.au-main-nav .au-main-nav__toggle,
.au-main-nav a {
    color: #313131;
    text-decoration: none;
    font-weight: bold;
}

.au-body .au-btn,
.au-body a.au-btn {
    color: #fff;
    text-decoration: none;
}

.au-btn,
a.au-btn {
    background-color: #49417c;
    border: 3px solid #49417c;
}

.btn-default {
    color: #fff;
    background-color: #3d3d3d;
    border-color: #ccc;
}

.btn-primary:active,
.au-btn:focus {
    color: #fff !important;
    background-color: #313131 !important;
    border: 3px solid #9263de;
}

.au-footer.au-body.au-body--dark.au-footer--dark {
    color: #fff;
    border-color: gray;
    background: linear-gradient(to right, #313131, #58585b);
}

.au-footer .au-footer__end {
    border-top-color: #87888a;
}

.au-footer--dark .au-footer__end {
    border-top: 1px solid gray;
}

.au-body .au-btn.au-btn--secondary,
.au-body a.au-btn.au-btn--secondary {
    color: #49417c;
}

.au-btn.au-btn--secondary,
a.au-btn.au-btn--secondary {
    color: #49417c;
    background-color: transparent !important;
    border-color: #49417c;
}

.au-btn.au-btn--secondary.au-btn--dark,
a.au-btn.au-btn--secondary.au-btn--dark {
    border-color: #fff;
    color: #fff;
}

span[role=checkbox]:hover {
    outline: 3px solid #d87513 !important;
    outline-offset: 3px;
}

.label-primary {
    background-color: #49417c;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #49417c;
    border-color: #9263de;
}

.submitted-application-container, .draft-application-container {
    .xrm-editable-html.xrm-attribute {
        width: 100% !important;
        max-width: 100% !important
    }
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Segoe UI Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*/
.au-page-alerts {
    margin-top: -5px;
    margin-bottom: 10px;
}

.alert-heading {
    color: #232222 !important;
    font-size: 20px;
    font-weight: bold;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.au-page-alerts--error {
    border-color: #d60000 !important;
}

/*border outline  start*/
a.au-header__brand:focus {
    outline: 3px solid #9263de;
    outline-offset: 2px
}

.au-main-nav .au-main-nav__toggle:focus,
.au-main-nav a:focus {
    outline: 3px solid #9263de;
    outline-offset: 2px
}

nav.au-breadcrumbs li a {
    color: #49417c !important;
}

.au-body a:focus {
    outline: 3px solid #9263de;
    outline-offset: 2px
}

.form-control:focus {
    /* outline: 3px solid #9263de !important;
      outline-offset: 2px; */
    outline: 3px solid #d87513 !important;
    outline-offset: 3px !important;
}

/* input[type=checkbox]:focus {
      outline: 3px solid #9263de !important;
      outline-offset: 2px;
} */
/*input[type=radio]:focus+label:before {
    -webkit-box-shadow: 0 0 0 4px #9263de !important;
    box-shadow: 0 0 0 4px #9263de !important;
    -webkit-box-shadow: 0 0 0 0.25rem #9263de !important;
    box-shadow: 0 0 0 0.25rem #9263de !important
}
*/
.btn:focus {
    outline: 3px solid #d87503 !important;
    outline-offset: 3px;
}

a:focus {
    outline: 3px solid #d87503 !important;
    outline-offset: 3px;
}

/*border outline  end*/
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #49417c;
}

.page-item .page-link.entity-pager-prev-link {
    font-size: 0;
}

.page-item .page-link.entity-pager-prev-link::after {
    -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='M17.7603 1.31492C17.3404 0.895028 16.6596 0.895028 16.2397 1.31492L6.31492 11.2397C5.89503 11.6596 5.89503 12.3404 6.31492 12.7603L16.2397 22.6851C16.6596 23.105 17.3404 23.105 17.7603 22.6851C18.1802 22.2652 18.1802 21.5844 17.7603 21.1645L8.59573 12L17.7603 2.83546C18.1802 2.41557 18.1802 1.7348 17.7603 1.31492Z'/%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='M17.7603 1.31492C17.3404 0.895028 16.6596 0.895028 16.2397 1.31492L6.31492 11.2397C5.89503 11.6596 5.89503 12.3404 6.31492 12.7603L16.2397 22.6851C16.6596 23.105 17.3404 23.105 17.7603 22.6851C18.1802 22.2652 18.1802 21.5844 17.7603 21.1645L8.59573 12L17.7603 2.83546C18.1802 2.41557 18.1802 1.7348 17.7603 1.31492Z'/%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: #68717a;
    content: "";
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    position: relative;
    top: 5px;
}

/* Next page arrow */
.page-item .page-link.entity-pager-next-link {
    font-size: 0;
}

.page-item .page-link.entity-pager-next-link::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M15.074 0.698987C14.142 -0.232996 12.631 -0.232996 11.699 0.698987C10.767 1.63097 10.767 3.14201 11.699 4.074L31.625 24L11.699 43.926C10.767 44.858 10.767 46.369 11.699 47.301C12.631 48.233 14.142 48.233 15.074 47.301L36.6875 25.6875C37.6195 24.7555 37.6195 23.2445 36.6875 22.3125L15.074 0.698987Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M15.074 0.698987C14.142 -0.232996 12.631 -0.232996 11.699 0.698987C10.767 1.63097 10.767 3.14201 11.699 4.074L31.625 24L11.699 43.926C10.767 44.858 10.767 46.369 11.699 47.301C12.631 48.233 14.142 48.233 15.074 47.301L36.6875 25.6875C37.6195 24.7555 37.6195 23.2445 36.6875 22.3125L15.074 0.698987Z'/%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: #68717a;
    content: "";
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    position: relative;
    top: 5px;
}

.pagination {
    display: flex;
    gap: 16px;
    margin-top: 32px !important;
    margin-bottom: 24px !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #49417c !important;
    box-shadow: none !important;
}

.hprg-core .pagination li:not(.active)>a.page-link {
    color: #313131;
}

.hprg-core .pagination li>a.page-link:hover:not(.inactiveLink) {
    background: #49417c !important;
    color: #fff;
    box-shadow: none !important;
}

.hprg-core .pagination li:not(.active)>a.page-link:hover {
    background: transparent !important;
    color: #313131;
    box-shadow: none !important;
}

.hprg-core .pagination li:not(.active)>a.page-link:focus {
    box-shadow: none !important;
}

.hprg-core .pagination .page-item:first-child .page-link.entity-pager-prev-link:focus {
    border-radius: 4px !important;
}

/*file upload start */
input[type=file]::-ms-browse {
    background-color: #49417c;
    border-color: #49417c;
}

input[type=file]::-webkit-file-upload-button {
    background-color: #49417c;
    border-color: #49417c;
}

input[type=file]::file-selector-button:hover {
    background-color: #49417c;
    border-color: #9263de;
}

input[type=file]::-ms-browse:hover {
    background-color: #3d3d3d;
    border-color: #9263de;
}

input[type=file]::-webkit-file-upload-button:hover {
    background-color: #3d3d3d;
    border-color: #9263de;
}

input[type=file]::file-selector-button:hover {
    background-color: #3d3d3d;
    border-color: #9263de;
}

input[type=file]::-ms-browse:focus {
    background-color: #3d3d3d;
    border-color: #9263de;
}

input[type=file]::-webkit-file-upload-button:focus {
    background-color: #3d3d3d;
    border-color: #9263de;
}

input[type=file]::file-selector-button:focus {
    background-color: #3d3d3d;
    border-color: #9263de;
}

/*file upload end */
.health-back-to-top.isVisible {
    opacity: .8;
    z-index: 9999;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.health-back-to-top .au-btn.au-btn--secondary {
    line-height: 1.2;
    font-size: .85rem;
    width: 64px;
    width: 4rem;
    padding: 4px 12px 8px 12px;
    padding: .25rem .75rem .5rem .75rem;
    background: #f1f1f2;
    border: none;
    color: #313131;
}

.health-back-to-top {
    background-color: transparent;
    position: fixed;
    display: block;
    right: 16px;
    right: 1rem;
    bottom: -4px;
    opacity: 0;
    z-index: -1;
    padding: 0;
    border: 0;
}

a.au-header__brand {
    width: 100%;
}

.au-header__brand .au-header__brand-image {
    max-width: 50%;
}

.au-header__brand .au-header__brand-image+.au-header__text {
    margin-top: 15px;
}

.visuallyhidden {
    border: 0;
    clip: rect(0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    font-size: 12px;
    font-size: 1.2rem;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Portal Tabs */
.navigation {
    border-bottom: 1px solid #f5f5f5;
    border-bottom: .1rem solid #f5f5f5;
    padding: 2px 0;
    padding: .2rem 0;
}

.navigation .au-link-list {
    display: block;
    padding: 0;
}

.au-link-list.au-link-list--inline>li {
    display: inline-block;
    margin-bottom: 15px !important;
}

.navigation .au-link-list>li.active>a {
    padding: 12px 16px;
    padding: .75rem 1rem;
    color: #000;
    border-bottom: 8px solid #49417c;
    border-bottom: .5rem solid #49417c;
    font-weight: 700;
}

.navigation .au-link-list--inline>li>a {
    padding: 12px 16px;
    padding: .75rem 1rem;
    color: #49417c;
    cursor: pointer;
}

.au-link-list {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    padding: .25rem 0;
}

/********** Toggel 1 ***************/
.switch input {
    display: none;
}

.switch {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 8px;
    transform: translateY(50%);
    position: relative;
}

/* Style Wired */
.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #777;
    border-radius: 30px;
    transform: translateX(-30px);
    transition: .4s;
}

input:checked+.slider:before {
    transform: translateX(30px);
    background: #49417c;
}

input:checked+.slider {
    box-shadow: 0 0 0 2px #49417c, 0 0 2px #49417c;
}

/* Style Flat */
.switch.flat .slider {
    box-shadow: none;
}

.switch.flat .slider:before {
    background: #FFF;
}

.switch.flat input:checked+.slider:before {
    background: white;
}

.switch.flat input:checked+.slider {
    background: #49417c;
}

.switch:focus {
    outline: 3px solid #d87503 !important;
    outline-offset: 3px;
}

/* Preload images */
body:before {
    content:
        /*url("/session/services/serv-cor-read-hover") 
             url("/session/services/serv-core-alert-hover")
             url("/session/services/serv-pbs-hover")
             url("/session/services/serv-mbs-hover")
             url("/session/services/serv-pl-hover")
             url("/session/services/serv-op-hover")
             url("/session/services/serv-pp-hover")
             url("/session/services/serv-mi-hover")
             url("/session/services/serv-cor-blank-hover")
             url("/session/services/serv-inv-hover")
             url("/session/services/serv-inv-blank")
             url("/session/services/serv-inv-blank-hover")
             url("/session/services/serv-doi-hover")
             url("/session/services/serv-eval-hover")*/
        url("/services/serv-app-hover");
    position: absolute;
    left: -500000px;
}

.alert-number {
    position: absolute;
    margin: 9px 0 0 96px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.serv-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* Default */
    justify-content: left;
    column-gap: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.serv-li {
    display: block;
    flex: 0 1 auto;
    /* Default */
    list-style-type: none;
    text-align: center;
    width: 162px;
    margin-bottom: 3em;
}

.nav-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 10px 0;
    padding: 0;
}

p.servfont {
    margin-top: 7em;
    line-height: 1.4em;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0 5px 0 5px;
}

.serv-li a {
    color: #333;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    width: 160px;
    height: 182px;
}

li.css-serv-app {
    background: url("/services/serv-app") top no-repeat;
}

li.css-serv-app:hover {
    background: url("/services/serv-app-hover") top no-repeat;
}

.service-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* Default */
    justify-content: left;
    column-gap: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.service-li {
    display: block;
    flex: 0 1 auto;
    /* Default */
    list-style-type: none;
    text-align: center;
    width: 160px;
    margin-bottom: 3em;
}

.nav-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 10px 0;
    padding: 0;
}

p.servicefont {
    margin-top: 7em;
    line-height: 1.4em;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0 5px 0 5px;
}

.service-li a {
    color: #333;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    width: 160px;
    height: 182px;
    padding: 24px;
}

.hpsp-alert {
    color: green;
}

.field-label {
    font-weight: 600 !important;
}

.crmEntityFormView h3.form-subgrid-heading {
    font-weight: 600 !important;
}

.crmEntityFormView h3.form-subgrid-heading .field-label {
    margin-bottom: 20px !important;
}

.crmEntityFormView h3.form-subgrid-heading .field-label[for="Subgrid_site_drug"] {
    margin-bottom: 5px !important;
}

.crmEntityFormView h3.form-subgrid-heading .field-label span {
    color: #d60000 !important;
    font-weight: 400 !important;
}

.crmEntityFormView h3.form-subgrid-heading .field-label span.odc-application-subgrid-label-description {
    color: #313131 !important;
    margin-top: 0px !important;
}

.crmEntityFormView h3.form-subgrid-heading label[for="Subgrid_documents_policy"].field-label span:not(.c_label__required) {
    color: #313131 !important;
    font-weight: 400 !important;
    font-size: 14px;
}


.crmEntityFormView h3.form-subgrid-heading .field-label .site-details-subheading {
    color: #313131 !important;
    font-weight: 600 !important;
}

.crmEntityFormView .control .info {
    color: #68717A;
    margin-bottom: 20px;
}

/********** Toggel 1 End ***************/


/********** PCF component styles - START **********/

/* Multiselect dropdown styles */

.msos-caret-button .msos-glyph:after {
    font-size: 14px !important;
    font-weight: bolder;
}

.msos-glyph {
    height: 24px !important;
    width: 24px !important;
}

label.msos-label.msos-option-focused {
    background-color: #efefef;
}

label.msos-label.msos-option-focused::after {
    border: none !important;
}



/********** PCF componet styles - END **********/

/********** CALLOUT START ***********/

.c_callout {
    flex-direction: column;
    margin-bottom: 20px !important;

    ul li::marker {
        font-size: 0.6em;
        color: #006bb3;
    }

    ul li a {
        color: #006bb3;
        text-decoration: none;
    }
}

.c_callout.alert-danger {
    ul li a {
        text-decoration: underline;
    }
}

/* Override OOTB callout. Can add top level class but not __content class. */

.c_callout--override {
    margin-top: 16px;
    h2.validation-header {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
        padding-left: 14px;
        margin-bottom: 10px !important;
        display: inline-block;
    }
    .fa.fa-info-circle {
        color: #D60000;
        padding-right: 5px;
    }
}

.view-empty.message {
    &:has(.alert-warning) {
        padding: 20px !important;
        .alert {
            padding: 0px !important;
        }
    }
}

/********** CALLOUT END ***********/


/********** FORM ELEMENTS START ***********/

select {
    float: none !important;
    min-height: 44px;
}

/********** FORM ELEMENTS END ***********/

/********** SITE DETAILS PAGE ***********/

div[data-name='Site Details'] {
    .cell.text.form-control-cell {
        padding-bottom: 20px !important;
    }

    .section-title {
        h2 {
            margin-bottom: 30px !important;
        }
    }

    table.section {
        display: table !important;
    }

    table {
        colgroup {
            col {
                &:first-child {
                    @media only screen and (max-width: 767px) {
                        width: 100% !important;
                    }
                }
            }
        }
    }
}

.cell {
    &:has(#doh_willexistingbuildingsbeusedforauthorised), &:has(#doh_doesapplicantholdcommonwealth_label) {
        .description.above {
            margin-bottom: 8px;
        }
    }
}

label[for="doh_applicantlicencedtocultivatehempornarcotics_label"] {
    margin-bottom: 8px !important;
}

.crmEntityFormView {
    h3.table-info.form-subgrid-heading {
        label[for="Subgrid_state_authorisation"] {
            margin-bottom: 8px !important;
            display: flex !important;
            flex-direction: column;
            .field-label {
                margin-bottom: 8px !important;
            }
            br {
                display: none;
            }
        }
    }
}

.crmEntityFormView {
    h3.table-info.form-subgrid-heading {
        label[for="Subgrid_CW_authorisation"] {
            display: flex !important;
            flex-direction: column;
            margin-bottom: 8px !important;
            .field-label {
                margin-bottom: 8px !important;
            }
            br {
                display: none;
            }
        }
    }
}

label[for="Subgrid_documents_independentsa"], label[for="Subgrid_documents_riskmgmtplan"] {
    .document-upload-label {
        font-weight: 600;
        font-size: 16px;
    }
}

fieldset[aria-label='Geographic coordinates'] {
    .section-title {
        h4 {
            margin-top: 20px;
            font-weight: 600;
            line-height: 36px;
            font-size: 24px;
            font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
        }
    }
}

div[data-name="Authorised Activities"] {
    .tab-column {
        h2 {
            font-size: 32px;
            line-height: 48px;
            font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
            font-weight: 600;
        }
    }
}

fieldset[aria-label="Cannabis cultivation area"],
fieldset[aria-label="Cultivation activities"],
fieldset[aria-label="Production activities"],
fieldset[aria-label="Manufacture activities"] {

    h4,
    h5 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
        margin-bottom: 0px;
    }
}

fieldset[aria-label="Cannabis cultivation area"] {
    h5 {
        display: none;
    }
}

fieldset[aria-label="Manufacture activities"] {
    legend.section-title {
        margin-bottom: 0 !important;
    }

    #doh_manufactureactivitiesunderauthorisedlicence_label {
        margin-top: 10px !important;
    }

    .description {
        margin-bottom: 5px !important;
    }

    table[data-name="Manufacture activities"] {
        display: flex;

        colgroup {
            col {
                width: 100% !important;
            }
        }

        td {
            width: max-content;
            max-width: fit-content;
            padding-left: 0px !important;
            padding-right: 0px !important;

            .description {
                width: 100%;
                display: block;
            }
        }

        td.zero-cell {
            display: none;
        }
    }
}

fieldset[aria-label="Landlord detailsThe personal details of the landlord."] {
    .section-title {
        .description {
            margin-bottom: 0px !important;
            margin-top: 20px;
            font-size: 16px !important;
            line-height: 26px !important;
            color: #313131 !important;
        }
    }
}

table[data-name="application_site_section"] {
    display: table !important;
}

div[data-form-name="ODC_Submission_Document_Upload"] {
    .row.form-custom-actions {
        margin-top: 0px !important;

        .col-md-6 {
            width: 100% !important;
        }
    }
}

fieldset[aria-label="Application Documents"] {
    th[aria-label='action'] {
        max-width: 120px;
    }
}

.crmEntityFormView {
    .cell {
        h3 {
            label[for="Subgrid_documents_breakdown_project"] {
                display: flex;
                flex-direction: column;

                .field-label {
                    margin-bottom: 0 !important;
                }

                br {
                    display: none;
                }
            }
        }
    }
}

/* Add drug modal */

div[data-form-name="ODC_Portal_Site_Manufacturing_Drug"] {
    .validation-summary {
        ul li a {
            text-decoration: underline !important;
        }
    }
    .actions {
        border-top: 0px !important;
        button#btn-close {
            border: 0px !important;
        }
    }
}

/********** SITE DETAILS PAGE END ***********/

/********** SUBMISSION DETAILS PAGE START ***********/

table[data-name="tab_ApplicationDetails_PrimaryContact"] {
    #doh_hprgprimarycontact_name {
        width: calc(100% - 5px);
    }
    .launchentitylookup {
        position: absolute;
        right: 0px;
    }
    .input-group:has(.launchentitylookup) {
        flex-direction: column;
    }
}

/********** SUBMISSION DETAILS PAGE END ***********/

/********** MODAL TABLE LIST START ***********/

.sharepoint-data {
    td[aria-label="action menu"] {
        .dropup {
            .dropdown-menu {
                margin-top: 0px !important;

                .dropdown-item.delete-link {
                    padding: 0px;

                    .fa-trash-can {
                        margin-right: 10px !important;
                    }

                    &:hover {
                        background-color: transparent !important;
                    }
                }
            }
        }
    }
}

fieldset[aria-label="Application Documents"] {
    td {
        &:empty {
            padding: 0px !important;
        }
    }
}

div[data-form-name="Portal site authorised person"],
div[data-form-name="ODC_Portal_Site_Manufacturing_Drug"] {
    .cell {
        padding: 0px !important;
    }
}

#doh_proposedenduseofmanufacturednarcoticdrug_label {
    margin-top: 20px !important;
}

/********** MODAL TABLE PAGE END ***********/

/********** LOOKUP FIELD START ***********/

.launchentitylookup {
    background-color: #49417c;
    height: 46px;
    border: 0px;
    &:focus {
        .fa-search {
            color: #49417c
        }
    }

    &:hover {
        margin-left: 0px !important;
        text-decoration: none !important;

        .fa-search {
            color: #49417c;
            text-decoration: none !important;
        }
    }
}

.input-group .launchentitylookup {
    min-height: 44px !important;
}

/********** MULTI SELECT START ***********/

#doh_proposedenduseofmanufacturednarcoticdrug_ControlView {
    border: 1px solid #313131;
    border-radius: 4px;

    input {
        border: 0px !important;
        margin-bottom: 0px !important;
        height: 44px;
        border-radius: 4px !important;

        &:focus {
            outline: 3px solid #d87513 !important;
            outline-offset: 5px;
        }
    }

    div {
        padding-right: 0 !important;
        border-right: 0px;
        background-color: transparent !important;

        &:after {
            border: 0px !important;
        }
    }

    span {
        padding-right: 15px;
        position: absolute;
        right: 0px;
    }
}

/********** MULTI SELECT END ***********/

/********** MODAL CALLOUT START ***********/

#ValidationSummaryEntityFormControl_EntityFormView.alert {
    padding: 20px;

    h2 span::before {
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' %3E%3Cpath d='M34.3805 0.43934C34.0992 0.158035 33.7176 0 33.3198 0H14.6802C14.2824 0 13.9008 0.158035 13.6195 0.43934L0.43934 13.6195C0.158035 13.9008 0 14.2824 0 14.6802V33.3198C0 33.7176 0.158035 34.0992 0.43934 34.3805L13.6195 47.5607C13.9008 47.842 14.2824 48 14.6802 48H33.3198C33.7176 48 34.0992 47.842 34.3805 47.5607L47.5607 34.3805C47.842 34.0992 48 33.7176 48 33.3198V14.6802C48 14.2824 47.842 13.9008 47.5607 13.6195L34.3805 0.43934ZM24 12C25.6062 12 26.8613 13.3869 26.7015 14.9851L25.6493 25.5074C25.5645 26.3548 24.8515 27 24 27C23.1485 27 22.4355 26.3548 22.3507 25.5074L21.2985 14.9851C21.1387 13.3869 22.3938 12 24 12ZM24.0046 30C25.6615 30 27.0046 31.3431 27.0046 33C27.0046 34.6569 25.6615 36 24.0046 36C22.3478 36 21.0046 34.6569 21.0046 33C21.0046 31.3431 22.3478 30 24.0046 30Z'/%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: #d60000;
        font-family: inherit !important;
        content: "" !important;
        width: 1em;
        height: 1em;
        min-width: 1em;
        min-height: 1em;
        margin-right: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    ul {
        padding-left: 2rem;

        li {
            list-style-type: disc !important;

            &::marker {
                font-size: 0.6em !important;
                color: #006bb3 !important;
            }

            a {
                color: #006bb3 !important;
            }
        }
    }
}

div[data-form-name="ODC_Portal_Site_Manufacturing_Drug"] {
    .launchentitylookup[aria-label="Narcotic drug Launch lookup modal"] {
        border: 1px solid #313131 !important;
        position: absolute;
        right: 0px;
    }
    input[aria-labelledby="doh_odccontrolledsubstance_label"] {
        width: 100%;
        border-radius: 6px !important;
    }
    button.clearlookupfield[aria-label="Narcotic drug Clear lookup field"] {
        position: absolute;
        right: 84px;
        min-height: 44px;
    }
    button[aria-label="Search Results"] {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .input-group {
        flex-direction: column;
    }
}


/********** NODAL CALLOUT END ***********/


/********** Sidebar layout styles **********/

.l_sidebar-layout {
    .l_progress-stepper-content {
        span .order-0 {
            margin-right: 0px !important;
            width: auto !important;

            .progress.list-group {
                @media only screen and (max-width: 1300px) {
                    max-width: 100% !important;
                    min-width: 100% !important;
                    border-right: 0px !important;
                }
            }
        }

        span:has(.order-1) {
            margin-left: 0px;

            @media only screen and (max-width: 1300px) {
                flex-direction: column !important;
            }
        }

        #WebFormPanel {
            margin-left: 0px;
            flex: 1;
            width: 100%;
            padding: 0 20px;
            max-width: 880px !important;
        }

        .crmEntityFormView {
            .actions {
                border-top: 1px solid #d6d6d6 !important;
                padding-top: 15px !important;

                &:has(.c_button-bar) {
                    border-top: 0px !important;
                }

                .col-md-6 {
                    width: 100%;
                    display: flex;
                    gap: 20px;

                    .btn-group {
                        padding: 0px;
                        margin: 0px;

                        .submit-btn {
                            height: 48px;
                        }

                        &:empty {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

/********** Sidebar layout styles END **********/

/********** Modal START **********/

.modal-add-file.show,
.modal-lookup.show {
    background-color: rgba(49, 49, 49, .3);
}
/* 
div[data-lookup-datafieldname="doh_hprgalternatecontact"], div[data-form-name="ODC_MCS_Application Form"] {
    .modal-add-file.show,
    .modal-lookup.show {
        background-color: rgba(49, 49, 49, .3);
    }
} */

.modal-add-file .modal-dialog .modal-content {
    .modal-body:before {
        display: none;
    }
    .modal-footer .hpsp-btn.cancel {
        margin-right: 0px !important;
    }
    .modal-body {
        .margin-addfile {
            .col-md-9 {
                width: 100%;
                input {
                    width: 100%;
                }
            }
        }
    }
}


.modal-add-file .margin-addfile {
    padding: 10px 0;
}

.modal-lookup.show {
    .modal-content {
        max-width: 80%;
        margin: 0 auto;
    }
}

fieldset[aria-label="Proposed Authorised Person"] {
    margin-bottom: 0px;

    table.section {

        .cell.checkbox-cell,
        .cell.form-control-cell,
        td .control {
            padding-bottom: 5px !important;
            margin-bottom: 0px !important;
        }
    }
}

.modal .modal-dialog .modal-header .btn-close, .modal .modal-dialog .modal-header .form-close {
    top:24px !important;
}

.modal .modal-dialog.modal-md {
    .modal-header {
        .btn-close.btn.btn-tertiary {
            top: 0 !important;
        }
    }
}



/********** Modal END **********/

/********** Accordion START **********/

#reviewPage {
    margin-bottom: 20px;
}

.accordion-container {
    .accordion-panel {
        /* background-color: #edecf2; */

        .btn {
            top: 20px !important;
        }
    }
}

.accordion-container:has(.accordion-body.show) .accordion-panel {
    background-color: #edecf2;
    border-bottom: 1px solid #d6d6d6;
}

.hprg-core .accordion-container .accordion-panel:hover {
    background-color: #edecf2 !important;
}

.hprg-core .accordion-container .accordion-panel>h3:has(+ a:focus) {
    outline: 0px !important;
}

.hprg-core .accordion-container .accordion-panel {
    padding: 10px 0 10px 20px !important;
}

/********** Accordion END **********/

/********** Alerts/Callout START **********/

.alert-warning.alert {
    background-color: #fff2e4;
    border-left: 4px solid #ea9c50;
    color: #313131;
    padding: 20px;
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.view-empty {
    background-color: #fff2e4;
    border-left: 4px solid #ea9c50;
    color: #313131;
    padding: 20px;
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;

    .alert-warning {
        padding: 0;
        border-left: 0;
        border-radius: 0;
        background-color: transparent;
    }
}

.entity-grid .view-grid.table-responsive {
    height: initial;
}

/********** Alerts/Callout END **********/

/********** Table validation START **********/

.hpsp-invalid-feedback {
    width: 100%;
    order: 3;
    clear: both;
}

/********** Table validation END **********/

/********** START ICF FORM PAGE ***********/

div[data-form-name="ODC_Portal_ICF Consent"] {
    fieldset[aria-label="Other names"] {
        legend.section-title {
            display: none;
        }
    }
}

#WebResource_ICFConsentFormPrivacyNotice {
    p {
        font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

#sbgOtherNames {
    iframe {
        height: 650px !important;
    }
}

fieldset[aria-label="Address history"] {
    margin-top: 24px;
}

table.section td .control, td textarea {
    &:has(#WebResource_ICFConsentFormPrivacyNotice) {
        margin-bottom: 32px !important;
        margin-top: 20px !important;
    }
}

table[data-name="tab_PersonalInfo_section_PlaceOfBirth"] {
    #doh_stateid {
        width: 100% !important;
    }
}

/********** END ICF FORM PAGE ***********/

/********** START Fit and proper modal ***********/

fieldset[aria-label="Person editable details"] {
    td {
        &:empty {
            padding: 0 !important;
        }
        #authorised-contact-readonly-section.control {
            &:empty {
                margin-bottom: 0 !important;
            }
        }
    }
    .cell {
        &:has(#doh_persontype_label) {
            padding-bottom: 8px !important;
        }
    }
}

/********** END Fit and proper modal ***********/

/********** START ICF modal ***********/

div[data-form-name*="Portal Form width dates"], div[data-form-name*="Related Address"] {
    .actions {
        border-top: 0px !important;
        margin-top: 0px !important;
    }
    table {
        border-spacing: 10px;
        border-collapse: separate;
    }
}

fieldset[aria-label="Address Details 1"] {
    margin-bottom: 0 !important;
}

fieldset[aria-label="Section_state_lookup"] {
    margin-bottom: 0px !important;
    td.cell {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    .above.description {
        margin-bottom: 8px !important;
    }
}

fieldset[aria-label="Physical_Address_section_Dates"] {
    colgroup {
        col {
            width: 100% !important;
            display: flex !important;
        }
    }
}

input#doh_givenname, input#doh_familyname {
    margin-bottom: 20px;
}

div[data-form-name="ODF_Portal_ICF OtherNames"] {
    button.submit-btn#btn-close {
        border: 0px !important;
        font-size: 0px !important;
        &:hover {
            background-color: transparent !important;
            background: transparent !important;
        }
        &:after {
            content: 'Cancel';
            font-size: 16px !important;
        }
    }
    .validation-summary.alert.alert-error {
        ul li a {
            text-decoration: underline !important;
        }
    }
}

/********** END ICF modal ***********/

/********** START TABLE ***********/

.narrow-col {
    width: 300px;
    max-width: 300px;
    white-space: normal;
    min-width: 300px !important;
}

tr[data-entity="doh_odcsitemanufacturingdrug"] {
    td[data-attribute="doh_name"] {
        width: 300px;
        max-width: 300px;
        white-space: normal;
        min-width: 300px !important;
    }
}

/********** END TABLE ***********/

/********** START CANCEL ICF MODAL ***********/

.modal {
    button.close[aria-label="Close"] {
        position: absolute;
        right: 25px;
        top: 16px;
        background-color: transparent;
        border: 0px;
        font-size: 35px;
    }
    .modal-footer {
        gap: 20px;
        #cancelButton {
            order: 1;
        }
    }
}

/********** END CANCEL ICF MODAL ***********/

/********** START AUTHORISED PERSONS PAGE ***********/

#Subgrid_informed_Agency {
    td[data-attribute="doh_persontype"], th[aria-label="Person is"]  {
            max-width: 300px !important;
            width: 300px !important;
            white-space: normal;
            min-width: 300px !important;
    }
}

/********** END AUTHORISED PERSONS PAGE ***********/

/********** START SITE AND SECURITY DETAILS ***********/

fieldset[aria-label="Site details summary"] {
    .section {
        h3.form-subgrid-heading {
            label[for="Subgrid_Application_Sites"] {
                margin-bottom: 8px !important;
            }
        }
    }
}

/********** END SITE AND SECURITY DETAILS ***********/

/********** START ENTITYLIST SEARCH ***********/

.hprg-core .modal-body .input-group.float-start.view-search.entitylist-search {
    min-width: 100% !important;
    @media screen and (min-width: 1000px) {
        min-width: 100% !important;
    }
}

/********** END ENTITYLIST SEARCH ***********/

/********** START MICROSOFT GENERATED OVERRIDES ***********/

.org-details, .my-contact-detail {
    .xrm-editable-html.xrm-attribute {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/********** END MICROSOFT GENERATED OVERRIDES ***********/

/********** START CHECKBOX ***********/

.hprg-core div:has(> input[type=checkbox]:first-child + label) {
    display: inline-flex !important;
    row-gap: 0px !important;
    column-gap: 20px !important;
    width: 100%;
}

/********** END CHECKBOX ***********/