body {
    margin: 0px;
    background-color: #464646;
    height: 100vh;
    font-family: system-ui;
    min-width: 800px;
}

body.dark-mode {
    margin: 0px;
    background-color: #363638;
    height: 100vh;
    font-family: system-ui;
    min-width: 800px;
}


div#container-content {
    padding: 0px 5px;
    height: 100vh;
    display: flex;
}

div#content-area-body {
    height: auto;
    display: flex;
    width: 100%;
}

div#fixa-content {
    width: 100%;
}

div#content-area {
    width: 100%;
}

#container-box {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}

/* Meunu ACESSO PRIVILIGIADO DO AJ E RECUPERANDA */
.page-duvidas-credores #block-menu-menu-ata {
    float: left;
    width: 100%;
    background: #363638;
    border: none;
  }
.page-duvidas-credores #block-menu-menu-ata .title {
    display: none;
}

.page-duvidas-credores #block-menu-menu-ata .content ul.menu {
    padding: 0px;
}

.page-duvidas-credores #block-menu-menu-ata .content ul.menu li {
    list-style: none outside none;
    margin: 20px 7px 5px 2px;
    line-height: 20px;
    padding: 0px;
    width: 100%;
    align-items: center;
    display: flex;
    font-family: system-ui;
}


.page-duvidas-credores #block-menu-menu-ata .content ul.menu li a {
    color: #ffcd00;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 4px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: system-ui;
}

.page-duvidas-credores #block-menu-menu-ata  .content ul.menu li a:hover {
    background-color: #363638;
    color: white;
}
.page-duvidas-credores .block-region {
    background-color: #363638;
}

div#topo {
    width: 100%;
    height: 82px;
    border-bottom: 1px solid #bbb;
    font-family: system-ui;
    min-width: 600px;
}

#topo a {
    float: left;
}

#topo h1 {
    float: left;
    color: #fbfbfbdc;
    width: 90%;
    text-align: center;
    font-family: system-ui;
}

body.dark-mode #topo h1 {
    float: left;
    color: #fcfcfc;
    width: 90%;
    text-align: center;
    font-family: system-ui;
}

#topo h1 i {
    color: #ffcb00;
    font-style: normal;
    font-family: system-ui;
}

body.dark-mode #topo h1 i {
    color: #fffffd;
    font-style: normal;
    font-family: system-ui;
}



h1 {
    color: #d8d8dc;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-family: system-ui;
}

h2 {
    color: #d8d8dc;
    text-align: center;
    font-family: system-ui;
}

h2 i {
    color: #ffcb00;
    font-style: normal;
}

h3 {
    color: #d8d8dc;
    text-align: center;
    font-family: system-ui;
}

h3 i {
    color: #ffcb00;
    font-style: normal;
}

h4 {
    color: #d8d8dc;
    text-align: center;
    font-family: system-ui;
}

h4 i {
    color: #ffcb00;
    font-style: normal;

}

div#form {
    text-align: center;
}

span.alinha-topo {
    width: 100%;
    display: block;
    font-family: system-ui;
    margin-top: 15px;
}

.messages {
    font-family: system-ui;
    font-size: 20px;
    font-weight: bold;
    height: auto;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    position: relative;
    text-align: center;
    width: 100%;
    color: #ffcb00;
    border-bottom: 1px solid #CCCCCC;
    font-family: system-ui;
}

.container {
    display: flex;
    flex-direction: row;
}

.region-left-menu {
    flex: 1;
    /* Isso faz com que a área 2 ocupe o restante do espaço vertical disponível */
    width: 10%;
    min-width: 150px;
    float: left;
    margin-top: 4px;
}

.region-content {
    max-width: 85%;
    width: 100%;
    float: right;
    min-width: 560px;
}

table.ata {
    width: 100%;
    margin: 1% 0%;
    text-align: left;
    border-collapse: collapse;
}

table.ata,
table.ata th,
table.ata td {
    border: none;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    font-family: system-ui;
}

table.list-cred,
table.list-cred th,
table.list-cred td {
    border: none;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    font-family: system-ui;
}

.page-ata table.list-cred td,
.page-ata2 table.list-cred td,
.page-ata3 table.list-cred td,
.page-ata5 table.list-cred td,
.page-ata6 table.list-cred td,
.page-ata7 table.list-cred td,
.page-ata8 table.list-cred td,
.page-ata9 table.list-cred td,
.page-ata10 table.list-cred td,
.page-atatermo table.list-cred td,
.page-atasemtermo table.list-cred td,
.page-credores-habilitados table.list-cred td,
.page-credores-habilitados-nao-credenciados table.list-cred td,
.page-semvoto table.list-cred td,
.section-cenario table.list-cred td,
.page-cenario-voto table.list-cred td,
.page-votacoes-voto table.list-cred td {
    font-size: 12px;
    padding: 5px 10px 5px 10px;
}

.page-credores-habilitados h2 {
    background-color: #363638
}

tbody {
    border-top: none;
    font-family: system-ui;
}

td {
    background-color: white;
    font-family: system-ui;
}

td.bold {
    background-color: #f1f1f1;
    font-size: 18px;
    font-weight: bold;
    font-family: system-ui;
}

td.nome.nomeata {
    width: 56%;
    text-transform: uppercase;
}

td.classe {
    width: 22%;
    text-transform: uppercase;
}

td.credito {
    width: 22%;
    text-transform: uppercase;
    text-align: center;
}

#bt-no {
    background-color: red;
    border-radius: 16px 16px 16px 16px;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 77px;
    line-height: 2;
    position: relative;
    text-align: center;
    width: 30%;
    margin-left: 0;
    min-width: 237px;
    font-family: system-ui;
}

#bt-yes {
    background-color: #00c95a;
    border-radius: 16px 16px 16px 16px;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 77px;
    line-height: 2;
    margin-left: 4%;
    position: relative;
    text-align: center;
    width: 30%;
    min-width: 237px;
}

#bt-abstencao {
    background-color: darkgray;
    border-radius: 16px 16px 16px 16px;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 77px;
    line-height: 2;
    margin-left: 4%;
    margin-top: 0px;
    position: relative;
    text-align: center;
    width: 30%;
    min-width: 237px;
}

div#result {
    height: 100%;
    width: 100%;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #ffcb00;
    background-color: #363638;
    font-family: system-ui;
}

.front.admin-menu .region-content {
    max-width: 85%;
    width: 100%;
    float: right;
    min-width: 943px;
}

#block-menu-primary-links,
#block-menu-menu-assembleia,
#block-menu-menu-usuarios {
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    float: left;
    height: auto;
    margin: 10px;
    min-height: 490px;
    position: relative;
    width: 29%;
    border-radius: 5px;
}

#block-menu-menu-ata,
#block-menu-menu-presencial,
#block-menu-menu-cenarios {
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    float: left;
    height: auto;
    margin: 10px;
    min-height: 490px;
    position: relative;
    width: 29%;
    border-radius: 5px;

}

/* Estilo do botão de modo escuro */
.dark-mode-btn {
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
    margin-top: 32px;
}

/* Estilos para o modo escuro */
body.dark-mode .tela-inicial {
    background-color: #2d2d2d;
    color: #ffffff;
    box-shadow: 0 1px 20px 0 #666;
}

body.dark-mode .region-left-menu {
    background-color: #333;
}

body.dark-mode #block-menu-primary-links .title, 
body.dark-mode #block-menu-menu-assembleia .title, 
body.dark-mode #block-menu-menu-usuarios .title, 
body.dark-mode #block-menu-menu-ata .title, 
body.dark-mode #block-menu-menu-presencial .title, 
body.dark-mode #block-menu-menu-cenarios .title {
    background-color: #444;
    color: #ffffff;
    border-color: #666;
}

/* Adicione outros elementos que precisam de estilo escuro conforme necessário */

#block-menu-primary-links .title,
#block-menu-menu-assembleia .title,
#block-menu-menu-usuarios .title,
#block-menu-menu-ata .title,
#block-menu-menu-presencial .title,
#block-menu-menu-cenarios .title {
    background-color: #ffcb00;
    border: 1px solid #ffffff;
    color: #000000;
    float: left;
    font-family: system-ui;
    font-size: 18px;
    font-weight: normal;
    height: 31px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 5px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    width: 98%;
    text-transform: uppercase;
}

#block-menu-primary-links .content,
#block-menu-menu-assembleia .content,
#block-menu-menu-usuarios .content,
#block-menu-menu-ata .content,
#block-menu-menu-presencial .content,
#block-menu-menu-cenarios .content {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

#block-menu-primary-links .content ul.menu,
#block-menu-menu-assembleia .content ul.menu,
#block-menu-menu-usuarios .content ul.menu,
#block-menu-menu-ata .content ul.menu,
#block-menu-menu-presencial .content ul.menu,
#block-menu-menu-cenarios .content ul.menu {
    float: left;
    height: auto;
    margin-left: 2px;
    padding: 0px;
    position: relative;
    width: 100%;
}

