body{
    color:#4b4b4b;
}
#register-free .form-group span {
    color: #848484;
    text-align: left;
    display: inline;
    padding: 5px 2px;
}
.overlay-black {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    padding: 0;
    margin: 0;
}
.overlay-black h3{
    color: white;
    text-align: center;
    margin-top: 20%;
}
.featured_widget_exam .tab-content{
    background: #fff;
    width: 100%;
}
.featured_widget_exam ul.nav-tabs li a{
    background: #07ab8c;
    color:#4b4b4b;
    margin-right: 0px;
    border:0px;   
}
.featured_widget_exam .nav-tabs>li.active>a:hover{
    border: 0px;
}
.featured_widget_exam ul.nav-tabs li a i{
    font-size: 12px;
}
.featured_widget_exam ul.nav-tabs{
    height: 39px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.featured_widget_exam ul.nav-tabs li#tab1 {
    width: 40%;
    box-sizing: border-box;
}
.featured_widget_exam ul.nav-tabs li#tab2 {
    width: 60%;
    box-sizing: border-box;
}
.featured_widget_exam ul.nav-tabs>li{
    margin-bottom: 0px;
}
.featured_widget_exam ul.nav-tabs li a{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0px;
    color:#fff;
}
.featured_widget_exam ul.nav-tabs li.active a{
    background: #fcaf0a;
    color:#fff;
}
.featured_widget_exam #news ul{
    width: 100%;
    padding: 0px;
    margin:0px;
}
.featured_widget_exam #news ul li a i{
    color: #fcaf0a;
    font-size: 12px;
    padding-right: 5px;
}
.featured_widget_exam #news ul li a{
    color: #4b4b4b;
    margin-bottom: 10px;
    display: block;
}

.newTickers .col-md-11 {
    display: inline-block;
    font-style: normal;
    font-weight: bold;   
    height: auto; 
}
.newTickers .vticker{
    margin-top: 10px;
}
.newTickers .box-heading {
    display: inline-block;
    font-style: normal;
    color: red;
    font-weight: bold;
    max-width: 110px;
    
}
.newTickers .box-heading h3{
    font-size: 14px;
    padding: 10px 0px;
    margin: 0px!important;
    color: #fcaf0a;
    font-weight: 700;
}
.newTickers .box-content ul{
    margin:0px;
    padding: 0px;
    height: 40px;
    overflow: hidden;
}
.newTickers .box-content ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #4b4b4b;
}
#free-study{
    border-radius: 5px;
}
#free-study h3{
    font-family: Quicksand;
    font-size: 40px;
    color:#fcaf0a;
}
#free-study p{
    color: #fafafa;
    padding-bottom: 20px;
}
a.btn-learning{
    background: #fcaf0a;
    color: #4b4b4b;
    font-weight: 700;
    margin-bottom: 30px;
}
#list-courses.list-item .item{
    position: relative;
}
#list-courses.list-item .info-relate{
    position: absolute;
    top: 150px;
    left: 11px; 
    background: #f0ca31;
    font-weight: 700;
    color: #4b4b4b;
    padding: 9px 15px 1px 15px;
}
#list-courses.list-item .info-relate::after {
    content: '';
    display: block;
    border: 20px solid #f0ca31;
    border-right-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 93%;
}
#list-courses.list-item .info-relate::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 2px solid #f0ca31;
    border-color: transparent #f0ca31 #f0ca31 transparent;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.module h1.page-title{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #222;
    font-size: 22px;
    text-transform: uppercase;
}

.module-exam-store h1.page-title, .module-course h1.page-title{
    padding-left:21px; 
}
.topical-lesson .list-topical-lesson .item:last-child{
    border:none;
}

