.rtl {
  direction: rtl; }

button {
  margin: 0 1rem 0 1rem;
  justify-content: center; }

body.rtl button {
  line-height: 2rem; }

.choose {
  margin-right: 0.5rem; }

@media (max-width: 768px) {
  button {
    margin: 0.5rem; } }
button:focus {
  outline: none; }

button.active {
  color: white;
  background-color: black;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-family: "Akrobat";
  font-weight: 500; }

body.rtl button,
body.rtl .indicator-description,
body.rtl .choose,
body.rtl .last-update {
  font-family: Tanseek !important; }

body.rtl button {
  line-height: 2rem; }

.choose {
  margin-right: 0.5rem; }

button {
  color: black;
  background-color: #ededed;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-family: "Akrobat";
  font-weight: 500;
  min-width: fit-content; }

@media (max-width: 768px) {
  button {
    margin: 0.5rem; }

  /* #map{
      max-height: 300px;
  } */ }
button:focus {
  outline: none; }

.wrapper {
  text-align: center; }

button.active {
  color: white;
  background-color: black;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-family: "Akrobat";
  font-weight: 500; }

.rtl {
  direction: rtl; }

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

.map-container {
  font-family: "Akrobat";
  position: relative; }
  .map-container input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    position: relative;
    z-index: 3;
    margin: 0 5px; }
  .map-container input[type="range"]:hover {
    opacity: 1; }
  .map-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #1b3541;
    border-radius: 12.5px;
    cursor: pointer; }
  .map-container input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #d3d3d3;
    border-radius: 12.5px;
    cursor: pointer; }

.map-tunsie {
  font-family: "Akrobat";
  position: relative;
  z-index: 3;
  width: 700px;
  height: 700px; }

.label-container {
  position: absolute;
  top: 1rem;
  font-weight: 700;
  transform: translateX(-50%);
  font-size: "2em";
  z-index: 3;
  font-size: 30px;
  display: flex; }

@media screen and (max-width: 1023px) {
  .map-tunsie {
    /* width: 100%; */
    margin: 0 15px; } }
body.rtl button {
  line-height: 2rem; }

.choose {
  margin-right: 0.5rem; }

button {
  color: black;
  background-color: #ededed;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-family: "Akrobat";
  font-weight: 500;
  min-width: 19rem; }

@media (max-width: 768px) {
  button {
    margin: 0.5rem; } }
button:focus {
  outline: none; }

button.active {
  color: white;
  background-color: black;
  border-radius: 5px;
  outline: none;
  border: none;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-family: "Akrobat";
  font-weight: 500; }

.highcharts-title {
  y: 50; }

@media (max-width: 768px) {
  .chart-22 {
    margin: 0 !important;
    justify-content: center; }

  #chart-2-1, #chart-2-2 {
    width: 45%;
    height: 300px;
    margin: 0 !important; } }

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