.interactivity_valid1 svg{
    fill:#007700;
}
.interactivity_valid0 svg{
    fill:#e2001a;
}
#interactivity_online{
    padding: 15px 35px;
    color:#fff;
    text-align: center;
    font-size: 1.3rem;
    background:var(--color);
    border-radius:3px;
}
#vote_items{
	float: left;
	width: 100%;
	padding: 0 0 0 25%;
}
#vote_items_in{
	margin: 0 0 10px;
	padding:15px 20px;
	border:var(--color) solid 1px;
	border-radius:3px;
	background:#fcfcfc;
}
#vote_item_adder{
	display: none;
}
#btn_add_item{
	float: right;
    display: flex;
    align-items: center;
    margin:0 0 15px;
    padding:10px 15px;
    background:#000;
    color:#fff;
    text-decoration: none;
    border-radius: 5px;
	cursor: pointer;
    transition-property: background;
}
#btn_add_item:hover{
    background:var(--color);
}
#btn_add_item svg{
    width: 25px;
    height: 25px;
    fill:#fff;
    margin: 0 10px 0 0;
    transition-duration: .15s;
    transition-property: transform;
}
#btn_add_item:hover svg{
    transform: scale(1.25);
}
.vote_item_in_line{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}
.vote_item_in_text{
	flex:0 0 calc(100% - 70px);
}
.vote_item_in_text input{
	width: 100%;
}
.vote_item_in_action{
	display: flex;
	align-items: center;
	justify-content:space-between;
	flex:0 0 70px;
	padding: 0 0 0 10px;
}
.vote_item_in_action span{
	display: flex;
	align-items: center;
	justify-content:space-between;
	cursor: pointer;
}
.vote_item_in_action svg{
    width: 25px;
    height: 25px;
	fill:#000;
	transition-property:fill;
}
.vote_item_in_action span:hover svg{
    fill:var(--color);
}
.vote_item_in_action svg .sort_top_icon,.vote_item_in_action svg .sort_bottom_icon{
	fill:#fff;
}