/* ================================================
 * 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;
	box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.5) !important;
	-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;
}
.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("/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 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;
}
.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;
}
.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;
}