/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*! CSS Used from: https://fonts.googleapis.com/icon?family=Material+Icons */

.material-icons {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.red {
  background-color: #f44336 !important;
}

.red-text {
  color: #f44336 !important;
}

.red.accent-2 {
  background-color: #ff5252 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.white-text {
  color: #fff !important;
}

/*
  html {
      line-height: 1.15;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
  }
  
  
  body {
    margin: 0;
  }
  
  footer,
  header,
  nav {
    display: block;
  }
  */

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

b {
  font-weight: inherit;
}

b {
  font-weight: bolder;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

.z-depth-2 {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.hoverable {
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

i {
  line-height: inherit;
}

i.left {
  float: left;
  margin-right: 6px;
}

i.right {
  float: right;
  margin-left: 6px;
}

i.large {
  font-size: 6rem;
}

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

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

.right-align {
  text-align: right;
}

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

.container {
  margin: 0 auto;
  /* max-width: 1280px; */
  width: 98%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 98%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 98%;
  }
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  border-radius: 2px;
}

.card .card-content {
  padding: 24px 10px;
  border-radius: 0 0 2px 2px;
}

.card .card-content p {
  margin: 0;
}

.btn,
.btn-small {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn,
.btn-small {
  font-size: 14px;
  outline: 0;
}

.btn i,
.btn-small i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn,
.btn-small {
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: 0.5px;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  cursor: pointer;
}

.btn-small:hover,
.btn:hover {
  background-color: #2bbbad;
}

.btn-small i {
  font-size: 1.2rem;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/*! CSS Used from: https://teamtigers.github.io/coronainfobd/assets/css/minified/map-style.min.css */

.districtLargeArea {
  font-size: 16px;
  fill: #000;
  font-weight: 400;
  font-family: "Hind Siliguri", sans-serif;
  cursor: pointer;
}

.districtMediumArea {
  stroke: #e0e0e0;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
  cursor: pointer;
}

a:hover path,
g:hover path,
path:hover {
  fill: #ffab40;
}

@media only screen and (max-width: 823px) {
  .districtLargeArea {
    font-size: 20px;
  }
}

.st1 {
  font-family: "Hind Siliguri", sans-serif;
}

.sylhetDivision {
  fill: #ff5252;
}

.dhakaDivision {
  fill: #2bbd7e;
}

.khulnaDivision {
  fill: #ff4081;
}

.barishalDivision {
  fill: #03a9f4;
}

.chittagongDivision {
  fill: #ab47bc;
}

.mymenshingDivision {
  fill: #ff7043;
}

.rajshahiDivision {
  fill: #26c6da;
}

.rangpurDivision {
  fill: #ff9800;
}

.btn.waves-effect.waves-light {
  border-radius: 15px;
  margin-bottom: 5px;
}

#desktopIndicator {
  margin-top: 50px;
  max-width: 100%;
  text-align: center;
  padding: 0 20px;
}
.donation-map-help {
  margin-top: 0;
}
@media only screen and (max-width: 800px) {
  #desktopIndicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }
  .btn-small {
    height: 32.4px;
    line-height: 32.4px;
    font-size: 12px;
    margin-right: 2px;
  }
  .btn-small i {
    font-size: 1.2rem;
    line-height: inherit;
  }
}

#selectedDistrictInfoCards {
  display: none;
  margin-top: 50px;
}

/*! CSS Used from: Embedded */

.zc-style {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica,
    Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-shadow: none;
}

.zc-style * {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica,
    Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-shadow: none;
}

.zc-top * {
  text-align: left;
  margin: auto;
  text-shadow: none;
}

.zc-menu * {
  text-align: left;
  margin: auto;
}

.zc-main text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.zc-img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.zc-map {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.zc-menu {
  position: absolute;
  display: none;
  background-repeat: no-repeat !important;
  background-position: 50% 0 !important;
}

.zc-menu-sep {
  font-size: 1px;
  padding: 0;
  line-height: 1px;
  border-bottom: 1px solid #000;
}

.zc-rel {
  top: 0;
  left: 0;
  position: relative;
}

.zc-abs {
  top: 0;
  left: 0;
  position: absolute;
}

/*! CSS Used keyframes */

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/*! CSS Used fontfaces */

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
    format("woff2");
}

@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"),
    url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50vQVKwOs1tqhwg.woff2)
      format("woff2");
  unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
}

@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"),
    url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50ugVKwOs1tqhwg.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"),
    url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50uYVKwOs1to.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

#selectedDistrictCount {
  color: #fff;
}

#selectedDistrictPercentage {
  color: rgb(0, 122, 204);
}

#selectedDivisionCount {
  color: rgb(0, 122, 204);
  color: #fff;
}
.donation-map-wrap {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#selectedDistrictInfoCards,
.donation-map {
  flex: 0 0 100%;
  width: 100%;
}

@media (min-width: 992px) {
  .donation-map-wrap {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .donation-map {
    flex: 0 0 67.666%;
  }
  #selectedDistrictInfoCards {
    flex: 0 0 33.333%;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px auto;
}

/* Zebra striping */
tr:nth-of-type(odd) {
  background: #eeeeee9e;
}

th {
  background: #048fcd;
  color: white;
  font-weight: bold;
}

td,
th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 14px;
}