@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
.message {
padding: 5px;
position: relative;
padding-right: 15px;
border: dotted 1px !important;
font-size: small;
color: white;
}
.message.valid {
background: #56B356;
}
 .message.invalid {
background: #CC0033;
}
.close {
position: absolute;
right: 3px;
top: 0px;
font-weight: bold;
font-size: 10px;
padding: 5px;
cursor: pointer;
}

/****************************Pagination css*******************/
div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

div.pagination a {
padding: 2px 7px 2px 7px;
margin: 2px;
border: 1px solid #AAAADD;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
    border-radius: 3px;
    border: solid 1px #c0c0c0;

    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
text-decoration: none; /* no underline */
color: #717171;
}
div.pagination a:hover, div.digg a:active {
border: 1px solid #c0c0c0;
    border-radius: 3px;
color: #000;
    background: #FFF !important;

}
div.pagination span.current {
padding: 2px 7px 2px 7px;
margin: 2px;
border: 1px solid #616161;
   border-radius: 3px;
font-weight: normal;
background-color: #616161;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 7px 2px 7px;
margin: 2px;
border: 1px solid #EEE;

color: #DDD;
}