#answer-question{
    overflow: hidden;
}
.ads-02{
    margin-top: 19px;
    clear: both;
    height: 93px;
    overflow: hidden;
}
.ads-02 img {
    width: 100%;
}
.faq-side {
    padding: 0 15px
}
/*document module*/
#document-module .list-item .item{
        padding: 8px 15px;
}
#document-module .list-item .item h4 i{
    color: red;
    padding-right: 10px;
}
#document-module .list-item .item h4 a{
    color: #4b4b4b;
    font-size: 16px;
    transition: all .2s;
}
#document-module .list-item .item .download-doc{
    padding: 5px 27px;
}
#document-module .list-item .item h4 a:hover{
    color: #07ab8c;
}
#document-module .list-item .item .download-doc a{
    margin-right: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #07ab8c;
}
.no_result{
    display: block;
    padding: 15px;
}
.module-lesson .heading-lession{
    background: #07ab8c;
    padding: 10px 15px;
}
.module-lesson .heading-lession h3{
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 19px;
}
.chat h2 {
    font-size: 20px;
    background: #4965b5;;
    line-height: 50px;
    color: #fafafa;
    padding: 0 5px;
    margin: 0;
    text-align: center;
}
.download-lesson i {
    color: #ff0000;
}
.download-lesson a {
    color: #07ab8c;
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    margin-left: 15px;
}
.chat-content{
    margin-top: 15px;
}
.video-lesson{
    margin-bottom: 15px;
}
/*user activity */
#vertical-timeline {
    margin: 30px 15px;
    position: relative;
    max-height: 500px;  
    background: linear-gradient(180deg, transparent, #f1f1f1, transparent);
    background-position: 108px 0;
    background-repeat: repeat-y;
    background-size: 3px auto;
}
#vertical-timeline .vertical-line {
    position: absolute;
    left: 108px;
    top: 0;
    background: #f1f1f1;
    z-index: -1;
    width: 2px;
}
#vertical-timeline .vertical-timeline-block {
    margin-bottom: 40px;
    padding-left: 110px; 
}
#vertical-timeline .vertical-timeline-icon {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 19px;
    border: 3px solid #f1f1f1;
    text-align: center;
    display: none;
}
#vertical-timeline .vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 28% 0 0 25%;
}
#vertical-timeline .vertical-timeline-content {
    background: #f5f5f5;
    padding: 10px;
    position: relative;
    margin-left: 16px;
    border-radius: 0.25em;
    color: #636363;
    font-size: 15px;
}
#vertical-timeline .vertical-timeline-content::before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
    left: auto;
    right: 100%;
    border-color: transparent #f5f5f5 transparent transparent;
}
#vertical-timeline .vertical-timeline-content h2{
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .3px;
}
#vertical-timeline .vertical-timeline-content p {
    line-height: 1.5em;
    letter-spacing: .3px;
}
#vertical-timeline .vertical-timeline-content span.vertical-date {
    left: -116px;
    text-align: left;
    position: absolute;
    top: 5px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    width: 85px;
}
#vertical-timeline .vertical-timeline-content span.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}
#vertical-timeline .vertical-timeline-content a.name-user {
    display: none;
}
#vertical-timeline .vertical-timeline-content a{
    color: #07ab8c;
    font-size: 15px;
}
#vertical-timeline .vertical-timeline-content a:hover {
    color: #026163;
}
#vertical-timeline .vertical-timeline-content:first-letter{
    text-transform: uppercase;
}
.load-more a.btn-load-more {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border:none;
    border: 1px solid;
    padding: 10px 20px;
    background: #07ab8c;
}
.load-more a.btn-load-more:hover {
    color: #F0CA31
}
.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}
.blue-bg {
    background-color: #1c84c6;
    color: #ffffff;
}
.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}
.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

#banner-top, .owl-carousel .owl-wrapper-outer{
    max-height: 320px;
}
.content-detail img, .content-detail iframe{
    max-width:100%;
}
.facebook-group .label{
    background: #00b7b2;
}
.outstanding .img-news.img img{
    max-width: 100%;
}
.topical-lesson {
    margin-top: 15px;
}
.list-topical-lesson {
    margin-top:15px;
}
.scrollbar::-webkit-scrollbar{width: 8px;background-color: #fafafa;}
.scrollbar::-webkit-scrollbar-thumb{background-color: #6d84b4;border-radius: 0px;}
/*for video introduce at home page*/
.video-introduce {
    width: 100%;
    height: 200px;
}
/*for user public*/
#user-module .user-info img.avatar-public {
    max-width: 200px;
    max-height: 200px;
}    

#update-info{
    margin-top: 20px;
}

