/*css varibales*/
:root {
  --primary-color: #1cabe2;
  --primary-hover:#0e95ca;
  --regular-gray1:#333;
  --regular-gray2:#404040;
  --regular-gray3:#595959;
  --regular-gray4:#757575;
  --regular-gray5:#c1c1c1;
  --regular-gray6:#f1f1f1;
  --regular-gray7:#f8f8f8;
  --regular-gray8:#d8d8d8;
  --regular-gray9:#ced4da;
  --regular-accent-action: #e34e09;
  --regular-accent-action-hover: #c94304;
  --white:#fff;
  --black:#000;
  --primary-light:#c5effc;
  --blue1:#2159a8;
  --blue2:#1a4b8f;
  --regular-bkgd:#d3dbdf;
  --hc-color:#0f5c85;
  --hc-hover: #0c4462;
  --hc-color-secondary:#2159a5;
  --hc-regular-accent-action: #9c350d;
  --hc-regular-accent-action-hover: #822500;
  --hc-accent-alert: #a12e26;
  --primary-font: 'Roboto',sans-serif;
  --primary-regular: 400;
  --primary-medium: 500;
  --primary-bold: 700;
  --primary-black: 900;
  --secondary-font: 'PT Serif',serif;
  --secondary-regular: 400;
  --secondary-bold: 800;
  --shadow-hover: 0 3px 3px -2px rgba(0, 0, 0, 0.1),0 3px 4px 0 rgba(0, 0, 0, 0.14),0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --shadow-active: 0 5px 5px -3px rgba(0, 0, 0, 0.12),0 8px 10px 1px rgba(0, 0, 0, 0.14),0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --outline-btn-shadow-hover: 0px 1px 8px 0px rgba(0, 0, 0, 0.12),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 3px 3px -2px rgba(0, 0, 0, 0.10);
  --outline-btn-shadow-active: 0px 3px 14px 2px rgba(0, 0, 0, 0.25),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --card-hover-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 3px 4px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --drop-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10));
  --inset-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow2: 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow3: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  --box-shadow4: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  --box-shadow5: 2px -3px 3px 0px rgba(0, 0, 0, 0.15);
  --box-shadow6: 0px 1px 2px -1px rgba(0, 0, 0, 0.25);
  --box-shadow7: 2px 2px 4px -1px rgba(0, 0, 0, 0.75);
  --drop-shadow1:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  --drop-shadow2:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  --card-height: 525px;
  --bg-tint1: rgba(33, 89, 168, 90%);
  --bg-tint2: rgba(0, 0, 0, 0.6);
  /*survey colors*/
  --sc1: #a3e7f5;
  --sc2: #ffee00;
  --sc3: #ffc20e;
  --sc4: #80bd41;
  --sc5: #c9c9c9;
  /*dataset colors*/
  --ds1:#d9e3f2;
  --ds-h1:var(--blue1);
  --ds2:#d9f2e5;
  --ds-h2:#42b577;
  --ds3:#fcd5d3;
  --ds-h3:#bd605b;
  --ds4:#fcd5d3;
  --ds-h4:#ee9058;
  --ds5:#fff3cf;
  --ds-h5:var(--sc3);
  --ds6:#e1d2e3;
  --ds-h6:#884b90;
  --ds7:#d2eef9;
  --ds-h7:#1cabe2;
  --light-blue:#0e95Ca33; }

.high-contrast-mode {
  --primary-color:var(--hc-color);
  --primary-hover:var(--hc-hover);
  --blue1: var(--hc-color-secondary);
  --regular-accent-action:var(--hc-regular-accent-action);
  --regular-accent-action-hover:var(--hc-regular-accent-action-hover); }

