body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    /* background-color: #237192; */
    /* background-color: #00984a; */
}

input,
select,
textarea,
table tbody tr {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.loginMeridioWeb {
    padding-top: 10%;
}

.all-container {
    width: 100%;
    height: 100%;
    background: #E6EAEE;
}

.home-menu {
    background: #EDEDED;
}

.all-header,
.all-footer {
    width: 100%;
    display: flex;
    align-items: center;
    color: white;
    /* background-color: #237192; */
    background-color: #00984a;
}

.all-header,
.all-footer {
    /*min-height: 45px;*/
}

.all-content {
    min-height: 84%;
}

.all-content>section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.all-footer {
    height: 50px;
    /* height: 0px; */
    justify-content: center;
    flex-direction: row;
    font-size: 0.8rem;

    text-align: center;
    /* Centraliza o texto */
    text-align-last: center;
}

.footer-menu {
    position: absolute;
    /* margin-left: 47% !important; */
}

.all-footer.no-login {
    justify-content: center;
}

.all-footer #version {
    margin-left: 10px;
    text-align: left;
}

.login-footer {
    margin-left: 10px;
    text-align: left;
}

.all-footer #server {
    margin-right: 10px;
    text-align: right;
}

.all-header {
    height: 100px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.all-header.no-login {
    justify-content: center;
}

.all-header #header-data {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 10px;
    padding-top: 20px;
    height: 100%;
}

.all-header #logo img {
    margin-left: -10%
}

.login-logo #logo img {
    margin-bottom: 3%;
    /* margin-left: 6%; */
}

.all-header #header-data #logo img {
    width: 120px;
}

.all-header #header-data>div>span {
    font-size: 0.8rem;
}

.sweet-container {
    z-index: 100;
}

.window-header h1 {
    color: white;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

div.error-message span {
    color: #E63939;
}

.table-holder .total-linhas-tabela {
    font-size: 0.9rem;
    color: #888;
}

.md-button.md-icon-button {
    border-radius: 4px;
    margin-top: 5px;
}

.sticky-footer {
    position: sticky;
    bottom: 0;
    background-color: white;
    padding: 16px;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.15);
    z-index: 100;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.scrollable-content-buttons {
    max-height: 450px; /* ou ajuste conforme necessário */
    overflow-y: auto;
    padding-bottom: 100px; /* para não esconder conteúdo atrás dos botões */
}

/* MENU */

#main-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    font-weight: 300;
}

#main-menu>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 10px;
}

#main-menu #usuario-nome {
    margin: 10px;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
}

/* Quando a largura da tela for menor ou igual a 376px */
@media (max-width: 376px) {
    #main-menu #usuario-nome {
        margin: 3.8px;
    }
}

/* Quando a largura da tela for menor ou igual a 320px */
@media (max-width: 320px) {
    #main-menu #usuario-nome {
        margin: 0;
        /* Remove a margem */
    }
}

#main-menu #usuario-nome svg {
    width: 16px;
}

#main-menu>div>span {
    margin-bottom: 5px;
    font-size: 0.8rem;
}

#main-menu #menu-container {
    /* display: flex; */
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

#main-menu .md-menu:not(.md-open) .menu-option {
    padding: 0.5rem;
    height: auto;
}

#main-menu .md-menu .md-button.md-icon-button {
    outline: none;
    background: transparent;
    border-radius: 0;
}

/* #main-menu .md-menu .menu-option { transition: all 0.2s; }
#main-menu .md-menu.md-open .menu-option { color: black; }
#main-menu .md-menu:not(.md-open) .menu-option { background-color: #ddd; }
#main-menu .md-menu:not(.md-open) .menu-option:hover,
#main-menu .md-menu:not(.md-open) .menu-option:focus,
#main-menu .md-menu:not(.md-open) .menu-option:active {
  background-color: #237192;
  background-color: #00984a;
  color: white;
} */

md-menu-content.md-menu-bar-menu.md-dense {
    padding: 0;
}

/* MEDIA QUERIES */

@media screen and (max-width: 959px) {
    div.window-container {
        margin-top: 10px;
    }

    /*.all-header #logo img{
        justify-content: flex-start;
    }*/
    /*.all-header {
        background-repeat: no-repeat;
        background-size: 25%;
        background-position: 50% 75%;
        flex-direction: column;
    }
    .all-header #header-data { height: 100px; }*/
    .all-header #main-menu #menu-container {
        align-items: flex-start;
    }
}