.video-lesson{
    position: relative;
}
.logo_video{
    position: absolute;
    bottom: 13px;
    right: 10px;
    background: #fff;
    width: 93px;
}
.logo_video img{
    width: 96px;
}
span.white-color{
    color:#fff!important;
    padding:3px 5px!important;
    display: inline-block;
    width: 68px;
}

.khoa-hoc{
    margin-bottom: 20px;
    margin-top: 20px;
}
.khoa-hoc h2{
    font-size: 36px;
    color: #2e4050;
    padding: 5px 0px;
    margin: 25px;
    text-align: center;
}
.khoa-hoc h2::after{
    height: 3px;
    display: block;
    width: 151px;
    background: #18b597;
    border-right: 1px white;
    content: '';
    margin: 4px auto;; 
}
.khoa-hoc .items .item .img-thumbnail img{
    width: 100%;
}
.khoa-hoc .items .item .img-thumbnail{
    position: relative;
}
.khoa-hoc .items .item .img-thumbnail span{
    position: absolute;
    bottom: 4px;
    right: 3px;
    font-weight: 700;
    padding: 3px 14px;
}
.khoa-hoc .items .item{
    margin-bottom: 10px;
}
.khoa-hoc .items .item .img-thumbnail span.free{
    background: green;
    color:#fff;
}
.khoa-hoc .items .item .img-thumbnail span.fee{
    background: red;
    color:#fff;
}
.khoa-hoc .items .item h3{
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
}

.khoa-hoc .items .item h3 a:hover{
    color:#191919;
}

.exams-online a span{
    font-size: 13px;
}
.exams-online a span.coming{
    color:#4966b6;
}
.exams-online a span.doing{
    color:red;
}
.exams-online a span.finished{
    color:#07ab8c;
}

.box-cometency{
    background: #f0f0f0;
    padding: 11px;
    border-radius: 5px;
}

#survey i{
    display: none;
}
/*banner ads sidebar*/
#document-module .list-txt{
    margin-bottom: 20px;
}
.banner.center img {
    max-width: 100%;
}
.banner.center {
    max-height: 150px;
    overflow: hidden;
    text-align: center;
}
.banner.center-bottom {
    margin-bottom: 20px;
}
.banner.position-3 {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}
.banner.position-3 img{
    max-width: 100%;
    max-height: 100%;
}
.banner.position-4 {
    position: absolute;
    left: 0;
    top: 0;
}
.banner.position-5 {
    position: absolute;
    right: 0;
    top: 0
}
#document-detail {
    position: relative;
}
.exam-detail-content .radio img,
.exam-detail-content .question p img {
    max-width: 100%;
}