/*dropdown*/
.dropdown-custom {
  position: relative; }
  .dropdown-custom.dropdown-open .selected-item {
    box-shadow: var(--outline-btn-shadow-hover);
    background-color: var(--white);
    border-color: var(--white);
    border-radius: 5px 5px 0 0; }
    .dropdown-custom.dropdown-open .selected-item:after {
      transform: rotate(-180deg);
      margin-top: -5px; }
  .dropdown-custom.dropdown-open ul {
    display: block; }
    .dropdown-custom.dropdown-open ul::before {
      position: absolute;
      content: '';
      background: var(--white);
      width: 100%;
      height: 4px;
      top: -4px;
      pointer-events: none; }
  .dropdown-custom .selected-item {
    font-size: 0.875rem;
    line-height: 1.28;
    padding: 10px;
    color: var(--primary-color);
    border: 3px solid;
    border-radius: 5px;
    font-weight: var(--primary-bold);
    min-width: 160px;
    display: inline-flex;
    height: 38px;
    align-items: center; }
    .dropdown-custom .selected-item:after {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      width: 11px;
      height: 7px;
      font-family: var(--unicef-icon);
      content: "\e94a";
      font-size: 11px;
      line-height: 0;
      color: var(--primary-color);
      display: flex;
      align-items: center;
      background: var(--white);
      border-radius: 0 5px 5px 0; }
    .dropdown-custom .selected-item:active, .dropdown-custom .selected-item:hover {
      color: var(--primary-color); }
  .dropdown-custom ul {
    margin: 0;
    list-style: none;
    background: var(--white);
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 0;
    box-shadow: var(--outline-btn-shadow-hover);
    z-index: 1;
    border-radius: 0 0 5px 5px;
    display: none; }
    .dropdown-custom ul a {
      display: block;
      font-size: 0.875rem;
      padding: 8px 12px;
      color: var(--regular-gray1);
      font-weight: var(--primary-bold);
      line-height: 1.28; }
      .dropdown-custom ul a:hover {
        background: var(--regular-gray6);
        color: var(--regular-gray1); }
      .dropdown-custom ul a:active {
        background: var(--regular-gray5);
        color: var(--regular-gray1); }

.dropdown-style-2 {
  line-height: 0; }
  .dropdown-style-2 .selected-item {
    border: transparent;
    font-size: 1.25rem;
    line-height: 1.3;
    width: 100%;
    background: var(--white);
    color: var(--blue1);
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dropdown-style-2 .selected-item:after {
      width: 38px;
      height: 100%;
      right: 0;
      border-left: 1px solid var(--regular-gray5);
      display: flex;
      align-items: center;
      justify-content: center; }
    .dropdown-style-2 .selected-item:hover, .dropdown-style-2 .selected-item:active {
      color: var(--blue1); }
  .dropdown-style-2.dropdown-open ul:before {
    display: none; }
  .dropdown-style-2.dropdown-open .selected-item {
    border-color: var(--regular-gray5); }
    .dropdown-style-2.dropdown-open .selected-item:after {
      transform: rotate(180deg) translateY(50%);
      border-left: none;
      border-right: 1px solid var(--regular-gray5);
      margin: 0;
      border-radius: 5px 0 0 5px;
      height: calc(100% - 1px); }

.dropdown-tab-big .selected-item {
  box-shadow: var(--outline-btn-shadow-hover); }

.select-style-1 .select2-search--dropdown {
  display: none; }
.select-style-1 .select2-container--default {
  height: 38px;
  min-width: 150px; }
  .select-style-1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    box-shadow: var(--outline-btn-shadow-hover);
    background-color: var(--white);
    border-color: var(--white);
    border-radius: 5px 5px 0 0;
    min-width: 150px; }
  .select-style-1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    transform: rotate(-180deg);
    margin-top: -5px; }
  .select-style-1 .select2-container--default .select2-selection--single {
    border: none;
    background: transparent;
    border-radius: 0; }
    .select-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 7px;
      top: 15px;
      right: 12px; }
      .select-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
        position: static;
        margin: 0; }
        .select-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 11px;
          height: 7px;
          font-family: var(--unicef-icon);
          content: "\e94a";
          font-size: 11px;
          line-height: 0;
          color: var(--primary-color);
          display: flex;
          align-items: center; }
    .select-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 0.875rem;
      line-height: 1.28;
      padding: 10px;
      color: var(--primary-color);
      border: 3px solid;
      border-radius: 5px;
      font-weight: var(--primary-bold);
      min-width: 160px;
      display: inline-flex;
      height: 38px;
      align-items: center;
      width: 100%;
      box-shadow: var(--box-shadow2); }
      .select-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered:active, .select-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
        color: var(--primary-color); }

