table.ontraport-table a:link {
  color: #666 ;
  font-weight: bold ;
  text-decoration: none ; 
}
table.ontraport-table a:visited {
  color: #999999 ;
  font-weight: bold ;
  text-decoration:none ;
}
table.ontraport-table a:active,
table.ontraport-table a:hover {
	color: #bd5a35 ;
	text-decoration:underline ;
}

table.ontraport-table {
	table-layout: fixed;
	width:100%;
	max-width:100%;
	color:#666 ;
	font-size:12px ;
	text-shadow: 1px 1px 0px #fff ;
	background:#eaebec ;
	margin:20px 0 ;
	border:#ccc 1px solid ;

	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;

	-moz-box-shadow: 0 1px 2px #d1d1d1 ;
	-webkit-box-shadow: 0 1px 2px #d1d1d1 ;
	box-shadow: 0 1px 2px #d1d1d1 ;
}

table.ontraport-table th {
	padding:14px 15px 15px 15px ;
	border-top:1px solid #fafafa ;
	border-bottom:1px solid #e0e0e0 ;
	line-height:1.4em ;
	text-align: center ;
	border-style: none ;

	background: #ededed ;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)) ;
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb) ;
}
table.ontraport-table th:first-child {
	text-align: left ;
	padding-left:15px ;
}
table.ontraport-table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px ;
	-webkit-border-top-left-radius:3px ;
	border-top-left-radius:3px ;
}
table.ontraport-table tr:first-child th:last-child {
	-moz-border-radius-topright:3px ;
	-webkit-border-top-right-radius:3px ;
	border-top-right-radius:3px ;
}
table.ontraport-table tr {
	text-align: center ;
	padding-left:15px ;
}
table.ontraport-table td:first-child {
	text-align: left ;
	padding-left:15px ;
	border-left: 0 ;
}
table.ontraport-table td {
	padding:15px ;
	border-top: 1px solid #ffffff ;
	border-bottom:1px solid #e0e0e0 ;
	border-left: 1px solid #e0e0e0 ;
	border-style:none;
	line-height:1.4em ;

	background: #fafafa ;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa) ;
}
table.ontraport-table tr.even td {
	background: #f6f6f6 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6) ;
}
table.ontraport-table tr:last-child td {
	border-bottom:0 ;
}
table.ontraport-table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px ;
	-webkit-border-bottom-left-radius:3px ;
	border-bottom-left-radius:3px ;
}
table.ontraport-table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px ;
	-webkit-border-bottom-right-radius:3px ;
	border-bottom-right-radius:3px ;
}
table.ontraport-table tr:hover td {
	background: #f2f2f2 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0) ;

}

.ontra-section{
	margin-bottom:30px;
}

.ontra-section-flex{
	display:flex;
	margin-bottom:30px;
}

.w-50{
	width:50%;
}


.ontraport-description{
	width:100%;
	padding:30px;
	border:1px solid #ccc;
	background-color:rgba(0,0,0,0.05);
	max-height:60vh;
	overflow-y:scroll;
}

.ontraport-col-6{
	width:50%;
	 
}


ul.ontraport-buttons{
	display:flex;
	margin-bottom: 2em;
	list-style-type:none !important;
	padding:0 !important;
}

ul.ontraport-buttons li.loading{
	 visibility:hidden;
	 padding:10px 25px;
}
ul.ontraport-buttons.loading li.loading{
	 visibility:visible;
}
ul.ontraport-buttons button{
	padding:15px 25px;
	cursor:pointer;
	background-color:rgba(0,0,0,0.15);
	border:0px solid white;
}
ul.ontraport-buttons button:hover{
	padding:15px 25px;
	background-color:rgba(0,0,0,0.1);
	border:0px solid white;
}
ul.ontraport-buttons button.active{
	background-color:rgba(0,0,0,0.2);
}

.ontraport-comments{
	width:100%; 
	padding:30px; 
	background-color:rgba(0,0,0,0.05);
	border:1px solid #ccc;
}

.ontraport-comments-wrapper{
	margin-top:30px;
} 

.attachment-view{
	max-width:200px;height:auto;
}

.ontraport-comments .comment-row{
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 30px 0; 
	border-bottom:2px solid black;
}

.ontra-attachment{
	margin-bottom:15px;
}

.comment-row:last-of-type{ 
	border-bottom:0px solid transparent;
	margin-bottom:0;
}

.ontraport-attachements{
	margin-top:30px;
}

.fancybox-container{
	z-index:1000000;
}