/* Copyright (c) Fair Work Commission. All rights reserved. */

@import url("https://fonts.googleapis.com/css2?family=Lato");

/* ----- FWC STYLE GUIDE CONSTANTS ----- */

:root {
    --fwc-palette-primary: #265662;
    --fwc-palette-primary-light: #b2c0c4;
    --fwc-palette-primary-dark: #00303c;
    --fwc-palette-secondary: #76bd22;
    --fwc-palette-tertiary: #e5ebea;
    --fwc-palette-tertiary-light: #e5ebea;
    --fwc-palette-tertiary-dark: #d6dedc;
    --fwc-palette-background: #f4f5f5;
    --fwc-palette-background-light: #fafaf5;
    --fwc-palette-background-dark: #f4f5f5;
    --fwc-palette-error: #d32f2f;
    --fwc-palette-error-light: #ff8a8032;
    --fwc-palette-error-dark: #9a0007;
    --fwc-palette-white: #ffffff;
    --fwc-palette-black: #1b1b1b;
    --fwc-radius-default: 10px;
    --fwc-radius-full: 9999rem;
    --fwc-elevation-0: none;
    --fwc-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --fwc-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --fwc-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/* ----- GLOBAL RESETS ----- */

html {
    overflow-y: hidden;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

* {
    border: 0;
    box-sizing: border-box;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 1rem;
    margin: 0;
    outline: 0 none;
    padding: 0;
    transition: all;
}

input,
select {
    width: 100%;
    min-width: unset !important;
}

::placeholder {
    color: var(--fwc-palette-primary-light) !important;
}

/* ----- COLORS ----- */

.bg-primary {
    background-color: var(--fwc-palette-primary);
}

.bg-primary-light {
    background-color: var(--fwc-palette-primary-light);
}

.bg-primary-dark {
    background-color: var(--fwc-palette-primary-dark);
}

.bg-secondary {
    background-color: var(--fwc-palette-secondary);
}

.bg-tertiary {
    background-color: var(--fwc-palette-tertiary);
}

.bg-tertiary-light {
    background-color: var(--fwc-palette-tertiary-light);
}

.bg-tertiary-dark {
    background-color: var(--fwc-palette-tertiary-dark);
}

.bg-white {
    background-color: var(--fwc-palette-white);
}

.bg-background {
    background-color: var(--fwc-palette-background);
}

.bg-background-light {
    background-color: var(--fwc-palette-background-light);
}

.bg-background-dark {
    background-color: var(--fwc-palette-background-dark);
}

/* ----- FLEX ---- */

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.justify-start {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.align-start {
    align-items: flex-start;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.align-stretch {
    align-items: stretch;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-grow {
    flex-grow: 1;
}

/* ----- LAYOUT COMPONENTS ----- */

/* header */
header.award {
    padding: 0px 8px;
}

@media (min-width: 1024px) {
    header {
        padding: 12px;
    }

    header.award {
        padding: 6px 12px;
    }
}

/* main */
main {
    padding-bottom: 16px;
}

@media (min-width: 1024px) {
    main.award {
        padding: 0px 12px 16px;
    }
}

/* footer */
footer {
    padding: 12px;
}

footer * {
    color: var(--fwc-palette-white);
    font-size: 14px;
}

@media (min-width: 1024px) {
    footer {
        padding: 24px;
    }
}

/* .container-wide */
.container-wide {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    overflow-x: hidden;
}

@media (min-width: 1024px) {
    .container-wide {
        max-width: 1180px;
        padding: 0px 24px 16px;
    }
}

@media (min-width: 1180px) {
    .container-wide {
        max-width: 1440px;
        margin: 0px auto;
        padding: 0px 24px 16px;
    }
}

header>div:is(.container-wide) {
    padding-bottom: 0px;
}

/* ----- RESPONSIVE TRIGGERS ----- */

.mobile-only {
    display: inherit !important;
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }
}

.desktop-only {
    display: none !important;
}

@media (min-width: 1024px) {
    .desktop-only {
        display: inherit !important;
    }
}

/* ----- FWC COMPONENTS ----- */

/* .fwc-link */
.fwc-link {
    font-weight: bold;
}

/* .fwc-loading */
.fwc-loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fwc-loading img {
    width: 48px;
}

.fwc-actions {
    position: fixed;
    bottom: 4px;
    right: 8px;
}

.fwc-actions>* {
    margin-bottom: 8px !important;
    box-shadow: var(--fwc-elevation-3);
}

/* .fwc-copyright */
.fwc-copyright {
    position: fixed;
    bottom: 12px;
    right: 12px;
    height: 40px;
    width: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--fwc-palette-primary-dark);
    text-decoration: none;
    font-weight: bold;
    background-color: var(--fwc-palette-tertiary-light);
    border-radius: var(--fwc-radius-full);
    box-shadow: var(--fwc-elevation-3);
    transition: all;
    transition-duration: 0.2s;
    user-select: none;
    font-size: 1.325rem;
}

.fwc-copyright .toggle {
    padding: 12px;
    line-height: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fwc-copyright .content {
    display: none;
    color: var(--fwc-palette-black);
    font-size: 0.875rem;
}

.fwc-copyright .content>*:not(:first-child):not(:last-child) {
    margin: 0px 16px;
}

.fwc-copyright.expand {
    width: unset;
    padding: 12px 0px 12px 16px;
}

.fwc-copyright.expand .content {
    display: flex;
}

.fwc-copyright.expand .toggle {
    margin-left: 8px;
}

@media (min-width: 1024px) {
    .fwc-copyright {
        bottom: 20px;
        right: 20px;
        width: 48px;
        height: 48px;
        font-size: 1.625rem;
    }

    .fwc-copyright .toggle {
        width: 48px;
        height: 48px;
    }
}

/* .fwc-button */
.fwc-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 156px;
    /*transform: scale(0.98);*/
    margin: 4px;
    padding: 12px 16px;
    color: var(--fwc-palette-white);
    text-decoration: none;
    font-weight: bold;
    background-color: var(--fwc-palette-primary-dark);
    border-radius: var(--fwc-radius-full);
    transition-duration: 0.2s;
    cursor: pointer;
    user-select: none;
}

.fwc-icon-button {
    min-width: unset;
    padding: 12px;
    width: 36px;
    height: 36px;
}

.fwc-button-light {
    color: var(--fwc-palette-primary-dark);
    background-color: var(--fwc-palette-tertiary-dark);
}

.fwc-button-small {
    min-width: 84px;
    margin: 0px;
    padding: 4px 8px;
    font-size: 80%;
    font-weight: normal;
}

.fwc-button-medium {
    min-width: 128px;
    padding: 8px 12px;
    font-size: 85%;
}

.fwc-button:hover {
    opacity: 0.9;
    /*transform: scale(1);*/
}

.fwc-button:active {
    opacity: 0.8;
}

.fwc-tab {
    min-width: 64px;
}

.fwc-tab:not(.active) {
    color: var(--fwc-palette-black);
    background-color: var(--fwc-palette-tertiary);
}

.fwc-tab:not(.active):hover {
    background-color: var(--fwc-palette-tertiary-dark);
}

.fwc-button-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fwc-button-icon-start {
    position: absolute;
    left: 40px;
}

.fwc-button-icon-end {
    position: absolute;
    right: 40px;
}

/* input */
.fwc-radio,
.fwc-checkbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 28px;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    position: relative;
    padding: 2px 0px 0px 42px;
    cursor: pointer;
}

input[type="radio"]+label::before,
input[type="checkbox"]+label::before {
    position: absolute;
    box-sizing: border-box;
    content: "";
    top: calc(50% - 13px);
    left: 0;
    width: 28px;
    height: 28px;
    border: solid 1px var(--fwc-palette-primary-light);
    background-color: var(--fwc-palette-white);
}

input[type="radio"]+label::before {
    border-radius: var(--fwc-radius-full);
}

input[type="checkbox"]+label::before {
    border-radius: 4px;
}

input[type="radio"]:checked+label {
    font-weight: bold;
}

input[type="radio"]:checked+label::after {
    position: absolute;
    box-sizing: border-box;
    content: "";
    top: calc(50% - 5px);
    left: 8px;
    width: 12px;
    height: 12px;
    background-color: var(--fwc-palette-primary);
    border-radius: var(--fwc-radius-full);
}

input[type="checkbox"]:checked+label::before {
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    color: var(--fwc-palette-primary);
}

/* .fwc-chip */
.fwc-chip {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 4px;
    padding: 3px 10px;
    color: var(--fwc-palette-primary-dark);
    text-decoration: none;
    font-size: 75%;
    background-color: var(--fwc-palette-tertiary-dark);
    border-radius: var(--fwc-radius-default);
}

/* .fwc-logo */
.fwc-logo {
    max-width: 164px;
}

@media (min-width: 1024px) {
    .fwc-logo {
        max-width: 200px;
    }
}

/* .fwc-alert */
.fwc-alert {
    padding: 12px;
    background-color: var(--fwc-palette-primary-light);
    color: var(--fwc-palette-primary-dark);
    font-size: 0.8rem;
    line-height: 1.4rem;
}

.fwc-alert * {
    font-size: 0.8rem;
    line-height: 1.4rem;
}

@media (min-width: 1024px) {
    .fwc-alert {
        padding: 12px 16px;
        border-radius: var(--fwc-radius-default);
    }
}

.fwc-alert .fwc-link {
    color: var(--fwc-palette-primary-dark);
}

.fwc-error {
    display: none;
    position: relative;
    padding: 8px 16px;
    color: var(--fwc-palette-error-dark);
    background-color: var(--fwc-palette-error-light);
    border: solid 1px var(--fwc-palette-error);
    border-radius: var(--fwc-radius-default);
    text-align: center;
}

/* .fwc-banner */
.fwc-banner {
    background-size: cover;
    padding: 24px 24px 16px;
    margin-bottom: 8px;
}

@media (min-width: 1024px) {
    .fwc-banner {
        background-size: cover;
        padding: 36px 64px;
        border-radius: 0px 0px var(--fwc-radius-default) var(--fwc-radius-default);
    }
}

/* .fwc-heading */
.fwc-heading {
    display: inline-block;
    margin-bottom: 24px;
}

@media (min-width: 1024px) {
    .fwc-heading {
        max-width: 85%;
        margin-bottom: 36px;
    }
}

.fwc-heading>h1 {
    color: var(--fwc-palette-white);
}

.fwc-heading-underline {
    width: 60%;
    height: 4px;
    background-color: var(--fwc-palette-secondary);
    border-radius: var(--fwc-radius-full);
}

/* .fwc-filter */
.fwc-filter {
    padding: 12px 16px;
}

@media (min-width: 1024px) {
    .fwc-filter {
        padding: 24px 32px;
    }
}

@media (max-width: 1023.9px) {
    body.drawer-opened {
        overflow: hidden;
    }

    .fwc-filter {
        position: relative;
    }

    .fwc-filter-drawer {
        width: 512px;
        max-width: 100%;
        height: 100%;
        padding: 24px;
        position: fixed;
        top: 0;
        left: -512px;
        z-index: 7;
        background-color: var(--fwc-palette-background-light);
        transition-duration: 0.2s;
        overflow-y: auto;
    }

    .opened .fwc-filter-drawer {
        transform: translateX(512px);
    }

    .opened .fwc-filter-drawer-background {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 6;
        background-color: rgba(0, 0, 0, 0.67);
        cursor: pointer;
    }

    .fwc-filter-drawer-content {
        z-index: 7;
    }
}

/* .fwc-filter-item */
.fwc-filter-item {
    user-select: none;
    margin-bottom: 16px;
}

.fwc-filter-item-input {
    position: relative;
}

.fwc-filter-item-input:not(:last-of-type) {
    margin-bottom: 16px;
}

.fwc-filter-item-heading:hover {
    opacity: 0.9;
}

.fwc-filter-item-heading:active {
    opacity: 0.8;
}

.fwc-filter-item-heading {
    position: relative;
    padding: 20px 24px;
    margin-bottom: 0px;

    font-size: 18px;

    background-color: var(--fwc-palette-tertiary-dark);
    border-radius: var(--fwc-radius-default);
    z-index: 2;
}

.fwc-filter-item-dropdown {
    cursor: pointer;
}

.fwc-filter-item-dropdown.no-icon {
    cursor: default;
}

.fwc-filter-item-dropdown::before {
    position: absolute;
    top: calc(50% - 12px);
    right: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

.fwc-filter-item-dropdown.no-icon::before {
    display: none;
}

.fwc-filter-item-content {
    position: relative;
    background-color: var(--fwc-palette-tertiary-light);
    border-radius: 0px 0px var(--fwc-radius-default) var(--fwc-radius-default);
    z-index: 1;
}

.icon-down+.fwc-filter-item-content {
    display: none;
}

.icon-up+.fwc-filter-item-content {
    display: block;
    padding: 32px 24px 20px;
    margin-top: -12px;
}

.fwc-filter-item-input-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: var(--fwc-palette-tertiary-dark);
    border-radius: var(--fwc-radius-full);
}

.fwc-filter-item-input-icon::after {
    position: absolute;
    top: calc(50% - 5px);
    right: calc(50% - 5px);
    font-family: "icomoon";
    content: "\e909";
    font-size: 10px;
    line-height: 10px;
}

.fwc-filter-item-date {
    font-size: 16px !important;
    padding: 8px 40px 8px 12px !important;
}

.fwc-filter-item-search {
    margin-bottom: 16px;
}

.fwc-filter-item-search input {
    font-size: 16px;
    padding: 8px 40px 8px 12px;
}

/* .fwc-info-item */
.fwc-info-item {
    padding: 20px 24px;
    background-color: var(--fwc-palette-tertiary-dark);
    border-radius: var(--fwc-radius-default);
}

.fwc-info-item-heading {
    font-size: 18px;
}

.fwc-info-item-content {
    font-size: 16px;
    color: #313131;
}

.fwc-info-item-message {
    margin: 16px 0px;
    border-radius: var(--fwc-radius-default);
    font-size: 14px;
    font-style: italic;
}

/* .fwc-search */
.fwc-search {
    padding: 16px 20px;
    background-color: var(--fwc-palette-background);
}

@media (min-width: 1024px) {
    .fwc-search {
        padding: 24px 0px;
    }
}

.fwc-search input {
    padding-right: 72px;
}

.fwc-search-tip {
    margin: 0px 8px 0.9375rem;
    color: var(--fwc-palette-primary-dark);
    text-decoration: none;
    font-size: 1rem;
}

.fwc-input {
    padding-bottom: 16px;
}

@media (min-width: 1024px) {
    .fwc-input {
        margin-right: 12px;
        padding-bottom: 0px;
    }
}

.fwc-input>input {
    width: 100%;
}

.fwc-input-icon {
    position: relative;
}

.fwc-input-icon::before {
    position: absolute;
    top: calc(50% - 12px);
    right: 16px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    transition-duration: 0.2s;
}

.fwc-input .fwc-input-icon:first-of-type::before {
    right: 42px;
}

.fwc-input-icon:hover::before {
    opacity: 0.8;
}

/* .fwc-content */
.fwc-content {
    padding: 12px 16px;
    background-color: var(--fwc-palette-background-light);
    border-radius: var(--fwc-radius-default);
}

@media (min-width: 1024px) {
    .fwc-content {
        padding: 20px 24px;
    }
}

/* .fwc-results */
.fwc-results {
    margin: 16px 0px;
}

.fwc-results-item {
    margin: 8px 0px;
    padding: 16px 12px;
    border-radius: var(--fwc-radius-default);
}

.fwc-results-item:nth-child(2n + 1) {
    background-color: #e5ebea64;
}

.fwc-results-item:not(:last-child) {
    margin-bottom: 12px !important;
}

.fwc-results-item-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
}

.fwc-results-item-title>a {
    padding-bottom: 8px;
}

@media (min-width: 1024px) {
    .fwc-results-item {
        margin: 16px 0px;
        padding: 20px 16px;
    }

    .fwc-results-item-title {
        flex-direction: row;
        align-items: center;
    }

    .fwc-results-item-title>a {
        padding-bottom: 0px;
    }
}

.fwc-results-item-description {
    padding: 0px 8px 12px;
    text-align: justify;
}

@media (min-width: 1024px) {
    .fwc-results-item-description {
        padding: 6px 8px 12px;
        text-align: justify;
    }
}

/* .fwc-pager */
.fwc-pager {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.fwc-pager select {
    width: unset;
    min-width: unset;
    padding: 8px 40px 8px 12px;
}

/* .fwc-pager-pagination-items */
.fwc-pager-pagination-items {
    list-style: none;
}

.fwc-pager-pagination-item {
    list-style: none;
}

.fwc-pager-pagination-item.is-active {
    font-weight: bold;
}

.fwc-pager-pagination-item a {
    text-decoration: none;
    padding: 4px 8px;
}

.fwc-pager-pagination-item .next,
.fwc-pager-pagination-item .previous {
    font-size: 20px;
}

/* .fwc-document-title */
.fwc-document-title {
    display: inline-block;
    padding: 16px 16px 8px;
    margin-bottom: 8px;
}

.fwc-document-title>h1 {
    font-size: 1.125rem;
    margin-bottom: 0.485rem;
}

.fwc-document-title .fwc-heading-underline {
    height: 3px;
}

@media (min-width: 640px) {
    .fwc-document-title {
        margin-bottom: 16px;
    }

    .award .fwc-document-title {
        margin-bottom: 0px;
    }

    .fwc-document-title>h1 {
        font-size: 1.5625rem;
        margin-bottom: 0.625rem;
    }

    .fwc-document-title .fwc-heading-underline {
        height: 4px;
    }
}

@media (min-width: 1024px) {
    .fwc-document-title {
        padding: 24px 42px 16px 16px;
    }

    .fwc-document-title>h1 {
        font-size: 1.875rem;
        margin-bottom: 0.9375rem;
        margin-bottom: 0.9375rem;
    }

    .award .fwc-document-title>h1 {
        font-size: 1.625rem;
    }
}

/* .fwc-viewer */
.fwc-viewer {
    background-color: var(--fwc-palette-background-light);
    border-radius: var(--fwc-radius-default);
    margin: 0px 16px;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .fwc-viewer {
        margin: 0px;
    }
}

/* #fwc-pdf-viewer */
#fwc-document-viewer-iframe,
#fwc-document-viewer-html,
#fwc-html-viewer {
    position: relative;
    width: 100%;
    height: 100%;
    /*aspect-ratio: 1/1.4142135623;*/
    overflow-y: auto;
}

#fwc-document-viewer iframe {
    margin-bottom: -6px;
}

