.opros-container{
 min-height:300px;	
}

.question{
 font-size:21px;
 padding:5px;
 border-bottom:1px solid #dadada;
 text-align:left;
}

.question-result{
 font-weight:bold;
 font-size:15px;
}

.answer{
 background-image: url(images/chbox.png);
 background-repeat:no-repeat;
 background-position:0% 50%;
 padding:10px 0 10px 40px;
 border-bottom:1px dotted #dadada;
 margin:10px 0 0 0;
 cursor:pointer;
 transition: 0.3s;
}

.answer-block{
 width:560px;
 margin:20px auto;
}

.answerSelected{
 background-image: url(images/chboxOK.png);
 background-repeat:no-repeat;
 background-position:0% 50%;
}

.answer-btn{
 background-color: #ecf2fa;
 font-family: 'PT Sans';
 font-size:21px;
 padding:10px 25px;
 border:1px solid #cccccc;
 cursor:pointer;
 transition: 0.3s;
 float:left;
 margin:20px 0;
}

.answer-btn:hover{
 -webkit-box-shadow: 0px 0px 10px 0px rgba(111,138,174,0.5);
 -moz-box-shadow: 0px 0px 10px 0px rgba(111,138,174,0.5);
 box-shadow: 0px 0px 10px 0px rgba(111,138,174,0.5);
}

.question-finish{
 text-align:center;
 background-color:#f25d63;
 padding:10px 0;
 color:#fff;
 display:none;
}

.graf-container{
 background-color:#dadada;
 margin:20px 0 5px 0;
 width:720px;
}

.graf{
 height:3px;
 background-color:#f25d63;	
}

.block-result{
 background-color:#ecf2fa;
 padding:20px;
 margin:30px 0 0 0;	
 font-size:12px;
}

/* опрос 2 */

[v-cloak] > * { display:none; }
[v-cloak]::before { content: "Загружаю опрос ..."; }

.flex-container-btw__img-icon{
  display: -webkit-flex; 
  display: flex;  
  justify-content:space-between;
  margin:10px 0 20px 0;
}

.img-icon{
 width:150px;
 height:120px; 
 cursor:pointer;
 transition:0.3s;
 padding:2px;
 border:1px solid #dadada;
}

.img-icon:hover{
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.22);
}

.img-icon-active{
 width:150px;
 height:120px;
 padding:2px; 
 border:1px solid #ff6c00;
}

.opros-finish{
 text-align:center;
 background-color:#f25d63;
 padding:12px 0;
 color:#fff;
 font-size:18px;
}

.my-button{
	padding:10px 30px;
	background-color: #ecf2fa;
	border:none;
	font-size:18px;
	border:1px solid #dadada;
	box-shadow:0 0 0 100px #ffffff inset;
	cursor:pointer;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transform-origin: 0 0;
}
.my-button:hover{
	-webkit-box-shadow:0 0 0 0 #ffffff inset;
}

.count-result{
 text-align:center;
 padding:5px;	
}

