/*-----------------------------------------*/
/*--- 1. Structure                  -------*/
/*--- 2. Global Styles              -------*/
/*--- 3. Header & Banner            -------*/
/*--- 4. Nav                        -------*/
/*--- 5. Content                    -------*/
/*--- 6. Footer                     -------*/
/*-----------------------------------------*/

/*!* Scrollbar *!*/
/*::-webkit-scrollbar {*/
/*    width: 15px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    background-color: #fff;*/
/*}*/

/*!* this colour is the banner colour at 80%*!*/
/*::-webkit-scrollbar-thumb {*/
/*    background-color: rgba(0, 103, 71, 0.8);*/
/*}*/

/*!* these are coloured with the banner colour at 60% and a border of the colour above*!*/
/*::-webkit-scrollbar-thumb:hover,*/
/*::-webkit-scrollbar-thumb:active {*/
/*    background-color: rgba(0, 103, 71, 0.6);*/
/*    border: 1px solid rgba(0, 103, 71, 0.8);*/
/*}*/

/*--- 3. Header & Banner            -------*/
#banner {
    background-color: #712077;
}

#pageTitle, #pageSubtitle {
    color: #fff;
}

/*--- 4. Nav                        -------*/
.navbar-light .navbar-nav .nav-link {
    color: #712077;
}

.nav-link.active {
    background-color: #712077 !important;
    color: #fff !important;
    box-shadow: 0 0 0 5px #712077;
    filter: drop-shadow(0 5px #cddd00) !important;
}

.nav-link:hover, .nav-link:focus {
    background-color: #ffcd60 !important;
    box-shadow: 0 0 0 5px #ffcd60 !important;
    color: #212b32 !important;
    filter: drop-shadow(0 5px #ffb81C) !important;
}

.nav-link:hover, .nav-link:focus {
    background-color: #ffcd60 !important;
    box-shadow: 0 0 0 5px #ffcd60 !important;
    color: #212b32 !important;
    filter: drop-shadow(0 5px #ffb81C) !important;
}

.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    box-shadow: 0 0 0 5px #ffcd60!important;
    color: #212b32 !important;
}

a, a:visited {
    color: #712077;
    text-decoration: underline;
}

a:focus{
    color: #212b32 !important;
}

#footer a {
    color: #FFFFFF;
}

#footer a:hover, #footer a:focus {
    color: #212b32;
}

.menu-block a, .menu-block a:visited {
    color: #712077 !important;
}

.menu-block a:hover {
    background-color: #fff;
    box-shadow: 0 0 0 4px #ffb81C;
    color: #712077 !important;
}

.back:visited {
    color: #712077;
}


.breadcrumbBack {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.5rem;
    background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__chevron-left' xmlns='http://www.w3.org/2000/svg' fill='%23006747' height='24' width='24' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M8.5 12c0-.3.1-.5.3-.7l5-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4L10.9 12l4.3 4.3c.4.4.4 1 0 1.4s-1 .4-1.4 0l-5-5c-.2-.2-.3-.4-.3-.7z'%3E%3C/path%3E%3C/svg%3E") -8px center no-repeat;
    margin: 0;
    padding-left: 24px;
}

.chevron-left {
    height: 24px;
    width: 24px;
    margin-top: -4px;
    fill: #712077;
}

.back:hover, .back:focus {
    color: #212b32 !important;
}

.back:hover .chevron-left, .back:focus .chevron-left {
    color: #212b32 !important;
}

/*--- 5. Content                    -------*/

h1, h2, h3, h4, h5, h6 {
    color: #712077;
}

.h5 {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    display: block;
}

.h4 {
    font-size: 2.6rem;
    line-height: 3.9rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.h3 {
    font-size: 3rem;
    line-height: 4.5rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

#solidHeader {
    background-color: #ccc;
}


.btn, .btn:visited {
    background-color: #007f3b;
    color: #ffffff;
    box-shadow: 0 4px 0 #003317;
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: #712077 !important;
    color: #fff !important;
}

.btn-secondary,
.btn-secondary:visited {
    background-color: #425563;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #384854 !important;
    color: #fff !important;
}

.btn-white,
.btn-white:visited {
    background-color: #fff;
    color: #231f20;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background-color: #f2f2f2 !important;
    color: #231f20 !important;
}

.inset-text {
    border-left: 10px solid #712077;
}

.inset-text.info-warning {
    border-color: #ffc107;
}

.accordion .details-summary p,
.accordion .details-summary span {
    color: #712077;
}

.care-card-heading {
    background-color: #005eb8;
    color: #fff;
}

.care-card-arrow:before,
.care-card-arrow:after {
    border: solid 32px #005eb8;
}

.accordion .details-summary p,
.accordion .details-summary span {
    background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23006747'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left 2px center no-repeat;
    fill: #712077 !important;
    color: #712077;
    cursor: pointer;
    display: block;
    position: relative;
    margin-left: 8px;
}

.accordion .details-summary[aria-expanded="true"] p,
.accordion .details-summary[aria-expanded="true"] span {
    background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23006747'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left 2px center no-repeat;
}


/*--- 6. Footer                     -------*/
#footer {
    background-color: #712077;
}