@media screen and (max-width: 640px) {
    .all-header #main-menu #menu-container {
        align-items: flex-start;
    }

    /* .all-header.no-login { justify-content: flex-end; } */
    .all-header {
        background-position: 50% 50%;
    }

    .all-content>section {
        align-items: flex-start;
        justify-content: space-around;
    }
}

@media screen and (min-width: 1366px) {
    .all-header {
        font-size: 1rem;
        background-repeat: no-repeat;
        background-size: 10%;
        background-position: 50% 50%;
    }
}

/* 
.md-primary:not([disabled="disabled"]) {
    background-color: #237192 !important;
    background-color: #00984a !important;
    color: white !important;
} */

.badge {
    position: relative;
}

.badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -34px;
    right: -14px;
    font-size: 1.01em;
    background: #B80304;
    color: white;
    width: 50px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 2px solid white;
}

.conteiner-dados-valores {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
}

.conteiner-dados-valores-cabecalho {
    color: rgb(96, 125, 139);
    font-size: 15px;
    line-height: 19px;
    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.icon-user-name {
    padding-left: 7px;
}

.iconAgJur {
    position: absolute;
    left: 14px;
    top: 57%;
    transform: translateY(-50%);
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filterButton-AgPubJur {
    background-size: 110% !important;
    background-color: transparent !important;
    box-shadow: 0 0 0 0 !important;
}

.actions {
    display: flex;
    align-items: center;
}

@media (max-width: 320px) {
    .actions {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
    }
}

.span-user-name {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.button-arrow-login {
    margin: -19px 0px -24px -24.75px;
    background: unset !important;
}

.arrow-login {
    fill: white;
    transform: scale(0.7);
}

/* Estilo para o conteúdo do menu com a classe menu-arrow-login */
.menu-arrow-login {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 2px 0;
}

/* Estilo para cada item de menu dentro do menu-arrow-login */
.menu-arrow-login md-menu-item {
    padding: 4px 0;
    display: flex;
    justify-content: center;
}

/* Estilo padrão do menu */
.menu-arrow-login {
    position: absolute;
    top: 28px;
    transition: top 0.3s ease;
}

.visao-grafica {
    text-align: center;
    min-width: 9%;
    align-self: center;
}

@media (min-width: 2560px) {
    .visao-grafica {
        min-width: 7%;
    }
}

.filtro-agPubJur {
    min-height: 59px !important;
    margin: 0px 8px 0px !important;
}

@media (max-width: 425px) {
    .filtro-agPubJur {
        width: 11%;
        text-wrap: balance !important;
        justify-content: center !important;
    }
}

.menu {
    position: relative;
    display: inline-block;
}

.menu-button {
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-top: -19%;
}

.menu-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 60px;
    padding: 3px 0;
}

.menu-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.menu-content a:hover {
    background-color: #ddd;
}

.menu:hover .menu-content {
    display: block;
}

.img-menuArrowLogin {
    width: 16px;
    height: 16px;
    filter: invert(100%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(180deg);
}


.filtro-div {
    display: flex;
    flex-wrap: wrap;
    /* Permite a quebra de linha */
    align-items: center;
    justify-content: flex-start;
    /* Mantém os itens alinhados à esquerda */
}

.filtro-graphics {
    display: flex;
    flex-wrap: wrap;
    /* Permite a quebra de linha */
    align-items: center;
    justify-content: flex-start;
    /* Mantém os itens alinhados à esquerda */
}

.filtro-span {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #abbed1;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .26);
    gap: 8px;
    min-width: 80px;
    min-height: 59px;
    padding-left: 20px;
    padding-right: 20px;
}

.filtro-span-agPubJur {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #abbed1;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .26);
    gap: 8px;
    min-width: 80px;
    min-height: 59px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 375px) {
    .filtro-span-agPubJur {
        padding-left: 2%;
        padding-right: 2%;
    }
}


.filtro-button {
    display: flex;
    align-items: center;
}

/* Estilo para o navigation */
.navigation select {
    border-radius: 5px;
    border: 1px solid #ccc;
    transition: background-color 0.3s, border-color 0.3s;
}

.navigation select:focus {
    border-color: #3091f0;
    /* background-color: #e9f0f9; */
}

.custom-dialog-notificacao-panel{
    width: 1112px  !important;
    height: 800px  !important;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}

.custom-dialog-notificacao-panel-mensagem {
    max-width: 1150px;
    max-height: 800px;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ql-align-center img {
    width: 90%;
}

.red-ball {
    width: 15px;          /* Largura da bolinha */
    height: 15px;         /* Altura da bolinha */
    background-color: red; /* Cor da bolinha */
    border-radius: 50%;   /* Deixa a forma redonda */
    display: inline-block; /* Para manter o layout inline */
  }