body {
    background-color: #FFFFFF !important;
}

/*Custom Dark Blue Theming */
#banner, #footer {
    background-color: #003087;
    color: #FFFFFF;
}

.dataTables_wrapper {
    margin-top: 10px;
}

.table td, .table th {
    padding: .3rem;
}

.filepond--root {
    font-size: 18px;
}

.upload-button {
    display: block !important;
    margin: 0 auto !important;
    width: 250px !important;
    font-size: 1.1em !important;
    height: 33px !important;
}

/*.filepond--item {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    transition: visibility 0s, opacity 0.5s linear;*/
/*}*/

/*.filepond--item[data-filepond-item-state="processing-complete"] {*/
/*    visibility: hidden;*/
/*    position:absolute;*/
/*    opacity: 0;*/
/*}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #565656 !important;
}

.datepicker-dropdown {
    border: 2px solid #425563;
    border-radius: 0 !important;
    margin: auto !important;
    padding: 4px !important;
    min-width: auto !important;
}

.modal-title {
    font-size: 2rem;
    font-weight: 600;
}

.btn-primary,
.btn-primary:visited {
    background-color: #00662f !important;
    box-shadow: 0 4px 0 #003317;
    border-color: #00662f !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #00662f !important;
    color: #fff !important;
    border-color: transparent !important
}

.btn-primary:disabled {
    cursor: auto;
}

.w-30 {
    width: 30%;
}

.bg-nhs-grey {
    background-color: #E8EDEE;
}

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

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

#main {
    border-top: solid 1px #E8EDEE;
}

.nav-link.active {
    box-shadow: 0 0 0 5px #003087;
    background-color: #003087!important;
}

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

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