.currency-conversion-wrapper table {
	
	max-width: 600px;
	margin-top:10px;
}
.tbl-title
{
	    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 8px 8px 0 0;
        padding: 5px 5px 5px 10px;
    font-weight: bold;
}
.currency-conversion-wrapper table th {
	color: #3c763d !important;
	 background-color: #dff0d8 !important;
	 border: none !important;
	  padding: 5px 5px 5px 10px !important;
    font-weight: bold;
	text-align:center;
 
}
.currency-conversion-wrapper table th.title-curr {
	 border-radius: 0px 0px 0 0;
}
.currency-conversion-wrapper table th.title-diyy {
	border-radius: 0px 0px 0 0;
}
.currency-conversion-wrapper table td,.currency-conversion-wrapper table th {
	border: none !important;
	padding-top:8px !important;
	padding-bottom:8px !important;
}
.currency-conversion-wrapper table td {
	border-top:1px solid #69BD45 !important;
	font-weight:bold;
}
.currency-conversion-wrapper table th  {
	padding-left: 10px !important;
	text-align: center!important;
	font-size:16px;
	text-transform:uppercase;
}
.how-to-section h5  {
	margin-top: 10px !important;
	margin-bottom:3px !important;
}
.table.table-striped  tr  td {
	background-color: #fff;
	padding: 8px 0 8px;
	line-height: 1.1;
	vertical-align: top;
	border-top: 1px solid #ddd;
	vertical-align: middle;
	text-align:justify !important;
}
.table.table-striped  tr  td .lbl {display:block;}
.table.table-striped  tr  td.diy-rate {color:#3c763d !important;}
.table.table-striped  tr:hover td{background: #dff0d8 !important;cursor:pointer;}
.table-striped   tr:nth-child(2n+1)  td {
  background-color: #eee;
}

span.rate-lbl {
	width:30px;
	display: inline-block;
	float: left;
}
span.ndollar-sign {
	padding-left: 15px;
    background-image: url(nai.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-weight: bold;
    background-position: center left;
}
span.ndollar-sign2 {font-size:94%;padding-right:1px;}
.widget3 span.ndollar-sign {
	background-image: url(na_whitei.png );
}

.table-title-wrapper,.rate-wrapper {
	display:flex !important;
	justify-content: start;
	color: #fff;
}
.rate_name_title, .rate_name {
	width:120px !important;
}
.rate_market_title, .rate_market {
	width:150px !important;
}
.rate_bank_title, .rate_bank {
	width:100px !important;
}
.currency-conversion-wrapper.widget3 {
	max-width:360px;
	overflow: hidden;
}
.rate_name,.rate_bank,.rate_market {
	background: rgba(0,0,0,0.5);
	border-right:1px solid rgba(255,255,255,0.7);
	padding-left:5px;
}
.rate_market {
	border: none;
}
.rates-flip-card {
	color: #fff;
}
.table-title-wrapper {
	font-size:90%;
}
.rates-flip-card > div {
 display: flex;
 flex-wrap: nowrap;
   /* position: absolute;*/
    width: 250px;
    right: 0px;
    font-size: 20px;
    justify-content: space-between;
}
.currency-conversion-wrapper.widget1 {
	/*height:350px;
	overflow-y: scroll;
	*/
	max-width: 380px;
}

.rates-flip-card > div#rate2_usd {
	opacity: 1;
}


@media (max-width: 767px) {
	#rates-container {
		position: absolute;
		top:23px;
		left:10px;
	}
}

.currency-conversion-wrapper > table {
	width:600px;
	box-shadow: 20px 20px 15px rgba(0,0,0,0.3);
}
.rate-title-container,.rate-item-row {    display: grid;
    grid-template-columns: auto auto auto;
	   }
.rate-item-row  {
	background:#fff;
	border-top: 1px solid #69BD45 !important;
    font-weight: bold;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;

}
.rate-item-row:hover{background: #dff0d8 !important;cursor:pointer;} 
.rate-item-row > div {
	margin:0px 0;
}
.rate-item-row:nth-child(2n+1){
	background: #eee;
}
.rate-title-container {
	 color: #3c763d !important;
    background-color: #dff0d8 !important;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-weight:bold;
	font-size:14px;
}
.widget4 {
    box-shadow: 20px 20px 15px rgba(0,0,0,0.3);
}
.rate-item-row > div.rate-item-market {color:#3c763d !important}
.rate-item-row > div.rate-item-market {padding-left:60px;}
.rate-item-row > div.rate-item-bank {margin-left:-20px;}
.rate-item-row > div.rate-item-name {margin-left:40px;}
.rate-title-container {text-align:left;padding-left:40px;}
@media (min-width: 1025px) {
	.rate-item-row > div.rate-item-market {padding-left:60px;}
.rate-item-row > div.rate-item-bank {margin-left:0px;}
.rate-item-row > div.rate-item-name {margin-left:40px;}
	.rate-title-container {text-align:center;padding-left:0px;}
} 
@media (max-width: 767px) {
	.rate-item-row > div.rate-item-market {padding-left:60px;}
.rate-item-row > div.rate-item-bank {margin-left:15px;}
.rate-item-row > div.rate-item-name {margin-left:20px;}
	.rate-title-container {padding-left:45px;}
}