.wrap-list-question {
	background: #f1eded;
}
.wrap-list-question .top-bar-question {
	background: #fff;
    border-bottom: 2px solid #35509a;
}
.wrap-list-question .top-bar-question .container {
	display: flex;
    justify-content: space-between; 
	align-items: center;
	padding-bottom:2rem;
}
.wrap-list-question .top-bar-question .left,
.wrap-list-question .top-bar-question .right {
	width:50%;
}
.wrap-list-question .top-bar-question .left h1 {
	font-size:30px;
	line-height:35px;
	margin-bottom:0;
}
.wrap-list-question .top-bar-question .right {
	text-align:right;
}
.wrap-list-question .top-bar-question .right button,
.wrap-list-question .top-bar-question .right span {
	display:inline-block;
	vertical-align:middle;
	width:auto;
}
.wrap-list-question .top-bar-question .right button{
	margin-right:15px;
}
.wrap-list-question .top-bar-question .right span.t-countdown {
	margin-right:15px;
}
.wrap-list-question .box-part .container {
	padding-bottom:2rem;
}
.wrap-list-question .box-part .top-part {
	display: flex;
    justify-content: space-between;
}	

.wrap-list-question .box-part .top-part span {
	width:auto;
}
.wrap-list-question .box-part .top-part ul {
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
}
.wrap-list-question .box-part .top-part ul li {
	list-style:none;
	margin:0 20px;
}
.wrap-list-question .box-part .top-part ul li span {  
	width:auto;
}
.slider-question {
	background: #fff;
    padding: 20px;
}
.slider-question .item .inner-item {
	display:flex;
	justify-content: space-between;
}
.slider-question .item .inner-item .left {
	width:50%;
	margin-right:30px;
	position:relative;
	height: 400px;
    overflow-y: scroll;
    padding-right: 30px;
}
.slider-question .item .inner-item .left span {
	margin-bottom:20px;
	display:block;
}
.slider-question .item .inner-item .left span.count-question {
	position:absolute;
	top:0;
	left:0;
}
.slider-question .item .inner-item .left img {
	width:100%;
	margin-bottom:20px;
}
.slider-question .item .inner-item .left audio {
	width:100%;
	margin:20px 0 15px 0;
}
.slider-question .item .inner-item .right {
	width: 50%;
    margin-left: 30px;
    margin-right: 0;
    height: 400px;
    overflow-y: scroll;
    padding-right: 30px;
}
/* width */
.slider-question .item .inner-item .right::-webkit-scrollbar,
.slider-question .item .inner-item .left::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.slider-question .item .inner-item .right::-webkit-scrollbar-track,
.slider-question .item .inner-item .left::-webkit-scrollbar-track  {
  background: #f1f1f1; 
}
 
/* Handle */
.slider-question .item .inner-item .right::-webkit-scrollbar-thumb,
.slider-question .item .inner-item .left::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.slider-question .item .inner-item .right::-webkit-scrollbar-thumb:hover,
.slider-question .item .inner-item .left::-webkit-scrollbar-thumb:hover	{
  background: #555; 
}

 


/**/
body.active:after {
	content:'';
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgb(0 0 0 / 40%);
}
 
.wrap-form-thong-bao {
	max-width: 640px;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border-radius: 10px; 
	width:100%; 
    position: absolute; 
    left: 50%; 
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	z-index:9;
	
}
.wrap-form-thong-bao .description {
	padding:15px;
	background:#ccc;
	color:#fff;
}
.wrap-form-thong-bao .description p {
	color: #fff;
    margin: 0;
}
.wrap-form-thong-bao ul {
	margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.wrap-form-thong-bao ul li {
	list-style:none;
	margin:0 10px; 
}
.wrap-form-thong-bao ul li a {
	padding-left:30px;
	padding-right:30px;
}
.slider-question .item .inner-item .right .check {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.slider-question .item .inner-item .right .check:last-child {
	border-bottom:none;
	margin-bottom:0; 
}
.slider-question .item .inner-item .right .check h3 {
	font-size:18px;
}
.slider-question .item .inner-item .right .check h3 span {
	font-weight:400; 
	font-size:16px;
}