/* Public report styling */
/* ===================== */

.headSummary {
	background-color: lightgreen;
	color: black;
	text-align: center;
	line-height: 1;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
}

.dataTables_filter {
  margin-bottom: 20px;
}

body:not(.wp-admin) .dataTables_filter input {
  padding: 1px 2px;
}

body:not(.wp-admin) .dataTables_length select {
  padding: 1px 2px;
}

#tradelist .dt-column-order, #tradelist .dt-column-order:before, #tradelist .dt-column-order:after {
 content: "";
}

#tradelist.trent-report thead tr, #recent-alerts.trent-report thead tr, #stocks-table.trent-report thead tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223038+0,326b6a+100 */
	background: #223038; /* Old browsers */
	background: -moz-linear-gradient(top, #223038 0%, #326b6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #223038 0%,#326b6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #223038 0%,#326b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223038', endColorstr='#326b6a',GradientType=0 ); /* IE6-9 */
}

#tradelist.trent-report thead th, #recent-alerts.trent-report thead th {
  color: white;
  font-weight: 300;
  text-transform: none;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background-image: none;
  border-bottom: 4px solid #223038;
  padding: 5px 18px;
  text-align: center;
}

#stocks-table.trent-report thead th {
  color: white;
  font-weight: 300;
  text-transform: none;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background-image: none;
  border-bottom: 4px solid #223038;
  padding: 5px 10px;
  text-align: left;
}

#tradelist.trent-report tbody .odd, #recent-alerts.trent-report tbody .odd, #stocks-table.trent-report tbody .odd{
  background-color: #E2E4FF;
}

#tradelist.trent-report tbody td {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}

#tradelist.trent-report tbody td.td_symbol a, #recent-alerts.trent-report tbody td a, #stocks-table.trent-report tbody td a {
	color: green;
}

.dataTables_paginate .paginate_button {
  padding: 1px 2px !important;
  line-height: 1;
}

#tradelist {
	display: none;
}

#tradelist_wrapper .ui-tabs .ui-tabs-panel {
	padding: 0;
}

#tradelist_wrapper .ui-widget-header {
	background: none;
}


#trent-form .submit {
	display: inline-block;
}

.trent-cancel-form {
	display: inline-block;
	background-color: #0085BA;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px 6px;
	border-radius: 2px;
	margin-left: 20px; 
}

.trent_container {
	border: 2px solid gray;
	padding: 2px 3px;
	border-radius: 10px;
}

.trent_field {
	width: 18%;
	display: inline-block;
	margin: 5px 8px;
}

.trent_field label, .trent_field input, .trent_field select {
	width: 100%;
}

#td_comments {
	width: 37%;
}

/* Report tabs */
.tabs_container{
	width: 100%;
	clear: both;
}

ul.tabs{
	margin: 0 !important;
	padding: 0px;
	list-style: none !important;
	display: inline-block;
}

ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 2px 15px;
	margin: 0;
	cursor: pointer;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-color: rgba(0,0,0,0);
}

ul.tabs li.current{
	background: #ededed;
	color: #222;
	border-color: rgba(0,0,0,0.5);
}

/* Report element styles */

.watchlist {
	margin-right: 20px;
}

.td_netprofit.negative, .td_percentage.negative, .td_change.negative {
	color: red !important;
}

.td_change.greenback, .td_dailychange.greenback, .td_profitloss.greenback, .td_annprofitloss.greenback {
	background: green;
	color: white !important;
}

.td_change.redback, .td_dailychange.redback, .td_profitloss.redback, .td_annprofitloss.redback {
	background: #E06666;
}

.td_SCTR.redback {
	background: #E06666;
}

.report_legend {
	width: 100%;
	text-align: right;
	border-top: 1px solid green;
	margin-top: 10px;
}

.report_legend .td_rule {
	width: 200px;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	font-size: 14px;
}

.td_rule.rule_1 {
	background: #C9DAF8;
}

.td_rule.rule_2 {
	background: #FFFF00;
}

.td_rule.rule_3 {
	background: #E06666;
}

.td_rule.rule_4 {
	background: #6D9EEB;
}

.td_rule.rule_5 {
	background: #93C47D;
}
	
.td_60minurl {
	text-align: center;
}

.td_opendate {
    min-width: 90px;
}

.green_dot {
	height: 15px;
	width: 15px;
	background: green;
	display: block;
	border-radius: 50%;
	margin: 0 auto;
	text-decoration: none;
}


.site-inner {
  overflow: visible;
}

.trent-close-stocks {
	display: inline-block;
	background-color: #0085BA;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px 6px;
	border-radius: 2px;
	margin-left: 20px; 
}

@media (max-width: 500px) {

	#tradereport_detail tr td {
	  width:100%;
	  display: inline-block;
	}
	#tradereport_detail tr td:first-child {
	  margin-top:10px;
	  background: #316867;
	  color: white;
	}

}

/* =========================== */ 
#tradelist.calendar-report thead tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223038+0,326b6a+100 */
	background: #223038; /* Old browsers */
	background: -moz-linear-gradient(top, #223038 0%, #326b6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #223038 0%,#326b6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #223038 0%,#326b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223038', endColorstr='#326b6a',GradientType=0 ); /* IE6-9 */
}

#tradelist.calendar-report thead th {
  color: white;
  font-weight: 300;
  text-transform: none;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background-image: none;
  border-bottom: 4px solid #223038;
  padding: 5px 18px;
  text-align: center;
  width: 7%;
}

#tradelist.calendar-report tfoot th {
	text-align: center;
	background-color: lightgreen;
}

#tradelist.calendar-report tbody .odd {
  background-color: #E2E4FF;
}

#tradelist.calendar-report tbody td {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}

.withdiv.div-projected {
	color: white !important;
	background-color: blue;
}