/* .fwc-html-viewer */
#fwc-html-viewer {
    background-color: var(--fwc-palette-white);
    padding: 0 24px;
}

/* #fwc-document-search-results */
#fwc-document-search-results {
    overflow-y: auto;
}

@media (max-width: 1023.99px) {
    #fwc-document-search-results {
        max-height: unset !important;
        height: calc(100% - 116px) !important;
    }
}

@media (min-width: 1024px) {
    #fwc-document-search-results {
        margin-top: 16px;
    }
}

.fwc-document-search-results-item {
    margin: 0px 8px 16px;
    font-size: 14px;
    color: var(--fwc-palette-black-dark);
    opacity: 0.8;
    cursor: pointer;
    transition-delay: 0.1s;
}

.fwc-document-search-results-item:hover {
    opacity: 1;
}

/* .fwc-form-item */
.fwc-form-item:not(:last-of-type) {
    margin-bottom: 20px;
}

.fwc-form-item input,
.fwc-form-item select,
.fwc-form-item textarea {
    margin: 4px 0px 2px;
}

.fwc-form-item-error {
    color: var(--fwc-palette-error);
    margin-left: 0px;
}

/* .fwc-footer */
.fwc-footer-divider {
    height: 0.5px;
    margin: 8px 0px;
    background-color: var(--fwc-palette-primary-light);
}

