.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h5, .h5 {
  font-size: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
.list-inline li{
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.fa-hover .fab,
.fa-hover .far,
.fa-hover .fas {
  display: inline-block;
  height: 22px;
  vertical-align: top;
  min-width: 28px;
  font-size: 14px;
  line-height: 22px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  color: #435966;
}
.fa-hover:hover .fab,
.fa-hover:hover .far,
.fa-hover:hover .fas {
  font-size: 22px;
  line-height: 22px;
  height: 22px;
  color: #ffffff;
}
.contact-social .fa-facebook-f {
  background: #3b5999;
}
.contact-social .fa-google-plus-g {
  background: #dd4b39;
}
.box-body .nav .far {
  display: inline-block;
  width: 35px;
  line-height: 26px;
}
.text-usage{
  margin-bottom: 0;
  margin-top: 1rem;
}
a.fc-more {
  color: #1d84df !important;
}
.fc-event, .fc-event:hover, .ui-widget .fc-event {
  color: #fff !important;
}
.checkbox label:after,.item-gallery:before{
  font-family: Font Awesome\ 5 Free!important;
  font-weight: 900;
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.list-group-item>.badge {
  float: right;
}
.modal-header .close {
  padding: 0;
  margin: 0;
  order: 1;
}
.statistics-box.with-icon .ico.small{
  font-weight: 900;
}
.dropdown-toggle::after{
  display: none;
}
.navbar{
  padding: 0 !important;
}
select.form-control{
  height: 45px !important;
}
.bootstrap-touchspin .input-group-btn-vertical i{
  font-weight: 900 !important;
}
.bootstrap-touchspin .input-group-btn-vertical {
  top: 7px;
}
.input-group-addon {
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.form-inline {
  display: block;
}
.form-inline label {
  display: inline-block;
}
.dataTables_wrapper .dataTables_paginate .pagination{
  float:right;
}
.dataTables_wrapper .dataTables_paginate .pagination .paginate_button{
  margin-left: 0;
}
.dot-list li:before {
  content: "\f111";
  font-family: Font Awesome\ 5 Free;
}
.nav-stacked {
  display: block;
}
.box-body .nav a {
  display: block;
}
.pricing-table .cols {
  display: table-cell;
  position: relative;
  width: 20%;
  vertical-align: top;
}
.tour-buttons .btn.btn-sm{
  float: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  border: none !important;
  background: none !important;
}
@media (min-width: 800px){
  .menu-active .main-menu{
    z-index: 41;
  }
  .menu-active .navigation .menu .sub-menu.dropup{
    top: auto;
    bottom: 48px;
  }
  .menu-active .mCustomScrollBox{
    position: fixed;
    width: 75px;
  }
}

@media (min-width: 768px){
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
@media (min-width: 768px){
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px){
  .modal-lg {
    width: 900px;
  }
}

.wrapper-aceite {
  display: flex;

  justify-content: center;
  align-items: center;

  background-image: url("../../assets/images/plamev_pet_mais_digital.png");
  background-repeat: no-repeat;
  background-size: cover;

  min-height: 100%;
}

.wrapper-aceite .card {
  width: 663px;
}

.wrapper-aceite .card-body .contrato {
  height: 500px;
  overflow-y: scroll;
}

/* ==== LOADER ==== */
/* .load-pagina {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  min-height: 100%;
  display: block;
  position: fixed;
  z-index: 99;
}

.load-pagina img {
  display: block;
  width: 396px;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
} */

/* ===================================================
   GANHOS POR PERÍODO — layout responsivo
   =================================================== */

/* Cards de mesma altura na row — flex column independente da classe h-100 */
.dashboard-secondary-info-card-ganho {
  display: flex;
  flex-direction: column;
}

.ganhos-body {
  display: flex;
  flex-direction: column;
  padding: 12px 20px 0 20px;
  flex: 1;
  min-height: 0;
}

.ganhos-filtros {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px !important;
}

/* Área principal: legenda + gráfico */
.ganhos-chart-area {
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: 12px;
  padding: 20px;
  min-height: 260px;
  position: relative; /* ancora o skeleton para cobrir toda a área */
}

/* Outer: ocupa a largura fixa e estica para o pai via flex stretch */
.ganhos-legenda-col {
  width: 175px;
  flex-shrink: 0;
  position: relative;   /* ancora o filho absoluto */
  min-height: 180px;    /* garante área mínima visível */
}

/* Inner: preenche o pai com posição absoluta → scroll funciona independente da cadeia flex */
.ganhos-legenda-scroll {
  position: absolute;
  inset: 0;             /* top:0; right:0; bottom:0; left:0 */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

/* scrollbar discreta */
.ganhos-legenda-scroll::-webkit-scrollbar { width: 5px; }
.ganhos-legenda-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); border-radius: 4px; }
.ganhos-legenda-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.22); border-radius: 4px; }
.ganhos-legenda-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.38); }

.ganhos-chart-col {
  flex: 1;
  position: relative;
  min-width: 0;
}

/* ---------- Tablet (< 768px): gráfico em cima, legenda em grade abaixo ---------- */
@media (max-width: 767px) {
  .ganhos-chart-area {
    flex-direction: column;
    padding: 12px 16px 16px 16px;
    min-height: 0;
  }

  .ganhos-chart-col {
    height: 230px;
    order: 1;
  }

  /* No tablet/mobile volta ao fluxo normal — grid de 2 colunas com scroll */
  .ganhos-legenda-col {
    width: 100%;
    min-height: 0;
    max-height: 160px;
    order: 2;
    overflow-y: auto;
  }

  .ganhos-legenda-scroll {
    position: static;   /* anula o absolute do desktop */
    inset: auto;
    max-height: 160px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 8px;
  }
}

/* ---------- Mobile pequeno (< 480px): grade de 1 coluna ---------- */
@media (max-width: 479px) {
  .ganhos-chart-col {
    height: 200px;
  }

  .ganhos-legenda-scroll {
    grid-template-columns: 1fr;
    max-height: 130px;
  }

  /* Oculta label dos botões, mantém só ícone */
  .ganhos-filtros .btn-label-atualizar {
    display: none;
  }

  .ganhos-filtros input.valor-input-periodo {
    width: 110px !important;
  }
}

/* ===================================================
   ADESÕES — filtros responsivos
   =================================================== */

.adesoes-filtros {
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .adesoes-filtros {
    gap: 8px !important;
    padding: 12px 16px !important;
  }

  .adesoes-filtros .valor-input-periodo {
    width: 100% !important;
  }

  .adesoes-filtros .mr-2 {
    flex: 1 1 calc(50% - 4px);
    min-width: 120px;
  }

  .adesoes-filtros .btn-label-atualizar {
    display: none;
  }
}

/* ===================================================
   VENDAS E COTAÇÕES — header responsivo
   =================================================== */

.vendas-header {
  background: #3b3f4f;
  color: #fff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.vendas-titulo {
  order: 1;
  flex: 1;
  min-width: 0;
}

.vendas-legenda-items {
  order: 2;
  display: flex;
  gap: 14px;
  font-size: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.vendas-toggle {
  order: 3;
  font-size: 18px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 4px;
}

@media (max-width: 575px) {
  .vendas-titulo {
    flex: none;
    align-self: flex-start;
  }

  .vendas-toggle {
    order: 2;
    margin-left: auto;
    align-self: flex-start;
    padding-top: 4px;
  }

  .vendas-legenda-items {
    order: 3;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    font-size: 11px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.15);
  }
}