:root{
        --header-link-cl:#001D40;
        --logo-color-1:#001D40;
    }
    .dark{
        --header-link-cl:#fff;
        --logo-color-1:#ffffff;
    } 
    body{
        padding:0;
        margin:0;
        width: 100%;
        height: 100%;
    }
    .body-wrap{
        width:100%
    }
    .home-body-wrap{
        background: #efefef;
        
    }
    .dark .home-body-wrap{
        background: #001D40;
        background: linear-gradient(180deg,rgba(0, 29, 64, 1) 0%, rgba(4, 27, 56, 1) 98%, rgba(0, 178, 219, 1) 100%);
    }
    .header{
        width:100%;
    }
    .header-wrap{
        width: 100%;
        max-width: 1366px;
        padding: 20px;
        margin:auto;
    }
    .header-cont{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding:50px 0px;
        gap: 20px;
    }
    .header-logo-link{
        width: 292px;
        height: 29px;
        display: block;
    }
    .header-logo-link svg{
        width: 292px;
        height: 29px;
    }
    .header-right-bar{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:20px;
    }
    .contact-support-link{
        color:var(--header-link-cl);
        font-size: 1.2rem;
    }
    .main-hd-mode-switch {
        width: 24px;
        height: 24px;
        padding: 0px;
        cursor: pointer;
    }
    .gen-status-bar-cont{
        width: 100%;
        max-width: 1366px;
        padding:20px;
        margin: auto;
    }
    .gen-status-bar{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        border-radius: 0.5rem;
        border-width: 1px;
        --tw-text-opacity: 1;
        color: rgba(21, 128, 61, var(--tw-text-opacity));
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
    }
    .dark .gen-status-bar{
        --tw-text-opacity: 1;
        color: rgba(187, 247, 208, var(--tw-text-opacity));
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
    }
    .status-operational{
        --tw-text-opacity: 1;
        color: rgba(21, 128, 61, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(134, 239, 172, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
    }
    .dark .status-operational{
        --tw-text-opacity: 1;
        color: rgba(187, 247, 208, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(75, 85, 99, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
    }
    .status-partial-deg{
        --tw-text-opacity: 1;
        color: rgba(147, 93, 22, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(253, 224, 71, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(250, 204, 21, var(--tw-bg-opacity));
    }
    .dark .status-partial-deg{
        --tw-text-opacity: 1;
        color: rgba(147, 93, 22, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(202, 138, 4, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }
    .status-severe-deg{
        --tw-text-opacity: 1;
        color: rgba(137, 79, 10, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(134, 239, 172, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(249, 162, 22, var(--tw-bg-opacity));
    }
    .dark .status-severe-deg{
        --tw-text-opacity: 1;
        color: rgba(137, 79, 10, var(--tw-text-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(134, 239, 172, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(237, 147, 17, var(--tw-bg-opacity));
    }
    .gen-status-title{
        font-size: 1.2rem;
        font-weight: 600;
    }
    .gen-status-last-update{
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 300;
    }
    .body-content-wrap{
        width: 100%;
        padding:0;
        margin:0;
        min-height: 100vh;
    }
    .body-content-cont{
        width: 100%;
        max-width: 1366px;
        margin:auto;
    }
    @media screen and (min-width:600px) {
        .header-cont{
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding:50px 0px;
        }
        .gen-status-bar{
            flex-direction: row;
            justify-content: space-between;
        }
    }
    *{
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(14, 165, 233, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --dsh-web-txt-cl:#fff;
        --dsh-upt-txt-cl:#fff;
    }
    .i-page-tab-row{
        width:auto;
        display: flex;
        justify-content: flex-start;
        border-bottom: 1px solid #ccc !important;        
    }
    .i-page-tab-row .page-tablink-item{
        background-color: transparent;
        cursor: pointer;
    }
    .tablink{
        color:#001D40;
    }
    .dark .tablink{
        color:#fff;
    }
    .tablink-bottombar{
        color:#001D40;
        font-size: 1.2rem;
        padding: 8px 16px !important;
        border-bottom: 3px solid transparent !important;
    }
    .dark .tablink-bottombar{
        color:#efefef;
    }
    .active-tablink, .tablink-bottombar:hover {
        border-color: #00B2DB !important;
    }
    .dark .active-tablink, .dark .tablink-bottombar:hover {
        border-color: #efefef !important;
    }
    .page-tab-body{
        display: none;
        padding:30px 20px;
    }
    .show-page-tab{
        display: block;
    }
    .history-timeline{
        width:100%;
    }
    .all-clear{
        width:100%;
        padding:20px;
        color: #001D40;
        font-size: 1.2rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
    .dark .all-clear{
        color: #efefef;
        --tw-bg-opacity: 1;
        background-color: rgba(2, 22, 48, var(--tw-bg-opacity));
    }
    .daily-status-history-cont{
        width: 100%;
        padding:10px;
        border-radius: 0.5rem;
        border-width: 1px;
        margin-bottom: 1rem;
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .daily-status-history-cont, .sys-status-item{
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
    .daily-status-history-cont, .sys-status-item{
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
    .dark .daily-status-history-cont, .dark .sys-status-item{
        --tw-bg-opacity: 1;
        background-color: rgba(2, 22, 48, var(--tw-bg-opacity));
    }
    .dsh-titles-cont{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }
    .dsh-website-name{
        font-size: 1.2rem;
        font-weight: 600;
        color: #555;
    }
    .dsh-uptime-summary{
        font-size: 0.875rem;
        font-weight: 400;
        text-align: right;
        color: #555;
    }
    .dark .dsh-website-name{
        color: #efefef;
    }
    .dark .dsh-uptime-summary{
        color: #efefef;
    }
    .dsh-graph-cont{
        position: relative;
    }
    .dsh-foot-cont{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .dsh-old-date, .dsh-recent-date{
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity));
    }
    .dsh-old-date{
        text-align: left;
    }
    .dsh-recent-date{
        text-align: right;
    }
    .qe-uptime-rect{
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
    }
    .tooltip-box {
        display: flex;
        width: 140px;
        padding: 8px 16px;
        flex-direction: column;
        align-items: center;
        border-radius: 4px;
        border: 1px solid #efefef;
        background: #dedede;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.31px;
        position: absolute;
        bottom: calc(100% + 4px);
        left: -65px;
        z-index: 10;
        opacity: 0;
        transition: opacity var(--hover-transition);
    }
    .dark .tooltip-box {
        border: 1px solid #2e3a55;
        background: #0a2540;
    }
    .tooltip-box.tooltip-box-shown {
        opacity: 1;
    }
    .ttip-incident-date{
        font-size: 1.0rem;
        color:#001D40;
    }
    .dark .ttip-incident-date{
        color:#ffffff;
    }
    .tooltip-title{
        width:100%;
        font-size: 0.675rem;
        line-height: 1.1rem;
        color:#0a2540;
    }
    .dark .tooltip-title{
        color:#efefef;
    }
    .ttip-incident-number,.ttip-incident-partial-time,.ttip-incident-severe-time{
        font-size: 0.775rem;
        line-height: 1.0rem;
        color:#555;
    }
    .dark .ttip-incident-number, .dark .ttip-incident-partial-time, .dark .ttip-incident-severe-time{
        color:#efefef;
    }
    .tooltip-text-no-outage {
        color: rgba(21, 128, 61, 1);
        font-size: 13px;
    }
    .dark .tooltip-text-no-outage {
        color: var(--success-200, #76df47);
    }
    
    .tooltip-text-partial-outage {
        color: var(--attention-150, #fcd579);
        font-size: 13px;
    }

    .tooltip-text-major-outage {
    color: var(--critical-400, #e46602);
    font-size: 13px;
    }

    .history-timeline-item{
        width:100%;
        padding:10px;        
    }
    .legend-cont{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap:10px;
    }
    .legend-label{
        font-size: 1.0rem;
        color:#555;
    }
    .dark .legend-label{
        color:#efefef;
    }
    .legend-item{
        display: flex;
        flex-direction: row;
        gap:8px;
        align-items: center;
    }
    .legend-icon{
        width:15px;
        height: 15px;
    }
    .legend-icon svg{
        width: 100%;
        height: 100%;
    }
    .legend-text{
        font-size: 1.0rem;
        color:var(--def-font-cl);
    }
    .ic-operational{
        fill:#4CAF50;
    }
    .ic-partial-deg{
        fill:#FFCE48;
    }
    .ic-severe-deg{
        fill:#E46602;
    }
    @media screen and (min-width:600px) {
        .daily-status-history-cont{
            padding:30px;
            margin-bottom: 1rem;
        }
        .dsh-website-name{
            font-size: 1.2rem;
        }
        .dsh-uptime-summary{
            font-size: 1.2rem;
        }
        .legend-cont{
            flex-direction: row;
            gap:20px;
        }
    }
    .history-timeline-item{
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12),
        0px 15px 35px 0px rgba(48, 49, 61, 0.08);
        margin-bottom: 16px;
    }
    .dark .history-timeline-item{
        background: var(--neutral-0, #fff);
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12),
        0px 15px 35px 0px rgba(48, 49, 61, 0.08);
    }
    .dark .history-timeline-item{
        --tw-bg-opacity: 1;
        background-color: rgba(2, 22, 48, var(--tw-bg-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
    .hti-cont{
        width: 100%;
        padding-bottom: 20px;
    }
    .hti-title{
        width: 100%;
        font-weight: 700;
        font-size: 1.5rem;
        color:var(--neutral-600, #545969);
    }
    .hti-time-n-status{
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }
    .hti-time{
        font-weight: 600;
        font-size: 1.2rem;
        color: var(--monochrome-slate-5, #42464d);
    }
    .dark .hti-time{
        color: var(--monochrome-slate-5, #c4ccd8);
    }
    .hti-status-badge{
        display: flex;
        height: 20px;
        padding: 0px 6px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 4px;
        border: 1px solid var(--neutral-150, #d5dbe1);
        background: var(--neutral-100, #ebeef1);
        color: var(--neutral-600, #545969);
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.024px;
    }
    .hti-status-badge.hti-status-badge-resolved,
    .hti-status-badge.hti-status-badge-completed {
        border: 1px solid var(--success-150, #a6eb84);
        background: var(--success-100, #d7f7c2);
        color: var(--success-600, #006908);
    }
    .hti-description{
        width:100%;
        font-size: 1.1rem;
        color: var(--monochrome-slate-5, #42464d);
    }
    .dark .hti-description{
        color: var(--monochrome-slate-5, #c4ccd8);
    }
    .foot-buffer-zone{
                width: 100%;
                height: 100px;
                content: "";
            }
            .footer{
                background-color: #000b19;
                padding:50px 0px;
            }
            .foot-wrap{
                width: 100%;
                max-width: 1366px;
                margin: auto;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap:20px;
                padding:20px;
            }
            .foot-logo-cont{
                width: 100%;
                text-align: center;
            }
            .foot-logo-link{
                display: block;
            }
            .foot-logo-link svg{
                display: block;
                width:192px;
                height: 32px;
                margin: auto;
            }
            .copyright-cont{
                font-size: 1.2rem;
                color: var(--monochrome-slate-5, #c4ccd8);
            }
            .foot-other-links-cont{
                width: 100%;
                min-width: 200px;
            }
            .foot-other-link{
                display: block;
                font-size: 1.1rem;
                line-height: 1.5;
                text-decoration: none;
                color: var(--monochrome-slate-5, #c4ccd8);
                text-align: center;
            }
            @media screen and (min-width:600px) {
                .foot-wrap{
                    width: 100%;
                    max-width: 1366px;
                    margin: auto;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    padding:20px;
                }
                .foot-logo-cont{
                    text-align: left;
                }
                .foot-logo-link svg{
                    margin: 0px;
                }
                .foot-other-link{
                    text-align: right;
                }
            }
            .partners-maintenance-wrap{
                                width: 100%;
                            }
                            .partners-maintenance-title{
                                width: 100%;
                                font-weight: 700;
                                font-size: 1.8rem;
                                color: #001D40;
                                padding: 10px 0px;
                            }
                            .dark .partners-maintenance-title{
                                color: #00B2DB;
                            }
                            .partners-maintenance-cont{
                                display: flex;
                                gap:20px;
                                flex-wrap: wrap;
                            }
                            .partners-maintenance-item{
                                width: 100%;
                                padding: 10px 20px;
                                display: flex;
                                flex-direction: row;
                                gap:20px;
                                align-items: center;
                                border: solid 1px var(--slate-2,#c0c8d2);
                                border-radius: 0.5rem;
                            }
                            .dark .partners-maintenance-item{
                                border: solid 1px var(--slate-2,#0d2e4f);
                                border-radius: 0.5rem;
                            }
                            .maintenance-status {
                                max-width: 28%;
                                min-width: 93px;
                                float: left;
                                padding: 2px 0px;
                            }
                            .maintenance-status-badge{
                                display: flex;
                                padding: 0px 6px;
                                justify-content: center;
                                align-items: center;
                                gap: 4px;
                                border-radius: 4px;
                                text-align: center;
                                font-size: 12px;
                                font-weight: 600;
                                line-height: 16px;
                                letter-spacing: -0.024px;
                                background: var(--uptime-box-color, #556575);
                                height: auto;
                                min-height: 20px;
                                width: 85%;
                                padding: 0px 5px;
                                border: 1px solid var(--slate-2, #4f5b76);
                                color: var(--neutral-0, #0d2e4f);
                            }
                            .dark .maintenance-status-badge{
                                background: var(--uptime-box-color, #0d2e4f);
                                border: 1px solid var(--slate-2, #4f5b76);
                                color: var(--neutral-0, #fff);
                            }
                            .maintenance-status-badge-scheduled {
                                border: 1px solid var(--uptime-box-border-color, #3b404b);
                                color: var(--monochrome-slate-5, #f1f2f5);
                            }
                            .dark .maintenance-status-badge-scheduled {
                                border: 1px solid var(--uptime-box-border-color, #2e3a55);
                                color: var(--monochrome-slate-5, #c4ccd8);
                            }
                            .maintenance-content {
                                width: 72%;
                                float: left;
                                margin-bottom: 1rem;
                            }

                            .maintenance-content-scheduled {
                                color: var(--monochrome-slate-5, #42464d);
                            }
                            .dark .maintenance-content-scheduled {
                                color: var(--monochrome-slate-5, #c4ccd8);
                            }
                            #maintenance-disclaimer-text {
                                visibility: hidden;
                                display: flex;
                                position: absolute;
                                padding: 5px 10px;
                                flex-direction: column;
                                align-items: flex-start;
                                margin-top: -5px;
                            }

                            #maintenance-disclaimer-text p {
                                color: var(--neutral-200, #c0c8d2);
                            }

                            #maintenance-disclaimer-icon {
                                display: inline;
                                margin-left: 0.5rem;
                                cursor: pointer;
                            }
                            #maintenance-disclaimer-icon svg{
                                vertical-align: middle;
                                fill: var(--neutral-200, #c0c8d2);
                            }
                            .maintenance-title{
                                font-size: 1.2rem;
                                font-weight: 600;
                            }
                            .maintenance-time{
                                font-size: 1.0rem;
                                font-weight: 400;
                            }
                            @media screen and (min-width:600px) {
                                .partners-maintenance-item{
                                    width: calc(50% - 10px);
                                    padding: 10px 15px;
                                }
                            }
                            @media screen and (min-width:1000px) {
                                .partners-maintenance-item{
                                    width: calc(33% - 10px);
                                    padding: 10px 15px;
                                }
                            }
                            .sys-status-wrap{
                                width: 100%;
                            }
                            .sys-status-title{
                                width: 100%;
                                font-weight: 700;
                                font-size: 1.8rem;
                                color: #001D40;
                                padding: 10px 0px;
                            }
                            .dark .sys-status-title{
                                color: #00B2DB;
                            }
                            .sys-status-cont{
                                display: flex;
                                flex-direction: column;
                                flex-wrap: wrap;
                                gap:20px;
                            }
                            .sys-status-item{
                                width: 100%;
                                padding: 20px;
                                display: flex;
                                flex-direction: row;
                                gap:20px;
                                align-items: center;
                            }
                            .sys-st-icon{
                                width: 40px;
                                height: 40px;
                            }
                            .sys-st-icon svg{
                                width: 100%;
                                height: 100%;
                            }
                            .ic-sys-st{
                                fill:#555;
                            }
                            .sys-st-desc{
                                width:100%;
                            }
                            .sys-std-title{
                                width:100%;
                                font-size: 1.5rem;
                                font-weight: 700;
                                color:#001D40;
                            }
                            .dark .sys-std-title{
                                color:#efefef;
                            }
                            .sys-std-text{
                                width:100%;
                                font-size: 1.0rem;
                                font-weight: 400;
                            }
                            .dark .sys-std-text{
                                color:#ccc;
                            }
                            @media screen and (min-width:600px) {
                                .sys-status-cont{
                                    flex-direction: row;
                                    gap:20px;
                                }
                                .sys-status-item{
                                    width: calc(50% - 10px);
                                    padding: 20px;
                                }
                            }
                            @media screen and (min-width:1000px) {
                                .sys-status-cont{
                                    flex-direction: row;
                                    gap:20px;
                                }
                                .sys-status-item{
                                    width: calc(33% - 10px);
                                    padding: 20px;
                                }
                            }