.cc-form { display: block; position: relative; width: 100%; max-width: 500px; margin: 0px auto; font-family: Lato, sans-serif; font-weight: 400; cursor: default; z-index: 2; }
.cc-form strong, .cc-form b { font-weight: 700; }
#ccf-currency-code-holder { position: absolute; width: 0px; height: 0px; overflow: hidden; }
.cc-form .input-holder { position: relative; height: auto; margin-bottom: 5px; transition: 120ms; }
.cc-form .input-holder.info { outline: rgb(251, 198, 64) solid 2px; border-radius: 12px; }
.input-send { z-index: 4; }
.input-receive { z-index: 3; }
.ccf-input { display: block; max-width: 100%; height: 60px; max-height: 60px; text-align: right; border-top: 2px solid rgb(68, 68, 68); border-bottom: 2px solid rgb(68, 68, 68); border-left: 2px solid rgb(68, 68, 68); width: 100% !important; padding: 12px 130px 12px 90px !important; font-family: Lato, sans-serif !important; font-size: 23px !important; font-weight: 400 !important; color: rgb(68, 68, 68) !important; background: rgb(255, 255, 255) !important; border-radius: 12px !important; box-shadow: none !important; }
.cc-form input[type="text"] { margin-bottom: 0px; border: 2px solid rgb(184, 196, 208); }
.ccf-input:focus, .cc-form input[type="text"]:focus { outline: none !important; border-color: rgb(22, 149, 202) !important; box-shadow: none !important; }
.input-name { position: absolute; left: 20px; top: 0px; width: 65px; height: 60px; line-height: 60px; font-size: 15px; font-weight: 700; color: rgb(22, 145, 198); overflow-wrap: normal; z-index: 10; }
.input-currency-selector { position: absolute; right: 0px; top: 0px; width: 105px; height: 60px; padding-left: 20px; font-size: 20px; font-weight: 700; line-height: 60px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(21, 145, 197); background-image: url("../files/e85c9e24b2c6.svg"); background-position: 74px 26px; background-size: 12px 9px; background-repeat: no-repeat; border-top-right-radius: 12px; border-bottom-right-radius: 12px; cursor: pointer; z-index: 10; transition: 120ms linear; }
.cc-form .input-holder:hover .input-currency-selector, .input-currency-selector.active { background-color: rgb(24, 165, 221); }
.currency-flags { height: 178px; display: none; position: absolute; right: 0px; top: 59px; background: rgb(255, 255, 255); z-index: 11; overflow: hidden scroll; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px !important; }
.currency-flags::after { content: ""; clear: both; }
.currency-column { float: left; padding: 0px; }
.currency-flag { margin: 0px; padding: 10px 18px 10px 20px; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: rgb(68, 68, 68); background-color: rgb(255, 255, 255); cursor: pointer; transition: 120ms linear; }
.currency-flag:hover, .currency-flag.active { color: rgb(255, 255, 255); background-color: rgb(24, 165, 221); }
.country-flag-small, .currency-flag::before { display: inline-block; width: 30px; height: 20px; background: url("../files/760a1ed91028.png") 0% 0% / 30px 900px no-repeat; }
.currency-flag::before { content: ""; width: 30px; height: 20px; position: relative; display: inline-block; top: 2px; left: -12px; }
.cfs-AUT { background-position: 0px 0px; }
.cfs-AND { background-position: 0px -20px; }
.cfs-HRK { background-position: 0px -40px; }
.cfs-CYP { background-position: 0px -60px; }
.cfs-BEL { background-position: 0px -80px; }
.cfs-FIN { background-position: 0px -100px; }
.cfs-DKK, .currency-flag-dkk::before { background-position: 0px -120px; }
.cfs-DEU { background-position: 0px -140px; }
.cfs-EST { background-position: 0px -160px; }
.cfs-HUF, .currency-flag-huf::before { background-position: 0px -180px; }
.cfs-ITA { background-position: 0px -200px; }
.cfs-FRA { background-position: 0px -220px; }
.cfs-LVA { background-position: 0px -240px; }
.cfs-MTL { background-position: 0px -260px; }
.cfs-NLD { background-position: 0px -280px; }
.cfs-NOK, .currency-flag-nok::before { background-position: 0px -300px; }
.cfs-PLN, .currency-flag-pln::before { background-position: 0px -320px; }
.cfs-PRT { background-position: 0px -340px; }
.cfs-SVK { background-position: 0px -360px; }
.cfs-SVN { background-position: 0px -380px; }
.cfs-ESP { background-position: 0px -400px; }
.cfs-CHF, .currency-flag-chf::before { background-position: 0px -420px; }
.cfs-LUX { background-position: 0px -440px; }
.cfs-RON, .currency-flag-ron::before { background-position: 0px -460px; }
.cfs-GBP, .currency-flag-gbp::before { background-position: 0px -480px; }
.cfs-MXN, .currency-flag-mxn::before { background-position: 0px -500px; }
.cfs-SEK, .currency-flag-sek::before { background-position: 0px -520px; }
.cfs-IRL { background-position: 0px -540px; }
.cfs-EUR, .currency-flag-eur::before { background-position: 0px -560px; }
.cfs-CAD, .currency-flag-cad::before { background-position: 0px -580px; }
.cfs-USD, .currency-flag-usd::before { background-position: 0px -600px; }
.cfs-EGP { background-position: 0px -620px; }
.cfs-MAD { background-position: 0px -640px; }
.cfs-JPY, .currency-flag-jpy::before { background-position: 0px -660px; }
.cfs-THB, .currency-flag-thb::before { background-position: 0px -680px; }
.cfs-ZAR, .currency-flag-zar::before { background-position: 0px -700px; }
.cfs-CHY { background-position: 0px -720px; }
.cfs-HKD, .currency-flag-hkd::before { background-position: 0px -740px; }
.cfs-AED, .currency-flag-aed::before { background-position: 0px -760px; }
.cfs-NZD, .currency-flag-nzd::before { background-position: 0px -780px; }
.cfs-SGD, .currency-flag-sgd::before { background-position: 0px -800px; }
.cfs-TRY, .currency-flag-try::before { background-position: 0px -820px; }
.cfs-AUD, .currency-flag-aud::before { background-position: 0px -840px; }
.cfs-ILS, .currency-flag-ils::before { background-position: 0px -860px; }
.cfs-CZK, .currency-flag-czk::before { background-position: 0px -880px; }
.text-inline-country-flag { margin: 0px 10px; }
.dmc-country-flag-small { margin: -5px 5px; }
.cc-info-message { display: none; padding: 2px 0px 0px 50px; background: url("../files/c5576922b65b.jpg") left 10px center / 30px no-repeat rgb(251, 198, 64); border-bottom-left-radius: 10px; }
.cc-form .input-holder.info .cc-info-message { }
.cc-info-message > div { padding: 9px 15px; font-size: 14px; line-height: 18px; font-weight: 700; color: rgb(102, 102, 102); background: rgb(255, 255, 255); }
.ccf-description { padding: 20px 30px; margin: -5px 10px 0px; text-align: center; background: rgb(238, 238, 238); min-height: 50px; align-content: center; }
.ccf-description > .hidden { display: none; }
.save-text { padding-bottom: 0px; font-size: 14px; line-height: 16px; font-weight: 400; color: rgb(102, 102, 102); }
.same-currency-text { padding-bottom: 0px; }
#save-value, #save-value-currency { font-weight: 700; color: rgb(22, 145, 198); }
.see-how-button { display: inline-block; zoom: 1; vertical-align: middle; width: 19px; height: 19px; background: url("../files/1c0c944a70fc.svg") center top no-repeat; cursor: pointer; }
.see-how-button.active { background-position: center bottom !important; }
.see-how-link, .see-how-link:focus, .see-how-link:active { font-size: 14px; font-weight: 700; color: rgb(22, 145, 198); text-decoration: underline !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; outline: none !important; }
.see-how-link:hover { color: rgb(22, 145, 198) !important; text-decoration: none !important; }
.ccf-details { display: none; padding: 0px 0px 10px; min-width: 100%; }
.ccf-details table { width: 100%; margin: 0px 0px 15px; border-width: 0px; line-height: 30px; }
.ccf-details table th { padding: 0px; font-size: 14px; font-weight: 700; color: rgb(102, 102, 102); text-align: center; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(130, 135, 135); border-image: initial; }
.ccf-details table td { padding: 0px; height: 30px; line-height: 21px; font-size: 16px; font-weight: 400; text-align: left; color: rgb(102, 102, 102); border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(130, 135, 135); border-image: initial; }
.ccf-details table td.second { padding: 5px 5%; text-align: right; background: rgb(221, 221, 221); }
.ccf-details table td.third { padding: 5px 5%; font-weight: 700; text-align: right; color: rgb(255, 255, 255); background: rgb(22, 149, 202); }
#oportunity-holder { display: none; min-width: 100%; }
.oportunities-headline, .oportunities { padding: 4px 0px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; color: rgb(102, 102, 102); }
.oportunities-headline { font-size: 14px; line-height: 16px; }
#oportunity { display: block; min-width: 100%; min-height: 34px; padding: 0px; position: relative; }
.oportunities { position: absolute; width: 100%; top: 0px; padding: 4px 0px; border-top: 1px solid rgb(136, 136, 136); border-bottom: 1px solid rgb(136, 136, 136); }
.oportunities .rating { padding: 0px 8px; height: 20px; margin-top: -3px; margin-right: 7px; display: inline-block; zoom: 1; vertical-align: middle; font-size: 14px; font-weight: 700; line-height: 19px; color: rgb(255, 255, 255); background: rgb(22, 149, 202); }
.text-center { text-align: center; }
.currency-flags { width: 360px; }
.currency-flags div.items::after { content: " "; display: block; clear: both; }
.currency-flags div.items div.currency-flag { float: left; width: 33.3333%; }
.input-send .currency-flag.currency-flag-cny, .input-send .currency-flag.currency-flag-mxn, .input-send .currency-flag.currency-flag-thb, .input-send .currency-flag.currency-flag-try, .input-send .currency-flag.currency-flag-zar { display: none; }