.ra-head,
.ra-item-wrapper thead th {
  padding: 15px;
  font-size: 1.125rem;
  line-height: 1.333;
  background-color: var(--tbl-c1);
  /* margin-bottom: 10px; */
}

.indicator-data-wrap thead th {
  font-size: 1rem;
  font-family: var(--font-normal);
  font-weight: 400 !important;
}

/* .blue_bg .ra-item-wrapper thead th {
  background-color: var(--tbl-c1);
} */

.ra-item-wrapper table {
  text-align: center;
  /* min-width: calc(100% + 20px);
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0 -10px; */
  min-width: 100%;
  width: auto;
}

.ra-item-wrapper th,
.ra-item-wrapper td {
  background: var(--tbl-c2);
  padding: 20px;
}

.lg-field {
  min-width: 400px;
}

.grey_bg tbody td,
.grey__bg tbody td {
  background: var(--bg-c1);
}

.ra-item-wrapper th {
  font-weight: 400;
}

.ra-item-wrapper .sub-head {
  width: 265px;
  padding: 10px;
}

/* .ra-item-wrapper td {
  padding: 20px;
} */

.indicator-select {
  margin-bottom: 30px;
}

.full-width-indicator .indicator-select {
  margin-bottom: 40px;
}

.ra-status {
  display: inline-block;
  /* padding: 5px 10px; */
  padding: 9px 10px;
  width: 113px;
  /* height: 32px; */
  background: var(--success);
  border-radius: 25px;
  margin-bottom: 10px;
  color: #fff;
  font-family: var(--font-bold);
  font-size: 0.875rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ra-status.ra-status--slow {
  background: #ffcc00;
  color: #222;
}

.ra-status.ra-status--missed {
  background: #e31837;
  color: #fff;
}

.ra-status.ra-status--reprioritized {
  background: #666;
  color: #fff;
}

.ra-status.ra-status--unavailable {
  background: #c4c4c4;
  color: #222;
}

.ra-item-wrapper:not(:last-child) {
  margin-bottom: 30px;
}

.indicator-select select {
  outline: none;
  width: 140px;
  height: 40px;
  border-radius: 35px;
  padding: 9px 17px;
  font-size: 1rem;
  line-height: 1;
  border-color: var(--info);
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: url(/themes/custom/unaids/components/layouts/indicator-data/img/select-dropdown.svg) no-repeat right 15px center;
}

.indicator-select-label {
  margin-right: 13px;
}

.full-width-indicator .selected-filters {
  margin-bottom: 20px;
}

/* Select2 rounded */
.select2-rounded {
  display: flex;
  align-items: center;
}

.select2-rounded .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-rounded .select2-container--default .select2-selection--single {
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 35px !important;
  padding: 9px 17px;
  font-size: 1rem;
  line-height: 1;
  border: 1px solid var(--info);
  background-color: transparent;
}

.select2-rounded .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(/themes/custom/unaids/components/layouts/indicator-data/img/select-dropdown.svg) no-repeat center;
  top: 7px;
  right: 15px;
}

.select2-rounded .select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
}

/* .select2-rounded-dropdown {
  border-top: 1px solid #aaa !important;
  margin-top: 5px;
} */
.select2-container--open .select2-rounded-dropdown.select2-dropdown--above {
  border-bottom: 1px solid #aaa;
  top: -5px;
}

.select2-container--open .select2-rounded-dropdown.select2-dropdown--below {
  border-top: 1px solid #aaa;
  margin-top: 5px;
}

/* indicator table  */
.filter-section-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.filter__area {
  display: flex;
  align-items: center;
}

.filter__area>.select2-container,
.filter__area>* {
  margin-right: 13px;
}

.indicator-select .filter__custom-width-l {
  width: 312px;
}

.indicator-select .filter__custom-width-m {
  width: 234px;
}

/* data table  */
body table.dataTable>thead>tr>th,
body table.dataTable>thead>tr>td,
body div.dt-container.dt-empty-footer tbody>tr:last-child>* {
  border-bottom: none;
}

body div.dt-container div.dt-layout-cell {
  padding: 0;
}

body table.dataTable thead th {
  text-align: center;
}

.indicator-data-wrap .dt-container>.dt-layout-row:first-child {
  display: none;
}

table.tbl-left-content tbody .ra-value {
  text-align: left;
}

.indicator-data-wrap table.dataTable>tbody>tr>td {
  padding: 15px;
}

.ubrafindicatorblock .dt-buttons {
  display: none;
}

/* tables inside tab  */
.title-bordered {
  background: #f2f2f2;
  border-radius: 15px;
  padding: 7px 25px;
  margin: 0 auto;
  display: block;
  width: auto;
  text-align: center;
  font-size: 1rem;
}

/* new changes for correcting tbl spacing  */
[data-filter] .c-cell-border th,
[data-filter] .ra-item-wrapper .c-cell-border td,
[data-filter] .c-cell-border .sub-head {
  padding: 15px;
}

[data-filter] .c-cell-border th.sub-head {
  text-align: center;
}

.filter-accordian .acordian-header:hover,
.select2-rounded .select2-container--default .select2-selection--single:hover {
  background-color: var(--tbl-c2);
}
