/* ================================================
 * Currency Converter Form STYLE 1.1
 * ================================================ */

.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:60px;*/
	height: auto;
	margin-bottom:5px;
	-webkit-transition: all 120ms ease;
	-moz-transition: all 120ms ease;
	-ms-transition: all 120ms ease;
	-o-transition: all 120ms ease;
	transition: all 120ms ease;
}
.cc-form .input-holder.info {
	outline:2px solid #fbc640;
  border-radius: 12px;
}
.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-top:2px solid #444444;
  border-bottom:2px solid #444444;
  border-left:2px solid #444444;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  box-shadow:none !important;
}
.cc-form input[type="text"] {
	margin-bottom: 0px;
  border:2px solid #B8C4D0;
}
.ccf-input:focus,
.cc-form input[type="text"]:focus {
	outline:none !important;
	border-color:#1695CA !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("/wp-content/assets/icons/arrows/selectbox-arrow.svg");
	background-position:74px 26px;
	background-size:12px 9px;
	background-repeat:no-repeat;
  -webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
	cursor:pointer;
	z-index: 10;

	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-ms-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms 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;
  border-radius:12px;
}
.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 120ms linear;
	-moz-transition: all 120ms linear;
	-ms-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
.currency-flag:hover,
.currency-flag.active {
	/*color:#1691c6;*/
	color:#ffffff;
	background-color:#18a5dd;
}
/* -----------  Small country flags  ----------- */
.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("../img/icon-info.jpg") left 10px center no-repeat;
	background-size: 30px auto;
  border-bottom-left-radius: 10px;
}
.cc-form .input-holder.info .cc-info-message {
	/*display: block;*/
}
.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;
	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:#666666;
}

.same-currency-text {
    padding-bottom: 0;
}

#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("/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;
}

/*Additional code for calculator*/
.currency-flags
{
	width: 360px;
	display-: block;/*testing purpose*/
}
.currency-flags div.items:after {
	content: ' ';
	display: block;
	clear: both;
}
.currency-flags div.items div.currency-flag {
	float: left;
	width: 33.33333%;
}
/*Removed form SENDING*/
.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;
}