.bg-dem-thoi-gian{
    background:rgba(255, 255, 255, 0.8);
    padding: 0px 10px;
    border-radius: 4px;
}

.theme-dark .bg-dem-thoi-gian{

    background:#373737;
}

#page-wrapper, .graphs {
    width: 100%;
	display: inline-block;
}
.graphs .col-lg-3 {
    float: left;
    width: 23%;
    margin: 1% 1%;
    padding: 15px 5px;
    min-height: 50px;
    background: #ffffff;
    text-align: center;
    position: relative;
    -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);
}
.graphs .col-lg-3 i {
    font-size: 32px;
}
.graphs .col-lg-3 a:hover{color: #e95da4;}
.modal-dialog .styled-form .form-group input{box-shadow: none!important;}
#forgotModal .modal-header{background: #0030617a!important; border-bottom: 1px solid #022d5a!important;}
#register .form-group {
    margin-bottom: 25px;
}
.h5.modal-title{
    width: 100%;
    font-family: Quicksand;
    font-weight: 600;
}
.modal-backdrop {
    background-color: #000000d1!important;
}
.modal-body .cauhoitracnghiem, .modal-body .cauhoitracnghiem p{font-size: 18px!important;
    font-weight: bold; line-height: 18px;}
.sl-shape {
    position: absolute;
    width: 199px;
    top: 30px;
    right: 15px;
    animation: fadeInRight 1.7s ease-in-out;
    -webkit-animation: fadeInRight 1.7s ease-in-out;
}
.sl-shape img {
    animation: rotate 6s linear infinite;
    -webkit-animation: rotate 6s linear infinite;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
#top-bar .nav > li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: background-color 0.3s;
}
#top-bar .flex-row {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
#top-bar ul li a{color:#505050; font-size: 14px; cursor: pointer;}
#top-bar ul li a:hover{color:#109ef1 !important;}
#top-bar #header-contact i:before{font-size:14px!important;}
#rs-header #top-bar{
	background-color: #ffffffed!important;
    border: none!important;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
	max-width: 100%;
}
.rs-categories.main-home .categories-items .cate-images a img{width:100%;}
#rs-blog.row.show-icon-view-home{display:block;}
.modal-dialog{margin: 10px auto!important;}
.loader-tyle-tong{line-height:20px;}
.modal-header .close{z-index: 9999999;}
.content-gioithieu {
    margin-bottom: 25px;
}
.filedinhkem_traloi{
	border: 1px solid #013877;
    padding: 5px 10px;
    border-radius: 8px;
    background: #eff6ff;
}
.ndtraloi_diem{padding-top:10px;}
.tieude-khoahoc{height: 42px;}
.view-item-khoahoc .col-inner.list-item-khoahoc{border: 1px solid #eee;  background: #fff; box-shadow: 2px 2px 10px #00000012; width: 100%;
    float: left;}
.view-item-khoahoc .col-inner.list-item-khoahoc img{border: 1px solid #eee; padding: 5px; background: #fbfbfb;}
.btn-group-khoahoc{width:100%; float:left; padding-bottom: 20px; padding-top:10px;}
.btn-group-khoahoc .btn-group{width:48%; float:left; margin:1%;}
h5.tieude-khoahoc{color: #00b2e4;}
.show_video_hoctructuyen{width:100%; min-height:300px; max-height:650px;}
.modal-open .modal .modal-body {
    width: 100%;
}
.thanh-toan-gio-hang, .close-item-giothang{cursor: pointer;}
.cauhoiloai-5 .sort_cauhoi li {
    display: inline-block;
    padding: 10px 20px;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 5px;
    font-size: 16px;
    cursor: pointer;
}
.cauhoiloai-6 .jdropwords .blanks .dropped.cau-tl{display:block; top: 0px!important;}
.cauhoiloai-7 .sort_cauhoi li {
    display: inline-block;
    padding: 5px 10px;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 5px;
    font-size: 16px;
    cursor: pointer;
}
.cauhoiloai-7 .group_view {
    width: 48%;
    float: left;
    margin: 10px 1%!important;
}
.cauhoiloai-7 .group_view ul.connectedSortable {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    margin-top: 2px!important;
    min-height: 180px;
}
.cauhoiloai-7 .group_view .ten_group {
    float: left;
    width: 100%;
    background: #3c8dbc;
    color: #fff;
    text-align: center;
    padding: 10px 2px;
}

.bg-lambai-xong.da-nop-bai{
	height: 100vh;
    position: fixed;
    width: 98%;
    z-index: 99;
    min-height: 250px;
    max-width: 1024px;
    top: 0px;
    left: 0px;
}

#toolbox {
    width: 16%;
    position: fixed;
    top: 105px;
    right: 3.5%;
}

.color-thoi-gian{
    background-color: white;
}

.active .question-number{
    box-shadow: 0px 4px 6px -2px #5899FC6B;}
    
.theme-dark .active .question-number{
    box-shadow: 0px 4px 13.9px -4px #FF9F43;
}

.question-number{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    top: -10px;
    left: -10px;
    box-shadow: 0px 4px 6px -2px #00000040;
    background: #fff;
    padding: 10px;
    text-align: center;
}

.theme-dark .question-number{
    background: #1A1D1F; 
    color: white;
}

.qselect.traloidung .qsign {
}
.cauhoiloai-1 .quiz-list .qselect.qchecked .mark, .cauhoiloai-2 .quiz-list .qselect.qchecked .mark{
    border: solid 0.3px #005e93;
    color: #529bc5;
    background: #058bd9;
    color: white;
}
.qselect.traloisai .mark {
    border: 0.2px solid #EB5B5C80!important;
    box-shadow: 0px 2px 4px 0px #EB5B5C80;
    color: #d61d05!important;
    background: transparent!important;
}
.qselect.traloidung .mark {
    border: 0.2px solid #35CA77;
    color: #fff !important;
    background: #35CA77!important;
}
.qselect.traloisai .qsign {
}
/* .qselect.traloidung .mark:before {
    content: "";
    background: #33db05;
    height: 10px;
    width: 10px;
    margin-top: -5px;
    position: absolute;
    border-radius: 50%;
    margin-left: 8px;
} */
.xem-filetailieu, .tai-filetailieu{cursor: pointer;}
#load-view-cauhoiluyentap .col-md-10,
.modal-open .modal .modal-body {
    float: left;
}
#load-view-cauhoiluyentap .col-md-2 {
    float: right;
}
/* ===== CÂU HỎI – LIGHT MODE ===== */
.question.entry-tracnghiem {
    background: #fff;
    border-radius: 12px;
    min-height: 250px;
    width: 98%;
    float: left;
    padding: 10px 20px;
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-radius 0.3s ease;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.1);
}

.question.entry-tracnghiem.active {
    border: 1px solid #abe7ee;
    box-shadow: 0 4px 14px rgba(88, 153, 252, 0.42);
    transform: scale(1.01);
}

/* ===== SỐ CÂU HỎI – LIGHT MODE ===== */
.question-number {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
    padding: 10px;
    background: #fff;
    color: #000;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.active .question-number {
    box-shadow: 0px 4px 14px rgba(88, 153, 252, 0.42);
}

/* ===== DARK MODE – CÂU HỎI ===== */
.theme-dark .question.entry-tracnghiem {
    background: #111315;
    color: #eee;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.4);
}

.theme-dark .question.entry-tracnghiem.active {
    border: 1px solid #ff9f43;
    box-shadow: 0 4px 14px rgba(255, 159, 67, 0.3);
}

/* ===== DARK MODE – SỐ CÂU HỎI ===== */
.theme-dark .question-number {
    background: #1A1D1F;
    color: white;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.6);
}

.theme-dark .active .question-number {
    box-shadow: 0px 4px 13.9px -4px #FF9F43;
}


.q-list.pagination{
    /* background-color: white; */
    /* overflow: scroll; */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
     box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
}

.data-content.modal-content{
    background-color: white;
}

