/* Message Box
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.message_box_info_string {
    color: white;
    /* background: rgba(220, 220, 222, 0.05); */
    background: rgba(220, 220, 222, 0.1);
    /* border-left: 5px solid #969698;
    border-top: 1px solid #969698;
    border-right: 1px solid #969698;
    border-bottom: 1px solid #969698; */
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    position: relative;
    font-weight: bold; 
}

.message_box_info_string::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto; /* Prevents the icon from stretching */
    width: 18px;
    height: 18px;
    margin-right: 5px; /* Customize the space between the icon and text */
    background-image: url("/assets/icons/info.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.message_box_warning_string {
    color: white;
    background: rgba(47, 41, 35, 0.25);
    border-left: 5px solid #E8912D;
    border-top: 1px solid #795327;
    border-right: 1px solid #795327;
    border-bottom: 1px solid #795327;
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    position: relative;
    font-weight: bold;     
}

.message_box_warning_string::before {
    content: "";
    display: inline-block;
    width: 20px; 
    height: 20px; 
    margin-right: 5px; /* Customize the space between the icon and text */
    background-image: url("/assets/icons/warning.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Message box with no icons */

.message_box_info_string_no_icon {
    color: white;
    background: rgba(220, 220, 222, 0.05);
    border-left: 5px solid #969698;
    border-top: 1px solid #969698;
    border-right: 1px solid #969698;
    border-bottom: 1px solid #969698;
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    position: relative;
    font-weight: bold; 
}