/* UI Layer Items */
:root {
    --rg-dark-text: #07203E;
    --rg-primary-button: #CB8B30;
    --rg-border: #E3E7E9;
    --rg-light-text: #96a2aa;
    --rg-medium: #0e407c;
    --rg-subtitle: #6E8CB0;
    --rg-light-grey: #F0F2F3;
    --rg-read-text: #646e74;
    --rg-danger: #a71f21;
    --rg-light-blue: #6e8cb0;
    --rg-primary-button-disabled: #e0b983;
    --rg-background-image: url('/p/background/image') no-repeat center center fixed;
}
.btn-highlight {
    background: transparent !important;
    border: unset !important;
}
.btn-small {
    font-size: 13px;
    opacity: 50%;
}
.dialog-off-canvas-main-canvas {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.alert {
    z-index: 100000;
}
#newsletter-form .form-type-managed-file label, #newsletter-form .form-type-textfield label {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}
.field--type-image img, .field--name-field-user-picture img {
    margin: unset !important;
}
.rg-pagination {
    flex-wrap: wrap;
    padding: 1rem 0;
    justify-content: center;
    display: flex;
    list-style: none;
}

.rg-page-link {
    position: relative;
    display: block;
    color: black;
    text-decoration: none;
    padding: 0.375rem 0.75rem
}

.ui-front {
    z-index: 1040 !important;
}

.modal-content {
    border: unset !important;
    border-radius: 10px !important;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-item.is-active {
    font-weight: bold;
}
  
.page-link {
    position: relative;
    display: block;
    color: var(--bs-dark) !important;
    text-decoration: none;
}

.modal-cancel {
    color: var(--bs-danger);
    font-size: x-large;
    margin-bottom: auto;
}

.rg-success {
    color: #7fc87f;
}

.rg-medium-text {
    color: var(--rg-medium);
}

.form-type-managed-file {
    background: none;
    border-color: white;
}


.rg-tagger {
    --tag-border-radius: 8px !important; 
    --tag-text-color: white !important;
    --tag-bg: #2661A9 !important;
    --tag-remove-btn-color: #FFFFFF80 !important;
    --tag-remove-btn-bg--hover: #134989 !important;
    --tag-hover: #134989 !important;
    --tag-remove-bg: #134989 !important;
}



.dropdown-curved-three {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.dropdown-curved-bottom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.account-dropdown {
    /* p-3 bg-primary d-flex justify-content-between */
    padding: 1rem;
    background: var(--rg-light-grey);
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    border-bottom: 1px var(--rg-border) solid;
}

.page-logo-wrapper {
    padding-left: 2rem;
    padding-right: 2.75rem;
    display: flex;
}

.main-navbar {
    background: white;
    height: 56px;
}

.fullview-body {
    line-height: 2;
}

.main-navbar .container-fluid {
    height: inherit;
    padding-right: unset;
}

.navbar-gradient {
    width: 30px;
    height: 56px;
    background: transparent linear-gradient(90deg, #F0F2F3 0%, #F0F2F300 100%) 0% 0% no-repeat padding-box;
}

#primary-nav {
    background-color: white;
    z-index: 1039;
}

.page-logo-wrapper img {
    height: 41px;
    margin: auto;
}

.user-wrapper {
    background-color: #F0F2F3;
    cursor: pointer;
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
    height: 56px;
    color: var(--rg-dark-text);
}

.user-wrapper div {
    margin: auto;
}

.dropdown-input-group {
    display: flex;
    background: white;
    padding: .5rem;
    border-top-right-radius: 1.5rem;
}

.dropdown-input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: #07203E;
    border: 1px solid #07203E;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.dropdown-input-group-button {
    background-color: var(--rg-border);
    width: 100%;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.dropdown-input-group-button-text {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: .5rem;
    font-weight: bold;
}

.dropdown-input-group-button i {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 1rem;
}

.rg-dark-text {
    color: var(--rg-dark-text)
}

.read-circle {
    color: var(--bs-primary);
    position: absolute;
    padding: .33rem;
    font-size: .66rem;
}

.pilled-wrapper {
    display: flex;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.pilled-labels {
    max-width: 80%;
}

.pilled-labels div {
    background-color: var(--rg-border);
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: .25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--rg-dark-text);
    font-weight: 700;
    font-size: .8rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.pilled-values {
    text-overflow: ellipsis;
    overflow: hidden;
}

.pilled-values div {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    background-color: var(--rg-light-grey);
    margin-bottom: .25rem;
    padding-left: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .8rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.subnav-button {
    background-color: #CB8B30;
    padding-left: 0.1rem;
    padding-right: .5rem;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    color: white;
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.subnav-icon-wrapper {
    text-align: center;
    background: white;
    color: #CB8B30;
    border-radius: 50%;
    margin-right: .25rem;
    padding: .1rem;
    width: 1.65rem;
    height: 1.65rem;
    line-height: 1.7;
}

.stakeholder-add-dropdown {
    display: flex;
    border-top: 1px solid var(--rg-border);
    padding: 1rem;
    justify-content: space-between;
}

.dropdown-full-curved {
    border-radius: 10px;
}

.subnav-button-text {
    font-size: 11pt;
    padding-left: .5rem;
    padding-right: .75rem;
    font-weight: bold;
}

body {
    /* background: url('../images/night_4k.jpg') no-repeat center center fixed;  */
    background-color: white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--rg-dark-text);
    height: 100%;
}

main {
    display: flex;
    flex-direction: column;
}

.form-item,
.form-actions {
    margin-top: unset;
    margin-bottom: unset;
    padding-top: 1em;
    padding-bottom: 1em;
}

.subnav-wrapper {
    background: transparent linear-gradient(90deg, #07203E99 0%, #07203E33 100%) 0% 0% no-repeat padding-box;
    backdrop-filter: blur(3px);
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#subnav-title {
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
}

.pipe {
    padding-left: .25rem;
    padding-right: .25rem;
}

.small-bar {
    width: 10%;
    background-color: var(--rg-border);
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.line-sm-border {
    background-color: var(--rg-border);
    width: 1px;
}

.rg-divider {
    height: 2px;
    width: 100%;
    background-color: var(--rg-dark-text);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

/* Override main content wrapper */
#main-content-wrapper {
    padding: unset !important;
    height: calc(100% - 56px);
}

#main-content-wrapper .region {
    padding: unset;
    height: 100%;
}

/* The navigation menu bars */
#menu-icon {
    text-decoration: none;
    font-size: 25px;
    color: #cb8b30;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

#sidebar-box {
    width: var(--navbar-width);
    height: var(--navbar-width);
    cursor: pointer;
}

/* User account/image handler */
#user-account-link {
    width: var(--navbar-width);
    height: var(--navbar-width);
    cursor: pointer;
    position: fixed;
    bottom: 0;
}

#user-account-link a {
    width: var(--navbar-width);
    height: var(--navbar-width);
    display: block;
}

.image-style-profile {
    border: 1px solid #d5d5d5 !important;
    border-radius: 50% !important;
}

/* main content */
main {
    height: 100%;
    background: var(--rg-main-background-color);
}

.ajaxLink,
.ajaxLinkForm {
    cursor: pointer;
}

/* toolbar options */
.nav-button {
    text-decoration: none;
    text-align: center;
    color: var(--rg-read-text);
    margin: auto;
}

.toolbar-label {
    display: inline-block;
    font-size: 8pt;
    text-align: center;
    width: 100%;
}

.toolbar-icon {
    font-size: 25px;
    display: block !important;
    text-align: center;
}

.dropdown-caret {
    translate: 22px -21px;
    position: absolute;
    width: 100%;
}

.main-toolbar-buttons {
    height: 56px;
}

.main-toolbar-buttons .nav-item {
    padding-right: 1rem;
    display: flex;
}

/* Number badge for notification  */
.icon-badge {
    position: absolute;
    transform: translate(175%, -160%);
    background-color: black;
    border: 1px solid black;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

.notification-badge {
    position: absolute;
    left: 62.5%;
    top: 2.5rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: black;
    color: var(--bs-primary);
    font-size: 8pt;
    border: 1px solid #d5d5d5 !important;
}

.notification-badge-dropdown {
    position: absolute;
    left: 95%;
    top: 1.25rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: black;
    color: var(--bs-primary);
    font-size: 8pt;
    border: 1px solid #d5d5d5 !important;
}

#navbarSubnav .nav-item {
    padding-left: .5rem;
}

/* universal edits for bootstrap dropdowns */
.dropdown-menu {
    min-width: 20rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-footer {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* allows for input group bootstrap options*/
.input-group .form-text {
    margin-top: 0 !important;
}

/* Comments System */
#comments-wrapper {
    padding: 1rem;
}

.comment-card-body {
    background-color: var(--rg-light-grey);
    padding: 1rem;
    border-radius: 10px;
}

.comment-footer {
    max-height: 15vh;
}

.add-discussion-wrapper {
    padding: 2rem;
    z-index: 1;
    box-shadow: 0px -5px 5px #00000015 !important;
}

.comment-card-text {
    font-size: 14px;
    color: var(--rg-light-text);
}

.comment-value-wrapper {
    padding-left: 1rem;
    margin-top: .25rem;
    flex-grow: 1;
}

.comment-card-title a {
    text-decoration: unset !important;
    font-weight: bold;
    padding-left: unset;
    color: var(--rg-dark-text);
    font-size: 16px;
}

.modal-body .simplebar-track.simplebar-horizontal {
    display: none;
}

.comment-modal-add-wrapper {
    display: flex;
    width: 100%
}

.reply-options-wrapper {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    padding-top: .25rem;
}

.set-reply {
    text-decoration: underline;
    color: var(--bs-primary);
    cursor: pointer;
    font-weight: bold;
}

.comment-date {
    color: var(--rg-light-text);
}

.subcomment-container {
    margin-left: 3rem;
    margin-right: 3rem;
    padding-bottom: 1rem;
}

.indented {
    margin-left: 25px;
    /* LTR */
}

[dir="rtl"] .indented {
    margin-right: 25px;
    margin-left: 0;
}

/* bootstrap additions */
.input-group-dark .input-group-text {
    background-color: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    color: #fff;
    font-weight: bold;
}

.input-group-dark .form-select {
    background-color: var(--bs-gray-dark);
    border: var(--bs-gray-dark)
}

select option:hover,
select option:focus,
select option:active {
    background: linear-gradient(#000000, #000000);
    background-color: #000000 !important;
    /* for IE */
    color: #ffed00 !important;
}

.classification-dropdown option[selected] {
    font-weight: bold;
}

.w-inherit {
    width: inherit !important;
}

.w-fit {
    width: fit-content !important;
}

.p-inherit {
    padding: inherit !important;
}
.rg-light-form {
    width: 100%;
}

.rg-light-form input[type="text"],
.rg-light-form .tagify,
.rg-light-form .form-select {
    background-color: white !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.x-modal {
    cursor: pointer;
    float: right;
    font-size: 1.33em;
    line-height: .75em;
    padding: 10px 10px 0px 10px;
}

.form-type-managed-file {
    padding-top: unset !important;
}

.form-control:disabled {
    font-style: italic;
    color: var(--rg-read-text);
}

.toast {
    margin: 1rem;
    position: fixed;
    z-index: 9999999;
    right: 0;
    bottom: 0;
    width: fit-content;
}

.white-space-nowrap {
    white-space: nowrap;
}

.fs-7 {
    font-size: .75rem !important;
}

.fs-8 {
    font-size: .5rem !important;
}

.fs-9 {
    font-size: .25rem !important;
}

.pt-50 {
    padding-top: 50% !important;
}

.w-unset {
    width: unset !important;
}

/* boostrap fixes*/
.form-select {
    margin-top: .25rem;
}

.modal .form-item {
    margin-top: 0 !important;
}

.modal-xxl {
    max-width: 1800px;
}

/* .modal:nth-of-type(odd) {
    z-index: 1061 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1060 !important;
} */

.unlink {
    text-decoration: none;
    color: unset;
}

.unlink:hover {
    color: unset;
}

.dynamic-image {
    max-width: 45rem;
    padding-right: 2rem;
}

.center-parent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.link-plain {
    color: unset !important;
    text-decoration: none !important;
}

.tagger-width-auto {
    --tag--max-width: auto !important;
}

/* Fieldset edits */
fieldset:not(.fieldgroup)>.fieldset-wrapper {
    padding: 1rem !important;
    border: 1px solid var(--bs-border) !important;
}

.form-composite>legend {
    font-weight: unset !important;
}

.rotated {
    transform: rotateX(180deg);
}

.rg-button-group-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.rg-button-group-wrapper>.rg-button-affirm,
.rg-button-group-wrapper>.rg-button-deny {
    color: white;
    flex: 1 0 0%;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: bold;
    cursor: pointer;
    margin: unset !important;
    border-radius: 0 !important;
    border: 0;
}

.rg-button-affirm {
    background-color: var(--bs-orange);
    color: white !important;
    text-decoration: none !important;
}

.input-group > .rg-button-affirm.btn,
.input-group > .rg-button-deny.btn {
    height: 2.15rem;
}

.rg-button-affirm.btn,
.rg-button-deny.btn {
    border-radius: 2rem;
    height: fit-content;
}

.rg-button-deny {
    background-color: var(--bs-secondary);
    color: white;
    text-decoration: none;
}

.checkbox-wrap .form-checkboxes {
    flex-wrap: wrap;
    display: flex;
}

.checkbox-wrap .form-type-checkbox {
    flex: 0 0 auto;
    width: 25%;
}

.rg-read-text {
    color: var(--rg-read-text) !important;
}

.rg-dark-text {
    color: var(--rg-dark-text) !important;
}

.rg-primary-text {
    color: var(--bs-primary) !important;
}

.rg-button-rounded {
    width: fit-content;
    border-radius: 1rem;
    padding: .25rem 1.5rem .25rem 1.5rem;
}

.form-check-input:checked {
    background-color: var(--rg-dark-text);
    color: var(--rg-dark-text);
}

.form-checkboxes>.form-type-checkbox {
    padding: unset !important;
}

.form-checkbox:disabled+label {
    font-style: italic;
    color: var(--rg-light-text);
}

.subtitle {
    color: var(--rg-light-text);
    font-size: 14px;
}

.btn-outline-rg {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-rg:hover,
.btn-check:checked+.btn-outline-rg,
.btn-check:active+.btn-outline-rg,
.btn-outline-rg:active,
.btn-outline-rg.active,
.media-library-view--widget .view-header a.btn-outline-rg.is-active,
.btn-outline-rg.dropdown-toggle.show {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-rg:disabled,
.btn-outline-rg.disabled {
    color: var(--rg-rg-button);
    background-color: transparent;
}

.btn-check:focus+.btn-outline-rg {
    box-shadow: unset;
}

/* .input-group>.form-control :not(.add-comment-input) {
    height: unset !important;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.add-comment-input) {
    background: var(--rg-border);
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
} */
.w-0 {
    width: 0 !important;
}
.w-33 {
    width: 33% !important;
}