.q-list.pagination::-webkit-scrollbar {
    display: none;
}
#load-view-cauhoiluyentap .top-cauhoi-content {
    display: inline-block;
    float: left;
    padding-right: 5px;
}
#load-view-cauhoiluyentap {
    padding: 40px 20px 40px 0px;
    width: 100%;
    float: left;
	margin-bottom: 20px;
}
.quiz-list .qsign p, .cauhoitracnghiem p{margin-bottom: 10px;}
.cauhoitracnghiem {
    padding-bottom: 2px;
    padding-left: 5px;
}
.quiz-list .qselect {
    padding-bottom: 10px;
	display:flex;
    width: 100%;
    float: left;
	align-content: center;
    align-items: center;
    z-index: 9;
    position: relative;
}
.quiz-list .qselect.cot2 {
    float: left;
    width: 50%;
    min-height: 50px;
}
.quiz-list .qselect.cot4 {
    float: left;
    width: 25%;
    min-height: 50px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 5px 10px;
    font-size: 16px;
}
.content-table-dethi table, .view-center-dethi{width:100%;}
.content-table-dethi table{
	border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    border-collapse: collapse;
}
.content-table-dethi table th {
    border: none;
    font-size: 14px;
    padding: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
}
.content-table-dethi table td {
    border: 1px solid #e6e6e6;
    border-bottom: none;
    border-left: none;
    border-top: 1px solid #e6e6e6;
	padding: 25px;
    text-align: center;
}
.info-dethi.lamdethi{cursor: pointer;}
.loaifile-pdf #toolbox {
    margin: 20px 5px!important;
    width: 100%!important;
    float: left!important;
	position: relative!important;
    top: auto!important;
    right: auto!important;
}
.col-md-9,.col-md-3{float:left;}
.loaifile-pdf .question.entry-tracnghiem{display:none;}
.loaifile-pdf .question.entry-tracnghiem.active{display:block!important;}
.view-nhomdethi{float:left;}
.info-dethi.tieude-top{background: #00beea;
    color: #fff;}
table.bang-gia thead td{color:#fff;}
table.bang-gia td{border: 1px solid #eee; padding: 15px 10px;}
table.bang-gia .dangky_goi{background: #f26222;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    cursor: pointer;}
.chon_danhgia_khoahoc .danhgia.fa-star{cursor:pointer;}
.chon_danhgia_khoahoc .fa-star.active{color: #ffbc00!important;}
.btn-group-khoahoc .bt-khoahoc{background: #00b5e8;
	height: 36px;
    padding: 8px 4px;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 13px;}
.btn-group-khoahoc .bt-khoahoc:hover{background: #00c7ff;}
::-webkit-input-placeholder { 
  font-size: 14px!important;
  color: #c3c3c3;
}
::-moz-placeholder {
  font-size: 14px!important;
  color: #c3c3c3;
}
:-ms-input-placeholder { 
  font-size: 14px!important;
  color: #c3c3c3;
}
:-moz-placeholder {
  font-size: 14px!important;
  color: #c3c3c3;
}
.wpd-thread-list {
    padding: 15px 0;
}
.wpd-comment-text p{margin-bottom: 5px;}
.wpd-reply-button svg {
    vertical-align: middle;
    transform: rotate(
180deg
);
    width: 22px;
    height: 22px;
    opacity: .7;
    fill: #999;
    margin-right: 2px;
}
.wpd-comment {
    margin-bottom: 10px;
}
.question .qselect.cot2 {
    float: left;
    width: 50%;
    min-height: 50px;
}
.question .qselect.cot3 {
    float: left;
    width: 33%;
    min-height: 50px;
}
.question .qselect.cot4 {
    float: left;
    width: 25%;
    min-height: 50px;
}
.jdropwords .blanks .ch_duoi .blank {
    min-height: 60px; padding-top: 35px!important;
}
#binhluan_baiviet a{color: #16a6d4;}
.hide-audio{display:none!important;}
.sothutu_nhomtuvung{font-weight:bold;}
.result_tab select{padding: 5px 10px;}
.bg-nhomtuvung{
    padding: 10px 0px;
    margin-right: 10px;
    min-height: 165px;
}
#tab-menu{width: 100%;
    float: left;
    margin-bottom: 20px;}
#content-tab .result_tab{width:100%; float:left;}
#tab-menu .tab-menu{margin-right:3px;}
.cauhinh_hoctuvung select{width:23%; float:left; margin-right: 2%;}
.cauhinh_hoctuvung{width: 100%;  float: left;   margin-bottom: 30px; border-bottom: 1px solid #e6f4fa;
    padding-bottom: 25px;}
#binhluan_baiviet ::-webkit-scrollbar{width:2px;}
#binhluan_baiviet ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgb(136 136 136 / 20%);}
#binhluan_baiviet ::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgb(217 218 219);}
#binhluan_baiviet{
	overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    max-width: 780px;
    margin: 30px auto;
}
#load-thaoluan-content{}
#binhluan_baiviet .wpd-avatar  img{width: 40px; height: 40px;}
.swal2-styled{padding:10px 20px!important; font-size: 14px!important;}
#swal2-content{font-size: 14px!important;}
.view-none-reply .wpd-comment-footer, .view-none-reply .wpd-reply-button{display:none!important;}
.wpd-comment-author {font-size: 15px;  color: #00aef0;}
.wpd-comment-date{font-size: 10px;}
.wpd_comment_level-1{padding-right:15px;}
.wpd_comment_level-2 {
    margin-left: 28px;
}
.wpd_comment_level-2 .wpd-comment-wrap{
	border-left: 1px solid #00aef1;
    padding: 10px 15px 0 17px;
    background-color: #fdfdfd;
}
.wpd-comment .wpd-comment-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    padding-bottom: 5px;
}
.wpd-comment .wpd-comment-right {
    padding-bottom: 15px;
    flex-grow: 1;
    width: calc(100% - 80px);
}
.wpd-comment-header {
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.wpd-comment-header {
    font-size: 13px;
    color: #999;
}
.wpd-comment-text {
    font-size: 15px;
    padding: 0 0 8px;
    word-break: break-word;
}
.wpd-comment-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
}
.wpd-comment-footer .wpd-reply-button {
    cursor: pointer;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}
.wpd-comment .wpd-avatar {
    padding-right: 15px;
	position: relative;
}
.wpd-user-info {
    display: block;
    flex-grow: 1;
    margin-bottom: -3px;
}
.list-box.ds-blog article, .list-box.ds-blog aside{padding:15px 20px; width: 100%;
    float: left;}
.list-box.ds-blog article{background:#fff;}	
.flex-col.flex-grow.baiviet-khac{padding-top:5px;}
.flex-col.flex-grow.baiviet-khac a{font-size: 14px;}
.flex-col.flex-grow.baiviet-khac a:hover{color: #f26222;}
#content-blog-view{background: #ededed; padding-top: 25px; padding-bottom: 25px;}
#content-blog-view .section-title-normal{background: #ededed;}
#content-blog-view .small-12.large-12{padding-bottom: 10px;}
#header{height:auto!important; background: #002147;}
#comments-baiviet{width:100%; float:left;}
article .archive-page-header{padding:10px 0px;
    width: 100%;
    float: left;}
.noidung-baiviet{width:100%; float:left; padding: 20px 0px; }
.left-khoahoc-main{width:18%; margin-right:2%;}
.right-khoahoc-main{width:80%;}
.entry-crumbs {
    font-size: 12px;
    color: #c3c3c3;
    width: 100%;
	text-transform: uppercase;
	border-bottom: 1px solid #ededed;
    padding: 15px 20px;
}
.entry-crumbs i {
    padding: 0px 5px;
}
.entry-crumbs a{color: #15a7e7;}
.section.footer-section{padding-top: 30px;
    padding-bottom: 30px;
    background: #002147;
	color: #fff;
	border-top: 20px solid #013877;
}
h5.post-title, .from_the_blog_excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pages {
    text-align: center;
}
.paging-site-view {
    float: left;
    width: 100%;
}
.pagination-container {
    overflow: hidden;
}
.pagination-container .pagination {
    overflow: auto;
    min-height: 34px;
    width: 100%;
    padding: 10px 5px;
}
.pagination {
    padding-left: 0;
    padding: 2px;
    border-radius: 4px;
}
a, button, input {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.pages .pagination li a {
    cursor: pointer; float: unset!important;
}
.fb-comments iframe {
    width: 100% !important;
}
.TextCaptions .flickity-slider{
    display: flex;
    align-items: center;
    justify-content: center;
  }
.TextCaptions{
    padding: 20px;
  }
.TextCaptions .item{
    margin: 0 !important;
    padding: 5 !important;
    height: 45px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    border-right: 1px solid #333;
    color: #333;
  }
.header-search-form-wrapper .search-field{border-radius: 3px 0px 0px 3px;}
.top-view-header{
	position: fixed!important;
    z-index: 999;
    width: 100%;
}
#main{margin-top: 110px;}
.giuseart-nav {
    position: fixed;
    right: 1px;
    background: #fefff3;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 10px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.giuseart-nav ul li {
    margin-bottom: 0.2em;
    list-style: none !important;
}
.giuseart-nav ul > li a {
    margin-bottom: 0em;
    margin-right: 0;
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 92.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul > li .chat_animation {
    display: none;
}
.giuseart-nav ul > li a i.ticon-heart {
    background: url(../images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-zalo-circle2 {
    background: url(../images/icon-zalo.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav li .button {
    background: transparent;
}
.giuseart-nav ul > li a i.ticon-angle-up {
    background: url(../images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
    top: 35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.giuseart-nav ul > li a i.ticon-nhomfb {
    background: url(../images/icon-group.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-messenger {
    background: url(../images/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-youtube {
    background: url(../images/youtube.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-spzalo {
    background: url(../images/spzalo.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul li .button .phone_animation i {
    width: 45px;
    font-size: 26px;
}
.giuseart-nav ul > li a i.ticon-chat-sms {
    background: url(../images/icon-sms-1.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.icon-phone-w {
    background: url(../images/zalo.gif) no-repeat;
    background-size: contain;
    width: 60px;
    height: 45px;
}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}
:root {
    --primary-color: #FF9F43;
}

#logo img {
    max-height: 80px;
}
#logo {
    width: 120px;
}
#logo img {
    padding: 2px 0;
}
.header-bottom {
    min-height: 10px;
}
.header-top {
    min-height: 30px;
}
.transparent .header-main {
    height: 30px;
}
.transparent #logo img {
    max-height: 30px;
}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 60px;
}
.header.show-on-scroll,
.stuck .header-main {
    height: 65px !important;
}
.stuck #logo img {
    max-height: 45px !important;
}
.header-bg-color,
.header-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
}
.header-bottom {
    background-color: #f1f1f1;
}
.header-main .nav > li > a {
    line-height: 16px;
	background:none!important;
}
.stuck .header-main .nav > li > a {
    line-height: 2px;
}
@media (max-width: 549px) {
	.chitiet-baihoc .view-chucnang-baihoc {
		width: 100%;
		float: left;
		margin-bottom: 15px;
	}
	.left-khoahoc-main{width:100%; margin-right:0px; text-align: center; margin-bottom:10px;}
	.right-khoahoc-main{width:100%; text-align: center;}
	.left-khoahoc-main img{max-width:140px; max-height:140px;}
    .header-main {
        height: 70px;
    }
    #logo img {
        max-height: 70px;
    }
}
#header .header-top {
	background: #013877!important;
	border-right: none!important;
    border-left: none!important;
    border-top: none!important;
	border-bottom: 1px solid #0750a3!important;
}
#header .nav>li>a:focus, #header .nav>li>a:hover{background:none;}
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline > li.active > a,
.nav-outline > li.active > a,
.cart-icon strong,
[data-color="primary"],
.is-outline.primary {
    color: #000;
} /* Color !important */
[data-text-color="primary"] {
    color: #038018 !important;
} /* Background Color */
[data-text-bg="primary"] {
    background-color: #038018;
} /* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item > a:after,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover,
.has-hover:hover .badge-outline .badge-inner,
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover,
.nav-dropdown-bold.dark .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold.dark > li > a:hover,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type="submit"]:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box > li > a:hover,
.nav-box > li.active > a,
.nav-pills > li.active > a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom > li > a:before,
.nav-line-grow > li > a:before,
.nav-line > li > a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type="submit"].primary,
input[type="submit"].primary,
input[type="reset"].button,
input[type="button"].primary,
.badge-inner {
    background-color: #ff9f43!important;
    border: 1px solid #ff9f43!important;
} 
.chitiet-baihoc .view-chucnang-baihoc{border: 1px solid #ff9f43;
    padding: 10px 20px;
    background: #ff9f43;
    color: #fff;
    margin-right: 20px;
    border-radius: 5px;
    cursor: pointer;}
.chitiet-noidungbaihoc{margin-bottom: 30px;}
.noidung-baiviet.chitiet-baihoc{margin-bottom: 20px;}
.chitiet-chucnang-baihoc{text-align: center;}
.nav-vertical.nav-tabs > li.active > a,
.scroll-to-bullets a.active,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
    border-color: #038018;
}
.nav-tabs > li.active > a {
    border-top-color: #038018;
}
.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #038018;
}
.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #038018;
} /* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #038018;
} /* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background-color: #ff9f43;
}
[data-text-bg="secondary"] {
    background-color: #ff9f43;
} /* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
    color: #ff9f43;
} /* Color !important */
[data-text-color="secondary"] {
    color: #ff9f43 !important;
} /* Border */
.secondary.is-outline:hover {
    border-color: #ff9f43;
}
body {
    font-size: 97%;
}
@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}
body {
    font-family: Quicksand;
}
body {
    font-weight: 0;
}
body {
    color: #333333;
}
.nav > li > a {
    font-family: Quicksand;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: Quicksand;
}
.nav > li > a {
    font-weight: 500;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Quicksand;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #0a0a0a;
}
.alt-font {
    font-family: "Dancing Script", sans-serif;
}
.alt-font {
    font-weight: 400 !important;
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #fff;
}
.header:not(.transparent) .header-nav.nav > li > a:hover,
.header:not(.transparent) .header-nav.nav > li.active > a,
.header:not(.transparent) .header-nav.nav > li.current > a,
.header:not(.transparent) .header-nav.nav > li > a.active,
.header:not(.transparent) .header-nav.nav > li > a.current {
    color: #ffb71c;
}
.header-nav.nav-line-bottom > li > a:before,
.header-nav.nav-line-grow > li > a:before,
.header-nav.nav-line > li > a:before,
.header-nav.nav-box > li > a:hover,
.header-nav.nav-box > li.active > a,
.header-nav.nav-pills > li > a:hover,
.header-nav.nav-pills > li.active > a {
    color: #fff !important;
    background-color: #ff9f43;
}
a {
    color: #282828;
}
.absolute-footer{
    background-color: #005479;
} 
.btn-phone a {
    background-color: #f1052a !important;
}
span.number-phone {
    background-color: #77bf24  !important;
}
.bottom-contact{display:none}
.btn-phone,.btn-zalo,.btn-fb {
    position: fixed;
    right: 20px;
    z-index: 99;
}
.btn-phone{
    bottom: 300px;
}
.btn-phone a i,.btn-zalo a i,.btn-fb a i{
    font-size: 24px;
    color: #fff;
}
.scroll-top .fa {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}   
.btn-phone a,.btn-zalo a,.btn-fb a{
    background: #1182fc;
    border-radius: 50%;
    box-shadow: -2px 0px 8px -3px black;
    display: block;
    line-height: 53px;
    text-align: center;
    width: 45px;
    height: 45px;
}
.btn-phone a:after,.btn-zalo a:after,.btn-fb a:after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}
span.number-phone,span.number-zalo,span.number-fb{
    position: absolute;
    background: #0085d7 !important;
    bottom: 0;
    right: 55%;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 0px;
    z-index: -1;
    border-radius: 25px 25px 25px 25px;
    height: 35px;
    line-height: 35px;
    perspective: 1000px;
    transition: all 600ms cubic-bezier(0.04, 0.94, 0.21, 1.22);
    transform-origin: right;
    top: 7px;
    width: 184px;
}
span.number-phone{background: #f1052a !important;}
.btn-phone.btn-phone3 span.number-phone{background: #0060a9 !important;}
.back-to-top:hover{border: 2px solid #ffffff!important;}
.btn-fb {
    bottom: 200px !important;
}
.btn-phone2 {
    bottom: 250px;
}
.btn-phone.btn-phone3 {
    bottom: 150px;
    right: 20px;
}
.btn-phone.btn-phone2 a {
    background-color: #f57b06 !important;
}
.btn-phone2 span.number-phone {
    background-color: #f57b06 !important;
}
.btn-fb a {
    background-color: #3a559f;
}
span.number-fb {
    background-color: #3a559f;
    padding-left: 15px;
}
.touch span.number-phone.no-hover, span.number-phone,.touch span.number-zalo.no-hover, span.number-zalo,.touch span.number-fb.no-hover, span.number-fb{
    transform: scaleX(0);
}
.btn-phone:hover span.number-phone, .btn-phone:focus span.number-phone,.btn-zalo:hover span.number-zalo, .btn-zalo:focus span.number-zalo,.btn-fb:hover span.number-fb, .btn-fb:focus span.number-fb{
        transform: scaleX(1);
            width: 250px;
    overflow-x: hidden;
} 
.btn-zalo img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.btn-zalo {
    bottom: 200px !important;
    width: 45px;
    height: 45px;
    /* position: relative; */
}
.scroll-top {
    display: none !important;
    background-color: #1182fc;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: 10%;
    z-index: 99;
}
@keyframes pulse-animation{
    0%{

        transform: scale(1);
        opacity: .6;
    }
    40%{

        transform: scale(1.3);
        opacity: .6;
    }
    
    100%{
        transform: scale(2);
        opacity: 0;
    }
}
.list-box.ds-blog article {
    /*background: url(../images/bg-body-content.png) left top;
    background-size: 100% 100%;*/
}
.thongtin-baihoc span{margin-right:15px; cursor:pointer;}
.view-nhombaihoc{
    width: 100%;
    border:1px dotted #ededed;
    float: left; 
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 8px;
}
.info-baihoc{
    border-radius: 8px;
    margin: 10px;
}
.thongtin-baihoc{
    text-wrap: nowrap;
}
article .archive-page-header h1{border-bottom: 1px dotted #ededed;
    padding-bottom: 10px;
    text-align: center;}
.nav > li > a > i + span,
.header-wrapper #top-bar .nav > li > a {
    text-transform: none;
    font-size: 12px;
}
.page-right-sidebar .page-inner ul {
    margin-left: 20px;
}
.view-lichthi{
	background: url(../images/main_img.jpg) center no-repeat #73bbb7;
}
.myIframe {
     position: relative;
     padding-top: 200px;
     margin: auto;
	 width: 580px;
	 overflow-y: hidden;
	 overflow-x: hidden;
} 
.myIframe iframe {
    position: absolute;
    top: -230px;
    left: 47px;
    width: 580px;
    height: 402px;
}
.TextCaptions {
    padding: 0px !important;
}
.TextCaptions .item {
    padding: 5px !important;
    font-size: 12px;
	color: #ff9f43;
	display:block;
	background: #f3f3f3;
	border: 2px solid #fa8f5f;
}
.TextCaptions .is-selected {
    background-color: #ff9f43;
    color: white;
    border: 2px solid #fb824d !important;
}
.show-icon-home .icon-box-text{text-align:center;}
.show-icon-home .col a{color:#fff; display: block;}
.show-icon-home .col a:hover{opacity:0.8;}
.show-icon-home .col{margin-bottom: 20px;}
.show-icon-home .col .lop-1, .show-icon-home .col .lop-13{background:#6cb91b;}
.show-icon-home .col .lop-2, .show-icon-home .col .lop-14{background:#f24848;}
.show-icon-home .col .lop-3, .show-icon-home .col .lop-15{background:#00beea;}
.show-icon-home .col .lop-4, .show-icon-home .col .lop-16{background:#ffa620;}
.show-icon-home .col .lop-5, .show-icon-home .col .lop-17{background:#21d87b;}
.show-icon-home .col .lop-6, .show-icon-home .col .lop-18{background:#5990e2;}
.show-icon-home .col .lop-7, .show-icon-home .col .lop-19{background:#d213cc;}
.show-icon-home .col .lop-8, .show-icon-home .col .lop-20{background:#e23283;}
.show-icon-home .col .lop-9, .show-icon-home .col .lop-21{background:#c5d01e;}
.show-icon-home .col .lop-10, .show-icon-home .col .lop-22{background:#23ceb6;}
.show-icon-home .col .lop-11, .show-icon-home .col .lop-23{background:#5662b5;}
.show-icon-home .col .lop-12, .show-icon-home .col .lop-24{background:#bb2424;}
.show-icon-home .col .col-inner{
	color: #fff;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 600;
    padding: 0.5em;
    border-right: 5px solid #fff;
    border-radius: 13px 0;
	}
.container.topthachdau-home{padding-top:15px;}
#row-list-lophoc .container{
    background: url(../images/bg1.jpg) no-repeat 0px 0px;
    padding: 50px 20px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
	margin-left:10px;
	margin-right:10px;
}
.section-title-normal span {
    padding-bottom: 0;
    padding: 5px 15px;
    color: white;
    font-size: 17px;
	border-bottom:none!important;
}
.section-title-normal span, .section-title-normal span:after{height:38px;}
.section-title-normal {
	background: url(../images/bg-tieude1.png) no-repeat;
    margin-bottom: -9px;
	border-bottom:none!important;
}
#col-news2 .section-title-normal{
	background: url(../images/bg-tieude2.png) no-repeat;
}
#col-news3 .section-title-normal{
	background: url(../images/bg-tieude3.png) no-repeat;
}
#col-news4 .section-title-normal{
	background: url(../images/bg-tieude4.png) no-repeat;
}
#footer iframe, .facebook span {
    max-height: 300px !important;
}
.blog-single .entry-content h2 {
    background: #fbfff6;
    padding: 10px;
    border: 1px dashed #ff9f43;
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 25px;
    color: #004600;
}
b,
strong {
    font-weight: 500;
}
.slider-section .cot1 .post-item {
    background: white;
    padding: 9px;
    margin-top: 10px;
    border: 1px solid #f3f3f3;
}
.slider-section .cot1 .post-item .box-blog-post .is-divider,
.danh-muc .post-item .box-blog-post .is-divider,
.slider-section .thong-tin-chung,
.tin-tuc .post-item .thong-tin-chung,
.tin-tuc .box-blog-post .is-divider,
.blog-single .is-divider,
.blog-single .entry-header-text .entry-meta {
    display: none;
}
.slider-section .cot1 .post-item .box-text {
    padding: 0 8px;
}
.slider-section .cot1 .post-item .box-text .post-title {
    font-size: 15px;
}
.section-title-container {
    margin-bottom: 0px;
}

.slider-section .cot1 .large-columns-1 {
    margin-left: 0;
    margin-right: 0;
}
.slider-section .col {
    padding-bottom: 10px;
    padding-top: 10px;
}
.cac-tieu-chi .cot1 .icon-box {
    border-radius: 3px;
    padding: 10px;
}
.cac-tieu-chi .col,
.danh-muc .large-12 {
    padding-bottom: 0;
}
.tin-tuc .gioi-thieu p {
    margin-bottom: 10px;
}
.tin-tuc .gioi-thieu {
    font-style: italic;
    background-color: white;
}
.tin-tuc .gioi-thieu:before {
    position: absolute;
    top: -4px;
    left: -50px;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 125px;
    color: rgb(244, 244, 244);
    z-index: 1;
}
.danh-muc .post-item .col-inner {
    background: white;
    padding: 10px;
}
.danh-muc .post-item .box-text {
    padding: 0;
    padding-bottom: 10px;
}
.slider-section .cot1 .post-item .box-text .post-title:hover {
    color: #479000;
}
.cac-tieu-chi .row-ngang {
    border-radius: 3px;
}
.danh-muc .post-item .box-text .post-title {
    text-align: left;
    color: #0c8521;
    margin-top: 15px;
}
.slider-wrapper {
    border: 1px solid #eee;
}
.flickity-viewport, .flickity-slider, .flickity-slider .img, .flickity-slider img{max-height:380px;}
.danh-muc .post-item .box-text .thong-tin-chung {
    text-align: left;
    padding-top: 10px;
}
.danh-muc .post-item .box-text .thong-tin-chung ul li {
    list-style: none;
    margin-bottom: 4px;
}
.blog-archive .post-item .thong-tin-chung ul li {
    list-style: none;
}
.danh-muc .post-item .box-text .thong-tin-chung ul li:before,
.blog-archive .post-item .thong-tin-chung ul li:before {
    content: "";
    margin-left: -20px;
    background: url(/wp-content/uploads/2018/10/check@2x-1.png);
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    margin-right: 0;
    float: left;
    margin-top: 5px;
}
.danh-muc .post-item .box-text .thong-tin-chung ul {
    margin-bottom: 0px;
}
.section-title b {
    background-color: #80c82d;
}
.danh-muc .post-item .box-text .thong-tin-chung ul .mo-ta-ngan {
    min-height: 30px;
}
.danh-muc .section-title-normal span {
    padding: 10px 15px;
}
.danh-muc .section-title-normal span:after {
    margin-top: -10px;
}
.tin-tuc .cot1 .post-item .box-text .post-title {
    font-size: 16px;
}
.tin-tuc .post-item .box-text p {
    color: gray;
}
.tin-tuc .cot1 .post-item .box-text .post-title:hover {
    color: #ff9f43;
}
.tin-tuc .cot1 .post-item {
    padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
    padding-top: 10px;
}
.tin-tuc .cot1 .post-item:last-child{border-bottom:none!important;}
.c-content-feature-5 .c-content-title-1 {
    margin-top: 25px;
}
.c-content-title-1 > h3.c-font-uppercase {
    font-size: 18px;
    text-align: left;
	font-weight: bold;
}
.c-content-feature-5 .c-text {
    position: relative;
    background: #013877f2;
    width: 70%;
    padding: 25px;
    z-index: 1;
    color: #f7f7f7;
}
.c-theme-btn.btn {
    color: #ffffff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ff9f43),color-stop(50%,#15a7e7),color-stop(100%,#ff9f43));
    background: -webkit-linear-gradient(left,#ff9f43 0,#15a7e7 50%,#ff9f43 100%);
    background: -o-linear-gradient(left,#ff9f43 0,#15a7e7 50%,#ff9f43 100%);
    background: -ms-linear-gradient(left,#ff9f43 0,#15a7e7 50%,#ff9f43 100%);
    background: linear-gradient(to right,#ff9f43 0,#15a7e7 50%,#ff9f43 100%);
    border: 1px solid #f16120;
    margin-top: 5px;
}
.c-content-feature-5 .c-photo {
    position: absolute;
    top: 0;
    right: 2px;
	min-height: 341px;
}
.c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
    width: 30px;
    height: 3px;
    background-color: #ffb71c;
    margin: 0 0 30px 0;
}
.c-content-accordion-1 .panel > .panel-heading {
    padding: 0;
    color: #ffffff;
}
.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
    background: url(../images/mo-icon.png) no-repeat 15px center, linear-gradient(to right,#ff9f43 0,#ff9f43 50%,#ff9f43 100%);
}
.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed {
    background: url(../images/icon-e.png) no-repeat 15px center, linear-gradient(to right,#ff9f43 0,#ff9f43 50%,#ff9f43 100%);
}
.c-content-accordion-1 .panel > .panel-heading > .panel-title > a {
    transition: all 0.2s;
    color: #fff;
    display: block;
    padding: 12px 20px 10px 40px;
    border-radius: 0;
    box-shadow: none;
}
.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
    background-color: #f9fbff;
}
h1 .section-title-main{background: #1b98d0;}
.dangky_khoahocngay, .dangky_khoahoc{
	background: #c70505;
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    margin-left: 10px;
	cursor: pointer;
}
.themvao_giohang{
    background: #039bc9;
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    margin-left: 10px;
    cursor: pointer;
}
.cart-bottom-part .icon-cart{cursor:pointer;}
.menu-item-goihoc{margin-top: 10px;}
#col-content-main .section-title-normal span:after, #content-blog-view .section-title-normal span:after{
    content: "";
    border-bottom: #ff9f43;
    border: 18px solid #1b98d0;
    position: absolute;
    display: INLINE-BLOCK;
    margin-left: 15px;
    border-right-color: transparent;
    border-top-color: transparent;
    margin-top: -5px;
    left: auto;
    height: 36px;
    width: 36px;
}
#col-content-main .section-title-normal, #content-blog-view .section-title-normal{
    margin-bottom: -9px;
    border-bottom: 2px solid #ff9f43!important;
}
#col-news2 .readmore-view{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#21d87b),color-stop(50%,#53ea9d),color-stop(100%,#21d87b));
    background: -webkit-linear-gradient(left,#21d87b 0,#53ea9d 50%,#21d87b 100%);
    background: -o-linear-gradient(left,#21d87b 0,#53ea9d 50%,#21d87b 100%);
    background: -ms-linear-gradient(left,#21d87b 0,#53ea9d 50%,#21d87b 100%);
    background: linear-gradient(to right,#21d87b 0,#53ea9d 50%,#21d87b 100%);
    border: 1px solid #21d87b;
}
#col-news3 .readmore-view{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#e23283),color-stop(50%,#f3519b),color-stop(100%,#e23283));
    background: -webkit-linear-gradient(left,#e23283 0,#f3519b 50%,#e23283 100%);
    background: -o-linear-gradient(left,#e23283 0,#f3519b 50%,#e23283 100%);
    background: -ms-linear-gradient(left,#e23283 0,#f3519b 50%,#e23283 100%);
    background: linear-gradient(to right,#e23283 0,#f3519b 50%,#e23283 100%);
    border: 1px solid #e23283;
}
#col-news4 .readmore-view{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#00beea),color-stop(50%,#26cef5),color-stop(100%,#00beea));
    background: -webkit-linear-gradient(left,#00beea 0,#26cef5 50%,#00beea 100%);
    background: -o-linear-gradient(left,#00beea 0,#26cef5 50%,#00beea 100%);
    background: -ms-linear-gradient(left,#00beea 0,#26cef5 50%,#00beea 100%);
    background: linear-gradient(to right,#00beea 0,#26cef5 50%,#00beea 100%);
    border: 1px solid #00beea;
}
.rank_table{overflow: hidden; width: auto;
	padding: 15px 15px 5px 15px;
	border: 1px dotted #ededed;
}
.rank_table.view-1{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#fdfdff),color-stop(50%,#d2dbf0),color-stop(100%,#fdfdff));
    background: -webkit-linear-gradient(left,#fdfdff 0,#d2dbf0 50%,#fdfdff 100%);
    background: -o-linear-gradient(left,#fdfdff 0,#d2dbf0 50%,#fdfdff 100%);
    background: -ms-linear-gradient(left,#fdfdff 0,#d2dbf0 50%,#fdfdff 100%);
    background: linear-gradient(to right,#fdfdff 0,#d2dbf0 50%,#fdfdff 100%);
}
.rank_table.view-2{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#fffcf5),color-stop(50%,#fee4a8),color-stop(100%,#fffcf5));
    background: -webkit-linear-gradient(left,#fffcf5 0,#fee4a8 50%,#fffcf5 100%);
    background: -o-linear-gradient(left,#fffcf5 0,#fee4a8 50%,#fffcf5 100%);
    background: -ms-linear-gradient(left,#fffcf5 0,#fee4a8 50%,#fffcf5 100%);
    background: linear-gradient(to right,#fffcf5 0,#fee4a8 50%,#fffcf5 100%);
}
.rank_table.view-3{
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#eef4f5),color-stop(50%,#cad5d9),color-stop(100%,#eef4f5));
    background: -webkit-linear-gradient(left,#eef4f5 0,#cad5d9 50%,#eef4f5 100%);
    background: -o-linear-gradient(left,#eef4f5 0,#cad5d9 50%,#eef4f5 100%);
    background: -ms-linear-gradient(left,#eef4f5 0,#cad5d9 50%,#eef4f5 100%);
    background: linear-gradient(to right,#eef4f5 0,#cad5d9 50%,#eef4f5 100%);
}
.rank_table ol{height: 190px; overflow:auto;}
.rank_table li span {
    background: #ff9f43;
    margin-right: 10px;
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
    color: #FFF;
	border-radius: 50%;
}
.rank_table.view-1 li span {background: #616f9f;}
.rank_table.view-2 li span {background: #f67016;}
.rank_table.view-3 li span {background: #8fa2a7;}
.rank_table ::-webkit-scrollbar{width:3px;}
.rank_table ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgb(202 202 202);}
.rank_table ::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 5px rgb(242 98 34); background: #ff9f43;}
.readmore-view{position: absolute;
    color: #ffffff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f26222),color-stop(50%,#ff6b2a),color-stop(100%,#f26222));
    background: -webkit-linear-gradient(left,#f26222 0,#ff6b2a 50%,#f26222 100%);
    background: -o-linear-gradient(left,#f26222 0,#ff6b2a 50%,#f26222 100%);
    background: -ms-linear-gradient(left,#f26222 0,#ff6b2a 50%,#f26222 100%);
    background: linear-gradient(to right,#f26222 0,#ff6b2a 50%,#f26222 100%);
    right: 5px;
    margin-top: -23px;
    font-size: 12px;
    border: 1px solid #f26222;
    padding: 2px 8px;
    border-radius: 8px;}
.readmore-view a{color: #ffffff;}
.tin-tuc .cot1 .post-item .box-vertical .box-text {
    padding-right: 0;
}
.tin-tuc .cot1 .post-item .box-vertical .post-title {
    font-weight: normal;
    color: black;
}
.tin-tuc .icon-box .icon-box-text p {
    margin-bottom: 5px;
}
.footer-section .col {
    padding-bottom: 0;
}
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
textarea {
    border-radius: 3px;
    border: 1px solid #cccccc;
}
input[type="email"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 2px solid #55c3f4;
}
input[type="submit"]:not(.is-form) {
    font-weight: normal;
    text-transform: none;
    border-radius: 3px;
    background: #ff9f43;
}
.wpcf7-textarea {
    min-height: 85px !important;
}
.absolute-footer {
    font-size: 12px;
	padding-bottom: 8px;
}
.blog-single {
    background: #efefef;
}
.blog-single .article-inner {
    background: white;
    border-radius: 3px;
    padding: 20px;
}
.blog-single .post-sidebar {
    padding-left: 0;
    border-left: 0 !important;
}
.blog-single .post-sidebar #secondary {
    font-size: 15px;
    padding: 10px;
    border-radius: 3px;
    background: white;
}
.blog-single .large-9 {
    border-right: 0;
    padding-right: 20px;
}
.blog-single .post {
    margin-bottom: 20px;
}
.blog-single #comments {
    background: white;
    padding: 10px;
    border-radius: 3px;
}
.article-inner .dau-bai-viet {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.article-inner .dau-bai-viet .left {
    width: 40%;
    float: left;
}
.article-inner .dau-bai-viet .right {
    width: 60%;
    float: right;
    padding-left: 15px;
}
.article-inner .dau-bai-viet .clearboth {
    clear: both;
}
.blog-single .entry-title {
    font-size: 20px;
}
.blog-single .entry-header-text {
    padding-bottom: 0;
}
.blog-single .thong-tin-chung {
    background: #fbfff7;
    padding: 10px;
    border-radius: 3px;
    border: 1px dashed #ff9f43;
    margin-top: 15px;
}
.blog-single .thong-tin-chung ul {
    margin-left: 20px;
    margin-bottom: 0;
}
.blog-single .thong-tin-chung ul li {
    margin-bottom: 0;
    list-style: square;
    color: green;
}
.blog-single .fa,
.blog-single .dau-bai-viet .danh-muc a,
.blog-single .entry-meta .danh-muc a {
    color: #ff9f43;
}
.blog-single .dau-bai-viet .the-tim-kiem a,
.blog-single .entry-meta .the-tim-kiem a {
    background: #ececec;
    padding: 4px 10px;
    border-radius: 3px;
    color: gray;
    margin-right: 10px;
}
.blog-single .dau-bai-viet .danh-muc,
.blog-single .entry-meta .danh-muc {
    margin-bottom: 10px;
}
.blog-single .dau-bai-viet .the-tim-kiem a:hover,
.blog-single .entry-meta .the-tim-kiem a:hover {
    background: #ff9f43;
    color: white;
}
.blog-single .meta-tag-posst {
    font-size: 15px;
}
.blog-single .blog-share {
    text-align: left;
    margin-top: 15px;
}
.blog-single .blog-share .button.is-outline {
    border: 0;
    background-color: #ececec;
}
.lightbox-content {
    padding-bottom: 1px !important;
    border-top: 3px solid #3fb801;
    background-color: #fff;
    font-size: 15px;
}
.form-tu-van .tieu-de {
    font-size: 18px;
    color: #3fb801;
}
.wpcf7 label {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}
.wpcf7 td {
    padding: 0px;
    border-bottom: 0;
}
.blog-single .nut-dat-hang {
    display: block;
    width: 100%;
    margin-top: 10px;
}
.blog-single .nut-dat-hang .left {
    width: 50%;
    float: left;
}
.blog-single .nut-dat-hang .right {
    width: 50%;
    float: right;
    float: right;
}
.blog-single .nut-dat-hang .clearboth {
    clear: both;
}
.blog-single .nut-dat-hang .right a {
    background: #0c7ec3;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
}
.blog-single .nut-dat-hang .left a {
    background: #ff9f43;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
}
body,.actionContent{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
@media print { body, .actionContent{ display:none!important;} }
footer.entry-meta {
    font-size: 15px;
}
#content-blog-view .box-image, #content-blog-view .image-cover, #content-blog-view img.img-tintuc {
    max-height: 200px;
}
.ds-blog-danghoc.timkiem-khoahoc{background: #ff9f43!important;}
.col-timkiem{height:74px; padding: 10px 15px;}
.timkiem-khoahoc .input-timkiem-khoahoc{margin: -5px 10px 0px 10px;}
.btn-timkiem-khoahoc{background: #81e61e; color: #fff; margin-top: -6px; border-radius: 5px;} 
.timkiem-khoahoc .input-timkiem-khoahoc, .timkiem-khoahoc label{float:left; max-width:340px;}
.timkiem-khoahoc label{color: #fff;}
#col-hoc-thu .list-box.ds-blog .col.large-3 .box-text{text-align:center;}
#contactform{padding:20px 20px; width: 100%; float: left;}
.form-group{margin-bottom:5px; width: 100%;  float: left;}
.alert.alert-error {
    background-color: #fff5eb;
    padding: 8px;
    color: #f50710;
    font-size: 14px;
    margin: 20px 0px;
    border: 1px solid #fdcece;
	font-weight: 400!important;
}
.alert.alert-success{
    background-color: #bcf0fb;
    padding: 8px;
    color: #1692ad!important;
    font-size: 14px;
    margin: 20px 0px;
    border: 1px solid #94bdc6;
    font-weight: 400!important;
}
.alert-success hr {
    border-top-color: #9adae7!important;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.swal2-title{display: block!important;}
.view-captcha-class .col-md-4{width:30%; float:left;}
.view-captcha-class .col-md-6{width:65%; float:left; margin-left:5%;}
#col-content-right{background: #fff; margin-top: 36px;
    border-top: 2px solid #ff9f43; border-left: 10px solid #ededed;
    border-right: 13px solid #ededed;}
#col-content-main{padding-bottom: 0px;}	
.from_the_blog_excerpt{min-height:45px;}
.blog-single .nut-dat-hang .fa {
    font-size: 20px;
    padding-right: 5px;
    color: white;
}
.blog-single .mo-ta-phu {
    margin-top: 15px;
    font-size: 15px;
}
span.widget-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    color: #ff9f43;
}
.blog-single .dau-bai-viet .post-date,
.blog-archive .post-date,
.blog-archive .box-blog-post .is-divider,
.blog-archive .from_the_blog_excerpt {
    display: none;
}
.blog-archive .large-10 {
    flex-basis: 100%;
    max-width: 100%;
}
.blog-archive .post-item {
    max-width: 25%;
    flex-basis: 25%;
}
.blog-archive .post-item .box-text .post-title {
    margin-bottom: 10px;
    color: #07821c;
    font-size: 17px;
}
.blog-archive .post-item .thong-tin-chung {
    font-size: 15px;
    height: 75px;
    overflow: hidden;
}
.blog-archive .post-item .thong-tin-chung ul li {
    margin-bottom: 0;
}
.blog-archive .post-item .thong-tin-chung ul {
    margin-left: 1px;
}
.blog-archive .page-title span {
    font-size: 22px;
    letter-spacing: 0;
    text-transform: none;
    color: green;
}
.blog-single .entry-content {
    padding-top: 15px;
}
.blog-single .article-inner p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 10px;
}
.blog-single .navigation {
    font-size: 15px;
}
.blog-single .entry-content a {
    color: green;
}
.blog-archive .taxonomy-description {
    text-align: left;
}
.blog-archive .taxonomy-description ul {
    margin-left: 20px;
}
.blog-archive .taxonomy-description ul li a {
    color: green;
}
.blog-archive .page-title {
    text-align: left;
}
.blog-archive .large-12 {
    border: 1px solid whitesmoke;
    padding: 20px;
    border-radius: 3px;
    background: white;
    margin-bottom: 15px;
}
.blog-archive {
    background: whitesmoke;
} /* Custom CSS Mobile */
@media (max-width: 549px) {
    .menu-float-right {
        display: none;
    }
    .danh-muc .post-item,
    .tin-tuc .post-item {
        flex-basis: 50%;
        float: left;
    }
    .article-inner .dau-bai-viet .left,
    .article-inner .dau-bai-viet .right {
        flex-basis: 100%;
        width: 100%;
    }
    .blog-single .large-9 {
        padding: 0;
    }
    .article-inner .dau-bai-viet .right {
        padding-left: 0;
    }
    .blog-single .entry-header-text {
        margin-top: 15px;
    }
    .blog-single .nut-dat-hang .left a {
        margin-bottom: 15px;
    }
    .icon-box-left .icon-box-img + .icon-box-text {
        font-size: 11px;
        padding-left: 5px;
    }
    .cac-tieu-chi .cot1 {
        padding: 5px;
    }
    .TextCaptions .is-selected {
        color: white;
        background-color: #ff9f43;
        border-top: 0 !important;
    }
    .danh-muc .post-item .box-text .thong-tin-chung ul li {
        font-size: 11px;
    }
    .danh-muc .post-item .box-text .thong-tin-chung ul {
        margin-left: 5px;
    }
    .tin-tuc .gioi-thieu p,
    .footer-wrapper {
        font-size: 13px;
    }
    .blog-single {
        font-size: 13px;
    }
}
.label-new.menu-item > a:after {
    content: "New";
}
.label-hot.menu-item > a:after {
    content: "Hot";
}
.label-sale.menu-item > a:after {
    content: "Sale";
}
.label-popular.menu-item > a:after {
    content: "Popular";
}
@media (max-width: 849px) {
	article.view-dethi-mb{overflow: hidden;}
	article.view-dethi-mb .noidung-baiviet{overflow: auto;}
	article.view-dethi-mb .content-table-dethi{overflow: auto;
		width: 1000px;}
	.footer-wrapper {
		margin-bottom: 60px;
	}
    .cac-tieu-chi .icon-box-img {
        width: 35px !important;
    }
    .cac-tieu-chi .icon-box-img img {
        width: auto;
    }
    .icon-box-left .icon-box-img + .icon-box-text {
        font-size: 11px;
        padding-left: 5px;
    }
}
.col.large-3{
    float: left;
}
.copyright-footer .social-icons.follow-icons{width:170px!important;}
.social-icons.follow-icons a{margin-bottom:0px!important; padding-bottom:0px!important;}
.section.footer-section ul li{color: #ffb71c;}
.section.footer-section a, .section.footer-section span, .section.footer-section p{color: #fff;}


.icon-zalo {
    background: url(/images/icon-zalo-home.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px;
}
.section-filter-home {
    min-height:350px;
	overflow:hidden;
	margin-top: -20px;  
	margin-bottom: 20px;
}
.section-filter-home .tttt, .section-filter-home .lthrd , .section-filter-home .ttbqt{min-height:280px; width:100%;}
.section-filter-home .lthrd , .section-filter-home .ttbqt{display: none;}
.gap-element.clearfix{padding:10px 0px;}
.border-div-view{border: 1px solid #ededed;}
.info-congty li{margin-bottom:5px; line-height: 18px;}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*, :after, :before {
    box-sizing: border-box;
}
.mr-1, .mx-1 {
    margin-right: .25rem!important;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.nav-search .search-type .search-type-item input[type=radio]:checked+label, .section-filter-home .search-type .search-type-item input[type=radio]:checked+label {
    background-color: #2d373f;
    color: #fff;
}
.nav-search .search-type .search-type-item label, .section-filter-home .search-type .search-type-item label {
    background-color: #fff;
    color: #6c757d;
    cursor: pointer;
}
.font-9 {
    font-size: .9rem!important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem!important;
}
.pb-2, .py-2 {
    padding-bottom: .5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.m-0 {
    margin: 0!important;
}
.rounded-right, .rounded-top {
    border-top-right-radius: .25rem!important;
}
.rounded-top {
    border-top-left-radius: .25rem!important;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}
.nav-search .search-field, .section-filter-home .search-field {
    background-color: #2d373f;
}
.p-2 {
    padding: .5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.ml-2, .mx-2 {
    margin-left: .5rem!important;
}
.mr-2, .mx-2 {
    margin-right: .5rem!important;
}
.align-items-center {
    align-items: center!important;
}
.bg-white {
    background-color: #fff!important;
}
.nav-search .search-criteria, .section-filter-home .search-criteria {
    flex-wrap: wrap;
}
.search-input {
    position: relative;
}
.align-items-center {
    align-items: center!important;
}
.search-input > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 1.2em;
    z-index: 1000;
    color: rgb(87, 87, 87);
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
.nav-search .search-field .realty-type, .section-filter-home .search-field .realty-type {
    padding: 10px;
    width: 200px;
}
.border-0 {
    border: 0!important;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important;
}


/*************** END TIM TRUNG TAM & LICH THI.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.subnav {
  float: left;
}

.subnav .subnavbtn {
  border: none;
  outline: none;
  margin: 0;
}
.sub-menu-a {
	font-size: 12px;
    border: 1px solid #d8d8d8;
    text-transform: inherit;
    width: 95%;
    background-color: #f8f8f8;
	color: #bf0404;
}
.subnav-content {
	display: none;
    position: absolute;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color:#eef7fa;
    min-width: 160px;
	padding: 5px!important;
    z-index: 9;
}
.subnav-content li{width:100%; display:block; margin: 0px;}
.subnav-content a {
    float: left;
    font-size: 13px;
    background-color: #d1ebf6;
    color: #001d6d;
    border-bottom: 1px solid #e0f1f8;
    font-family: Quicksand;
    padding: 6px 8px;
    width: 100%;
}
.subnav-content li:last-child a{border-bottom:none;}

.subnav-content a:hover {
  background-color: #ffb71c;
  color: #fff;
}

.menu-main-cha.subnav:hover ul.subnav-content{
  display: block;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#news:checked + .main-menu {
  display: block;
  margin-bottom: 10px;
}
#epstopik:checked + .main-menu {
  display: block;
  margin-bottom: 10px;
}
#cbt:checked + .main-menu {
  display: block;
  margin-bottom: 10px;
}
#gtth:checked + .main-menu {
  display: block;
  margin-bottom: 10px;
}
#ttmy:checked + .main-menu {
  display: block;
  margin-bottom: 10px;
}
#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}


#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #444;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
}

#menu, 
#toggle-menu {
}

#toggle-menu, 
#menu a {
	padding: 1em 1.5em;
	font-weight: 500;
	font-family: Quicksand;
	font-size: .8em;
	letter-spacing: .02em;
    text-transform: uppercase;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  color: #09c;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}


.box_dark:hover {
    background: url(../images/global.png) center no-repeat #fff;
}
.box_dark {
    background: url(../images/global.png) center no-repeat #fff;
    border: solid 1px #05D6A0;
    width: 100%;
    -webkit-box-shadow: 0 2px 28px rgba(0,0,0,.1);
    box-shadow: 0 2px 8px rgb(0 24 171 / 43%);
    padding: 10px;
    overflow: auto;
    color: #030938;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 20px;
}

.top-baihoc {
    text-align: center;
}
.big-h1 {
    color: #040a4e;
    font-size: 25px;
    line-height: 50px;
    font-weight: 700;
}
.big-btn {
    display: inline-block;
    padding: 15px 30px;
    border: 2px solid #f80;
    text-transform: uppercase;
    letter-spacing: .015em;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #f80!important;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media only screen and (max-width: 635px) {
.btn-phone,.btn-fb,.btn-zalo{
    display:none;
}
.bottom-contact{display: block;
    display: block;
    position: fixed;
    bottom: 0;
    background: #0f1010d6;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dededea3;
    border-top: 1px solid #eaeaea;}
.bottom-contact ul{
   padding: 0px;
}
.bottom-contact ul li{width: 25%;
    float: left;
    list-style: none;
    text-align: center; font-size:13.5px;}
.bottom-contact ul li span{color:#fff}
.bottom-contact ul li img{    width: 35px;
    margin-top: 10px;
    margin-bottom: 0px;}

 
}
.btn-phone2 {
    bottom: 250px;
}
.btn-phone.btn-phone3 {
    bottom: 150px;
    right: 20px;
}
.btn-phone.btn-phone3 a {
    background-color: #2093e9 !important;
    width: 45px;
    height: 45px;
}
.home_member {
    font-size: 40px;
    line-height: 40px;
}
.home_stat_column_left {
    width: 100%;
    float: left;
    border: none;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1040px) {
.home_member {
    font-size: 60px;
    line-height: 60px;
}
}
.home_member {
    color: #05d6a0;
    -webkit-text-fill-color: initial;
    font-size: 80px;
    font-weight: 700;
    clear: both;
    line-height: 80px;
}
.home_stat {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}


.home_stat_column_left {
    width: 25%;
    float: left;
    border-right: 1px solid rgba(235,235,238,.38);
}

.column50 a {
    color: #16a6d4;
}
.wrapper a {
    text-decoration: none;
    color: #16a6d4;
}

.btn_CheckOut {
    float: right;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    border: none;
    background: #16a6d4;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    line-height: 30px;
    height: 30px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}

.news_box{font-size:15px;}
.result_view_tracnghiem .mark,.result_view_hinhanh .mark{border:solid 1px #16a6d4;color:#16a6d4}


.qselect {
    padding: 7px 0;
    border: solid 1px transparent;
    cursor: pointer;
}
.qselect>.mark {
    padding: 0;
    background-color: #fff;
	float: left;
	margin-right: 10px;
	min-width: 28px;
    height: 28px;
    line-height: 26px;
    box-shadow: 0px 2px 4px 0px #00000040;
}

.theme-dark .qselect>.mark {
    background-color: #000;
    color: white;
}

.mark {
    line-height: 26px;
    height: 28px;
    width: 28px;
    text-align: center;
    border-radius: 18px;
    display: inline-block;
    border: 0.2px solid #00000040;
    margin-right: 3px;
    background: none;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.mark, mark {
    padding: .0em;
    background-color: #fcf8e3;
}
.qselect>.qsign {
    display: inline-block;
    float: left;
    font-size: 16px;
}
.blanks .ch_keo {
    width: 25%;
    float: left;
	margin-bottom: 10px;
}
.cauhoiloai-3 .jdropwords .blanks {
    position: relative;
    border: none;
    padding: 0px;
}
.quiz-list .pd_chkeo {
    padding: 4px 2px;
}
.blanks .ch_keo .ch_tren {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    margin-bottom: 2px;
}
.blanks .ch_keo .ch_duoi {
    border: 1px solid #ddd;
    text-align: center;
    min-height: 110px;
}
.cauhoiloai-1 .quiz-list .qselect.qchecked, .cauhoiloai-2 .quiz-list .qselect.qchecked{
    color: #5899FC;


.view-huongdan-giai{
	border: 1px solid #eee;
    color: #4f5152;
    padding: 10px 12px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    margin: 20px 0px;
	position: relative;
    z-index: 999;
}
.cauhoi-tracnghiem .traloisai, .cauhoi-tracnghiem-hinhanh .traloisai, .entry-tracnghiem-test .traloisai, .thi-thu .traloisai {
    background: url(../images/wrongx.png) no-repeat 20px 0;
    background-size: 10px;
}
.cauhoi-tracnghiem .traloidung, .cauhoi-tracnghiem-hinhanh .traloidung, .entry-tracnghiem-test .traloidung, .thi-thu .traloidung {
    background: url(../images/correctx.png) no-repeat 20px 0;
    background-size: 10px;
}
.cauhoi-tracnghiem .traloisai .mark, .cauhoi-tracnghiem-hinhanh .traloisai .mark, .entry-tracnghiem-test .traloisai .mark, .thi-thu .traloisai .mark {
    border: solid 1px #fc7272;
    background-color: #fc7272!important;
    color: #fff;
}
.cauhoi-tracnghiem .traloidung .mark, .cauhoi-tracnghiem-hinhanh .traloidung .mark, .entry-tracnghiem-test .traloidung .mark, .thi-thu .traloidung .mark {
    border: solid 1px #4dde7d;
    background-color: #4dde7d!important;
    color: #fff;
}
.cauhoi-tiengviet, .hinhanh-tiengviet {
    display: none;
}
.result_view_tuvung,.result_view_tracnghiem,.result_view_hinhanh{width:100%;float:left;padding:20px 0}
.result_view_tuvung li{margin-top:20px}
.result_view_tuvung,.result_view_tracnghiem,.result_view_hinhanh{display:none}
.cauhoi-tracnghiem .cauhoitracnghiem{float:left;width:30%;height:120px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;text-align:center}
.cauhoi-tracnghiem .qselect{padding:3px 0}
.cauhoi-tracnghiem .quiz-list{float:left;width:70%}
.result_view_tuvung summary{cursor:pointer}
.result_view_tuvung summary a{cursor:alias}
.result_view_tuvung details,.result_view_tuvung ol{width:100%;float:left;margin-bottom:40px}
.vetrangchu{width:170px;margin:10px auto;padding-bottom:30px}
.kq-thi{width:100%;background:url(../images/ketthucthi.gif) center center no-repeat;height:380px;font-family:math;background-size:contain;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:85px;padding-bottom:5px;text-align:center}
.title_hoc{float:right;display:inline-block;color:#fff;font-size:16px;text-align:center;cursor:pointer;border:none;background:#16a6d4;font-weight:600;text-transform:uppercase;text-decoration:none;width:100%;line-height:40px;height:40px}
#forgotForm #captcha{width:50%;height:36px}#forgotModal .modal-dialog .modal-content{background:url(../images/global.png) center no-repeat #04407cd6;}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #1363b3;border-top-left-radius:.3rem;border-top-right-radius:.3rem;background:#0030617a;color:#fff}
#forgotModal .modal-footer{border-top:1px solid #1363b3;margin-top:20px}
.tab-menu-baihoc .title_hoc.active,.tab-menu-baihoc .title_hoc:hover{background:#f2901c}
.result_view_tuvung .column50{min-height:200px}
#headerWrap .info{position:absolute;width:360px;height:30px;right:20px;top:12px;background:url(../images/area_info.png) no-repeat 0 0;font:bold 12px dotum;color:#333;text-align:left}
#headerWrap .info span{display:block;float:left}
#headerWrap .info .appno{margin:0 0 0 115px;line-height:32px}
#headerWrap .info .seatno{margin:0 0 0 150px;line-height:32px}
#headerWrap .control{position:absolute;width:400px;display:none;height:30px;right:20px;top:57px;text-align:right;font:normal 12px dotum;color:#333}
#headerWrap .control a,
#headerWrap .control img{vertical-align:middle;display:unset!important}
#headerWrap .control .ctrl{position:relative;display:inline-block;width:130px;height:18px;background:url(../images/ctrl_bg.png) repeat-x 0 0;vertical-align:middle}
#headerWrap .control .ctrl span.left{display:block;float:left;width:18px;height:18px;position:unset}
#headerWrap .control .ctrl span.right{display:block;float:right;width:18px;height:18px;position:unset;margin-left:0}
#headerWrap .control .ctrl span.mov{position:absolute;display:block;width:11px;height:15px;left:40px;top:3px}.fixip5{float:right;position:relative;margin-top:-30px;display:contents}
.thongtin_avatar{position:absolute;width:235px;text-align:center;margin-top:235px;margin-left:200px}
.thongtin_avatar img{width:120px;height:130px;border:1px solid #dadada;background:#fff;padding:3px}
.bg-thongtin-thi{background:url(../images/bg-info.png) no-repeat 0 0;height:480px;width:790px;margin:0 auto}
.thongtin_de{width:235px;position:absolute;margin-top:285px;text-align:center;font-size:80px}
.thongtin_de .thongtinmade{color:#000}#containerWrap{padding-bottom:50px}
.thongtin_thi{width:355px;position:absolute;color:#00f;margin:205px 0 0 400px}
.thongtin_thi .thongtin{height:39px;padding:7px 0 0 140px}
.thongtin_thi .thongtin1{background:url(../images/bg-1.png) no-repeat 0 0}
.thongtin_thi .thongtin2{background:url(../images/bg-2.png) no-repeat 0 0}
.thongtin_thi .thongtin3{background:url(../images/bg-3.png) no-repeat 0 0}
.thongtin_thi .thongtin4{background:url(../images/bg-4.png) no-repeat 0 0}
.thongtin_thi .thongtin5{background:url(../images/bg-5.png) no-repeat 0 0}
.list-dethi .info-box{display:block;min-height:78px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.1);border-radius:2px;margin-bottom:15px}
.list-dethi .bg-purple{background-color:#054b98!important}.list-dethi .info-box-icon>img{max-width:100%;padding:15px}
.cauhoitracnghiem{padding:15px 5px;font-size:16px}
.cauhoitracnghiem audio{height:22px;margin-bottom:-5px;display:none}
.list-dethi .info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:78px;width:78px;text-align:center;line-height:70px;background:rgba(0,0,0,.2)}
.list-dethi .info-box-content{padding:5px 10px;margin-left:78px}.home_member{color:#05d6a0;-webkit-text-fill-color:initial;font-size:80px;font-weight:700;clear:both;line-height:80px}
.home_stat{width:100%;display:inline-block;margin-top:20px}.home_stat_column_left{width:25%;float:left;border-right:1px solid rgba(235,235,238,.38)}
.home_stat_column_right{width:25%;float:left}
@media only screen and (max-width:1280px){
	.big-font{font-size:30px;line-height:40px}
	.big-font:before{font-size:20px}
	.content iframe{width:100%!important}
	.home_stat_column_left{width:50%;float:left;border:none;margin-bottom:20px}
	.home_stat_column_right{width:50%;float:left;margin-bottom:20px}
	.width-50{float:left;width:100%;max-width:300px;height:400px;display:flex;justify-content:center;align-items:center;font-size:20px;text-align:center}
	.width-50b{float:left;margin-top:15px;width:100%;height:400px;max-width:300px;display:flex;justify-content:l;align-items:center;font-size:15px;text-align:left}
}
@media only screen and (max-width:1040px){
	.home_member{font-size:60px;line-height:60px}
	.column52{width:50%;padding-right:20px}
}
@media only screen and (max-width:635px){
	.c-content-feature-5 .c-text, .fb_iframe_widget_fluid, .fb_iframe_widget_fluid span, iframe, .gioithieu-home .col-md-6{width: 100%!important;}
	.top-thachdau .col-md-4{width: 100%; margin-bottom: 30px;}
	.gioithieu-home .col-md-6 iframe{min-height:280px;}
	#row-list-lophoc .icon-box-text a,#row-list-lophoc .icon-box-text span, #row-list-lophoc .icon-box-text{font-size:12px;}
	.col-md-12.list-cauhoi-tracnghiem{padding-right: 0px; padding-left: 0px;}
	.home_member{font-size:40px;line-height:40px}
	.home_stat_column_left{width:100%;float:left;border:none;margin-bottom:20px}
	.home_stat_column_right{width:100%;float:left;margin-bottom:20px}
	.width-50{width:100%;max-width:300px;height:250px;display:flex;justify-content:center;align-items:center;font-size:20px;text-align:center}
	.width-50b{display:none;max-width:300px;height:300px;justify-content:l;align-items:center;font-size:20px;text-align:center}
}
@media only screen and (max-width:340px){
	#row-list-lophoc .icon-box-text a,#row-list-lophoc .icon-box-text span, #row-list-lophoc .icon-box-text{font-size:14px;}
	#row-list-lophoc .small-6 {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
.box_dark.thi-tracnghiem .list-tracnghiem{width:75%;float:left;padding:20px;background:#fff;min-height:880px}
#ctl00_labDangNhap{white-space:nowrap;padding-top:15px;padding:10px 20px;background:url(http://sharecode.vn/assets/images/bt_title_popup.jpg) #84c52c;color:#fff;margin-right:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#ctl00_labDangKy{white-space:nowrap;padding-top:15px;padding:10px 20px;background:url(https://sharecode.vn/assets/images/bg_orange.jpg) #ff8401;color:#fff;border-radius:5px;margin-right:10px;-moz-border-radius:5px;-webkit-border-radius:5px}
.box_dark.thi-tracnghiem .pagination{width:25%;float:left;line-height:20px;background:#d7e4f2;min-height:880px;margin:0px!important;border-radius:0px!important;border:none}
.box_dark.thi-tracnghiem .time{height:80px;margin-top:10px;background:url(../images/area_time.png) no-repeat center top;font:bold 12px dotum;color:#333;text-align:left}
.box_dark.thi-tracnghiem .time span{display:block;float:left}.box_dark.thi-tracnghiem .time .test{margin:40px 0 0 70px;line-height:30px}
.box_dark.thi-tracnghiem .time .remain{margin:40px 0 0 85px;line-height:30px}
.box_dark.thi-tracnghiem .ds-cauhoi{width:50%;float:left;line-height:18px;color:#000;background:#fff}
.box_dark.thi-tracnghiem .ds-cauhoi .td-ch{text-align:center}
.box_dark.thi-tracnghiem .ds-cauhoi .td-ch.cauhoi{border-top:solid 1px #f0f0f0;width:30%;float:left;cursor:pointer}
.box_dark.thi-tracnghiem .ds-cauhoi.cauhoi-doc .td-ch.cauhoi:hover,.box_dark.thi-tracnghiem .ds-cauhoi.cauhoi-nghe .td-ch.cauhoi.chophep:hover{background:#cfdaed}
.box_dark.thi-tracnghiem .ds-cauhoi.cauhoi-nghe .td-ch.cauhoi{cursor:no-drop}
.box_dark.thi-tracnghiem .nopbai{border-radius:5px;margin-top:-5px}
.box_dark.thi-tracnghiem .ds-cauhoi .td-ch.traloi{border:solid 1px #f0f0f0;border-bottom:none;width:70%;float:left}
.blog-tintuc{width:100%;float:left;border-radius:4px;background:#fff}
.album-item-name{position:relative;bottom:0;padding:10px;width:100%;color:#FFF;font-weight:700;background-color:#0a82a7;max-height:60px;overflow:hidden}
.album-item-box img{padding:3px;border:2px solid #f5f5f5;width:100%;height:180px}img{max-width:100%}
.du_an_tieu_bieu .c-content-client-logos-slider-1 .item img{height:220px;border:2px solid #f7f7f7;padding:3px}
.info-view{padding-top:10px;text-align:left}.col-proj{padding-left:8px;padding-right:8px;margin-bottom:16px}
.drd {
	width: 50%;
    background: #ffffff;
    margin-bottom: 5px;
    color: #9e0000;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #666;
    font-family: 'Play',sans-serif;
}
.icon {
    display: inline-block;
}

.flat-button1 {
    border: 1px solid #fff;
    position: relative;
    vertical-align: top;
    font-size: 16px;
    color: white!important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    background: #f80;
    cursor: pointer;
    padding: 3px 15px;
    top: 0;
    left: 0;
    display: inline-block;
}
.config-audio {
    margin: 20px 0 10px 0;
}
h1 {
    font-size: 22px;
    color: #545454;
    margin-bottom: 5px;
    line-height: 30px;
}
a.sm2_button, a.sm2_button.sm2_paused:hover {
    background-color: #39c;
    background-image: url(../images/arrow-right-white.png);
    background-image: none,url(../images/arrow-right-white-2x.png);
    background-size: 9px 10px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
a.sm2_button, a.sm2_button.sm2_paused:hover {
    background-color: #39c;
    background-size: 9px 10px;
    background-position: 5px 50%;
}
a.sm2_button {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px;
    margin-top: -5px;
    transition: all .2s ease-in-out;
}
.sm2_button, .box_dark.thi-tracnghiem .ds-cauhoi .td-ch.cauhoi.chophep {
    cursor: pointer!important;
}
a.sm2_button:hover, a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover {
    background-color: #c33;
}
a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover {
    transform: rotate(90deg);
}
a.sm2_button:hover, a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover {
    background-color: #c33;
}

@media only screen and (max-width: 960px) {
.voca_show_img img {
    height: 200px;
}
}
.voca_show_audio {
    padding: 5px 3px;
    font-weight: 700;
}
.cauhoi-tracnghiem-hinhanh .qselect {
    padding: 2px 0;
}

.change-select-dc {
	height: 37px;
    border: 1px solid #086500;
    border-radius: 3px;
    background-color: #0a8000;
    color: white;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 0px 10px;
}
.change-select-hinhanh-dc {
	height: 37px;
    border: 1px solid #d00000;
    border-radius: 3px;
    background-color: #0a8000;
    color: white;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 0px 10px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline-block;
	margin-left: 1px!important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00b9b1;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination a {
    border: none;
    float: left;
    padding: 0;
    margin: 2px;
    cursor: pointer;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ff9f43;
    border-color: #53a205;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ff9f43;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.back-to-top{border: none!important;
    background: #013877!important;}
.back-to-top i{color:#fff;}
.subnav-content li.active a{background-color: #ffb71c;
  color: #fff;}
.tieude-giaotrinh{color: #ff9f43; font-size: 24px;}
#right-menu-item-goihoc, #right-menu-item-naptien, #right-menu-item-dethi, #right-menu-item-tailieu{width:100%; float:left; margin-bottom:15px;}
#right-menu-item-goihoc a{background: #ec0e94;
    padding: 10px;
    display: block;
    text-align: center;
    color: #fff;}
#right-menu-item-naptien a{background: #00beea;
    padding: 10px;
    display: block;
    text-align: center;
    color: #fff;}
#right-menu-item-dethi a{background: #d213cc;
    padding: 10px;
    display: block;
    text-align: center;
    color: #fff;}
#right-menu-item-tailieu a{background: #ffa620;
    padding: 10px;
    display: block;
    text-align: center;
    color: #fff;}
.col.post-item-baiviet a {
    font-size: 14px;
}
.width-20 img {
    width: 100%;
    min-width: 140%;
}
.width-80 {
    width: 75%;
    float: left;
    padding-left: 10%;
}
.dochieu {
    width: 100%;
    -webkit-box-shadow: 0 2px 28px rgba(0,0,0,.1);
    box-shadow: 0 1px 12px rgb(6 211 251 / 62%);
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    color: #040ac3;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.cauhoitracnghiem {
    padding: 15px 5px;
    font-size: 16px;
}
b, strong {
    font-weight: 700;
}
.list-tracnghiem .no2qselect.cot2 {
    float: left;
    width: 50%;
    min-height: 50px;
}
.no2qselect {
    padding: 7px 0;
    border: solid 1px transparent;
}
.no2qselect>.qsign {
    display: inline;
    font-size: 17px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
	width: 100%;
    float: left;
}

.wrapper img {
    max-width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.entry-tracnghiem-test {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    webkit-box-shadow: 0 2px 28px rgba(0,0,0,.1);
    width: 100%;
    box-shadow: 0 2px 28px rgba(0,0,0,.1);
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;
    border-radius: 3px;
    transition: all 0.3s;
    background-color: #fffcfc;
}
.cauhoitracnghiem img {}

/**--- MIN-----**/
@media only screen and (min-width: 0px) {
.hoctuvung select {
    width: 100%!important;
    float: left;
    margin: 1%;
}
.blog_tuvung .item_nhomtuvung {
    width: 100%;
    padding: 10px 0 0 0;
}
.list-tracnghiem .qselect.cot2, .list-tracnghiem .qselect.cot3, .list-tracnghiem .qselect.cot4 {
	float: left;
	width: 100%;
    min-height: 20px;
}
.col.post-item-baiviet {
    float: left;
    text-align: left;
}
.col.post-item-baiviet a {
    font-size: 14px;
    max-height: 3.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 1.2rem;
}
.cauhoi-tracnghiem-hinhanh {
    width: 99%;
    margin: 10px 0;
    min-height: 280px;
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
	margin: .5% .5%;
}
.cauhoi-tracnghiem {
    float: left;
    width: 99%;
    min-height: 160px;
}
.d-flex {
    display: block;
}
.mr-1, .mx-1 {
    margin-top: 5px;
}
}
@media only screen and (min-width: 480px) {
.cauhoi-tracnghiem-hinhanh {
    width: 49%;
    height: 400px;
    min-height: 400px;
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
	margin: .5% .5%;
}
.cauhoi-tracnghiem {
    float: left;
    width: 49%;
    min-height: 190px;
}
.hoctuvung select {
    width: 48%!important;
    float: left;
    margin: 10px 1%;
}
.box {
    max-width: 100%!important;
}
}
@media only screen and (min-width: 501px) {
.width-20 {
    width: 65px;
    float: left;
	display: block;
}
}
@media (min-width: 550px) {
h2 {
    line-height: 1.0em;
}
}
@media (min-width: 576px) {
.container {
    max-width: 540px;
}
.d-flex {
    display: flex!important;
}
}
@media only screen and (min-width: 768px) {
.tab-menu-baihoc {
    float: left;
    width: 150px;
    margin-top: 25px;
}
.blog_tuvung .item_nhomtuvung {
    width: 100%;
    padding: 10px 0 0 0;
}
.col.post-item-baiviet, .blog-lienhe .col.medium-6 {
    width: 100%;
}
.cauhoi-tracnghiem-hinhanh {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 32%;
	float: left;
    min-height: 280px;
	border: 1px solid #ddd;
	padding: 5px;
}
.d-md-block {
    display: block!important;
}
.d-md-flex {
    display: flex!important;
}
.pt-md-5, .py-md-5 {
    padding-top: 3rem!important;
}
.container {
    max-width: 1170px;
}
.center {
    width: 30%;
	float: left;
}
.searchtrungtam {
    width: 70%;
    float: right;
}
.width-80 {
    float: left;
    padding: 0;
}
}


@media only screen and (min-width: 960px) {
.hoctuvung select {
    width: 23%!important;
    float: left;
    margin: 10px 1%;
}
.blog_tuvung .item_nhomtuvung {
    width: 50%;
    float: left;
    font-size: 14px;
    padding: 10px 0 0 0;
}
.list-tracnghiem .qselect.cot2, .list-tracnghiem .qselect.cot3, .list-tracnghiem .qselect.cot4 {
    float: left;
	width: 50%;
    min-height: 20px;
    max-height: 150px;
}
.list-tracnghiem .qselect.cot4 {
    float: left;
    width: 25%;
    min-height: 50px;
}
.width-80 {
    width: 75%;
    float: left;
    padding-left: 10%;
}
.col.post-item-baiviet {
    padding: 10px;
    margin-bottom: 20px;
}
.cauhoi-tracnghiem-hinhanh {
    width: 32%;
    float: left;
    margin: .5% .5%;
    min-height: 340px;
    border: 1px solid #ddd;
    padding: 5px;
}
}

@media only screen and (min-width: 1024px) {
.column50 {
	float: left;
	width: 50%;
    position: relative;
    padding-right: 20px;
    font-size: 16px;
}
}
@media (min-width: 1042px) {
	.fb-like {display: none;}
	.fb {display: block;}
}
@media only screen and (min-width: 1100px) {
.width-20 {
    width: 75px;
    float: left;
	display: block;
}
.col.post-item-baiviet {
    width: 48%;
    float: left;
    text-align: left;
	max-height: 90px;
    min-height: 80px;
    padding: 5px;
    margin-left: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgb(0 24 171 / 43%);
}
}
/**--- END MIN-----**/


/**--- MAX-----**/
@media only screen and (max-width: 480px) {
.box {max-width: 100%!important; }
}
@media only screen and (max-width: 768px) {
.giuseart-nav li .chat_animation {
        display: block !important;
    }
    .giuseart-nav ul li .button .phone_animation i {
        display: inline-block;
        width: 75px;
        font-size: 26px;
    }
    .giuseart-nav ul > li a i.icon-phone-w {
        background: url(../images/zalo.gif) no-repeat;
        background-size: contain;
        width: 60px;
        height: 75px;
    }
    .giuseart-nav li .button .phone_animation {
        box-shadow: none;
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .giuseart-nav ul > li a {
        padding: 0;
        margin: 0 auto;
    }
    .giuseart-nav {
        background: white;
        width: 100%;
        border-radius: 0;
        color: #fff;
        height: 60px;
        line-height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 5px;
        margin: 0;
        box-shadow: 0 4px 10px 0 #000;
    }
    .giuseart-nav li {
        float: left;
        width: 20%;
        list-style: none;
        height: 50px;
    }
    a.cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1;
    }
    a.cd-top,
    a.cd-top:visited,
    a.cd-top:hover {
        color: #ccc;
        text-decoration: none;
    }
    a.cd-top.cd-is-visible,
    a.cd-top.cd-fade-out,
    .no-touch a.cd-top:hover {
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    .phone-mobile {
        display: block !important;
    }	
.tab-menu-baihoc {
    float: left;
    width: 100%;
    padding-left: 5px;
    margin-top: 15px;
}
.container.search-home{padding-top: 20px;}
.tieude-khoahoc{height: auto;}
.center {
    width: 100%;
}
.searchtrungtam {
    width: 100%;
    float: inherit;
	margin-top: 20px;
}
.width-20 {
    width: 100%;
    float: left;
    text-align: center;
}
.width-20 img {
    width: auto;
	padding-right: 10px;
}
}
@media only screen and (min-width: 349px) {
.width-20 {
    display: block;
}
}
@media screen and (max-width: 849px) {
#top-bar .flex-col.flex-left, .hidden-mb-view{display:none!important;}
.graphs .col-lg-3{width: 31%!important; max-width: 31%;}
#top-bar .nav > li{padding: 10px 0px;}
.mobile-nav .nav-icon.has-icon a{color:#fff;}
.mobile-nav .nav-icon.has-icon a i{font-size: 28px;}
.none {
    display: none;
}
}
@media (max-width: 549px) {
    #load-view-cauhoiluyentap .col-md-10{margin-top: 20px!important;}
    #load-view-cauhoiluyentap .col-md-2{top: 80px!important;}
    #load-view-cauhoiluyentap .col-md-2 .tyledung, #load-view-cauhoiluyentap .col-md-2 .loader-tyle-tong{padding-top:0px!important;}
    #toolbox {
    width: 100%!important;
    position: relative!important;
    top: auto!important;
    right: auto!important;
}
.modal-footer.exam{width: 240px;
    bottom: 2px;
    right: 20%; position: absolute!important;}
.graphs .col-lg-3{width: 46%!important; margin: 2% 2%!important; max-width: 46%!important;}
.noidung-baiviet.list-learning .section.cac-tieu-chi{padding-left:0px; padding-right:0px;}
.back-to-top{bottom: 90px!important;}
.actionContent .modal.fade{margin-right:auto!important;}
.header-search-form.search-form.has-icon .flex-col a.ux-search-submit{font-size: 12px;}
h2 {
    line-height: 1.3;
}
}
@media only screen and (max-width: 960px) {
#main-menu .subnav-content{
	display:block!important;
	position: relative!important;
	background-color: #f7f7f7;
	padding:5px 0px!important;
	padding-top: 0px!important;
}
.nav-vertical li li {
    font-size: 1em;
    padding-left: 0px;
}
#main-menu li .subnav-content li a{padding-left:30px;}
#main-menu .subnav-content li a{width:100%; display:block; background-color: #f7f7f7;}
#main-menu .subnav-content li{border-bottom:none;}
#main-menu li.menu-main-cha.active{background: #ff9f4347;}
#main-menu li.menu-main-cha.active ul li.active a{color: #ff9f43;}
.width-20 img {
    width: auto;
}
.width-20 {
    width: 100%;
    float: left;
    text-align: center;
}
}
@media only screen and (max-width: 1023px) {
.column50 {
	width: 100%;
    position: relative;
    padding-right: 20px;
    font-size: 16px;
}
}
@media (max-width: 1041px) {
.main-nav > li .submenu li{
    width: 100%;
    float: left;
}
.fb {display: none;}
.fb-like {display: block;}
.width-20 {
    width: 65px;
    float: left;
}
.width-80 {
    padding-left: 8%;
}
}
@media only screen and (max-width: 1280px) {
.home_stat_column_left {
    width: 50%;
    float: left;
    border: none;
    margin-bottom: 20px;
}
}