.currency-code::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 6px; }
.currency-code.usd::before {
  background-image: url("../img/currency_calculator/USD.gif"); }
.currency-code.jpy::before {
  background-image: url("../img/currency_calculator/JPY.gif"); }
.currency-code.bgn::before {
  background-image: url("../img/currency_calculator/BGN.gif"); }
.currency-code.czk::before {
  background-image: url("../img/currency_calculator/CZK.gif"); }
.currency-code.dkk::before {
  background-image: url("../img/currency_calculator/DKK.gif"); }
.currency-code.gbp::before {
  background-image: url("../img/currency_calculator/GBP.gif"); }
.currency-code.huf::before {
  background-image: url("../img/currency_calculator/HUF.gif"); }
.currency-code.pln::before {
  background-image: url("../img/currency_calculator/PLN.gif"); }
.currency-code.ron::before {
  background-image: url("../img/currency_calculator/RON.gif"); }
.currency-code.sek::before {
  background-image: url("../img/currency_calculator/SEK.gif"); }
.currency-code.chf::before {
  background-image: url("../img/currency_calculator/CHF.gif"); }
.currency-code.nok::before {
  background-image: url("../img/currency_calculator/NOK.gif"); }
.currency-code.hrk::before {
  background-image: url("../img/currency_calculator/HRK.gif"); }
.currency-code.rub::before {
  background-image: url("../img/currency_calculator/RUB.gif"); }
.currency-code.try::before {
  background-image: url("../img/currency_calculator/TRY.gif"); }
.currency-code.aud::before {
  background-image: url("../img/currency_calculator/AUD.gif"); }
.currency-code.brl::before {
  background-image: url("../img/currency_calculator/BRL.gif"); }
.currency-code.cad::before {
  background-image: url("../img/currency_calculator/CAD.gif"); }
.currency-code.cny::before {
  background-image: url("../img/currency_calculator/CNY.gif"); }
.currency-code.hkd::before {
  background-image: url("../img/currency_calculator/HKD.gif"); }
.currency-code.idr::before {
  background-image: url("../img/currency_calculator/IDR.gif"); }
.currency-code.ils::before {
  background-image: url("../img/currency_calculator/ILS.gif"); }
.currency-code.inr::before {
  background-image: url("../img/currency_calculator/INR.gif"); }
.currency-code.krw::before {
  background-image: url("../img/currency_calculator/KRW.gif"); }
.currency-code.mxn::before {
  background-image: url("../img/currency_calculator/MXN.gif"); }
.currency-code.myr::before {
  background-image: url("../img/currency_calculator/MYR.gif"); }
.currency-code.nzd::before {
  background-image: url("../img/currency_calculator/NZD.gif"); }
.currency-code.php::before {
  background-image: url("../img/currency_calculator/PHP.gif"); }
.currency-code.sgd::before {
  background-image: url("../img/currency_calculator/SGD.gif"); }
.currency-code.thb::before {
  background-image: url("../img/currency_calculator/THB.gif"); }
.currency-code.zar::before {
  background-image: url("../img/currency_calculator/ZAR.gif"); }

