body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

header {
    background-color: #0A362D;
}

header .logo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 7pt;
}

header .logo span {
    margin-top: 9px;
}

header .logo-sectors {
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 41px;
    margin-top: -18px;
}

footer {
    background-color: #0A362D;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    bottom: 0;
    min-height: 164px;
    width: 100%;
}

footer a,
footer a:hover {
    color: #FFFFFF;
}

footer p {
    margin: 5px 0;
}

footer .header {
    color: #F89821;
    font-weight: 600;
}

.container {
    max-width: 1300px;
}

.body {
    min-height: 64vh;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover {
    color: #F89821;
}

.navbar-dark .navbar-nav .active .nav-link:hover {
    color: #FFFFFF;
}

.nav-link, .nav-link:hover {
    color: #000000;
}

.nav-tabs .nav-link {
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom: 1px solid var(--bs-nav-tabs-link-active-border-color);
    color: #000000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #398A83;
    font-weight: 600;
}

.form-check input {
    cursor: pointer;
}

.headerh1 {
    color: #398A83;
    font-family: Montserrat;
    font-size: 36px;
}

.headerh2 {
    color: #398A83;
    font-family: Montserrat;
    font-size: 18px;
}

.headerh4 {
    color: #398A83;
    font-family: 'Montserrat variant0';
    font-size: 1.5rem;
}

.link,
.link:hover {
    text-decoration: underline;
    color: #000000;
}

.link-green,
.link-green:hover {
    text-decoration: underline;
    color: #398A83;
    cursor: pointer;
}

.link-no-underline {
    text-decoration: none;
}

input.form-control:not([type="file"]) {
    border-radius: 0;
    min-height: 38px;
    padding: 0 5px;
}

input.form-control[type="file"] {
    border-radius: 0;
}

.form-group {
    margin-bottom: 1rem;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

input[type=date].form-control {
    min-width: 142px;
}

.btn {
    border-radius: 2px;
    min-height: 38px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    align-content: center;
}

.btn-green, .btn-green:disabled {
    background-color: #398A83;
    color: #FFFFFF;
}

.btn.btn-green:active {
    background-color: #398A83;
    color: #FFFFFF;
}

.btn-orange, .btn-orange:disabled {
    background-color: #F78D1E;
    color: #FFFFFF;
}

.btn.btn-orange:active {
    background-color: #398A83;
    color: #FFFFFF;
}

.btn-large {
    height: 40px;
    padding: 9px 20px;
}

.btn-green:hover,
.btn-large-green:hover {
    background-color: #2F7B74;
    color: #FFFFFF;
}

.btn-orange:hover {
    color: #FFFFFF;
}

.btn-orange:hover:enabled {
    background-color: #F77F01;
}

.btn-orange:hover:disabled {
    cursor: not-allowed;
}

.btn-green-op, .btn-green-op:disabled {
    color: #398A83;
    background-color: #FFFFFF;
    border-color: rgba(57, 138, 131, 0.8);
}

.btn-green-op:hover {
    color: #398A83;
    background-color: rgba(57, 138, 131, 0.1);
    border-color: #398A83;
}

.btn.btn-green-op:active {
    color: #398A83;
    background-color: #FFFFFF;
    border-color: rgba(57, 138, 131, 0.8);
}

label.btn-green {
    padding: 4px 10px;
}

.btn-radio-check:checked + .btn-radio-green, .btn-radio-check:checked:hover + .btn-radio-green {
    color: #FFFFFF;
    background-color: #398A83;
    border: 1px solid #398A83;
}

.btn-radio-check:hover + .btn-radio-green {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.btn-radio-green, .btn-radio-green:hover {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.btn-orange, .btn-orange:disabled {
    background-color: #F89821;
    color: #ffffff;
}

.btn-orange:hover,
.btn-large-orange:hover {
    background-color: #F89821;
    color: #ffffff;
}

.btn-orange-op {
    color: #F89821;
    background-color: #ffffff;
    border-color: rgba(248, 152, 33, 0.8);
}

.btn-orange-op:hover {
    color: #F89821;
    background-color: rgba(57, 138, 131, 0.1);
    border-color: #F89821;
}


.required::after {
    content: "*";
    color: red;
}

.custom-table thead {
    background-color: #edf4f3;
    --bs-table-bg: #edf4f3;
}

.custom-table thead a {
    color: #000000;
    text-decoration: none;
}

.custom-table thead a:hover {
    color: #000000;
    text-decoration: none;
}

.custom-table .ref {
    min-width: 68px;
    max-width: 68px;
}

.custom-table .surname {
    min-width: 150px;
    max-width: 150px;
}

.custom-table .address {
    min-width: 250px;
    max-width: 250px;
}

.custom-table .status {
    min-width: 115px;
    max-width: 115px;
}

.custom-table .agent {
    min-width: 200px;
    max-width: 200px;
}

.custom-table .requestor {
    min-width: 175px;
    max-width: 175px;
}

.custom-table .requested {
    min-width: 150px;
    max-width: 150px;
}

.custom-table .actions {
    min-width: 150px;
    max-width: 150px;
}

.input-large {
    height: 40px;
}

.arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow-opposite {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.table-new, .table-not-started {
    background-color: #E1FFFF;
    --bs-table-bg: #E1FFFF;
}

.table-inprogress, .table-in-progress {
    background-color: #DFF785;
    --bs-table-bg: #DFF785;
}

.table-submitted {}

.table-completed {
    background-color: #92D050;
    --bs-table-bg: #92D050;
}

.table-withdrawn {
    background-color: #CCCCCC;
    --bs-table-bg: #CCCCCC;
}

.table-wiped {}

.table-pending, .table-on-hold {
    background-color: #FFE89F;
    --bs-table-bg: #FFE89F;
}

.table-amended, .table-awaiting-information {
    background-color: #FFC000;
    --bs-table-bg: #FFC000;
}

.table-made-contact {
    background-color: #FAB872;
    --bs-table-bg: #FAB872;
}

.pointer {
    cursor: pointer;
}

.page-item.active .page-link {
    cursor: default;
    background-color: #2F7B74;
    border-color: #2F7B74;
    color: #FFFFFF;
}

.page-item .page-link {
    color: #2F7B74;
}

.boilerplate-title {
    white-space: pre-wrap;
}

.multiselect-container .multiselect-group .caret-container:after {
    font-size: 20px;
}

.center {
    text-align: center;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-22 {
    font-size: 22px;
}

.fs-23 {
    font-size: 23px;
}


.tooltipped {
    position: relative
}

.tooltipped:after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: rgba(0, 0, 0, .8);
    border-radius: 3px;
    -webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0, 0, 0, .8);
    pointer-events: none;
    content: "";
    border: 5px solid transparent
}

.tooltipped:hover:before,
.tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {
    display: inline-block;
    text-decoration: none
}

.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {
    display: table-cell
}

.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
    top: 100%;
    right: 50%;
    margin-top: 5px
}

.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: rgba(0, 0, 0, .8)
}

.tooltipped-se:after {
    right: auto;
    left: 50%;
    margin-left: -15px
}

.tooltipped-sw:after {
    margin-right: -15px
}

.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 5px
}

.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
    top: -5px;
    right: 50%;
    bottom: auto;
    margin-right: -5px;
    border-top-color: rgba(0, 0, 0, .8)
}

