﻿.table-header {
    background-color: #586B78;
    border-radius: 25px 0 !important;
}

.table-th {
    color: #FFFFFF;
}

.bg-online {
    color: #00FF011A;
    height: 64px;
    width: 64px;
}

.bg-offline {
    color: #FFC1C1;
    height: 64px;
    width: 64px;
}

.icon-online {
    color: #00FF011A;
    height: 32px;
    width: 32px;
}

.icon-offline {
    color: #FFC1C1;
    height: 32px;
    width: 32px;
}

.table {
    border-radius: 8px;
}

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

.ellipsis-text {
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 100%; 
}

/*alinhamento de todos headers para centro */
th.mud-table-cell {
    text-align: center;
}
/* alinhamento de todas informações para esquerda */
td.mud-table-cell {
    text-align: start;
}

/* espaço e bordar em todas tabelas */
.mud-table-container {
    border-radius: 10px;
    margin-top: 15px;
}

/* esconde botoes da paginação */
button[aria-label="First page"],
button[aria-label="Last page"] {
    display: none;
}

.mud-table-pagination-display {
    margin-right: auto;
}

.mud-table-pagination-spacer {
    display: none;
}

.btn-filled {
    background-color: #074D3D;
    color: #D1FAE6;
}

.bg-paper {
    background-color: var(--mud-palette-surface);
    padding: 16px;
    border-radius: 16px;
}

.page-title {
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 30px 0;
}

.clear-bg {
    background-color: var(--mud-palette-background-gray);
    padding: 8px 16px 8px 16px;
}

.mud-svg-icon {
    fill: var(--mud-palette-surface);
}

.sobutton {
    font-weight: 400;
}

.mud-button-root {
    height: fit-content;
}

.btn-search {
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-primary);
}