a{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a {text-decoration: none !important;transition-duration: 0.3s;transition-property: background-color, border-color, color, opacity;}
mark{background:#ff0;color:#000}
[class^=icon-],[class*=" icon-"]{font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
[class^=icon-]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}
a [class^=icon-],a [class*=" icon-"]{display:inline}
[class^=icon-].hide,[class*=" icon-"].hide{display:none}
[class^=icon-].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}
[class^=icon-].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}
[class^=icon-],[class*=" icon-"]{display:inline-block;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0;padding-top:7px}
li a.curriculum-item{outline:none!important}
.nav-list [class^=icon-],.nav-list [class*=" icon-"]{line-height:inherit}
.icon-user:before{content:"\f007"}
.icon-home:before{content:"\f015"}
.icon-list:before{content:"\f03a"}
.icon-check:before{content:"\f046"}
.icon-chevron-left:before{content:"\f053"}
.icon-chevron-right:before{content:"\f054"}
.icon-arrow-right:before{content:"\f061"}
.icon-arrow-up:before{content:"\f062"}
.icon-calendar:before{content:"\f073"}
.icon-chevron-up:before{content:"\f077"}
.icon-key:before{content:"\f084"}
.icon-comments:before{content:"\f086"}
.icon-globe:before{content:"\f0ac"}
.icon-file-text-alt:before{content:"\f0f6"}
.icon-info:before{content:#5bc0de}
.icon-rocket:before{content:"\f135"}
.icon-download:before{content:"\f019"}
ul{list-style:none;margin:0;padding:0}
body[class*=span]{float:none;margin-left:auto}
.full-width{margin-left:-3000px;padding-left:3000px;margin-right:-3000px;padding-right:3000px}
div.clear{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden}
.nav-tabs + .tab-divs > *{display:none}
.nav-tabs.simple > ul{border:none;box-shadow:none}
.nav-tabs.simple > ul li{margin:0!important}
.nav-tabs.simple > ul li label{font-size:11px;background:#fff;border-left:1px solid #eee}
.nav-tabs.simple + div{background:#fff;padding:10px}
.nav-tabs.no-content input[type=radio]{display:none}
.nav-tabs.no-content input[type=radio]:checked ~ *{background:#44464e!important;color:#fff}
.ui-autocomplete{background:#fff!important;padding:0!important;overflow:visible;z-index:10000!important;border-radius:0!important;font-size:13px;border:1px solid #ccc}
.ui-autocomplete > li > a{border-radius:0!important}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:0;background:#F0F0F0;color:#222}
.dropdown-toggle label{display:inline}
.dropdown-menu{margin-right:-8px}
.course-curriculum{margin:0}
.curriculum-item{position:relative;border-bottom:1px solid #f0f0f0;display:block;-webkit-transition:background .15s ease-in-out;-moz-transition:background .15s ease-in-out;-o-transition:background .15s ease-in-out;transition:background .15s ease-in-out}
.curriculum-item .ci-title{color:#888;-webkit-transition:color .15s ease-in-out;-moz-transition:color .15s ease-in-out;-o-transition:color .15s ease-in-out;-ms-transition:color .15s ease-in-out;transition:color .15s ease-in-out}
.curriculum-item .ci-details{color:#bbb;-webkit-transition:color .15s ease-in-out;-moz-transition:color .15s ease-in-out;-o-transition:color .15s ease-in-out;transition:color .15s ease-in-out}
.curriculum-item .ci-detail-icon{color:#ddd;-webkit-transition:color .15s ease-in-out;-moz-transition:color .15s ease-in-out;-o-transition:color .15s ease-in-out;transition:color .15s ease-in-out}
.curriculum-item:hover{background:#f1f1f1}
.curriculum-item:hover .ci-info{border-left-color:#fff}
.curriculum-item.on{background:#5bc5f2;text-decoration:none}
.curriculum-item.on *{color:#fff!important}
.curriculum-item.on .ci-info{border-left-color:#fff}
.curriculum-item.on:hover{background:#68737A}
.curriculum-item.ci-completed .ci-title{color:#888;font-weight:500}
.curriculum-item.ci-completed:hover .ci-title{color:#000}
.ci-progress-container{background:#fff;border:1px solid #e7e7e7;border-radius:50%;left:10px;line-height:0;padding:1px;position:absolute;top:9px;z-index:1;width:20px;height:20px}
.ci-progress-mask{display:inline-block;overflow:hidden}
.perc-100:before{font-family:FontAwesome;background:#5bc5f2;border-radius:50%;content:"";float:left;height:16px;width:16px;color:#fff;text-align:center;line-height:16px;font-size:11px}
.perc-50:before{font-family:FontAwesome;background:#5bc5f2;border-radius:50%;content:"";float:left;height:16px;width:16px;color:#fff;text-align:center;line-height:18px;font-size:11px}
.ci-progress-mask.perc-100:before{content:"\f00c"}
.ci-info{border-left:1px solid #f0f0f0;margin-left:20px;padding:6px 0 10px 10px;position:relative}
.ci-title{color:#353535;font-size:13px;font-weight:500;padding:3px 25px 0 5px;line-height:18px;margin:0;outline:none!important}
.ci-details-container{margin-top:3px;font-size:14px}
.ci-details{color:#bbb;display:inline-block;padding:0 6px}
.curriculum-items-list{background:#fff;height:100%;overflow:hidden;-webkit-box-align:center;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.curriculum-section-container{width:100%;overflow:hidden}
.section-title{padding:5px 0 0;border-bottom:1px solid #E0E0E0;background-color:#EDEDED}
.section-title h5{margin:10px 15px;font-weight:700;font-size:14px}
textarea{width:100%;box-shadow:none;border:1px solid #ccc;max-height:185px}
#course-taking-page{background:#093547;width:100%;height:100%;position:absolute;left:0;top:0;font-size:14px;line-height:1.42857143;color:#353535}
#course-taking-page:before{opacity:.25}
#course-taking-page .main{position:fixed;top:0;bottom:0;right:305px;left:0}
#course-taking-page.off .main{right:0}
#course-taking-page.off .sidebar{transform:rotate(translateX(100%));-ms-transform:rotate(translateX(100%));-webkit-transform:rotate(translateX(100%));-webkit-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden}
#course-taking-page.off .sidebar a.close-btn{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#course-taking-page.forget .main{right:0}
#course-taking-page.forget .sidebar{transform:rotate(translateX(100%));-ms-transform:rotate(translateX(100%));-webkit-transform:rotate(translateX(100%));-webkit-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;display:none}
.asset-container{position:absolute;top:38px;bottom:60px;width:100%;background:#000}
.asset-container > *{width:100%;height:100%}
.asset-container .fit-height{width:auto;height:100%}
.asset-container .fit-width{width:100%;height:auto}
.prev-lecture a:hover{color:#fff}
.prev-lecture:hover span{color:#fff}
.prev-lecture a{color:#fff;font-size:12px;font-weight:700;height:30px;line-height:22px}
.prev-lecture{position:absolute;left:51px;top:15px;cursor:pointer;border:2px solid #03141b;font-weight:700;color:#ababae;height:30px;background:#093547;padding:0 10px; border-radius:5px;}
.prev-lecture:before{content:'';position:absolute;top:-3px;background:#093547;left:50%;transform:rotate(rotate(45deg));-ms-transform:rotate(rotate(45deg));-webkit-transform:rotate(rotate(45deg));-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-backface-visibility:hidden;width:12px;height:12px;margin:-5px 0 0 -16px;border-style:solid;border-width:2px 0 0 2px;border-color:#000}
[lang=it] .next-lecture{left:122px!important}
.sidebar{background:#fff;width:305px;height:100%;position:fixed;top:0;border-left:0;z-index:1;box-shadow:0 0 10px rgba(0,0,0,.5);right:0}
a.close-btn{display:block;right:8px;overflow:hidden;position:absolute;top:17px;z-index:9999;color:#fff;font-size:20px}
a.close-btn:hover{color:#fff}

.Tab{position:relative;height:100%;z-index:0}
.Tab .nav-tabs {width:100%;border:0;border-bottom:1px solid #e2e2e2;display:table;overflow:hidden;box-shadow:none; background: #fff;}
.Tab .nav-tabs  li{display:table-cell;}
.Tab .nav-tabs  li a{color:#9D9D9D;font-weight:700;height:49px;border-bottom:0 none;font-size:20px;line-height:40px;text-align:center;box-shadow:none}
.Tab .nav-tabs li a:hover{background:#5bc5f2;color:#fff}
.Tab .tab-divs{bottom:0;left:0;position:absolute;right:0;top:50px;border-left:1px solid #E2E2E2;}
.Tab .tab-divs > div{background:#fff}

#notes{height:100%;position:relative}
#notes-mask{top:54px;overflow-y:auto;bottom:30px;position:absolute;width:100%}
#notes-mask ul{background:url(notes-bg.png);min-height:100%;padding-top:31px}
#notes-mask ul:before{content:'';position:absolute;width:100%;height:20px;background:url(sprites.png?v=17) 0 -943px;top:0}
#notes-mask ul li{padding:0 10px;position:relative;overflow:hidden}
#notes-mask ul li .marker{width:60px;height:60px;padding:6px 0}
#notes-mask ul li .marker time{background:#68737A;padding:2px 9px;color:#fff;font-size:10px;font-weight:700;cursor:pointer}
#notes-mask ul li .marker .bullet{padding:2px 17px;color:#a69e93;font-size:16px;font-weight:700;position:absolute}
#notes-mask ul li .ud-inplacenoteeditor{line-height:30px;padding-right:10px}
#notes-mask ul li .ud-inplacenoteeditor:after{content:'';display:block;background:url(sprites.png?v=17) 60px -988px;height:30px}
#notes-mask ul li .ud-inplacenoteeditor:hover{cursor:pointer}
#notes-mask ul li .ud-inplacenoteeditor.none{display:none}
#notes-mask ul li .view > p{margin-bottom:0!important;width:200px;display:block;overflow:hidden}
#notes-mask ul li textarea{margin:0 0 0 5px}
#notes-mask ul li .inplaceeditor-delete{position:absolute;right:5px;top:0}
.display-flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}
.next-lecture{background:#093547; border-radius:5px;height:30px;line-height:24px;padding:0 10px;font-size:10px;font-weight:700;color:#ababae;border:2px solid #03141b;box-shadow:1px 0 0 rgba(255,255,255,.1);display:inline-block}
.next-lecture:before{content:'';position:absolute;top:100%;background:#093547;left:50%;transform:rotate(rotate(45deg));-ms-transform:rotate(rotate(45deg));-webkit-transform:rotate(rotate(45deg));-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-backface-visibility:hidden;width:12px;height:12px;margin:-5px 0 0 -16px;border-style:solid;border-width:0 2px 2px 0;border-color:#000}
.next-lecture:hover{color:#fff}


.khoichantrang{left: 0px; bottom: 15px; position: absolute;}
.next-lectureNews {display: inline-block; padding-top: 4px; }
.prev-lectureNews{ display: inline-block;padding-top: 4px; }

.next-lectureNews a { color: #fff; height: 30px; line-height: 24px; padding: 4px 10px; font-weight: 700; display: inline-block; background: url(../images/pphai.png); background-repeat: no-repeat; background-position: left; padding-left: 34px; background-size: 28px; font-size: 12px; }
.prev-lectureNews a { color: #fff; height: 30px; line-height: 24px; padding: 4px 10px; font-weight: 700; display: inline-block; background: url(../images/ntrai.png); background-repeat: no-repeat; background-position: right; padding-right: 36px; background-size: 28px; font-size: 12px; }


.trangchu { position: absolute; right: 29px; bottom: 18px; width: 105px;  z-index: 200; }
.quayvehome { position: absolute; right: 144px; bottom: 35px; width: 105px;  z-index: 200; }


.trangchu a { color: #fff; font-size: 15px; background: url(../images/home.png); background-repeat: no-repeat; background-position: 11px 4px; padding-left: 36px; padding-top: 4px; height: 28px; }
.quayvehome a { color: #fff; font-size: 15px; background: url(../images/danhmuc.png); background-repeat: no-repeat; background-position: 5px 2px; padding-left: 36px; padding-top: 3px; margin-top: -7px; height: 27px; }

form.single-line-form{background:#fff;overflow:hidden;padding:10px;position:relative;z-index:1}
form.single-line-form textarea{height:34px;padding:5px 10px;width:100%;overflow:hidden}
form.single-line-form textarea#body{height:0;visibility:hidden;display:block;padding:0;opacity:0;margin:0;border-width:0}
form.single-line-form input[type=text]{height:34px;padding:8px;width:100%}
form.single-line-form input[type=text]#body{height:0;visibility:hidden;display:block;padding:0;opacity:0;margin:0;border-width:0}
form.single-line-form .autocomplete-thumbnail{top:2px}
form.single-line-form .bottom input[type=submit]{float:left;background:#333;color:#fff;padding:5px 10px;margin-top:10px}
form.single-line-form .bottom a{float:left;margin:15px 0 0 10px;font-size:12px;color:#333}
form.single-line-form .form-item-details{display:none}
form.single-line-form #show-desc:target ~ textarea.desc{visibility:visible;opacity:1;height:60px;padding:10px;margin-top:10px}
#tab-curriculum{position:absolute;width:100%;height:100%;overflow:auto}
body.preview #course-taking-page .main{top:69px}
body.preview #course-taking-page .sidebar{top:69px}
body.preview #preview-banner{z-index:101;position:fixed;top:0;width:100%}
.gray-nav{display:inline-block;border:1px solid #7F7F7F;box-shadow:0 2px 2px -1px rgba(0,0,0,.2);list-style:none!important;margin:0;position:relative}
.gray-nav > li{float:left}
.gray-nav > li > *{background:#fff;border-left:1px solid #e2e2e2;height:33px;line-height:33px;padding:0 15px;display:block;color:#666;position:relative;margin-bottom:0}
.gray-nav > li > :hover{color:#000;background:#fff}
.gray-nav > li.on > *{color:#fff;background:#3DB9E8}
.gray-nav > li:first-child > *{border-left:0}
.gray-nav.dark-nav > li.on > *{color:#fff;background:#44464e;box-shadow:inset 0 1px 1px rgba(20,60,106,.3)}
.gray-nav.simple{border:0;box-shadow:none;width:100%;border:none;border-bottom:1px solid #B8B8B8;font-size:0}
.gray-nav.simple li{position:relative;text-align:center;margin:0 0 0 -1px!important;top:1px}
.gray-nav.simple li label{position:relative;background:#f5f6f6;border-color:#B8B8B8;border-style:solid;border-width:1px;color:#555;padding:0 20px;text-transform:uppercase}
.gray-nav.simple li label.on{color:#555;background:#fff;box-shadow:none;border-bottom-color:#fff}
.gray-nav.center{text-align:center}
.gray-nav.center li{float:none;display:inline-block}
.gray-nav.small{border:0}
.gray-nav.small > li > *{background:#fff;border:0 none;color:#555;font-size:13px;height:27px;line-height:27px;box-shadow:inset -1px 1px 0 0 rgba(0,0,0,.3),inset 0 -1px 0 0 rgba(0,0,0,.3)}
.gray-nav.small > li:first-child > *{box-shadow:-1px 1px 0 0 rgba(0,0,0,.3) inset,1px -1px 0 0 rgba(0,0,0,.3) inset}
.text-right > button{display:block;float:right;margin-top:5px}
.not-allow .ci-progress-mask::before{background:#ababae;position:relative}
ul.gray-nav label{padding-top:8px}
ul.gray-nav label.active{background:#5bc5f2 none repeat scroll 0 0;color:#fff!important}
.tab-divs .active{display:block}
.main .asset-container{background:#fff;   overflow: hidden;}
.main .asset-container iframe{border:0;position:relative;z-index:200}
.main a.lnk-course{position:absolute;color:#fff;font-size:14px;}
.main a.lnk-course:hover{color:#fff}
.main .prev-lecture i.icon-chevron-up{background-color:#000;float:left;height:22px;text-align:center;width:22px;padding-top:3px}
#ssd-preid{background-color:transparent!important;font-size:12px;font-weight:700;width:auto;overflow:hidden;padding-right:5px}
.main .next-lecture{width:115px;left:55px;bottom:15px;position:absolute;text-align:center}
.main .next-lecture a{color:#fff;font-size:12px;font-weight:700;height:30px;line-height:22px}
.main .next-lecture a:hover{color:#fff}
.main .mark{position:absolute;right:55px;bottom:15px;background:#4d4d4d;width:30px;height:30px;padding-top:7px;border-radius:50%;text-align:center;color:#fff}
.main .mark:hover,.main .mark.read{background:#76b637}
.main #fullscreen{position:absolute;right:15px;bottom:15px;width:30px;height:30px;padding-top:7px;text-align:center;color:#fff;background:#ababae;z-index:200}
#light-buld{background:#ababae none repeat scroll 0 0;bottom:15px;color:#fff;height:30px;padding-top:5px;position:absolute;right:50px;text-align:center;width:30px;font-size:20px;z-index:200}
#light-buld:hover,#light-buld.active{color:#5bc5f2}
#fullscreen > i{font-size:14px!important}
#main-desc{background:#000 none repeat scroll 0 0;bottom:0;left:0;position:fixed;right:305px;top:0;z-index:1000;opacity:.8;overflow-x:hidden;overflow-y:auto;text-align:left;color:#fff;display:none}
#main-desc.hover,#main-desc.active{display:block}
#main-desc .closeDesc{background-image:url(sprite-4.60.0.png);background-position:-107px -389px;background-repeat:no-repeat;cursor:pointer;float:right;height:21px;margin:5px;width:21px}
#main-desc .main-desc-cont{}
#main-desc .main-desc-cont .title{color:#fff;font-size:1.2em;font-weight:700;margin:30px 20px 20px;width:90%}
#main-desc .main-desc-cont .text{color:#fff;font-size:14px;min-height:40%;margin-left:20px;margin-right:20px;width:90%}
#main-desc .main-desc-cont .text ul{padding-left:20px}
#main-desc .main-desc-cont .text .cur-desc{color:#fff;font-size:1.2em}
#ssd-close{opacity:.7}
#ssd-close:hover{opacity:1}
#ssd-close > span{text-transform:uppercase;font-size:12px;color:#fff;font-weight:700}
#ssd-close i{color:#fff}
.cur_name{margin-left:350px;font-size:14px;color:#fff;line-height:45px;text-decoration:underline}
.cur_resize{margin-left:195px;font-size:14px;color:#ababae;line-height:45px;text-decoration:underline}
#DKP-mask-bg{background:#fff;opacity:.7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200}
#divloader{background:#fff url(loadding.gif) no-repeat center center;height:80px;width:80px;position:absolute;left:35%;top:35%}
#signout{display:block;font-size:22px;color:#ababae}
#view_result{display:block;float:left;position:absolute;left:42px;top:12px;font-size:28px;color:#ababae}
#cour-name{margin-left:4px;margin-top:8px;color:#fff;width:66%}
.ghichu{padding-left:30px}
.ghichu p{margin-bottom:5px;font-weight:700}
.ghichu ul li{font-style:italic;margin-bottom:15px}
.no-padding{padding:0!important}
.overlight{width:100%;height:100%;background:#000;position:relative;z-index:110;opacity:.8}
#myVideo,#myAudio,#myFrame{position:relative;z-index:200;padding:10px}
.wrapper-html{background:#fff none repeat scroll 0 0;overflow:auto;padding:10px;position:absolute;width:100%;z-index:200}
.ssd-comment{padding:5px;width:100%;height:100%;overflow:auto}
.ssd-comment *{font-size:13px}
.ssd-comment hr{margin:5px 0}
.ssd-comment .form-group .form-control{height:30px!important;border-radius:0!important}
.ssd-comment .media .media{margin-top:2px}
.ssd-comment .media .media *{font-size:12px}
.number{height:135px!important;width:135px!important;line-height:130px!important}
.number span{font-size:25px}
.course-note > li{margin:10px 0}
.ci-progress-container{border-radius:50%!important}
#downloadDocsBtn{background:#ababae none repeat scroll 0 0;bottom:15px;color:#fff;height:30px;padding-top:5px;position:absolute;right:122px;text-align:center;width:30px;font-size:20px;z-index:200;cursor:pointer}
#subtitleBtn{background:#ababae none repeat scroll 0 0;bottom:15px;color:#fff;height:30px;padding-top:5px;position:absolute;right:85px;text-align:center;width:30px;font-size:20px;z-index:200}
.subtitles-menu{z-index:201;display:none;position:absolute;bottom:48px;right:84px;background:#666;list-style-type:none;margin:0;padding:0;width:130px;padding:10px}
.subtitles-menu li{padding:1px;text-align:center}
.subtitles-menu li button{border:none;background:#000;color:#fff;cursor:pointer;width:90%;padding:2px 5px;border-radius:2px}
.subtitles-menu li button[data-state="active"]{opacity:1}
.subtitles-menu li button[data-state="inactive"]{opacity:.5}
#tab2 button.btn-primary{background-color:#5bc5f2;border-radius:3px!important}
#brock_link{background:#ababae none repeat scroll 0 0;bottom:15px;color:#fff;font-size:20px;height:30px;padding-top:4px;position:absolute;right:86px;text-align:center;width:30px;z-index:200}
#brock_link:hover{color:#5bc5f2}
.nav-tabs>li>a{ border-radius:initial}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:none; background: #5bc5f2 none repeat scroll 0 0; color:#fff!important }
.bobbder { border-right: 1px solid #d7d7d7; text-align: center; width: 25%; }
li.col-md-2.col-sm-6.col-xs-12.bobbder.active{ background: #5bc5f2 none repeat scroll 0 0; color:#fff!important }
li.col-md-2.col-sm-6.col-xs-12.bobbder:hover{background: #5bc5f2 none repeat scroll 0 0; color:#fff!important }
.nav>li>a { position: relative; display: block; padding:6px 12px }
.nav-tabs>li>a:hover{ border:1px solid #5bc5f2;}
/*.Scolller { padding: 0; height: 584px; overflow-y: scroll; float: left; width: 100%; }*/
.main .lecturep {text-decoration: none; float: right; color: #fff; cursor: pointer; font-size: 15px; margin-top: 8px; margin-right: 10px; }
.main .lecturep .fa-bars { margin-right: 10px; }
.Mobile{display:none!important}
.Destop{display:block!important}
#Destop{display:block!important}

.Scolller{ height: calc(100vh - 85px); overflow-y: scroll; width: 100%; }
#style-6::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } 
#style-6::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } 
#style-6::-webkit-scrollbar-thumb { background-color: #0ae; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); }


.khoihocdangtext { width: 100%; margin: auto; padding: 5px; }
.khoihocdangtext .columtong { width: 47%; border-bottom: dotted 1px #c8c8c8; padding-bottom: 10px; padding-top: 10px; float: left;     margin-right: 23px;}
.khoihocdangtext .columtong .cothinhanh {float:left;margin-right:20px;padding:3px; width:152px}
.khoihocdangtext .columtong .cotphai{ float:left; width:53%}
.khoihocdangtext .columtong .cotphai .cottumoi {  width:100% ;float: left; padding-bottom: 0px; margin:0px;text-align:left; }
.khoihocdangtext .columtong:hover .cotphai .cottumoi .tumoi{ color:#ff0084;font-weight: bold; font-size:15px; }
.khoihocdangtext .columtong .cotphai .cottumoi .tumoi{ color:#f68e09;font-weight: bold; font-size:15px; }
.khoihocdangtext .columtong .cotphai .cottumoi .danhtu{ color:#0b98ea; font-style:inherit;font-size:15px; }
.khoihocdangtext .columtong .cotphai .cotdanhtu {   width:100% ; padding-bottom: 10px; margin:0px;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotphienam {  width:100% ;  padding-bottom: 10px;font-style:italic;margin:0px;color: #6c6c6c; font-family: Arial, Helvetica, sans-serif;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotdichnghia {  width:100% ;  padding-bottom: 10px; margin:0px;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotamthanh {width:100% ; padding-top: 0px; margin: 0px; text-align: center; float: right; }
.khoihocdangtext .columtong .cotphai .cotamthanh audio { width: 200%; height: 27px; }
.khoihocdangtext .columtong .cothinhanh img { border: 1px solid #d7d7d7; width: 145px; height: 100px; object-fit: cover; }
.khoihocdangtext .columtong:hover .cothinhanh img{ border:1px solid #ff0084}

.khoihocdangtext .playmp3 { background: url(../images/audio_short.png) no-repeat; background-position: 0 0; display: inline-block; vertical-align: middle; margin-left: 10px; width: 26px; height: 30px; }
.khoihocdangtext .playmp3:hover{ background-position: 0 -85px;}
.khoihocdangtext .recording_user { background: url(../images/record.png) no-repeat; background-position: 0 1px; width: 40px; height: 27px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 0px; }
.khoihocdangtext .recording_user:hover { background-position: 0 -58px;}
.khoihocdangtext .columtong .cotphai .loa{float: left;width: 100%; height: 27px;  margin-bottom: 5px;}
.box_content { background: #fff;  font-size: 13px;position: relative;  width: 348px; z-index: 2; padding: 5px; line-height:20px; }

.khoihocdangtexNews { width: 100%; margin: auto; padding: 5px; }
.khoihocdangtexNews .columtong { display: inline-block; vertical-align: top; margin: 22px; width: 28%; }
.khoihocdangtexNews .columtong .cothinhanh img{object-fit: cover;width: 237px; height: 226px; cursor: pointer; border: solid 7px #37b5ff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.khoihocdangtexNews .columtong .cotphai{width: 237px; height: 120px; padding-top: 11px; text-align: center; border-bottom: dashed 2px #37b5ff; border-left: dashed 2px #37b5ff; border-right: dashed 2px #37b5ff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.khoihocdangtexNews .columtong .cotphai .cottumoi {  width:100% ;float: left; padding-bottom: 10px; margin:0px;text-align:center; }
.khoihocdangtexNews .columtong .cotphai .cottumoi .tumoi{font-size: 21px; color: #dd2685; display: inline-block;}
.khoihocdangtexNews .columtong .cotphai .cotdichnghia { font-family: arial; font-size: 17px; color: #878787; margin:11px auto 6px auto;text-align:center; }
.khoihocdangtexNews .columtong .cotphai  .loa { width: 98px; height: 34px; background-image: none; font-size: 16px; cursor: pointer; margin: auto; border: solid 2px #dd5555; border-radius: 50px;}
.khoihocdangtexNews .columtong .cotphai  .loa .ghiam_icon { width: 11px; height: 20px; margin: 7px; display: inline-block; vertical-align: middle; background-image: url(../images/ev_irecord.png); }
.khoihocdangtexNews .columtong .cotphai  .loa:hover {background-color: #dd5555;color: white;}
.khoihocdangtexNews .columtong .cotphai  .loa:hover > .ghiam_icon { background-position: -11px 0px; }
.khoihocdangtexNews .columtong .cotphai  .loa .ghiam{display: inline-block; vertical-align: middle;position: relative; top: -2px; left: -3px;}
.khoihocdangtexNews .columtong:hover .cothinhanh img{ border: solid 7px #ff0084; }
.khoihocdangtexNews .columtong:hover .cotphai{ border-bottom: dashed 2px #ff0084; border-left: dashed 2px #ff0084; border-right: dashed 2px #ff0084; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.ContentText { width: 100%;  overflow-x: scroll; margin: auto; padding: 10px; }
.contents.NoiDungPhiaDuoi { float: left; width: 100%; padding-top: 26px; }
.contents.NoiDungPhiaTren { padding-bottom: 5px; }
.curriculum-item-container.active .ci-title { color: red !important; font-weight: bold; }

@media (max-width:1365px) and (min-width:1200px){
    #cour-name {margin-left: 10px; float: left;  }
}
@media (max-width:1600px) and (min-width:1366px){
    #cour-name {margin-left: 10px; float: left;  }
}
@media screen and (min-width:768px) and (max-width:1024px){
    #cour-name {margin-left: 10px; float: left;  }
      .khoihocdangtexNews { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtexNews .columtong { margin-bottom: 10px;display: inline-block; vertical-align: top; margin: 3px; width: 32%; }
    .khoihocdangtexNews .columtong .cothinhanh img { object-fit: cover; width: 100%; height: 190px;}
    .khoihocdangtexNews .columtong .cotphai { width: 102%}
       .khoihocdangtext { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtext .columtong .cothinhanh img { border: 1px solid #fff; width: 100px; height: 100px; object-fit: cover; }
    .khoihocdangtext .columtong .cothinhanh { float: left; margin-right: 10px; padding: 3px; width: 100px; }
    .khoihocdangtext .columtong .cotphai { float: left; width: 53%; }
    .khoihocdangtext .columtong{width:48%;     margin-right: 0px;}
     .khoihocdangtext .columtong .cotphai .cottumoi { width: 100%; float: none;}

     .khoichantrang { left: 0px; bottom: 7px; position: absolute; }
     .quayvehome { position: absolute; right: 144px; bottom: 30px; width: 105px; z-index: 200; }
     .trangchu { position: absolute; right: 29px; bottom: 12px; width: 105px; z-index: 200; }
}
@media screen and (min-width:640px) and (max-width:767px){
    #cour-name {margin-left: 10px; float: left;  }
      .khoihocdangtexNews { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtexNews .columtong { margin-bottom: 10px;display: inline-block; vertical-align: top; margin: 3px; width: 48%; }
    .khoihocdangtexNews .columtong .cothinhanh img { object-fit: cover; width: 100%; height: 190px;}
    .khoihocdangtexNews .columtong .cotphai { width: 101%;}
       .khoihocdangtext { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtext .columtong .cothinhanh img { border: 1px solid #fff; width: 100px; height: 100px; object-fit: cover; }
    .khoihocdangtext .columtong .cothinhanh { float: left; margin-right: 10px; padding: 3px; width: 100px; }
    .khoihocdangtext .columtong .cotphai { float: left; width: 53%; }
    .khoihocdangtext .columtong{width:48%;  margin-right: 0px;}
     .khoihocdangtext .columtong .cotphai .cottumoi { width: 100%; float: none;}
}
@media screen and (min-width:568px) and (max-width:639px) {
     .khoichantrang  span { display: block!important; }
     .khoichantrang { bottom: 7px!important; position: absolute; }
}
@media screen and (min-width:480px) and (max-width:639px){
    #cour-name {margin-left: 10px; float: left;  }
      .khoihocdangtexNews { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtexNews .columtong { margin-bottom: 10px;display: inline-block; vertical-align: top; margin: 3px; width: 47%; }
    .khoihocdangtexNews .columtong .cothinhanh img { object-fit: cover; width: 100%; height: 190px;}
    .khoihocdangtexNews .columtong .cotphai { width: 100%;}
       .khoihocdangtext { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtext .columtong .cothinhanh img { border: 1px solid #fff; width: 100px; height: 100px; object-fit: cover; }
    .khoihocdangtext .columtong .cothinhanh { float: left; margin-right: 10px; padding: 3px; width: 100px; }
    .khoihocdangtext .columtong .cotphai { float: left; width: 71%; }
    .khoihocdangtext .columtong{width:100%;     margin-right: 0px;}
    .khoihocdangtext .columtong .cotphai .cottumoi { width: 100%; float: none;}
    .khoichantrang  span { display: none; }
   .quayvehome { position: absolute; right: 128px; bottom: 29px; width: 105px; z-index: 200; }
   .khoichantrang { left: 0px; bottom: 3px; position: absolute; }
   .trangchu { position: absolute; right: 29px; bottom: 12px; width: 105px; z-index: 200; }
}
@media screen and (min-width:1px) and (max-width:479px){
    #cour-name {height: 20px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-left: 7px; margin-top: 3px; color: #fff; width: 82%; float: left;  position: relative; margin-right: 7px;overflow: hidden;text-overflow: ellipsis; transform: translateY(3px);letter-spacing: -.1px; }
    .khoihocdangtexNews { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtexNews .columtong {margin-bottom: 10px;display: inline-block; vertical-align: top; margin: 3px; width: 47%; }
    .khoihocdangtexNews .columtong .cothinhanh img { object-fit: cover; width: 100%; height: 125px;}
    .khoihocdangtexNews .columtong .cotphai { width: 100%;}
    .khoihocdangtext { width: 100%; margin: auto; padding: 5px; }
    .khoihocdangtext .columtong .cothinhanh img { border: 1px solid #fff; width: 100px; height: 100px; object-fit: cover; }
    .khoihocdangtext .columtong .cothinhanh { float: left; margin-right: 10px; padding: 3px; width: 100px; }
    .khoihocdangtext .columtong .cotphai { float: left; width: 53%; }
    .khoihocdangtext .columtong{width:100%;     margin-right: 0px;}
     .khoihocdangtext .columtong .cotphai .cottumoi { width: 100%; float: none;}
   .khoichantrang  span { display: none; }
   .quayvehome { position: absolute; right: 128px; bottom: 29px; width: 105px; z-index: 200; }
   .khoichantrang { left: 0px; bottom: 2px; position: absolute; }
   .trangchu { position: absolute; right: 29px; bottom: 12px; width: 105px; z-index: 200; }
}
@media screen and (min-width:1px) and (max-width:1000px){

.Mobile{display:block!important}
.Destop{display:none!important}
.overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 9999; top: 0; left: 0; background: #fff; }
#course-taking-page .main { position: fixed; top: 0; bottom: 0; right:0px; left: 0; }
.bobbder{width:20%;}
.overlay{height:100%;width:100%;display:none;position:fixed;z-index:9999;top:0;left:0;background:#fff;}
.overlay-content{position:relative;width:100%}
.overlay a{text-decoration:none;display:block;transition:.3s;font-size:17px;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}
.Tab .nav>li>a{position:relative;display:block;padding:3px 5px}
li.col-md-2.col-sm-6.col-xs-12.bobbder.Mobile{ border:none}
.asset-container { top: 35px;bottom: 45px;}
.u-video-list-course { padding-top: 30px; text-align: center; }
i.fa.fa-expand { font-size: 19px; color: #fff; }
.col-md-6.d-none.d-md-block {  display:none }
div#divToolTip{  display:none !important }
}
@media screen and (max-height:450px){.overlay a{}
.overlay .closebtn{top:15px;right:35px;}
}