/*--- Additional Utilities ---*/

.required:after {
    content: " *";
    color: #FF0000FF;
}

.progress-heading {
    font-size: 2.6rem;
    line-height: 3.9rem;
    font-weight: 600;
}

.error-message {
    padding: 0;
    margin-bottom: 1.5rem;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}

table.sorting_disabled thead .sorting_asc:before, table.sorting_disabled thead .sorting_asc:after {
    display: none;
}

.next {
    margin-right: 0 !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

th:not(.ui-datepicker-calendar *), td:not(.ui-datepicker-calendar *) {
    padding: 10px 0 !important;
    padding-left: 5px !important;

}

.dataTables_wrapper .dataTables_paginate {
    background: #f0f4f5 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: #E8EDEE !important;
    cursor: not-allowed !important;
    color: #425563 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-shadow: 0 0 0 4px #f0f4f5 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #712077 !important;
    background: #712077 !important;
    color: #fff !important;
}

.info-success {
    border-color: #78BE20;
}

.info-danger {
    border-color: #DA291C;
}

code {
    color: #AE2573;
}

caption {
    display: block;
    text-align: center;
    color: #425563;
}

.text-nhs-green {
    color: #712077 !important;
}

.card-header {
    background-color: #712077 !important;
    color: #cddd00;
}
.checkboxes-hint, .radios-hint {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px;
}
.inset-text-thin {
    padding: 8px 16px;
    margin: 1.5rem 0;

}
.inset-text-danger {
    border-left: 10px solid #DA291C;
}

.filepond--file-action-button {
    cursor: pointer;
}

.filepond--root,
.filepond--root .filepond--drop-label {
    box-shadow: black;
    font-family: "Frutiger W01" !important;
    font-weight: inherit !important;
    font-size: 1.4rem
}

.filepond--panel-root {
    border: 2px solid #425563;
    border-radius: 0 !important;
    background-color: #FFFFFF !important;
    height: fit-content;
}

.filepond--file-info-main {
    font-size: 1.4rem !important;
}

.filepond--file-info-sub {
    font-size: 1rem !important;
}

.filepond--file-status-main {
    font-size: 1.4rem !important;
}

.filepond--file-status-sub {
    font-size: 1rem !important;
}

.filepond--credits {
    display: none;
}

.filepond--drop-label {
    color: inherit !important;
}

.filepond--item-panel {
    background-color: #712077 !important;
    padding-bottom: 10px !important;
}

[data-filepond-item-state*='invalid'] .filepond--item-panel, [data-filepond-item-state*='error'] .filepond--item-panel {
    background-color: #c44e47 !important;
}

/*Environment Banner Testing*/
.environment-banner p {
    padding: 1rem 0;
    margin: 0;
}
.environment-staging {
    background-color: #ffeb3b;
    color: #212b32;
}
.environment-local {
    background-color: #006747;
    color: #ffffff;
}
.environment-production {
    display: none;
}
.form-check-divider {
    width: 40px;
    margin-bottom: 8px;
    text-align: center;
}


/*::-webkit-scrollbar{*/
/*    !*width: revert;*!*/
/*    all: revert !important;*/
/*}*/
/*::-webkit-scrollbar-track{*/
/*    !*background-color: revert;*!*/
/*    all: revert !important;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    !*background-color: revert;*!*/
/*    all: revert !important;*/
/*}*/
/*::-webkit-scrollbar-thumb:hover,*/
/*::-webkit-scrollbar-thumb:active{*/
/*    !*background-color: revert;*!*/
/*    !*border: 1px solid revert;*!*/
/*    all: revert !important;*/
/*}*/
/*::-webkit-scrollbar,*/
/*::-webkit-scrollbar-track,*/
/*::-webkit-scrollbar-thumb,*/
/*::-webkit-scrollbar-thumb:hover,*/
/*::-webkit-scrollbar-thumb:active {*/
/*    all: unset;*/
/*}*/
/*!* Reset scrollbars back to system look *!*/
/*::-webkit-scrollbar {*/
/*    width: auto;      !* Let system/OS decide *!*/
/*    height: auto;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    background: transparent;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    background: transparent;*/
/*    border: none;*/
/*}*/