#productWrapper{
    position: relative;
}
#productWrapper #bigshare_overlay_logo{
    position: absolute;
    top:3px;
    right: 5px;
    display: none;
}
.banner.popup {
    position: fixed;
    bottom: 0;
    max-width: 250px;
    overflow: hidden;
    z-index: 99;
}
.banner.popup .popup-heading {
    display: table;
    width: 100%;
}
.banner.popup .popup-content {
    max-width: 250px;
    max-height: 250px;
    border: 1px solid #f2F2f2;
}
.banner.popup .popup-content img {
    max-width: 100%;
    max-height: 100%;
}
.banner.popup.left-popup{
    left: 0;
}
.banner.popup.right-popup{
    right: 0;
}
.banner.popup.right-popup .popup-heading .btn-control {
    float: right;
}
.popup .popup-heading .btn-control {
    background-image: url(../img/button.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 0;
    padding-top: 15px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
.popup .popup-heading .btn-control.min {
    background-position: -30px 0
}
.popup .popup-heading .btn-control.max {
    background-position: -60px 0;
}
.popup .popup-heading .btn-control.btn-close {
    background-position: 0 0;
}
.popup .popup-heading .btn-control.min:hover {
    background-position: -30px -15px;
}
.popup .popup-heading .btn-control.max:hover {
    background-position: -60px -15px;
}
.popup .popup-heading .btn-control.btn-close:hover {
    background-position: 0 -15px;
}
.question-request h4 {
    border-bottom: 1px solid #07ab8c;
    line-height: 1.5em;
    text-align: center;
    font-size: 24px;
    color: #07ab8c;
    margin-bottom: 20px;
}
.question-request input,
.question-request textarea {
    border-color: #07ab8c;
}

.menu-item-title{
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 2px solid #5cb85c;
    padding-bottom: 10px;
    line-height: inherit;
    background: #5cb85c;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    min-height: 70px;
    vertical-align: middle;
    display: block;
    font-weight: 700;
}
.menu-item-title:hover{
    background:#6bbe6b;
}
.menu-item-title a{
    color:#fff;
}
.menu-item-ul{
    margin: 5px 26px;
    padding: 0px;
}
.menu-item-ul li{
    list-style-type: decimal;
    color:#00a3b9;
}

.menu-item-ul li a{
    color: #4b4b4b;
}

.menu-full-item.col-md-4 {
    overflow: hidden;
}

.wrap-item-menu{
    overflow: hidden;
}

a.lnk-menu-more{
    cursor: pointer;
    background: #f0f0f0;
    padding: 5px 30px;
}
a.lnk-menu-more i{
    color:#4b4b4b;
    font-size: 20px;
}
.p-menu-more.text-center{
    clear: both;
    padding-top: 24px;
}
body {
    position: relative;
}
.exam-detail-content .banner.banner-outer.position-4,
.exam-detail-content .banner.banner-outer.position-5 {
    position: absolute;
    right: 0;
    top: 51px;
}
.banner.fix.fix-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 90;
}
footer {
    padding: 5px 0 50px;
}
.list-topical-lesson .item.active h3 a{
    color:red;
}
.outstanding .img-news {
    height: auto;
}
.news-items .outstanding {
    min-height: 0;
}
.faq-video {
    margin-bottom: 15px;
}

#list-courses.list-item .item .box{
    padding: 1px;
    border:1px solid #fafafa;
}
span.c_price {
    color: red;
    font-weight: 700;
}
#ranking-module .ranking-month {
    border-color: #23c6c8;
}

#ranking-module .ranking-month .rank-content table tr td {
    border-color: #23c6c8;
}
#ranking-module .ranking-month .rank-content table thead tr th {
    background: #23c6c8;
    border-color: #0e7c7c;
}
#ranking-module .ranking-month .rank-content table,
#ranking-module .ranking-month .rank-content table thead,
#ranking-module .ranking-month .rank-content table tr {
    border-color: #23c6c8
}

#ranking-module .rank-heading .search-rank input{
    width: 180px;
}

.panel-exam-result{
    clear: both;
}
#answer-sheet-panel{
    width: 230px;    
    height: 500px;
    position: fixed;
    top:60px;
    right:0px;    
    border-top:0px;
    border-bottom: 1px solid #41a94e;
    z-index:99999;
}

#answer-sheet-panel .box-bottom.mcq-exam .btn{
    width: 112px;
    margin: 1px 0px;
    padding: 5px;
}

#answer-sheet-panel .sheet-container{
    overflow-y: scroll;
    height: 450px;
    padding: 10px;
    background: #fff;
    border-left: 1px solid #41a94e;
}
#answer-sheet-panel .radio-asw{
    display: inline-block;
    padding: 5px 2px;
}

.row-asw{
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0; */
}
a.asw-text{
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    text-align: center;
    border:1px solid #f0f0f0;
    line-height: 27px;
    color:#4b4b4b;
    cursor: pointer;
}
.radio-asw a.active, .radio-asw a:hover{
    background-color: #41a94e!important;
    color:#fff!important;
    border:1px solid #41a94e!important;
}
div.ques-label{
    clear:both;
    font-weight: 700;
    float: left;
    padding-top: 12px;
    width: 45px;
}
#answer-sheet-panel h3{
    font-size: 14px;
    background-color: #41a94e;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin: 0px;
}

