#rates-searchbox{
	width: 35%;
}
.rates-ratble{
	width: 100%;
	margin-top: 10px;
}

.rates-ratble th,td{
	padding: 10px;
}

.rates-ratble .row_title{
	background-color: #07c6b0;
	color: white;
}
.row_title>th{
	font-weight: 200;
	font-size: 0.95em;
}

.rates-ratble .row-zone{
	background-color: #00e1cb !important;
}
.rates-ratble .row-zone td{
	padding: 4px 10px;
}

.rates-ratble .row-data:nth-child(even) {
	background-color: #f2f0f1;
}
.rates-ratble .row-data:hover {
	/*background-color: #00e1cb;*/
	background-color: #53f9e5;
}

.rates-ratble .col-image{
	width: 60px;
}

.rates-ratble .col-country{
	/*width: 40%;*/
}
.rates-ratble .col-currency{
	/*width: 20%;*/
}
.rates-ratble .col-buy{
	/*width: 20%;*/
}
.rates-ratble .col-sell{	
	/*width: 20%;*/
}

.rates-ratble .country_image{
	width: 60px;
}

.rates-ratble .buy-rate, .rates-ratble .sell-rate{
	font-weight: bold;
	font-size: 1.3em;
}

.rates-ratble .no-data{
	text-align: center;
	color: #666;
	font-style: italic;
	border-bottom: 1px solid #999;
}


@media only screen and (max-width : 576px) { 
	#rates-searchbox{
		width: 100%;
	}
	.rates-ratble{
		margin-left: -20px;
		width: calc(100% + 40px);
	}
	.rates-ratble .country-name{
		display: none;
	}
	.rates-ratble .col-image{
		width: 25%;
	}
	.rates-ratble .col-currency{
		width: 25%;
	}
	.rates-ratble .col-buy{
		width: 25%;
	}
	.rates-ratble .col-sell{	
		width: 25%;
	}

	.section.rate-section{
		padding-bottom: 0px;
	}
}



/* update - all */
.save-container{
	margin: 20px 0;
	text-align: center;
}
input:disabled {
    background: #efefef;
    color: #888;
}
input.buy-rate, input.sell-rate{
	font-weight: normal !important;
}

button{
	color: white;
    background: #06bfb2;
    border: 2px solid #06bfb2;
    font-size: 16px;
    padding: 10px 30px;
}

button:hover{
    background: white;
    cursor: pointer;
    color:#06bfb2;
}

button:active{
    background:  #9be5e0;
    color: white;
}

button:focus{
    outline: none;
}