.withdiv.div-paid {
	color: white !important;
	background-color: green;
	font-weight: bold;
}

.ticker {
	color: green !important;
}

#calendar-header {
	
}

#calendar-header-left {
	display: inline-block;
	width: 45%;
}

#calendar-header-right {
	display: inline-block;
	text-align: right;
	width: 45%;
	float: right;
}

#calendar-footer {
	width: 100%;
	text-align: right;
	border-top: 1px solid green;
	margin-top: 10px;
}

#calendar-footer .legends {
	width: 200px;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	font-size: 14px;
	color: #ccc;
}
 
#calendar-footer .legends.legend-title {
	color: #444;
}

#calendar-footer .legends.legend-paid {
	background: green;
}

#calendar-footer .legends.legend-projected {
	background: blue;
}

/* =========================== */ 
#tradelist.summary-report thead tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223038+0,326b6a+100 */
	background: #223038; /* Old browsers */
	background: -moz-linear-gradient(top, #223038 0%, #326b6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #223038 0%,#326b6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #223038 0%,#326b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223038', endColorstr='#326b6a',GradientType=0 ); /* IE6-9 */
}

#tradelist.summary-report thead th {
  color: white;
  font-weight: 300;
  text-transform: none;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background-image: none;
  border-bottom: 4px solid #223038;
  padding: 5px 18px;
  text-align: center;
  width: 7%;
}

#tradelist.summary-report tfoot th {
	text-align: center;
	background-color: lightgreen;
}

#tradelist.summary-report tbody .odd {
  background-color: #E2E4FF;
}

#tradelist.summary-report tbody td {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}
 
/* =========================== */ 
 
.psummary {}

.psummary_head {
    text-align: right;
    font-weight: bold;
	text-transform: capitalize;
	width: 15%;
}

.psummary_top {
    text-align: center;
    font-weight: bold;
    /*width: 10%;*/
}

.psummary_cell {
    text-align: right;
}

.psummary .current {
    background-color: #C0FFC0;
}

/* =========================== */ 

.trent-chartlist {
	
}

.trent-chartlist-list {
    width: 50%;
    margin: 0 auto;
}

.trent-chartlist-matrix {
  display: flex;
   /*! align-items: left; */
   justify-content: left;
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   align-content: flex-end;
}

div.trent-chartlist-item {
	display: inline-block;
	margin-bottom: 40px;
}

.trent-chartlist-matrix div.trent-chartlist-item {
	width: 50%;
}

.trent-chartlist-item img {
	margin: 0;
}

.trent-chartlist-item-caption {
	margin-left: 45px;
	display: inline-block;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}

.tradelist-stackable.trent-report thead tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223038+0,326b6a+100 */
	background: #223038; /* Old browsers */
	background: -moz-linear-gradient(top, #223038 0%, #326b6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #223038 0%,#326b6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #223038 0%,#326b6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223038', endColorstr='#326b6a',GradientType=0 ); /* IE6-9 */
}

.tradelist-stackable.trent-report thead th {
  color: white;
  font-weight: 300;
  text-transform: none;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background-image: none !important;
  border-bottom: 4px solid #223038;
  padding: 5px 18px;
  text-align: center;
}

.tradelist-stackable.trent-report tbody .odd {
  background-color: #E2E4FF;
}

.tradelist-stackable.trent-report tbody td {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}

.tradelist-stackable.trent-report tbody td.td_symbol a {
	color: green;
}

.dataTables_paginate .paginate_button {
  padding: 1px 2px;
  line-height: 1;
}

.tradelist-stackable {
	display: none;
}

.tradelist-stackable_wrapper .ui-tabs .ui-tabs-panel {
	padding: 0;
}

.tradelist-stackable_wrapper .ui-widget-header {
	background: none;
}


.trent-report-title {
	display: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px;
	color: red;
	text-align: center;
}

.trent-chartsingle-item {
	display: none;
}

/* =================== */
/* = Activity Report = */
/* =================== */
.activity-report .last-row .f-td_invested {
	background-color: yellow;
}

.activity-report .first-row .f-td_value {
	background-color: lightsteelblue;
}

.activity-report .negative, #actrep_supplemental .negative {
	color: red !important;
}

.activity-report .f-td_percentage.hilited {
	background-color: green;
	color: white !important;
}

#actrep_chartdiv {
	width: 74%;
	height: 400px;
	display: inline-block;
	vertical-align: top;
}

#actrep_metrics {
	width: 25%;
	height: 400px;
	display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
}

#actrep_metrics table {
	line-height: 0.5;
	background-color: silver;
}

@media (max-width: 768px) {

	#actrep_chartdiv {
		width: 100%;
	}

	#actrep_metrics {
		width: 100%;
	}
}
/* ================= */
/* Benchmark Reports */
/* ================= */
.bench_reptable {
	width: 500px;
	font-family: sans-serif;
	border: 1px solid black;
	margin: 0 auto;
}
.bench_reptable .head {
	text-align: center;
	font-weight: bold;
}

.bench_reptable .datef {
	width: 90%;
	border-bottom: 1px solid silver;
	padding-left: 10px;
}

.bench_reptable .valf {
	width: 10%;
	text-align: right;
	border-bottom: 1px solid silver;
	padding-right: 10px;
}

@media (max-width: 500px) {
	.bench_reptable {
		width: 95%;
	}
}

#benchrep_container {
	width: 500px;
	margin: 0 auto;
	font-family: sans-serif;
}

#benchrep_container p {
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.benchrep_chartdiv {
	width: 500px;
	height: 300px;
	margin: 0 auto;
}

@media (max-width: 500px) {
	#benchrep_container {
		width: 95%;
	}

	.benchrep_chartdiv {
		width: 95%;
	}
}