.dropdown.open .dropdown-menu { display: block; }


.legenda-ocupacao{
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: grid;
  justify-self: center;
  justify-items: center;
  align-items: center;
}

*:disabled{
  background-color: white;
}

.full .clr-field button {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.label-float{
    position: relative;
    padding-top: 16px;
    /* color: #6c757d;
    opacity: 1; */
}

.label-float-time{
    position: relative;
    padding-top: 16px;
    font-size: 10px;
    /* color: #6c757d;
    opacity: 1; */
  }

  /* Remover a borda padrão do Tippy.js */
  .tippy-box {
    background-color: white !important; /* Fundo branco */
    color: black !important; /* Texto preto */
    border: 1px solid black !important; /* Borda preta personalizada */
    font-size: 2px; /* Fonte menor */
    padding: 5px; /* Adiciona um pequeno espaçamento dentro da caixa */
    word-wrap: break-word; /* Quebra palavras longas para a linha seguinte */
  }  

  /* Garantir que a borda do tema light-border seja removida */
  .tippy-box[data-theme~='light-border'] {
    border: none !important;
  }

  
  .caixaButton{
    margin-left: 10px;
  }
  .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }

  .cursor-pointer {
    cursor: pointer;
    cursor: hand;
  }  
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ccc;
  }
  .sombra-clara{
    box-shadow: 0 0 10px #E9EDE9;
}


  /* Style the tab content */
  .miniFloat{
    padding-top: 7px !important; 
  }

  
  .label-float input,
  .label-float select{
    border: 1px solid lightgrey;
    border-radius: 5px;
    outline: none;
    min-width: 0px;
    padding: 7px 12px 7px;
    font-size: 12px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-appearance:none;
  }
  
  .label-float input:focus,
  .label-float select:focus{
    /* border: 2px solid #3951b2; */
    border: 2px solid #7094bc;
  }
  
  .label-float input::placeholder,
  .label-float select::placeholder{
    color:transparent;
    /* color: #6c757d;
    opacity: 1; */
  }

  .label-float label {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 8px);
    left: 15px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    font-size: 12px;
    /* background-color: white; */
    background-color: transparent;
    padding: 5px;
    box-sizing: border-box;
    color: darkgray;
  }

  .label-float:disabled, .label-float[readonly] {
    color: darkgray;
    /* border: 2px solid darkgray; */
    border: 1px solid lightgrey;
    opacity: 1;
    
  }
  
  .label-float input:focus + label,
  .label-float input:not(:placeholder-shown) + label{
    font-size: 12px;
    top: 0;
    /* color: #3951b2; */
    color: black;
    background-color: white;
    /* font-weight: bold; */
    height: 18px;
  }

  .infoBaixo {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #7094bc;
  }

  .label-float input:focus + label + .infoBaixo {
    display: block;
    position: absolute;
  }

  .label-float-autoComplete input:not([value=""]):valid~label{ 
    font-size: 12px;
    top: 0;
    color: black;
    background-color: white;
    height: 18px;
  }

  .a-autoComplete a {
    color: black; 
    text-decoration: none;
    background-color: transparent;
    font-size: 12px;
  }

  .fontServicoExtra {
    color: rgb(38 159 245);
  }

  .li-hover-autoComplete li:hover {
      color: white; 
      text-decoration: none;
      background-color: #7094bc;
  }

  .ng-invalid:not(form)  {
    border-color: red;
  }

  .label-float select:focus + label,
  .label-float select:not(:placeholder-shown) + label {
    font-size: 12px;
    top: 0;
    /* color: #3951b2; */
    color: black;
    background-color: white;
    /* font-weight: bold; */
    height: 18px;
  }

  .label-float select:focus~label,
  .label-float select:disabled:not([value=""])~label, 
  .label-float select:not([value=""]):valid~label { 
    font-size: 12px;
    top: 0;
    color: black;
    background-color: white;
    height: 18px;
  }

  .selectPadrao {
    height: 41px;
  }

  .padding-Skypass {
    padding-right: 11px;
    padding-left: 11px;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  
  

.was-validated .label-float:invalid, .label-float.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  
}

.was-validated .label-float:invalid:focus, .label-float.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .label-float:invalid ~ .invalid-feedback,
.was-validated .label-float:invalid ~ .invalid-tooltip, .label-float.is-invalid ~ .invalid-feedback,
.label-float.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

#toast-container{position:sticky;z-index:1055;top:0}#toast-wrapper{position:absolute;top:0;right:0;margin:5px}#toast-container>#toast-wrapper>.toast{min-width:150px}#toast-container>#toast-wrapper>.toast>.toast-header strong{padding-right:20px}
  

