.cc-midratestable, .cc-midratestable .cc-midratestable-headline, .cc-midratestable .cc-midratestable-row {
  position: relative; 
  color: #555555;
}
.cc-midratestable {
  margin-bottom: 15px;
}
.cc-midratestable .cc-midratestable-headline, .cc-midratestable .cc-midratestable-row {
  display: table; 
  width: 100%;
}
.cc-midratestable .cc-midratestable-headline .table-headline-cell, .cc-midratestable .cc-midratestable-row .column-cell {
  display: table-cell; 
  min-width:99px; 
  vertical-align: 
  middle; text-align: center;
}
.cc-midratestable .cc-midratestable-headline .table-headline-cell {
  padding:14px 5px 4px; 
  background: #f8f8f8; 
  border-top:1px solid #e9edf0; 
  font-size: 14px; 
  font-weight: 700; 
  color: #555555;
}
.cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(2){}
.cc-midratestable .cc-midratestable-headline .table-headline-cell:last-child {
  border-right:1px solid #e9edf0;
}
.cc-midratestable .cc-midratestable-headline .table-first-cell {
  background: transparent; border-top:none; border-left: none;  border-right:1px solid #e9edf0;
}
.cc-midratestable .cc-midratestable-headline .table-first-cell, .cc-midratestable .cc-midratestable-row .row-headline-cell {
  width:126px;
}
.cc-midratestable .flag, .cc-midratestable .flag:before {
  width:28px; height: 20px;
}
.cc-midratestable .cc-midratestable-headline .flag{ 
  display: block; margin:0 auto;
}
.cc-midratestable .cc-midratestable-row{
  border-top:1px solid #e9edf0;
}
.cc-midratestable .cc-midratestable-row:last-child {
  border-bottom:1px solid #e9edf0;
}
.cc-midratestable .cc-midratestable-row .row-headline-cell > div{
  display: inline-block; 
  vertical-align: middle; 
  text-align: right;
}
.cc-midratestable .cc-midratestable-row .flag {
  margin-right: 11px;
}
.cc-midratestable .cc-midratestable-row .column-cell {
  padding:11px 2px; 
}
.cc-midratestable .cc-midratestable-row .row-headline-cell {
  border-left:1px solid #e9edf0; 
  border-right:1px solid #e9edf0; 
  font-size: 14px; 
  font-weight: 700; 
  line-height: 25px; 
  color: #777777;
}
.cc-midratestable .cc-midratestable-row .row-headline-cell span {
  opacity: 0.6;
}
.cc-midratestable .cc-midratestable-row .column-cell:last-child {
  border-right:1px solid #e9edf0;
}
.cc-midratestable .cc-midratestable-row .column-cell a, .cc-midratestable .cc-midratestable-row .column-cell span {
  display: block; 
  line-height: 26px;
}
.cc-midratestable .cc-midratestable-row .column-cell a:first-child, .cc-midratestable .cc-midratestable-row .column-cell span:first-child {
  font-weight: 700;
}
.cc-midratestable .cc-midratestable-row .column-cell span:last-child {
  opacity: 0.6;
}
.cc-midratestable .cc-midratestable-row .column-cell a:hover {
  background: #edf7fb; color: #1695ca;
}
.cc-midratestable .flag:before {
  display: block; 
  content: ''; 
  background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/country-flags-line@2x.png"); 
  background-size: 28px auto; 
  border-radius: 2px;
}
.cc-midratestable .flag:before {
  background: url("../images/country-flag-sprite.png") no-repeat; 
  background-size: 112px auto; 
  background-position: 999em 999em;
}
.cc-midratestable .flag-eur:before {background-position: -84px -39px;}
.cc-midratestable .flag-aed:before {background-position: -56px -39px;}
.cc-midratestable .flag-ars:before {background-position: 0px 0px;}
.cc-midratestable .flag-aut:before {background-position: -84px -234px;}
.cc-midratestable .flag-aud:before {background-position: -28px 0px;}
.cc-midratestable .flag-bel:before {background-position: 0px -254px;}
.cc-midratestable .flag-bgn:before {background-position: 0px -19px;}
.cc-midratestable .flag-bhd:before {background-position: -56px 0px;}
.cc-midratestable .flag-brl:before {background-position: -84px 0px;}
.cc-midratestable .flag-cad:before {background-position: -28px -19px;}
.cc-midratestable .flag-chf:before {background-position: -84px -196px;}
.cc-midratestable .flag-cny:before {background-position: -56px -19px;}
.cc-midratestable .flag-cyp:before {background-position: -28px -255px;}
.cc-midratestable .flag-czk:before {background-position: 0px -39px;}
.cc-midratestable .flag-deu:before {background-position: 0px -255px;}
.cc-midratestable .flag-dkk:before {background-position: -28px -39px;}
.cc-midratestable .flag-est:before {background-position: -56px -254px;}
.cc-midratestable .flag-esp:before {background-position: -28px -314px;}
.cc-midratestable .flag-fra:before {background-position: -84px -255px;}
.cc-midratestable .flag-ghs:before {background-position: -28px -59px;}
.cc-midratestable .flag-hkd:before {background-position: -56px -59px;}
.cc-midratestable .flag-hrk:before {background-position: -84px -19px;}
.cc-midratestable .flag-huf:before {background-position: -84px -59px;}
.cc-midratestable .flag-ils:before {background-position: -28px -78px;}
.cc-midratestable .flag-inr:before {background-position: 0px -79px;}
.cc-midratestable .flag-ita:before {background-position: -84px -274px;}
.cc-midratestable .flag-jmd:before {background-position: -56px -78px;}
.cc-midratestable .flag-jod:before {background-position: 0px -98px;}
.cc-midratestable .flag-jpy:before {background-position: -84px -78px;}
.cc-midratestable .flag-kes:before {background-position: -28px -98px;}
.cc-midratestable .flag-kwd:before {background-position: -56px -97px;}
.cc-midratestable .flag-lux:before {background-position: 0px -294px;}
.cc-midratestable .flag-lva:before {background-position: -84px -98px;}
.cc-midratestable .flag-mad:before {background-position: -84px -117px;}
.cc-midratestable .flag-mtl:before {background-position: -28px -294px;}
.cc-midratestable .flag-mur:before {background-position: -28px -117px;}
.cc-midratestable .flag-mxn:before {background-position: -56px -117px;}
.cc-midratestable .flag-ngn:before {background-position: -28px -137px;}
.cc-midratestable .flag-nld:before {background-position: -56px -294px;}
.cc-midratestable .flag-nok:before {background-position: -56px -137px;}
.cc-midratestable .flag-nzd:before {background-position: 0px -137px;}
.cc-midratestable .flag-omr:before {background-position: -84px -137px;}
.cc-midratestable .flag-php:before {background-position: -28px -157px;}
.cc-midratestable .flag-pkr:before {background-position: 0px -156px;}
.cc-midratestable .flag-pln:before {background-position: -56px -157px;}
.cc-midratestable .flag-prt:before {background-position: -84px -294px;}
.cc-midratestable .flag-qar:before {background-position: -84px -157px;}
.cc-midratestable .flag-ron:before {background-position: 0px -176px;}
.cc-midratestable .flag-rub:before {background-position: -28px -176px;}
.cc-midratestable .flag-sar:before {background-position: -56px -176px;}
.cc-midratestable .flag-sek:before {background-position: -56px -195px;}
.cc-midratestable .flag-sgd:before {background-position: -84px -176px;}
.cc-midratestable .flag-svn:before {background-position: 0px -196px;}
.cc-midratestable .flag-svk:before {background-position: 0px -314px;}
.cc-midratestable .flag-thb:before {background-position: 0px -215px;}
.cc-midratestable .flag-tnd:before {background-position: -56px -215px;}
.cc-midratestable .flag-try:before {background-position: -84px -215px;}
.cc-midratestable .flag-ttd:before {background-position: -28px -215px;}
.cc-midratestable .flag-ugx:before {background-position: 0px -234px;}
.cc-midratestable .flag-gbp:before {background-position: -28px -235px;}
.cc-midratestable .flag-usd:before {background-position: -56px -234px;}
.cc-midratestable .flag-zar:before {background-position: -28px -195px;}