#block-menu-primary-links .content ul.menu li.leaf,
#block-menu-menu-assembleia .content ul.menu li.leaf,
#block-menu-menu-usuarios .content ul.menu li.leaf,
#block-menu-menu-ata .content ul.menu li,
#block-menu-menu-presencial .content ul.menu li,
#block-menu-menu-cenarios .content ul.menu li {
    float: left;
    height: 31px;
    line-height: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#block-menu-primary-links .content ul.menu li.leaf a,
#block-menu-menu-assembleia .content ul.menu li.leaf a,
#block-menu-menu-usuarios .content ul.menu li.leaf a,
#block-menu-menu-ata .content ul.menu li a,
#block-menu-menu-presencial .content ul.menu li a,
#block-menu-menu-cenarios .content ul.menu li a {
    color: #363638;
    float: left;
    font-family: system-ui;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    position: relative;
    text-decoration: none;
    width: auto;
}

#block-menu-primary-links .content ul.menu li.leaf a:hover,
#block-menu-menu-assembleia .content ul.menu li.leaf a:hover,
#block-menu-menu-usuarios .content ul.menu li.leaf a:hover,
#block-menu-menu-ata .content ul.menu li a:hover,
#block-menu-menu-presencial .content ul.menu li a:hover,
#block-menu-menu-cenarios .content ul.menu li a:hover {
    color: white;
    background-color: #363638;
    border-radius: 4px;
    padding: 5px;
    margin: -2px;
    max-width: 97%;
    font-family: system-ui;
}

#modal_duvida {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.5);
    font-family: system-ui;
}

#modal_duvida form#insert_duvida {
    width: 60%;
    min-width: 898px;
    height: 275px;
    position: absolute;
    left: 20%;
    top: 120px;
    z-index: 9999;
    background-color: #cccccc;
    border: solid 1px #ccc;
    border-radius: 15px;
    box-shadow: 0px 0px 4px 0px;
    font-family: system-ui;
}

#modal_duvida.body_modal_duvida {
    width: 100%;
    height: 100%;
}

div#title_modal_duvida {
    width: 100%;
    height: 43px;
    border-bottom: solid 1px #CEA612;
    margin-top: 10px;
    padding-bottom: 5px;
}

#modal_duvida .label_insert_duvida {
    text-align: center;
    width: 83%;
    height: auto;
    font-size: 20px;
    margin: 10px;
    padding-left: 7%;
    font-family: system-ui;
}

#modal_duvida .fechar {
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
    font-size: 20px;
    width: 3%;
    height: auto;
    margin: 13px 10px 10px 10px;
    cursor: pointer;
    font-family: system-ui;
}

#modal_duvida div#body_insert_duvida {
    width: 100%;
    height: 207px;
}

#modal_duvida textarea#duvidaarea {
    width: 97%;
    height: 143px;
    padding: 5px;
    margin-left: 3px;
    border: none;
    font-size: 20px;
    cursor: auto;
    outline: none;
    border-bottom: solid 1px #CEA612;
    resize: none;
    font-family: system-ui;
}

#modal_duvida #CadDuvida {
    width: 104px;
    float: right;
    height: 40px;
    margin: 7px 10px 7px 7px;
    border: none;
    box-shadow: 0px 0px 4px 0px black;
    color: white;
    background-color: #007bff;
    text-align: center;
    padding-left: unset;
    font-family: system-ui;
    border-radius: 10px;
    font-size: 18px;
}

#modal_duvida #CadDuvida:hover {
    background-color: #007bff;
    font-family: system-ui;
}

#modal_duvida .check_pedido_bold {
    border-left: unset;
}

#modal_duvida .sorteado {
    width: 94%;
    height: 64%;
    padding: 22px;
}

#modal_duvida .sorteado tbody {
    border-top: unset;
}

#modal_duvida .sorteado td.nome_pedido_bold {
    border-bottom: 1px solid gray;
    width: 56%;
}

#modal_duvida .sorteado td.classe_pedido_bold {
    border-bottom: 1px solid gray;
    width: 40%;
}

#modal_duvida .sorteado td.check_pedido_bold {
    border-bottom: 1px solid gray;
    width: 4%;
}

.page-duvidas-credores .body_modal_duvida {
    width: 100%;
    height: 95%;
}

form#user-login {
    width: 100%;
    color: #ffcb00;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: system-ui;
}

.page-user-login .form-item,
.page-user .form-item {
    background-color: inherit;
    color: inherit;
    padding-left: 0px;
}

.form-item label {
    font-size: 23px;
    font-family: system-ui;
}

#user-login .form-item label {
    color: #ccc;
    margin: 10px auto;
    font-size: 30px;
}



.form-item .description {
    font-size: 15px;
    font-family: system-ui;
}
#user-login .form-item .description {
    margin: 20px auto 10px auto;
    text-align: center !important;
    color: #d8d8dc;
    font-size: 20px;
}



#edit-name,
#edit-pass {
    width: 100%;
    padding: 4px 7px 0;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #e6eaee;
    outline: none;
    transition: all 50ms ease;
    font-size: 20px;
    font-family: system-ui;
    text-align: center;
}

div#edit-name-wrapper,
div#edit-pass-wrapper {
    max-width: 545px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.captcha {
    padding: 0 9%;
}


#sliding-popup .popup-content {
    width: 100% !important;
    height: 74px;
    display: block !important;
    /* bottom: 60%; */
    background-color: #2c3e50 !important;
    bottom: 615px !important;
}

#sliding-popup .popup-content #popup-buttons {
    float: right;
    margin: 23px 30px 10px 0;
    margin-top: 25px !important;
}

#sliding-popup .popup-content #popup-text p {
    font-size: 16px !important;
        font-weight: normal !important;
}

#sliding-popup .popup-content #popup-text {
    color: #fff;
    float: left;
    text-align: left;
    width: 600px;
    width: 78% !important;
    margin-top: 17px !important;
    margin-left: 18px !important;
}

#sliding-popup .popup-content #popup-buttons button {
    width: 80px !important;
    height: 39px !important;
    margin-top: -8px !important;
    font-size: 11px !important;
}

#sliding-popup .popup-content {
    width: 100% !important;
}

input#edit-submit {
    background-color: #007bff;
    margin: auto;
    height: 48px;
    width: 250px;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 6px;
    font-size: 22px;
    font-family: system-ui;
    cursor: pointer;
    margin-left: 20px;
}

div#bt-primeiro-acesso {
    color: #cccccc;
    font-size: 20px;
    font-family: system-ui;
    font-weight: 400;
    margin: 40px auto 0px auto;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 3px solid #cccccc;
    border-radius: 10px;
    width: 310px;
    padding: 10px 0;
    text-transform: uppercase;
    display: none;
}

.primeiro-acesso a {
    text-decoration: none !important;
}

form#user-pass {
    width: 100%;
    color: #ffcd00;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: system-ui;
}

/* TELA DE RESET DE SENHA */
#user-pass-reset {
    display: flex;
    justify-content: center;
    border: 3px solid #999;
    border-radius: 8px;
    margin: 10px 20px 10px 20px;
}

#user-pass-reset #edit-submit.form-submit {
    margin-left: 36% !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* FIM DA TELA DE RESET DE SENHA */

.page-user input#edit-submit {
    background-color: #007bff;
    margin: auto;
    height: 65px;
    width: 100%;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    font-family: system-ui;
    cursor: pointer;
}

.page-user-password .form-item {
    background-color: initial;
    color: #ffcb00;
    padding: 0px;
}
.page-user-password .form-item label {
    font-family: system-ui;
    color: #ccc;
    margin: 10px auto;
    font-size: 30px;
}
.page-user-password input#edit-submit {
    width: 100%;
    margin-left: 0px;
    background-color: #007bff;
    margin: auto;
    height: 60px;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    font-family: system-ui;
    cursor: pointer;
}

.page-user-password #edit-name{
    width: 100%;
    padding: 4px 7px 0;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #e6eaee;
    outline: none;
    transition: all 50ms ease;
    font-size: 20px;
    font-family: system-ui;
}

.page-user-password .captcha {
    padding: 0;
}

#block-menu-menu-online {
    float: left;
    width: 90%;
}

#block-menu-menu-online .title {
    display: none;
}

#block-menu-menu-online .content ul.menu {
    padding: 0px;
}

#block-menu-menu-online .content ul.menu li {
    list-style: none outside none;
    margin: 10px 7px 5px 5px;
    line-height: 20px;
    padding: 0px;
    width: 100%;
    align-items: center;
    display: flex;
    font-family: system-ui;
}

#block-menu-menu-online .content ul.menu li a {
    color: #ffcd00;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 4px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: system-ui;
}

#block-menu-menu-online .content ul.menu li a:hover {
    background-color: #363638;
    color: white;
    font-family: system-ui;
}

#block-menu-menu-admin {
    float: left;
}