.tooltipped-ne:after {
    right: auto;
    left: 50%;
    margin-left: -15px
}

.tooltipped-nw:after {
    margin-right: -15px
}

.tooltipped-s:after,
.tooltipped-n:after {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.tooltipped-w:after {
    right: 100%;
    bottom: 50%;
    margin-right: 5px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.tooltipped-w:before {
    top: 50%;
    bottom: 50%;
    left: -5px;
    margin-top: -5px;
    border-left-color: rgba(0, 0, 0, .8)
}

.tooltipped-e:after {
    bottom: 50%;
    left: 100%;
    margin-left: 5px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.tooltipped-e:before {
    top: 50%;
    right: -5px;
    bottom: 50%;
    margin-top: -5px;
    border-right-color: rgba(0, 0, 0, .8)
}

.nav-tabs .nav-link {
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom: 1px solid var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #398A83;
}

.form-check input {
    cursor: pointer;
}

.table-lightgreen thead {
    background-color: #edf4f3;
    --bs-table-bg: #edf4f3;
}

.table-green thead {
    background-color: #d7e8e6;
    --bs-table-bg: #d7e8e6;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table.table-borderless td, .table.table-borderless th {
    padding: 0 5px;
    vertical-align: top;
    border: 0;
}

.border-lightgreen {
    border: 1px solid #bcd7d5;
}

.border-orange {
    border: 1px solid #ffc107;
}

.messages-icons {
    filter: invert(80%) sepia(5%) saturate(20%) hue-rotate(315deg) brightness(84%) contrast(93%);
}

.fill-warning {
    filter: invert(84%) sepia(19%) saturate(5918%) hue-rotate(354deg) brightness(103%) contrast(101%);
}

.fill-danger {
    filter: invert(29%) sepia(40%) saturate(2672%) hue-rotate(326deg) brightness(99%) contrast(100%);
}

.fill-green {
    filter: invert(44%) sepia(68%) saturate(323%) hue-rotate(126deg) brightness(93%) contrast(91%);
}

.reply-invert {
    transform: rotate(180deg);
}

.note {
    filter: invert(100%) sepia(0%) saturate(7451%) hue-rotate(86deg) brightness(94%) contrast(109%);
}

.note-darkgreen {
    background-color: #398A83;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    padding-top: 2px;
}

.note-green {
    background-color: #198754;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    padding-top: 2px;
}

.note-orange {
    background-color: #ffc107;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    padding-top: 2px;
}

.note-red {
    background-color: #dc3545;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    padding-top: 2px;
}

#loginfcs span {
    visibility: hidden;
}

#loginfcs:hover span {
    visibility: visible;
}

.text-bg-unread {
    background-color: #00b232 !important;
    color: #fff !important;
}

ul.no-list-style {
    list-style-type: none;
}

ul.ticks {
    list-style-image: url("/static/icons/small-tick.3c60825ddc00.png");
    color: #28a745;
}


ul.cross {
    list-style-image: url("/static/icons/small-cross.11abd3c32bf1.png");
    color: #dc3545;
}

ul.list-no-gutters {
    padding-left: 14px;
}

.form-select {
    border-radius: 0;
    min-height: 38px; 
}

.form-group {
    margin-bottom: 1rem;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.fake-button-green {
    height: 40px;
    text-align: center;
    border: 1px solid #398A83;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #398A83;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
}

.fake-button-green-invert {
    width: 237.5px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #398A83;
    color: #398A83;
    display: table-cell;
    text-transform: uppercase;
    cursor: pointer;
}

.read-message, .read-message:hover, .read-message:active {
    color: #000000;
}

.color-green {
    color: #5c7872;
}

.background-title {
    background-color: #398A83;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
}

.background-tabs {
    background-color: #398A83;
    color: #FFFFFF;
}

.background-green {
    background-color: #EBF3F2;
}

.background-darkgreen {
    background-color: #DCEBE9;
}

.background-grey {
    background-color: #f7f7f7;
}

.background-white {
    background-color: #FFFFFF;
}

.accordion-button:not(.collapsed) {
    background-color: #FFFFFF;
    color: #000000;
}

.search-input {
    width: 700px;
    height: 40px;
}

.poi-cards {
    height: 505px;
    border: 1px solid #398A83;
    border-radius: 0;
}

.poi-cards .card-header {
    border-radius: 0;
    font-size: 17px;
}

.details-header {
    width: 62px;
}

.reset {
    all: revert;
}

.modal-90w {
    max-width: none !important;
    width: 90vw;
}

.btn:disabled {
    opacity: 0.5;
}

.modal-body {
    font-size: 14px;
}

.bg-green {
    background-color: #2F7B74;
    color: #ffffff;
}

.bg-orange {
    background-color: #fab872;
}

.bg-orange-dark {
    background-color: #F5A037;
}

.bg-lightorange {
    background-color: #fde2c7;
}

.h-58 {
    min-height: 58px;
    padding-left: 10px;
}

@media screen and (min-width: 1300px) {
    .title-triangle::after {
        border-bottom: 1.333em solid transparent;
        border-left: 0.667em solid #fab872;
        border-top: 1.333em solid transparent;
        content: '';
        height: 43px;
        position: absolute;
        margin-left: 94px;
        font-size: 21px;
    }
}

.status-notified {
    background-color: #E1FFFF;
    --bs-table-bg: #E1FFFF;
}

.status-overdue {
    background-color: #FE9700;
    --bs-table-bg: #FE9700;
}

.status-downloaded {
    background-color: #92D050;
    --bs-table-bg: #92D050;
}

.nav {
    --bs-nav-link-padding-x: 0.90rem;
}

.alert-border-orange {
    border: 1px solid #fab872;
}

.list-green {
    list-style-type:square;
}

.list-green li::marker {
    color: #398A83;
}

.tox-tinymce-inline {
    z-index: 1600;
}

.tox-tinymce-aux {
    position: relative;
    z-index: 1600;
}

.disableValidation > .form-check-label {
    color: black !important;
}

@media (min-width: 1900px) {
    .d-xxxl-block {
        display: block !important;
    }
}

#table-policy-risk thead {
    background-color: #5c7872;
    color: white;
}

#table-policy-risk .title {
    background-color: #9db5b0 !important;
    color: white;
}

