.maintenance-message__container {
    display: none;
}

.maintenance-message__container {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 10px 10px;
    z-index: 2;
    background: rgba(245, 166, 35, 0.1);
    border: 1px solid #F5A623;
    box-sizing: border-box;
    border-radius: 8px;

}

.maintenance-message__text {
    max-width: 80%;
    color: #333E5B;
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 1px;
}

.maintenance-message__container.visible {
    display: flex;
}

.Layout__MainContainer.Layout__Panel .maintenance-message__container {
    top: -15px;
}

.maintenance-close-button {
    margin-left: auto;
    display: inline-flex;
    align-self: center;
    float: right;
    color: #000;
}

.maintenance-close-button:after {
    display: inline-block;
    font-size: 16px;
    color: #F5A623;
    content: "\00d7";
    /* This will render the 'X' */
    cursor: pointer;
}

.maintenance-message__icon {
    background: url("https://assets.weforum.org/auth/img/warning.png") no-repeat left 4px center #F5A623;
    background-size: 16px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

@media (max-width: 640px) {

    .maintenance-message__container {
        left: 0;
        width: 100%;
        transform: unset;
        background: rgba(245, 166, 35, 0.1);
        border: 1px solid #F5A623;
        padding: 10px 10px 10px;
        margin-top: 15px;
    }

    .Layout__MainContainer.Layout__PaymentPortal .maintenance-message__container {
        top: -15px;
        position: relative;
    }
}