.login-info {
    width: 100%;
    float: left;
    padding: 15px 0 17px;
    text-align: center;
    background-color: #fdeedb;
    border: 1px solid #fbd6a7;
    color: #f7ad4f;
    line-height: 17px;
    font-family: "robotoregular",sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.message .close {
color: white;
}

.message.notice{
background-color: #F6AD4F;
border-color: #F6AD4F;

color: #fff;
text-align: center;
font-family: "EuclidCircularRegular","Arial",sans-serif;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
}

.message.info{
background-color: #F6AD4F;
border-color: #F6AD4F;

color: #fff;
text-align: center;
font-family: "EuclidCircularRegular","Arial",sans-serif;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
}

.message.info:before{
color: #F6AD4F;
}

.message.error{
background-color: #EA7A39;
border-color: #EA7A39;

color: #fff;
text-align: center;
font-family: "EuclidCircularRegular","Arial",sans-serif;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
}


.message.success{
background-color: #9DC046;
border-color: #9DC046;

color: #fff;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
}