#block-menu-menu-admin .title {
    display: none;
}

#block-menu-menu-admin .content ul.menu {
    padding: 0px;
}

#block-menu-menu-admin .content ul.menu li {
    list-style: none outside none;
    margin: 10px 7px 5px 2px;
    line-height: 20px;
    padding: 0px;
    width: 100%;
    align-items: center;
    display: flex;
    font-family: system-ui;
}

body.dark-mode #block-menu-menu-admin .content ul.menu li a {
    color: #fefefe;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 1px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: system-ui;
    background-color: #444;
}

#block-menu-menu-admin .content ul.menu li a {
    color: #070706;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 1px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: system-ui;
    background-color: #ffcb00;
}

#block-menu-menu-admin .content ul.menu li a:hover {
    background-color: #363638;
    color: white;
}

#ytplayer {
    position: relative;
    padding-bottom: 56.25%;
    /* A proporção 16:9 (9 dividido por 16) */
    height: 0;
    overflow: hidden;
}

#ytplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    margin-top: 10px;
    width: 90%;
    /* Largura de 90% */
    padding-bottom: 50%;
    /* Proporção 16:9 (9 dividido por 16) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 10px;
    border: 4px solid #717171;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

/* Tela de documentos importantes */
.page-documentos-importantes #docs.docs_importantes .doc {
    width: 100%;
    height: 100%;
    float: left;
}

.page-documentos-importantes .region-left-menu {
    height: 100%;
}

.page-documentos-importantes .region-content {
    width: 67%;
    margin-left: 10px;
}

.page-documentos-importantes div#block-block-1 {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

#docs .doc a {
    background: #cccccc;
    border-radius: 11px;
    padding: 15px 20px;
    color: #000000;
    display: inline-block;
    font: normal bold 12px/1 system-ui;
    box-shadow: 0px 0px 5px 0px;
    font-family: system-ui;
}

#docs {
    position: relative;
    float: left;
    width: 90%;
    font-family: system-ui;
    flex: 1;
    /* Isso faz com que a área 2 ocupe o restante do espaço vertical disponível */
}


#docs .doc a:hover {
    background: #999999;
}

#docs .doc .docs_doc {
    border: solid 4px #9999;
    text-align: center;
    padding: 15px;
    width: 25%;
    box-shadow: 0px 0px 5px 0px;
    border-radius: 10px;
    float: left;
    margin: 5px !important;
    min-height: 100px;
    display: grid;
    align-content: center;
    min-width: 165px;
    font-size: 13px;
}

.doc {
    display: flex !important;
    justify-content: center !important;
    flex-direction: row-reverse !important;
    flex-wrap: wrap !important;
}

#docs .doc .docs_doc .nome {
    margin-bottom: 12px;
    font-weight: bold;
    color: white;
    font-family: system-ui;
}

.page-documentos-importantes h3 {
    text-align: center;
    color: #ffcd00;
    font-family: system-ui;
}

.votos_docs_importantes {
    float: left !important;
    width: 100% !important;
    margin-top: 0px !important;
    color: white;
    font-family: system-ui;
    flex: 1;

    /* Isso faz com que a área 2 ocupe o restante do espaço vertical disponível */
}

/* Ajuste da pagina documentos importantes */
.page_documentos_importantes {
    display: flex;
    margin-left: 0px !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
}



.votos .voto {
    border: solid 1px #9999;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    width: 94%;
    box-shadow: 0px 0px 5px 0px;
    border-radius: 10px;
}

.votos_docs_importantes .enquete {
    border-bottom: solid 1px #CEA612;
    padding: 0 0 10px 0;
}

.votos_docs_importantes span {
    color: #ffcd00;
    font-family: system-ui;
}

.votos_docs_importantes .linha {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
    font-size: 14px;
    border-bottom: solid 1px #ffcd00;
    margin-bottom: 10px;
    font-family: system-ui;
}

.votos .voto .nome {
    float: left;
    width: 43%;
    text-align: left;
}

.votos .voto .procurador {
    float: left;
    width: 41%;
}

.votos .voto .valor_voto {
    float: left;
    width: 15%;
    border-left: solid 1px #CEA612;
    border-right: solid 1px #CEA612;
}

.votos .voto .justificativa span {
    color: #ffcd00;
    font-family: system-ui;
}

.page-documentos-importantes div#block-menu-menu-ata {
    border: unset;
    background-color: unset;
    width: 100%;
}

.acessos_privilegiados {
    position: relative;
    float: left;
    width: 67%;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #CEA612;
}

.page-documentos-importantes .acessos_privilegiados .region-content {
    width: 100%;
}

.page-documentos-importantes .acessos_privilegiados h2.title {
    display: none;
}

.page-documentos-importantes #block-menu-menu-ata .content ul.menu li a {
    color: #ffcd00;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 4px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: system-ui;
    font-size: 16px;
}

.page-documentos-importantes #block-menu-menu-ata .content ul.menu li {
    list-style: none outside none;
    margin: 10px 7px 5px 2px;
    line-height: 20px;
    padding: 0px;
    width: 100%;
    align-items: center;
    display: flex;
    font-family: system-ui;
    height: auto;
}

.page-documentos-importantes #block-menu-menu-ata .content ul.menu li a:hover {
    background-color: #363638;
    color: white;
    margin: initial;
    max-width: initial;
}

.page-documentos-importantes #docs,
.page-ao-vivo #docs {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    width: 90% !important;
    padding: 0px 20px 0px 20px;
    background-color: #444343;
    border-radius: 15px;
    font-family: system-ui;
    flex: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.page-documentos-importantes #docs {
    margin-left: 40px;
}

.page-documentos-importantes .votos_docs_importantes {
    width: 90% !important;
    padding: 0px 20px 0px 20px;
    background-color: #444343;
    border-radius: 15px;
    margin-top: 0px !important;
    color: white;
    font-family: system-ui;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.page-documentos-importantes .votos_docs_importantes {
    margin-left: 40px;

}


.page-credenciamento-online #confirmation {
    height: 125px;
    width: 100%;
}




.page-credenciamento-online #bt-yes {
    float: left;
    width: 60%;
    margin: 1% 20% 1% 20%;
    font-size: 35px;
    text-transform: uppercase;
    box-shadow: black 1px 1px 5px 1px;
    color: white;
    font-family: system-ui;
}

.page-credenciamento-online #bt-yes:hover {
    box-shadow: white 1px 1px 5px 1px;
    color: rgb(255, 255, 255);
    background-color: green;
    font-family: system-ui;
}

.page-credenciamento-online .containerResult {
    height: 50px;
    width: 100%;
}

.page-credenciamento-online div#result {
    height: 100%;
    width: 100%;
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    color: #ffcb00;
    font-family: system-ui;
}

.page-credenciamento-online table.ata {
    width: 80%;
    margin: 1% 10%;
}

.page-credenciamento-online div#radius {
    border-radius: 15px;
    background-color: #fff;
    padding: 10px;
    width: 97%;
    margin: 10px;
    border: 5px solid #ffcd00;
}

.page-credenciamento-online table.ata td {
    font-size: initial;
}

.page-credenciamento-online div#radius tr {
    box-shadow: none;
}

.page-credenciamento-online div#form {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.page-ao-vivo .region-content {
    max-width: 69%;
    margin-top: 0.5%;
    margin-right: 0.5%;
}

div#block-block-3 {
    align-items: center;
    display: flex;
    width: 100%;
}


.page-ao-vivo #docs .doc .docs_doc {
    font-size: 24px;
}

.page-ao-vivo h3 {
    color: #dedede;
    text-align: center;
    font-family: system-ui;
}

.page-ao-vivo #content-area-body {
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column-reverse !important;
    align-items: center;
    justify-content: flex-start;
}

.page-ao-vivo .content {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background-color: #ccc;
    border-radius: 20px;
    box-shadow: 3px 3px 7px 3px;
    font-family: system-ui;
    min-width: 590px !important;
    margin-top: 300px !important;
}

.page-ao-vivo .content a {
    width: 100%;
    display: flex;
    height: auto;
    align-items: center;
    margin-top: 3%;
}

.page-ao-vivo #content-area {
    display: flex !important;
    width: 90% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
}


.page-ao-vivo iframe {
    width: 100%;
}

.page-ao-vivo div#topo {
    border-bottom: 0;
    margin-top: 80px !important;
}

.page-ao-vivo div#branco {
    margin-top: 10px;
    background-color: #ccc;
    z-index: 1;
    position: relative;
    padding: 12px;
    border-radius: 0px 0px 20px 20px;
}

.page-ao-vivo #bt-yes {
    float: left;
    width: 100%;
    margin: 3% 15% 3% 15%;
    font-size: 35px;
    text-transform: uppercase;
    box-shadow: none;
    color: black;
    font-family: system-ui;
}