.btn-outline-padraoSky {
  color: #32323a;
  border-color: #d3d3d3;
}

.btn-outline-padraoSky:hover {
  color: #fff;
  background-color: #7094bc;
  border-color: #7094bc;
}

.btn-outline-padraoSky:focus, .btn-outline-padraoSky.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-padraoSky.disabled, .btn-outline-padraoSky:disabled {
  color: #32323a;
  background-color: transparent;
}

.btn-outline-padraoSky:not(:disabled):not(.disabled):active, .btn-outline-padraoSky:not(:disabled):not(.disabled).active,
.show > .btn-outline-padraoSky.dropdown-toggle {
  color: #fff;
  background-color: #32323a;
  border-color: #32323a;
}

.btn-outline-padraoSky:not(:disabled):not(.disabled):active:focus, .btn-outline-padraoSky:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-padraoSky.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.gridAdd{
    border: 1px solid lightgrey;
    border-radius: 5px;
    outline: none;
    min-width: 0px;
    padding: 10px 12px;
    font-size: 12px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-appearance:none;
  }

   .listar-grupo-itens-float-label {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
  }

  .listar-grupo-itens-float-label-skyPadrao {
    color: #ffffff;
    background-color: #7094bc;
  }

  .listar-grupo-itens-float-label-skyPadraoActive {
    color: #212529;
    background-color: #dadada;
  }

  .listar-grupo-itens-float-label-skyPadraoActiveAzul {
    color: #ffffff;
    background-color: #7094bc;
  }

  .skyPadraoActiveAzul {
    color: #ffffff;
    background-color: #7094bc;
  }

  .swal2-container {
    z-index: 12000;
  }

  .swal2-validation-message {
    /* align-items: center;
    justify-content: center;
    margin: 0 -2.7em;
    padding: .625em;
    overflow: hidden; */
    background: #ffffff;
    /* color: #666;
    font-size: 1em;
    font-weight: 300; */
  }

  .swal2-validation-message::before {
    /* content: "!"; */
    display: none;
    /* width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center; */
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 .4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  word-wrap: break-word;
}

/* ------------------------------ USANDO FLOATING------------------------------------------------------------------ */

.floating-form {
  width: 320px;
}

.floating-label {
  position: relative;
  margin-bottom: 20px;
}

.floating-input,
.floating-select {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #757575;
}

.floating-input:focus,
.floating-select:focus {
  outline: none;
  border-bottom: 2px solid #5264AE;
}


.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
  top: -18px;
  font-size: 14px;
  color: #5264AE;
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
  
  font-size: 13px;
  top: 0;
  color: black;
  background-color: white;
}


/* active state */

.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
  width: 50%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.floating-textarea {
  min-height: 30px;
  max-height: 260px;
  overflow: hidden;
  overflow-x: hidden;
}


/* highlighter */

.highlight {
  position: absolute;
  height: 50%;
  width: 100%;
  top: 15%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* active state */

.floating-input:focus~.highlight,
.floating-select:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

.tdTotalizadorParcial {
  background-color: #fffefe; 
  font-weight: bold;
  font-size: 13px;
}

.tdTotalizador {
  background-color: #fffefe; 
  font-weight: bold;
  font-size: 14px;
}

.form-control-sm-time {
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.763rem;
  /* font-size: 0.875rem; */
  line-height: 1.5;
  border-radius: 0.2rem;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}


/* -------------------------------------------- INPUT SELECIONAR ARQUIVO -------------------------------------------------------------------- */
/* 
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
  margin-top: 14px;
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 2.2;
  color: #495057;
  background-color: #fff;
  border: 2px solid #7094bc;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 1.12rem);
  padding: 0.375rem 0.80rem;
  line-height: 2.2;
  color: #495057;
  content: "Selecionar";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
} */


.custom-file-skyPadrao {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
  margin-top: 16px;
}

.custom-file-label-skyPadrao {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.2em + 1.25rem + 3px);
  padding: 0.375rem 1.3rem;
  font-weight: 400;
  line-height: 2.1;
  /* color: #495057; */
  color: #a9a9a9;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  font-size: 13px;
}

