.exchange-rates {
  padding: 60px 60px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 5px 25px rgba(5, 20, 90, 0.2);
          box-shadow: 0px 5px 25px rgba(5, 20, 90, 0.2);
  border-radius: 8px;
}
.exchange-rates__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.exchange-rates__select {
  width: 100%;
  box-sizing: content-box !important;
  margin-top: 15px;
}
.select2-search--dropdown .select2-search__field {
  outline: none;
}

.exchange-rates__items {
  position: relative;
  margin-top: 49px;
}
.exchange-rates__text {
  margin-top: 31px;
}
.exchange-rates__btn {
  margin-top: 60px;
  display: none;
}
.exchange-rates__btn--mTopSmall {
  margin-top: 25px;
}
.exchange-rates__view--mobile {
  display: none;
}


@media (max-width: 1200px) {
  .exchange-rates {
    padding: 30px 20px;
  }
}
@media (max-width: 1200px) {
  .exchange-rates__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 1200px) {
  .exchange-rates__view {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .exchange-rates__view--mobile {
    display: block;
  }
}
.exchange-rates__items {
  margin-top: 45px;
}
@media (max-width: 1200px) {
  .exchange-rates__btn {
    margin-top: 28px;
    display: inline-block;
    width: 100%;
    display: none;
  }
}


.exchange-table {
  width: 100%;
}
.exchange-table__row:first-child td {
  padding-top: 0px;
  padding-bottom: 12px;
}
.exchange-table__td {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #9799A4;
  border-bottom: 1px solid #E4E6F1;
  padding-bottom: 24px;
  padding-top: 24px;
}
.exchange-table__td--paddingSmall {
  padding-top: 15px;
  padding-bottom: 15px;
}
.exchange-text__p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #282F4F;
  margin-bottom: 7px;
}
.exchange-text__p:last-child {
  margin-bottom: 0px;
}
.exchange-text__p--colorDark {
  color: #05145A;
}
.exchange-text__strong {
  font-weight: 600;
  color: #0F23E1;
}



.main-currency {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-currency__eur {
  margin-left: 20px;
}



.currency-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.currency-block__items {
  margin-left: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.currency-block__item {
  margin-left: 10px;
}
.currency-block__item:first-child {
  margin-left: 0px;
}

.loader {
    width: 24px;
    height: 24px;
    border: 3px solid #ddd;
    border-top: 3px solid #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 10px auto;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

.exchange-rates-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  display: none;
}
.exchange-rates-loading--show {
  display: flex;
}