#table-policy-risk tbody tr td:first-child {
    background-color: #f2f2f2;
}

#table-policy-risk .select-risk.low {
    background-color: #00b050;
}

#table-policy-risk .select-risk.medium {
    background-color: #ffc000;
}

#table-policy-risk .select-risk.high {
    background-color: red;
}

.margin-top-100 {
    margin-top: 1504px !important;
}

input[type="number"].is-invalid {
    background-position: right calc(.375em + 1.288rem) center;
}

input[type="date"].is-invalid {
    background-position: right calc(.375em + 1.288rem) center;
}

div.radio-check input[type="radio"]:checked {
    accent-color: #398A83;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background-color: white !important;
    border-color: rgba(0, 0, 0, .2) !important;
}

div.radio-check input[type="checkbox"]:checked {
    accent-color: #398A83;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background-color: white !important;
    border-color: rgba(0, 0, 0, .2) !important;
}

.policy-accordion {
    --bs-accordion-bg: #EAF2F1;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
}

.policy-accordion .accordion-body {
    background-color: #FFFFFF;
}

.policy-accordion-item {
    margin-bottom: 16px;
}

.policy-accordion-item .accordion-header {
    font-size: 18px;
    font-weight: 600;
    height: 75px;
}

.policy-accordion-item .accordion-header .accordion-button {
    height: 75px;
}

.policy-accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #EAF2F1;
}

.fw-bold-600 {
    font-weight: 600 !important;
}

.text-low {
    color: #D4A574;
}

.text-medium {
    color: #14B8A6;
}

.text-high {
    color: #1E3A8A;
}