@import "gwTheme.css";

/* Background Images */

.glasswall-halo-background-image {
    background-image: url("../static/halo-background.jpg");
    background-repeat: no-repeat;
    background-color: hsl(210, 91%, 4%);
}

/* Component Skins */
.portal-nav-skin {
    --component-highlight: hsla(221, 39%, 11%, 0.2);
    --component-highlight-secondary: hsla(0, 0%, 100%, 0.1);
    --component-background: linear-gradient(121.37deg, hsla(0, 0%, 100%, 0.6) -178.46%, hsla(0, 0%, 100%, 0) 132.57%);
}

.bg-gradient-cleanroom-info-pane {
    background: var(--bg-clr-cleanroom-info-pane);
}

.bg-gradient-integrate-apis {
    background: var(--gradient-integrate-apis);
    background-size: auto 110% !important;
}

.modal-WhiteNoBorder-theme {
    --modal-close-clr: var(--clr-shade-40)
}

/* Utilities */

.icap-settings-policy-dropdown-grid{
    grid-template-columns: max-content minmax(auto, 25.9rem);
}

.file-list-button:hover {
    --button-bg-hover-clr: transparent;
}

.portal-page-max-width{
    width: clamp(min(1616px, 100%), 100% ,1616px);
}

.layout-portal {
    grid-template-columns: [first-col] clamp(18rem, 10%, 28rem) auto;
    grid-template-areas:
        "nav body";
    --clr-info: hsl(201, 98%, 41%);
    --clr-link: hsl(205, 100%, 38%);
}

.layout-cleanroom {
    background-color: var(--bg-clr-cleanroom);
    grid-template-columns: minmax(min-content, 50%) minmax(min-content, 50%);
    grid-template-rows: [header] 1fr [body] 15fr;
    grid-template-areas:
        "left-header right-header"
        "left-body right-body";
}

.layout-portal-nav {
    grid-area: nav;
}

.layout-portal-full-body {
    grid-area: body;
}

.layout-cleanroom-left-full-height {
    grid-area: left-header / left-header / left-body;
}

.layout-cleanroom-right-body {
    grid-area: right-body;
}

.layout-cleanroom-left-body {
    grid-area: left-body;
}

.layout-cleanroom-right-header {
    grid-area: right-header;
}

.layout-cleanroom-left-header {
    grid-area: left-header;
}

.api-icon-padding {
    padding-left: 3px;
}

.portal-modal-padding-right {
    padding-right: 6rem;
}

.landing-page-gap-l {
    gap: 9.5rem
}

.landing-page-gap-m {
    gap: 3rem
}

.info-footer {
    bottom: 2vh;
}

.reporting-donut-tooltip-gap{
    gap: 0.125rem;
}

.reporting-colour-dot-offset-padding{
    padding-top: 0.1rem
}

.content-switch-label {
    fill: var(--clr-radio-deselected);
    color: var(--clr-primary-100)
}

.content-switch-label.radio-button-green.True{
    fill: var(--clr-radio-active);
}

.content-switch-label.sanitise.True, .content-switch-label.process.True{
    background-color: var(--clr-recommended);
    fill: var(--clr-secondary-80);
}

.content-switch-label.disallow.True, .content-switch-label.content-block.True{
    background-color: var(--clr-warning-20);
    fill: var(--clr-warning-80);
}

.content-switch-label.allow.True, .content-switch-label.bypass.True{
    background-color: var(--clr-error-40);
    fill: var(--clr-error-80);
}

.content-switch-label.hidden-data-reveal.True {
    background-color: var(--bg-clr-hidden-data);
    fill: var(--clr-neutral-100);
}

.content-switch-label.hidden-data-disallow.True {
    background-color: var(--bg-clr-hidden-data-stop);
    fill: var(--clr-neutral-100);
}

.content-switch-label.hidden-data-dont-reveal.True {
    background-color: var(--bg-clr-hidden-data-hide);
    fill: var(--clr-neutral-100);
}

.content-switch-label.unlisted-process.True {
    background-color: var(--bg-clr-hidden-data);
    fill: var(--clr-neutral-100);
}

.content-switch-label.unlisted-bypass.True {
    background-color: var(--bg-clr-hidden-data-hide);
    fill: var(--clr-neutral-100);
}

.content-switch-label.unlisted-content-block.True {
    background-color: var(--bg-clr-hidden-data-stop);
    fill: var(--clr-neutral-100);
}