.custom-file-label-skyPadrao::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.45em + 1.12rem);
  padding: 0.375rem 0.80rem;
  line-height: 2.1;
  color: #495057;
  content: "Selecionar";
  /* content: "Browser"; */
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-input-skyPadrao {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.35em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input-skyPadrao:focus ~ .custom-file-label-skyPadrao {
  border-color: #7094bc;
  box-shadow: 0 0 0 0.1rem #7094bc;
}

.custom-file-input-skyPadrao[disabled] ~ .custom-file-label-skyPadrao,
.custom-file-input-skyPadrao:disabled ~ .custom-file-label-skyPadrao {
  background-color: #a9a9a9;
}

.custom-file-input-skyPadrao:lang(en) ~ .custom-file-label-skyPadrao::after {
  content: "Browse";
}

.custom-file-input-skyPadrao ~ .custom-file-label-skyPadrao[data-browse]::after {
  content: attr(data-browse);
}

/* animation */

@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
} 

@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}


/* ___________________________________________________________________________________________________________________________________________________________________________________________ */

/* CSS GRID PADRÃO ⬇ */

.TableCSS table {
  font-size:12px; 
  color:#000; 
  width: 99.99%; 
  border-width: 1px; 
  border-color: #a9a9a9;
  border-collapse: collapse;  
  zoom: 100%; 
  text-align:left;
}

.TableCSS th {
  white-space: nowrap!important;
  font-size:13px;
  border-width: 0px;
  border-collapse: collapse;  
  padding: 3px;
  border-style: solid;
  text-align:left; 
  padding-bottom: 0px; 
  padding-top: 0px; 
  font-style: italic;

  color: #fff;
  background-color: #32323a;
  border-color: #32323a;

  position: sticky;
  top: 0;
}

.TableCSS tr {
  background-color:#ffffff; 
  padding-bottom: 0px; 
  padding-top: 0px; 
  text-align:center;
}
.TableCSS td {
  font-size: 13px;
  border-width: 1px;
  padding: 0px;
  border-style: solid;
  border-color: #a9a9a9;
  text-align:left;
  /* background-color: #ffffff; */
  padding-bottom: 0px;
  padding-top: 0px; 
  color: black;
}

