html {
  box-sizing: border-box;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  margin: 0;
  padding: 0;
  height:  100dvh;
  max-height: 100vh;
  overflow: auto; /* ou scroll */
  overflow: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE e Edge */
}

* {box-sizing: border-box;
    }
   
body {
  margin: 0.5dvh;
  padding: 0;
  font-size: 1.8rem;
  height: 99%;
  min-height: 99vh;
  min-height: 99dvh;
  max-height: 99vh;
  max-height: 99dvh;
  background: 
      linear-gradient(
          rgba(266, 266, 266, 0.4)),
      url("../Imagens/Designer.png") no-repeat;

  background-position: center;
  border: 0.1rem solid rgb(167, 131, 231);
  border-radius: 2%;
  overflow: hidden;
}

.body {

  background: 
      linear-gradient(
          rgba(266, 266, 266, 0.4)),
      url("../Imagens/fundo_sup/designer-azul.png") no-repeat;


}

A:link,.tabela-container
A:visited {
  color: #01072c;
}

h1 {font-size: 2.4rem;
    Color: rgb(167, 131, 231);}

h2 {
  color: brown;
  font-size: 2rem;
  text-align: center;
}

h3 {
  color: rgb(23, 23, 24);
  font-size: 1.4rem;
}

.Escondido {
  display: none;
}

#btnTopo {
  position: fixed;
  bottom: 20px;
  right: 50%;
  display: none;
  background-color: rgb(51, 51, 51, 0.5);
  color: white;
  border: none;
  padding: 10px 14px;
  border-radius: 50%;
  font-size: 2.4rem;
  cursor: pointer;
  z-index: 99999;
  transition: background-color 0.3s;
}

#btnTopo:hover {
  background-color: #555;
}

.TelasSecundarias {
  display: none;
}

thead,
tfoot {
        background-color: #0a3056;
        color: white;
        height: 5mm;
        min-height: 5mm;
        max-height: 5mm;
        min-width: 100%;
        max-width: 100%;
      }

th{border: 0.1rem solid rgb(160 160 160);
      padding: 0.7rem 0.8rem;
      min-width: 100%;
      max-width: 100%;
      font-weight:100;
      font-weight: 100;
      white-space: nowrap;
      overflow: hidden;
      }

td{border: 0.1rem solid rgb(160 160 160);
      padding:0.5dvw;
      min-width: 100%;
      max-width: 100%;
      font-weight:100;
      font-weight: 100;
      white-space: nowrap;
      overflow: hidden;
      }
      
table {border-collapse: collapse;
        font-family: sans-serif;
        font-size: 1.2rem;
        letter-spacing: 0.15rem;
        text-align: center;
        letter-spacing: 0.15rem;
        width: 100%;
        table-layout: fixed;
        margin: 0;
        padding: 0;
      }

.dots {
            display: flex;
            gap: 8px;
            width: 100dvw;
            height: 100dvh;
            align-content: center;
            align-items: center;
            justify-content: center;
            position: absolute;
            background-color: rgb(246,246,246,30%);
            top: 0;
            left: 0;
            z-index: 999999;
          }

.dot {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: black;
        opacity: 0.2;
        animation: jump 0.6s var(--delay) linear infinite;
      }

.dots_flex{display: flex;
            gap: 8px;
            height: 100%;
            align-content: center;
            align-items: center;
            justify-content: center;
            z-index: 9999;
          }

.dots_Ger{display: grid;
          gap: 2dvh;
          align-items: center;
          justify-items: center;}

.dot:nth-child(1) {
        --delay: 0ms;
      }

.dot:nth-child(2) {
        --delay: 100ms;
      }

.dot:nth-child(3) {
        --delay: 200ms;
      }

@keyframes jump {
        0% {
          opacity: 0.4;
          transform: translateY(0px);
        }

        33% {
          opacity: 0.8;
          transform: translateY(-9px);
        }

        66% {
          opacity: 0.4;
          transform: translateY(0px);
        }
      }  

p {
    width: Auto;
    font-size: 1.4rem;
    text-align: center;
    cursor: pointer;
    color: #0a3056;
  }

.success-btn { background-color: #4CAF50; 
              color: white; }

.error-btn { background-color: #f44336; 
              color: white; }

.warning-btn { background-color: #ff9800; 
              color: white; }

.overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 99999;

      & h2{margin: 0;}
    }

.popup {
      background: white;
      padding: 30px;
      border-radius: 10px;
      text-align: center;
      width: 300px;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
      animation: fadeIn 0.3s ease-in-out;
    }

.popup button {
      background-color: #6a1b9a;
      color: white;
      padding: 8px 16px;
      border: none;
      border-radius: 5px;
      font-size: 14px;
      cursor: pointer;
      margin-left: 1dvh;
      margin-right: 1dvh;
    }

.popup button:hover {
      background-color: #8e24aa;
    }

@keyframes fadeIn {
      from { opacity: 0; transform: scale(0.9); }
      to { opacity: 1; transform: scale(1); }
    }
  
.overlay_Obs{display: none;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.5);
              justify-content: center;
              align-items: center;
              z-index: 99999;
            }

.popup_Obs {display: grid;
            grid-template-rows: 90% 10%;
            background: white;
            padding: 2dvh;
            border-radius: 10px;
            text-align: center;
            width: 80dvw;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            animation: fadeIn 0.3s ease-in-out;
            height: 80dvh;
          }
.ql-container4 {box-sizing: border-box;
                font-family: Helvetica, Arial, sans-serif;
                font-size: 13px;
                height: 90%;
                margin: 0px;
                position: relative;
                border: 0.1px solid #ccc ;
              }

.Comentario_Att{background-color: #d3d1d1;
                height: 85%;
                padding: 0.1dvh;
                border-radius: 10px;
                border: 0.1dvh solid #726d6d;
              }