table, th, td {
  border-width: 0;
  border-color: transparent;
}

/* Ranking Dashboard */

#abinbev-ph-ranking-dashboard-form {
  width: max-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#abinbev-ph-ranking-dashboard-form .ranking-dashboard {
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
}

#ranking-dashboard-content {
  width: 100%;
}

#abinbev-ph-ranking-dashboard-form .ranking-dashboard .no-result-row {
  position: absolute;
  width: 100%;
}

#abinbev-ph-ranking-dashboard-form .pager__items {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#abinbev-ph-ranking-dashboard-form .pager__item--first,
#abinbev-ph-ranking-dashboard-form .pager__item--last {
  display: none;
}

#extra-fields-wrapper > div {
  margin-left: 1.5rem;
}

#ranking-dashboard-filters {
  padding-bottom: 1.5rem;
}

#ranking-dashboard-filters div {
  position: relative;
}

#ranking-dashboard-filters .ajax-progress {
  position: absolute;
  bottom: -1.5rem;
  z-index: 10;
  left: 0;
}

#ranking-dashboard-filters, #extra-fields-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

#extra-fields-wrapper .reset-wrapper {
  margin-right: 1.5rem;
}

#ranking-dashboard-filters .form-item {
  display: block;
}

#ranking-dashboard-filters .form-item label, 
#export-range-wrapper .form-item label {
  margin-bottom: 0.13625rem;
  margin-left: 0.404375rem;
}

#ranking-dashboard-filters .ranking-dashboard-actions {
  display: flex;
}

input::-webkit-textfield-decoration-container {
  padding-left: 24px;
}

.select2-search--dropdown:before {
  content: '\e986';
  font-family: 'Icomoon';
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  font-size: 1rem;
  height: 28px;
  padding-left: 4px;
}

#ranking-dashboard-table-wrapper table tr:first-child td {
  padding-top: 1.25rem;
}

#ranking-dashboard-table-wrapper table tr:last-child td {
  padding-bottom: 1.875rem;
}

.ranking-dashboard .ranking-dashboard-export tr td.success{
  color: #3f8d4d;
}

.ranking-dashboard .ranking-dashboard-export tr td.queued {
  color: #000000;
}

.ranking-dashboard .ranking-dashboard-export tr td.processing {
  color: #d50032;
}

.ranking-dashboard .ranking-dashboard-export tr td.failure {
  color: #d50032;
}

.ranking-dashboard .pager-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: center;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  position: relative;
  top: -0.375rem;
}

.ranking-dashboard .pager-container .pager__buttons {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: center;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.ranking-dashboard .pager-container .pager__next,
.ranking-dashboard .pager-container .pager__previous {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border-radius: 50%;
}

.ranking-dashboard .pager-container .pager__next input,
.ranking-dashboard .pager-container .pager__previous input {
  position: absolute;
  font-size: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 50%;
  outline-style: solid;
  background-color: transparent;
  z-index: 3;
}

.ranking-dashboard .pager-container .pager__next.is-disabled,
.ranking-dashboard .pager-container .pager__previous.is-disabled {
  background-color: #999999 !important;
}

.ranking-dashboard .pager-container .pager__next input:disabled,
.ranking-dashboard .pager-container .pager__previous input:disabled {
  background-color: #999999 !important;
  z-index: 1;
} 

.ranking-dashboard .pager-container .pager__next {
  margin-left: 2.5rem;
}

.ranking-dashboard .pager-container .pager__next .ajax-progress {
  position: absolute;
  z-index: 2;
  right: 0;
}

.ranking-dashboard .pager-container .pager__previous {
  margin-right: 2.5rem;
}

.ranking-dashboard .pager-container .pager__previous .ajax-progress {
  position: absolute;
  z-index: 2;
  left: 0;
}

.ranking-dashboard .pager-container .pager__previous .ajax-progress .message,
.ranking-dashboard .pager-container .pager__next .ajax-progress .message {
  display: none;
}


.export-actions {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  justify-content: flex-start;
}

.export-actions .ajax-progress {
  position: absolute;
  bottom: -1.5rem;
}

.export-actions .export-button-wrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-style: solid ;
}