a.active.asw-true.asw-right{
    background-color: #41a94e!important;
    color: #fff!important;
    border: 1px solid #41a94e!important;     
}
.asw-true{
    background-color: #41a94e!important;
    color: #fff!important;
    border: 1px solid #41a94e!important;   
}

.asw-wrong{
    background-color: #be0316!important;
    color: #fff!important;
    border: 1px solid #be0316!important;  
}
a.asw-text.active{
    background-color: #be0316;
    color: #fff;
    border: 1px solid #be0316;  
}

span.aswed{
    font-weight: 700;
}

.exam-detail-content .box-item .question{
    width: 90%;
}

.user-box-content{
    border:1px solid #f0f0f0;
    overflow: hidden;
    padding-bottom: 15px;    
}
#user-module .title-page{
    background: #f1f1f1;
    color:#4b4b4b;
}

.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
    border-radius: 0px;
}

.scrollbar::-webkit-scrollbar-thumb
{
    background-color: #c7dff8;
}

.course-practice .nav-tabs li a{
    background: #1770c8!important;
    font-weight: 700!important;
    font-size: 15px;
    text-transform: none;
}

.practice-items{
    max-height: 800px;
    overflow-y: scroll;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background: #dbebfb;   
    padding:0px!important; 
}
.practice-items ul li{
    border-bottom: 1px solid #c7dff8;
    padding: 5px 10px;
}
.practice-items ul li a{
    color:#191919!important;
}
.practice-items ul li:hover{
    background: #fea419!important;
}
.practice-items ul li:hover a{
    color:#fff!important;
}

h3.sub-title{
    font-size: 14px;
    font-weight: 700;
    color: #1C84C6;    
}

.btn-courses{
    margin-top: 15px;
    clear: both;
    display: block;
}
#detail-courses .head-content{
    overflow: hidden;
}
.course-blocks{
    margin-top:30px;
    clear: both;
    display: block;
}
.course-blocks .course-box{
    height: 120px;
    box-shadow: 4px 4px 4px #888888;
    display: block;
    position: relative;
    text-align: center;
}
.course-blocks .course-box h3{
    vertical-align: middle;
    display: inline-block;
    margin: 45px;
}
.course-blocks .course-box h3 a{
    color:#fff;
}
.course-blocks .course-box.cb1{
    background: #2A70B8;
}

.course-blocks .course-box.cb2{
    background: #FF6000;
}
.course-blocks .course-box.cb3{
    background: #4C9F43;
}
.intro-video h3{
    margin: 0px 0px 10px;
    background: #FAFAFA;
    padding: 7px 15px;
    font-size: 16px;
    text-transform: uppercase;
    color: #017376;
    font-weight: 700;
}

.content-detail p, .content-detail div, .content p, .content div{
    font-size: 16px;
    text-align: justify;
}

.item-khoahoc{
                border: #d8dee5 1px solid;
    position: relative;
        }
        .khoahoc-giaovien {
    padding: 0px 15px;
    height: 50px;
    color: #2e4050;
    font-size: 14px;
}
.chiphi-khoahoc {
    height: 40px;
    padding: 10px 15px;
    background: #f5f7f9;
    border: 1px solid #d8dee5;
    box-sizing: unset;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.gia {
    font-weight: bold;
    font-size: 17px;
    color: #2b303b;
    line-height: 40px;
}
.div-50 {
    width: 50%;
    float: left;
}
.dangkyhoc {
    color: #FFF;
    background: #fd6e23;
    padding: 11px 12px;
    border-radius: 10px;
    float: right;
    font-size: 13px;
}
.khoahoc-giaovien a {
    color: #2c79b9;
    font-size: 14px;
}
.tenkhoahoc {
    color: #2e4050;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0px 0px 0px;
    padding: 0px 15px;
    min-height: 66px;
    display: block;
}
.khai_giang{
    padding: 0px 15px;
}