.messagebox_blanket
{
    background-color: rgba(0, 0, 0, 0.45);
    
    opacity: 1;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    
    display:flex;
    justify-content:center;
    align-items:center;
}

.messagebox_blanket[visible="0"]
{
    display: none;
    visibility: hidden;
}

.messagebox
{
    flex: 1;
    background-color: #ffffff;
    border: 1px solid white;
    outline: 1px solid black;
    width: 90vw;
    position: absolute;
    max-width: 1200px;
    color: black;
    display: flex;
    flex-direction: column;
    
    -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px 0px black;
    
    background: white;
    
    box-sizing: border-box;
    max-height: 95vh;
    
}
.messagebox[color="red"]
{
    outline-color: #f49154;
}
.messagebox[color="blue"]
{
    outline-color: #9fc6ef;
}
.messagebox[color="green"]
{
    outline-color: #4be22a;
}

.messagebox_buttonwrapper
{
    flex: 1;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    background: whitesmoke;
    
    display:flex;
    justify-content: center;
    align-items: center;
    
    border-top: 1px solid dimgray;
    padding: 2px;
    box-sizing: border-box;
}
.messagebox_buttonwrapper button
{
    line-height: 25px;
    min-width: 100px;
    cursor: pointer;
}
.messagebox_buttonwrapper button[visible="0"]
{
    display: none;
    visibility: collapse;
}

.messagebox_titlewrapper .icon
{
    flex: 1;
    flex-grow: 0;
    width: 32px;
    border-bottom: 1px solid dimgray;
    padding: 4px;
    display:flex;
    justify-content:center;
    align-items:center;
    background: white;
    background-color: #e5e5e5;
}
.messagebox_titlewrapper .icon[visible="0"]
{
    display: none;
    visibility: collapse;
}
.messagebox_titlewrapper .icon[color="red"]
{
    background-color: #ffc2b3;
}
.messagebox_titlewrapper .icon[color="green"]
{
    background-color: #a4ed97;
}
.messagebox_titlewrapper .icon[color="blue"]
{
    background-color: #b3d1ed;
}

.messagebox_titlewrapper .icon > img
{
    width: 32px;
}

.messagebox_titlewrapper .topwrapper
{
    flex: 1;
    flex-grow: 1;
    display:flex;
    flex-direction: row;
    
    background: rgb(232,232,232);
    
    border-bottom: 1px solid gray;
    max-height: 30px;
}
.messagebox_selectbox_item
{
    
}
.messagebox_selectbox_item > label, .messagebox_selectbox_item > input
{
    cursor: pointer;
}
.messagebox_selectbox_item > label:hover, .messagebox_selectbox_item > input:hover
{
    color: blue;
}


.messagebox_selectbox_contentwrapper
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    font-size: 1em;
}
.messagebox_selectbox_contentwrapper > div
{
    flex: 1;
    flex-grow: 0;
}

.messagebox_selectbox_selectionwrapper
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    user-select: none;
}
.messagebox_selectbox_selectionwrapper > div
{
    flex:1;
    flex-grow: 0;
    flex-basis: 30%;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    color: black;
    white-space: nowrap;
    margin-bottom: 3px;
    margin-right: 5px;
    transition: all 0.1s linear;
}
.messagebox_selectbox_selectionwrapper > div:last-child
{
    flex-grow: 1;
}

.messagebox_selectbox_selectionwrapper > div[selected="1"]
{
    color: red;
    font-weight: bold;
}
.messagebox_selectbox_selectionwrapper > div:hover
{
    color: blue;
}
.messagebox_selectbox_selectionwrapper > div:active
{
    filter: invert(50%);
}

.messagebox_selectbox_selectionwrapper > div > *
{
    cursor: pointer;
}


.messagebox_checkbox
{
    text-align:left;
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 100%;
    visibility: visible;
    display: block;
}
.messagebox_checkbox[visible="0"]
{
    visibility: collapse;
    display: none;
}

.messagebox_titlewrapper .topwrapper .title
{
    flex: 1;
    flex-grow: 1;
    display:flex;
    align-items:center;
    font-size: 1em;
    font-weight: bold;
    padding-left: 3px;
    text-shadow: 0px 0px 4px white;
    max-height: 25px;
    user-select: none;
}

.messagebox_titlewrapper
{
    flex: 1;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    filter: drop-shadow(1px 1px 2px dimgray);
    margin-bottom: 5px;
    
}

