@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700");
/*
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2") format("woff2");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2") format("woff2");
}*/
@font-face {
    font-family: 'HelveticaNeue';
    src: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/HelveticaNeue.eot");
    src: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/HelveticaNeue.eot?#iefix") format('embedded-opentype'),
         url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/HelveticaNeue.woff") format('woff'),
         url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/HelveticaNeue.ttf") format('truetype'),
         url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/HelveticaNeue.svg#HelveticaNeue") format('svg');
 }

 @font-face {
	font-family: 'dirham';
	font-weight: normal;
	src: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/fonts/font1.woff") format('woff');
} 

@font-face {
	font-family: 'dirham';
	font-weight: normal;
	src: url("//tools.euroland.com/tools/InvestmentCal2/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;
}
.parameter-item-label, .parameter-item.div-checkbox {
    font-family: 'HelveticaNeue', sans-serif;
    font-size: 14px;
}

.parameter-item-label {
    height: 50px;
    line-height: 50px;
    
    padding-top:0px;
}
.tab-active {
      font-weight: normal!important;
}
table{
    /*font-size: inherit;*/
    
}
.main-heading{
	display: none !important;
}
.headline{
	/*
    font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    padding-right: 12px;
    text-decoration: none;
    line-height: 20px;
    color: #4f4f4f;
    */
}
.textbox{
	/*border-right: #9c9c9c 1px solid;
	border-top: #9c9c9c 1px solid;
	border-left: #9c9c9c 1px solid;
	border-bottom: #9c9c9c 1px solid;*/
	/*padding-left: 2px;*/
	/*color: #4f4f4f !important;*/
	/*height: 19px;
	width: 85px;*/
	
}
.button input{
    /*font-size: 14px;*/
    /*color: inherit;*/
    /*font-weight: normal;
    padding-bottom: 3px;
	height: 25px;
    width: 112px;
    cursor: hand;*/
}
.button input:hover{
    /*cursor: pointer;*/
}
.line{
    /*height: 7px;
    background: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/Images/cn-snp/space.gif") repeat-x bottom;*/
}
.horizontal_line{
    /*display: none;*/
}
/* .top_note{
	background: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/Images/CN-SNP/space.gif") repeat-x scroll 0 100% transparent;
    margin-bottom: 5px;
    padding-bottom: 2px;
} */
/* .lblTopNote{
	background: url("//tools.euroland.com/tools/InvestmentCal2/Config/Company/ae-nbf/Images/CN-SNP/red-stork-point.gif") no-repeat scroll 5px 50% transparent;
    padding-left: 12px;
	color: #262626;
    font-size: 9pt;
    font-weight: bold;
    line-height: 18px;
} */
.div-share-name-and-date {
	color: #595f75;
	display: none;
}
.dividend-history-box td{
    height: 29px;
}
.table-value{
    height: 29px;
}
.table-share-header{
    font-weight: normal;
    height: 32px !important;
	border: 0px;
}
.table-total-value{
    height: 29px;
    background-color: #E4E4E4;
}
/**DOWNLOAD BUTTON**/
.download-data-button {
	font-weight: normal;
	font-size: 14px !important;
	text-transform: uppercase;
	background-color: #ffffff;
	border: 1px solid #e1e2e3;
	padding: 0px 10px !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	height: 30px;
	cursor: pointer;
}

.download-data-button:hover {
}  
.en-gb .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 .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;
}
.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;
}

.data-button-wrapper {
	padding-bottom: 15px;
}
button.data-button, button.data-button:active {
    float: left;
}
 /***************************TAB START********************************/
.tabs {
	line-height: 49px;
	height: 50px;
	border-bottom: solid 1px #e1e2e3;
}
.tabs li {
    float: left;
    margin: 0 0 -1px;
}
.tabItem { 
    color: #9d9fa2 !important;
	background: #ffffff !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;
	height: 49px;
	line-height: 49px;
	transition: all 0.2s ease-in-out 0s;
}
.tab-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 ;
	height: 49px;
	line-height: 49px;
}
  
