button {
  background-color: unset;
  border: unset;
  cursor: pointer;
  text-align: left;
  padding: 0;
  line-height: 1.15;
  font-family: "Akrobat"; }

button:focus {
  outline: none; }

.main-container {
  max-width: 80%;
  margin: 0 auto;
  padding: 0 15px; }

.Akrobat {
  font-family: "Akrobat" !important; }

.dashboard-covid-deaths {
  font-family: "Akrobat"; }

.bar-chart-container {
  height: 35rem;
  position: relative; }

.bar-chart-container_shrink {
  height: 35rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.bar-chart_container_buttons_chart {
  flex: 1; }

.button-container {
  min-width: 8rem;
  display: flex;
  margin-top: 7rem;
  flex-direction: column;
  margin-right: 2rem; }

.button-container.desktop {
  display: block; }

.button-container.mobile {
  display: none; }

.button-container_region {
  font-weight: 300; }

.button-container_region.active {
  font-weight: 700;
  color: #ff6666; }

.button-container_devider {
  width: 50%;
  height: 1px;
  background-color: black;
  margin: .25rem 0; }

.chart-button_type {
  color: black;
  background-color: #ededed;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-weight: 500;
  max-width: 17rem;
  text-align: center; }

.chart-button_type.active {
  color: white;
  background-color: black; }

.country-label {
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; }

.inkyfada-loader-container {
  height: 100vh; }
  .inkyfada-loader-container img {
    max-width: 2rem;
    margin: 0 auto; }

.container-chart-description p {
  margin-bottom: 0.75; }

.number-chart {
  font-size: 2.5rem; }

.reaColor {
  color: #ff999a;
  font-size: 1rem; }

.chart-description {
  font-size: 1rem; }

.line-legend {
  width: .75rem;
  display: inline-block;
  border-bottom: 2px dashed black; }

@media screen and (max-width: 1023px) {
  .main-container {
    max-width: 90%;
    margin: 0 auto; }

  .country-label {
    min-width: 60px;
    max-width: 60px; } }
@media screen and (max-width: 768px) {
  .button-container.desktop {
    display: none; }

  .button-container.mobile {
    display: flex; }

  .button-container {
    min-width: unset;
    width: 100%;
    display: flex;
    margin: 1rem !important;
    flex-direction: row;
    margin-right: unset;
    justify-content: center;
    align-items: center; }
    .button-container button {
      min-width: 8rem;
      text-align: center; }

  .button-container_devider {
    width: 1px;
    min-width: 1px;
    height: 1.5rem;
    background-color: black;
    margin: 0 0.25rem;
    line-height: 1 !important; } }
body.rtl .Akrobat {
  font-family: "Tanseek" !important; }
body.rtl .country-label {
  direction: rtl !important; }
  body.rtl .country-label span {
    font-family: "Tanseek" !important; }
body.rtl .button-container_region, body.rtl .chart-button_type, body.rtl .density_vs_number-button_container {
  font-family: "Tanseek"; }
body.rtl .highchart-custom-tooltip {
  text-align: right !important;
  font-family: "Tanseek" !important;
  direction: rtl !important;
  background-color: white;
  opacity: .85;
  padding: 1rem;
  border-radius: 5px;
  font-size: 1.2rem; }
body.rtl .label-xAxis {
  font-family: "Tanseek" !important;
  font-size: 1rem; }
body.rtl .custom-legend {
  direction: rtl;
  font-family: "Tanseek" !important;
  font-size: 1rem; }
  body.rtl .custom-legend .symbol-legend {
    width: 1.25rem; }
  body.rtl .custom-legend span {
    display: inline-block !important; }
body.rtl .highchart-custom-labels-axis {
  font-family: "Tanseek" !important;
  font-size: 1rem; }

.chart_death-last-7-days_container {
  display: flex; }

.density_vs_number-button_container {
  display: flex; }

@media screen and (max-width: 768px) {
  .chart_death-last-7-days_container {
    flex-direction: column; } }
.chart-percentage-fatality_container .button-container {
  margin-top: 3rem; }

@media screen and (max-width: 768px) {
  .chart-percentage-fatality_container {
    flex-direction: column; } }
.chart-test-density_container .button-container {
  margin-top: 3rem; }

@media screen and (max-width: 768px) {
  .chart-test-density_container {
    flex-direction: column; } }
body.rtl .container-chart-description {
  direction: rtl !important;
  transform: translate(-100%, 0);
  text-align: right; }

@media screen and (max-width: 768px) {
  .chart-state-density_container {
    padding-left: 0rem; } }
@media screen and (max-width: 768px) {
  .chart-proximate-statistic_container {
    padding-left: 0; } }
@media screen and (max-width: 768px) {
  .chart-cases-death_container {
    padding-left: 0; } }

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