.page-ao-vivo #bt-yes:hover {
    box-shadow: black 1px 1px 5px 1px;
    color: white;
    background-color: green;
    font-family: system-ui;
}

.page-ao-vivo #content-area-body {
    margin-top: -60px;
}

.page-ao-vivo .messages.status {
    margin: 10px 0px 10px 0px !important;
    position: relative !important;
    font-size: 36px !important;
    border: 3px solid #ffcb00;
    border-radius: 10px;
    color: #ffcb00;
    width: 99%;
}

.page-credores-procuradores-check td.nome.nomeata,
.page-credores-habilitados td.nome.nomeata,
.page-credores-habilitados-nao-credenciados td.nome.nomeata,
.page-semvoto td.nome.nomeata,
.page-nao-logados td.nomeata {
    border-radius: 0px;
}

td.uid_credor {
    width: 50%;
}

td.uid_procurador {
    width: 50%;
}

.page-ata h2,
.page-ata2 h2,
.page-ata3 h2,
.page-ata5 h2,
.page-ata6 h2,
.page-ata7 h2,
.page-ata8 h2,
.page-ata9 h2,
.page-ata10 h2,
.page-atatermo h2,
.page-atasemtermo h2,

.page-semvoto h2,
.section-cenario h2,
.page-cenario-voto h2,
.page-votacoes-voto h2 {
    background-color: #dcdcdc;
}

.page-credores-habilitados-nao-credenciados h2,
.page-credores-habilitados h2 {
    background-color: #363638;
}


.page-ata h3,
.page-ata2 h3,
.page-ata3 h3,
.page-ata5 h3,
.page-ata6 h3,
.page-ata7 h3,
.page-ata8 h3,
.page-ata9 h3,
.page-ata10 h3,
.page-atatermo h3,
.page-atasemtermo h3,
.page-credores-habilitados h3,
.page-credores-habilitados-nao-credenciados h3,
.page-semvoto h3,
.section-cenario h3,
.page-cenario-voto h3,
.page-votacoes-voto h3 {
    font-weight: normal;
    margin: 12px 0px 0px 0px;
    padding-left: 0px;
    text-align: center;
    width: 100%;
    background-color: #dcdcdc;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-family: system-ui;
    font-size: 16px;
    height: 22px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;

}

.page-ata h4,
.page-ata2 h4,
.page-ata3 h4,
.page-ata5 h4,
.page-ata6 h4,
.page-ata7 h4,
.page-ata8 h4,
.page-ata9 h4,
.page-ata10 h4,
.page-atatermo h4,
.page-atasemtermo h4,
.page-credores-habilitados h4,
.page-credores-habilitados-nao-credenciados h4,
.page-semvoto h4,
.section-cenario h4,
.page-cenario-voto h4,
.page-votacoes-voto h4 {
    width: 100%;
    background-color: #dcdcdc;
    color: #666666;
}

.page-voto-procurador-credores-online div#topo {
    min-height: 100px;
    display: flex;
    height: auto;
}

.page-voto-procurador-credores-online .procuradorListaCredores {
    height: auto;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.page-voto-procurador-credores-online .grupoClasse {
    background-color: #ffffff;
    margin: 8px;
    padding: 5px 1px 5px 1px;
    width: 98%;
    float: left;
    margin-right: 0;
    margin-top: 1px;
    border-radius: 15px;
}

.page-voto-procurador-credores-online .grupoClasse h3 {
    border: none;
    position: relative;
    margin: 0% 2%;
    float: left;
    width: 95%;
    background-color: #999999;
    color: black;
    font-size: 140%;
    padding: 0.5%;
    font-family: system-ui;
    border-radius: 8px;
}

.page-voto-procurador-credores-online button.selectAllButton {
    box-shadow: inset 0px 1px 3px 0px #91b8b3;
    background: linear-gradient(to bottom, #ffcb00 5%, #ffcd00 100%);
    background-color: #768d87;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #333;
    font-family: system-ui;
    font-size: 80%;
    font-weight: bold;
    padding: 6px 6px;
    text-decoration: none;
}

.page-voto-procurador-credores-online button.selectAllButton:hover {
    background: linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
    background-color: #6c7c7c;
}

.page-voto-procurador-credores-online button.selectAllButton:active {
    position: relative;
    top: 1px;
}

.page-voto-procurador-credores-online span.votaAll {
    float: right;
}

.page-voto-procurador-credores-online td span input {
    width: 80%;
    height: 17px;
    margin: 2px 2px 2px 5px;
}

.page-voto-procurador-credores-online table.ata {
    width: 96%;
    height: auto;
    float: left;
    margin: 0% 2%;
}

.page-voto-procurador-credores-online .grupoClasse tr {
    box-shadow: none;
}

.page-voto-procurador-credores-online .grupoClasse td.select {
    width: 4%;
    padding: 4px 5px 5px 2px;
}

.page-voto-procurador-credores-online .grupoClasse td.nome {
    width: 78%;
    padding-left: 1%;
    text-transform: uppercase;
}

.page-voto-procurador-credores-online .grupoClasse td.credito {
    padding-left: 1%;
    box-shadow: none;
}

.page-voto-procurador-credores-online .representantes_credor td {
    background-color: #ffffff;
}

.page-voto-procurador-credores-online .representantes_credor tr {
    box-shadow: none;
}

.page-voto-procurador-credores-online .representantes_credor {
    float: right;
    padding: 0.5%;
    height: auto;
    max-width: 98%;
    min-width: 32%;
    margin: 20px 0px auto auto;
    font-family: system-ui;
    background-color: #ffffff;
    border-radius: 15px;
}


textarea#justificativa {
    width: 100%;
    height: 100px !important;
    border-color: #363638;
    font-family: system-ui;
    border-radius: 10px;
    border: 4px solid #ffcd00;
    font-size: 24px;
}

form.form_justificativa {
    padding: 0 0 20px 20px;
}

.page-voto-procurador-credores-online form.form_justificativa {
    padding: 0;
    text-align: center;

}

.form_justificativa label {
    color: #d8d8dc;
    font-family: system-ui;
    display: grid;
    justify-content: center;
}

#loading {
    background-color: #000000;
    display: none;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

#loading p {
    color: #FFFFFF;
    font-family: system-ui;
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    line-height: 487px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.votacao-nomes #question-confirm {
    font-size: 24px !important;
    color: white !important;
    width: 99% !important;
    text-align: center !important;
    padding: 0px 0px 0px 0px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin: 6px auto 6px auto !important;
}

.votacao-nomes .procuradorListaCredores {
    margin-bottom: 0px;

}

.votacao-nomes #confirmation {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    font-family: system-ui;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.votacao-nomes .votar.nomes {
    background-color: #007bff;
    border-radius: 8px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 64px;
    line-height: 2;
    position: relative;
    width: 80%;
    margin: 5px auto 5px auto;
    padding: 5px;
    font-size: 30px;
    font-family: system-ui;
    display: flex;
    justify-content: center;
    vertical-align: middle;
}

.votacao-nomes #confirmation .votar.nomes p {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    margin-top: 11px;
    line-height: normal;
    font-family: system-ui;
    border-radius: 8px;
    text-transform: capitalize;
}

.votacao-nomes .voltar_link_voto {
    width: 100px;
    text-align: center;
    font-size: 20px;
    border: 3px solid #007bff;
    border-radius: 8px;
    padding: 6px;
    margin: 10px auto 0px 15px;
    background-color: #363638;
}

.votacao-nomes label {
    color: white;
    font-size: 24px;
    padding: 10px;
}

.votacao-nomes span {
    color: white;
    font-size: 20px;
}

.votacao-nomes .contador_credor {
    display: flex;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    margin: auto;
    flex-direction: column;
    align-items: center;
}

.votacao-nomes table {
    background-color: #999;
    font-size: 36px;

}

.votacao-nomes a {
    color: #999 !important;
    text-decoration: none !important;
}

.votacao-nomes .alinha-topo {
    font-size: 36px;
}

.votacao-nomes .title_votacao_nomes {
    font-size: 36px;
}

.votacao-nomes td.nomes {
    font-size: 24px !important;
    background-color: #999 !important;
}

.votacao-nomes td {
    font-size: 18px !important;
    background-color: #fff !important;
}

.votacao-nomes td.numero {
    font-size: 24px !important;
    background-color: #999 !important;
}

.representantes_credor {
    float: right;
    padding: 0.5%;
    height: auto;
    width: 32%;
    font-family: system-ui;
}

.representantes_credor td {
    background-color: initial;
    font-size: 20px;
    padding: 0px 8px;
    text-align: center;
    font-family: system-ui;
}

.representantes_credor table {
    background-color: #ccc;
    border-radius: 12px;
}

.representantes_credor h2 {
    margin: 5px;
    font-family: system-ui;
}

table.computados {
    width: 100%;
    font-family: system-ui;
    height: 65px;
}

table.creds {
    width: 100%;
    font-family: system-ui;
    height: 65px;
}

