@media (min-width: 1024px) {
  div[id="dvMain"] {
    z-index: 20;
    position: relative;
    width: 100%;
    height: calc(100vh - 200px);
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--color-default-2);
    padding-bottom: 2rem;
  }
/* Tabelas Grandes */
  table[id="tbMain"] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  table thead {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--dark-background-content,var(--main-color, #2d2d2d));
    color: #ffffff;
  }

  table thead tr {
    height: 3rem;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    background-color: var(--titulo-color-modal);
  }

  table th[scope="col"] {
    font-size: 0.875rem;
    font-weight: 400;
    text-align: start;
    vertical-align: middle;
    padding-left: 1rem;
    white-space: normal;
  }

  table tbody td {
    padding-left: 1rem;
    text-align: start;
    vertical-align: middle;
  }

  table tr[mainLine="true"] {
    cursor: pointer;
    height: 3.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-bottom-width: 1px;
    border-color: var(--titulo-color-modal);
  }

  table tr[mainLine="true"]:hover {
    background-color: var(--input-color);
  }

  table tr[mainLine="true"] td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  tbody td:nth-child(10) {
    padding-left: 3rem;
  }

  table tr[mainLine="false"],
  table tr[subLine="true"] {
    height: 2.5rem;
  }
  table tr[mainLine="false"] {
    background-color: var(--background-color);
  }
  table tr[subLine="true"] td {
    padding: 0;
    border-bottom: 1px solid var(--border-color, #333);
  }
  
  /* Mini Tabela dentro de um modal*/
   table[id="tbListVeiculoManutencao"] th{
  	text-align: center;
  }
  
  table[id="tbListVeiculoManutencao"] td{
  	text-align: center;
  	padding: 0;
  }
  
 
  

  /* ==========================================================================
	   MODO ESCURO DESKTOP (DARK MODE)
	   ========================================================================== */
  .dark div[id="dvMain"] {
    background-color: var(--dark-background-color);
  }

  .dark table[id="tbMain"] {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .dark table tr[mainLine="false"] {
    background-color: var(--dark-background-content);
    border-bottom: 1px solid rgb(9 9 11);
  }

  .swCenterPageContent:hover:is(.dark *) {
    background-color: var(--dark-background-content);
  }
  .dark table tr[mainLine="true"] {
    border-bottom: 1px solid var(--dark-background-content);
  }

  .dark table tr[mainLine="true"]:hover {
    background-color: var(--dark-background-content);
  }
  .dark table thead tr {
    background-color: var(--dark-background-content);
  }
}

@media (min-width: 1536px) {
  div[id*="divMain"] {
    height: 72vh;
  }
}

/* Mobile */
@media (max-width: 1024px) {
  div[id="dvMainMobile"] {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    bottom: 0px;
    height: 63svh;
    width: 100%;
    background-color: var(--color-default-2);
  }

  table[id="tbMainMobile"] {
    width: 100%;
    table-layout: fixed;
    border: none;
  }

  table thead {
    position: sticky;
    top: 0px;
    z-index: 20;
  }
  table thead tr {
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    background-color: var(--titulo-color-modal);
    min-height: 3rem;
    height: 3rem;
  }

  thead th {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-align: start;
  }

  tbody tr {
    width: 100%;
    height: 3rem;
  }

  tbody td {
    vertical-align: middle;
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }

  /* ==========================================================================
	   MODO ESCURO MOBILE (DARK MODE MOBILE)
	   ========================================================================== */
  .dark tbody td {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark div[id="dvMainMobile"] {
    background-color: var(--dark-background-color);
  }
  .dark table[id="tbMainMobile"] {
    --tw-border-opacity: 1;
  }
  .dark table thead tr {
    background-color: var(--dark-background-content);
  }
  .dark tbody tr {
    --tw-border-opacity: 1;
    border-color: rgb(9 9 11 / var(--tw-border-opacity, 1));
  }
}