@import url("//fonts.googleapis.com/css?family=PT+Sans:400,400i,700");
body{
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #6f6563;
    margin: 0px;
    background: transparent;
}

table
{
    font-size: inherit;	
}
.selected-share-calculation {
    background-color: #fff;
    /*padding: 5px 15px 15px 15px;*/
}
.en-gb .local-currency {
    text-transform:none!important;
}
.wrapper
{
    max-width: 1007px;
	width: 100%;
    padding: 0 0;
}
.headline{
	font-size: 13px;
	font-weight: bold;
    margin-bottom: 3px;    
    line-height: 20px; 
}
.hyperlink{
    font-weight: normal;
	text-decoration: none !important;
}
.hyperlink:hover{
    font-weight: normal;
	text-decoration: none !important;
}
.disclaimer-box a, .cookies-box a {
    font-weight: normal;
	text-decoration: none !important;
}
.disclaimer-box a:hover, .cookies-box a:hover {
    font-weight: normal;
	text-decoration: none !important;
}
.parameter-item-label {
    padding-left: 10px;
}
/***************************TAB START********************************/
.tabs {
	line-height: 29px;
	/*height: 30px;*/
	border-bottom: 3px solid #fe760a;
}
.tabs li {
    margin: 0 3px 0px 0;
}
.tabItem { 
    color: #6f6563;
    font-size: 15px;
	text-decoration: none;
	border: solid 0px #fff;
	font-weight: bold;
	text-transform: none;
	padding: 5px 10px;
	background-color: transparent;
}
.tab-active {
	text-decoration: none;
	background: transparent;
	color: #fe760a;
	font-weight: bold;
    font-size: 15px;
	border: solid 0px #fe760a;
	text-transform: none;
    text-decoration: none;
	padding: 5px 10px;
    background-color: #FFF;
}
.tabItem:hover,
.tab-active:hover { 
	color:#fe760a;
    transition: all 0.3s;
}
/***************************TAB END********************************/ 
.download-data-button {	
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-transform: none;
	background: #fe760a;
	padding: 5px 15px 2px 15px;
	cursor: pointer;
    font-weight:bold;
	border: 1px solid #fe760a;
}
.download-data-button:hover {
	background: #ffffff;
    color: #fe760a;
    transition:all 0.3s;
}  
.data-button {
	color: #ffffff;
	font-size: 13px;
	/*text-align: center;*/
	background: #fe760a;
	border: 1px solid #fe760a;
	margin-right: 13px;
	font-family: 'PT Sans', sans-serif;
	padding: 2px 15px !important;
	width: 133px;
    font-weight: bold;
}
.data-button:hover{
	background: #ffffff;
    color: #fe760a;
    transition:all 0.3s;
}

.data-button-wrapper {
	padding-bottom: 15px;
}
button.data-button, button.data-button:active {
    float: left;
}
/******/
.parameter-item-label {
    height: 27px;
    line-height: 25px;
	/*Input height:30px*/
}
.datefrom-input, .dateto-input, .value-input{
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
	border: 1px solid #ccc;
	color: inherit;
	padding: 4px 8px;
	color: #6f6563;
	border-radius: 0px;
	height: 20px !important;
	width: 115px;
}
.currency-selection {
    float: left;
    margin: 0 0 0 8px;
}
.ac_input {
    background-color: #fff;
	height: 28px !important;
    line-height: 28px !important;
	padding-left: 5px;
    vertical-align: middle !important;
	border: 1px solid #ccc;
	color: #6f6563;
	width: 126px !important;
	border-radius: 0px;
}
.fi-fi .ac_input {
	width: 166px !important;
}
.ac-arrow {
	background: rgba(0, 0, 0, 0) url("/tools/InvestmentCal2/Content/Images/dropdown/dropdown-sprite.gif") no-repeat scroll 0 6px;
	height: 26px !important;
	margin-left: 0px;
    margin-right: 5px;
}
.arrow-wrapper {
    height: 28px !important;
    line-height: 28px !important;
}
.arrow-wrapper:hover {
	border-left: 1px solid #ccc;
	background: #ffffff;
}
.local-currency {
    width: auto !important;
}
.line{
 height: 7px;
 }