.page-voto-procurador-credores-online .region.region-left-menu {
    width: 40%;
    font-family: system-ui;
    max-width: 250px;
    margin-top: 10px;
}

.page-voto-procurador-credores-online div#question-confirm {
    width: 100%;
    float: left;
}

.page-voto-procurador-credores-online div#form {
    width: 100%;
    float: left;
}

.form_justificativa {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    padding: 1.5rem;
    margin-top: 2rem;
    border-radius: var(--border-radius);
    background-color: #ffffff;
    float: unset !important;
    margin-left: 0px !important;
    
}

.page-voto-procurador-credores-online div#confirmation {
    display: flex !important;
    float: left;
    width: 100%;
    margin-bottom: 4%;
    min-width: 790px;
    flex-direction: row;
    justify-content: center;
}

.page-voto-procurador-credores-online div#container {
    float: left;
    width: 100%;
}

.page-voto-procurador-credores-online .votoProcurador {
    float: none;

}

.page-voto-procurador-credores-online #bt-yes {
    font-size: 35px;
    text-transform: uppercase;
    box-shadow: black 1px 1px 5px 1px;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #bt-yes:hover {
    box-shadow: white 1px 1px 5px 1px;
    color: rgb(255, 255, 255);
    background-color: green;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #bt-abstencao {
    font-size: 35px;
    text-transform: uppercase;
    box-shadow: black 1px 1px 5px 1px;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #bt-abstencao:hover {
    box-shadow: white 1px 1px 5px 1px;
    color: black;
    background-color: gray;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #bt-no {
    font-size: 35px;
    text-transform: uppercase;
    box-shadow: black 1px 1px 5px 1px;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #bt-no:hover {
    box-shadow: white 1px 1px 5px 1px;
    color: rgb(255, 255, 255);
    background-color: darkred;
    font-family: system-ui;
}

.page-voto-procurador-credores-online #topo a {
    margin-top: 15px;
    font-family: system-ui;
}

.page-credores-habilitados h3 {
    margin: 0px;
    width: 100%;
}

.page-credores-habilitados td.loginproc {
    border-radius: 0px;
}

.totaisata {
    background-color: white;
    width: 100%;
    float: left;
    padding: 0px 7px;
    font-family: system-ui;
}

.ata tr {
    border: none;
    font-family: system-ui;
}

.totalgeral {
    width: 100%;
    background-color: #ccc;
    padding: 5px 0px;
    margin-bottom: 17px;
    text-align: center;
    font-family: system-ui;
}

a.voltar_link_procurador.active {
    display: none;
}

#node-form .node-form {
    float: left;
    position: relative;
    width: 80%;
    min-width: 600px;
}

#node-form .node-form .standard {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

#field-procurador-credores-items {
    float: left;
    height: auto;
    position: relative;
    width: 99%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
}

.section-procurador #edit-title-wrapper {
    float: left;
    position: relative;
    width: 96%;
    min-width: 578px;
}

.section-procurador #edit-title-wrapper label {
    background-color: #F1F1F1;
    border: 1px solid black;
    color: #666666;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px;
    position: relative;
    width: 96%;
    min-width: 578px;
}

.section-procurador #edit-title-wrapper input {
    border: 1px solid Silver;
    color: #000000;
    cursor: text;
    float: left;
    height: 35px;
    margin: 10px 0 0;
    padding: 5px 2% 5px 1%;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    min-width: 582px;
}

.section-procurador #edit-title-wrapper #field_procurador_credores_values {
    float: left;
    position: relative;
}

#field-procurador-procurador-items .content-multiple-table,
#field-procurador-credores-items .content-multiple-table {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

#field-procurador-procurador-items .content-multiple-table thead,
#field-procurador-credores-items .content-multiple-table thead {
    background-color: #F1F1F1;
    float: left;
    height: 35px;
    margin-bottom: 0px;
    padding: 5px 0px 5px 0px;
    position: relative;
    width: 100%;
}

#field-procurador-procurador-items .content-multiple-table thead tr th,
#field-procurador-credores-items .content-multiple-table thead tr th {
    border: medium none;
    color: #666666;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    position: relative;
    font-family: system-ui;
}

#field-procurador-procurador-items .content-multiple-table tbody,
#field-procurador-credores-items .content-multiple-table tbody {
    border: medium none;
    float: left;
    position: relative;
    width: 100%;
    padding: 0;
}

#field-procurador-procurador-items .content-multiple-table tbody tr,
#field-procurador-credores-items .content-multiple-table tbody tr {
    background-color: transparent;
    border: medium none;
    float: left;
    height: 30px;
    margin-bottom: 13px;
    position: relative;
    width: 100%;
    padding: 0;
}

#field-procurador-procurador-items .content-multiple-table tbody tr td a .handle,
#field-procurador-credores-items .content-multiple-table tbody tr td a .handle {
    float: left;
    height: 15px;
    margin-top: 7px;
    position: relative;
    width: 15px;
}

#field-procurador-procurador-items .content-multiple-table tbody tr td .form-item,
#field-procurador-credores-items .content-multiple-table tbody tr td .form-item {
    float: left;
    position: relative;
    width: 98%;
}

#field-procurador-credores-items .content-add-more .form-submit,
div#field-procurador-procurador-items div.content-add-more input#edit-field-procurador-procurador-field-procurador-procurador-add-more.form-submit {
    background-color: #666666;
    border: medium none;
    color: #FFFFFF;
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
    font-family: system-ui;
}

#field-procurador-credores-items .content-add-more .form-submit:hover {
    background-color: #999999;
}

#field-procurador-procurador-items .content-multiple-table tbody tr td .form-item .form-text,
#field-procurador-credores-items .content-multiple-table tbody tr td .form-item .form-text {
    border: 1px inset silver;
    color: #000000;
    cursor: text;
    float: left;
    height: 20px;
    position: relative;
    width: 99%;
    font-family: system-ui;
}

#section-procurador .node-form #edit-submit:hover {
    background-color: #999999;
}

.section-procurador .node-form .ahah-processed {
    background-color: #666666;
    border: medium none;
    color: #FFFFFF;
    float: left;
    position: relative;
    width: 100%;
    font-family: system-ui;
}

.section-procurador .node-form #edit-submit:hover {
    background-color: #999999;
}

.section-procurador .node-form #edit-submit-custom {
    background-color: #666666;
    border: medium none;
    color: #FFFFFF;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    font-family: system-ui;
}

.section-procurador .node-form #edit-delete {
    background-color: #666666;
    border: medium none;
    color: #FFFFFF;
    float: left;
    margin-top: 15px;
    position: relative;
    width: 99%;
    height: 45px;
    margin-bottom: 15px;
    border-radius: 7px;
    font-family: system-ui;
    margin-left: 20px;
}

.section-procurador .node-form #edit-delete:hover {
    background-color: #999999;
}

.section-admim #impressao-ipru-form-user-print-name-credenciado-list {
    float: left;
    height: auto;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-top: 100px;
    position: relative;
    width: 100%;
}

.section-admim #edit-nome-wrapper {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

.section-admim #edit-nome-wrapper label {
    background-color: #F1F1F1;
    border: 1px solid black;
    color: #666666;
    height: 30px;
    margin-bottom: 15px;
    padding: 15px 10px 5px 20px;
    width: 100%;
    font-family: system-ui;
}

.section-admim #edit-nome-wrapper input {
    border: 1px solid Silver;
    box-shadow: 1px 1px 2px silver;
    color: #000000;
    cursor: text;
    float: left;
    height: 35px;
    margin: 5px 0 0;
    padding: 5px 10px 5px 20px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-family: system-ui;
}

div#field-procurador-procurador-items {
    width: 99%;
    float: left;
    padding-left: 20px;
}

/* Página de criação do grupo */
.page-grupo-new td,
.section-procurador td {
    width: 100%;
    height: 15px;
}

.page-grupo-new .node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle,
.section-procurador .node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle {
    margin: 0;
}

.page-grupo-new #edit-title-wrapper {
    display: none;
}

.page-grupo-new #topo {
    font-size: 30px !important;
    color: #ffcd00 !important;
    text-align: center !important;
    padding-top: 20px !important;
}

.page-grupo-new #field-procurador-procurador-items .content-multiple-table thead {
    border-radius: 8px 8px 0px 0px;
}

.page-grupo-new #field-procurador-credores-items .content-multiple-table thead {
    border-radius: 8px 8px 0px 0px;
}

.page-grupo-new #field-procurador-procurador-items div.content-add-more input#edit-field-procurador-procurador-field-procurador-procurador-add-more.form-submit {
    border-radius: 0px 0px 8px 8px;
}

.page-grupo-new #field-procurador-credores-items .content-add-more .form-submit {
    border-radius: 0px 0px 8px 8px;
}


.page-grupo-new #field-procurador-procurador-items .content-multiple-table tbody tr td .form-item .form-text {
    width: 99% !important;

}

