
.form-row,.question-wrapper{margin-bottom: 10px; display: flex; width: 100%;}
.question-wrapper{ display: block; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 30px;}
.question-header{ margin-bottom: 5px;}
.answer-item{font-style: italic;font-weight: 500; }
.form-row.nf{display: block}
.form-row:last-child{margin-bottom: 0}

.form-row label{  padding-right: 10px; box-sizing: border-box;  align-items: center;  color: #3c3c3c;  }

.form-row.long-label{display: flex; flex-direction: column}
.form-row.long-label label{width: 100%; height: auto; margin-bottom: 20px;}
.form-row.long-label .form-control{width: 100%;}

.form-control{width: 100%;}
.form-control label{display: flex; align-items: flex-start}
.form-control label span{width: calc(100% - 30px)}
.form-row.no-label .form-control{margin-left: 110px;}
.form-row.no-label .form-control.full-width{margin-left: 0; width: 100%;}
.form-row.center{text-align: center}
.form-row.right{text-align: right}




.form-input.right{text-align: right;}
input,select,textarea{border:1px solid #464646; box-sizing: border-box; font-size: 1em; line-height: 100%; height: 40px; width: 100%; outline: none;  -webkit-appearance:none; background-color: transparent;resize: none; padding: 10px 20px; border-radius: 50em; color: #3c3c3c;font-family: 'bariolbold'; width: 100%; }
textarea{height: auto; border-radius: 20px; height: 130px; resize: none;}
.form-input.flex{display: flex; flex-direction: row;}

label input{width:15px; height: 15px; border-radius: 50%; border:1px solid #2b3c90;  margin-right: 10px; position: relative;padding: 0; }
label input:checked{background-color: #2b3c90;}

select{background: url("../img/icon/select-arrow.png") no-repeat right 20px center; background-size: 17px 9px; padding-right: 40px;}

input[type="submit"],input[type="button"],button,a.button{ color: #FFF; font-size: 1em; width: auto; border: none; background-color: #2d3d91;  min-width: 105px; border-radius: 50em; height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;font-family: 'bariolbold'; padding: 5px 20px; outline: none;}

#prev_link{margin-right: 10px;}

input[type="submit"].small,
button.small,
a.button.small{height: 30px; background-color: #513686}

.form_error{color: #F00; margin-bottom: 5px; padding-left: 20px; font-size: 80%;font-style: italic}

.upload-proggress{font-size: 80%; font-style: italic; font-weight: normal; margin-left: 10px; opacity: .75}

.wrong_answer::before{content:'';  border-radius: 50%; width: 30px; height: 30px; left: calc(50% + .5px); top: calc(50% + .5px); position: absolute; background-color: #d71920; opacity: .5; transform: translateX(-50%) translateY(-50%)}

.right_answer::before{content:'';  border-radius: 50%; width: 30px; height: 30px; left: calc(50% + .5px); top: calc(50% + .5px); position: absolute; background-color: #513686; opacity: .5; transform: translateX(-50%) translateY(-50%)}

.wrong_answer{background-color: #d71920 !important; border-color: #d71920 !important}
.right_answer{background-color: #2b3c90;}

button.disabled{background-color: rgba(61,54,134,.7)}

