#hifx-currency-converter{width: 100%; height: 200px; margin-top:20px;background-color:#f5f5f5;}
#hifx-currency-converter .tit {width:100%; height:46px; background: linear-gradient(#00384f,#004259);}
#hifx-currency-converter .tit .cctext{width:60%;  padding-top:10px; color:#fff; float:left; font-size:2em; text-align:left; margin-left:10px;}
#hifx-currency-converter .tit .poweredbyxetext{width:20%; float:left; color:#fff; text-align:right; padding-left:0px; padding-top:16px;}
#hifx-currency-converter .tit .xebluelogo{width: 16%; float: right;}
#hifx-currency-converter .tit .xebluelogo img{width: 80%; padding-top: 8px;}
#hifx-currency-converter select{width: 96%; height: 40px; border: none; background-color: transparent;border-bottom: grey 1px solid; margin-left:2%;}
#hifx-currency-converter #ccammount{width:50%; float:left; height:40px; border-top:none; border-left:none; border-right:none;border-bottom: grey 1px solid;margin-left:2%;padding-left:12px; background-color: transparent;}
#hifx-currency-converter #ccConvert{float: right;background-color: #94b221;color: #fff;width: 38%;margin-top: 14px;padding: 3px 12px;float:right;margin-left:2%;margin-right:2%}
#hifx-currency-converter .form-control{ border-radius: 0px; -webkit-box-shadow:none; box-shadow: none;}
#hifx-currency-converter .ccresultholder{width: 92%;float: left;text-align: left;margin-left: 2%;font-size: 14px;margin-top: 8px; padding-left:12px;color:#555;}
#hifx-currency-converter .ccdisclaimer{width: 92%;float: left;text-align: left;margin-left: 2%;padding-left: 12px;margin-top: 5px; color:#555;}
#hifx-currency-converter .ccdisclaimer span{text-decoration:underline;float:right;}
.tooltip.bottom {opacity: 1; font-size:11px;}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #00384f;border-width: 0px 8px 6px;}
.tooltip.bottom .tooltip-inner{background-color: #004259;color: #fff;padding:8px;}
@media  (max-width: 767px) {#hifx-currency-converter{margin-bottom:30px;} #hifx-currency-converter .tit .xebluelogo img{height:40px;}.ccholderdev{display:none;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.ccholderdev {width: 41%;margin-left: 20px;}.home .currencyconverter .cc-description{margin-left:2%;}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.ccholderdev {width: 35%;margin-left: 20px;}}