.tabItem:hover { 
	color: #ffffff !important; 
	background: #009dd8 !important;
	border: solid 1px #009dd8 !important;
	border-bottom: solid 1px #009dd8 !important;
}/***************************TAB END********************************/ 
.wrapper{
    padding: 0px;
    width: 100%;
	max-width: 1010px;
}
.row-control-template{
    width: 270px;
}
.table-share-header-name{
    padding-left: 37px;
}
.checkbox-wrapper{
    padding-right: 10px;
}
.table-share-row-date{
    padding-right: 12px;
}
.table-share-header-market, .table-share-market-name{
    padding-left: 30px;
}
.ac_input {
    padding: 14px 0 14px 18px;
	border: 1px solid #e1e2e3;
}
.ac_over {
    background-color: #009dd8;
}
.ac_results {
    width: 200px !important;
}
.dropdown-item {
    width: 182px !important;
}
.local-currency {
	width: 160px !important;	
	font-size: 14px !important;
	padding-left: 0 !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	text-transform: none !important;
}

.initial-title, .initial-date, .end-title, .end-date { 
	font-weight: 600;
	color: #5f5f5f;
	font-size: 18px;
}

.parameter-item-label{
	width: 180px !important;
}
.en-gb #amountInvestedContainer .data-button-wrapper{
	margin-left: 439px;
}
.ar-ae #amountInvestedContainer .data-button-wrapper{
	margin-right: 397px !important;
}

.en-gb #shareBoughtContainer .data-button-wrapper {
    margin-left: 233px;
}
.ar-ae #shareBoughtContainer .data-button-wrapper {
    margin-right: 191px !important;
}
.datefrom-input , .dateto-input, .value-input{
    height: 20px !important;
    padding: 14px 18px;
    width: 164px;
	font-size: 14px !important; 
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important ;
	border: solid 1px #e1e2e3;
}
.datefrom-input:focus , .dateto-input:focus, .value-input:focus{
    border: solid 1px #009dd8;
}
body.body-rtl .data-button {
    float: right !important;
    margin-left: 20px;
    white-space: nowrap;
}
span.checkbox{
 line-height: 16px;
}
.body-rtl .footer
{
	clear:both;
}

@media (max-width: 658px){
	.parameter-item-label{
		width: 180px !important;
		margin-right: 20px !important;
	}
	.by-amount-invested{
		width: 144px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	#amountInvestedContainer .data-button-wrapper,
	#shareBoughtContainer .data-button-wrapper{
		margin-left: 204px !important;
	}
	body.ar-ae .data-button-separated {
		float: right !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.ar-ae #amountInvestedContainer .data-button-wrapper {
		margin-right: 211px !important;
	}
	.ar-ae #shareBoughtContainer .data-button-wrapper {
		margin-right: 212px !important;
	}
	body.en-gb{
		font-size: 14px;
	}
	body.ar-ae{
		font-size: 14px;
	}
	.data-button{
		margin-left: 0 !important;
	}
	.tabItem {
		width: 160px;
		font-size: 12px !important;
		border-bottom: solid 1px #e1e2e3;
		line-height: 39px;
		height: 39px;
	}
	.tab-active {
		width: 160px;
		font-size: 12px !important;
		border: solid 1px #009dd8 !important;
		line-height: 39px;
		height: 39px;
	}
	.tabs {
		border-bottom: solid 0px #e1e2e3;
		line-height: 38px;
		height: 39px;
	}
	.calculation-parameters {
		padding-top: 30px;
	}
	.en-gb .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.en-gb .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.download-data-button {
		font-size: 14px !important;
	}
	.datefrom-input , .dateto-input, .value-input{
		height: 20px !important;
		padding: 9px 13px;
		width: 164px;
		font-size: 12px !important; 
	}
	.ac_results {
		width: 190px !important;
	}
	.dropdown-item {
		width: 177px !important;
	}
	.local-currency{ 
		font-size: 12px !important;
	}
	.ac_input {
		padding: 9px 0 9px 13px;
	}
	.initial-title, .initial-date, .end-title, .end-date { 
		font-weight: 600;
		color: #5f5f5f;
		font-size: 14px;
	}
}
@media (max-width: 568px){
	.parameter-item-label{
		width: 180px !important;
		margin-right: 20px !important;
	}
	.by-amount-invested{
		width: 144px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	#amountInvestedContainer .data-button-wrapper,
	#shareBoughtContainer .data-button-wrapper{
		margin-left: 204px !important;
	}
	body.ar-ae .data-button-separated {
		float: right !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.ar-ae #amountInvestedContainer .data-button-wrapper {
		margin-right: 204px !important;
	}
	.ar-ae #shareBoughtContainer .data-button-wrapper {
		margin-right: 204px !important;
	}
	body.en-gb{
		font-size: 14px;
	}
	body.ar-ae{
		font-size: 14px;
	}
	.data-button{
		margin-left: 0 !important;
	}
	.tabItem {
		width: 160px;
		font-size: 12px !important;
		border-bottom: solid 1px #e1e2e3;
		line-height: 39px;
		height: 39px;
	}
	.tab-active {
		width: 160px;
		font-size: 12px !important;
		border: solid 1px #009dd8 !important;
		line-height: 39px;
		height: 39px;
	}
	.tabs {
		border-bottom: solid 0px #e1e2e3;
		line-height: 38px;
		height: 39px;
	}
	.calculation-parameters {
		padding-top: 30px;
	}
	.en-gb .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.en-gb .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.download-data-button {
		font-size: 14px !important;
	}
	.datefrom-input , .dateto-input, .value-input{
		height: 20px !important;
		padding: 9px 13px;
		width: 164px;
		font-size: 12px !important; 
	}
	.ac_results {
		width: 190px !important;
	}
	.dropdown-item {
		width: 177px !important;
	}
	.local-currency{ 
		font-size: 12px !important;
	}
	.ac_input {
		padding: 9px 0 9px 13px;
	}
	.initial-title, .initial-date, .end-title, .end-date { 
		font-weight: 600;
		color: #5f5f5f;
		font-size: 14px;
	}
}

