.wh {
    color:#fff;
}
body {
  -webkit-print-color-adjust: exact;
}
#new-portal-button {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    background-color: #FCE001 !important;
    color: #000000 !important;
    border-radius: 4px;
    box-shadow:0 1px 4px 0 #bebebe;
    min-width: 64px;
    padding: 0px 8px;
    border: none;
    outline: none;
    text-decoration: none;
    gap: 6px;
}
 
    #nav-header-button-group {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline;
        gap:2px;
    }

    .alert-banner {
        width:100%;
        background-color:#ffcc00;
        color:#000;
        padding:6px;
        font-size:14px;
        font-weight:bold;
        border:1px solid #ff9900;
        text-align:center;
        margin-top:12px;
    }
.iframe-container {
    display: flex !important;
     
       padding-bottom:12px;
    flex-grow: 1 !important;
    height: 100vh !important;
    position: relative;
    overflow: hidden;
}

.iframe-container iframe {
    height: 100% !important;
    width: 100% !important;
    display: block !important;
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

#loader-container{
    height:100vh;
    width:100vw;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}