/* Hero Section */
.primary-border {
  border-color: var(--primary-color) !important;
}
.section-indicadores {
  padding: 4rem 0;
  background-color: #F9F9F9;
}

.bg-white-grayer {
  background: var(--grayscale-grayscale-025, #F9F9F9);
}

.indicator-card {
  background: var(--grayscale-grayscale-025, #F9F9F9);
  box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.12);
  height: 100%;
}

/* Campaign Section */
.section-campanhas {
  padding: 4rem 0;
}

.general-filter {
  top: 212px;
  z-index: 10;
}

@media screen and (min-width: 576px) {
  .general-filter {
    top: 156px;
  }
}

@media screen and (min-width: 768px) {
  .general-filter {
    top: 96px;
  }
}


.card-campanha {
  position: relative;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.12);
}

.card-campanha::before {
  content: '';
  width: 4px;
  height: 90%;
  background: var(--primary-color-dark);
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}

.card-campanha_icon {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
  padding: 12px;
}

/* Indicators Section */

.card-indicador {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.card-indicador__panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
}

.card-indicador::before {
  content: '';
  width: 4px;
  height: 40px;
  background: var(--primary-color-dark);
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: 12px;
}

.table-indicadores-wrapper {
  border-radius: 8px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.table-indicadores th {
  background: var(--primary-color-dark);
  color: #fff;
  padding: 1rem;
  font-weight: 500;
  font-size: 1.125rem;
  text-align: center;
}

.table-indicadores tbody tr:nth-child(even) {
  background-color: #FFF;
}

.table-indicadores tbody tr:nth-child(odd) {
  background-color: #FAFAFA;
}

.table-indicadores td {
  color: var(--secondary-color);
  padding: .75rem 1rem;
  border-bottom-width: 0;
}

.table-indicadores__first-row {
  background-color: var(--primary-background) !important;
  font-weight: 500;
}

.table-indicadores__first-row td {
  color: var(--primary-color) !important;
}

.table-indicadores__last-row {
  background-color: var(--primary-color-dark) !important;
  font-weight: 500;
}

.table-indicadores__last-row td {
  color: white !important;
}

.pagination-ball {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
}

.pagination-ball.active {
  width: 6px;
  height: 6px;
  background-color: var(--secondary-color);
  border-radius: 50%;
}

.dose-item {
  min-width: 150px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}

.icon-hover:hover {
  background-color: var(--primary-background) !important;
}

/* FORM */

.sala-form .v-form .select2-selection.select2-selection--single {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 0.4em center;
  background-color: transparent;
  height: 100% !important;
}

.sala-form .select2-selection__rendered {
  color: var(--primary-color) !important;
  font-weight: 400;
}

.sala-form .estrategia .select2-selection.select2-selection--single {
  background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5202 6.20459H15.9202C15.2409 6.20459 14.6902 6.75528 14.6902 7.43459C14.6902 8.1139 15.2409 8.66459 15.9202 8.66459H21.5202C22.1995 8.66459 22.7502 8.1139 22.7502 7.43459C22.7502 6.75528 22.1995 6.20459 21.5202 6.20459Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M16.8103 3.54492H20.6303" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/><path d="M18.72 3.54492V5.97492" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M18.7199 18.135L17.0399 16.465C16.6299 15.935 16.4099 15.275 16.4099 14.605V8.66504H21.0299V14.605C21.0299 15.275 20.8099 15.935 20.3999 16.465L18.7199 18.135Z" stroke="%23008380" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.72 17.9644V19.9544" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/><path d="M16.4099 11.0049H18.7199" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/><path d="M16.4099 13.3945H18.7199" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/><path d="M10.7867 4H4.03887C3.26448 4 2.63672 4.62776 2.63672 5.40215V6.15435C2.63672 6.92874 3.26448 7.5565 4.03887 7.5565H10.7867C11.5611 7.5565 12.1889 6.92874 12.1889 6.15435V5.40215C12.1889 4.62776 11.5611 4 10.7867 4Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M10.2536 7.55664H4.5647V9.32394H10.2536V7.55664Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M10.9036 9.32373H3.92203C3.21217 9.32373 2.63672 9.89918 2.63672 10.609V17.7147C2.63672 18.4246 3.21217 19 3.92203 19H10.9036C11.6134 19 12.1889 18.4246 12.1889 17.7147V10.609C12.1889 9.89918 11.6134 9.32373 10.9036 9.32373Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M2.63672 12.3037H6.51455C7.02575 12.3037 7.43471 12.7127 7.43471 13.2239V15.9552C7.43471 16.4664 7.02575 16.8753 6.51455 16.8753H2.63672V12.3037Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/><path d="M11.028 12.3037H12.1892V16.8753H11.028C10.6044 16.8753 10.2539 16.5321 10.2539 16.1012V13.0778C10.2539 12.6542 10.5971 12.3037 11.028 12.3037Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10"/></svg>');
}

.sala-form .analise .select2-selection.select2-selection--single {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.90024 17H18.0902C19.9902 17 20.9902 16 20.9902 14.1V2H2.99023V14.1C3.00023 16 4.00024 17 5.90024 17Z" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 2H22" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 22L12 20M12 20V17M12 20L16 22" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 11L10.65 8.37C10.9 8.16 11.23 8.22 11.4 8.5L12.6 10.5C12.77 10.78 13.1 10.83 13.35 10.63L16.5 8" stroke="%23008380" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.sala-form .visualizacao .select2-selection.select2-selection--single {
  background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.32 11.9999C20.92 11.9999 22 10.9999 21.04 7.71994C20.39 5.50994 18.49 3.60994 16.28 2.95994C13 1.99994 12 3.07994 12 5.67994V8.55994C12 10.9999 13 11.9999 15 11.9999H18.32Z" stroke="%23008380" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.0004 14.7C19.0704 19.33 14.6304 22.69 9.58042 21.87C5.79042 21.26 2.74042 18.21 2.12042 14.42C1.31042 9.39001 4.65042 4.95001 9.26042 4.01001" stroke="%23008380" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.sala-form .select2-container--disabled {
  opacity: .5;
  background-color: rgba(235, 235, 235, 1);
  filter: grayscale(1);
}

.sala-form .select2-selection__placeholder {
  color: var(--primary-color) !important;
}

.shadow-sala {
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
}

.sala-form .select2:has(.select2-selection__rendered[title]) {
  background-color: var(--primary-background);
}

.sala-form .floating-label {
  display: none;
  position: absolute;
  padding: 0 4px;
  border-radius: 4px;
  background: #F9F9F9;
  color: #737373;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.04);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  top: -9px;
  left: 46px;
  width: max-content;
  z-index: 10;
}

.sala-form .select2:has(.select2-selection__rendered[title]) + .floating-label {
  display: block;
}


/* <------------- dashboard page --------------------> */

.custom_dashboard-card {
  width: 168px;
  min-height: 168px;
  border-radius: 4px;

  /* Shadow/Small */
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
}

.px-12px {
  padding-left: 12px;
  padding-right: 12px;
}

.pt-12px {
  padding-top: 12px;
}

.p-12px {
  padding: 12px;
}

@media screen and (max-width: 600px) {
  .custom_dashboard-card {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  .hero-image {
    width: 100%;
  }
}

/* cards menu  */
.card-menu {
  border-radius: 4px;
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
  min-height: 168px;
  width: 100%;
}

/* @media screen and (min-width: 1200px) {
  .card-menu {
    width: 168px;
  }
} */

.card-menu.card-primary:hover {
  background: var(--primary-background) !important;
}

.card-menu.card-secondary:hover {
  background: var(--secondary-background) !important;
}

.card-menu.card-tertiary:hover {
  background: var(--tertiary-background) !important;
}

.card-menu.card-warning:hover, .card-menu.card-warning-dark:hover {
  background: var(--warning-background) !important;
}

.card-menu.card-error:hover {
  background: var(--error-background) !important;
}

.card-menu.card-success:hover {
  background: var(--success-background) !important;
}

.card-menu.card-info:hover {
  background: var(--info-background) !important;
}

.card-menu.card-dark:hover {
  background: var(--dark-background) !important;
}

.card-menu.card-disabled:hover {
  background: var(--disabled-background) !important;
}

/* cards modal styles */

.list-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  border-color: var(--primary-background);
}

.list-cards .card {
  flex: 1;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.list-cards .card span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.list-cards .card.card-primary {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.list-cards .card.card-primary.active {
  background-color: var(--primary-color);
  color: #FFFFFF;
}

.list-cards .card.card-tertiary {
  border-color: var(--tertiary-color);
  color: var(--tertiary-color);
}

.list-cards .card.card-tertiary.active {
  background-color: var(--tertiary-color);
  color: #FFFFFF;
}

.list-cards .card.card-success {
  border-color: var(--success-color);
  color: var(--success-color);
}

.list-cards .card.card-success.active {
  background-color: var(--success-color);
  color: #FFFFFF;
}

.list-cards .card.card-warning-dark {
  border-color: var(--warning-color-dark);
  color: var(--warning-color-dark);
}

.list-cards .card.card-warning-dark.active {
  background-color: var(--warning-color-dark);
  color: #FFFFFF;
}

.list-cards .card.card-info {
  border-color: var(--info-color);
  color: var(--info-color);
}

.list-cards .card.card-info.active {
  background-color: var(--info-color);
  color: #FFFFFF;
}
/* end of cards styles */

/* <------------- tabelas page --------------------> */

.negative-margin-top {
  margin-top: -1rem;
}

.negative-margin-start {
  margin-left: -1.2rem;
}

.border-start-title {
  border-left: 4px outset var(--primary-color);
}

.vertical-cylinder {
  display: block;
  width: 5px;
  height: 42px;
  border-radius: 5px;
  background-color: var(--primary-color);
}

.tabela-composta {
  border-radius: 4px 4px 0 0;
}

/* background da primeira linha da thead */
.tabela-composta thead tr:first-child {
  background-color: var(--disabled-background);
  border-bottom: 0;
}

.tabela-composta thead tr {
  border-radius: 4px;
}

.tabela-composta tr {
  border-bottom: 0;
}

/* borda inferior da última linha da tbody */
.tabela-composta tbody tr:last-child {
  border-bottom: 1px solid var(--disabled-color-light);
}

/* a cor da primeira linha da tbody é primary */
.tabela-composta tbody tr:first-child {
  background: var(--primary-background) !important;
  color: var(--primary-color) !important;
  font-weight: 500;
}

.tabela-composta tbody tr:first-child td {
  border-color: var(--primary-color);
}

.tabela-composta tbody tr td:nth-child(n+2) {
  font-weight: 500;
}

/* table striped */
.table-transparencia-striped tbody tr:nth-child(odd) {
  background-color: var(--bs-light);
}

.table-transparencia-striped tbody tr:nth-child(even) {
  background-color: var(--bs-white);
}