.messagebox_titlewrapper .topwrapper[color="red"]
{
    background: #ffc2b3;

}
.messagebox_titlewrapper .topwrapper[color="blue"]
{
    
    background: rgb(205,234,253);
    background: -moz-linear-gradient(top, rgba(205,234,253,1) 0%, rgba(194,223,246,1) 10%, rgba(176,206,236,1) 25%, rgba(176,207,240,1) 37%, rgba(176,209,244,1) 50%, rgba(149,193,237,1) 51%, rgba(190,229,248,1) 83%, rgba(208,247,254,1) 100%);
    background: -webkit-linear-gradient(top, rgba(205,234,253,1) 0%,rgba(194,223,246,1) 10%,rgba(176,206,236,1) 25%,rgba(176,207,240,1) 37%,rgba(176,209,244,1) 50%,rgba(149,193,237,1) 51%,rgba(190,229,248,1) 83%,rgba(208,247,254,1) 100%);
    background: linear-gradient(to bottom, rgba(205,234,253,1) 0%,rgba(194,223,246,1) 10%,rgba(176,206,236,1) 25%,rgba(176,207,240,1) 37%,rgba(176,209,244,1) 50%,rgba(149,193,237,1) 51%,rgba(190,229,248,1) 83%,rgba(208,247,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeafd', endColorstr='#d0f7fe',GradientType=0 );

}

.messagebox_titlewrapper .topwrapper[color="green"]
{

    background: rgb(190,237,183);
    background: -moz-linear-gradient(top, rgba(190,237,183,1) 0%, rgba(132,239,113,1) 50%, rgba(69,226,34,1) 51%, rgba(190,237,183,1) 100%);
    background: -webkit-linear-gradient(top, rgba(190,237,183,1) 0%,rgba(132,239,113,1) 50%,rgba(69,226,34,1) 51%,rgba(190,237,183,1) 100%);
    background: linear-gradient(to bottom, rgba(190,237,183,1) 0%,rgba(132,239,113,1) 50%,rgba(69,226,34,1) 51%,rgba(190,237,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beedb7', endColorstr='#beedb7',GradientType=0 );

}

.messagebox_titlewrapper .topwrapper .closebox
{
    flex: 1;
    flex-grow: 0;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor: pointer;
    transition: all 0.1s linear;
    font-weight: bold;
    color: black;
    margin-right: 4px;
    background: white;
    border: 1px solid dimgray;
    height: 50%;
    align-self: center;
    padding: 3px;
}


.messagebox_titlewrapper .topwrapper .closebox > img
{
    width: 12px;
    height: 12px;
    
}

.messagebox_titlewrapper .topwrapper .closebox:hover
{
    box-shadow: 0px 0px 2px black;
}
.messagebox_titlewrapper .topwrapper .closebox:active
{
    filter: invert(100%);
}



.messagebox_contentwrapper
{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3px;
    min-height: 100px;
    padding-bottom: 20px;
}

.messagebox_contentwrapper .contendiv
{
    flex: 1;
    flex-grow: 1;
    
    max-height: 95vh;
    overflow-y: auto;
}
.messagebox_contentwrapper .contendiv[centered="1"]
{
    text-align: center;
}

.messagebox_contentwrapper .contendiv .flexlayout_wrapper
{
    display: table;
    width: 100%;
}
.messagebox_contentwrapper .contendiv .flexlayout_wrapper[center="0"]
{
    text-align: left;
}

.messagebox_contentwrapper .contendiv .flexlayout_wrapper > div
{
    display: table-row;
    vertical-align: middle;
    
}
.messagebox_contentwrapper .contendiv .flexlayout_wrapper > div > div
{
    vertical-align: top;
    display: table-cell;
}
.messagebox_contentwrapper .contendiv .flexlayout_wrapper > div > div:first-child
{
    width: 100px;
    white-space: nowrap;
    padding-right: 10px;
}



.messagebox_contentwrapper .checkbox
{
    flex: 1;
    flex-grow: 0;
    margin-top: 10px;
}
.messagebox_contentwrapper .checkbox[visible="0"]
{
    display: none;
    visibility: collapse;
}


.messagebox_inputbox_inputcontainer
{
    overflow: auto;
    border: 0px solid red;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding: 3px;
}

.messagebox_inputbox_inputcontainer_input
{
    flex: 1;   
    max-height: 40vh;
    width: 100%;
}
.messagebox_inputbox_inputcontainer_input[centertext="1"]
{
    width: auto;
    
}
.messagebox_inputbox_inputcontainer_input[centertext="1"] > textarea, .messagebox_inputbox_inputcontainer_input[centertext="1"] > input
{
    text-align: center;
}

.messagebox_inputbox_inputcontainer_input > textarea
{
    width: 99%;
    font-size: 1em;
    font-family: inherit;
    padding: 2px;
    resize: vertical;
    overflow: auto;
    min-height: 5vh;
    max-height: 50vh;
}

.messagebox_inputbox_multiinput
{
    resize: vertical;
}


.messagebox_inputbox_simpleinput
{
    
}


.messagebox_smallinfomsg
{
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    
    font-size: 0.9em;
    font-family: inherit;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.25);    
    border: 1px solid black;
    
    border-radius: 5px;
    align-items: center;
    display: flex;
    align-content: flex-start;
    background-color: #f9f9f9;
    white-space: normal;
    visibility: visible;
    overflow: hidden;
    
    background: rgb(249,249,249);
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 50%, rgba(241,241,241,1) 51%, rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 50%,rgba(241,241,241,1) 51%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 50%,rgba(241,241,241,1) 51%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 );
    

}


@media only screen and (min-width: 500px) 
{
    .messagebox_smallinfomsg
    {
        font-size: 1em;
        
    }
}


.messagebox_smallinfomsg[visible="0"]
{
    visibility: hidden;
    display: none;
}

.messagebox_smallinfomsg[insetshadow]
{
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.messagebox_smallinfomsg[noshadow], .messagebox_smallinfomsg[color="none"]
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
.messagebox_smallinfomsg[nomargins], .messagebox_smallinfomsg[nomargin]
{
    margin-top: 0px;
    margin-bottom: 0px;
}


.messagebox_smallinfomsg[mobile]
{
    width: 99%;
}
.messagebox_smallinfomsg_text
{
    flex: 1;
    flex-grow: 1;
    align-self: flex-start;
    max-width: 95%;
    white-space: normal;
    overflow: auto;
    max-height: 50vh;
    padding-bottom: 1px;
}
.messagebox_smallinfomsg_icon
{
    flex: 1;
    flex-grow: 0;
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    width: 12px;
    min-width: 12px;
    height: 12px;
    margin-right: 2px;
    background-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAE40lEQVRogc3aXYhVVRQH8J+X4TIMg8ggIhIyhMhkFmEiFPVSITKID2ESZlJS0BfVQ/gUQsgQESHRU08R0YNI9RD2hVIGUiHVFFZWfpT0YY7fH6OVzvSwzm3unHPunXPunRn9w+bCPuesvfa+a6299n/tGdpHN+aiF4txAxZgDrpQwTBO4CB+wLfYjyM4hZFWB5/Rut7mYjluwRLciM6C345gH77CF3gPv2hjImUwE49gF47jMkbbaGexB5vEokwZenA3DrSpcLM2JBZnnjC9CVHUhPrwFO7FrCbvjQhbP4xzuJT0dwp/mJO0jiYyhvEBXsanEylWZAIL8QZuQrXBOyfwNj4WjnoC/xiz6Y7k227Mx+1YjWsayBtJ5DyKHQV0zEUVKzU2mdP4EOuEX5RFJ/qxTZhOI5N6TPx7pdGP73KEXsbXeFr4RbvoEouwE3/njPc7nigr9Fr8nCNsFFs1N6dWUEnGfF5+VBvCiqLCFmB3jpDjGFAwOiTo0Nxh87Aeh2QncgB3TDT+LLyCC7LKb1Tc1juTwTaJVd2geIzvFNHukKzpvqux44NVibLp1R8ooTw8lCjwbzLwSWxX3Bmrwi/S/8IF4Xu56MaPsrPeppzZ9OK8fP8ZKCEHNstaw2kRijPYkDPgNyLPKYMHGig/KtKPMiFxPt6X/SdekPhWbWV7cF/q42G8ib0lJ9Asoasq59S/4TUcTfWvEBvs/1gju5ns0lpy1aexCb3YgryqyATSvrBRshhd2CL7N5XePOrwkrDVenlfiljfCm7L0e8dyQL3ihym/uF5kXS1ih4Rz7cKGx4Qm1+rqMpmBb/WZN4qwlz9w7faGGyq8KysSa6vbeHpFHnn9OpWCJ+LwFKPmyu4LtV5TvnIMx34Qxw769FXEblPPWoH7VaxRBwT89qrbcg9I8JqPRZ2YHaq86Kxk1QrqIhdPQ9FD/15uCR0Gycvb7AR08QOtICMXmVynKsSNdIp3Xe1TiyjV0UcwOvRqfwhZDrQIetD5yr4KdU5V3Pq5Ephpuxh5mBFcJX16MaiaVGpHObKngP2VQTJmo77d06LSuWwTDZi7qmIHW4w9aBfe8ncZKMqe145jL0VcVgYND7Gdgnm7GrBMlmzHsSRWhj9DMdSL9xjitnigqjiYeND6EWJzrXOj2TNaKlgBiaTwCqLimBKlqf6D4qawqXaBE7h9dRL3bhfVF2uFObhQVl/3IHv0y93yZ56LotTVZmdeanswaPW0os0ETbJ0ipnNTmarpTPFG9WnNhaJMjfvLa5oIyqYOfyiK1nmn1YoxbTLPFQ8mGRSVTFhlPfepPfdOre6Ps18qnF7RqQWvXoEzWrPIZ4k6lP9NbJJ3cP4a6i4/dpXNiYKnq9V7AXjej1/rJCV2le4HjS5BQ4OrFWVHvSDjuKP5OxSqMqJjFRiWmt1ktMywV5/FeDMYYS5RvyqUWKfIsEtbdYY7M5Jop8O8Umc0YU+erRYXyRb43GDjkiGIjHRcWyIYqWWReLMutqE5dZjwr2YNhYflURk58n0pNm/jMsNqot+KSgfoXQIyaQDm+T2U6KqmThQncrmCXscrcsJdlKOyuI3+cSxUuhncse8wRPX7vssUj5yx6Dxi57HNQCndPOBBgjseqv21wvig+zk2f11232izLWYKLwkaS/ZR7qPxoj/gkB9nDlAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-self: flex-start;
    vertical-align: top;
}



@media only screen and (min-width: 500px) 
{
    .messagebox_smallinfomsg_icon
    {
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-right: 5px;
    }
}


.messagebox_smallinfomsg_icon[icon="warning"]
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADzElEQVRogdXaTWgcZRgH8F/XZV2WEGOoIiIliIRSipZSgkgIHkIRD7VahVTxIFgFT1XBi3gQTx48iAfRg+DZg4gHj1XQQgWRIipSSykSUGuxSO1XPraHd0Ymm/ne2az5w8POzsz7vP9n3nefr1m2OW4Zoe4pHMZ+LOPKCOdqHJN4ExdwEe9i51gZVUAH72AF/YR8jN4YeZVCC0u4aiP5PtbwEtpjY1cCczhtM/lYzuLg2NgVYAZfyCYfyzfYMx6K+XgL1xUbsIb3he32v8E+/K2YfCz/4uFxEE3D3TihPPlYvsPssJMPG8i6OIajgvusgtuFLXcKN4bkURv78LPqTz+W37Cw5awjdPB5AcEycgoTW8wdHLI52taV5+uSqBsV78HLGeP/wofC/l6PzrVwK54W4sUgXsRJ/FSTTyV0BZ+fli70cSZn7FcZY1bwnpAEjhxz+CWDSB9/5Iz9PmfcMhZHxjqBD4RomheksqLs2ZxxfXw2SuIwL598nCpkeZUy0frJUZGfxqclCPSF6DyIjnK50gnBSZRClYTqoLACZTCVcq6nXLTeL7joRpO9e1XLdx5K0TFTYfxp3F+GWFkrH8WDJe8lfQWquMi9eKrC/bnoCb69SmRdStGzUFHHBdxZRK5oBdo4jvuKFA0grQMxXUPHGwp+N0UGzKq3lGlbKO1cER7Bgbwb8gzoCI2p3TUmvi3lXJ00YQZH5GSreQbsxbNC7lMVaVvojhp62kICmLkKeQYcUb/kS3vadbYQ3IXnsi5mGTAt5Oh1g8mEzal2XQPgCRmOJI1gG68q4cJyMGHz1qvqhQb1vZ6iM7UgmRVC+TCYFtomf0bfe9LzoypYEH4LX+fd1MZrsouVsnId54UAeAbnGtC5grcVNIj3yC86qshVoetwXqgRmtB5TiioNjzxJBYF9zksfsdHQgm5LuRRx7BrSL278Bi+TbvYxg+aeVKv2LjUXcGfN6F7WUZgW2pogouyux3DNMGScjxWGLvRSTyTMWlVXMZqxrVLDc3xuBDg/jPggJIFRAnslJ5KdKX3hOpgt0R12BNewhUV61XkEyGedITtNCO8E2hKf1945zbVFgroec3WoIeEJT4peKE56WXmMJgXrehh5boFdWRNsyublBW80Bayzqq9/bIY5WukNo62hB7/dsVsyxY1VEeE1g4hz17EA9FxnAp3hWWKPUlSWpEkj6m2ZdZTZDWS+PhGJKu4Fsk/+BU/4ssdgxYJKzIpFCC9hHQjY+LPQeOShpQ1YDUhMdlric/Lwp9ErghB8FJ0bj1F3/bETUkxN+ieG/tFAAAAAElFTkSuQmCC");
}
.messagebox_smallinfomsg_icon[icon="config"]
{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAhcBHAIp7XopAAAEzElEQVRo3r2ZXWgdRRTHf/loCQlpYltie5tag5Uq4eaD+tAEJIoFiyJiXywUiyCCL2k1kmC50GLaoD4I1kgxig8F29qHQKoEpZa21DZo1DZ5qATRRJOQGpKqSIxJzc34cHM3uztnZicb0zMve2fO+Z//np05M3NuDvGknlbWorw2y3E+iYkVSwZ9zjMtzYY7536z5l6h2B0HKjcWgXvE3sSdI1Av9lbHwooh+QyLn2CK0v/TTR2NBsA20b1C8a4Bq5qKpbpvQqGYYKc2st/oXqHYr+kXcxqF4tBS3Df7Fle779smOWd1r1Cc8U3GXHYx4I2kJFc5Qt9rvBHq+ZUxpqimzIn+LN/Ti2Idj7I5MHKQN6PNU5HvuJzWHOX+0Iq6VyiabO4rVty9QlHjd5kfILDGdZYCtxhljDEgQYJy1jlbVtJnHjwZyX+eXlIkNcskKXqZj7QfosDGrog+q3m34DpIo9tqP01tVIB2GI37aXAKcQP9RowWF4AbomknhT6du6nnScOuCIV0ihi33TLJMcG0zZeyKhn1+if5kiOUaBg54o5x1SmCQi5oC4zv1cZHeFzA0Sl0uRFo1YIfTNiFXBHeroNiLQqdGpKTXApNvUJNo5gegcJnwlzoD0XKQRLMBIzkmb+GrwUKz2t6DSGNymgCwbB1G/VK6NUI/Em5phfMC19EuT8cynq2tFPKdxqFs5pWMpQdXzUD3supEFzvwsjD/ESrcHa4y7cgM+2f0O4CaJF6OzyrEjxLii7mtPfJnmFOoFC8L1DQY6DHTD9hTHCUp9mWGX7OsoFkwbLLrkOj8Jdms0/4CCb8IbbDV8bhSQ/iptf3QYDCRsHqHeHjThp9XMxltXFOjHpPynt6kQ99FLYJVnNWpLCU5IvH0oyMeU9DbPSeX2AVR9jEgzzAI4LVtyKS6dak3AgMBi5j+4TvHEXAJCrXQmBRPnXQycjvDAq9q+IRWLxgdHHTkcA0a4Xe+5ZL4F/ecyRQznmBgoUAXHRYhpDPZaNeuF0LUSiy6F6G7fwcmYgy8RiPSaHKqJdmT0ZlK09wWHAQvE5u4XwsCi3a6N98xAGeCleVCnjLsBllJYeXhORrp5DHL6GR46w3T6LGgKq0HW/hdbr5bSGEP3CCFm5ZKDwT6rVsxxn5PKBuPpCUU+edAmstFC4EehxqiZUhELfLSI2BwkDg14wvpVtkJGAkHUplCuY9L9suOSEJh2mXdA3VkRRadSOpTpgX+r2bo04E+nkskLx0mXPC4arAvc0xClVMWCJwzAWijNuicafjXEhaKNxwAWgxmrtez1+xxGBHlHEt09ZpZC9Q5LGHa1b7Pops7gsYilxKcommlIc44GCtOBk0DE6tvXzsFGRYLFKtZiv327K7JjX0m4fcNprlNWvhumnF3UcWrZtX1L1WsM7TCPQwGyrSj3CWC3zDPGXC1VOSCXoYJ63933BQK4MbZPE6OcAuX7pOcCbyHc/5VkgV7aS9kchCtV8yharTWt0HXra61/+w2LmQGZtc3Pqlwnid6jC6bxP1S2mkbqnubbLekC2HHWdIQOL8bTfJKbG/3XW7XS4BuC729sSBikdAvikOx8KKJRt8iyvbBuNB5cWymuJHNjFDmnzS/ME412l0q4OG5T++rMELfwW+7AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMi0yM1QwMToyODowMiswMTowMPN0DfcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDItMjNUMDE6Mjg6MDIrMDE6MDCCKbVLAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
}
.messagebox_smallinfomsg_icon[icon="error"]
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC50lEQVRogc2aMWsUQRiGHw+R4ziuEJEUKSR1kCDBTotDJIWIiFhJ2ELEykIU1D8gEoJYpwhWWmhhEaxExNpC5BAJ4cpDDrVR46HhLGY2bC77ze03O7PZF5Zrbnbed+bZuW/m9hB6NYErwH3gqEf7PH0HHgIvgD+B7ilqGegD48BX3947qs4Dgwjm02tg+wiuJmZ0YprPhli2fQZTLGwqwSk2NtFwqhKbKDhVjU1QnA4Km9I41QGbUjjVBRsvnOqGTWGcymDzCXgJ/PBouw28At56htjF6Rp+2GwBXUxB9wAYKduvAyeAOeAdsKNsv4tTz9P8xcwstoFVRYjXwEym/SkbQuujB3p0PgBn2a8WcA/45mi7bUd+Jqf9HAYpLUrqAKvAkRwDAB0bQpqJFBtJV6sIsIXZ0BwWTLSAlZwQG+SPfKpF4H0VAcbAELg+JcQd+71fwBpw3GH+HGZF0/rwDpCGcM1EG7gFPAFmHeYXPc2XDjAGNm2IhmCuiXvf7INN0ABZnKQQkrr4j3zQAGPgK3BZEWIB+Big32ABxsAX4EKBEPPAm0B9DrTT7tIscAbz8EpqAKeBkwH7DTYDa7hXm1Rt4Db62ikqQhu41/lJtYBHAUKUDuCqbYqEmFY7RQ+wjru2mQeWkB/sabVT1ACTJfGkFjCrzWdM6S2F0JbipQMUwabL3nV+Wu3Uxg8nrwDPcGMj1TZDzI+dFKKD2dmpAvj8DvzDnOdL5h9j2J/UMczKc0kI8RP47eFHvaUcAU/Zv+YXLYmHwI2JEOnoaw8HeuB3FpQ+Bx1rQFsSZ0vxhjU/VHroAwmYkjdB/yyMMLh08SuJNzFbyJseIz+wnvec0i15hNgB/nqYzw6C9jhlYL3mKqH+R4uJZB78cariysVGkg9Osc2L2EhKqAdOU7GRVAecVNhIOiicvLCRlFD936xJKPNQLU5BsJEUG6eg2EhKiPeyR6I1I9XmLj23n3cJ+7rNSubehfUfx7vZzgs10XUAAAAASUVORK5CYII=');
}
.messagebox_smallinfomsg_icon[icon="ok"]
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANOSURBVGiB7dlZiBxVFIfx3zg4yAhGREVEEXFfcFcIagYVd0TcAo4YExfczbgQJGAIGAghqMEVcUNQUBF8ERFBQUQQQwiBEERBxKhoNCYmTkzUJD7UNLZVp6pvzfR0t9Af1MvUPf/7nZm+91b10KdPnz59/uUAfIhteBKD3dWpx/5Yg91N1yv+J03sh9X+K9+4XsJA99Rasy9WieUb1wt6tIkZWKlavnE9p8eamIHPFEVXYgQbg3tP6ZEm9sGnioKrZB8pOA2bgjErOi2bZ298oii2WraYmzkDm4Oxj3dKNs8wPg6E1si20YizxE0sm27ZPMP4KBBZKzvAqpiJ34LaBdMlm2cYHwQC63BgYsYIduXqt7TdNGAvvK8o/wUOSswYxJtBxuepEqN4D2PqbWNDE3X5ib/EwYkZg3g9yFiPI1MCHsgVPi2tiSG8G0z8FQ6pIf9qkPE9jk4JmB8UN/biqiaG8E5Q9zUOTZTfAy8HGT/i2JSAexQXTcpevCfeDsZ/g8MS5QfwYpCxAcenBNzRQr5xLc/VDeKtYNy3OLyG/PMl8iemBNwayP+JReK9eGmT/BvB/fU4oob8M0HGzzg5JeDmQP5vXDtx/2xsDSZYgteCn3+Ho2rIrwgyNuLUlIC5E7J5+dm5cediPJgof/2AYxLlydZUPmMTTk8pvqFEfrRk/EiLJn7CcTXklwcZm3FmSvHsEvk5LeouKGliA06oIb+0RH5makD+mXsn5iXWXiT7BqFZ/qTUifGoovwW2VpL5lfF3/5NNeovwXb8glNq1C1WlP9dtsZqcZ16n/+IS2VvUKk8oig/Lltbk2KutB2oHTwslj9/qsGtzoB28JCi/DZc2K4Jyk7hq9uQfb+i/HbZGmordyo2sQNXTiFzfknmZVMyreDekgkvn0TW3SVZV7TFtIIxxT/5DtmOk8rtYvmr2mpaQf5tbDf+wMUJtbcoyv+Fa6bFtIIFik2Mq9455slO9E5sy0ksFDdxXjB2jvhMub4jphUsEjcxq2nMqFj+xo6aVrBY/PxyjvipdqfslO8plig2sVVRfpfsdO9Jlil/mWnI39Y1u0QeUy5/Vxe9avGEovx9XTWqyYDs/7mNBsa6qzM5BvAsHuzG5P8AP6b14t4przUAAAAASUVORK5CYII=');
}
.messagebox_smallinfomsg_icon[icon="smile"]
{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAT/SURBVGhD1ZpZqFVlFMcPlTZaEVY2WBFRivUQRtIkBYXDS2bmm6UWgjZ4falM7WI0gQ234UnM8DWaIIfwIa5K8yRkNFASqGmWeZsetKL+v8Pess7qO2evve895+SCP/fsb6/x299e3/rWvrXa0NCZUjNVWCa8KmwT9gl/CX8KPwmfCa9kPFP0F5muEg4sEt4WDgr/lAQyyPZ0OpjzZPBZYX9Jh1sFiK5nhHPb+UiOlPIHhIEWju/WvX7hBeFR4f4M/F6d3YOnWTDoXixga0jpEml7r4nhLzNnr9bfEQGr8FyTySCbCgZbFwd0hVhmiuu3hKF3NHazcFRIS5ppmIZnCOjygfya3RuE+lrt7oRilsDsQWlNC8/R8J6EvTur2roroewNjbUz/Z0l/WuHIgiWhn+kK6rORAW5JxP2p0f1jBXjH04BG1Snqdf58LuuLypygvT1iRN8okiojfefcr58rOsjWtkjz9uls6GNzkVVv+l8Ym9JEi+QXTp7dX1q1Eob+U6T7h9NECylZCJ53kU6q41OlVV9m/ONUqaBiJLI8uXzYdDC+eK7Q7gxyJ+zTdCPeQI7cpRY/7l/bKwNq4Oq0q79iEM3SMbu0Ot0fXTAm3udrYcDMrDc5OQWWrn3zc1v9LuomCITUN/7vaJo2Y2WzN8JuTGBIPBpu5GlXqrT6QKHjtyZRwLKjhHPzwlHHiqQvTwhg12eZoQeM/KcJ+rLiNORnckrIprE81LCmSsLZI/X/e+cHKe1U4I2r3Kyk5B70Az+oN/HBpWNFN/rwi+ZU7yUERovJpIE1eanAmV4lJgA0ns+4UsRfM0M9Ec1GT4eYzRoq57MV4U2GX85f9c+NwOrqmjssAwnu/wJ0DxoeBmjKa3DPjeY43iaB0Aiqbc+8oGmdUY3PXa2OTPn/uL7YReALThJ/4f/ErIvMe2Q/zu96F9iUlG+pvq74P21srlGmBu0vdn4S6uy3s/MA2AjOy6o6ATxsWtH+VNq2QxtQTixwDYbmT0b1DeysqUEJTQntV1Z4I8HA06x+Q4EDeJWlCwlfDFHnm1FJ+vmgHlqPL3bSwaRlyG2BqO5VdQkY7JymUPFHLZtOf2trovKabppvpRmHV9aEMjZus/ZY4eTZ0IuKJD15fS7lr/HKZwWmNFU74agtgoEQ1nOprNcWClsEVItSpwvWvu4Q1/ITto91kcKMqv8o0AAsFD/p5qz0bEPJE/jOEK23UMlyzJsoOecM7dGtIrnOuGtkoF8IX76rkVLNXdhttPPt4T/EK0Ke7AnXZUpeS8TPymZzEKVuFNAx/cCDm8UeAmvF+hKR4kkw6HHHujPaCZMMWcfP02lqsQZ4SRhMPsEtgnc+nRfK4c4rNv2BYK097pFfc553s2WrUUcpUPgm7u9XYiA7GVnnuV9YdQPn7JQRNrsFD3tnMf+tLLGFySU8ILSQ20XsdGtT9idX9Ugn3d8TuczULRyLGOXcoRi0tur7HxunLKBjcMrZiu/RSiTEn1AwzXAR8TUF1DaNeGvMkUzxSdPHE7tsF9pnPxOOXBikaKMB15kvm6ik8JuXEBXKRbSF7XN/iZGCY7lRd+GUxMOcn4F/GaMw0jqS2Q+MegmzxemylKeO+ZzdN0npHqj0RrI86GLzIPujhHb+UKBKvNAi6fSLChkkKWqHNUxr5sYwoHJwhKBcyqtd+oX/+82L2c8NGWHxOl/AfESY/+cPQJjAAAAAElFTkSuQmCC');
}

