article {
	width:95%;
	margin: 0 auto; 
	position:relative;
}
article h1 {
	margin-bottom:10px;
}
.warning {
	display:inline-block;
	border-radius:4px;
	background-color: LightYellow;
	border:1px dotted silver;
	padding:10px;
	margin-bottom: 10px;
}
.warning td:nth-of-type(2) {
	padding: 0 10px;
}
.warning td:first-child {
	padding-right:10px;
	border-right:1px solid lightgray
}
.warning ul{
	margin:0;
	padding:0;
	list-style-position:inside;
}
.warning ul span {
	font-size:18px;
	color:red;
}
#error {
	width:250px;
	text-align:center;
	color:Crimson;
	margin-bottom:10px; 
	border:1px dotted red;
	padding:5px 10px;
	background-color:LemonChiffon;
	display:none;
	
}
.list li 
{margin-bottom:5px;
border-bottom: 1px solid gainsboro;
}
.name 
{font-weight: bold;
display: inline-block;
}
.choise
{padding-left:5px;
min-width: 500px;}

.plus 
{border-left: 10px solid YellowGreen}

.minus 
{border-left: 10px solid #fb4a4a;
}

.feedback_type 
{font-size:14px;
position: relative;
top:-3px; left:7px}

#green {
 border-left:10px solid yellowgreen;
 padding:2px 10px;
}

#red {
border-left:10px solid #fb4a4a;
 padding:2px 10px;
margin:10px 0px 20px 0;}

.formfields {
    padding:3px 5px;
    border:1px solid #D3D3D3;
    color:#333;
    border-radius: 7px;}

textarea {padding:0; margin-top:5px}

:-moz-placeholder {color:gray; font-style:italic}
::-webkit-input-placeholder {color:gray; font-style:italic}
:-moz-placeholder:focus {color:transparent}
::-webkit-input-placeholder:focus {color:transparent}

.sendbtn {
 margin: 10px 0 0 0;
 padding:5px 25px; 
 border:solid 1px #7c7c7c;
 border-bottom:none;
 border-radius: 4px 4px 0 0; 
 font:bold 16px Arial, Helvetica, sans-serif; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
 background-image: -ms-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
 cursor:pointer;
 
}
input.sendbtn:hover {
 background-image: -moz-linear-gradient(top, #70bcd6 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #70bcd6 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #70bcd6 0%, #1982A5 100%); 
}
.button_line {
	height:2px;
	background-color:#1982A5;
}
.put_feedback {
position:absolute;
top:0;
right:0;
}
.textWrapper {
	text-align:center;
	margin-top:30px;
}
.text div {
	width:39px;
	height:20px;
	background-color:white;
	position: absolute;
	z-index:0;
	left:28px;
	top:-10px;
}
.text {
	border:5px solid darkorange;
	border-radius:20px;
	padding:15px;
	position:relative;
	display:inline-block;
	font: bold 18px 'helvetica';
	text-align:center;
	color: #687d84
}
.text::before {
	content:"";
	position:absolute;
	z-index:1;
	top:-11px;
	left:25px;
	background-color: darkorange;
	width:25px;
	height:5px;
	transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
}
.text::after {
	content:"";
	position:absolute;
	z-index:1;
	top:-11px;
	left:45px;
	background-color: darkorange;
	width:25px;
	height:5px;
	transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
}