.ES_SURVEY_container{ min-width:100%; background:#FFF;}
.ES_SURVEY_container .ES_SURVEY_body{ width:90%; margin:20px auto;;}
.survey_form_container .ES_SURVEY_footer{ width:100%; float:left; padding:20px;}
.survey_form_container .survey-element{
	margin-bottom:20px;
}
.survey_form_container .survey-element p{
	margin:5px;
}
.survey_form_container .survey-element > h3,
.survey_form_container .survey-element > h5,
.survey_form_container .survey-element > div
{
	margin-bottom:10px;
}
.survey_form_container .survey-element hr{
	margin: 0;
	height: 5px;
	border-radius: 3px;
}

/**
 * 	Pagination
 */
.survey_form_container .questions-pagination{
	margin-bottom: 20px;
}
.survey_form_container .questions-pagination span.questions-highlight-number{
	border-radius: 3px;
	background-color: #CCC;
	padding:2px 6px;
	color:#FFF;
}
/**
 * 	Errors
 */
.survey_form_container .questions-element-error{
	border: 1px dashed #F00;
	padding:10px;
	margin-bottom:20px;
	float:left;
}
.questions-element-error-message{
	color:#FFF;
	border: 1px dashed #F00;
	background-color:#F00;
	display:block;
    margin: 0 0 10px 0;
    padding: 5px;
}
.survey_form_container ul.questions-error-messages{
	margin: 0 0 0 20px;
}
/**
 * 	?
 */
.survey_form_container table.questions-range-table{
	width:auto;
	border:none;
}
.survey_form_container table.questions-range-table td{
	text-align:center;
	border:none;
}

.survey_form_container .survey-element .question{
	font-size: 35px;
	color:rgb(216, 2, 143);
	font-weight:bold;
	text-align:center;	
}
.survey_form_container .survey-element .sub_heading{
font-size: 1.4rem;
    opacity: .8;
    text-align: center;
}
ul li.answer_li_vertical{ width:100%; list-style:none;}
ul li.answer_li_horizontal{ float:left;list-style:none; }
.survey_form_container .survey-element .answer{float:left;}
.survey-element .answer .display_anser{ padding-bottom:10px;}
.survey-element .answer .display_anser input{margin-right: 8px; }
.survey-element .answer .display_anser { cursor: pointer;  padding: 10px 20px 20px 10px;}
.survey-element .answer .display_anser label{  font-weight: bold;  display: block;  margin: 5px 0;  font-size: 1.1rem;  cursor: pointer;}
.survey-element .answer .display_anser  span{    display: block;    font-size: 0.9rem;}
.survey-element .answer .display_anser img {  display: block; width:auto; margin:5px 0 0 0 ; max-width:150px;}
.survey-element .answer .display_anser img:hover {  cursor: pointer;  box-shadow: 0 0 20px #0275D8;  outline: 2px solid #fff;}

/*Header Css*/
.survey_form_container header {
  border: 1px solid #eee;
  border-radius: 4px;
  margin-bottom: 25px;
}
.survey_form_container header ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding:0;
}
.survey_form_container header ul li {
display: block;
padding: 13px 24px;
font-weight: bold;
border-right: 1px solid #eee;
position: relative;
}
.survey_form_container header ul li:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.survey_form_container header ul li:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.survey_form_container header ul li.selected {
background: #0275D8;
color: #fff;
}
.survey_form_container header ul li.selected-done {
background: #0275D8;
color: #fff;
border-right: 1px solid #0275D8;
}
.survey_form_container header ul li.selected:after {
content: "";
position: absolute;
right: -13px;
top: 0;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 13px solid #0275D8;
border-bottom: 25px solid transparent;
}
.survey_form_container header ul li:last-child {
border-right: none;
}
.survey_form_container header ul li:last-child:after {
border: none;
}
/*End of Header Css*/
/*Button Css*/
.survey_form_container .survey-button {
    background: #3475AA !important;
    border: 1px solid #1A5C90 !important;
    border-bottom: 2px solid #1A5C90 !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .09) !important;
}
.survey_form_container .survey-button:hover,.survey_form_container .survey-button:active, .survey_form_container .survey-button:focus {
    background: #3475AA;
    border-color: #1A5C90;
}
.survey_form_container .survey-button.active,.survey_form_container .survey-button.focus,.survey_form_container .survey-button:active,.survey_form_container .survey-button:focus,.survey_form_container .survey-button:hover{
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b;
}
/*End Button CSS*/