.tableHead {
  border-width: 0px !important;
  border-style: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

/* TAMANHO DAS GRIDS ⬇ */

.tableScroll-0 {
  max-height: 81.4vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-1-Modal {
  max-height: 32vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-1 {
  max-height: 72vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-2 {
  max-height: 66vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-2-Modal {
  max-height: 35vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-3-Modal {
  max-height: 45vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-3 {
  max-height: 61vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-3-buscar {
  max-height: 51vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative;
  white-space: nowrap; /* evita quebra de linha */

}

.tableScroll-4 {
  max-height: 57vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative;
  white-space: nowrap; /* evita quebra de linha */

}

.tableScroll-5 {
  max-height: 54vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative;
  white-space: nowrap; /* evita quebra de linha */

}

.tableScroll-6 {
  max-height: 50vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-6-precoPro {
  max-height: 45vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-7-precoPro {
  max-height: 37vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-7 {
  max-height: 54vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-aba-1 {
  max-height: 60vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-aba-2 {
  max-height: 54vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.tableScroll-aba-2-painel {
  max-height: 48vh; 
  width: 100%; 
  margin: 0; 
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;  
  position: relative; 
  white-space: nowrap; /* evita quebra de linha */
}

.text-nowrap {
  white-space: nowrap !important;
}


/* TRABALHANDO SCROLL CHROME*/

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-appearance: none;
 }
 ::-webkit-scrollbar-thumb {
  background: linear-gradient(13deg, #979696 14%,#9b9c9d 64%);
  border-radius: 2px;
 }
 ::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(13deg, #747373 14%,#919090 64%);
 }

 ::-webkit-scrollbar-track{
  background: #ffffff;
  border-radius: 2px;
  box-shadow: inset 7px 10px 12px #f0f0f0;
 }

/* CORES ⬇ */

.TableCSS-danger,
.TableCSS-danger > th,
.TableCSS-danger > td {
  background-color: #f5c6cb;
}

.TableCSS-danger th,
.TableCSS-danger td,
.TableCSS-danger thead th,
.TableCSS-danger tbody + tbody {
  border-color: #ed969e;
}

.TableCSS-hover .TableCSS-danger:hover {
  background-color: #f1b0b7;
}

.TableCSS-hover .TableCSS-danger:hover > td,
.TableCSS-hover .TableCSS-danger:hover > th {
  background-color: #f1b0b7;
}

.TableCSS-success,
.TableCSS-success > th,
.TableCSS-success > td {
  background-color: #c3e6cb;
}

.TableCSS-success th,
.TableCSS-success td,
.TableCSS-success thead th,
.TableCSS-success tbody + tbody {
  border-color: #8fd19e;
}

.TableCSS-hover .TableCSS-success:hover {
  background-color: #b1dfbb;
}

.TableCSS-hover .TableCSS-success:hover > td,
.TableCSS-hover .TableCSS-success:hover > th {
  background-color: #b1dfbb;
}

.TableCSS-active,
.TableCSS-active > th,
.TableCSS-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.TableCSS-hover .TableCSS-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.TableCSS-hover .TableCSS-active:hover > td,
.TableCSS-hover .TableCSS-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.TableCSS-light,
.TableCSS-light > th,
.TableCSS-light > td {
  background-color: #fdfdfe;
}

.TableCSS-light th,
.TableCSS-light td,
.TableCSS-light thead th,
.TableCSS-light tbody + tbody {
  border-color: #fbfcfc;
}

.TableCSS-hover .TableCSS-light:hover {
  background-color: #ececf6;
}

.TableCSS-hover .TableCSS-light:hover > td,
.TableCSS-hover .TableCSS-light:hover > th {
  background-color: #ececf6;
}

.TableCSS-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.TableCSS-dark.TableCSS-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* ABA TELA PRICING */

.panel-body:after, .panel-body:before, .row:after, .row:before {
  display: table;
  content: " "
}

.panel-body:after, .row:after {
  clear: both
}


.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  
}

.panel-body {
  padding: 15px
}

.row-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: 5px;
}

.panel-headingBoots {
  padding: 4px 19px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 13px;
}

.panel-headingBoots>.dropdown .dropdown-toggle {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
  color: inherit
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.panel-headingBoots+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.panel-headingBoots+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.list-group+.panel-footer {
  border-top-width: 0
}

.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table {
  margin-bottom: 0
}

.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption {
  padding-right: 15px;
  padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0
}

.panel>.table-responsive {
  margin-bottom: 0;
  border: 0
}

.panel-group {
  margin-bottom: 20px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-headingBoots {
  border-bottom: 0
}

.panel-group .panel-headingBoots+.panel-collapse>.list-group, .panel-group .panel-headingBoots+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.panel-default {
  border-color: #ddd
}

.panel-default>.panel-headingBoots {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.panel-default>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.panel-default>.panel-headingBoots .badge {
  color: #f5f5f5;
  background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.panel-primary {
  border-color: #337ab7
}

.panel-primary>.panel-headingBoots {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.panel-primary>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #337ab7
}

.panel-primary>.panel-headingBoots .badge {
  color: #337ab7;
  background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-headingBoots {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-headingBoots .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-headingBoots {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-headingBoots .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-headingBoots {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-headingBoots .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-headingBoots {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-headingBoots+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-headingBoots .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1

}

.valor,.vigencia,.diaSemana,.linha,.servico,.trecho{
  display: none;
}

.geral,.valor,.vigencia,.diaSemana,.linha,.servico,.trecho{
  max-height: 715px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 2px;
}

.cbsFederal,.ibsEstadual,.ibsMunicipal{
  max-height: 715px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 2px;
}

.ibsEstadual,.ibsMunicipal{
  display: none;
}


/* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.fieldSet-panel {
  /* margin: 1px; */
  justify-content: space-around;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.fieldSet-Font {
  font-size: 12px;
  color: black;
}




@media screen {

  .table thead tr th{
    font-size:11px; 
    border-width: 0px; 
    border-collapse: collapse; 
    padding: 3px; 
    border-style: solid; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    color: #fff; 
    background-color: #32323a; 
    border-color: #32323a; 
    position: sticky; 
    top: 0;
  }

}

@media print {  
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: auto;
  }
  thead { 
    display: table-header-group; 

  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }

  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    align-items: center;
    page-break-inside:avoid;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }

  .table thead tr th{
    font-size:11px; 
    border-width: 0px; 
    border-collapse: collapse; 
    padding: 3px; 
    border-style: solid; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    color: #fff; 
    background-color: #32323a; 
    border-color: #32323a; 
    position: sticky; 
    top: 0;
  }

}

.mb-reducao {
  margin-bottom: 4.9rem !important;
}

/* Sortable tables */
table.sortable thead {
  background-color:#eee;
  color:#666666;
  font-weight: bold;
  cursor: pointer;
}

.modal-personalizado60 .modal-dialog {
  max-width: 60%; /* Exemplo de modal ocupando 60% da largura da tela */
}

.icon-edit {
  color: #28a745 !important; /* Verde padrão Bootstrap para sucesso */
}

.bordaPontilhada-superior {
  border-top: 1px dotted black !important; /* Use !important para garantir a aplicação seletiva */
}

.bordaPontilhada-inferior {
  border-bottom: 1px dotted black !important;
}

.bordaPontilhada-direita {
  border-right: 1px dotted black !important;
}

.bordaPontilhada-esquerda {
  border-left: 1px dotted black !important;
}