/**
 * @version     CVS: 2.0.0
 * @package     com_normas
 * @subpackage  mod_notificacoes
 * @copyright   2021 Intercode
 * @license     GNU General Public License versão 2 ou posterior; consulte o arquivo License. txt
 * @author      Rogerio Brito <rogerio.brito@intercode.com.br>
 */
/*NOTIFICAÇÕES*/
/*
.module-notificacoes {
    padding-right: 1rem;
    padding-left: 1rem;
}
*/

#sino {
    width: 30px;
    height: 30px;
    background-color: #053989;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    position: relative;
}

#sino span.badge {
    position: absolute;
    top: -8px;
    right: -8px;
    /*font-size: 0.8rem;*/
    min-width: 20px;
    padding: 4px 8px;
    border-radius: 50%;
    background-color: #d9534f;
    color: #fff;
    text-align: center;
}

.dropdown-toggle {
    background-image: none;
    border: none;
    color: #333;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    position: relative;
}

.dropdown-menu {
    width: 300px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.notification-list{
    width: 100%;
    /*overflow-x: hidden;*/
    max-height: 200px;
    overflow-y: auto;
}

.notification-list a {
    word-wrap: break-word;
    white-space: break-spaces;
}

.notifications-dropdown-list {
    /*display: none;*/
    padding-left: 0;
    list-style-type: none;
}

.dropdown-item,
.dropdown-item-2 {
    padding: 10px;
    font-size: 12px !important;
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s;
}

.dropdown-item-2 {
    display: block;
    width: 100%;
    /*padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);*/
    clear: both;
    font-weight: 400;
    /*color: var(--bs-dropdown-link-color);*/
    text-align: inherit;
    /*text-decoration: none;*/
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

a.dropdown-item[data-read="1"],
a.dropdown-item-2[data-read="1"],
a.dropdown-item[data-read="1"] span,
a.dropdown-item-2[data-read="1"] span {
    color: grey;
}

a.dropdown-item:hover,
a.dropdown-item-2:hover {
    background-color: #f8f8f8;
}

a.dropdown-item:active,
a.dropdown-item-2:active {
    color: #1e1f1f;
}

.dropdown-toggle::after {
    content: none !important;
}

.dropdown-menu.show {
    /*transform: translate3d(131px, 35.2px, 0px) !important;*/
    left: -9rem;
}

.ver-mais {
    text-align: center;
    margin-top: 10px;
}

.ver-mais hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 5px 0;
}

.ver-mais a {
    text-decoration: none;
    color: #053989;
    font-weight: bold;
    font-size: 15px;
}

.ver-mais a:hover {
    text-decoration: underline;
    color: #333;
}

.no-notifications {
    margin-top: 20px;
    font-size: .8em !important;
    color: #ccc !important;
    display: block;
    text-align: center;
}

.data-criacao {
    font-size: .7rem !important;
    font-weight: bold !important;
    font-style: italic !important;
}

.not-number {
    display: inline !important;
    font-size: .7rem !important;
}
/*NOTIFICAÇÕES*/