body {
  margin: 0;
  padding: 0;
  background-color: #F5F5F5;
  font-family: "Roboto", sans-serif;
  color: #474747;
}

img {
  max-width: 100%;
  height: auto;
}

.form-check-input {
  border-width: 0.125rem;
  width: 1.125rem;
  height: 1.125rem;
  border-color: #1CB0EA;
  background-color: #fff;
}
.form-check-input:checked {
  background-color: #1CB0EA;
  border-color: #1CB0EA;
}

.breadcrumb {
  margin-bottom: 0.25rem;
}
.breadcrumb a {
  text-decoration: none;
  color: inherit;
}

.table-striped {
  --bs-table-striped-bg: #F5FCFF;
}

.table-striped tbody tr:last-child > td {
  border-bottom-width: 0;
}

.card {
  --bs-card-cap-bg: #eaf9ff ;
}

.homepage-wrapper {
  display: grid;
  gap: 0.7rem;
}
@media screen and (min-width: 1000px) {
  .homepage-wrapper {
    grid-template-columns: 16rem 1fr 24rem !important;
  }
}
.homepage-wrapper.map-expanded {
  overflow: hidden;
  grid-template-columns: 1fr !important;
}
.homepage-wrapper.map-expanded > div {
  transition: 0.2s linear;
}
.homepage-wrapper.map-expanded .page-map {
  padding: 0 1rem;
}
.homepage-wrapper.map-expanded .page-sidebar {
  transform: translateX(-16rem);
  width: 16rem;
}
.homepage-wrapper.map-expanded .page-content {
  transform: translateX(24rem);
  width: 24rem;
}
@media screen and (max-width: 999px) {
  .homepage-wrapper > div {
    padding: 1rem;
  }
}

.page-wrapper {
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 1000px) {
  .page-wrapper {
    grid-template-columns: 16rem 1fr !important;
    align-items: start;
  }
  .page-wrapper .page-sidebar {
    position: sticky;
    top: 50px;
  }
}

