/* Redirect / imagem após o login */
@media only screen and (max-device-width: 900px) {
  * {
    --input-focus: #2d8cf0;
    --font-color: #323232;
    --font-color-sub: #666;
    --bg-color: #fff;
    --main-color: #323232;
    --bs-modal-zindex: 1055;
    --bs-modal-width: 80% !important;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
  }
  /* topo */
  .imagemTopo {
    width: 30%;
  }
  #topo span.logout {
    font-size: 30px;
  }

  #topo span.logout a {
    font-size: 30px;
  }

  .dados{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0px;
    justify-items: center;
  }

  /* menu topo */
  .bg-menu {
    height: auto;
  }

  .menu li a {
    font-size: 40px;
    padding: 15px 15px;
  }

  .bg-menu a.icon {
    float: right;
    display: table;
    position: inherit;
  }

  .bg-menu.responsive li {
    float: none;
    display: block !important;
    text-align: left;
  }

  .menu li:hover ul,
  .menu li.over ul {
    width: 100%;
    display: block;
    position: revert;
  }
  .menu li ul li {
    width: 100%;
    padding: 10px;
  }

  .bg-menu.responsive .menu li a svg.abre-menu {
    display: none !important;
  }
  .bg-menu.responsive .menu li a svg.fecha-menu {
    display: block !important;
  }

  .bg-menu .menu :not(:first-child):not(:last-child) {
    display: none;
  }

  /* conteudo em geral */
  h3 {
    font-size: 40px;
  }

  span {
    font-size: 30px;
  }

  font {
    font-size: 25px;
  }

  /* tabela inicial */

  .calendario {
    width: 80%;
  }

  .table1 {
    font-size: 30px;
    width: 90%;
  }

  .table1 tbody tr td a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 40px;
  }

  .table1 tbody tr td {
    padding: 7px;
    font-size: 30px;
  }

  /* Elegibilidadee */

  .form1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 80%;
    font-size: 40px;
  }
  .form1 input {
    font-size: 30px;
    width: 100%;
    border-radius: 5px;
    border: 2px solid var(--main-color);
    background-color: var(--bg-color);
    box-shadow: 4px 4px var(--main-color);
    font-size: 40px;
    font-weight: 600;
    color: var(--font-color);
    padding: 5px 10px;
    outline: none;
  }

  .form1 input[type="submit"] {
    height: 100px;
    width: 300px;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    border: 2px solid var(--main-color);
    background-color: var(--bg-color);
    box-shadow: 4px 4px var(--main-color);
    font-size: 35px;
    font-weight: 700;
    color: var(--font-color);
    cursor: pointer;
  }

  #elegibilidade {
    width: 90%;
    font-size: 30px;
  }
  #elegibilidade dt {
    width: 100%;
  }
  dl.dados dd {
    text-align: center;
    font-weight: bold;
    font-size: 40px;

  }
  dl.dados dt {
    margin-left: 0px;
    float: none;
    font-size: 40px;
    width: 100%;
  }

  /* Consultar / enviar arquivo */
  .upload_obs {
    font-size: 30px;
  }

  form {
    font-size: 30px;
  }
  .form1 input[type="file"] {
    font-size: 30px;
  }

  /* Consultar lote */
  .selectLote {
    width: 25%;
    font-size: 30px;
  }

  /* Pagina de login */
  .mainLogin {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    background-color: #006a1c;
    align-items: center;
  }

  .modal {
    --bs-modal-width: 75%;
  }

  .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: 30px !important;
    line-height: 1.5;
  }

  #layout h1 {
    font-size: 40px !important;
    color: #aaa;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .carousel {
    display: flex;
    max-width: 100%;
    height: auto;
  }

  .esqueciSenha {
    text-decoration: underline;
    cursor: pointer;
    color: #f3ebeb;
    font-weight: 600;
    font-size: 40px;
  }

  .formLogin {
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #04aa6d;
    width: 100%;
  }

  .title {
    color: white;
    font-weight: 900;
    font-size: 60px;
    margin-bottom: 25px;
    text-align: initial;
  }

  .title span {
    color: #f3ebeb;
    font-weight: 600;
    font-size: 30px;
  }

  .form {
    padding: 20px;
    background: #026b45;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    border-radius: 5px;
    border: 2px solid var(--main-color);
    margin: 10px;
    box-shadow: 4px 4px var(--main-color);
  }

  .button-confirm {
    margin: 10px auto 0 auto;
    width: 49%;
    height: 15%;
    border-radius: 5px;
    border: 2px solid var(--main-color);
    background-color: var(--bg-color);
    box-shadow: 4px 4px var(--main-color);
    font-size: 35px;
    font-weight: 700;
    color: var(--font-color);
    cursor: pointer;
  }

  .logoFio {
    max-width: 75%;
  }

  #login {
    width: 80%;
    font-size: 12px;
    height: 60%;
  }

  .titulo {
    font-weight: bold;
    padding: 2px;
    font-size: 30px !important;
  }

  .modal-footer {
    height: 100px;
    justify-content: space-evenly !important;
  }

  .modal-footer button {
    width: 25%;
    height: 100%;
    font-size: 40px;
  }

  .input {
    width: 100%;
    height: 13%;
    border-radius: 5px;
    border: 2px solid var(--main-color);
    background-color: var(--bg-color);
    box-shadow: 4px 4px var(--main-color);
    font-size: 40px;
    font-weight: 600;
    color: var(--font-color);
    padding: 5px 10px;
    outline: none;
  }

  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }

  /* topo do tiss */
  #topo {
    height: 10%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row-reverse;
  }
  .logout {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  /* Deus me defenda */
  /* amo jesus */
  .linha {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .formsConsulta label,
  .formsConsulta input,
  .formsConsulta form {
    font-size: 20px !important;
  }

  .btn_buscaCt {
    font-size: 30px !important;
    font-weight: bold !important;
    margin: 25px 10px;
  }

  .inputOBS {
    width: 100% !important;
    height: 50px !important;
  }
  /* ENVIO DE EMAIL LGPD*/
  section.container {
    width: 100%;
  }

  .formLGPD .linha {
    display: flex !important;
    flex-direction: column;
  }

  .formLGPD input {
    width: 100%;
    font-size: 30px;
  }

  #cpfCnpj {
    width: 100%;
  }

  #nomeOpr {
    width: 100%;
  }

  #email {
    width: 100%;
  }

  .divLote {
    width: 50%;
    position: relative !important;
    padding-left: 0px;
  }

  .formsExame input,
  .formsExame label,
  .formsExame form,
  .formsExame select,
  .formsExame table thead tr th {
    font-size: 25px !important;
  }

  #loadEdit {
    display: none !important;
  }

  .totais {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  label {
    white-space: normal !important;
  }

  table {
    width: 100%;
  }

  .final {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .finalBotao {
    margin-left: 0px !important;
  }

  .toast,
  .toast__message {
    font-size: 40px !important;
  }

  .toast {
    max-width: 90% !important;
  }

  .toast__message {
    color: blue !important;
  }

  .toast__close {
    width: 30px !important;
  }

  table button img {
    width: 70px !important;
    height: 70px !important;
  }
  .finalBotao button {
    margin-top: 20px !important;
    width: 400px !important;
    height: 150px !important;
    font-size: 50px !important;
    font-weight: bold !important;
  }

  #botao {
    margin-top: 10px !important;
    width: 50% !important;
    height: 100px !important;
  }
  h4{
    height: auto !important;
    font-size: 35px !important;
  }

  /* Autorizador Senha */

  .formsExame input,
  .formsExame label,
  .formsExame form,
  .formsExame select{
    font-size: 25px !important;
  }
}