.fwc-footer-link {
    margin: 0px 4px;
}

/* .fwc-modal */
.fwc-modal {
    position: relative;
    display: none;
}

.fwc-modal-heading {
    margin-bottom: 32px;
}

.fwc-modal-heading-text {
    display: inline-block;
}

.fwc-modal-heading-text-underline {
    width: 60%;
    height: 4px;
    margin-top: -4px;
    background-color: #76bd22;
    border-radius: var(--fwc-radius-full);
}

.fwc-modal-heading-close {
    transition: all 0.3s;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    line-height: 32px;
    color: var(--fwc-palette-white);
    font-size: 12px;
    text-decoration: none;
    background-color: #00303c;
    text-align: center;
    border-radius: 50%;
    z-index: 10;
    margin-left: 8px;
}

.fwc-modal-heading-close:before {
    top: 0;
}

.fwc-modal-heading-close:hover {
    opacity: 0.7;
}

.modaal-content-container {
    padding: 32px;
}

.fwc-modal-content {
    max-height: 60vh;
    overflow-y: auto;
    margin-right: -8px;
}

@media (max-width: 1023.99px) {
    .modaal-content-container {
        padding: 24px;
    }

    .fwc-modal-content {
        padding-right: 16px;
    }
}

/* ---- Awards Viewer ----- */