.header-main {
  background-color: #1CB0EA;
  position: sticky;
  top: 0;
  display: grid;
  justify-content: space-between;
  gap: 0.625rem;
  align-items: center;
  color: #FFffff;
  z-index: 9999;
  grid-template-columns: auto auto auto;
}
@media screen and (min-width: 1300px) {
  .header-main {
    grid-template-columns: 16rem 1fr 9rem;
  }
}
@media screen and (max-width: 767px) {
  .header-main {
    grid-template-columns: 40px 1fr 40px;
    padding: 1rem;
  }
  .header-main .header-logo {
    padding: 0;
  }
}
.header-main img {
  display: block;
}
.header-main h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
}
.header-logo {
  display: flex;
  gap: 0.313rem;
  justify-content: space-between;
  padding: 0.25rem 1rem;
}
@media screen and (min-width: 1300px) {
  .header-logo {
    border-right: 0.063rem solid #0895CD;
  }
}
.header-logo button {
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 1300px) {
  .header-logo button {
    display: none;
  }
}
.header-button {
  padding: 0.25rem 1rem;
}
.header-button a {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  text-decoration: none;
  color: #FFffff;
  background-color: rgba(30, 159, 210, 0.7);
  border: 0.063px solid #0087BD;
  border-radius: 0.25rem;
  padding: 0.188rem 1rem;
  transition: 0.3s;
}
.header-button a:hover {
  background-color: #0087BD;
}
@media screen and (max-width: 767px) {
  .header-button {
    padding: 0;
  }
  .header-button a {
    padding: 5px;
    border: 0;
    gap: 0;
  }
  .header-button span {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .header-filter-trigger {
    display: none;
  }
}
.header-filter-trigger button {
  background-color: transparent;
  border: none;
}

.page-sidebar {
  background-color: #fff;
  border-right: 1px solid #E6E6E6;
}
@media screen and (min-width: 1000px) {
  .page-sidebar {
    min-height: calc(100vh - 6.125rem);
    padding: 1.25rem;
  }
}

@media screen and (min-width: 1000px) {
  .sidebar-filter-area {
    margin-bottom: 1.875rem;
  }
  .sidebar-filter-area .vaccine-filter-dropdown-group {
    display: none;
  }
}
.sidebar-filter-area > div {
  margin-bottom: 1rem;
}
.sidebar-filter-area .filter-action {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
}
.sidebar-filter-area button {
  padding: 0.625rem 0.25rem;
  border: 1px solid #DDD;
  font-family: "Roboto Condensed", sans-serif;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to left, #1CB0EA 50%, #fff 50%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
}
.sidebar-filter-area button:after {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  display: block;
  position: absolute;
  background-color: #EDFAFF;
  left: -1.25rem;
  top: -1.25rem;
  border-radius: 0.625rem;
  transition: 0.8s;
}
.sidebar-filter-area button:hover:after {
  transform: scale(18);
  opacity: 0;
}
.sidebar-filter-area button:hover, .sidebar-filter-area button.active {
  background-color: #1CB0EA;
  color: #fff;
  border-color: #1CB0EA;
  background-position: -100%;
}
@media screen and (max-width: 999px) and (min-width: 600px) {
  .sidebar-filter-area {
    display: grid;
    grid-template-columns: 130px repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.5rem;
    align-items: end;
  }
  .sidebar-filter-area .vaccine-filter-checkbox-group {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .sidebar-filter-area .vaccine-filter-checkbox-group {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .sidebar-filter-area .from-group:first-child, .sidebar-filter-area .from-group:last-child {
    grid-column: span 2;
  }
}

.from-group label {
  font-size: 0.875rem;
  line-height: 100%;
}
.from-group > label {
  display: block;
}
.from-group .custom-label {
  margin-bottom: 0.625rem;
  display: block;
}
.from-group .form-check:not(.form-check-inline) {
  margin-bottom: 0.875rem;
}
.from-group .vaccine-filter-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.from-group .form-select {
  --bs-form-select-bg-img: url('data:image/svg+xml,<svg width="29" height="17" viewBox="0 0 29 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 17L28.7894 0.5H0.210581L14.5 17Z" fill="%23888888"/></svg>');
  background-size: 8px;
  background-position: right 0.5rem center;
}

.page-map {
  position: relative;
  min-height: calc(100vh - 6.125rem);
}

.coverage-map-wrapper {
  background-color: #fff;
  padding: 0.125rem;
  border: 0.063rem solid #E6E6E6;
  height: calc(100% - 2.188rem);
  margin-bottom: 0.5rem;
  position: relative;
}

.map-coverage {
  text-align: center;
}

.map-legends {
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.5rem;
  backdrop-filter: blur(8px);
  border-radius: 0 0 0 0.25rem;
  z-index: 999;
}
.map-legends > div.map-legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.823rem;
}
.map-legends > div.map-legend-item span {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #cccccc;
}
.map-legends > div.map-legend-item.coverage-below-80 span {
  background-color: #FF4C4C;
}
.map-legends > div.map-legend-item.coverage-80 span {
  background-color: #F7931E;
}
.map-legends > div.map-legend-item.coverage-85 span {
  background-color: #EDED9D;
}
.map-legends > div.map-legend-item.coverage-90 span {
  background-color: #A6D96A;
}
.map-legends > div.map-legend-item.coverage-95 span {
  background-color: #2CA25F;
}

.map-controller {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  border-radius: 0.25rem;
  display: grid;
  gap: 0.5rem;
  z-index: 999;
}
.map-controller button {
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(28, 176, 234, 0.2);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  border: 1px solid #E6E6E6;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(8px);
}
.map-controller button:after {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  display: block;
  position: absolute;
  background-color: #EDFAFF;
  left: -1.125rem;
  top: -1.125rem;
  border-radius: 0.25rem;
  transition: 0.8s;
}
.map-controller button:hover:after {
  transform: scale(18);
  opacity: 0;
}

.map-type-selection {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.5rem;
  z-index: 999;
}
.map-type-selection button {
  height: 2.5rem;
  background-color: #fff;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(8px);
  border: 1px solid #E6E6E6;
  position: relative;
  overflow: hidden;
}
.map-type-selection button:after {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  display: block;
  position: absolute;
  background-color: #EDFAFF;
  left: -1.125rem;
  top: -1.125rem;
  border-radius: 0.25rem;
  transition: 0.8s;
}
.map-type-selection button:hover, .map-type-selection button.active {
  background: rgba(28, 176, 234, 0.2);
  border-color: rgba(28, 176, 234, 0.2);
}
.map-type-selection button:hover:after, .map-type-selection button.active:after {
  transform: scale(18);
  opacity: 0;
}

#map {
  width: 100%;
  height: 100%;
}

.page-content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-right: 1rem;
}

