html, body {
    margin: 0;
    height: 100%;
}

.bookingmap .swal2-radio {
    display: grid !important;
}

/* HEALTH PORTAL ACCESS PAGE */
.logo img{
    max-height:76px;
    width:auto;
}

.portal-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.portal-intro{
    margin:0 0 17px;
    color:#52677a;
    font-size:16px;
}

.portal-list{
    list-style:none;
    margin:0 0 24px;
    padding:0;
}

.portal-list li{
    position:relative;
    padding-left:29px;
    margin:7px 0;
    color:#52677a;
}

.portal-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    width:19px;
    height:19px;
    border-radius:50%;
    background:var(--aqua-strong);
    color:white;
    font-size:13px;
    line-height:19px;
    text-align:center;
    font-weight:bold;
}

.portal-art{
    position:absolute;
    right:35px;
    top:35px;
    width:245px;
    height:245px;
    object-fit:contain;
    opacity:.98;
}

.login-area{
    position:relative;
    z-index:3;
    margin-top:10px;
}

.email-row{
    display:flex;
    align-items:center;
    background:white;
    border:1px solid #cbdfe4;
    border-radius:14px;
    min-height:54px;
    padding:0 16px;
}

.email-icon{
    color:#72899a;
    font-size:20px;
    margin-right:12px;
}

.email-row input{
    border:0;
    outline:0;
    width:100%;
    font-size:15px;
    color:#303941;
    background:transparent;
}

/* Mobile */
@media(max-width:900px){
    .portal-art{opacity:.16;right:10px}
    .portal-content{max-width:100%}
}

@media(max-width:600px){
    .logo img{max-height:60px}
    .portal{padding:25px 20px}
    .portal-art{display:none}
}

/* HEALTH PORTAL ACCESS PAGE */