@import url("WAStyle.css");
@import url("WAForm.css");
@import url("WAButton.css");
@import url("WAMenu.css");
@import url("WABox.css");

.scroll::-webkit-scrollbar{ width:8px; height:8px; background-color:#ccc;}
.scroll::-webkit-scrollbar-thumb{ background-color: #999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.scroll::-webkit-scrollbar-thumb:hover{ background-color: #666;}
.scroll::-webkit-scrollbar-thumb:active{ background-color: #333;}
.scroll_transparent::-webkit-scrollbar{ width:0; height:0; background-color:transparent;}

.WA-error,.WA-ok,.WA-alert,.WA-info{ width:100%;padding:0.5rem;position:relative;display:flex;align-items:center;justify-content:left;box-sizing:border-box;border-radius:0.3rem;-moz-border-radius:0.3rem;-webkit-border-radius:0.3rem;-o-border-radius:0.3rem;}
.WA-error{ background-color:#F3D9D9;border: 1px solid #922b21;}
.WA-ok{ background-color: #E2F6C5;border:1px solid #79C20D;}

.WA-alert > .msg, .WA-alert > span{text-align:left;justify-content:left;font-size:1rem;}
.WA-alert > .msg, .WA-ok > .msg, .WA-error > .msg, .WA-info > .msg{flex-wrap:wrap;}

.WA-alert{color:#8c7208;background-color:#F5F3BA;border:1px solid #C7A20D;}
.WA-alert .icon > svg, .WA-alert > svg{ fill:#C7A20D;margin-right:0.5rem; }

.WA-error > .msg{color:#922b21;}
.WA-error .icon > svg{fill:#922b21;}

.WA-info{ color:#1f618d;background-color: #B5E5EF;border: 1px solid #77BACE;}
.WA-info .icon > svg{fill:#1f618d;}

.WA-error > .icon, .WA-ok > .icon,.WA-alert > .icon, .WA-info > .icon{margin-right:0.5rem;}
.WA-error > .msg, .WA-ok > .msg, .WA-alert > .msg, .WA-info > .msg{width:auto;text-align:left;}