.horizontal_line{
	display: none;
}

.top_note{
    margin-bottom: 5px;
    padding-bottom: 2px;
}
.lblTopNote{
    padding-left: 15px;
	color: #6f6563;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.dividend-history-box td
{
    padding: 5px;
}

.table-value
{
    font-weight: normal;
	padding: 5px;
	border-right: 0px;
}

.table-share-header
{
    background:#e0e0e0;
    padding: 10px;
    border:0px;
    font-weight: bold;
}
.table-share td {
    border-bottom:1px solid #e0e0e0;
    background:#f5f5f5;
}
.table-share td,
.table-share th {
    padding: 10px;
    height:inherit;
}
.table-share th {
    color:#000000;
}
.table-share-header-name{
	padding-left: 50px !important;
}
.table-total-value
{
    padding: 5px;
    background-color: #D7D9DA;
}
.block-title, .block-date{
	font-size: 13px;	
}
.initial-title-result, .end-title-result, .initial-date-time, .end-date-time
{
	font-size: 13px;	
}
.row-control-template {
    width: 300px;
}

.parameter-item-label
{
    width: 250px;
    margin-right: 0;
    margin-left: 0;    
}

body.ar-ae .parameter-item-label
{
    margin-right: 0;
    margin-left: 0;    
}
.en-gb #amountInvestedContainer .data-button-wrapper{
	margin-left: 404px;
}
.es-es #amountInvestedContainer .data-button-wrapper{
	margin-left: 404px;
}
.en-gb #shareBoughtContainer .data-button-wrapper {
    margin-left: 263px;
}
.es-es #shareBoughtContainer .data-button-wrapper {
    margin-left: 263px;
}

body.body-rtl .data-button {
    float: right !important;
    margin-left: 20px;
    white-space: nowrap;
}
.body-rtl .footer
{
	clear:both;
}
.EUCalendar-title div {
    text-shadow: none;
	color: #6f6563 !important;
}
.EUCalendar-dayNames div {
    text-shadow: none;
	color: #6f6563 !important;
}
.EUCalendar {
    font-family: 'PT Sans', sans-serif !important;
    font-size: 13px !important;
	color: #6f6563 !important;
}
.EUCalendar table {
    font-family: 'PT Sans', sans-serif !important;
    font-size: 13px !important;
	color: #6f6563 !important;
}
.EUCalendar-day {
    color: #6f6563;
}
.EUCalendar-day-selected {
    background-color: grey;
}
@media (max-width:570px){
	/*.tabItem { 
		font-size: 14px !important;
	}
	.tab-active {
		font-size: 14px !important;
	}
	body{
		font-size: 14px !important;
	}
	.EUCalendar {
		font-size: 14px !important;
	}
	.EUCalendar table {
		font-size: 14px !important;
	}
	.initial-title-result, .end-title-result, .initial-date-time, .end-date-time
	{
		font-size: 14px !important;	
	}
	.block-title, .block-date{
		font-size: 14px !important;	
	}
	.datefrom-input, .dateto-input, .value-input{
		font-size: 14px;
	}*/
}
@media (max-width: 480px){
	.parameter-item-label{
		width: 200px !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: 232px !important;
	}
	.data-button{
		margin-left: 0 !important;
	}
	.calculation-parameters {
		padding-top: 30px;
	}
	
}
@media (max-width: 380px){
	.parameter-item-label{
		width: 160px !important;
		margin-right: 20px !important;
	}
    .parameter-item-input {
        padding-left:10px;
    }
	.by-amount-invested{
		width: 144px !important;
	}
	#shareBoughtContainer .data-button-wrapper {
		margin-left: 10px !important;
	}
	#amountInvestedContainer .data-button-wrapper{
		margin-left: 10px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	.data-button{
		margin-left: 0 !important;
	}
	
	.calculation-parameters {
		padding-top: 30px;
	}
    
}