/*
    Funktiornenas namn

    GAMLA: SubmitMessage
    GAMLA: SubmitMessage(
    GAMLA: SubmitMessage($output, $message_string, $class);

    SubmitMessage_green --> SubmitMessage_green($message_string);
    SubmitMessage_orange --> SubmitMessage_orange($message_string);
    SubmitMessage_red --> SubmitMessage_red($message_string);
*/


.status-contain-green {
    background-color: rgb(179, 255, 179);
    border: 1px solid green;
    color: green !important;
}
.status-contain-green div {
    color: green !important;
}
.status-contain-orange {
    background-color: rgb(255, 250, 179);
    border: 1px solid rgb(128, 98, 0);
    color: rgb(128, 98, 0) !important;
}
.status-contain-orange div {
    color: rgb(128, 98, 0) !important;
}
.status-contain-red {
    background-color: rgb(255, 179, 179);
    border: 1px solid red;
    color: red !important;
}
.status-contain-red div {
    color: red !important;
}
.status-contain {
    background-color: rgb(179, 255, 179);
    border: 1px solid green;
    color: green !important;
}



.status-contain,
.status-contain-green,
.status-contain-orange,
.status-contain-red {
    position: fixed;
    margin-left: 20px;
    top: 140px;
    z-index: 40;
    min-width: fit-content;
    max-width: 90%;

}


[message_item_type=output_msg] {
    cursor: default;
}

.status-contain:empty,
.status-contain-green:empty,
.status-contain-orange:empty,
.status-contain-red:empty {
    display: none;
}

.status-contain-green .myX:hover {
    color: rgb(0, 87, 0);
    cursor: pointer;
}

.status-contain-orange .myX:hover {
    color: rgb(87, 68, 0);
    cursor: pointer;
}

.status-contain-red .myX:hover {
    color: rgb(87, 0, 0);
    cursor: pointer;
}

.status-contain .myX:hover {
    color: rgb(0, 87, 0);
    cursor: pointer;
}