@media (max-width: 418px){
	body.body-rtl .calculation-parameters {
		clear: both;
		padding: 45px 3px 10px 0;
	}
	.parameter-item-label{
		width: 180px !important;
		margin-right: 0px !important;
	}
	
	.by-amount-invested{
		width: 144px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	#amountInvestedContainer .data-button-wrapper,
	#shareBoughtContainer .data-button-wrapper{
		margin-left: 3px !important;
	}
	.ar-ae #amountInvestedContainer .data-button-wrapper {
		margin-right: 3px !important;
	}
	.ar-ae #shareBoughtContainer .data-button-wrapper {
		margin-right: 3px !important;
	}
	body.ar-ae .data-button-separated {
		float: right !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	body.en-gb{
		font-size: 14px;
	}
	body.ar-ae{
		font-size: 14px;
	}
	.data-button{
		margin-left: 0 !important;
	}
	.tabItem {
		width: 160px;
		font-size: 12px !important;
		border-bottom: solid 1px #e1e2e3;
		line-height: 39px;
		height: 39px;
	}
	.tab-active {
		width: 160px;
		font-size: 12px !important;
		border: solid 1px #009dd8 !important;
		line-height: 39px;
		height: 39px;
	}
	.tabs {
		border-bottom: solid 0px #e1e2e3;
		line-height: 38px;
		height: 39px;
	}
	.calculation-parameters {
		padding-top: 30px;
	}
	.en-gb .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.en-gb .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.ar-ae .data-button:hover {
		font-size: 12px !important;
		width: 192px;
		height: 40px;
	}
	.download-data-button {
		font-size: 14px !important;
	}
	.datefrom-input , .dateto-input, .value-input{
		height: 20px !important;
		padding: 9px 13px;
		width: 164px;
		font-size: 12px !important; 
	}
	.ac_results {
		width: 190px !important;
	}
	.dropdown-item {
		width: 177px !important;
	}
	.local-currency{ 
		font-size: 12px !important;
	}
	.ac_input {
		padding: 9px 0 9px 13px;
	}
	.initial-title, .initial-date, .end-title, .end-date { 
		font-weight: 600;
		color: #5f5f5f;
		font-size: 14px;
	}
}

body.body-rtl .local-currency {
    padding-right: 3px;
    padding-left: 0!important;
    text-align: right;
    font-size: 17px!important;
}
.footer {
    font-size: 10.5px;
}

.detail-line, .table-share .border-inline {
    font-family: 'dirham', sans-serif !important;
}

.ac_results li {
    font-family: 'dirham', sans-serif !important;
}

g.highcharts-axis > text, g.highcharts-cumulative-group > text, .highcharts-tooltip > span {
    font-family: 'dirham', sans-serif !important;
}


.ac_input,.dropdown-name {
font-family: 'dirham', sans-serif !important; 
}

.currency-code {
    text-transform: none;
}

g.highcharts-axis text tspan, g.highcharts-axis text {
    transform: translate(0, 0) rotate(361deg) !important;
}