.exchange-container {
  background-color: #FFFFFF;
  border-left: #FFFFFF 100px solid;
  border-right: #FFFFFF 100px solid;
  height: 100%;
}

.exchange-container:after {
  content: '';
  clear: both;
  display: block;
}

.exchange-container .center,
.exchange-container .left,
.exchange-container .right {
  overflow: hidden;
  position: relative;
}

.exchange-container .center,
.exchange-container .left {
  float: left;
  margin-right: -100%;
}

.exchange-container .center {
  width: 100%;
}

.exchange-container .left {
  left: -100px;
  width: 100px;
}

.exchange-container .right {
  float: right;
  margin-right: -100px;
  width: 100px;
  right: 0px;
}

.ExchangeContent {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.FromCurrency,
.ToCurrency {
  border: 1px solid #EBEBEB;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  min-height: 35em;
}


.from-currency,
.to-currency {
  display: block;
  border: 1px solid white;
  padding-top: 3px;
  padding-bottom: 2px;
  margin-bottom: 3px;
  background: #FFFFFF;
}

.from-currency:hover,
.to-currency:hover {
  cursor: pointer;
}

.progress-bar {
  clear: both;
  border: 1px solid #008000;
  background-color: #E7F2D7;
  height: 17px;
  width: 100px;
  padding-right: 1px;
  overflow: hidden;
}

.progress-bar-left {
  float: left;
  background: #008000 url(/images/disc_bar.gif);
  width: 0%;
  height: 17px;
}

.progress-bar-right {
  float: left;
  height: 17px;
}

.CheckResponse {
  color: red;
  min-height: 3em;
}