:root
{
	--feedback-feature-row-background-color:#FFFFFF;
     
	--feedback-vote-button-color: rgba(0,180,68,1);
	--feedback-vote-button-hover-color: rgba(0,207,68,0.1);
	--feedback-vote-button-in-progress-color: rgba(200,200,200,1);
	--feedback-vote-button-voted-color: rgba(0,180,68,1);
	
	--feedback-admin-button-color: rgba(0,0,0,1);
	--feedback-admin-button-hover-color: rgba(0,0,0,0.1);
		
	--feedback-feature_row-width: 800px;
}

/* ****************** Feature row/block ******************** */

.feedback_feature_row
{
	width: 100%;
	max-width: var(--feedback-feature_row-width);
	
	background: var(--feedback-feature-row-background-color);
	/* box-shadow: 0px 3px 12px #DDD; */
	
	padding: 20px;
	padding-top: 15px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.feedback_feature_row_title
{
	font-size: 1.3em;
	font-weight: normal;
}

.feedback_feature_row_votes
{
	font-size: 1.3em;
}

.feedback_feature_row_votes_count
{
	font-weight: bold;
}

.feedback_feature_row_description
{
	margin-top: 5px;

	font-size: 1em;
	width: 100%;
}

.feedback_feature_row_status
{
	margin-top: 5px;

	font-size: 0.8em;
	color: gray;
	width: 100%;
}

.feedback_feature_row_status_label
{
	font-size: 0.5em;
	background-color: #EFEFEF;
	color: white;
	font-weight: bold;
	
	padding: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-radius: 3px;

	margin-left: 10px;
	
	position: relative;
	top: -3px;
}

.feedback_feature_row_date_header
{
	width: 100%;

	font-size: 0.7em;
	color: #999;
	font-weight: light;
	
}

.feedback_feature_row_date_new_label
{
	font-size: 0.5em;
	background-color: var(--feedback-vote-button-color);
	color: white;
	font-weight: bold;
	
	padding: 4px;
	padding-left: 9px;
	padding-right: 9px;
	border-radius: 3px;

	margin-left: 10px;
	
	position: relative;
	top: -3px;
}

.feedback_feature_row_divider
{
	width: 100%;
	max-width: var(--feedback-feature_row-width);
	
	height: 1px;
	background-color: #DDD;
	
	margin-top: 5px;
	margin-bottom: 5px;
}


.feedback_feature_status_color_proposal
{
	background-color: #EFEFEF;
	color: #999;
}

.feedback_feature_status_color_development
{
	background-color: #EFEFFF;
	color: #3F79EB;
}

.feedback_feature_status_color_released
{
	background-color: #EAFFEA;
	color: #1E9923;
}

/* ****************** Vote button ******************** */


.feedback_vote_button, .feedback_vote_button_has_voted, .feedback_vote_button_voting_in_progress
{	
	padding-bottom:6px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;

	min-width: 120px;
	
	border: solid 1px;	
    border-color: var(--feedback-vote-button-color);
  	
   	text-align: center;
   	text-decoration:none;

   	border-radius: 4px;
   	box-sizing:border-box;
  	/*background-color: var(--feedback-vote-button-color);*/
  	
  	color: var(--feedback-vote-button-color);
  	font-size: 0.75em;
   
  	cursor: pointer;
  	display: inline-block;
  	
  	margin-left: 10px;
  	
  	position:relative; 
	top: -1px;
}

.feedback_vote_button:hover
{
	background-color: var(--feedback-vote-button-hover-color);
}

.feedback_vote_button_voting_in_progress
{
	color: var(--feedback-vote-button-in-progress-color);
	border-color:color: var(--feedback-vote-button-in-progress-color);
	
	font-weight: normal;
	
	cursor: unset;
}

.feedback_vote_button_has_voted
{
	color: var(--feedback-vote-button-voted-color);
	
	padding-left:5px;
	padding-right:5px;
	
	font-weight: normal;
	border: none;	
	min-width: unset;
	
	cursor: unset;
}

.feedback_vote_button_has_voted_icon
{
	display: inline-block;
	fill: var(--feedback-vote-button-voted-color);
	stroke: none;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	margin-right: 4px;
	
	position:relative; 
	top: -2px;
}


.feedback_vote_button:active
{
	opacity: 0.9;
}


/************* ADMIN INTERFACE **************/

.feedback_label
{
	display: inline-block;
	margin-top: 10px;
	font-size: 0.9em;
	color:gray;
}

.feedback_admin_field
{
	font-size: 1.1em;
}

A.feedback_admin_button, .feedback_admin_button
{	
	padding-bottom:6px;
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;

	min-width: 100px;
	
	border: solid 1px;	
    border-color: var(--feedback-admin-button-color);
  	
   	text-align: center;
   	text-decoration:none;

   	border-radius: 4px;
   	box-sizing:border-box;
  	/*background-color: var(--feedback-vote-button-color);*/
  	
  	color: var(--feedback-admin-button-color);
  	font-size: 0.75em;
   
  	cursor: pointer;
  	display: inline-block;
  	
  	margin-left: 10px;
  	margin-top: 10px;
  	
  	position:relative; 
	top: -1px;
}

A.feedback_admin_button:hover ,.feedback_admin_button:hover
{
	background-color: var(--feedback-admin-button-hover-color);
}

/* MOBILE */
@media screen and (max-width: 1000px)
{
.feedback_feature_row_date_header
{
	font-size: 0.9em;
}

.feedback_feature_row_status_label
{
	font-size: 0.7em;
}

}