@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700");

@font-face {
	font-family: 'dirham';
	font-weight: normal;
	src: url("//tools.euroland.com/tools/splookup/Config/Company/ae-nbf/fonts/font1.woff") format('woff');
} 

@font-face {
	font-family: 'dirham';
	font-weight: normal;
	src: url("//tools.euroland.com/tools/splookup/Config/Company/ae-nbf/fonts/font1.woff2") format('woff2');
} 

body.en-gb{
	font-family: "Open Sans",san-serif !important;
    font-size: 14px;
	color: #5f5f5f;
}
body.ar-ae{
	font-family: "Open Sans",san-serif !important;
    font-size: 14px;
	color: #5f5f5f;
}

/***************************PAGE-FONT-STYLE START********************************/
.en-gb .page-font-style
{
}
.ar-ae .page-font-style
{
}
/***************************PAGE-FONT-STYLE END********************************//***************************MAIN-HEADING START********************************/
.main-heading
{
    font-size: 14px;
    
}
.selection-left, td.td-fromto {

}
.div-share-name-and-date {
	display: none;
}
.main-heading
{	
	display: none;
}
.wrapper {
	padding: 0;
	width: 100%;
	max-width: 1010px;
} /***************************MAIN-HEADING END********************************/  /***************************TABLE START********************************/
.table-share-header {
	border: solid 0px #CCC;
	border-left: none;
	border-right: none;
	height: 32px !important;
	/*background-color: #f4f4f4;*/
}
.table-share-header-check {
	text-align: left;
	border-left: solid 1px #CCC;
	padding-left: 10px;
}

.body-rtl .table-share-header-check 
{
    text-align: right;
	border-right: solid 1px #CCC;
	border-left:none;
	padding-right: 10px;
}

.table-share-header-date {
	border-right: solid 1px #CCC;
}

.body-rtl .table-share-header-date 
{
    border-left: solid 1px #CCC;
    border-right:none;
    text-align:left;
}

.table-share-header-name {
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	text-align: left;
	padding-left: 10px;
}
.table-share-header-market {
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	text-align: left;
}
.table-share-header-currency {
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	/*text-align: center;*//*Aligned to the center in the code - JK*/
}
.table-share-header-date {
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	text-align: right;
}

.table-share-row-name {
	/*text-align: left;*//*Aligned to the left in the code*/
	padding-left: 10px;
}
.table-share-row-currency {
	text-align: center;
}
.table-share-row-date {
	text-align: right;
	width: 130px;
	padding-right: 12px;
}

.body-rtl .table-share-row-date 
{
    text-align: left;
	width: 130px;
	padding-left: 12px;
}

