body{
	color: #8C8C8C;
}
.notificacao{
	border: 1px solid #DADADA;
	border-radius: 10px;
	margin: 20px 0;
	padding: 2rem;
}
.title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
p{
	margin-bottom: 0;
}
h3{
	color: #4E4E4E;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	border-radius: 15px;
}
.blue{
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}
.blue:last-child{
	border-bottom: 1px solid #dadada;
}
.blue a,
.white a{
	display: block;
	margin: 20px auto;
	padding: 5px 15px;
	border: 1px solid #172972;
	width: fit-content;
	text-decoration: none;
	border-radius: 15px;
	color: #172972;
}
.border-white{
	border:1px solid #FFF;
	padding: 1rem;
	border-radius: 15px;
}
.border-white ul{
	padding-left: 1rem;
}
.border-white ul li::marker{
	color: #FFF;
}

#pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#pagination button {
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #586F8B40;
    font-weight: 700;
}

#pagination button.active {
    background-color: transparent;
    color: #4E4E4E;
}

#pagination button:disabled {
    background-color: transparent;
    color: #e9ecef;
    opacity: 0.8;
    cursor: not-allowed;
}