.select2-dropdown {
  box-shadow: var(--outline-btn-shadow-hover);
  background: var(--white);
  border: none;
  z-index: 1; }

.select2-container--default .select2-results > .select2-results__options {
  overflow: auto;
  max-height: 210px; }
  .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 5px; }
  .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--regular-gray5); }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--regular-gray6);
  color: var(--regular-gray1); }
.select2-container--default .select2-results__option {
  display: block;
  font-size: 0.875rem;
  padding: 8px 12px;
  color: var(--regular-gray1);
  font-weight: var(--primary-bold);
  line-height: 1.28; }
.select2-container--default .select2-results__option--selected {
  background: transparent; }

.select-style-2.label-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--blue1); }
.select-style-2 .select2-container--default {
  height: 38px;
  min-width: 270px; }
  .select-style-2 .select2-container--default.select2-container--open .select2-selection--single {
    border-bottom: 1px solid var(--regular-gray5); }
    .select-style-2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
      border-color: var(--white);
      border-radius: 5px 5px 0 0;
      color: var(--regular-gray5); }
      .select-style-2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered:hover {
        color: var(--regular-gray5); }
    .select-style-2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
      transform: rotate(180deg) translateY(50%);
      border-left: none;
      border-right: 1px solid var(--regular-gray5); }
  .select-style-2 .select2-container--default .select2-selection--single {
    border: none;
    background: var(--white);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    height: 100%; }
    .select-style-2 .select2-container--default .select2-selection--single:hover .select2-selection__arrow b:after {
      color: var(--primary-hover); }
    .select-style-2 .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 100%;
      top: 0;
      right: 0;
      width: 40px; }
      .select-style-2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
        position: static;
        margin: 0;
        background-color: var(--white);
        width: 100%;
        height: calc(100% - 1px);
        display: block;
        border-radius: 6px; }
        .select-style-2 .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
          width: 40px;
          height: 100%;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          border-left: 1px solid var(--regular-gray5);
          font-family: var(--unicef-icon);
          content: "\e94a";
          font-size: 12px;
          line-height: 0;
          color: var(--primary-color);
          display: flex;
          align-items: center;
          justify-content: center; }
    .select-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered {
      height: 38px;
      position: relative;
      font-size: 0.875rem;
      line-height: 1.28;
      font-weight: var(--primary-regular);
      color: var(--regular-gray1);
      display: flex;
      align-items: center;
      padding: 6px 10px;
      cursor: pointer;
      margin: 0; }
      .select-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered:active, .select-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
        color: var(--regular-gray1); }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  border-bottom: 1px solid var(--regular-gray5);
  font-size: 0.875rem;
  line-height: 1.28;
  font-weight: 400;
  color: var(--regular-gray5);
  background: url("/sites/mics/themes/custom/mics/components/images/icons/filter/Icon-search.svg") no-repeat right center;
  padding-right: 20px;
  height: 27px;
  display: block;
  width: 100%;
  border-radius: 0; }
  .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none; }
  .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: var(--regular-gray5); }

.select-drop-style-2 {
  padding: 12px 0;
  z-index: 1; }
  .select-drop-style-2 .select2-results__message {
    display: none; }
  .select-drop-style-2 .select2-dropdown--below {
    border-radius: 0 0 5px 5px; }
  .select-drop-style-2 .select2-search__field {
    padding: 1px; }
  .select-drop-style-2 .select2-search--dropdown {
    padding: 0 10px;
    margin-bottom: 6px; }
  .select-drop-style-2 .select2-results__option {
    font-size: 0.875rem;
    line-height: 1.28;
    font-weight: var(--primary-regular);
    color: var(--regular-gray1);
    padding: 3px 10px; }
  .select-drop-style-2 .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--regular-gray6); }

.select-style-3 .select2-container--default .select2-selection--single {
  border: none;
  height: 18px;
  border-radius: 0;
  display: flex;
  align-items: center;
  background: transparent; }
  .select-style-3 .select2-container--default .select2-selection--single:hover .select2-selection__rendered {
    color: var(--primary-color); }
.select-style-3 .select2-container--default .select2-selection__arrow {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/header/down-arrow.svg") no-repeat right center;
  height: 18px;
  top: 0; }
  .select-style-3 .select2-container--default .select2-selection__arrow b {
    display: none; }