@media (min-width: 768px){
  .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(7), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(7) {
    border-right:1px solid #e9edf0;
  }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(n+8), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(n+8) {
      display: none;
    }
    .cc-midratestable .cc-midratestable-row .column-cell {
      padding: 8px 2px 10px;
    }
    .cc-midratestable .cc-midratestable-row .row-headline-cell > div.currency {
      margin-top:-10px;
      line-height: 57px;
    }
    .cc-midratestable .cc-midratestable-row .flag {
      margin-top:3px;
    }
    .cc-midratestable .cc-midratestable-row .column-cell a:first-child, .cc-midratestable .cc-midratestable-row .column-cell span:first-child {
      margin-top: 5px; 
      margin-bottom: 13px;
    }
}
@media (min-width: 992px){
  .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(7), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(7) {
    border-right:1px solid #e9edf0;
  }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(n+8), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(n+8) {
      display: none;
    }
    .cc-midratestable .cc-midratestable-row .column-cell {
      padding: 11px 2px;
    }
    .cc-midratestable .cc-midratestable-row .row-headline-cell > div.currency {
      margin-top:0; 
      line-height: 25px;
    }
    .cc-midratestable .cc-midratestable-row .flag {
      margin-top:0;
    }
    .cc-midratestable .cc-midratestable-row .column-cell a:first-child, .cc-midratestable .cc-midratestable-row .column-cell span:first-child {
      margin-top: 0; 
      margin-bottom: 0;
    }
}
@media (min-width: 1200px){
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(7), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(7) {
      border-right:none;
    }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(n+8), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(n+8) {
      display: table-cell;
    }
    .cc-midratestable .cc-midratestable-row .column-cell {
      padding: 11px 2px;
    }
    .cc-midratestable .cc-midratestable-row .row-headline-cell > div.currency {
      margin-top:0; 
      line-height: 25px;
    }
    .cc-midratestable .cc-midratestable-row .flag {
      margin-top:0;
    }
    .cc-midratestable .cc-midratestable-row .column-cell a:first-child, .cc-midratestable .cc-midratestable-row .column-cell span:first-child {
      margin-top: 0; 
      margin-bottom: 0;
    }
}
@media (max-width: 767px){
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(5), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(5) {
      border-right:1px solid #e9edf0;
    }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(n+6), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(n+6) {
      display: none;
    }
    .cc-midratestable .cc-midratestable-row .row-headline-cell > div.currency {
      display: none;
    }
    .cc-midratestable .cc-midratestable-row .flag {
      margin-right: 0;
    }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell, .cc-midratestable .cc-midratestable-row .column-cell {
      min-width: 120px;
    }
    .cc-midratestable .cc-midratestable-headline .table-first-cell, .cc-midratestable .cc-midratestable-row .row-headline-cell {
      width:59px; 
      min-width: 59px;
    }
    .cc-midratestable .cc-midratestable-row .column-cell a, .cc-midratestable .cc-midratestable-row .column-cell span {
      line-height: 34px;
    }
}
@media (max-width: 550px){
    .cc-midratestable .cc-midratestable-headline .table-headline-cell, .cc-midratestable .cc-midratestable-row .column-cell {
      min-width: 90px;
    }
}
@media (max-width: 480px){
    .cc-midratestable .cc-midratestable-headline .table-headline-cell, .cc-midratestable .cc-midratestable-row .column-cell {
      min-width: 55px;
    }
}
@media (max-width: 350px){
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(4), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(4) {
      border-right:1px solid #e9edf0;
    }
    .cc-midratestable .cc-midratestable-headline .table-headline-cell:nth-child(n+5), .cc-midratestable .cc-midratestable-row .column-cell:nth-child(n+5) {
      display: none;
    }
}