input.maroon{background:none repeat scroll 0 0 #aa4643;border:medium none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:0px 25px;margin-bottom:5px;height: 42px;line-height: 42px;}
/* input.enquire{background:none repeat scroll 0 0 #007eff;border:medium none;border-radius:5px;color:#fff;padding:1px 9px} */
.converter_tool{border: 1px solid #08C; margin: 10px 0;}
#tofrom{width:100%;float:left;padding:15px 0;margin:0;}
#tofrom1{float:left;text-align:left}
#tofrom2{float:left;font-size:21px;font-weight:700;text-align:left}
#tofrom2a{padding:15px 10px 0 5px}
#tofrom2a span{display:block;font-size:16px;padding:3px 0;color:#fff}
#tofrom2a input{border:4px solid #eee;color:#434344;font-size:20px;width:100%}
#tofrom3{float:left;text-align:center}
#tofrom3 span#spanto{color:#086;display:block;font-size:16px;font-weight:700;padding:0}
#tofrom3 span #spanequals2{color:#fff;display:block;font-size:19px;font-weight:700;padding:7px 0 0}
#tofrom4{float:left;font-size:21px;font-weight:700;text-align:left}
#tofrom4a input{border:4px solid #eee;color:#434344;font-size:20px;width:100%}
#tofrom4a{padding:15px 10px 0 5px}
#tofrom4a span{display:block;font-size:16px;padding:2px 0;color:#fff}
#tofrom5{float:left;text-align:right}
.table tr td.red{color:#d60000;font-weight:700}
.table-responsive .table tr td{border:none;line-height:normal;padding:10px 0 5px}
.table-responsive .white-space{padding-left:2px!important;font-weight:700}
.moopopup-overlay{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);padding:0;z-index:1;background:#000}
.moopopup-container{position:absolute;top:0;left:0;z-index:2;overflow:auto;border:2px solid #000;background:#f2f1f0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-moz-box-shadow:0 0 5px #aaa}
.moopopup-header{line-height:25px !important; background: #08c; padding: 10px;}
.moopopup-header h1{font-size:20px}
.moopopup-title{margin:0;padding:0;color:#fff;text-shadow:1px 1px #000;font-weight:700}
.moopopup-closebutton{position:absolute;top:10px;right:10px;height:18px;width:18px;font-size:35px;font-weight:700;color:#fff;text-shadow:1px 1px #000;-moz-border-radius:2px;-webkit-border-radius:2px 2px;-a-border-radius:2px 2px;border-radius:2px 2px;cursor:pointer}
.moopopup-body{padding:5px;margin:5px;background:#fff;text-align:left;overflow:auto}
.moopopup-resize{cursor:se-resize;position:absolute;width:20px;height:10px;right:0;bottom:0}
.moopopup-loading{background:url(../img/loading.gif) no-repeat center center;height:32px;width:32px}
.today .table th,.today .table td{padding:8px 4px}
.table-responsive > ul.margin15{margin-left:15px}
.table-responsive > ul{float:left;list-style:outside none none;margin:0;width:33%}
.table-responsive{width:100%;clear:both}
.table-responsive > ul.width50{float:left;list-style:outside none none;margin:0;width:48%}

@media screen and (max-width: 640px) {
.enquire{padding: 0 5px;}
.provider_table tr td {font-size: 13px;}
#tofrom3 span#spanto{display:none!important}
#spanequals2{text-align:left}
.table-responsive > ul,.table-responsive > ul.width50{list-style:outside none none;margin:0;width:100%!important;float:none!important}
.curdetail{float:none;text-align:justify;width:100%}
.datepic{float:none;width:100%}
}
.onefirst .average{border-radius:100%;content:"";height:10px;margin:4px 0;position:absolute;width:10px;background:#000}
.onefirst .lowest{border-radius:100%;content:"";height:10px;margin:4px 0;position:absolute;width:10px;background:red}
.onefirst .highest{border-radius:100%;content:"";height:10px;margin:4px 0;position:absolute;width:10px;background:#00f}
.width50.onefirst p{margin:9px 17px}
.onesec p{margin:9px 17px}
.onesec .green{border-radius:100%;content:"";height:10px;margin:4px 0;position:absolute;width:10px;background:#363}
.width50.onefirst > li:nth-child(1),.width50.margin15.onesec > li:nth-child(1){min-height:40px}
.dot{border-radius:100%;content:"";margin:4px 0;position:absolute;width:10px;height:10px}
.highest{background:#00f}
.lowest{background:red}
.mid{background:#000}
.green{background:#363;margin:3px -12px}
.hlm li{margin-bottom:25px}
.bpad{padding:0 12px}
.fcol{color:#08c;font-weight:700}
/*.currency .page-header h1{font-size:22px}
.currency h2{font-size:18px}
.currency h3{font-size:16px}*/
.curdetail{text-align:justify;width:56%;float:left}
.datepic{float:right;width:38%}
.border{border-bottom:1px solid #000;clear:both;padding:5px}
.table-font{font-size:initial}
.history_table tr td{text-align:right}
.text-right{text-align:right}
.text-left{text-align:left}
.convert-img{height:auto;max-height:85px}
.table_tr_head{color:#fff;background:#08C}
.table_tr_head:hover{background:#08c !important}
.table_tr_head td{padding:10px!important}
.table_tr_head span{font-size:12px}
.table_td_ex span{font-size:12px;color:#999}

.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5; border-radius: 5px 5px 0 0;background: #08c;}
.modal-header .close{float: right;
    font-size: 30px;
    color: #fff;
    line-height: normal;
	cursor: pointer;
	}
.modal-title{margin:0;line-height:normal;color: #fff;font-size: 20px;}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn + .btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn + .btn{margin-left:-1px}
.modal-footer .btn-block + .btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width: 768px) {
.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.modal-sm{width:300px}
}
@media (min-width: 992px) {
.modal-lg{width:900px}
}
.clearfix:before,.clearfix:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}
.clearfix:after,.modal-header:after,.modal-footer:after{clear:both}

.head_blue{background: #0088cc;color: #fff;padding: 10px;}
hr{border: 1px solid #08c;}
.c-blue{color: #08C;}
.topspace{margin-top: 10px;}
.calendar-row td {border: 1px solid #08c;padding:0 5px; vertical-align: top; text-align: center;}
select#calchange {background: #000; color: #fff; font-weight: bold; z-index: 99;border: 0 none; width: 100%; padding: 10px;}
/*.tab-content {clear: both;float: right;width: 50%;}
*/.tab-content h3 {text-align: center;}
.calendar-row {background: rgb(251, 251, 251) none repeat scroll 0 0;}
.calendar-day-head {background: #0088cc;color: #fff; padding: 5px 0 !important;}
.day-number {color: #1c94c4;font-weight: bold;}
.liverate-intext a img {
    height: 16px;
    width: 16px;
}

#prev, #next {text-align: center;color: #fff;cursor: pointer;font-size: 24px;}
.arrows:hover{background: #4baada; }.all_null{border: 1px solid #08c; background: #08c; width: 100%; margin: 0;}
.all_null tr:hover{background: none;}.all_null tr td{border:0; padding: 0; margin: 0;}
.calendar tbody tr td p {margin: 5px 0;padding: 0;background: #0088cc;background: rgba(0,136,204,0.7);border-radius: 5px;color: #fff;font-size: 13px;}
.main_column {-moz-column-count:6;-webkit-column-count:6;column-count:6;height: 300px;}
.sub_column {width:100%;text-align: center;background: #eee;color: #123;border: 3px solid #fff;}
.sub_column:hover {background: #ccc;}
@media screen and (max-width: 640px){
	.main_column {-moz-column-count:5;-webkit-column-count:5;column-count:5;}
	/*.years{font-size: 14px}*/
}
.page-header h3{font-weight: normal;}
.page-header h1 {/*font-size:1.8rem;*/}
b, strong {font-weight: 400;}
button, .button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pager li.previous a, .pager li.next a, .pagenav-next a, .readon, .pagination ul li a, .pager li a, .pager ul li, .pager li span, .pagination ul li span {
    background: #0088cc;
}
.span_6_of_12 {
    width: 49.75%;
}
.span_1_of_12 {
    width: 7.875%;
}
.span_5_of_12 {
    width: 41.37%;
}
@media only screen and (max-width: 480px){
	.col{margin:1% 0}.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12{width:100%} .tbl-currency-rates .span_1_of_12{width:7.875%} }
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		white-space: normal;
		text-align:left;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	.no-more-tables td:before { content: attr(data-title); font-size: initial;}
	.no-more-tables td .hidemeafter{display:none;}
	.no-more-tables .one_day tr td span.span6{/*float:left;width:initial; */text-align:right;}
	
}