.page-grupo-new #node-form .node-form {
    margin-top: 30px !important;
}

/* Página que lista os blocos para configuração */
.page-admin-build-block #topo {
    font-size: 30px !important;
    color: #ffcd00 !important;
    text-align: center !important;
    padding-top: 20px !important;
}

.page-admin-build-block .tabs {
    display: none;
}

.page-admin-build-block .block-region {
    background-color: #363638;

}

.page-admin-build-block .sticky-enabled.tabledrag-processed.sticky-table {
    margin: 20px auto 20px auto;
    width: 900px;
}

.page-admin-build-block th {
    background-color: #ccc;
}

.page-admin-build-block .region-content {
    float: none;
}

.page-admin-build-block #block-admin-display-form {
    display: grid;
    justify-content: space-evenly;
}

/* Página Cenário */
.page-cenarios .content-cenarios-menu h3 {
    margin-right: 0 !important;
}

.page-cenarios .content-cenarios-menu {
    display: flex !important;
    width: 85%;
    float: left;
    height: auto;
    margin: 5px auto 0px 20px;
    border: 1px solid #999;
    border-radius: 8px;
    min-height: 345px;
    padding-left: 1%;
    flex-direction: column;
    align-items: center;
}

.page-credores-habilitados td.credito,
.page-credores-habilitados-nao-credenciados td.credito,
.page-nao-logados td.credito {
    border-radius: 0;
}

td.loginproc {
    border-radius: 0px 10px 10px 0px;
}

.page-credores-habilitados-nao-credenciados td.loginproc {
    border-radius: 0px;
}


.page-credores-habilitados-nao-credenciados #filtro a,
.page-nao-logados #filtro a {
    background: #cccccc;
    border-radius: 11px;
    padding: 15px 20px;
    color: #000000;
    display: inline-block;
    font: normal bold 15px/1 system-ui;
    box-shadow: 0px 0px 5px 0px;
    font-family: system-ui;
    float: right;
}

.page-credores-habilitados-nao-credenciados #filtro a:hover,
.page-nao-logados #filtro a:hover {
    color: white;
    background-color: #363638;
    font-family: system-ui;
}

.page-semvoto h4 {
    margin: 0px;
    border: none;
    padding-right: 2px;
}

.page-semvoto h4 {
    margin: 0px;
    border: none;
    padding-right: 2px;
}

.page-semvoto table.list-cred {
    margin-left: 1px;
}

span.alinha-content {
    height: auto;
    float: left;
    width: 100%;
}

.title-top-ata.titulo {
    float: left;
    width: 100%;
    height: auto;
}

.colunas2 {
    column-count: 2;
    /* Divide os elementos em duas colunas */
    column-gap: 20px;
    /* Espaçamento entre as colunas */
    list-style-type: none;
    /* Remove os marcadores de lista */
    padding: 14px;
    background-color: gray;
    border-radius: 10px;
    color: white;
    min-width: 80%;
    box-shadow: 0px 0px 5px 2px;
    font-family: system-ui;
}

.colunas2 li {
    margin-bottom: 15px;
    /* Espaçamento vertical entre os itens (ajuste conforme necessário) */
    break-inside: avoid-column;
    /* Evita que um item seja dividido em duas colunas */
    font-size: 15px;
    font-family: system-ui;
    box-shadow: 1px 1px 0px 0px;
    min-height: 26px;
}

div#title-top-user {
    color: #d8d8dc;
    width: 98%;
    font-family: system-ui;
}

.top-user {
    float: left;
    width: 96%;
    padding-left: 2%;
}

ul ul {
    list-style-type: none;
    padding: 0px;
}

.profile dl {
    background-color: gray;
    color: white;
    padding-left: 20px;
    font-family: system-ui;
}

.form-item {
    background-color: gray;
    color: white;
    padding-left: 20px;
    font-family: system-ui;
}

.page-zoom body,
.page-sala-de-checagem body {
    background-color: #000;
}

.page-zoom #fixa-content,
.page-sala-de-checagem #fixa-content {
    position: absolute;
    height: 100%;
}

.page-zoom #content-area-body,
.page-sala-de-checagem #content-area-body {
    width: 100%;
    float: left;
    height: 100%;
}

.page-zoom #content-area,
.page-sala-de-checagem #content-area {
    width: 100%;
    background-color: black;
}

.page-zoom #container-content,
.page-sala-de-checagem #container-content {
    height: 100%;
    width: 100%;
    padding: 0;
}

.page-zoom #container-box,
.page-sala-de-checagem #container-box {
    float: left;
    height: 100%;
}

.page-zoom #btn_novaduvida,
.page-sala-de-checagem #btn_novaduvida {
    display: none;
}

form#meeting_form {
    position: relative;
    width: 100%;
    height: 100%;
}

button#join_meeting {
    width: 50%;
    height: 90%;
    font-size: 43px;
    white-space: normal;
    float: left;
    font-family: system-ui;
}


.page-menu-votacao-zoom .messages.status,
.page-sala-de-checagem .messages.status {
    color: white;
    font-family: system-ui;
}

.page-sala-de-checagem-zerar #bt-yes {
    font-size: 35px;
    float: left;
    font-family: system-ui;
}

.page-justificativas-aj h2 {
    text-align: center;
    color: #ffcd00;
    margin-bottom: 0px;
    font-family: system-ui;
}

.justificativas_aj div#form {
    width: 98%;
}

.justificativas_aj_tbl {
    width: 100%;
    height: auto;
}

div#justificativas_aj_tbl {
    width: 98%;
    height: auto;
    margin-left: 1%;
    padding: 0 1% 0 1%;
    border: solid 1px #CEA612;
    box-shadow: 0px 0px 5px 0px #CEA612;
    margin-bottom: 10px;
    float: left;
    border-radius: 10px;
    background-color: #ccc;
}

.title_bold {
    height: auto;
    width: 100%;
    line-height: 30px;
    border-bottom: solid 1px #CEA612;
    text-align: center;
    padding: 5px 0px 5px 0px;
    float: left;
}

.page-justificativas-aj .title {
    height: auto;
    width: 100%;
    line-height: 30px;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #CEA612;
    float: left;
}

.assembleia_justificativas_aj {
    float: left;
    width: 59%;
    height: auto;
    padding-left: 1%;
    border-right: solid 1px #CEA612;
}

.enquete_justificativas_aj {
    width: 39%;
    float: left;
    height: auto;
    text-align: center;
}

#justificativas_aj_tbl .content_bold {
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #CEA612;
    float: left;
}

#justificativas_aj_tbl .content {
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #CEA612;
    float: left;
}

.nome_justificativas_aj {
    float: left;
    width: 59%;
    height: auto;
    padding-left: 1%;
}

.classe_justificativas_aj {
    width: 24%;
    float: left;
    height: auto;
    border-left: solid 1px #CEA612;
    text-align: center;
}

.voto_justificativas_aj {
    width: 15%;
    float: left;
    height: auto;
    border-left: solid 1px #CEA612;
    text-align: center;
}

#justificativas_aj_tbl .text_jus.bold {
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #CEA612;
    text-align: center;
    float: left;
}

#justificativas_aj_tbl .text_jus {
    width: 100%;
    padding: 5px 0px 5px 0px;
    height: auto;
    line-height: 25px;
    float: left;
}

.text_jus .justificativa_aj {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
}

.page-justificativas-aj h3 {
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
    height: 20px;
    float: left;
    position: relative;
    width: 100%;
}

table.table-nbs2 tbody tr td,
.table-nbs tbody tr td {
    padding: 5px 10px;
}


.page-credores-habilitados-continuidade table.ata th {

    padding: 8px;

}

.page-credores-habilitados-continuidade td {

    padding: 8px;

}

.page-credores-habilitados-continuidade .acessocredor {
    text-transform: uppercase;
    font-family: system-ui;

}

.page-credores-habilitados-continuidade td.nome.nomeata {
    text-transform: uppercase;
    border-radius: 0px;
    font-family: system-ui;

}

.page-credores-habilitados-continuidade td.loginproc {
    border-radius: 0px !important;
    text-transform: uppercase;
    font-family: system-ui;
}

.page-credores-habilitados-continuidade,
div#topo,
h2,
tr,
td,
th {
    font-family: system-ui;
}

.page-credores-habilitados-continuidade table.ata,
.page-credores-habilitados-continuidade table.ata th,
.page-credores-habilitados-continuidade table.ata td {
    border: 1px solid #000000 !important;
}

.page-credores-habilitados-continuidade .ata {
    border-radius: 5px !important;
}

#code_bar {
    margin-top: 100px;
    margin-bottom: 50px;
    border-radius: 5px !important;
    width: 50%;
    min-width: 300px;
    max-width: 600px;
    height: 50px;
    border-color: #ffcd00;
}

.page-votar td {
    background-color: #363638;
}

td.code {
    width: 25%;
}