.table-grid-line {
	/*border-color: #FFFFFF;
	border-width: 1px;*/
}
.table-share-row-even {
	/*background-color: #EEE;*/
}
.table-share-row-odd {
	/*background-color: #FFFFFF;*/
}  /***************************TABLE END********************************/   /***************************HYPERLINK START********************************/
.footer-box {
	text-align: right;
	font-size: 10.5px;
}
.footer-box .hyperlink {
	/*color: #d52b1e;*/
	/*text-decoration: underline;*/
}
.footer-box .hyperlink:hover {
	/*color: Blue;*/
}
.disclaimer-box a, .cookies-box a {
} 
.disclaimer-box a:hover, .cookies-box a:hover {
	
}  
/***************************HYPERLINK END********************************/   /***************************TAB START********************************/
.tabs {
	line-height: 49px;
	height: 50px;
	border-bottom: solid 1px #e1e2e3;
}
.tabs li {
    float: left;
    margin: 0 0 -1px;
}
.tabItem-active {
	text-decoration: none;
	background: #009dd8 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	border: solid 1px #009dd8;
	border-bottom: solid 1px #009dd8;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	text-transform: none !important;
	padding-left: 17px !important;
	padding-right: 17px !important;
	font-size: 14px !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
}
.tabItem {
	color: #9d9fa2 !important;
	text-decoration: none;
	border: solid 1px #e1e2e3;
	border-bottom: solid 1px #e1e2e3;
	text-transform: none !important;
	padding-left: 17px !important;
	padding-right: 17px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 14px !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	font-weight: 600 !important;
	transition: all 0.2s ease-in-out 0s;
}
.tabItem-active:hover{ }
.tabItem:hover { 
	color: #ffffff !important; 
	background: #009dd8 !important;
	border: solid 1px #009dd8 !important;
	border-bottom: solid 1px #009dd8 !important;}
/***************************TAB END********************************/  /***************************BUTTON START********************************/
.en-gb .show-data-button {
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	background: #19a7dc;
	border-radius: 2px;
	border: 1px solid #19a7dc;
	background-image: -moz-linear-gradient(center top, #19a7dc, #19a7dc);
	margin-right: 12px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}
.ar-ae .show-data-button {
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	background: #19a7dc;
	border-radius: 2px;
	border: 1px solid #19a7dc;
	background-image: -moz-linear-gradient(center top, #19a7dc, #19a7dc);
	margin-right: 3px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}
body.body-rtl .btn-inner
{
	text-align:right;
}
.en-gb .show-data-button:hover {
	background: #4cbae4;
	-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	border-radius: 2px;
	border: 1px solid #4cbae4;
	margin-right: 12px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}
.ar-ae .show-data-button:hover {
	background: #4cbae4;
	-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	border-radius: 2px;
	border: 1px solid #4cbae4;
	margin-right: 3px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}
.download-data-button {
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	background: #19a7dc;
	border-radius: 2px;
	border: 1px solid #19a7dc;
	background-image: -moz-linear-gradient(center top, #19a7dc, #19a7dc);
	margin-right: 12px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}
.download-data-button:hover {
    background: #4cbae4;
	-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	color: #FFFFFF;
	font-size: 14px !important;
	/*text-align: center;*/
	border-radius: 2px;
	border: 1px solid #4cbae4;
	margin-right: 12px;
	font-weight: 600;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 50px;
	width: 202px;
}  /***************************BUTTON END********************************/   /***************************SEARCH RESULT START********************************/
#txtStartDate, #txtEndDate, #txtHeaderCurrency 
{
	width:125px;
	font-size: 14px !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	color: inherit;
	padding: 3px;
	border: solid 1px #e1e2e3;
	padding: 14px 18px;
    width: 164px;
}
#txtStartDate:focus, #txtEndDate:focus, #txtHeaderCurrency:focus 
{
	border: solid 1px #009dd8;
}
.break {
	/*height: 10px;*/
}
.div-result h1 {
	/*font-size: 14px;*/
	/*font-weight: bold;*/
}
.result-box-border {
	/*border-color: #CACACA;*/
}
.multiple-result-box-border {
	/*border-color: #CACACA;*/
}
.result-close-icon {
	border: 1px solid #e1e2e3;
	position: absolute;
	height: 23px;
	width: 23px;
	background-color: #FEFEFE;
	border-radius: 2px 2px 2px 2px;
	z-index: 999999;
	text-align: center;
	vertical-align: bottom;
	line-height: 23px;
}
.result-close-icon:hover {
	cursor: pointer;
}
.single-share {
	width: 49%;
}
.single-share table {
	margin: 0 auto;
}
.single-result-values {
	padding-left: 25px;
	line-height: 20px;
	text-align: left;
}

.en-gb .second-heading {
	font-size: 18px;
	color: #5f5f5f;
	font-family: HelveticaNeue,sans-serif;
    color: #000;
    
    font-weight: 400;
	
}
.download-single-result table td {
    border-bottom: solid 1px #ccc;
    height: 30px;
}
.ar-ae .second-heading {
	font-size: 18px;
	color: #5f5f5f;
	text-transform: uppercase;
	font-weight: bold;
} /***************************SEARCH RESULT END********************************/
body.body-rtl .btn-outer
{
	float:right !important;
}
.divGraph{
	display: block;
}
/*Fix for Ie7 Browser with culture: FI-FI*/
.fi-fi .td-left
{
	*width:220px !important;
	width:220px\0/ !important;
}
.ac_input {
    padding: 14px 0 14px 18px;
	border: 1px solid #e1e2e3;
	width: 182px !important;
}
.ac_over {
    background-color: #009dd8;
}
.local-currency{ 
	width: auto !important; 
	font-size: 14px !important;
	padding-left: 0 !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
}
.ac_results {
    width: 200px !important;
}
.dropdown-item {
    width: 182px !important;
}
.btn-outer {
    float: left;
    height: 100%;
    overflow: visible;
	padding-bottom: 10px;
}
.btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 217px !important;
}
.en-gb .download .btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 262px !important;
}
.ar-ae .download .btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
	margin-right: 45px;
}
.td-fromto, .td-right, .td-iconcalendar {
    width: 42px;
}
.selection-left {
    float: left;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 16px;
    white-space: nowrap;
    width: 200px !important;
}
#downloadResult, #divSearchResult {
    margin: 15px auto;
    width: 100%;
}
.div-result {
    float: left;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
span.highcharts-title div {
	color: transparent !important;
}

@media (max-width:435px)
{
	.ar-ae .download .btn-inner
	{
		width:160px !important;
	}
}
@media (max-width : 450px) {
	body.en-gb{
		font-size: 14px;
	}
	body.ar-ae{
		font-size: 14px;
	}
	.tabItem-active {
		text-align: left;
		width: 160px;
		font-size: 12px !important;
		border: solid 1px #009dd8 !important;
	}
	.tabItem {
		text-align: left;
		width: 160px;
		font-size: 12px !important;
		border-bottom: solid 1px #e1e2e3;
	}
	.tabs {
		border-bottom: solid 0px #e1e2e3;
		line-height: 38px;
		height: 39px;
	}
	.single-data-label { 
		white-space: normal;
	}
	#txtStartDate, #txtEndDate, #txtHeaderCurrency 
	{
		font-size: 12px !important;
		padding: 9px 13px;
	}
	.ac_input {
		padding: 9px 0 9px 13px;
	}
	.en-gb .show-data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.en-gb .show-data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .show-data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .show-data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.download-data-button {
		font-size: 12px !important;
	}
	.local-currency{ 
		font-size: 12px !important;
	}
	.btn-inner {
		margin-bottom: 20px;
		margin-top: 20px;
		width: 207px !important;
	}
	.selection {
		clear: both;
		padding: 25px 0;
	}
	.ac_results {
		width: 190px !important;
	}
	.dropdown-item {
		width: 177px !important;
	}
}

g.highcharts-axis>text, .single-result-close-price, .ac_results li {
   font-family: 'dirham', sans-serif !important; 
}

.ac_input {
font-family: 'dirham', sans-serif !important; 
}

.highcharts-container g.highcharts-axis text {
    -webkit-transform: rotate(0deg) !important;
    display: inline-flex !important;
}

