/* AMS Modal */

.ams-overlay {
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-color: gray;
    opacity: .8;
    top: 0;
    left: 0;
    z-index: 1000;
}

.ams-modal {
    position: fixed;
    width: 50vw;
    height: auto;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1001;
}

    .ams-modal iframe {
        width: 100%;
        height: 100%;
    }


.showMessage {
    display: flex;
    width: auto;
    padding: 10px;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
    border: 1px solid grey;
    border-radius: 10px;
    box-shadow: 5px 5px 0px #ccc;
    position: relative;
    font-weight: bold;
    margin-bottom: 20px;
}

    .showMessage.Failure,
    .showMessage.Error {
        background-color: #ffdddd;
        border: 1px solid #f44336;
    }

        .showMessage.Failure .messageType,
        .showMessage.Failure .messageIcon,
        .showMessage.Error .messageType,
        .showMessage.Error .messageIcon {
            color: #f44336;
        }

    .showMessage.Warning {
        background-color: #ffffcc;
        border: 1px solid #ffeb3b;
    }

        .showMessage.Warning .messageType,
        .showMessage.Warning .messageIcon {
            color: #ffeb3b;
        }

    .showMessage.Success,
    .showMessage.SuccessWithMessage {
        background-color: #ddffdd;
        border: 1px solid #4CAF50;
    }

        .showMessage.Success .messageType,
        .showMessage.Success .messageIcon,
        .showMessage.SuccessWithMessage .messageType,
        .showMessage.SuccessWithMessage .messageIcon {
            color: #4CAF50;
        }

    .showMessage.Info {
        background-color: #ddffff;
        border: 1px solid #2196F3;
    }

        .showMessage.Info .messageType,
        .showMessage.Info .messageIcon {
            color: #2196F3;
        }

    .showMessage .close {
        margin-left: auto;
    }

.importantMessage {
    color: red;
    font-weight: bold;
}