/*************************Transactions*************************/

.transact {

}

.table_transactions
{
	border-collapse:collapse;
	font-size:13px;
	margin-bottom:10px;
	max-width:700px;
}

.table_transactions tbody tr
{
	border-bottom:1px solid lightgrey;
	border-top:1px solid lightgrey;
	min-height:25px;
}

.table_transactions tbody td
{
	vertical-align:top;
}

.column_date
{
	padding:2px;
	padding-right:10px;	
	text-align:right;
	width:90px;
	white-space:nowrap;
}

.column_ioffer
{
	padding:10px;
	padding-bottom:0px;
	border-right:1px solid grey;
	vertical-align:top;
	white-space:nowrap;
	width:50%;
}

.column_iwant
{
	padding:10px;
	vertical-align:top;
	width:50%;
}

.column_text
{
	padding:2px;
	padding-right:10px;
	text-align:left;
}

.column_buttons
{ 
	padding:2px;
	text-align:right;
	white-space:nowrap;
}

.form_build_trade
{
	border:1px solid lightgrey;
	background-color:CCFFCC;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:10px;
}

.form_build_trade_label
{
	color:grey;
	font-size:12px;
	margin-bottom:10px;
}

.form_button
{
	display:inline;
	margin-bottom:0px;
}

.form_button_remove
{
	margin-bottom:0px;
	white-space:nowrap;
}

.form_release
{
	font-size:80%;	
	margin-bottom:0px;
	margin-left:10px;
	padding:0px;
}

.li_commodity
{
	height:20px;
}

.noborder
{
	border:0px !important;
}

.pending
{
	background-color:CCFFCC;
	color:grey;
}

.pending .remain {
	background-color:purple;
	border-radius:6px;
	color:white;
	font-size:10px;
	font-weight:bold;
	padding:1px 10px 1px 10px;
}

.pending_waiversoffer
{
	background-color:lightblue;
	color:grey;
}

.transact .section
{
	background-color:99CCFF;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
}

.transact .section_content
{
	font-size:12px;
	margin-left:10px;
}

.transact .section_row {
	display:flex;
		flex-direction:row;
		justify-content:flex-start;
	margin-bottom:5px;
}

	.transact .section_row .section_label {
		display:inline-block;
		padding-top:2px;
		text-align:right;		
		width:90px;
	}
	
	.transact .section_row .section_value {
		display:inline-block;
	}
	
	.transact .section_row .section_buttons {
		margin-left:150px;
	}

.transact .section_subcontent
{
	/*margin-left:50px;*/ 
}

.transact .section_title
{
	color:grey;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
}

.transact .section_subtitle
{
	color:lightgrey;
	font-size:11px;
	margin-bottom:5px;
	margin-left:15px;
}

.submit_accept,
.submit_addto,
.submit_cancel,
.submit_clear,
.submit_edit,
.submit_makeoffer,
.submit_remove,
.submit_withdraw {
	border-radius:4px !important;
	font-size:10px !important;
	padding:1px 2px !important;
}

	.submit_accept
	{
		color:green !important;
		width:50px;
	}

	.submit_addto
	{
		margin-top:10px;
		padding:1px 4px !important;
	}

	.submit_cancel
	{
		color:red !important;
		width:50px;
	}

	.submit_clear
	{
		color:green !important;
		width:80px;
	}

	.submit_edit
	{
		color:blue !important;
		width:50px;
	}

	.submit_makeoffer
	{
		color:green !important;
		width:65px;
	}

	.submit_remove
	{
		color:red !important;
		margin-left:5px;
	}

	.submit_withdraw
	{
		color:red !important;
		width:65px;
	}

.textarea_waiversnote
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:text-top;
	width:250px;
}

.table_propose_trade
{
	background-color:lightyellow;
	border:1px solid grey;
	border-collapse:collapse;
	font-size:13px;
	margin-left:15px;
	margin-bottom:15px;
	padding:10px;
}

.table_propose_trade li
{
	height:20px;
}