.award-sidebar,
.award-content,
.award-citations {
    height: 100%;
    word-break: break-word;
}

.award-sidebar {
    display: none !important;
}

.award-history-content {
    width: 100%;
    padding-right: 8px;
    padding-bottom: 16px;
}

#fwc-history-results {
    padding: 16px;
    margin: 0px -16px;
    background-color: var(--fwc-palette-white);
}

@media (min-width: 1024px) {
    .award-citations {
        width: 24%;
    }

    .award-content {
        padding-left: 16px;
        flex-basis: 0;
    }

    .award-history-content {
        height: 100%;
        overflow-y: auto;
        padding-bottom: 0px;
    }

    #fwc-history-results {
        padding: 24px;
        margin: 0px;
        border-radius: var(--fwc-radius-default);
    }
}

@media (min-width: 1200px) {
    .award-sidebar {
        display: flex !important;
    }

    .award-sidebar,
    .award-citations {
        width: 20%;
    }
}

@media (min-width: 1920px) {

    .award-sidebar,
    .award-citations {
        width: 16%;
    }
}

.award-viewer {
    zoom: .92;
}

.award-viewer *:is(h1, h2, h3, h4, h5, h6) {
    color: revert;
}

.award-viewer *:is(a span) {
    color: var(--fwc-palette-primary-dark);
}

