body {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
    overflow-x: hidden;
}
code {
    color: #3f51b5;
    font-size: 15px;
    -webkit-user-select: all;  /* Chrome all / Safari all */
    -moz-user-select: all;     /* Firefox all */
    -ms-user-select: all;      /* IE 10+ */
    user-select: all;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 15px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

body.body-dev-mod.loading_test .box_exam_main {
	filter: blur(1px);
	-webkit-filter: blur(1px);
}

img {
	max-width: 100%;
}
a,
a:hover {
	text-decoration: none;
}
.navbar {
	-webkit-box-shadow: 0 13px 30px -12px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 13px 30px -12px rgba(0,0,0,.75);
    box-shadow: 0 13px 30px -12px rgb(0 0 0 / 75%);
}
.navbar-toggler {
    outline: none !important;
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .nav-link {
    font-weight: 700;
    margin-right: 5px;
}
.navbar-nav .nav-link:last-child {
	margin-right: 0;
}
.navbar-nav .nav-link:hover,
.navbar-nav .active>.nav-link {
    border-radius: 5px;
}
.navbar-nav .dropdown-item {
	white-space: normal;
	padding: .5rem 1.5rem;
}
.navbar-collapse.show .navbar-nav .nav-link,
.navbar-collapse.collapsing .navbar-nav .nav-link {
	margin-bottom: 5px;
    margin-right: 0;
    padding: 10px;
}
.navbar-collapse.show .dropdown-menu.show {
	margin-top: -2px;
    margin-bottom: 10px;
}
.dropdown-item.active,
.dropdown-item:active {
	background: #FFF;
    color: #000;
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	    width: 460px;
	}
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #98ceff;
    font-weight: 500;
    font-style: italic;
}

.navbar-brand img {
	max-width: 280px;
}

.menuSlideNavdr {
    position: fixed;
    top: 86px;
    right: 10px;
    z-index: 123;
}
.menuSlideNavdr.show {
	top: 13px;
}
.menuSlideNavdr button {
	border-radius: 50%;
    height: 52px;
    width: 52px;
    padding: 5px;
    margin: 0;
    box-shadow: 0px 0px 10px 3px #2196f366;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    opacity: 0.6;
    position: relative;
    z-index: 1001;
}
.menuSlideNavdr button::after {
	display: none;
}
.menuSlideNavdr .dropdown-menu {
	position: fixed !important;
    transform: none !important;
    padding: 0;
    width: 100%;
}
.menuSlideNavdr .menuSlideNav-opacity {
	background-color: rgba(0, 0, 0, 0.6);
		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    position: fixed;
    top: -100px;
    left: -100px;
    width: 10000px;
    height: 10000px;
    z-index: 1;
}
.menuSlideNavdr .dropdown-menu .select_question_main {
	border: unset;
    background: #FFF;
    position: relative;
    z-index: 2;
    margin: 0;
}
.sticky-table-thead {
	position: sticky;
    top: -5px;
    background-color: #FFF;
}

div.main {
	min-height: 200px;
	margin: 25px auto;
	margin-top: 10px;
}
div.main > div.boxs {
    border-radius: 5px;
}
div.footer {
	font-weight: 700;
}
div.footer p {
	margin-bottom: 5px;
    font-size: 15px;
}
div.footer p.copyright {
	margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}
div.footer p.copyright a {
	color: currentcolor;
}

.boxs {
    padding: 15px;
    margin-bottom: 15px;
}
.boxs:last-child {
	margin-bottom: 0;
}
.boxs h2 {
	display: flex;
	justify-content: center;
	font-size: 22px;
    text-align: center;
}
.boxs h2:before {
    content: '';
    width: 38px;
    background: url(../img/traffic-light.svg) no-repeat 0 0;
    background-size: 28px;
}
.boxs h3 {
	font-size: 19px;
    text-align: center;
}

.gioithieu-dethi {

}
.gioithieu-dethi .mota-dethi,
.lever-class .mota-class,
.huongdan .mota-huongdan {
	margin-top: 15px;
}
.gioithieu-dethi .mota-dethi:first-child,
.lever-class .mota-class:first-child,
.huongdan .mota-huongdan:first-child {
	margin-top: 0;
}
.gioithieu-dethi .mota-dethi p,
.lever-class .mota-class p,
.huongdan .mota-huongdan p {
	margin-bottom: 6px;
    line-height: 1.5;
    font-size: 15px;
}

.gioithieu-dethi .mota-dethi p,
.danhsach-hangthi .mota-hangthi p,
.danhsach-hangthi .mota-class p,
.danhsach-hangthi p,
.huongdan .mota-huongdan p,
.huongdan .mota-hangthi p {
    margin-bottom: 6px;
    line-height: 1.5;
    font-size: 15px;
}
.danhsach-hangthi .btn i,
.box_submit_test .btn i {
	color: inherit !important;
}
.button-hangthi,
.button-class {
	margin-top: 15px;
	text-align: center;
}
.btn-khongkhadung {
	opacity: 0.5;
}

.lever-class .button-class i {
	color: inherit !important;
}
.lever-class .input-group input {
	border-color: #007bff;
    color: #0062cc;
}

.huongdan ol li {
	line-height: 1.5;
	margin-bottom: 5px;
	font-size: 15px;
}
[class*='col-'] > div:last-child {
	margin-bottom: 0;
}

/*Exam*/
.select_question_main,
.box_time_left,
.box_submit_test,
.box_exam_over,
.box_exam_main,
.box_exam_info,
.box_exam_info_2 {
    padding: 15px;
    margin-bottom: 15px;
}
.select_question_main hr {
	margin: 10px 0;
}
.box_exam_info_2 {
	display: none;
}
.select_question_title {
	text-align: center;
	font-weight: 700;
	margin-bottom: 5px;
}
.select_question_button {
	text-align: center;
	max-height: 60vh;
    overflow-y: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.dropdown-menu .select_question_button {
	margin-left: auto;
    margin-right: auto;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary:hover {
	opacity: 1 !important;
}
.select_question_note {
	font-weight: 700;
    font-size: 15px;
}
.select_question_note star,
.box_exam_head star {
	font-size: 20px;
    color: red;
    line-height: 0;
    font-weight: bold;
}
.box_time_left {
	text-align: center;
    font-weight: 700;
    color: crimson;
}
.box_time_left .timer {
	font-size: 20px;
    color: red;
}
.box_submit_test {
	text-align: center;
}
.box_exam_body img.hinhnho {
	text-align: center;
    display: block;
    margin: 5px auto;
    margin-bottom: 10px;
    max-height: 300px;
    transition: transform .2s;
}
/*.box_exam_body img.hinhnho:hover {
	transform: scale(1.5);
	position: relative;
	z-index: 1;
	box-shadow: 0 0 4px 0px #2196f3;
}*/
.box_exam_body img.hinhnho.hinhnhonone {
    margin-top: 0;
    margin-bottom: 0;
}
.box_exam_head {

}
.box_exam_foot {
	
}
.box_exam_comment,
.box_exam_meotraloi {
	border: 1px solid;
    padding: 5px 10px;
}
.box_exam_info,
.box_exam_info_2 {
    border-radius: 5px;
}
.box_exam_info_head {
	font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
.box_exam_info_main {
	font-size: 14px;
}
.box_exam_info_main p,
.box_exam_over p {
	margin-bottom: 5px;
}
.box_exam_over span {
	display: inline-block;
    width: 110px;
}
.box_exam_over.ketqua_table {
	max-height: 300px;
    overflow: auto;
    font-size: 15px;
    padding: 5px;
}
.box_exam_over.ketqua_table th,
.box_exam_over.ketqua_table td {
	padding: 3px;
	border-top: 0.5px dotted #ddd;
}
.box_exam_over.ketqua_table th {
	border-bottom: 2px solid #ddd;
	border-top: 0;
}
.box_exam_over.ketqua_table .total_tl th {
	border-top: 2px solid #ddd;
	border-bottom: 0;
}

body.loading_test div.footer,
body.loading_test .navbar {
	display: none;
}

.boxs.submit_test .clickcauhoi:not(.correct,.wrong) {
	background-color: #f8f9fa;
    border-color: #343a40;
    color: #000;
    opacity: 1;
}
.boxs.submit_test .clickcauhoi.correct {
	background-color: #28a745;
    border-color: #127829;
    opacity: 1;
}
.boxs.submit_test .clickcauhoi.wrong {
	background-color: #dc3545;
    border-color: #a2222e;
    opacity: 1;
}
.boxs.submit_test .clickcauhoi.active,
.boxs.submit_test .clickcauhoi:focus,
.boxs.submit_test .clickcauhoi:hover {
	box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 22%);
}

.boxs.submit_test .box_exam_body {
	pointer-events: none;
    cursor: help;
}

.pager {
	padding-left:0;
	margin-top: 10px;
    margin-bottom: 0;
	text-align:center;
	list-style:none;
}
.pager li{
	display:inline
}
.pager li > a,
.pager li > a:focus
.pager li > span{
	display:inline-block;
	padding:4px 14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:15px;
}
.pager li > a:hover{
	text-decoration:none;
	background-color:#eee;
}
.pager .next>a,
.pager .next>span{
	float:right;
}
.pager .previous>a,
.pager .previous>span{
	float:left;
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span{
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
}
.pager:after,
.pager:before{
	display:table;content:" ";
}
.pager:after{
	clear:both;
}

.thongtin{
	
	width:70%;
	margin-left:15%;
	height:50px;
	background-color:#000;
	
}
.margincauhoi{
    margin:5px;
}

.nopdapan{
    background-color:red;
}
.labelcauhoi{
	/*min-width: 20px;
	min-height: 20px;*/
}


.inner{
  background: aliceblue;
  border: 1px solid blue;
  margin: 5px 0;
}
.fixed {
    position: fixed;
    top: 0;
}

/*code Troi them vao*/

.abcxyz{
	padding: 10px;
	background-color:#abc;
}

.example{
	background-color:#fff;
	margin: 0px;
	height: auto;
	border: 1px solid #000;
}


.pull-left{
	width: 60%;
}

.nhomchondethi{	
	border: 1px solid #000;
	margin-top: 10px;
	height: auto;
}

.chondethi{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px 10px 3px 10px;
	background-color:#BDBDBD;
	border: 1px solid #000;
}


.thithu{
	margin: 20px;
	padding: 3px 12px 3px 12px;
	background-color:#BDBDBD;
	border: 1px solid #000;
}

input.chondethi:hover { 
    background-color: #DF0174;
}

table tr td.cau{
	width: 20px;
}

table tr td.chon{
	width: 30px;
}

/*troi test cot*/
.cot1{
	background-color:#BDBDBD;
	border: 1px solid #000;
	padding: 0px 5px 0px 5px;
}

.cot2{
	background-color:#81BEF7;
	border: 1px solid #000;
	padding: 0px 5px 0px 5px;
}

.bntchonde{
	margin: 10px 0px 10px 0px;
	background-color:#BDBDBD;
	border: 1px solid #000;
}
/**************/
.btn-thongtin{
	margin-bottom: 10px;
}

.btn-cauhoi{
	margin: 0.15em;
	margin-bottom: 0.3em;
	font-size: 1.2em;
	width: 2.7em;
	opacity: .5;
	padding: 6px;
}
.btn-cauhoi.choose {
	background-color: #28a745;
	opacity: 0.8;
}
/*.cautraloi {
	margin-bottom: 10px;
}*/
.cautraloi-body {
	padding: 8px;
}
.cautraloi:hover {
	background: aliceblue;
}
.cautraloi-body .custom-control-label {
	width: 100%;
}
.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
	color: inherit !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff !important;
    border-color: #007bff !important;
    background-color: #007bff !important;
}

.cautraloi.correct,
.cautraloi.dapan_sys:not(.correct, .wrong) {
	color: green;
    font-weight: bold;
}
.cautraloi.wrong {
	color: red;
    font-weight: bold;
}
.cautraloi.dapan_sys:not(.correct, .wrong) {
	font-style: italic;
}

.mauxanh{
	color: blue;
}

.maudo{
	color: red;
}

.ndcauhoi{
	display: none;
}

@media (max-width: 768px) {
	.media_reverse {
		flex-direction: column-reverse;
	}
	.media_reverse > [class*='col-'] {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.box_exam_info {
		display: none;
	}
	.box_exam_info_2 {
		display: block;
	}
}

.banquyenphanmem.banquyenbody {
	opacity: 0.45;
	color: gray;
	margin-top: -10px !important;
	margin-bottom: 5px !important;
}
.banquyenphanmem {
	font-size: 12px;
    text-align: center;
    font-weight: 500;
    font-family: Arial;
    margin-top: 15px;
    line-height: 1.4;
}
.banquyenphanmem a {
	color: inherit !important;
}
.banquyenphanmem a:hover {
	text-decoration: underline dotted;
}

.box_exam_dapan {
	display: none;
    justify-content: center;
	background: cornflowerblue;
    margin-top: 15px;
    padding: 3px 12px;
    font-weight: bold;
    color: #FFF;
    font-size: 15px;
    text-align: center;
}
.box_exam_dapan div {
	margin: 1px 3px 1px 0;
}
.box_exam_dapan .span_dung {
	background: green;
    padding: 5px 15px;
    border-radius: 50%;
}
.box_exam_dapan .span_sai {
	background: red;
    padding: 5px 15px;
    border-radius: 50%;
}

.nav_mobile {
	display: none;
}

/*.custom-control-input:hover~.custom-control-label::before {
	color: #fff;
    border-color: #a5d0ff;
    background-color: #a5d0ff;
}*/

.box_time_fixed {
	opacity: 0.5;
    position: fixed;
    top: 5px;
    left: 50%;
    width: 72px;
    margin-left: calc(-72px/2);
    pointer-events: none;
    z-index: 123;
    text-align: center;
}
.box_time_fixed .timer {
	font-size: 20px;
    color: red;
    font-weight: bold;
    border: 1px solid;
    padding: 3px 6px;
    border-radius: 50%;
}

.vinhdanh .vinhdanh-head h4 {
	font-size: 16px;
}
.vinhdanh .vinhdanh-body {
	max-height: 520px;
    overflow-x: hidden;
}
.vinhdanh .vinhdanh-body > div.row {
	margin: 0;
}
.vinhdanh .vinhdanh-body .vinhdanh-list {
	border: 1px dotted #ff980063;
	border-radius: 3px;
    padding: 5px;
    margin: 5px;
}
.vinhdanh .vinhdanh-body .vinhdanh-list .vinhdanh-info {
	font-weight: bold;
	max-height: 48px;
    overflow: hidden;
}
.vinhdanh .vinhdanh-body .vinhdanh-list .vinhdanh-sub {
	text-align: center;
	font-style: italic;
	font-size: 90%;
}
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-01 {
	transition: transform .35s ease;
}
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-02 {
	transition: transform .35s ease;
}
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-03 {
	transition: transform .35s ease;
}
.vinhdanh .vinhdanh-body .vinhdanh-list .vinhdanh-hang {
	font-weight: bold;
}
.vinhdanh .vinhdanh-body .vinhdanh-list .vinhdanh-diemso {
	color: green;
    font-weight: bold;
}
.vinhdanh .vinhdanh-body .vinhdanh-list .vinhdanh-time_end {
	font-size: 90%;
    color: grey;
}

/** effect vinhdanh-list **/
.vinhdanh .vinhdanh-body .vinhdanh-list {
    background: 
    linear-gradient(90deg,#fff 50%,var(--c) 0) calc(100% - var(--_p,0%))/200% 100%,
    	linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) 100% no-repeat;
	-webkit-background-clip: text,padding-box;
    background-clip: text,padding-box;
	transition: 0.5s;
}
.vinhdanh .vinhdanh-body .vinhdanh-list:hover {
	--_p: 100%;
}
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-01:hover,
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-02:hover,
.vinhdanh .vinhdanh-body .vinhdanh-list.vinhdanh-list-03:hover {
	transform: scale(1.05);
	border-width: 2px;
	border-style: solid;
}

@media (max-width: 768px) {
	.nav_mobile {
		display: block;
	}
	.nav_mobile .pager {
		margin-top: 0;
		margin-bottom: 20px;
	}
}

.button-hot i {
	color: inherit !important;
}
.xemlailichsu {
	background: #f0f1fa;
    background: repeating-linear-gradient(45deg, #f5f6f7, #f5f6f7 10px, #f0f1fa 10px, #f0f1fa 20px);
}