.messagebox_smallinfomsg[color="red"]
{
    background: rgb(250,238,222);
    background: -moz-linear-gradient(top, rgba(250,238,222,1) 0%, rgba(246,220,186,1) 50%, rgba(242,214,178,1) 51%, rgba(250,224,190,1) 100%);
    background: -webkit-linear-gradient(top, rgba(250,238,222,1) 0%,rgba(246,220,186,1) 50%,rgba(242,214,178,1) 51%,rgba(250,224,190,1) 100%);
    background: linear-gradient(to bottom, rgba(250,238,222,1) 0%,rgba(246,220,186,1) 50%,rgba(242,214,178,1) 51%,rgba(250,224,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faeede', endColorstr='#fae0be',GradientType=0 );
}
.messagebox_smallinfomsg[color="green"]
{
    background: rgb(246,250,222);
    background: -moz-linear-gradient(top, rgba(246,250,222,1) 0%, rgba(238,246,186,1) 50%, rgba(233,242,178,1) 51%, rgba(242,250,190,1) 100%);
    background: -webkit-linear-gradient(top, rgba(246,250,222,1) 0%,rgba(238,246,186,1) 50%,rgba(233,242,178,1) 51%,rgba(242,250,190,1) 100%);
    background: linear-gradient(to bottom, rgba(246,250,222,1) 0%,rgba(238,246,186,1) 50%,rgba(233,242,178,1) 51%,rgba(242,250,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fade', endColorstr='#f2fabe',GradientType=0 );

}
.messagebox_smallinfomsg[color="blue"]
{
   background: rgb(229,241,251);
    background: -moz-linear-gradient(top, rgba(229,241,251,1) 0%, rgba(200,228,248,1) 50%, rgba(194,223,244,1) 51%, rgba(203,231,251,1) 100%);
    background: -webkit-linear-gradient(top, rgba(229,241,251,1) 0%,rgba(200,228,248,1) 50%,rgba(194,223,244,1) 51%,rgba(203,231,251,1) 100%);
    background: linear-gradient(to bottom, rgba(229,241,251,1) 0%,rgba(200,228,248,1) 50%,rgba(194,223,244,1) 51%,rgba(203,231,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1fb', endColorstr='#cbe7fb',GradientType=0 );

}
.messagebox_smallinfomsg[color="yellow"]
{
    background: rgb(249,246,219);
    background: -moz-linear-gradient(top, rgba(249,246,219,1) 0%, rgba(245,236,177,1) 50%, rgba(240,231,170,1) 51%, rgba(249,240,183,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,246,219,1) 0%,rgba(245,236,177,1) 50%,rgba(240,231,170,1) 51%,rgba(249,240,183,1) 100%);
    background: linear-gradient(to bottom, rgba(249,246,219,1) 0%,rgba(245,236,177,1) 50%,rgba(240,231,170,1) 51%,rgba(249,240,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6db', endColorstr='#f9f0b7',GradientType=0 );

}
.messagebox_smallinfomsg[color="none"]
{
    border-color: transparent;
    background-color: transparent;
}


.messagebox_smallinfomsg_closer
{
    flex: 1;
    flex-grow: 0;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    padding: 1px;
    width: auto;
    vertical-align: top;
    text-shadow: none;
    align-self: flex-start;
}

@media only screen and (min-width: 500px) 
{
    .messagebox_smallinfomsg_closer
    {
        font-size: 120%;
        text-shadow: 0px 0px 2px #fff;
    }
}


.messagebox_smallinfomsg_closer:hover
{
    color: red;
}