@import "../../../css/dividends-v2.0.css";
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/open-sans-v34-latin-300.eot'); 
	src: local(''),
		 url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'),
		 url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), 
		 url('fonts/open-sans-v34-latin-300.woff') format('woff'), 
		 url('fonts/open-sans-v34-latin-300.ttf') format('truetype'),
		 url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); 
  }

body {
	font-family: Arial, Helvetia, sans-serif;
}
h1,h2,h3,h4,h5,h6, #chart-footer h3 {
	font-family: Arial, Helvetia, sans-serif;
}

#wrapper {
  border: 0em solid #fff;
  float: left;
  overflow: hidden;
  width: 100%;
}

#wrapper > #dividends-form {
	border: 1px solid #fff;
	padding: 0em;
}

#dividends-form input[type=text] {
    display: inline-block;
    font-weight: normal;
    outline: medium none;
    width: 100%;
	max-width: 200px;
	font-family: Arial, Helvetia, sans-serif;;
	font-size: 16px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #dddddc;
	color: #404040;
	-webkit-appearance: none;
}

#dividends-form input:focus {
  /*background-color: #d7e1e5;*/
}

#dividends-range-input {
  padding: 0;
	min-width: 440px;
	max-width: 100%;
}
@media (max-width: 430px){
	#dividends-range-input {
		min-width:0px;
	}
}
.tr-calendar-icon {
	display: inline-block !important;
	width: auto !important;
}
.is-selected .pika-button,
.pika-button:hover {
	color: #B3B902 !important;
	background-color: #fff !important;
	box-shadow: none;
	border-radius:0px
}

.pika-table .pika-button:hover {
	background: #4d4e4d !important;
	color: #fff !important;
	border: 1px solid #4d4e4d;
	box-shadow: none;
}

.pika-table .is-selected .pika-button {
	background-color: #396999 !important;
	border: 1px solid #396999;
	color: #fff !important;
	box-shadow: none;
}

.is-today .pika-button {
	background-color: #396999 !important;
	border: 1px solid #396999;
}

.pika-table .pika-button {
	color: #303b3f;
	border: 1px solid #f5f5f5;
}
.range-begin, .range-until, 
.amount-invested, .amount-shares {
  padding: 0.4em 0;
}

#dividends-range-input .range-begin label, #dividends-range-input .range-until label, 
.amount-invested label, .amount-shares label {
  display: inline-block;
  width: 240px;
}

.english #dividends-range-input .range-begin label, .english #dividends-range-input .range-until label, 
.english .amount-invested label, .english .amount-shares label {
  width: 200px;
}

.dividends-reinvested {
  padding: 2em 0;
}
.dividends-calculate {
	overflow: hidden;
	padding-bottom: 3em;
}

.form-wrapper .dividends-calculate a.submit {
	background: #396999;
	border: 1px solid #396999;
	color: #fff;
	transition: all .3s ease;
	width: auto;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
}

.form-wrapper .dividends-calculate a:hover {
	background: #4d4e4d;
	border: 1px solid #4d4e4d;
	color: #fff;
}

#dividends-top, #dividends-chartwrapper, #dividends-footer {
  padding: 1em 0;
  border: none;
}

#dividends-footer table {
  width: 100%;
}

.dividends-table > tbody > tr > td,
.dividends-table > tbody > tr > th,
.dividends-table > tfoot > tr > td,
.dividends-table > tfoot > tr > th,
.dividends-table > thead > tr > td,
.dividends-table > thead > tr > th {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
.dividends-table th {
	border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #6aaf23;
	border-style: none none none solid;
	border-width: medium medium medium 1px;
	font-weight: 100;
	color: #fff;
	padding: 10px 1em;
	background-color: #396999;
}
.dividends-table tbody > tr:nth-of-type(2n) {
    background-color: #f6f6f6;
}
.dividends-table tbody > tr:nth-of-type(2n+1) {
    background-color: #e9edee;
}
input[type="checkbox"] + label:before {
	bottom: 1px !important;
}
.dividend-result .label span{
	font-family: Arial, Helvetia, sans-serif;
}


.form-wrapper .dividends-calculate a.submit{
	padding-top: 5px;
}