.currency-calculator {
  display: flex;
  flex-flow: row wrap; }
  .currency-calculator > div {
    flex-basis: 100%; }
  .currency-calculator .disclaimer {
    flex-basis: 100%;
    margin-top: 2rem;
    order: 3; }
  .currency-calculator .rates {
    order: 2; }
    .currency-calculator .rates .title {
      font-size: 24px;
      text-align: center;
      margin-bottom: .5rem; }
  .currency-calculator .currency-list {
    font-size: 15px; }
    @media (min-width: 992px) {
      .currency-calculator .currency-list {
        max-height: 500px;
        overflow-y: scroll; } }
    .currency-calculator .currency-list .currency {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      border-bottom: 1px solid #1f242c;
      margin-bottom: 0;
      padding-left: 0; }
    .currency-calculator .currency-list > .eur {
      display: none; }
  .currency-calculator .tabs > ul {
    display: flex;
    flex-flow: row nowrap; }
    .currency-calculator .tabs > ul li {
      box-sizing: border-box;
      flex-basis: 50%;
      margin-bottom: 0;
      padding-left: 0;
      text-align: center;
      padding-bottom: 0 !important;
      list-style: none;
      border-bottom: 1px solid #dedede;
      color: #f5f5f5;
      width: 50%;
      transition: background-color 250ms ease-in-out; }
    .currency-calculator .tabs > ul li a:hover{
      color: inherit !important;
      border-bottom: none !important;
      padding-left: 15px;
    }
    .currency-calculator .tabs > ul .ui-state-default {
      color: #1f242c; }
    .currency-calculator .tabs > ul .ui-state-active {
      background-color: #003c77;
      color: #f5f5f5; }
    .currency-calculator .tabs > ul a {
      font-weight: 400;
      display: block;
      padding: 15px;
      color: inherit; }
  .currency-calculator .tabs .tab {
    padding-top: 30px; }
  .currency-calculator .tabs .tab-risk form > div {
    order: 0; }
  .currency-calculator .tabs .tab-risk .row-quantity {
    order: 1; }
  .currency-calculator .tabs .tab-risk .row-risk {
    order: 2; }
  .currency-calculator .tabs .tab-risk .row-chance-risk {
    order: 3; }
  .currency-calculator .tabs .tab-risk .row-potential {
    order: 4; }
  .currency-calculator .tabs .tab-risk .row-button {
    order: 5; }
  .currency-calculator .tabs .tab-risk .row-message {
    order: 6; }
  .currency-calculator .calculator {
    order: 1;
    width: 100%; }
    .currency-calculator .calculator form {
      display: flex;
      flex-flow: column nowrap; }
      @media (min-width: 576px) {
        .currency-calculator .calculator form {
          padding: 0 15%; } }
      .currency-calculator .calculator form > div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin-bottom: 1rem; }
      .currency-calculator .calculator form .row-button,
      .currency-calculator .calculator form .row-message {
        justify-content: flex-end; }
    .currency-calculator .calculator label {
      max-width: 250px;
      width: 50%;
      margin: auto 0; }
    .currency-calculator .calculator select {
      font-size: 28px;
      background-color: #fcfcfc;
      border: 1px solid #e1e1e1;
      padding: 8px;
      /*width: 40%;*/
      width: 38%;
      border-radius: 0; }
    .currency-calculator .calculator .divider {
      font-size: 70px;
      margin-top: 12px; }
    .currency-calculator .calculator .error {
      border-color: #e82e2e !important; }
    .currency-calculator .calculator input[type='number'], .currency-calculator .calculator input[type='text'] {
      width: calc(40% - 18px);
      background-color: #fcfcfc;
      border: 1px solid #e1e1e1;
      padding: 17.5px 8px;
      text-align: center;
      transition: border-color 250ms ease-in-out;
      border-radius: 0; }
    .currency-calculator .calculator input::-webkit-input-placeholder {
      color: #aaa;
      /* TODO*/ }
    .currency-calculator .calculator input:-ms-input-placeholder {
      color: #aaa;
      /* TODO*/ }
    .currency-calculator .calculator input::-ms-input-placeholder {
      color: #aaa;
      /* TODO*/ }
    .currency-calculator .calculator input::placeholder {
      color: #aaa;
      /* TODO*/ }
    .currency-calculator .calculator input[readonly] {
      background-color: #dedede;
      color: #1f242c; }
    .currency-calculator .calculator button {
      color: #f5f5f5;
      background-color: #003c77;
      border: 1px solid #e1e1e1;
      padding: 17.5px;
      /*width: 40%;*/
      width: 35%;
      cursor: pointer;
      transition: background-color 250ms ease-in-out;
      border-radius: 0; }
      .currency-calculator .calculator button:hover {
        background-color: #0056aa; }
    .currency-calculator .calculator .message {
      padding: 10px;
      background-color: #e82e2e;
      color: #f5f5f5;
      display: none; }
      .currency-calculator .calculator .message.warning {
        background-color: #e87c2e; }
      .currency-calculator .calculator .message li {
        font-weight: 400;
        color: #f5f5f5;
        padding-left: 0;
        margin-bottom: 0; }

      .row-currency{
        line-height: 0.5;
      }

.knowledge-pagination {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2rem;
  list-style-type: none !important; }
  .knowledge-pagination li {
    font-size: 18px;
    margin-bottom: 12px !important;
    margin-right: 12px;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    min-width: 36px;
    min-height: 36px;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #ededed; }
    .knowledge-pagination li:last-child {
      margin-right: 0; }
    .knowledge-pagination li.active, .knowledge-pagination li:hover {
      background-color: #0056aa; }
      .knowledge-pagination li.active span, .knowledge-pagination li:hover span {
        color: #f5f5f5; }
  .knowledge-pagination a {
    display: block;
    height: 100%; }
  .knowledge-pagination span {
    vertical-align: middle;
    vertical-align: -4px;
    font-weight: 400;
    color: #1f242c; }

.knowledge-entries .letter-wrap {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 1rem; }
.knowledge-entries .letter {
  flex-basis: 10%;
  font-size: 36px;
  color: #ff761a;
  font-weight: 400;
  margin-top: 6px; }
.knowledge-entries .entries {
  flex-basis: 90%; }
.knowledge-entries .entry {
  margin-bottom: .5rem;
  border: 1px solid #ededed;
  padding: 15px 12px; }
  .knowledge-entries .entry .title {
    font-weight: 400; }
  .knowledge-entries .entry p:last-child {
    margin-bottom: 0; }