#msgbox {position: relative;width: 100%;background: #ffffff;margin: 10px 20px;padding: 0 1% 0 55px;border-radius: 5px;box-shadow: 1px 1px 3px #a9a9a9c7;min-height: 50px;display: flex;align-items: center;backdrop-filter: blur(3px);}
#msgbox:before {content: ''; width: 50px; height: 50px;position: absolute; top: 0; left: 0;}
#msgbox p{line-height: 28px; font-size: 16px; padding: 9px 0;}
#msgbox strong{display: block;}

.uc {
    border-left:3px solid #000;
    strong{color: #000;}
}
.uc:before{content: '';background-image:url(images/fine-bg-left.png);background-position: left -5px;background-repeat:no-repeat;}

.sorry {
    border-left:3px solid #090;
    strong{color: green;}
}
.sorry:before {background-image:url(images/fine-bg-left.png);background-position:left -50px;background-repeat:no-repeat; }

.error {
    border-left:3px solid #F00;
    strong{color: red;}
}
.error:before {background-image:url(images/fine-bg-left.png);background-position:left -150px;background-repeat:no-repeat;}

.sucess {
    border-left:3px solid #5e4e6e;
    strong{color: #5e4e6e;}    
}
.sucess:before{background-image:url(images/fine-bg-left.png);background-position:left -100px;background-repeat:no-repeat;}

.failed {
    border-left:3px solid #fe9900;
    strong{color: #ff8400;}
}
.failed:before{background-image:url(images/fine-bg-left.png);background-position:left -200px;background-repeat:no-repeat;}









.login {border-left:3px solid #22B8C5;}
.login img {background-color: #22B8C5;padding: 1px;border-radius: 50px;margin: 14px 0 0 10px;}
.login strong{color: #22B8C5;	}

.pass {border-left:3px solid #b9a701;}
.pass img {background-image:url(images/fine-bg-left.png);background-position:left -250px;background-repeat:no-repeat;}
.pass strong{color: #b9a701;	}

/*.text-white {color: #fff !important;text-shadow: 1px 1px 1px #921c1c;}*/