.cc-form{
display:block;
position:relative;
width:100%;
max-width:500px;
margin:0 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:0;
height:0;
overflow:hidden;
}
.cc-form .input-holder{
position:relative; height: auto;
margin-bottom:5px;
box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.5) !important;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
.cc-form .input-holder.info{
outline:2px solid #fbc640;
}
.input-send{
z-index:4;
}
.input-receive{
z-index:3;
}
.ccf-input{
display:block;
width:100% !important;
max-width:100%;
height:60px;
max-height:60px;
padding:12px 130px 12px 90px !important;
font-family: 'Lato', sans-serif !important;
font-size:23px !important;
font-weight:400 !important;
text-align:right;
color:#444444 !important;
background:#ffffff !important;
border:none !important;
box-shadow:none !important;
}
.cc-form input[type="text"]{
margin-bottom: 0px;
}
.ccf-input:focus,
.cc-form input[type="text"]:focus{
outline:none !important;
border:none !important;
box-shadow:none !important;
}
.input-name{
position:absolute;
left:20px;
top:0;
width:65px;
height:60px;
line-height:60px;
font-size:15px;
font-weight:700;
color:#1691c6;
word-wrap: normal;
z-index: 10;
}
.input-currency-selector{
position:absolute;
right:0;
top:0;
width:105px;
height:60px;
padding-left:20px;
font-size:20px;
font-weight:700;
line-height:60px;
text-transform:uppercase;
color:#ffffff;
background-color:#1591c5;
background-image:url(//www.currencytransfer.com/wp-content/assets/icons/arrows/selectbox-arrow.svg);
background-position:74px 26px;
background-size:12px 9px;
background-repeat:no-repeat;
cursor:pointer;
z-index: 10;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.cc-form .input-holder:hover .input-currency-selector,
.input-currency-selector.active{
background-color:#18a5dd;
}
.currency-flags{
height: 178px;
display:none;
position:absolute;
right:0;
top:59px;
background:#ffffff;
box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.5) !important;
z-index:11;
overflow-x:hidden;
overflow-y:scroll;
}
.currency-flags:after{
content:'';
clear:both;
}
.currency-column{
float:left;
padding:0px 0px 0px 0px;
}
.currency-flag{
margin:0px;
padding:10px 18px 10px 20px;
font-size:18px;
line-height:20px;
font-weight:700;
text-transform:uppercase;
color:#444444;
background-color:#ffffff;
cursor:pointer;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-ms-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
}
.currency-flag:hover,
.currency-flag.active{ color:#ffffff;
background-color:#18a5dd;
} .country-flag-small, .currency-flag:before {
display:inline-block;
width:30px;
height:20px;
background: url(https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/country-flags-line@2x.png);
background-repeat: no-repeat;
background-size: 30px 900px;
}
.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 0 0 50px;
background: #fbc640 url(//www.currencytransfer.com/wp-content/plugins/cc-form/assets/img/icon-info.jpg) left 10px center no-repeat;
background-size: 30px auto;
}
.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: #666666;
background: #ffffff;
}
.ccf-description{
padding:20px 30px;
margin:-5px 10px 0px;
text-align:center;
background:#eeeeee;
}
.save-text{
padding-bottom:6px;
font-size:14px;
line-height:16px;
font-weight:400;
color:#666666;
}
#save-value,
#save-value-currency{
font-weight:700;
color:#1691c6;
}
.see-how-button{
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
width:19px;
height:19px;
background:url(//www.currencytransfer.com/wp-content/assets/icons/see-how-btn.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:#1691c6;
text-decoration:underline !important;
border-bottom:none !important;
outline:none !important;
}
.see-how-link:hover{
color:#1691c6 !important;
text-decoration:none !important;
}
.ccf-details{
display:none;
padding:0 0 10px;
min-width:100%;
}
.ccf-details table{
width:100%;
margin:0 0 15px;
border-width:0;
line-height:30px;
}
.ccf-details table th{
padding:0;
font-size:14px;
font-weight:700;
color:#666666;
text-align:center;
border:none;
border-bottom:2px solid #828787;
}
.ccf-details table td{
padding:0;
height:30px;
line-height:21px;
font-size:16px;
font-weight:400;
text-align:left;
color:#666666;
border:none;
border-bottom:2px solid #828787;
}
.ccf-details table td.second{
padding:5px 5%;
text-align:right;
background:#dddddd;
}
.ccf-details table td.third{
padding:5px 5%;
font-weight:700;
text-align:right;
color:#ffffff;
background:#1695ca;
}
#oportunity-holder{
display:none;
min-width:100%;
}
.oportunities-headline,
.oportunities{
padding:4px 0;
font-size:16px;
line-height:24px;
font-weight:400;
text-align:left;
color:#666666;
}
.oportunities-headline{
font-size:14px;
line-height:16px;
}
#oportunity{
display:block;
min-width:100%;
min-height:34px;
padding:0;
position:relative;
}
.oportunities{
position:absolute;
width:100%;
top:0;
padding:4px 0;
border-top:1px solid #888888;
border-bottom:1px solid #888888;
}
.oportunities .rating{
padding:0 8px;
height:20px;
margin-top:-3px;
margin-right:7px;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
font-size:14px;
font-weight:700;
line-height:19px;
color:#ffffff;
background:#1695ca;
}
.text-center{
text-align:center;
} .currency-flags
{
width: 360px;
display-: block; }
.currency-flags div.items:after
{
content: ' ';
display: block;
clear: both;
}
.currency-flags div.items div.currency-flag
{
float: left;
width: 33.33333%;
} .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;
}