 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: sans-serif;
     user-select: none;
 }

 /* Reset some default styles */
 body {
     margin: 0;
     padding: 0;
     /* background-color: crimson; */
     background-color:rgb(36, 35, 32);
 }

 .menu {
     padding: 10px;
     width: 100%;
     color: white;
     /* Adjust the width as needed */
     /* background-color: purple; */
 }

 .menu-item {
     float: left;
     position: relative;
     min-width: 100px;
     /* Adjust the width of each item as needed */
     padding: 10px;
     text-align: center;
     border: 1px solid #ccc;
     margin-left: 5px;
     margin-bottom: 5px;
     border-radius: 8px;
     cursor: pointer;
     background-color: white;
     border: 1px solid lightgray;
     color: black;
 }

 .menu-item .thumb {
     position: absolute;
     right: 3px;
     top: 3px;
     /* background-color: rgb(255, 31, 75); */
     /* color: white; */
     border-radius: 1000px;
     padding: 2px;
     width: 20px;
     height: 20px;
 }

 .menu-item:hover {
     border: 1px solid rgb(109, 189, 255);
     background-color: rgb(215, 238, 255);
 }

 .menu-item a {
     text-decoration: none;
     color: #333;
     display: block;
 }

 .menu-item img {
     width: 50px;
     /* Adjust the icon size as needed */
     margin: 0 auto;
     margin-bottom: 5px;
     display: block;
 }

 .hidden {
     display: none;
 }

 .linha {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }

 .linha.centered {
     text-align: center;
 }

 .linha.centered * {
     float: unset;
 }

 .linha.centered div[vb-key] {
     border: 1px solid transparent;
     background-color: transparent;
     border-bottom: 1px solid lightgray;
     border-radius: 0px;
 }

 /* Clear the float after every 3 items (for 3 columns) */
 /* .menu-item:nth-child(5n+1) {
            clear: left;
        } */

 /* IE8-specific styling */
 @media all and (-ms-high-contrast: none),
 (-ms-high-contrast: active) {
     .menu-item {
         display: inline;
         /* Fix for IE8 */
         zoom: 1;
         /* Fix for IE8 */
     }

     .menu-item a {
         display: block;
         /* Fix for IE8 */
         zoom: 1;
         /* Fix for IE8 */
     }
 }

 .painel {
     padding: 18px;
     background-color: rgb(190, 190, 190);
     border-bottom: 1px solid rgb(167, 167, 167);
 }

 .painel button {
     min-width: 120px;
     border-radius: 4px;
     padding: 5px;
     background-color: rgb(175, 167, 53);
     border: 1px solid rgb(122, 114, 52);
     cursor: pointer;
 }

 .painel button:hover {
     background-color: rgb(131, 119, 54);
 }

 .success {
     background-color: lightgreen;
     color: black;
 }

 .warning {
     background-color: orange;
     color: black;
 }

 .danger {
     background-color: crimson;
     color: white;
 }

 form {
     width: 300px;
     /* Defina uma largura fixa para o formulário (opcional) */
     margin: 0 auto;
     /* Centraliza horizontalmente o formulário */
 }

 .container {
     text-align: center;
 }

 form {
     display: inline-block;
     /* Isso evita que o formulário ocupe a largura total do contêiner */
 }

 .container {
     display: flex;
     justify-content: center;
     /* Centraliza horizontalmente */
     align-items: center;
     /* Centraliza verticalmente */
     height: 100vh;
     /* Isso garante que o contêiner ocupe a altura da tela */
 }

 form {
     width: 300px;
     /* Defina uma largura fixa para o formulário (opcional) */
 }

 .html-login,
 .body-login {
     position: absolute;
     left: 0px;
     right: 0px;
     bottom: 0px;
     top: 0px;
     text-align: center;
     font-family: tahoma;
     background-color: #1f1f1f;
 }

 .body-login {
    margin-top: 15px;
 }

 .title-login {
     font-size: 25px;
     margin-bottom: 10px;
     color: white;
 }

 .tela-login {
     margin-top: 5px;
     background-color: black;
     padding: 20px;
     border-radius: 8px;
     color: white;
     width: 300px;
     display: inline-block;
 }

 .generic-obj {
     padding: 10px;
     font-size: 20px;
     width: 100%;
     border-radius: 4px;
     margin-bottom: 5px;
 }

 .input-login {
     border: none;
 }

 .button-login {
     background-color: rgb(32, 32, 161);
     border: none;
     color: white;
 }

 .select-login {
     background-color: rgb(71, 68, 68);
     border: none;
     color: white;
 }

 .button-login:hover {
     background-color: rgb(39, 39, 182);
     cursor: pointer;
 }

 a {
    color: gold;
 }