/*------------------------------------------------*/
/* General Style                                  */
/*------------------------------------------------*/
.quisf .quisf_prev_next, .quisf-progress-count {
    text-align: center;
}

.quisf .quisf_prev_next a.quisf_disabled, .quisf .quisf_prev_next a.quisf_disabled:hover{
  cursor: default;
  text-decoration: none;
  color: #ccc;
}

/* Hide questions on load, show first question. */
.quisf .quisf-hidden { display: none; }
.quisf div[class^='part_button'] { text-align: center; }
.quisf a.quisf_start_survey, .quisf a.quisf_start_survey { margin-bottom: 15px; display: inline-block; }

/*------------------------------------------------*/
/* Progress Bar                                   */
/*------------------------------------------------*/
.quisf .quisf-progress {
  overflow: hidden;
}

.quisf .quisf-progress-bar {
  display: block;
  border: 1px solid #c0c0c0;
  margin: 5px 0;
  height: 20px;
  width: 100%;
}

.quisf .progress-bar span {
  display: block;
  height: 100%;
}

/*------------------------------------------------*/
/* Button                                         */
/*------------------------------------------------*/
.backward, .forward {
	border:none;
	color:#fff !important;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#282828;
	position:relative;
   } 
   
.backward {padding:7px 20px 7px 30px;} 

.backward.quisf_disabled, .forward.quisf_disabled {
	border:none;
	background:#ccc !important;
	outline:none;
}

.backward:before {
	content: "\f053"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
	font-weight:normal;
    top: 8px;
    left: 20px;
	text-transform:none;
	font-size:9px
   } 
 
.forward {padding:7px 30px 7px 20px;}
  
.forward:before {
	content: "\f054"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
	font-weight:normal;
    top: 8px;
    right: 20px;
	text-transform:none;
	font-size:9px;
} 
   
.backward:hover, .forward:hover {background:#00aeef; color:#fff;}