/**
  * 
  * @author Jorn
  * @created 2024-08-09 14:57
  */

ul.plain {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.clearfix {
    display: block;
    content: '';
    clear: both;
}


/* Messages */
#global_messages_wrapper {
    height: 56px;
   position: relative;
}

#global_messages {
    position: absolute;
    z-index: 100;
    list-style-type: none;
    min-height: 32px;
    width: 95%;
    padding: 0 0 0 24px;
    background-image: url("../images/icons/16/topdowngray.png");
    background-repeat: no-repeat;
    background-position: left top;
}

body.ow #global_messages {
   max-width: 500px;
}

#global_messages.showing {
    background-image: url("../images/icons/16/topupgray.png");
}

#global_messages:hover {
  background-image: url("../images/icons/16/topdownblack.png");
}

#global_messages.showing:hover {
    background-image: url("../images/icons/16/topupblack.png");
}

#global_messages.empty {
    background-image: none !important;
}

#global_messages > li {
    margin: 0 0 2px 0px;
    border: solid #FC9 2px;
    font-size: 12px;
    font-family: monospace;
    padding: 2px 32px;
    height: auto;
    background-image: url("../images/icons/material/alert/1x_web/ic_error_outline_black_18dp.png");
    background-repeat: no-repeat;
    background-position: 5px 0;
    background-size: 16px 16px;
    text-align: left;
    color: #345;
    background-color: #FC9;
    cursor: pointer;
}


#global_messages.messages > li:hover {
    background-image: url("../images/icons/material/navigation/1x_web/ic_close_black_18dp.png") !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 10px 10px;
    color: #009;
    border-bottom: solid #999 2px !important;
}

#global_messages > li:last-child {
    margin-bottom: 0;
}

#bm_r ul.messages > li.ok,
#bm_r ul.messages > li[data-type="1"],
#global_messages > li[data-type="1"] {
    background-image: url("../images/icons/material/action/1x_web/ic_done_black_18dp.png");
    border: solid #CFC 2px;
    background-color: #CFC;
}

#bm_r ul.messages > li.debug,
#bm_r ul.messages > li[data-type="8"] {
   border: solid #CCC 2px;
    background-color: #CCC;
}

#bm_r ul.messages > li.error,
#bm_r ul.messages > li[data-type="4"],
#global_messages > li[data-type="4"] {
    border: solid #FCC 2px;
    background-color: #FCC;
}