.title-notificacao {
    color: #C41B17;
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 3.75rem;
    margin-top: 3.75rem;
    font-weight: bold;
    font-family: Roboto;
    font-style: normal;
}

.title-notificacoes {
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #C92E30;
    margin-top: 3.75rem;
    margin-bottom: 3.13rem;
}

.btn-ver-mais-notificacao {
    line-height: 6px;
    /*position: absolute;*/
    bottom: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
    top: 230px;
    background-color: #FFF;
}

.btn-ver-mais-notificacao > a {
    color: #c41b17;
    text-decoration: none;
}

.btn-ver-mais-notificacao > a:hover{
    color:#C41b17;
}

.divPai {
    display: none;
    position: absolute;
    right: 209px;
    z-index: 100;
    /*height: 275px;*/
    background-color: #F4F4F4;
    top: 50px;
    /*overflow-x: auto;*/
    min-width: 350px;
    border:solid 1px #F4F4F4;
}

.divPai > hr{
    width:initial;
}

.marcar-todas-lida {
    display: none;
    text-decoration: none;
    width: 85%;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1rem;
    color: #222222;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.62rem;
}

    .marcar-todas-lida:hover {
        text-decoration: none;
        color: #222222;
        font-weight: 500;
        font-size: 0.87rem;
        display: flex;
    } 

#alert-notificacao {
    display: none;
    width: 80%;
    text-align: center;
    margin: auto;
}

#marcar-lido {
    cursor: pointer;
}

.loading-marcar-lido {
    display: none;   
    width: 15px;
    height: 15px;
}

.loading-marcar-variosLido {
    width: 15px;
    height: 15px;
}

.div-loading-lerVarios {
    display: none;
    width: 85%;
    margin: auto;
    text-align: right;
}

.div-paragrafo {
    color: #8A8A8A;
    height: 57px;
    text-align: center;
    width: 80%%;
    margin: 0px auto;
    display: block !important;
    padding-bottom: 25px;
    border-bottom: solid 1px #CCCCCC;
    padding: 16px 0;
}

.div-paragrafo > a:hover {
    text-decoration: none !important;
    color: #A8A8A8 !important;
    /*display: block !important;*/
}

.div-pai-detalhe {
    width: 80%;
    margin: 0 auto;
    width: 80%;
}

.div-pai-detalhe-2 {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 0.62rem;
    padding-bottom: 0.62rem;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
}

h6 {
    color: #c41b17;
}

.qtd-notificacoes {
    width: 25px;
    height: 25px;
    position: absolute;
    background: #C41B17;
    border-radius: 12.5px;
    margin-left: 10px;
    bottom: 45%;
    display: none;
    justify-content: center;
    align-items: center;
}

.qtd-notificacoes span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

h3 {
    color: #C41B17;
    text-align: center;
    line-height: 5;
}

hr{
    width:80%;
}
.div-princial-detalhe {
    width: 80%;
    margin: 0 auto;
    align-items:center;
}
div-titulo{
    text-align:center!important;
    margin:10px;
    font-size:16px;

}
.div-msg-corpo {
    text-align: center !important;
    margin: 10px;
    font-size: 22px;
}

.notificacao-lida {
    background-color:#FFF ;
}

.div-pai-detalhe .paginacao-direita {
    margin-top: 1.87rem;
}

.notificacao-nao-lida {
    background-color: #F4F4F4;
    font-weight: bold;
}

.hr-detalhes {
    width: 85%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.a-msmg-lida {
    text-align: center;
    color: #8A8A8A !important;
}

.a-msmg-nao-lida {
    text-align: center;
    color: #000 !important;   
}

.span-date-lida {
    text-align: center;    
    font-size: 14px;
    color: #8A8A8A;
}

.span-date-nao-lida {
    text-align: center;
    color: #000;
    font-size: 14px;
}

.carta-lido {
    margin-right: 2rem;
}

.carta-nao-lido {
    margin-right: 1rem;
}

.div-pai-naoLida {
    background-color: #FAFAFA;
}

.marcar-lida {
    align-self: center;
    display: flex;
}

.link-ver-mais {
    text-decoration: none;
    color: #C41D17;
}

.msg-notificacao {
    text-align: center;
    font-size: 25px;
    color: #c41b17 !important;
    width: 100%;
    margin: 102px auto;
}

.clean-tag-a{
    text-decoration:none;

}
.clean-tag-a:hover {
    text-decoration: none;
    display: flex !important;
}

@media only screen and (max-width: 426px) {
    .title-notificacoes {
        display: none;
    }

    .marcar-todas-lida {
        width: 100%;
        padding-right: 1rem;
    }

    .hr-detalhes {
        width: 100%;
    }

    .div-pai-detalhe {
        width: 100%;
    }

    .div-pai-detalhe-2 {
        width: 100%;
    }

    /*.marcar-lida {
        display: block;
    }*/

    .a-msmg-nao-lida {
        font-size: 0.87rem;
        text-align: left;
    }

    .a-msmg-lida {
        text-align: left;
        font-size: 0.87rem;
    }

    .qtd-notificacoes {
        /*display: none !important;*/
    }

    .divPai {
        position: absolute;
        right: unset;
        z-index: 100;
        height: 275px;
        background-color: #F4F4F4;
        top: 128px;
        overflow-x: auto;
        min-width: unset;
        border: solid 1px #F4F4F4;
        left: 0;
        width: 100%;
    }

    #navbar-notificacoes {
        overflow-y: unset !important;
        border-bottom: 1px solid;
        padding: 5px 0;
    }

    /*#navbar-notificacoes .dropdown .dropdown-toggle.no-after::after {
        margin-top: unset;
    }*/

    .dropdown-menu.divPai {
        display: none !important;
    }

    #font_reduzida-notificacao {
        position: absolute;
        margin-left: 50px;
        top: -5px;
    }

    .div-pai-detalhe .row.w-75.m-auto {
        margin: 0 !important;
    }

    /*.div-pai-detalhe .col.float-right.text-right {
        float: left !important;
        text-align: left !important;
    }*/
}

@media only screen and (max-width: 720px) {
    .qtd-notificacoes {
        bottom: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .qtd-notificacoes {
        bottom: 23%;
    }
}

@media only screen and (max-width: 552px) {
    .qtd-notificacoes {
        bottom: 50%;
    }
}