.award-viewer *:is(table) {
    all: revert;
}

.award-viewer *:is(td, th) {
    min-width: 2.125rem;
}

.award-viewer *:is(table, thead, tbody, tr, th, td) {
    border-collapse: collapse !important;
    border: 1px;
}

.award-viewer * {
    font-family: revert !important;
}

/** Set white space to normal for all span elements in .award-viewer */
.award-viewer span {
    white-space: normal !important;
}

.award-viewer span:has(sup),
.award-viewer span:has(sub) {
    all: revert !important;
}

#fwc-toc * {
    all: revert;
    color: var(--fwc-palette-black);
    text-decoration: none;
}

#fwc-toc *:hover {
    text-decoration: underline;
}

#fwc-toc *:is(.dsc-TOC2) {
    margin-left: 24px;
}

@media (min-width: 1024px) {
    #fwc-panel-viewer-content {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
}

#fwc-panel-history {
    padding: 0px 16px;
}

@media (min-width: 1024px) {
    #fwc-panel-history {
        padding: 0px 48px;
    }
}


/* ---- Transcripts HTML Viewer ----- */
#fwc-document-viewer-html {
    background-color: white;
    padding: 30px;
}

#fwc-document-viewer-html *:not(th, td, font) {
    all: revert;
}

#fwc-document-viewer-html * {
    font-family: "Times New Roman", Times, serif !important;
}

#fwc-document-viewer-html th,
#fwc-document-viewer-html td {
    background-color: white;
    padding: 0;
    min-width: unset;
}

#fwc-document-viewer-html font {
    font-size: unset;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 0.9375rem;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.citation ul li a {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.tablesorter-headerDesc>.tablesorter-header-inner:after {
    content: "\e90f";
}

/* remove arrow from unsort table header */
.sorter-false .tablesorter-header-inner:after {
    content: none;
    margin: 0;
    display: none;
}

.word-wrap {
    word-break: break-all;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.award-list-highlight-box {
    border: 2px solid #00303c;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0 30px 0;
}