.select-style-3 .select2-container--default .select2-selection__rendered {
  color: var(--regular-gray3);
  font-size: 0.75rem; }

.high-z-index {
  z-index: 6; }

.select-multiple-dropdown .select2-results__option {
  position: relative;
  padding-left: 30px; }
  .select-multiple-dropdown .select2-results__option:before {
    content: '';
    background: url("/sites/mics/themes/custom/mics/components/images/icons/checkbox/default.svg") no-repeat left center;
    position: absolute;
    left: 10px;
    top: 4px;
    width: 14px;
    height: 14px; }
  .select-multiple-dropdown .select2-results__option.select2-results__option--selected::before {
    background: url("/sites/mics/themes/custom/mics/components/images/icons/checkbox/checked.svg") no-repeat left center; }

.select-style-multi .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  padding: 3px 19px 3px 8px;
  align-items: center;
  background: var(--primary-light);
  border-radius: 15px;
  border: none;
  height: auto;
  font-size: 0.75rem;
  color: var(--regular-gray3);
  margin-right: 8px;
  font-weight: var(--primary-bold);
  flex-shrink: 0;
  margin: 6px 0 6px 6px; }
  .select-style-multi .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
    margin-left: 0; }
.select-style-multi .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 0;
  background: url("/sites/mics/themes/custom/mics/components/images/icons/filter/x-sign.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  display: inline-block;
  right: 10px;
  left: auto;
  top: 7px;
  border: none;
  border-radius: 0; }
.select-style-multi .select2-container {
  border: none;
  background: var(--white);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  height: 100%; }
  .select-style-multi .select2-container:after {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid var(--regular-gray5);
    font-family: var(--unicef-icon);
    content: "\e94a";
    font-size: 12px;
    line-height: 0;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; }
  .select-style-multi .select2-container.select2-container--open:after {
    transform: rotate(180deg) translateY(50%);
    border-left: none;
    border-right: 1px solid var(--regular-gray5); }
  .select-style-multi .select2-container .select2-selection--multiple {
    min-height: 38px;
    padding: 0;
    border: none;
    cursor: pointer; }
    .select-style-multi .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: flex;
      margin-bottom: 0;
      cursor: auto;
      position: absolute;
      width: 100%;
      overflow: auto;
      top: 40px;
      left: 0;
      right: 0;
      overflow: auto; }
      .select-style-multi .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px;
        height: 5px; }
      .select-style-multi .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--regular-gray5); }
.select-style-multi .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none; }
.select-style-multi .select2-search--inline .select2-search__field {
  height: 38px;
  padding: 0px 5px;
  margin: 0px;
  display: flex;
  align-items: center;
  line-height: 37px;
  border: none;
  border-bottom: 1px solid var(--regular-gray5);
  font-size: 0.875rem;
  line-height: 1.28;
  font-weight: 400;
  color: var(--regular-gray5);
  background: url("/sites/mics/themes/custom/mics/components/images/icons/filter/Icon-search.svg") no-repeat right center;
  padding-right: 20px;
  height: 32px;
  line-height: 28px;
  display: block;
  width: calc(100% - 55px) !important;
  border-radius: 0;
  padding: 5px;
  margin-left: 8px;
  margin-bottom: 5px; }
  .select-style-multi .select2-search--inline .select2-search__field:focus-visible {
    outline: none; }
  .select-style-multi .select2-search--inline .select2-search__field::placeholder {
    color: var(--regular-gray5); }
.select-style-multi .select2-search--inline .select2-search__field,
.select-style-multi .select2-search--inline .select2-search__field::placeholder {
  font-size: 0.875rem;
  font-weight: var(--primary-regular);
  color: var(--regular-gray1); }

.selected-checked:not(:empty):before {
  content: ":";
  margin-right: 2px; }

.selected-checked {
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.view-filter-enabled legend .fieldset-legend {
  flex-shrink: 0; }

.filter-facet-label {
  flex-shrink: 0; }

.body-pop .download-sub:has(+ .download-pop-table tr:first-child:last-child):after {
  display: none; }

/*# sourceMappingURL=dropdown.css.map */