/* Start:/local/components/otp/utils.exchange_rate_smart/templates/.default/exchange_rate_smart.css?17032582262261*/
.exchange_rate_arc {
  margin:                    0px;
  padding:                   0px;
}
#exchange-all {
    padding:                0px 15px;
}
.exchange-rowtitle {
    background-color:       #EEEEEE;
    padding:                20px 0px;
    text-align:             center;
}

.exchange-box {
    background-color:       #FFFFFF;
    padding:                0px 15px;
    border-top:             1px solid #DDDDDD;
    border-right:           1px solid #DDDDDD;
    box-shadow:             -1px 0px 0px 0px #DDDDDD;
}

.exchange-text,
.exchange-value {
  border-bottom:             1px solid #DDDDDD;
  text-align:                center;
  vertical-align:            middle;
  font-size:                 16px;
  font-family:               'Regular','Arial',sans-serif;
  color:                     #444444;
  line-height:               normal;
  padding-top:               18px;
  height:                    62px;
}
.exchange-text {
  text-align:                left;
}
.exchange-value {
  text-align:                center;
}
div.exchange-first {
  border-left:              none;
  box-shadow:               1px 0px 0px 0px #DDDDDD;
}
div.exchange-last {
  border-right:             none;
  box-shadow:               -1px 0px 0px 0px #DDDDDD;
}
.title-box {
    text-align:             right;
    display:                table;
    width:                  100%;
}
.title-box h3 {
    display:                table-cell;
    vertical-align:         middle;
    height:                 52px;
    margin:                 0px;
}
.exchange-top .filter-box {
    padding:                4px 0px;
    text-align:             left;
}
input.another_date {
  border:                    1px solid #DD0000!important;
}
.exchange-top {
    margin:                 50px 0px;
}
div.exchange-top img {
   right:                   20px;
   top:                     9px;
}
.remark {
    text-align:             center;
}
.remark-box {
    text-align:             left;
    display:                inline-block;
}
.renew {
    font-weight:            bold;
    padding:                0px 10px;
}


@media screen and (max-width: 767px) {
    
    .exchange-rowtitle > div:first-child { 
        padding:            0 0 20px; 
        font-weight:        bold;
    }
    
}

/* End */
/* /local/components/otp/utils.exchange_rate_smart/templates/.default/exchange_rate_smart.css?17032582262261 */