.table_trans_allowed
{
	background-color:lightyellow;
	border:0px solid lightgrey;
	color:grey;	
	font-size:11px; 
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

.table_trans_allowed td
{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

.table_commodities_avail
{
	background-color:lightyellow;
	border:0px;
	color:grey;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:80%;
}

.table_commodities_avail td
{
	text-align:center;
	padding:2px;
}

.td_build_trade
{
	padding:20px;
	padding-top:10px;
	border-right:1px solid grey;
	border-bottom:1px solid grey;
}

.td_build_trade_finalize
{
	text-align:center;
	height:50px;
}

.td_trade_incomplete
{
	height:50px;
	text-align:center;
}

.td_trade_note
{
	padding:10px;
	padding-left:5px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

.td_trade_note_label
{
	padding:10px;
	padding-right:5px;
	text-align:right;
	vertical-align:top;
	width:50px;
}

.td_trade_value
{
	border-right:1px solid grey;
	color:grey;
	font-size:13px;
	margin-top:0px;
	margin-bottom:1px;
	text-align:center;
}

.trade_note {
	height:50px;
	margin-bottom:5px;
	width:275px;
}

.trade_note_sublabel {
	color:lightgrey;
	font-size:11px;
	margin-bottom:10px;
}

.trading_with
{
	color:grey;
	font-size:13px;
	margin-left:15px;
}

.trans_note
{
	border:1px dotted grey;
	font-size:11px;
	margin:2px;
	margin-left:25px;
	padding:2px;
	white-space: pre-wrap;
	width: 75%;
}

@media screen and (max-width: 700px) {

	.transact .section {
		padding:0px;
		margin-bottom:25px;
	}

	.transact .section_content {
		margin-left:0px;
	}
	
	.transact .section_row {
		flex-direction:column;
	}

		.transact .section_row .section_label {
			margin-bottom:2px;
			text-align:left;
			width:100%;
		}
		
		.transact .section_row .section_value {
			width:100%;
		}
		
			.transact .section_row .section_value textarea {
				width:calc(100% - 10px);
			}
		
		.transact .section_row .section_buttons {
			margin-left:0px;
		}
		
			.transact .section_row .section_buttons input[type="submit"] {
				width:100%;
			}

	.transact .section_subcontent {
		margin-left:0px; 
	}
	
	.table_propose_trade {
		margin-left:0px;
	}
	
	.trading_with {
		margin-left:0px;
	}
	
	.trans_note {
		margin-left:0px;
		margin-top:5px;
		width: 100%;
	}
}

/***********Propose Trade**********/

	.trade_propose {
		display:flex;
			flex-direction:column;
		background-color:lightyellow;
		font-size:13px;
		margin-left:15px;
		margin-bottom:15px;
		max-width:700px;
		padding:10px;
			padding-right:0px;
		
		border:1px solid grey;	
	}
	
	.trade_propose .trade_build {
		border:1px solid lightgrey;
		min-height:100px;
		padding:5px;
	}
	
	
	.trade_propose .trade_elements {
		min-height:75px;
	}
		
		.trade_propose .trade_elements li {
			margin-bottom:3px;
		}
	
	.trade_propose .trade_finalize .trade_buttons {
		margin-right:10px;
		text-align:center;
	}
	
	.trade_propose .trade_finalize_button {
		margin-right:10px;
		text-align:center;
	}
	
	.trade_propose .trade_incomplete {
		margin-right:10px;
		padding:5px;
		text-align:center;
		
	}
	
	.trade_propose .trade_note_block {
		display:flex;
			flex-direction:column;
		margin-right:10px;
	}
	
	.trade_propose .trade_row {
		margin-bottom:5px;
	}
	
	.trade_propose .trade_teams {
		display:flex;
			flex-direction:row;
			
		margin-bottom:10px;
	}
	
	.trade_propose .trade_team {
		flex-grow:1;
		border:1px solid grey;
		margin-right:10px;
		padding:10px;
	}
	
	.trade_propose .trade_value {
		color:grey;
		text-align:center;
	}
	
	.warning_block {
		max-width:700px;
	}

	.warning_tocomplete
	{
		color:red;
		font-size:13px;
		margin-left:55px;
		margin-top:5px;
		margin-bottom:5px;
	}
		
	@media screen and (max-width: 700px) {

		.trade_propose {
			margin-left:0px;
			margin-bottom:15px;
			max-width:100%;
		
		}
		
		.trade_propose .trade_build {
			min-height:0px;
		}
	
	
		.trade_propose .trade_elements {
			min-height:0px;
		}
		
		.trade_propose .trade_finalize .trade_buttons {
			display:flex;
				flex-direction:column;
		}
		
			.trade_propose .trade_finalize .trade_buttons input[type="submit"] {
				margin-bottom:5px;
				margin-top:5px;
			}
		
		.trade_propose .trade_finalize_button button[type="button"] {
			width:100%;
		}

		.trade_propose .trade_teams {
			flex-direction:column;
			margin-bottom:0px;
		}
		
		.trade_propose .trade_team {
			margin-bottom:10px;
		}
		
		.warning_block {
			max-width:100%;
		}
		
		.warning_tocomplete {
			margin-left:0px;
			text-align:center;
		}

	}