#learner-question-article {
	width: 100%;
    max-width: 940px;
    min-height: 540px;
    
    margin: 0 auto;
	padding: 0 30px 60px;
    background: #fff;
    font-size: 18px;  
}

@media only screen and (max-width: 767px) {
	#learner-question-article {
		padding: 0 10px 30px;
	}
	
} 
 
.learner-question-nav {
	display: block;
	list-style: none;
	text-align: center;
}
.learner-question-nav  li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

.learner-question-nav  li  a {
	margin-top: 0px;	
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.learner-question-content {
	padding: 0px 15px;
	text-align: justify;
}

#staff-msgs-questions {
	background: #fff;
    font-family: inherit;
    font-size: 18px;
}

.learner-question-content > h1 {
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.learner-question-content, 
	.learner-question-nav  {
		float: none; 
		width: 100%;
	}
	.learner-question-nav  li {
		margin-bottom: 10px;
	}
	
	.learner-question-content {
		text-align: left;
		padding: 10px;
	}
	
	.learner-question-nav {
		margin: 0 auto;
	}
}


/* general */ 
.disabled-div {
	pointer-events: none;
    opacity: 0.4;
}


/* ask question */
.question-form, 
.answer-form {
	display: block; 
	list-style: none;
	max-width: 600px; 
	margin: 30px auto;
}

.question-form #title {
	width: 520px;
    padding: 8px 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #3b4045;
    background: #FFF;
    border: 1px solid #c8ccd0;
}

@media only screen and (max-width: 767px) {
	.question-form #title {
		width: 100%;
	}

}

.question-form #content-wrapper {
	margin-top: 60px;
    font-size: 16px;
}

.question-form #content, 
.answer-form #content {
	width: 100%;
	resize: vertical;
	tab-size: 4;
    box-sizing: border-box;
	font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
	padding: 10px;
    height: 200px;
    line-height: 1.3;
}

/* display 1 question & list of questions */ 
.question-wrapper {
	margin: 10px auto 20px;
	overflow-wrap: anywhere;
}

.question-wrapper,
.answer-wrapper {
	word-break: break-word;
}

.question-wrapper .avt, 
.answer-wrapper .avt {
    max-width: 55px;
    background-color: #ebebeb;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    display: inline-block;
}

.avt img {
	border-radius: 50%;
    border: 2px solid #fff;
    vertical-align: middle;
    width: 36px;
}

@media only screen and (max-width: 767px) {
	.question-form #title {
		width: 100%;
	}
	
	.learner-question-content img:not([alt="wink"]):not([class="audio-icon"]) {
		width: 100% !important;
		height: auto !important;
	}
}


.question-wrapper .question-content-wrapper, 
.answer-wrapper .answer-content-wrapper {
	margin: 30px auto 60px;
	text-align: justify;
}

.question-wrapper .quoted-mcq-wrapper {
    background-color: #ebebeb;    
    padding: 10px;
	border-radius: 5px;
}


.answer-content-wrapper ul {
	list-style: disc;
}
.answer-content-wrapper ol {
	list-style: decimal;
}

.answer-content-wrapper ol  ul {
	list-style: disc;
}

.answer-content-wrapper ul, 
.answer-content-wrapper ol {
    margin-left: 40px;
}

.answer-content-wrapper ul > li, 
.answer-content-wrapper ol > li {
	margin-top: .6666667em; 
    margin-bottom: .6666667em; 
}
.answer-content-wrapper p {
	line-height: 1.6;
}



.question-wrapper .meta-info {
	margin-left: 20px;
	font-size: 14px;
}

.question-wrapper .qnum {
	color: #333;
}

/* sending feedback */
.mcq-feedback-button {
	cursor: pointer;
}

.mcq-feedback-dialog.ui-dialog-content.ui-widget-content {
	text-align: center;	
	padding: 30px;
}

.mcq-feedback-dialog .mcq-feedback-content textarea {
	width: 540px; 
	height: 200px;
	font-size: 18px;
	border-radius: 5px;
}

.mcq-feedback-thank-you {
	text-align: center;
    margin: 30px auto;
 
    color: #20a8e9; /*#F77020;*/
    background: #fff;
    font-size: 32px;
}