.container {
  display: grid;
  grid-template-columns: 1fr 400px;
  padding: 10px;
  gap: 15px;
  background: #fff;
  max-width: 100% !important;
}
.container table {
  text-align: center;
}
.container table tbody tr td:first-child {
  text-align: left;
}
.highcharts-title {
  font-size: var(--tamanho-fonte-cidade);
  font-family: var(--fontTitulo);
}
#btn_busca_ano_mes {
  background: var(--cor-primaria);
  border: 1px solid var(--cor-secundaria);
  transition: all 0.2s;
}
#btn_busca_ano_mes:hover {
  filter: brightness(0.9);
}
.highcharts-credits {
  display: none !important;
}
.container div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
table.dataTable thead .sorting_asc {
  background-image: url(../datatables/images/sort_asc.png) !important;
}
table.dataTable thead .sorting_desc {
  background-image: url(../datatables/images/sort_desc.png) !important;
}
table.dataTable thead .sorting {
  background-image: url(../datatables/images/sort_both.png) !important;
}
.grafico {
  width: 100%;
  min-height: 350px;
}
.container table {
  width: 100%;
}
.dataTables_info {
  display: none;
}
.container label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container label input {
  display: block;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.container label input:focus {
  outline: 0;
  border: 1px solid #9b9b9b;
}
.dataTables_wrapper {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  position: relative !important;
  margin-bottom: 37px;
}
.dataTables_filter {
  position: absolute !important;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#wraper_conteudo h3 {
  margin-bottom: 5px;
}
.dataTables_filter label input {
  width: 286px;
}
.dt-buttons {
  margin-top: 50px;
  min-height: 66px;
}
.dt-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  margin-right: 10px !important;
  height: 30px !important;
  color: var(--white) !important;
  background-color: var(--cor-primaria) !important;
  transition: all 0.2s;
}
.dt-button:hover {
  filter: brightness(0.9);
}
.palette-turquoise {
  display: none !important;
}
.dt-button span {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
@media screen and (max-width: 1200px) {
    .container {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 450px) {
    .dataTables_wrapper .dataTables_filter{
        max-width: 100%;
    }
    .grafico {
        max-width: 300px;
    }
    table.dataTable thead th{
        font-size: 2px !important;
    }
    .container label {
        width: 100%;
    }
}