.page-votar,
.page-export-lista,
.page-procurador-export-credores-agrupados span.alinha-topo {
    font-family: system-ui;
}

.page-export-lista .views_view__usuarios__page_3 {
    display: block !important;
    justify-content: center !important;
}

.page-export-lista thead th {
    position: relative !important;
    text-align: left;
    height: 20px;
    /* padding-right: 1em; */
    border-bottom: 3px solid #000000;
    background-color: #d7d1d1;
}

.page-export-lista th.views-field.views-field-nothing {
    min-width: 140px;
    border-radius: 8px 0px 0px 0px;
    padding: 10px !important;
}

.page-export-lista th.views-field.views-field-value-3 {
    min-width: 200px;
    padding: 5px !important;
}

.page-export-lista th.views-field.views-field-value {
    min-width: 140px;
    padding: 5px !important;
}

.page-export-lista th.views-field.views-field-nothing-1 {
    padding-left: 10px !important;
    padding-right: 200px !important;
    font-size: 16px;
    border-radius: 0px 8px 0px 0px;

}

.page-export-lista div#topo {
    border-bottom: 0;
}

.page-export-lista td.views-field.views-field-nothing-1 {
    border: 1px solid #9999;
}

.page-procurador-export-credores-agrupados div#topo {
    font-family: system-ui;
    color: #ffcd00;
    text-align: center;
    line-height: 2.0;
}

.page-procurador-export-credores-agrupados div#topo,
h2,
tr,
td,
th {
    font-family: system-ui;
}


.page-procurador-export-credores-agrupados td.credito {
    width: 22%;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0px;
}

p.link_trocasenha {
    color: #ffcd00;
    text-align: center;
    font-size: 38px;
}

div#pagenovasenha {
    text-align: center;
    border: 1px solid #ffcd00;
    width: 80%;
    border-radius: 10px;
    margin: auto;
    padding: 40px;
    margin-top: 50px;
}

.views-field-nothing img {
    width: 175px;
    height: 53px;
}

th.views-field.views-field-nothing-1 {
    width: 164px;
    padding-right: 4px;
}

#conteudo_impressao .cols-4 thead tr {
    height: 65px;
}

.page-procurador-export-credores-agrupados table.ata,
.page-procurador-export-credores-agrupados table.ata th,
.page-procurador-export-credores-agrupados table.ata td {
    border: 1px solid #000000 !important;
}

.creditoclass img {
    width: 175px;
    height: 53px;
}

.page-atacomparativa tr {
    background-color: #f1f1f1;
}

.page-atacomparativa th.\31 .bold {
    border: solid 1px;
}

.page-atacomparativa td.nome.nomeata {
    border-radius: 0px;
}

#block-menu-menu-ata .title {
    display: none;
}

body.page.not-front.logged-in.section-node div.node {
    width: 85%;
    float: left;
    padding: 1% 0px 0px 2%;
    color: #d8d8dc;
    font-family: system-ui;
    font-size: 22px;
}

body.page.not-front.logged-in.section-node div#topo {
    font-size: 22px;
    color: #d8d8dc;
    width: 100%;
    text-align: center;
    font-family: system-ui;
}

body.page.not-front.logged-in.section-node .field.field-type-nodereference a {
    color: #ffcd00;
    padding: 5px 2px 5px 2px;
    text-align: center;
    font-family: system-ui;
    margin-top: 0px;
}

body.page.not-front.logged-in.section-node .field.field-type-nodereference a:hover {
    color: #d8d8dc;
}

body.page.not-front.logged-in.section-node .field.field-type-userreference a {
    color: #ffcd00;
    padding: 5px 2px 5px 2px;
    text-align: center;
    font-family: system-ui;
    margin-top: 0px;
}

body.page.not-front.logged-in.section-node .field.field-type-userreference a:hover {
    color: #d8d8dc;
}

.content-cenarios-menu {
    width: 86%;
    float: left;
    height: auto;
    margin-left: 1%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    min-height: 345px;
    padding-left: 1%;
}

.views_view.view.view-procurador.view-id-procurador.view-display-id-block_3 {
    width: 78%;
    float: left;
    margin-left: 2%;
    min-width: 600px;
}

.views_view.view.view-procurador.view-id-procurador.view-display-id-block_3 th.views-field {
    color: d8d8dc;
}

.page.not-front.section-procurador .node-form .standard .form-item#edit-title-wrapper {
    background-color: initial;
}

.page.not-front.section-procurador .node-form .standard .form-item#edit-title-wrapper label {
    width: 100%;
}

.content-cenarios-menu {
    width: 86%;
    float: left;
    height: auto;
    margin-left: 1%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    min-height: 345px;
    padding-left: 1%;
}

.page-cenarios .content-cenarios-menu h3,
.page-votacoes-sequenciais .content-cenarios-menu h3 {
    float: left;
    margin-right: 45px;
    color: black;
    font-weight: bold;
    padding: 15px 15px 12px;
    text-decoration: none;
    text-align: center;
    border: solid 1px white;
    box-shadow: black 0px 0px 4px 4px;
    border-radius: 7px;
}

.page-cenarios .content-cenarios-menu h3 a,
.page-votacoes-sequenciais .content-cenarios-menu h3 a {
    color: #ffcd00;
    text-decoration: none;

}

.page-cenarios .content-cenarios-menu h3 a:hover,
.page-votacoes-sequenciais .content-cenarios-menu h3 a:hover {
    color: #d8d8dc;
}

.page-cenario-voto h2,
.page-votacoes-voto h2 {
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-family: 'Arial', Helvetica, Verdana;
    font-size: 16px;
    font-weight: normal;
    margin: 12px 0 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.page-cenario-voto table,
.page-votacoes-voto table {
    width: 100%;
}

.page-user-login input#edit-submit,
.page-user input#edit-submit {
    margin-left: 0px;
    width: 100%;
}

.page-user-login input#edit-submit {
    background-color: #007bff;
    margin: auto;
    height: 60px;
    width: 100%;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    font-size: 25px;
    font-family: system-ui;
    cursor: pointer;
    margin-left: 0px;
    text-transform: uppercase;
}

tr {
    box-shadow: 4px 2px 4px 0px;
}

td.cred-nome-bold,
td.cred-valor-abs-bold,
td.imprime-bold,
td.cred-valor-bold,
td.cred-voto-bold {
    background-color: #f1f1f1;
}



/* Tela de votação presencial */
div#voto-passo-1-procurador label {
    color: white;
}

div#voto-passo-1-procurador .voltar_link_voto {
    width: 100px;
    text-align: center;
    font-size: 20px;
    border: 3px solid #007bff;
    border-radius: 8px;
    padding: 6px;
    margin: 10px auto 0px 15px;
    background-color: #363638;
}

div#voto-passo-1-procurador .contador_credor {
    display: flex;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    margin: auto;
    flex-direction: column;
    align-items: center;
}

div#voto-passo-1-procurador .representantes_credor {
    display: flex;
    width: 88%;
    text-align: center;
    font-size: 30px;
    margin: 0px 54px 0px auto;
    padding: 10px !important;
    border: 1px solid #9999;
    flex-direction: column;
    align-items: baseline;
    border-radius: 8px;
}

div#voto-passo-1-procurador #form {
    margin: 5px auto 0px auto !important;
    padding: 10px 0px 10px 0px !important;
    text-align: center !important;
    font-size: 20px !important;
    border-radius: 8px !important;
    width: 98% !important;
}

div#voto-passo-1-procurador #question-confirm {
    font-size: 30px !important;
    color: white !important;
    width: 88% !important;
    text-align: center !important;
    padding: 30px 0px 30px 0px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin: 50px auto 50px auto !important;
}

div#voto-passo-1-procurador table {
    border-radius: 8px !important;
}

div#voto-passo-1-procurador td {
    background-color: #999 !important;
    padding: 0px 50px 0px 50px !important;
}

div#voto-passo-1-procurador tr {
    box-shadow: none !important;
}

div#voto-passo-1-procurador a {
    color: #ccc !important;
    text-decoration: none !important;
}

div#voto-passo-1-procurador input[type=text] {
    height: 32px !important;
    width: 40% !important;
    font-size: 28px !important;
    border-radius: 8px !important;
    padding: 5px !important;

}

div#voto-passo-1-procurador #confirmation {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    margin: 20px 0px 20px 0px !important;
}

div#voto-passo-1-procurador #bt-abstencao {
    border-radius: 10px !important;
    font-size: 36px !important;
    width: 300px !important;
    height: 100px !important;
    font-family: system-ui !important;
    text-align: center !important;
    line-height: 100px !important;
    margin: auto !important;
}

div#voto-passo-1-procurador #bt-yes {
    border-radius: 10px !important;
    font-size: 36px !important;
    width: 300px !important;
    height: 100px !important;
    font-family: system-ui !important;
    text-align: center !important;
    line-height: 100px !important;
    margin: auto !important;
}