.export-actions .export-button-wrapper .export-form-button {
  border: 0;
  border-color: transparent;
  border-style: solid;
  width: 100%;
  height: 100%;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  background-color: transparent;
  z-index: 2;
  position: relative;
}

#export-range-wrapper {
  margin-right: 1.5rem;
}

/* Export */

.abinbev-ph-ranking-dashboard-export-form {
  margin-top: 1.5rem;
}

#abinbev-ph-ranking-dashboard-export-form table.ranking-dashboard-export tr td.success {
  color: #3f8d4d;
}

#abinbev-ph-ranking-dashboard-export-form table.ranking-dashboard-export tr td.queued {
  color: #000000;
}
#abinbev-ph-ranking-dashboard-export-form table.ranking-dashboard-export tr td.processing {
  color: #D50032;
}
#abinbev-ph-ranking-dashboard-export-form table.ranking-dashboard-export tr td.failure {
  color: #D50032;
} 

.abinbev-ph-ranking-dashboard-export-form tr td:nth-child(2) {
  text-transform: capitalize;
}

.ranking-dashboard-export .action-buttons-wrapper {
  display: inline-flex;
}

.ranking-dashboard-export .action-buttons-wrapper .download-wrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-style: solid;
}

.ranking-dashboard-export .action-buttons-wrapper .download-button,
.ranking-dashboard-export .action-buttons-wrapper .delete-button,
.ranking-dashboard-actions .apply-form-button,
.ranking-dashboard-actions .reset-form-button {
  border: 0;
  border-color: transparent;
  border-style: solid;
  width: 100%;
  height: 100%;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  background-color: transparent;
  z-index: 2;
  position: relative;
}

.ranking-dashboard-export .action-buttons-wrapper.is-disabled .download-wrapper,
.ranking-dashboard-export .action-buttons-wrapper.is-disabled .delete-wrapper {
  pointer-events: none !important;
}

/* Mobile */ 

@media only screen and (max-width: 1199px) {
  #abinbev-ph-ranking-dashboard-form {
    width: 100%;
  }

  #ranking-dashboard-filters, #extra-fields-wrapper {
    flex-direction: column;
  }

  #ranking-dashboard-filters .form-item-wrapper {
    margin-bottom: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  #ranking-dashboard-filters,
  #ranking-dashboard-content,
  #ranking-dashboard-table-wrapper,
  #extra-fields-wrapper,
  #ranking-dashboard-export {
    width: 100%;
  }

  #extra-fields-wrapper > div {
    margin-left: 0;
  }

  #extra-fields-wrapper .ranking-dashboard-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #extra-fields-wrapper .ranking-dashboard-actions .ajax-progress {
    position: relative;
    bottom: 0;
    z-index: 10;
    margin-top: 0.25rem;
  }

  #extra-fields-wrapper .reset-wrapper {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }

  #ranking-dashboard-table-wrapper table,
  #ranking-dashboard-export table {
    width: 100%;
    border: none;
  }

  #ranking-dashboard-table-wrapper table th,
  #ranking-dashboard-export table th {
    font-size: 0.75rem;
    padding: 0 0.125rem 0.75rem 0.125rem;
    max-width: 90px;
    border: none;
  }

  #ranking-dashboard-table-wrapper table td,
  #ranking-dashboard-export table td {
    font-size: 0.875rem;
    padding: 0.625rem;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
  }

  #ranking-dashboard-export table th:last-child {
    min-width: 10rem;
  }

  .ranking-dashboard .pager-container {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin: 0px 10px;
  }

  .ranking-dashboard .pager-container .pager__buttons {
    grid-gap: 0.9375rem;
    gap: 0.9375rem;
  }

  .ranking-dashboard .pager-container .pager__next,
  .ranking-dashboard .pager-container .pager__previous {
    margin: 0;
  }

  .export-actions {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.875rem;
  }

  .export-actions .export-button-wrapper {
    margin-bottom: 0;
  }

  #export-range-wrapper {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}