.app-card {
  padding: 0.625rem;
  border: 0.063rem solid #E6E6E6;
  background-color: #fff;
  border-radius: 0.25rem;
}
.app-card p {
  margin: 0;
}
.app-card p.card-title {
  line-height: 1.25rem;
}
.app-card .table-sm {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.app-card.mb-8 {
  margin-bottom: 0.5rem;
}

.info-card {
  background-color: #1CB0EA;
  color: #ffffff;
}
.info-card h3 {
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.info-card.total-children-card {
  background-position: right 0.5rem top 0.75rem;
  background-repeat: no-repeat;
}
.info-card.doses-administered-card {
  background-image: url('data:image/svg+xml,<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M10.2494 29.0415H8.54102C7.60144 29.0415 6.79738 28.7072 6.12885 28.0387C5.46033 27.3702 5.12549 26.5656 5.12435 25.6248V12.8123C4.64033 12.8123 4.23488 12.6483 3.90802 12.3203C3.58116 11.9923 3.41716 11.5869 3.41602 11.104C3.41488 10.6211 3.57888 10.2157 3.90802 9.88767C4.23716 9.55967 4.6426 9.39567 5.12435 9.39567H10.2494V6.83317H9.39519C8.91116 6.83317 8.50571 6.66917 8.17885 6.34117C7.85199 6.01317 7.68799 5.60773 7.68685 5.12484C7.68572 4.64195 7.84972 4.2365 8.17885 3.9085C8.50799 3.5805 8.91344 3.4165 9.39519 3.4165H14.5202C15.0042 3.4165 15.4102 3.5805 15.7382 3.9085C16.0662 4.2365 16.2297 4.64195 16.2285 5.12484C16.2274 5.60773 16.0634 6.01374 15.7365 6.34288C15.4097 6.67202 15.0042 6.83545 14.5202 6.83317H13.666V9.39567H18.791C19.275 9.39567 19.6811 9.55967 20.0091 9.88767C20.3371 10.2157 20.5005 10.6211 20.4994 11.104C20.4982 11.5869 20.3342 11.9929 20.0074 12.322C19.6805 12.6512 19.275 12.8146 18.791 12.8123V25.6248C18.791 26.5644 18.4568 27.369 17.7882 28.0387C17.1197 28.7084 16.3151 29.0426 15.3744 29.0415H13.666V36.729C13.666 37.213 13.502 37.619 13.174 37.947C12.846 38.275 12.4406 38.4385 11.9577 38.4373C11.4748 38.4362 11.0694 38.2722 10.7414 37.9453C10.4134 37.6185 10.2494 37.213 10.2494 36.729V29.0415ZM8.54102 25.6248H15.3744V23.0623H12.3848C12.0431 23.0623 11.7441 22.9342 11.4879 22.678C11.2316 22.4217 11.1035 22.1227 11.1035 21.7811C11.1035 21.4394 11.2316 21.1405 11.4879 20.8842C11.7441 20.628 12.0431 20.4998 12.3848 20.4998H15.3744V17.9373H12.3848C12.0431 17.9373 11.7441 17.8092 11.4879 17.553C11.2316 17.2967 11.1035 16.9978 11.1035 16.6561C11.1035 16.3144 11.2316 16.0155 11.4879 15.7592C11.7441 15.503 12.0431 15.3748 12.3848 15.3748H15.3744V12.8123H8.54102V25.6248ZM25.6244 37.5832C24.6848 37.5832 23.8807 37.2489 23.2122 36.5804C22.5437 35.9118 22.2088 35.1072 22.2077 34.1665V23.0623C22.2077 22.2366 22.35 21.5533 22.6348 21.0123C22.9195 20.4714 23.2184 20.0016 23.5316 19.603C23.8448 19.2043 24.1296 18.8843 24.3858 18.6429C24.6421 18.4014 24.7702 18.1663 24.7702 17.9373V17.0832C24.2862 17.0832 23.8807 16.9197 23.5539 16.5929C23.227 16.266 23.063 15.86 23.0619 15.3748C23.0607 14.8897 23.2247 14.4842 23.5539 14.1585C23.883 13.8328 24.2884 13.6688 24.7702 13.6665H33.3118C33.7959 13.6665 34.2019 13.8305 34.5299 14.1585C34.8579 14.4865 35.0213 14.8919 35.0202 15.3748C35.019 15.8577 34.855 16.2637 34.5282 16.5929C34.2013 16.922 33.7959 17.0854 33.3118 17.0832V17.9373C33.3118 18.1651 33.4542 18.4214 33.7389 18.7061C34.0237 18.9908 34.3368 19.3325 34.6785 19.7311C34.9917 20.1297 35.2696 20.5995 35.5122 21.1405C35.7548 21.6814 35.8755 22.3221 35.8743 23.0623V34.1665C35.8743 35.1061 35.5401 35.9107 34.8716 36.5804C34.203 37.25 33.3984 37.5843 32.4577 37.5832H25.6244ZM25.6244 23.9165H32.4577V23.0623C32.4577 22.6352 32.3296 22.2651 32.0733 21.9519C31.8171 21.6387 31.5323 21.2971 31.2191 20.9269C30.9059 20.5568 30.607 20.1439 30.3223 19.6884C30.0375 19.2328 29.8952 18.6491 29.8952 17.9373V17.0832H28.1869V17.9373C28.1869 18.6207 28.0513 19.1901 27.7803 19.6457C27.5092 20.1012 27.2177 20.5141 26.9056 20.8842C26.5935 21.2543 26.3014 21.6034 26.0292 21.9314C25.757 22.2594 25.6221 22.6364 25.6244 23.0623V23.9165ZM25.6244 34.1665H32.4577V31.604H25.6244V34.1665Z" fill="%23058CC2"/></g></svg>');
  background-position: right 0.5rem top 0.75rem;
  background-repeat: no-repeat;
}

.info-card-wrapper {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 999px) and (min-width: 599px) {
  .info-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1600px) {
  #pieChart {
    height: 11.5rem !important;
  }
  #areaChart {
    height: 15rem !important;
  }
}
.page-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.313rem 1rem;
  background-color: #FFFFFF;
  border-top: 0.063rem solid #E6E6E6;
  font-size: 0.625rem;
}
@media screen and (min-width: 767px) {
  .page-footer {
    position: sticky;
    bottom: 0;
    z-index: 999;
  }
}
@media screen and (max-width: 767px) {
  .page-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem;
  }
}
.page-footer > div .d-flex {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .page-footer > div:nth-child(1), .page-footer > div:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
  }
  .page-footer > div:nth-child(1) .d-flex, .page-footer > div:nth-child(2) .d-flex {
    justify-content: center;
  }
  .page-footer > div:nth-child(2) {
    order: 6;
  }
  .page-footer > div:nth-child(4) .d-flex {
    justify-content: end;
  }
  .page-footer > div > p {
    display: none;
  }
}
.page-footer p {
  margin: 0;
}

#back-trigger {
  display: none;
}
@media screen and (max-width: 999px) {
  #back-trigger {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9999;
    background-color: #1CB0EA;
    border: 0.063rem solid #fff;
    border-radius: 40px;
    padding: 0.5rem;
    color: #fff;
    transition: 0.3s;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#back-trigger > span {
  display: block;
  text-indent: -9999px;
  color: #1CB0EA;
}

.select2-container .select2-selection--single {
  height: 38px !important;
  border-color: #dee2e6 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

/*# sourceMappingURL=main-style.css.map */