.content-switch-label.xml-allow-encoding.True, .content-switch-label.xml-block-tags.True,  .content-switch-label.xml-block-cdata.True{
    background-color: var(--clr-validation-fail);
    fill: var(--clr-primary-95);
}

.content-switch-label.xml-dont-allow-encoding.True, .content-switch-label.xml-allow-tags.True, .content-switch-label.xml-allow-cdata.True {
    background-color: var(--clr-validation-allow);
    fill: var(--clr-primary-95);
}

.content-switch-label[disabled] {
    color: var(--clr-disabled);
    fill: var(--clr-disabled);
}

.collapsible-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
}

.collapsible-panel-open {
    grid-template-rows: 1fr;
}

.collapsible-table-row {
    display: grid;
    grid-template-columns: 10fr 8fr;
}

.profile-collapsible-table-row {
    display: grid;
    grid-template-columns: 11fr 10fr;
}

.grid-cleanroom-columns {
    grid-template-columns: 1fr 1fr;
}

.grid-policy-settings-card-layout {
    display: grid;
    grid-template-columns: 3fr 18fr;
    grid-template-rows: auto;
    grid-template-areas:
        "tab body"
}

.grid-policy-settings-card-body-layout {
    display: grid;
    grid-template-columns: 10fr 8fr;
    grid-template-rows: 0fr 2fr 0fr auto;
    grid-template-areas:
        "title title"
        "text header"
        "toggle header"
        "table table"
}

.grid-icap-settings-card-layout {
    display: grid;
    grid-template-columns: 3fr 11fr 10fr;
    grid-template-rows: 2fr 0fr auto;
    grid-template-areas:
        "text text header"
        "tab toggle header"
        "tab table table"
}

.grid-profile-settings-card-layout {
    display: grid;
    grid-template-columns: 11fr 10fr;
    grid-template-rows: 2fr 0fr auto;
    grid-template-areas:
        "text header"
        "toggle header"
        "table table"
}

.grid-validation-settings-card-layout {
    display: grid;
    grid-template-columns: 3fr 8fr 10fr;
    grid-template-rows: 2fr 0fr auto;
    grid-template-areas:
        "tab text header"
        "tab toggle header"
        "tab table table"
}

.grid-area-body {
    grid-area: body;
}

.grid-area-header {
    grid-area: header;

    > div:first-of-type {
        border-top-left-radius: 8px;
    }
    
    > div:last-of-type {
        border-top-right-radius: 8px;
    }
}

.grid-area-table {
    grid-area: table;
}

.grid-area-tab {
    grid-area: tab;
}

.grid-area-title {
    grid-area: title;
}

.grid-area-text {
    grid-area: text;
}

.grid-area-toggle {
    grid-area: toggle;
}

.grid-policy-buttons {
    grid-column-start: 1;
    grid-column-end: 4;
}

.emp-component-library {
    font-weight: 700;
    color: var(--clr-secondary-65);
}

.portal\:px-4rem {
    padding-left: 4rem;
    padding-right: 4rem;
}

.tab-header {
    background-color: var(--clr-background-20);
    border-radius: 8px;
    margin-bottom: 12px;
    border: 1px solid var(--clr-border-tab-header);
}

.tab-header.active-tab {
    background-color: var(--bg-clr-tab-header-active);
    border: none;
}

.tab-header.modified:not(.active-tab) {
    background-color: var(--bg-clr-tab-header-modified);
}