div#voto-passo-1-procurador #bt-no {
    border-radius: 10px !important;
    font-size: 36px !important;
    width: 300px !important;
    height: 100px !important;
    font-family: system-ui;
    text-align: center !important;
    line-height: 100px !important;
    margin: auto !important;
}

div#voto-passo-1-procurador td.nomes {
    font-size: 30px !important;
    background-color: #ccc !important;
}

div#voto-passo-1-procurador td.numero {
    font-size: 30px !important;
    background-color: #ccc !important;
}

div#voto-passo-1-procurador h3 {
    color: #363638 !important;
}

/* Página Migra Banco */
.page-migra-banco #bt-yes {
    display: flex;
    background-color: #00c95a;
    border-radius: 8px;
    margin: 20px auto 10px auto;
    color: white;
    cursor: pointer;
    float: left;
    height: 77px;
    line-height: 2;
    margin-left: 0;
    position: relative;
    text-align: center;
    font-size: 30px;
    width: 30%;
    min-width: 237px;
    flex-direction: column;
    justify-content: center;
}

.page-migra-banco #opcao_pc_celular {
    color: white;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #999;
    border-radius: 8px;
    width: 90%;
    margin: auto;
    padding: 2%;
    Line-height: 1.5;
}

.page-migra-banco .alerta {
    border-radius: 8px;
    border: 2px solid #ffcd00;
    padding: 20px;
}

.page-migra-banco-2 #opcao_pc_celular {
    color: white;
    font-size: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #999;
    border-radius: 8px;
    width: 90%;
    margin: auto;
    padding: 2%;
    Line-height: 1.5;
}

/* Tela limpa Banco geral */
.page-limpa-banco-geral #bt-yes {
    display: flex;
    background-color: #00c95a;
    border-radius: 8px;
    margin: 20px auto 10px auto;
    color: white;
    cursor: pointer;
    float: left;
    height: 77px;
    line-height: 2;
    margin-left: 0;
    position: relative;
    text-align: center;
    font-size: 30px;
    width: 30%;
    min-width: 237px;
    flex-direction: column;
    justify-content: center;
}

.page-limpa-banco-geral #opcao_pc_celular {
    color: white;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #999;
    border-radius: 8px;
    width: 90%;
    margin: auto;
    padding: 2%;
    Line-height: 1.5;
}

.page-limpa-banco-geral .alerta {
    border-radius: 8px;
    border: 2px solid #ffcd00;
    padding: 20px;
}

.page-limpa-banco-geral-2 #opcao_pc_celular {
    color: white;
    font-size: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #999;
    border-radius: 8px;
    width: 90%;
    margin: auto;
    padding: 2%;
    Line-height: 1.5;
}

.page-credenciamento-impresso td {
    background-color: initial;

}

.page-credenciamento-impresso div#result,
.page-votar div#result {
    height: 100%;
    width: 98%;
    font-size: 50px;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #363638;
    background-color: #ffcb00;
    font-family: system-ui;
    border-radius: 10px;
}



@media only screen and (max-device-width: 950px) {

    .page-ao-vivo #content-area-body {
        margin-top: 0px;
    }

    .page-ao-vivo #topo {
        border-bottom: 0;
        margin-top: 0px;
    }

    .page-ao-vivo #content-area {
        display: flex;
        width: 90%;
        flex-direction: column-reverse;
        align-items: center;
    }

    .page-ao-vivo .region.region-content {
        margin-left: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        padding: 0px !important;
        box-shadow: none !important;
        font-size: 35px;
    }


    .page-ao-vivo #bt-yes {
        max-width: 250px;
        bottom: 20px;
        float: inline-start !important;
        margin: unset !important;
        margin-left: unset !important;
        font-size: 35px;
        text-decoration: none !important;
        box-shadow: none;
    }

    .page-ao-vivo div#branco {
        font-size: 48px;
    }

    .page-ao-vivo h2 {
        font-size: 48px !important;
    }

    .page-ao-vivo .content a {
        width: 100%;
        min-width: 590px !important;
        display: flex;
        height: auto;
        align-items: center;
        /* margin-top: 3%; */
        flex-direction: column;

    }

    /* TELA DE RESET DE SENHA */
    #user-pass-reset {
        display: flex;
        justify-content: center;
        border: 3px solid #999;
        border-radius: 8px;
        margin: 10px 20px 10px 20px;
    }

    #user-pass-reset h2 {
        font-size: 38px;
        padding: 20px;
    }

    #user-pass-reset #edit-submit.form-submit {
        margin-left: 37% !important;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 38px;
        padding: 10px;
        height: 60px;
    }

    /* FIM DA TELA DE RESET DE SENHA */
}

/* Fim do formato mobile */

.button_novaduvida,
.button_fala {
    background-color: #ffcd00;
    padding: 10px;
    border-radius: 8px;
    border: none;
    min-width: 200px;
    height: 50px;
    margin: 10px;
    font-size: 24px;
    color: #333;
    box-shadow: 0 5px 19px 0 #333;
    cursor: pointer;
}

.button_novaduvida:hover,
.button_fala:hover {
    background-color: #ffcc00a6;
}


div#btn_novaduvida {
    text-align: center;
}

div#btn_fala {
    text-align: center;
}

#btn-model-oi {
    display: flex;
    justify-content: center;
}

.tela-inicial {
    background-color: #ffffff;
    border-radius: 24px;
    max-width: 95%;
    margin: 20px auto;
    box-shadow: 0 1px 20px 0 black;
    padding: 30px 10px;
}

/* TELA NOVA DUVIDA ACESSO AJ */
div#blocos_duvidas {
    background: #ccc;
    color: #333;
    box-shadow: 0 2px 20px 0 #212121;
    text-align: center;
    border-radius: 15px;
    width: 83%;
    min-width: 850px;
    position: relative;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
}

div#blocos_pedidos {
    background: #ccc;
    color: #333;
    box-shadow: 0 2px 20px 0 #212121;
    text-align: center;
    border-radius: 15px;
    width: 83%;
    min-width: 850px;
    position: relative;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
}


#ativar_reload {
    color: #ffcd00;
    text-align: center;
    border-radius: 10px;
    /* width: 80%; */
    position: relative;
    display: flex;
    margin-bottom: 10px;
    flex-direction: row-reverse;
    right: 11px;
}
.ativar_reload {
    border: 2px solid #ffcd00;
    padding: 10px 0px;
    border-radius: 10px;
    height: 25px;
    display: flex;
    align-items: center;
    width: 197px;
    min-width: 197px;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}

.ativar_reload:hover {
    color: #333;
    background-color: #ffcd00;
}
#btn_sorteio {
    color: #ffcd00;
    text-align: center;
    border-radius: 10px;
    position: relative;
    margin-left: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 10px;
}

.button_sorteio {
    position: relative;
    background-color: #ffcd00;
    padding: 10px;
    border-radius: 8px;
    border: none;
    width: 200px;
    min-width: 197px;
    height: 50px;
    margin-top: 10px;
    font-size: 24px;
    color: #333;
    box-shadow: 0 5px 19px 0 #333;
    right: 11px;
    cursor: pointer;
}

.button_sorteio:hover {
    background-color: #ffcc00a6;
}

.check_pedido {
    width: 100px;
    height: 24px;
    background-color: #ffce0c !important;
    border-radius: 10px;
    display: flex;
    cursor: pointer;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 7px 3px;
    box-shadow: 0 3px 7px 0 #999999;
    border: 2px solid #333;
    align-items: center;
    justify-content: center;
}

.check_pedido:hover {
    color:#646262;
    border: 2px solid #646262;
}

.duvida_lida {
    width: 100px;
    height: 24px;
    background-color: #ffce0c !important;
    border-radius: 10px;
    display: flex;
    cursor: pointer;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 7px 3px;
    box-shadow: 0 3px 7px 0 #999999;
    border: 2px solid #333;
    align-items: center;
    justify-content: center;
}

.duvida_lida:hover {
    color:#646262;
    border: 2px solid #646262;
}


table.pedido_de_fala_tbl {
    min-width: 850px;
    width: 100%;
}

table.duvidas_tbl {
    min-width: 850px;

}

table.pedido_de_fala_tbl td,
table.duvidas_tbl td {
    background-color: #ccc;
    padding: 10px;
}

#blocos_pedidos h2,
#blocos_duvidas h2 {
    color: #3c3c3c !important;
    margin: 25px auto 0px auto;
    background-color: #999999;
    border-radius: 8px;
    padding: 10px;
}

#blocos_pedidos,
#blocos_duvidas {
    color: #333 !important;

}

table.pedido_de_fala_tbl tr,
table.duvidas_tbl tr {
    box-shadow: none;
    border-bottom:1px solid rgb(80, 80, 82);
}
td.duvida_lida_top {
    width: 100px;
}
td.check_pedido_bold {
    width: 100px;
}
td.data_hora_bold {
    width: 100px;
}
td.classeduvida_bold {
    width: 110px;
}