.risk-levels-series-colour-scheme{
    --rz-series-1: url(#red_gradient);
    --rz-series-2: url(#yellow_gradient);
    --rz-series-3: url(#low_risk_level_gradient);
}

.protection-levels-series-colour-scheme{
    --rz-series-1: url(#fully_protected_gradient);
    --rz-series-2: url(#blue_gradient);
    --rz-series-3: url(#yellow_gradient);
}

.file-protection-status-series-colour-scheme {
    --rz-series-1: url(#file_protection_status_safe_gradient);
    --rz-series-2: url(#file_protection_status_safe_by_policy_gradient);
    --rz-series-3: url(#file_protection_status_no_risk_found_gradient);
    --rz-series-4: url(#file_protection_status_risk_found_gradient);
    --rz-series-5: url(#file_protection_status_risk_unknown_gradient);
    --rz-series-6: url(#file_protection_status_not_safe_gradient);
    &.donut {
        --rz-series-3: url(#file_protection_status_donut_no_risk_found_gradient);
    }
}

.file-usage-series-colour-scheme{
    --rz-series-1: url(#blue_gradient);
}

.data-usage-series-colour-scheme{
    --rz-series-1: url(#dark_green_gradient);
}

.file-types-series-scheme{
    --rz-series-1: url(#file_type_gradient);
    --rz-chart-axis-label-color: var(--clr-neutral-100)
}

.risks-series-scheme{
    --rz-series-1: url(#light_green_gradient);
    --rz-chart-axis-label-color: var(--clr-neutral-100)
}

.allowed-risks-series-scheme {
    --rz-series-1: url(#allowed_risk_gradient);
    --rz-chart-axis-label-color: var(--clr-neutral-100)
}

.sources-series-scheme {
    --rz-series-1: url(#sync_api_gradient);
    --rz-series-2: url(#async_api_gradient);
    --rz-series-3: url(#cleanroom_gradient);
    --rz-series-4: url(#icap_gradient);
    --rz-series-5: var(--clr-chart-series-onedrive);
    --rz-series-6: var(--clr-chart-series-sharepoint);
}

.request-status-series-colour-scheme{
    --rz-series-1: url(#adapated_gradient);
    --rz-series-2: url(#blocked_gradient);
    --rz-series-3: url(#unprocessed_gradient);
}

.request-type-series-colour-scheme{
    --rz-series-1: url(#requested_gradient);
    --rz-series-2: url(#submitted_gradient);
}

.content-type-series-scheme{
    --rz-series-1: url(#risky_content_removed_gradient);
    --rz-chart-axis-label-color: var(--clr-neutral-100)
}

.blocked-content-type-series-scheme {
    --rz-series-1: url(#blocked_gradient);
    --rz-chart-axis-label-color: var(--clr-neutral-100)
}

.original-malware-status-colour-scheme {
    --rz-series-1: url(#malicious_gradient);
    --rz-series-2: url(#suspicious_gradient);
    --rz-series-3: url(#likely_good_gradient);
    --rz-series-4: url(#not_recognized_gradient);
    --rz-series-5: url(#unavailable_gradient);
}

.malware-severity-colour-scheme {
    --rz-series-1: url(#high_severity_gradient);
    --rz-series-2: url(#medium_severity_gradient);
    --rz-series-3: url(#low_severity_gradient);
}

.expand-chart-hover{
    padding: 0.25rem 0.75rem;
    &:hover {
        border-radius: 6.25rem;
        background: var(--clr-primary-5);
    }
    .hyperlink:hover {
        background: none;
    }
}

.dot {
    border-radius: 100%;
}

.tab-header.modified .dot {
    background-color: var(--clr-dot-modified);
}

.clr-high {
    color: var(--clr-high-risk);
}

.clr-Unprocessed, .clr-medium {
    color: var(--clr-warning-100);
}

.clr-FullyProtected {
    color: var(--clr-secondary-95);
}

.clr-low {
    color: var(--clr-low-risk);
}

.clr-ProtectedByPolicy {
    color: var(--clr-primary-95);
}

.clr-glasswall-gradient-horizontal {
    background: linear-gradient(90deg, hsl(209, 76%, 28%) 0%, hsl(185, 65%, 33%) 100%);
}

.dark-mode .clr-glasswall-gradient-horizontal {
    background: transparent;
}

.file-analysis-modal-gap {
    gap: 1.25rem;
}

.cleanroom-info-pane {
    padding: 8rem 1rem 0rem 5rem;
    color: white;
    
    & h3 {
        color: white !important;
    }
}

.data-modal-text {
    background-color: var(--bg-clr-card-secondary, var(--clr-primary-5));
    letter-spacing: 0.01063rem;
}

.data-modal-header {
    color: var(--clr-primary-95);
    letter-spacing: 0.01063rem;
}

.screen-fill-mask {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    opacity: 0;
    overflow-x: hidden;
}

.dragdrop-icon {
    width: 86px;
    height: 71px;
}

.dragdrop-refresh-icon {
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
}

.dragdrop-complete-icon {
    width: 7rem;
    height: 7rem;
}


.dragdrop-modal {
    min-width: 25rem;
    min-height: 18.75rem;
    color: var(--clr-neutral-80);
}

    .dragdrop-modal .spinner {
        --spinner-clr: hsl(187, 100%, 42%);
        --spinner-size: 7.5rem;
    }

.text-clr-neutral-80 {
    color: var(--clr-neutral-80);
}

.text-clr-neutral-0 {
    color: var(--clr-neutral-0);
}

.navigation-item .spinner {
    --spinner-size: 2rem;
}

.ml-technical-description {
    margin-left: 26px;
}

.splashscreen-wrapper {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: var(--clr-neutral-0);
    background-image: var(--image-halo-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.loading-progress-text {
    color: var(--clr-secondary-80);
    position: absolute;
    text-align: center;
    font-weight: bold;
    margin-top: 14.75rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "0%");
    }

.loading-circle {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin-top: 5rem;
    transform-origin: center;
    transform: rotate(-90deg);
}

div.loading-gradient {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(from 180deg, var(--clr-gradient-start-end) 0%, var(--clr-gradient-transition) 50%, var(--clr-gradient-start-end) 100%);
    /* default parameters */
    --clr-gradient-start-end: hsl(196, 68%, 50%);
    --clr-gradient-transition: hsl(158, 100%, 35%);
}

.loading-background-circle {
    opacity: 0.07;
}

g.loading-circle-blend {
    mix-blend-mode: lighten;
}

    g.loading-circle-blend > rect {
        fill: var(--clr-neutral-0);
    }

    g.loading-circle-blend > path {
        stroke: black;
        stroke-width: 4;
        stroke-dasharray: 288.5;
        stroke-linecap: round;
        fill: none;
        --calculated-percentage: calc(2.88 * var(--blazor-load-percentage, 0%));
        stroke-dashoffset: calc(288.5% - var(--calculated-percentage));
    }


.sample-files {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
}

    .sample-files > li {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 8rem;
        width: 4rem;
        position: relative;
        margin: auto;
        flex-basis: 20%;
    }

    .sample-files img {
        object-fit: contain;
        width: 63px;
        max-height: 63px;
    }

    .sample-files p {
        position: absolute;
        bottom: 0;
        text-decoration: none;
        font-size: 12px;
        color: var(--clr-neutral-100);
    }

.processed-file {
    background-color: var(--bg-clr-cleanroom-processed-file);

    &:hover, &:active {
        background-color: var(--bg-clr-cleanroom-processed-file-highlight);
    }
}

.cleanroom-section-title {
    line-height: 54px;
    background-color: var(--bg-clr-card-secondary, var(--clr-neutral-50));
    border-bottom: 2px solid var(--clr-primary-20);
    border-radius: 1rem 1rem 0rem 0rem;
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-sm);
}

.cleanroom-section {
    border: 2px solid var(--clr-primary-20);
    border-radius: 1rem;
    overflow: inherit;
    color: var(--clr-primary-95);
    display: flex;
    flex-direction: column;
}

.cleanroom-section-risk-wrapper {
    display: flex;
    padding: var(--spacing-xlg) 4rem;
}

.cleanroom-loading-bar {
    background-color: rgb(182, 188, 226);
}

    .cleanroom-loading-bar .cleanroom-loading-progress {
        transition: width .4s linear;
        background: linear-gradient(to right, var(--loading-bar-start-colour), var(--loading-bar-end-colour));
        /* default parameters */
        --loading-bar-start-colour: hsl(160, 83%, 66%);
        --loading-bar-end-colour: hsl(187, 82%, 62%);
    }

.cleanroom-progress-bar-percent-text {
    color: var(--clr-neutral-80);
    font-size: 14px;
    line-height: 1rem;
    font-weight: 400;
}

.cleanroom-progress-status {
    font-weight: 400;
    color: var(--clr-primary-95);
    font-size: 20px;
    line-height: 1.5rem;
}

.cleanroom-progress-bar {
    background: var(--bg-clr-card-secondary, var(--clr-neutral-50));
    padding: 1.5rem;
    border: 2px solid var(--clr-primary-20);
    border-radius: 1rem;
}

.cleanroom-file-button-group {
    padding: 1rem;
    background-color: var(--bg-clr-card-secondary, var(--clr-neutral-50));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid var(--clr-primary-20);
    border-radius: 0rem 0rem 1rem 1rem;
    border-top: none;
}

.file-details-section {
    max-height: calc(100% - 3rem);
    letter-spacing: .00938em;
}

.portal-scroll-bar::-webkit-scrollbar {
    width: 0.5rem
}

.portal-scroll-bar::-webkit-scrollbar-thumb {
    background-color: var(--clr-secondary-80);
    border-radius: 5px;
}

.cleanroom-processed-files {
    border: 2px solid var(--clr-primary-20);
    border-bottom: none;
    border-radius: 1rem 1rem 0 0;
}

.cleanroom-error-toast {
    border: 2px solid var(--clr-error-80);
    padding: 1.25rem 0.5rem 1.25rem 1.25rem;
    background: var(--error-toast-background);
    border-radius: 1rem;
    min-height: 9rem;
    /*default parameters */
    --error-toast-background: hsla(335, 65%, 46%, 0.12);
}

.cleanroom-error-message {
    color: var(--error-message-color);
    font-size: 13px;
    font-weight: var(--fw-regular);
    line-height: 15px;
    /* default parameters */
    --error-message-color: hsl(180, 1%, 34%); 
}

.error-message-scroll-bar {
    overflow-y: auto;
    height: 95%;
}

    .error-message-scroll-bar::-webkit-scrollbar {
        width: 0.5rem
    }

    .error-message-scroll-bar::-webkit-scrollbar-thumb {
        background-color: hsl(335, 65%, 46%);
        border-radius: 5px;
    }

.documentation-item {
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
}

.processed-files-clipboard-icon {
    height: 12px;
    width: 11px;
}

.layout-system-settings-details {
    row-gap: 1rem;
    grid-template-columns: 10% repeat(7, 7%) 10% 13% 18%;
    grid-template-areas:
        "header-status header-days-remaining header-start-date header-end-date header-daily-file header-daily-file-flex header-daily-size header-daily-size-flex header-holder header-id header-access"
        "value-status value-days-remaining value-start-date value-end-date value-daily-file value-daily-file-flex value-daily-size value-daily-size-flex value-holder value-id value-access";
}

.layout-system-settings-details > *:nth-child(n+3) {
    padding-left: 0.5rem;
}

.header-status-area {
    grid-area: header-status;
}

.header-days-remaining-area {
    grid-area: header-days-remaining;
}

.header-start-date-area {
    grid-area: header-start-date;
}

.header-end-date-area {
    grid-area: header-end-date;
}

.header-daily-file-area {
    grid-area: header-daily-file;
}

.header-daily-file-flex-area {
    grid-area: header-daily-file-flex;
}

.header-daily-size-area {
    grid-area: header-daily-size;
}

.header-daily-size-flex-area {
    grid-area: header-daily-size-flex;
}

.header-holder-area {
    grid-area: header-holder;
}

.header-id-area {
    grid-area: header-id;
}

.header-access-area {
    grid-area: header-access;
}

.value-status-area {
    grid-area: value-status;
}

.value-days-remaining-area {
    grid-area: value-days-remaining;
}

.value-start-date-area {
    grid-area: value-start-date;
}

.value-end-date-area {
    grid-area: value-end-date;
}

.value-daily-file-area {
    grid-area: value-daily-file;
}

.value-daily-size-area {
    grid-area: value-daily-size;
}

.value-daily-file-flex-area {
    grid-area: value-daily-file-flex;
}

.value-daily-size-flex-area {
    grid-area: value-daily-size-flex;
}

.value-holder-area {
    grid-area: value-holder;
}

.value-id-area {
    grid-area: value-id;
}

.system-settings-license-identifier-clipboard-icon {
    height: var(--fs-sm);
}

.value-access-area {
    grid-area: value-access;
}

.file-analysis-padding {
    padding-left: 4rem;
    padding-right: 4rem;
}

.file-analysis-file-rep-padding {
    padding-left: 4rem;
    padding-right: 3.5rem;
}

.system-settings-details-padding {
    padding-top: 0.32rem;
}

.apis-header-size{
    font-size: 1.75rem;
}

.apis-card-right-padding{
    padding-right: 5.12rem;
}

.processed-files-zip-archive-height{
    height: 1.8125rem;
}

.landing-page-book-demo-padding {
    padding-left: 10rem;
}

.landing-play-icon-position{
    top: 15%;
    left: 35%;
}

.hover\:landing-clr-secondary-100-video-play-button:hover > #video-play-icon{
    filter: brightness(0) saturate(100%) invert(30%) sepia(13%) saturate(3254%) hue-rotate(121deg) brightness(90%) contrast(95%);
}

.bg-allowed-items {
    background: hsl(336, 100%, 98%);
}

.landing-auth-grid-layout{
    
    --grid-layout-gap: var(--spacing-md);
    --grid-column-count: 3;
    --grid-item--min-width: 22.5rem;

    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
}

.landing-bottom-padding{
    padding-bottom: 5rem;
}

.landing-page-summary-gap{
    gap: 3rem;
}

.bullet-point-list li::before {
    content: '\2022';
    margin-right: var(--spacing-xsm);
}

.policy-modal-grid {
    grid-template-columns: max-content 1fr;
    grid-template-rows: 1fr minmax(2rem, 1fr);
}

.profile-button-footer{
    background: linear-gradient(0deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 60%, hsla(0, 0%, 100%, 0) 100%);
    width: 100%;
    height: 100px;
    position: relative;
    bottom: 80px;
    border-radius: var(--br-xsm);
}

.icap-card-grid-layout, .xml-policy-card-grid-layout {
    grid-template-columns: max-content auto;
}

.fixed-height-data-grid-wrapper .rz-data-grid-data {
    min-height: 41.6875rem;
}

/* Completely custom palette for filerep colours to match SVG images used for filerep */
.clr-filerep-MALICIOUS {
    color: hsl(0, 57%, 50%);
}

.clr-filerep-SUSPICIOUS {
    color: hsl(21, 100%, 45%);
}

.clr-filerep-KNOWN {
    color: hsl(167, 88%, 20%);
}

.clr-filerep-UNKNOWN {
    color: hsl(230, 13%, 46%);
}

.clr-filerep-LOCKED {
    color: hsl(221, 39%, 11%);
}

.clr-filerep-unavailable {
    color: hsl(0, 5%, 45%)
}

.flex-static-25 {
    flex: 0 0 25%;
}

#file-list-results-header {
    color: var(--clr-secondary-95);
    text-decoration-line: underline;
    text-decoration-thickness: 6px;
    text-underline-offset: 15px;
    text-underline-position: left;
    text-decoration-color: var(--clr-secondary-80);
}

#daily-file-count-chart .rz-series-1-tooltip, 
#daily-file-count-chart .rz-series-2-tooltip,
#daily-data-count-chart .rz-series-1-tooltip,
#daily-data-count-chart .rz-series-2-tooltip{
    visibility: hidden;
}

/* Validation Settings Pages */
.fail-validation-grid-header {
    background-color: var(--clr-validation-fail);
    border-top-left-radius: 8px;
}

.allow-validation-grid-header {
    background-color: var(--clr-validation-allow);
    border-top-right-radius: 8px;
}


/* Responsive */
@media (max-width: 1400px) {
    .landing-page-book-demo-padding {
        padding-left: 5rem;
    }

    .layout-portal {
        grid-template-columns: auto;
        grid-template-rows: 1fr 12fr;
    }

    .grid-cleanroom-columns {
        grid-template-columns: 1fr;
    }

    .grid-policy-settings-card-layout {
        display: grid;
        grid-template-columns: 3fr 4fr;
        grid-template-rows: auto;
        grid-template-areas:
            "tab tab"
            "title title"
            "text text"
            "toggle header"
            "table table"
            "action action";
    }

    .grid-icap-settings-card-layout {
        grid-template-columns: 6fr 15fr 20fr;
    }

    .grid-profile-settings-card-layout {
        display: grid;
        grid-template-columns: 3fr 4fr;
        grid-template-rows: auto;
        grid-template-areas:
            "text text"
            "toggle header"
            "table table"
            "action action";
    }

    .collapsible-table-row {
        display: grid;
        grid-template-columns: 3fr 4fr;
    }
    
    .profile-collapsible-table-row {
        display: grid;
        grid-template-columns: 3fr 4fr;
    }

    .cleanroom-info-pane {
        padding: var(--spacing-xlg);
    }

    .documentation-item {
        border-bottom: 1px solid var(--clr-primary-20);
        padding-bottom: var(--spacing-sm);
    }

    .layout-system-settings-details {
        row-gap: 0px;
        column-gap: 3rem;
        grid-template-columns: auto;
        grid-template-areas:
            "header-status header-start-date header-daily-file header-daily-file-flex header-holder"
            "value-status value-start-date value-daily-file value-daily-file-flex value-holder"
            "header-days-remaining header-end-date header-daily-size header-daily-size-flex header-id"
            "value-days-remaining value-end-date value-daily-size value-daily-size-flex value-id"
            "header-access header-access header-access header-access header-access"
            "value-access value-access value-access value-access value-access";
    }

    .tablet-nav-chevron-alignment {
        padding-right: 15px;
    }
    
    .min-w-help-card{
        min-width: 532px;
    }
    
}

@media (min-width: 1920px) {
    .cleanroom-info-pane {
        padding: 10rem;
        padding-bottom: 7rem;
    }
    
}

@media (max-width: 700px) {
    .mobile\:landing-play-icon-position {
        top: 20%;
        left: 40%;
    }
}