/*
          ==============================================================
                   Unica Biz Main CSS
          ==============================================================
*/
/*=============== HOME ================*/
body { transition: 0.5s; }
a:hover { text-decoration: none; }
ul { padding: 0; }
li { list-style: none; }
.navbar-brand { margin-right: 0; }
.l-h1 { line-height: 1.4; }
.hr-light {  border-top: 3px solid #fff;  width: 80px;}
.mt-6 { margin-top: 7rem !important; }
.navbar.scrolling-navbar {  background: #fff;   -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out; height:70px;}
.navbar {    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);    font-weight: 300;}
.top-nav-bg {    background-color: #fff !important;}
#logo img { width: 200px }
.btn-kp { font-size: 30px; }
.nav-top .text-primary { color: #1a75ac !important; }
.fs-i i { font-size: 24px !important; }
.block-3op { text-align: center; }
.box-3op img { width: 100px; }
.txt-banner { margin-top: 5px; }

.form-search-home .form-control { padding: 0.5rem 22.75rem 0.5rem 0.75rem; border-color: #007bff; }
.form-search-hv .form-control { padding: 0.5rem 10.75rem 0.5rem 0.75rem; border-color: #fff; }

.choosen-topic { background: #f2f3f5; }
.box-choose { display: flex; border: 1px solid #eeeff0; padding: 10px; background: #fff; position: relative; color: #3d444e; }
.choosen-topic p { border-bottom: 1px solid #edeeef; padding-bottom: 20px; }
.choosen-topic ul { padding: 0; display: inline-block; border-bottom: 1px solid #edeeef; padding-bottom: 10px;  }
.choosen-topic ul li { list-style: none; width: 48%; margin: 10px; float: left; }
.box-choose i { margin: 13px; font-size: 20px; }
.box-choose p { margin: 10px 0 0 0 ; display: inline-block; border: none; font-size: 18px; padding: 0; }

.contai {  display: inline-block; width: 100%;  position: relative;    margin-bottom: 0;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.contai input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}

.checkmark {  position: absolute;  top: 0;  right: 0;  height: 25px;  width: 25px;  background-color: #eee;}

.contai:hover input ~ .checkmark {  background-color: #ccc;}

.contai input:checked ~ .checkmark {  background-color: #2196F3;}

.checkmark:after {  content: "";  position: absolute;  display: none;}

.contai input:checked ~ .checkmark:after {  display: block;}

.contai .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.view { height: 300px;    background-image: url(../img/img-bg2.jpg);    background-repeat: no-repeat;    background-size: cover;    margin-bottom: -2px;    background-position: center;}
.view2 { height: 300px;      background-image: url(../img/img-bg3.jpg);    background-repeat: no-repeat;    background-size: cover;}
.view3 {  background-image: url(../img/img-bg1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.block-content-info .lead { font-size: 16px; }
.block-6op { text-align: center; background: #fff; }
.block-course { background: #fff; }
.box-course { margin-bottom: 15px; }
.box-course p {  position: absolute; z-index: 9; left: 0; right: 0; bottom: 10px; text-align: center; color: #ffd800; font-size: 16px; text-shadow: 1px 2px 5px #000; }
.box-course img { border-radius: 4px; }
.box-testi p { margin-top: 10px; }
.box-testi img { display: inline-block !important; }
.block-testimonial .slick-prev::before, .block-testimonial .slick-next::before { color: #fff !important; }
.block-spon .slick-dots {  left: 0; }
#footer { background: #151515; padding: 20px 0; }
#footer h4 { color: #f26c4f; font-size: 16px; font-weight: bold;  margin-top: 13px; }
#footer span { color: #fff; }
#footer i { color: #f26c4f; line-height: 30px; }
#footer a { color: #fff; line-height: 30px; }
.logo-footer { display: block; margin-bottom: 10px; }
.social-connect {color: #f26c4f !important; font-size: 16px; font-weight: bold;}
.social-connect a {    color: #eeeeee;    display: block;    font-size: 18px;    height: 36px;    line-height: 36px;    width: 36px;    text-align: center;    margin-right: 10px;}
.social-connect ul li { display: inline; float: left; margin-top: 10px; }
#footer2 { background: #000000; padding: 10px 0; }
#footer2 p { color: #fff; float: left; }
#footer2 img { float: right; }
#footer ul { padding-left: 0; margin-top: 21px; }
#footer ul li { list-style: none; font-size: 14px; }

.teacher-course img { width: 32px; height:32px; }
.block-c-skill button { margin-bottom: 10px; }
.title-course { font-size: 15px; color: #000 }
.teacher-course { font-size: 13px; color: #212529 }
.block-course-main .card-body { padding: 10px; }
.block-course-main .card { transition: 0.5s }
.block-course-main .card:hover { box-shadow: 5px 5px 5px #9e9e9e;}
.block-course-main .card:hover > img { opacity: .7 }
.block-course-suggest .card { transition: 0.5s }
.block-course-suggest .card:hover { border: 1px solid #000; }
.block-course-suggest .card:hover > img { opacity: .7 }
.block-course-suggest .card-body { padding: 10px; }

.block-course-main .card-footer { padding: 0.5rem; }

.btn-big button { margin-bottom: 15px;  margin-right: 15px; }
.block-course-main .form-control { padding: .375rem 25.75rem .375rem 0.75rem; }

.box-filter ul { padding: 0; }
.box-filter ul li {  list-style: none; }
.box-filter label { font-size: 15px; }
.box-filter span { color: #666; font-size: 13px; }
.box-filter .form-check-input { margin-top: 0.45rem }
.btn-tl { display: inline-block;width: 100%; }
.box-filter { margin-bottom: 15px; }

.admin-dn ul { padding: 0; margin-top: 15px;}
.admin-dn ul li { list-style: none; margin-bottom: 10px; }

.ulti-box { text-align: left;  display: inline-block; width: 100%; background: #fff; padding: 1rem; -webkit-box-shadow: 0 0 3px rgba(31,30,47,.05); box-shadow: 0 0 3px rgba(31,30,47,.05);  border: none;}
.ulti-box p { font-size: 24px; }
.ulti-box span { font-size: 13px; }
.ulti-box i { font-size: 20px; float: right;}

.bg-dashboard { background:url(../img/img-bg-dashboard.jpg) no-repeat; margin-top: 70px; background-position: center center; background-size: cover; }
.bg-dashboard h3, .bg-dashboard h1 { margin: 0; }
.custom-file-label::after { content: "ChĂ¡Â»Ân";}
.custom-file-label {     padding: .375rem 10.75rem .375rem 0rem; }
.nav-item { transition: 0.5s }

.box-avatar-hoc-vien img { max-width: 70px; max-height: 70px; float: left; margin-right: 10px; }
.info-user { float: left; }
.info-user p { margin: 10px 0 0 0; }
.block-dashboard-add-user .dropdown-toggle::after { display: none; }
.block-dashboard-add-user .table td, .table th { vertical-align: middle; }
.form-user-mb { width: auto; }

.block-dashboard-add-user .form-check-input { margin: 0; }
.tick-role { border-top: 2px solid #bbb; }
.tick-role input { margin: 19px 13px !important;}
.tick-role ul li {  list-style: none; display: inline-block; margin-top: 8px; }
.search-group .form-control {     padding: .375rem 10.75rem .375rem .75rem; }

.info-group p { padding: 10px 0 0 0; margin: 0; font-weight: bold; }
.avatar-group { max-width: 70px; max-height: 70px; width: 70px; height: 70px; float: left; margin-right: 10px; }
.avatar-group i { color: #fff ; padding: 19px; font-size: 30px;}
.bg-dashboard .nav-pills .nav-link {  color: #fff; }

/*
          ==============================================================
                   Unica Detail Course Css
          ==============================================================
*/
.u-detail-block-left { margin-bottom: 10px; }
.u-course-highlight { background: #012a48; color: #fff; padding-bottom: 10px; min-height: 200px; margin-top: 80px; }
.u-detail-block-title { width: 66%; padding-top: 20px; }
.u-detail-course { padding-top: 10px; background: #f3f3f3; }
.u-detail-block-title h1 { font-weight: bold; font-size: 36px; margin-top: 20px; }
.u-detail-tea { float: left; margin-right: 30px; margin-top: 15px; display: inline-block;width: 100% }
.u-detail-tea img { width: 30px; height: 30px; }
.u-detail-desc { margin: 10px 0; line-height: 21px; }
.u-detail-tea a { color: #fff; font-weight: bold; }
.u-detail-tea a:hover { text-decoration: underline; }
.u-detail-rate {    margin: 10px 45px 0 0;    float: left;}
.u-detail-students { margin-top: 19px; float:left; }
.u-detail-students i { margin-right: 5px; }
.picture-teacher-circle { width: 30px; border-radius: 100%; vertical-align: middle; margin-right: 5px; }
.u-detail-rate .star-rate i { color: #ffed00; }
.u-learn-what, .u-des-course, .u-list-course, .u-course-plus, .u-rate-hv, .u-cm-hv, .u-combo-buy, .u-face-cm, .u-course-teacher  { background: #fff; border: 1px solid #d7d7d7; border-radius: 3px;  display: inline-block;
    margin-top: 10px; width: 100%; padding: 10px; }

.u-learn-what .content { padding: 0 15px; }
.u-des-course p { padding: 0 15px; }
.u-list-course .content { padding: 0 15px; }
.u-combo-buy .u-combo-course { padding: 0 15px; }
.u-cm-hv div { padding: 0 5px; }
.u-des-course strong { font-weight: bold; font-style: italic; }
.u-combo-buy h3, .u-cm-hv h3, .u-rate-hv h3, .u-course-teacher h3, .u-list-course h2, .u-des-course h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px;  margin-top: 0; border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
.u-learn-what h3, .u-des-course h2, .u-list-course h2, .u-course-plus h3, .u-course-teacher h3, .u-combo-buy h3, .u-rate-hv h3, .u-cm-hv h3, .u-des-course h3, .u-list-course h3  { font-size: 16px; font-weight: bold;
    padding: 15px}
.tag .label { font-weight: normal; }
.u-des-course p { margin-bottom: 10px; line-height: 25px; }
.u-des-course ul li { list-style: disc; margin: 0 0 10px 40px; }
.u-list-course .title, .u-list-course .link, .u-list-course .time { font-size: 13px; }
.u-list-course .title i { color: #999; }
.u-learn-what ul li { width: 50%; float: left; line-height: 50px; }
.u-learn-what .title {     color: #333;    padding: 0 22px;    margin: 0 0 15px 0;     background: url(../img/learning-bg.png) no-repeat scroll 0px 4px transparent; }
.u-learn-what .title i { color: #37bb03; font-size: 16px; }
.u-list-course .panel-title { font-size: 14px; font-weight: bold; }
.btn-preview {     padding: 5px ;    background-color: #7cbdff;    color: #fff !important;    border-radius: 5px; }
.u-list-course .col {       border-bottom: 1px solid #e1e1e1;    padding: 15px 0; }
.u-list-course .panel-body { padding: 0; }
.u-course-plus ul { position: relative; }
.u-plus-icon { position: absolute;  top: 120px; left: 200px; }
.u-plus-icon i { font-size: 60px; color: #545454; opacity: 0.8; }

.u-plus-course { float: left; width: 64%; }
.u-plus-course ul li { display: inline; }
.u-block-plus { float: left; width: 34%; margin-left: 10px; }
.u-block-plus p { font-size: 18px; font-weight: bold; color: #545454; margin-bottom: 10px; }
.price-d { font-size: 24px; font-weight: bold; color: #000; margin-right: 10px; }
.price-d sup { font-size: 14px; }
.price-e { font-size: 18px; text-decoration: line-through; }
.price-e sup { font-size: 10px; }
.u-td { display: inline-block; font-size: 18px; margin: 10px 0; }
.btn-buy-plus {display: inline-block; width: 100%; text-align: center;  text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 10px 20px; background: #f26c4f !important; color: #fff; border-radius: 5px;}
.btn-buy-plus:hover { opacity: .8; }

.uct-left { width: 23%; text-align: center; float: left; }
.uct-right {     width: 73%;    float: left;    margin-left: 25px; }
.uct-ava-gv img { border-radius: 88px; border: 1px solid #d9d9d9; width: 125px; height: 125px;}
.uct-rate-gv ul { padding: 0; }
.uct-rate-gv ul li { line-height: 24px;  list-style: none;}
.u-cm-hv ul { padding: 0; }
.u-combo-course ul { padding: 0; }
.u-combo-course ul li { list-style: none; }
.uct-rate-gv span { font-weight: bold; }
.uct-rate-gv i { width: 21px;  }
.uct-more-info { display: inline-block; font-weight: bold; width: 100%; padding: 5px 10px; color: #fff; border-radius: 3px; background: #f67052; margin-top: 10px; }
.uct-name-gv { font-size: 16px; font-weight: bold;  }
.uct-des-gv { color: #727272; margin: 10px 0 20px 0; }
.uct-more-gv p { line-height: 25px; }
.urh-left { width: 21%; text-align: center; float: left; }
.urh-right {     width: 73%;    float: left;    margin-left: 40px; }
.number-big-rate { font-size: 72px; font-weight: bold; color: #333; }
.star-big-rate { display: inline-block;}
.star-big-rate i { font-size: 20px; }
.count-rate { margin-top: 5px; }

.u-rate-f1-progress { width: 70%; float: left; height: 30px; }
.u-rate-f1-star { width: 21%;    float: left;    margin: 0 10px; }
.u-rate-f1-star i { font-size: 19px; }
.u-rate-f1-num {    width: 5%;    float: left; }
.u-rate-f1-num p { color: #000; }

.u-block-cmhv {display: inline-block;    width: 100%;    border-bottom: 1px solid #eee;    padding-bottom: 10px; margin-bottom: 15px;}
.ava-hv { float: left; width: 10%; }
.block-hv { width: 90%; float: left; }
.name-hv { float: left; margin-right: 40px;  }
.rate-hv { display: block; margin-top: 10px; }
.rate-hv p { line-height: 25px; }
.cm-hv { display: inline-block; width: 100%; margin-top: 5px; }
.u-cm-hv ul li:last-child { border: 0; }
.view-more { font-weight: 600;    color: #333333;    background: #eeeeeeb5;    border-radius: 5px;    padding: 6px 10px;    text-align: center;}
.u-cm-hv .view-more { margin-top: 20px; display: inline-block; }
.u-combo-usua { border-bottom: 1px solid #c8c8c8;  padding-bottom: 10px; display: inline-block; padding-top: 10px; width: 100%; }
.u-combo-buy > div > ul > li:nth-child(3) > .u-combo-usua:last-child { border: 0; }
.tag .label { line-height: 25px; }

.img-combo { float: left; margin-right: 10px; margin-top: 3px; width: 30%;}
.img-combo-favorited { float: left; margin-right: 10px; margin-top: 3px; width: 20%;}
.des-combo { display: inline-block; width: 50%}
.des-combo a{ font-size: 16px; font-weight: bold; color: #545454; margin-bottom: 20px; display: block; }
.rate-combo { margin-top: 12px;  }
.rate-combo p { float: left; margin-right: 15px; }
.price-combo { display: inline-block; text-align: center; margin-top: -4px; float: right; }
.price-combo-a { font-size: 24px; font-weight: bold; }
.price-combo-a sup { font-size: 14px; }
.price-combo-b { text-decoration: line-through; font-size: 16px; margin: 10px 0 10px 0; }
.price-combo-b sup { font-size: 10px; }
.price-combo-c { color: #f00; }
.favo-combo {     margin: 30px 20px 30px 50px; float: right; display: inline-block; }
.favo-combo i { color: #db2a04;  font-size: 20px;}

.block-buy { border: 1px solid #d7d7d7; border-radius: 5px; background: #fff; padding: 20px 15px 5px 15px; top: -187px; position: relative;}
.pdr-b { padding-left: 0; }
.block-price {  width: 100%; }
.b-price {  align-items: center; }
.big-price { font-size: 32px; font-weight: bold; float: left; }
.big-price sup { font-size: 16px; }
.small-price { font-size: 20px; text-decoration: line-through; margin-left: 10px; display: inline-block; margin-top: 10px; }
.small-price sup { font-size: 12px; }
.discount-price { font-size: 14px; background: #f26c4f; padding: 5px; color: #fff; display: inline-block; float: right; margin-top: 10px; }
.time-uudai {     text-align: left;    display: inline-block;    width: 100%; color: #04620f; font-weight: bold; margin: 10px 0; }
.time-uudai i { margin-right: 10px;  }
.btn-buy-course { background: #ff0000; border-radius: 5px; padding: 14px 20px; display: inline-block; width: 100%; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px;
    text-transform: uppercase; }
.btn-cart-course { background: #fff; border-radius: 5px; padding: 10px 20px; display: inline-block; width: 100%; color: #545454; font-size: 18px; font-weight: bold; text-align: center; border: 1px solid #b7b7b7; }
.btn-cart-course i { font-size: 30px; margin-right: 10px; vertical-align: sub; }
.block-btn p { color: #858585; font-size: 12px; margin: 10px 0; }
.block-btn a:hover { opacity: .8; }
.block-btn { text-align: center; }
.block-ulti { color: #555;}
.block-ulti ul li { line-height: 30px; list-style: none; }
.block-ulti i { font-size: 18px;  text-align: center; width: 30px; margin-right: 5px; }
.block-ulti p { font-weight: bold; display: inline; }
.block-ulti a { color: #006aed; margin: 30px 0 20px 0; display: inline-block; }
.block-ulti a:hover { text-decoration: underline; }
.block-share { text-align: center; border-top: 1px solid #ccc; padding-top: 10px; display: inline-block; width: 100%; }
.cpgg-left { width: 68%; float: left; }
.cpgg-right { width: 30%; float: right; }
.u-course-highlight .breadcumb-detail-course {margin-top: 15px;}
.u-course-highlight .breadcumb-detail-course a {text-decoration: none;color: #0bb9df;}

.panel-group {    margin-bottom: 20px;}
.panel-group .panel {    margin-bottom: 5px;    border-radius: 4px;}
.panel-default {    border-color: #dddddd;}
.panel {    margin-bottom: 20px;    background-color: #ffffff;    border: 1px solid transparent;    border-radius: 4px;    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.panel-default > .panel-heading {    color: #333333;    background-color: #f5f5f5;    border-color: #dddddd;        border-bottom: 1px solid #ddd;}
.panel-heading {    padding: 10px 15px;    border-top: 1px solid transparent;    border-radius: 3px;}
.u-list-course .panel-title {    font-size: 14px;    font-weight: bold;}
.panel-title {    margin-top: 0;    margin-bottom: 0;    font-size: 16px;    color: inherit;}
.panel-title > a {    color: inherit;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {    border-top-color: #dddddd;}
.panel-group .panel-heading + .panel-collapse .panel-body {    border-top: 1px solid #dddddd; padding: 10px 0;}
.u-list-course .panel-body {    padding: 0;}
.u-list-course .col {    border-bottom: 1px solid #e1e1e1;    padding: 15px 0;}
.col .title {    float: left;}
.u-list-course .title, .u-list-course .link, .u-list-course .time {    font-size: 13px;}
.title a {    color: #000;}
.u-list-course .title .active,.done i {color: #0791e4;}
.co-or {    color: #f26c4f;}


/*
          ==============================================================
                   Unica Learn Course Css
          ==============================================================
*/
.block-logo { padding: 4px; margin-right: 10px; }
.block-title-video { background: #29303b; height: 56px; }
.box-title-video { display: flex; width: 100%; }
.title-video { margin-top: 4px; width: 100% }
.title-video a { color: #fff }
.progress-video { margin: 9px; }
.back-to-course { margin-top: 9px; }
.back-to-course p { display: inline; }
.u-docu a { display: block; font-size: 14px; margin-left: 15px; color: #9c0c0c;}
.u-docu a:hover { color: #0c82ca; }
.no-pdVid { padding: 0; }
.col {    display: inline-block;    width: 100%;    }
.col .title { width: 88%;  }
.col .time {    float: right; font-size: 14px; color: #222}
.u-docu { display: inline-block; line-height: 22px; }
.border-col-content { border-right: 1px solid #e8e9eb; }
.block-content-video { margin: 15px; }
.block-list-video {position: fixed;}
.aba {top: -50px;}
.block-list-video h5 { padding: 10px; margin: 0; }
.block-content-video .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { border-bottom: 4px solid #f26c4f; border-top: none; border-left: none; border-right: none; font-weight: bold; }
.block-content-video .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-bottom: 4px solid #611403; border-top: none; border-left: none; border-right: none; }
.block-content-video .nav-tabs .nav-item { margin: 0 5px; }

.img-hv {    float: left;    width: 4%;}
.txt-box {    float: right;    width: 95%;}
.txt-box a {    color: #fff;    background: #00aeef;    padding: 5px 20px;    border-radius: 3px;    margin-top: 10px;    display: inline-block;}
.uom-block-qa {    display: inline-block;    margin-top: 30px;    border-bottom: 1px solid #e1e1e1;    padding-bottom: 10px;width: 100%;}
.box-hv-q {    width: 95%;    float: right;}
.name-hv-q p {    float: left;    margin-right: 50px;    font-weight: bold; margin-bottom: 0;}
/* .question-area, .answer-area {    margin-top: 10px;} */
.box-answer {    margin-left: 67px;    display: inline-block;}
.img-ad {    width: 17%;    float: left;}
.box-ad-a {    width: 82%;    float: right;}
.name-ad-a p {    font-weight: bold;    margin-right: 50px;    float: left; margin-bottom: 0;}
.txt-box {    float: right;    width: 95%;}
.txt-box a {    color: #fff;    background: #00aeef;    padding: 5px 20px;    border-radius: 3px;    margin-top: 10px;    display: inline-block; }
.answer-area p,.question-area p{margin-bottom:0px;}

.box-bookmarks {    border: 1px solid #f2f3f5;    margin-bottom: 10px;}
.title-bookmarks {    background: #d6d6d68c;    padding: 10px;    font-weight: bold;}
.list-bookmarks {    padding: 10px;}
.list-bookmarks ul li {    line-height: 25px;}
.list-bookmarks p {    font-weight: bold;    padding: 0;     margin: 0}
.title-bookmarks p { padding: 0; margin: 0; }
.b-red {    color: #f00;    font-weight: bold;    display: inline;}

.name-hv-q span { font-size: 14px; font-style: italic; }

.u-area-btn { display: flex; display: flex;    width: 100%;    background: #2c2f37;    -webkit-transition: all 100ms ease-in-out;    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;    -o-transition: all 100ms ease-in-out;    transition: all 100ms ease-in-out;}
.ua-btn-bn a { border: 1px solid #000; background: #464646; color: #cbcbcb; padding: 7px 10px; margin-right: 15px; width: 105px; text-align: center; display: inline-block;  }
.ua-btn-bn i { width: 14px; }
/*.ua-btn-bn a:last-child { padding-left: 20px; }*/
.ua-btn-bn p, .ua-btn-sv p { display: inline-block; margin-bottom: 0;}
.ua-btn-sv { float: left; }
.ua-btn-sv button { border-radius: 0; color: #fff; background: #0099d2; border: 0; padding: 8px 10px 7px; }
.ua-btn-sv i { margin-right: 5px; }
.ua-btn-ap-rp { text-align: right; }
.ua-btn-qa-bm a { background: #3c3c3c; padding: 7px 9px; display: inline-block; float: left; margin:0 10px; color: #fff; }
.ua-btn-qa-bm i { font-size: 20px; margin-left: 5px; }
.ua-btn-qa-bm a:hover { color: #00aeef; }
.ua-btn-ap-rp a {color: #fff; margin-right: 10px;  }
.ua-btn-qa-bm p, .ua-btn-ap-rp p { display: inline-block; margin-bottom: 0; }
.ua-btn-ap-rp a { background: #3c3c3c; padding: 7px 10px; display: inline-block; margin:0 10px; color: #fff; }
.ua-btn-ap-rp i { font-size: 20px; margin-left: 5px; }
.ua-btn-ap-rp a:hover { color: #00aeef; }
.block-video { position: relative;   }
.block-control { position: absolute; bottom: 0; z-index: 9;   width: 100%;}
.dropdown-menu li {    display: inline-block;    width: 100%;}
.dropdown-menu > li > a {    display: block;    padding: 3px 20px;    clear: both;    font-weight: normal;    line-height: 1.42857143;    color: #333333;    white-space: nowrap;}
.dropdown-menu > li > a:hover {    background: #ccc;}

.my-course { background: #eee }
.box-my-course { display: flex; border: 1px solid #f2f3f4; padding: 10px; background: #fff; margin-bottom: 10px;}
.box-des-mycourse { display: inline-block; width: 100%; margin-left: 20px; }
.title-my-course { font-size: 20px; font-weight: bold;  color: #4c4c4c; }
.next-my-course { margin-top: 10px; display: block; }

.my-report h5 { padding: 20px 0;  color: #50649c}
.box-total-course ul { padding: 0 ; display: flex; }
.box-total-course ul li { list-style: none; text-align: center; width: 24%; border: 1px solid #ececec; margin: 5px; border-radius: 5px; padding: 10px 0; background: #fff; }
.box-total-course p { font-weight: bold; font-size: 30px; }
.box-total-course span { color: #a4abc5; font-size: 14px; }
.box-chart-left ul li  {  display: flex; }
.box-chart-left { color: #50649c; float: left; }
.box-chart-left .progress { width: 50%; border: 1px solid #ccc; margin-top: 8px; margin-right: 10px; }
.box-chart-left span { text-align: center; margin-bottom: 10px; display: block; }
.box-chart-left ul li span { margin: 0 10px; }
.box-chart-left i { margin-top: 4px; color: #007bff; }

.box-chart-big ul li  {  display: flex; }
.box-chart-big { color: #50649c;  }
.box-chart-big .progress { width: 50%; border: 1px solid #ccc; margin-top: 8px; margin-right: 10px; }
.box-chart-big span { text-align: center; margin-bottom: 10px; display: block; }
.box-chart-big ul li span { margin: 0 10px; }
.box-chart-big i { margin-top: 4px; color: #007bff; }

.box-chart-course { display: flex; }
.box-chart-course img { width: 30%; margin-right: 10px; }
.box-info-chart-course a { color: #5a5a5a; font-weight: bold; }
.box-info-chart-course p { font-size: 14px; }
.box-info-chart-course span { color: #2a8829 }
.box-table-thongke td { text-align: center;  }
.box-info-chart-course { text-align: left; }
.box-table-thongke .table .thead-dark th { text-align: center; }
.box-table-thongke .table th { text-align: center; }
.number-chart { color: #5a5a5a; }
.number-chart p { font-size: 30px; font-weight: bold; margin: 0; }
.number-chart span { font-size: 14px; }
.box-avatar-hoc-vien .info-group { float: left; }
.tab-order { float: right; }
.tab-order ul li { display: inline-block; }
.block-list-video .content{height:800px; overflow-y: scroll;}
.showTags a.btn.btn-info {
    margin-bottom: 10px;
    margin-right: 5px;
}




/*----------------------------------LO TRINH edit 2-8-2019 --------------------------------*/
.block-lo-trinh { padding: 20px 0; background: #125481; color: #fff; }
.block-lo-trinh h3 { padding: 20px 0; }
.line-white { border-bottom: 1px solid #fff; margin-top: 20px;  }
.block-section { padding: 20px 0; }
.des-section p { width: 100%;display: inline-block; margin-top: 20px; padding: 20px; background: #555; color: #fff; }
.course-section {
    position: relative;
    width: 100%;
    float: left;
}
.course-section .delete-section { position: absolute; right: 5px;
    top: 0; }
.drop-section {
    padding:0 10px 10px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.des-des {
    font-size: 12px;
    margin-bottom: 10px;
}

.drop-section .dropdown-toggle::after { display: none; }
.course-section .box-my-course { width: 100%;border: 1px solid #efefef;box-shadow: 3px 3px 4px 0 #efefef;    margin-bottom: 0;}

/* ================update css========== */.post-content .post-image-feature {    position: relative;    max-height: 400px;    overflow: hidden;    width: 100%;}
.post-content .post-image-feature .shadow {    position: absolute;    left: 0;    right: 0;    background: #000;    opacity: 0.7;    height: 100%;}
.post-content h1 {    font-size: 40px;    font-weight: 700;    line-height: 48px;    margin-bottom: 20px;    color: #fff;    position: absolute;    bottom: 30%;    padding-bottom: 24px;    margin-top: 0;}
.post-content h1:after {    content: "";    width: 318px;    height: 1px;    background: #f26c4f;    position: absolute;    bottom: 0;    left: 15px;}
.post-content .post-info {    font-size: 16px;    color: #8b8b8b;    position: absolute;    bottom: 26%;}
.post-content .post-info .post-publish {    margin-right: 35px;    color: #fff;}
.post-content .post-info i {    color: #fff;}

.post-content .post-info .post-cate {    color: #fff;}
.post-content .post-info .post-cate ul {    padding: 0 0;    margin: 0 0;    list-style: none;    display: inline-block;    margin-right: 35px;}
.post-content .post-info .post-cate ul a {    color: #fff;}
.post-content .post-info .post-view {    color: #fff;}

.post-content .related-post {    padding: 30px 0;    margin: 0 0 20px;}
.post-content .related-post .title {    font-size: 22px;    font-weight: 700;    margin: 0 0 20px;    text-align: left;    text-transform: uppercase;    line-height: 24px;}
.post-content .related-post .title i {    margin-right: 5px;    background: url(https://www.sapo.vn/blog/wp-content/themes/ver2018/images/icon-blog-related.png) no-repeat;    width: 25px;    height: 24px;    display: inline-block;    vertical-align: top;}
.post-content .related-post .relate-item {    text-align: left;}
.post-content .related-post .relate-item a.thumb-image {    display: block;    position: relative;    overflow: hidden;    border-radius: 5px;}
.post-content .related-post .relate-item img {    max-width: 100%;    height: auto;    width: 100%;    border-radius: 5px 5px 0 0;    transition-duration: 1s;}
.post-content .related-post .relate-item a.thumb-image .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;
    right: 0;    height: 40px;    line-height: 40px;    font-size: 14px;    color: #fff;    padding: 0 15px;}
.post-content .related-post .relate-item a.thumb-image .view .fa {    color: #f26c4f;}
.post-content .related-post .relate-item .post-title {    font-size: 18px;    font-weight: 500;    line-height: 24px;    color: #3e3d3c;    margin-top: 10px;    display: block;    height: 48px;    overflow: hidden;}
.post-content .related-post .relate-item img:hover {    -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);    -ms-transform: scale(1.2);    -o-transform: scale(1.2);    transform: scale(1.2);}
.config-personal .panel-default {
    border-color: #dddddd;
}
.config-personal .panel-heading { border-top: 0; }
.config-personal .panel-body {
    padding: 15px;
}
.config-personal .form-group {float:none!important;}
/*---modal--*/
.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
    padding: 15px;
    width: 100%;
    display: inline-block;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-confirm .icon-box{width: 100%;display: inline-block}
.modal-confirm .modal-body {
    color: #999;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.bg-primary2 {
    background: #0d1935;
}

.blog-menu {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #ebebeb;
    display: inline-block;
    width: 100%;
}
.blog-menu .main-menu {
    float: left;
}
.blog-menu ul {
    padding: 0 0;
    margin: 0 0;
    list-style: none;
}
.blog-menu .main-menu > li {
    float: left;
    list-style: none;
    position: relative;
}
.blog-menu .main-menu > li:first-child > a {
    margin-left: 0;
    font-size: 25px;
    color: #0b5394;
    padding: 10px 0;
}
.blog-menu .main-menu > li > a {
    font-size: 15px;
    color: #2d2d2d;
    border-bottom: 4px solid transparent;
    display: inline-block;
    padding: 20px 0 16px;
    margin: 0 20px;
}
.blog-menu .main-menu > li ul {
    display: none;
    position: absolute;
    top: 63px;
    left: 20px;
    background: #fff;
    z-index: 999;
    width: 215px;
}
.blog-menu .main-menu > li ul li {
    margin: 0 25px;
    border-bottom: 1px solid #ebebeb;
}
.blog-menu .main-menu > li ul li a {
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: #989797;
}
.blog-menu .main-menu > li:hover ul {
    display: block;
}
.blog-menu .main-menu > li:hover > a {
    /*border-bottom: 4px solid #1a75ac;*/
    text-decoration: none;
    color: #195cc5;
}
.box-content-blog{margin-bottom: 20px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0fd186;
}
.swiper-pagination .swiper-pagination-bullet {
    background: #5c5c5c;
    opacity: 1;
    margin-left: 6px;
    cursor: pointer;
}
/* ==filter== */
.box_filter h6{background: #fff;line-height:40px;padding-left:15px;}
.box_filter{padding-bottom:2px;margin-bottom:15px;-webkit-box-shadow: 1px 0px 5px 0px rgba(202, 196, 196, 0.27);-moz-box-shadow: 1px 0px 5px 0px rgba(202, 196, 196, 0.27); box-shadow: 1px 0px 5px 0px rgba(202, 196, 196, 0.27);}
.box_filter .container {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px; color:#29303b;
    text-transform: capitalize;
}

/* Hide the browser's default checkbox */
.box_filter  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.box_filter  .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    margin-left:15px;
    border:1px solid #cacbcc;
}

/* On mouse-over, add a grey background color */
.box_filter .container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.box_filter .container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.box_filter .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.box_filter .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.box_filter .container .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box_filter .radio{margin-left:15px;position: relative; font-size: 15px; margin-bottom: 10px;}
.box_filter .radio input{    width: 16px;height: 16px; position: absolute; top:5px;}
.box_filter .radio label{padding-right: 20px;}


.border-box-shadow{
    border-radius: 50px;
    background: transparent;
    border: white;
    color: #dc3545;
}

.box-my-course-image {
    width: 250px;

    background: #f8f9fa;
    position: relative;
    border-radius: 5px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.box_video{
    border-bottom: 1px solid #f2f3f5;
    border-top:1px solid #f2f3f5;
    padding:10px 0;
    background: #fff;
}
.box_video h4 a{font-size: 18px; color:#29303b;line-height: 1.43em;display: inline;}
.box_video:hover{background:rgba(0, 123, 255, 0.05);}
.img_avt{border-radius: 100%; width: 20px; height: 20px;margin:0 auto;display:block;}
.width_avt{max-width: 200px; overflow: hidden;}
.my-report .nav-pills .nav-link{
    border-radius: 0px;
}
.my-report ul{
    margin-top:15px;
    margin-bottom: 30px;
    padding-top:10px;
}
.my-report li a{font-size:16px; text-transform: uppercase; color:#000;}
.my-report ul li:hover{background:#f5f5f5;}
.my-report table{margin-bottom:0px;}


/*----------------------------------LO TRINH hoc vien new 8-8-2019 --------------------------------*/
.block-lo-trinh-hoc-vien { margin-top: -30px;  color: #000;  }
.block-lo-trinh-hoc-vien .container { border: 1px solid #ccc;  padding: 20px; background: #fff; }
.line-section { width: 60px; overflow: hidden; }
.section-hocvien .course-section { display: flex; }
.path-section__status-node {    width: 8px;    height: 8px;    top: 45%;    position: relative;    display: block;    margin: auto;    border: 2px solid rgba(0,0,0,0.15);    border-radius: 50%;}
.path-section__status-node::before {    content: '';    position: absolute;    left: 50%;    width: 2px;    height: 100vh;
    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    background-color: rgba(0,0,0,0.15);    bottom: calc(100% + 8px);}
.path-section__status-node::after {    content: '';    position: absolute;    left: 50%;    width: 2px;    height: 100vh;
    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    background-color: rgba(0,0,0,0.15);    top: calc(100% + 8px);}
/*--- duy update style --*/
.time {font-size: 13px;color: #a1a7b3;}
#main {transition: margin-left .5s;}
.ua-btn-ap-rp a {padding: 7px 10px; display: inline-block; margin:0 10px; color: #fff; }
.block-video{ background: #2c2f37; color: #fff; height: 100vh;  }
.unica-learn-video {    background: #000 none repeat scroll 0 0;    bottom: 0;       top: 0;    width: 100%;    overflow: auto; position: absolute; height:100vh;}
.ua-btn-bn a {color: #cbcbcb; padding: 7px 10px; margin-right: 15px; width: 105px; text-align: center; display: inline-block;  }
.block-list-video h5{font-size: 16px}
.block-list-video .panel-title > a {color: inherit;font-size: 14px;font-weight: 600;line-height: 1.43em;display: inline-block; text-overflow: ellipsis;overflow: hidden;}
.sidebar-course {position: fixed;font-size: 16px;font-weight: 600;line-height: 1.5em;display: flex;justify-content: space-between;padding: 16px;border: 1px solid #dedfe0;border-right: none;top: 56px;width: 100%;}
.slider-content-course{z-index: 1;background-color: #fff;border: 1px solid #e8e9eb;overflow-x: hidden;overflow-y: auto;}
.go_course.btn.btn-primary.text-light {font-size: 13px;margin-top: 4px;}


/* ==update css a nam== */
.my-course { background: #eee }
.box-my-course { display: flex; border: 1px solid #f2f3f4; padding: 10px; background: #fff; margin-bottom: 15px;}
.box-des-mycourse { display: inline-block; width: 100%; margin-left: 20px; }
.title-my-course { font-size: 17px; font-weight: bold;  color: #4c4c4c; }
.next-my-course { margin-top: 10px; display: block; }

.my-report h5 { padding: 20px 0;  color: #50649c}
.box-total-course ul { padding: 0 ; display: flex; }
.box-total-course ul li { list-style: none; text-align: center; width: 24%; border: 1px solid #ececec; margin: 5px; border-radius: 5px; padding: 10px 0; background: #fff; }
.box-total-course p { font-weight: bold; font-size: 30px; }
.box-total-course span { color: #a4abc5; font-size: 14px; }
.box-chart-left ul li  {  display: flex; }
.box-chart-left { color: #50649c; float: left; }
.box-chart-left .progress { width: 50%; border: 1px solid #ccc; margin-top: 8px; margin-right: 10px; }
.box-chart-left span { text-align: center; margin-bottom: 10px; display: block; }
.box-chart-left ul li span { margin: 0 10px; }
.box-chart-left i { margin-top: 4px; color: #007bff; }

.box-chart-big ul li  {  display: flex; }
.box-chart-big { color: #50649c;  }
.box-chart-big .progress { width: 50%; border: 1px solid #ccc; margin-top: 8px; margin-right: 10px; }
.box-chart-big span { text-align: center; margin-bottom: 10px; display: block; }
.box-chart-big ul li span { margin: 0 10px; }
.box-chart-big i { margin-top: 4px; color: #007bff; }

.box-chart-course { display: flex; }
.box-chart-course img { width: 30%; margin-right: 10px; }
.box-info-chart-course a { color: #5a5a5a; font-weight: bold; }
.box-info-chart-course p { font-size: 14px; }
.box-info-chart-course span { color: #2a8829 }
.box-table-thongke td { text-align: center;  }
.box-info-chart-course { text-align: left; }
.box-table-thongke .table .thead-dark th { text-align: center; }
.box-table-thongke .table th { text-align: center; }
.number-chart { color: #5a5a5a; }
.number-chart p { font-size: 30px; font-weight: bold; margin: 0; }
.number-chart span { font-size: 14px; }
.box-avatar-hoc-vien .info-group { float: left; }
.tab-order { float: right; }
.tab-order ul li { display: inline-block; }
/* ==update css a nam== */
img.img-fluid.rounded-circle {
    margin-right: 10px;
}

.block-chart .progress {width: 50%;border: 1px solid #ccc;margin-top: 8px;margin-right: 10px;}
img.img_top_coure {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
span.name_course {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: inherit;
    white-space: normal;
}
.table_middle tr td{display: table-cell;
    vertical-align: middle;}
span.no_top {
    font-weight: bold;
}
.no-one{color: red}
/*---------------BLOG-NEW--------------*/
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle {
    display: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}


.blog-new {  padding: 50px 0 50px 0; }
.blog-new p { font-size: 30px; }
.blog-new span { display: block; color: #fff; }
.u-blog-new-menu .navbar { margin-bottom: 0; }
.u-blog-new-menu .navbar-brand { padding: 21px 15px; color: #f26c4f }
.u-blog-new-menu .navbar-nav > li > a { padding-top: 22px; color: #000; }
.dropdown-menu > li > a:hover { background: #ccc; }


.u-blog-new-menu .nav .open > a, .u-blog-new-menu .nav .open > a:hover, .u-blog-new-menu .nav .open > a:focus {  background-color: transparent;  border-bottom: 3px solid #f26c4f;}


.search-form {    position: relative;    float: right;}
.search-form i { font-size: 20px; }
.search-form .form-input {    display: none;    position: absolute;    height: 48px;    border: 1px solid #d7d7d7;    z-index: 9;    width: 360px;    right: 0;    top: 60px;    background: #fff;    font-size: 14px;}
.search-form .form-input input {    border: none;    width: 90%;    height: 46px;    line-height: 46px;    padding-left: 15px;    outline: none;}
.search-form .form-input button {    border: none;    background: transparent;    font-size: 18px;}
.search-form .icon-search-post {    display: block;    width: 70px;    background: url(../images/blog/icon-search-post.png) no-repeat center center;    height: 60px;    cursor: pointer;}

.u-blog-new-content { background: #eff0f2; padding: 20px 0;    margin-top: -6px; }
.box-slider-blog {position: relative;max-height: 360px;overflow: hidden;}
.box-slider-blog img{width: 100%;}
.box-slider-info { position: absolute;    z-index: 9;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(0, 0, 0, 0.5);    padding: 15px 100px 10px 30px; }
.box-slider-info .title {     font-size: 24px;    color: #fff;    display: inline-block;    margin-bottom: 8px;    font-weight: 700;}
.box-slider-info p {    color: #d9d9d9;    font-size: 12px;    margin-bottom: 0; margin-right: 5px;display: inline-block}
.box-slider-info a { color: #fff; font-size: 24px; display: inline-block; margin-bottom: 8px; font-weight: 700}
.box-slider-info a:hover { text-decoration: underline; }
.box-slider-info p > a { font-size: 12px; font-weight: normal;}
.box-slider-info i {   width: 15px; text-align: center; margin-right: 5px;}

.sub-blog { background: #fff;    border: 1px solid #e6e5e5;    position: relative;    margin-top: 24px;  border-radius: 5px;}
.sub-blog .thumb-image {    border-radius: 5px;    display: block;    position: relative;    overflow: hidden;    margin: 0 0 10px;}
.sub-blog .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;    right: 0;    height: 40px;    line-height: 40px;    font-size: 12px;    color: #fff;    padding: 0 15px;}
.view i { color: #f26c4f; }
.sub-blog-title { font-size: 22px;    font-weight: bold;    color: #333;    padding: 22px 20px 20px 0; }
.sub-blog-title i { color: #f26c4f; margin-right: 10px; }
.interested-post {      margin-left: 30px !important;    padding-bottom: 27px !important; }
.sub-blog span { margin-right: 5px; }
.sub-blog .swiper-pagination-bullet-active { background: #f26c4f; }

.news-today {     background: #fff;    border-radius: 5px;    border: 1px solid #e6e5e5; }
.news-today .title {    font-size: 22px;    font-weight: bold;    color: #333333;        padding: 18px 29px;    line-height: 24px;}
.news-today .title i { color: #f26c4f; }
.news-today .list-post {    padding: 0 20px 5px;    overflow-y: scroll;    max-height: 680px;}
.news-today .item {    border-top: 1px solid #ebebeb;    padding: 15px 0;    font-size: 0;}
.news-today .item .thumb-image {    width: 80px;    height: 80px;    display: inline-block;    vertical-align: top;    margin-right: 15px;    border-radius: 6px;    overflow: hidden;}
.news-today .item .thumb-info {    display: inline-block;    vertical-align: top;    width: calc(100% - 95px);    font-size: 14px; }
.news-today .item .thumb-info a {    display: block;    font-size: 15px;    line-height: 22px;    font-weight: bold;    color: #333333;    margin: 0 0 7px;}
.news-today .item .thumb-info a:hover { text-decoration: underline; }
.news-today .item .thumb-info span {    display: block;    font-size: 13px;   color: #9e9e9e;    line-height: 22px;}
.news-today .list-post::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #F5F5F5;  border-radius: 3px;}
.news-today .list-post::-webkit-scrollbar {  width: 6px;  background-color: #F5F5F5; }
.news-today .list-post::-webkit-scrollbar-thumb {   background-color: #cacaca;   border-radius: 3px; }
.news-today .view{height: 0!important;background-image: none}

.box-item-blog:hover {     box-shadow: 0 0 50px #dfe0e2;  }
.box-item-blog .post-item {    margin-bottom: 35px;    background: #fff;   border: 1px solid #e6e5e5;    border-radius: 5px;    min-height: 445px;    overflow: hidden;  min-height: 460px;}
.box-item-blog .post-item .post-thumb {    position: relative;    border-bottom: 2px solid #f26c4f;}
.box-item-blog .post-item .post-thumb a.img-thumb {    height: 209px;    overflow: hidden;    display: block; }
.box-item-blog .post-item .post-thumb .cate-post {    display: inline-block;    position: absolute;    bottom: -11px;    left: 25px;}
.box-item-blog .post-item .post-thumb .cate-post ul {    margin: 0 0;    padding: 0 0;    list-style: none;}
.box-item-blog .post-item .post-thumb .cate-post ul li {    margin: 0 0;    padding: 0 0;}
.box-item-blog .post-item .post-thumb .cate-post a {    display: inline-block;    font-size: 13px;    color: #fff;    background: #f26c4f;    padding: 2px 15px;    border-radius: 4px;}
.box-item-blog .post-item .post-thumb .cate-post a:hover { text-decoration: underline; }
.box-item-blog .post-item .post-info {    font-size: 13px;    color: #aaa;    padding: 30px 25px 15px;}

.box-item-blog .post-item a.title {    display: block;    font-size: 20px;    font-weight: 700;    color: #3e3d3c;    padding: 0 25px;    background: #fff;    margin-bottom: 20px;}
.box-item-blog .post-item a.title:hover { text-decoration: underline; }
.box-item-blog .post-item .desc {    padding: 0 25px;}
.box-item-blog .post-item .desc .excerpt-read-more {    display: none;}

.box-item-blog .post-item .desc p { font-size: 13px;     text-align: justify;color: #333;}
.topic-hot {  background: #057bd2;  border-radius: 5px;  margin-bottom: 30px;  position: relative;}
.topic-hot .swiper-pagination {  top: 30px;  right: 15px;}
.topic-hot .swiper-pagination .swiper-pagination-bullet {  background: #fff;  margin-right: 5px;  opacity: 1;  }
.topic-hot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  opacity: 1;  background: #f26c4f;}
.topic-hot .title {    font-size: 22px;    font-weight: bold;    color: #fff;    padding: 22px 20px 0 30px;}
.topic-hot .title i { color: #f26c4f; margin-right: 10px; }
.topic-hot .swiper-container {    padding: 25px 0 30px 30px;}
.topic-hot .topic-item .thumb-image {  display: block;  position: relative;  border-radius: 4px;  overflow: hidden;  box-shadow: 0 0 10px 5px #141414;}
.topic-hot .topic-item .thumb-image img {  max-width: 100%;}
.topic-hot .topic-item .thumb-image:hover .topic-info {  display: block;}
.topic-hot .topic-item .thumb-image:hover img {  opacity: 0.3;}
.topic-hot .topic-item .topic-info {  position: absolute;  right: 0;  left: 0;  text-align: center;  top: 50%;  transform: translateY(-50%);  z-index: 1;  display: none;}
.topic-hot .topic-item .topic-info .type {  display: block;  font-size: 16px;  font-weight: 700;  color: #fff;}
.topic-hot .topic-item .topic-info .title {  display: block;  font-size: 16px;  text-transform: uppercase;  color: #fff;  border-bottom: 1px solid #fff;  margin: 10px 60px 0;  padding: 0 0 10px;  font-weight: 300;}
.topic-hot .swiper-button-prev, .topic-hot .swiper-button-next {    width: 33px;    height: 68px;    background: #fff;    top: 50%;    margin-top: -34px;}
.topic-hot .swiper-button-prev {    background: url(../images/blog/long-arrow-left.png) no-repeat center center;    left: 30px;}
.topic-hot .swiper-button-prev:hover {    background: url(../images/blog/long-arrow-left-hv.png) no-repeat center center;    left: 30px;}
.topic-hot .swiper-button-next {    background: url(../images/blog/long-arrow-right.png) no-repeat center center;  right: 0;}
.topic-hot .swiper-button-next:hover {    background: url(../images/blog/long-arrow-right-hv.png) no-repeat center center;}
.topic-hot .swiper-button-prev.swiper-button-disabled, .topic-hot .swiper-button-next.swiper-button-disabled {    opacity: 1;    cursor: pointer;    pointer-events: auto;}
/* == job student == */
.job_box ul li{width:20%;float:left;}
.avatar{ width: 20px; height: 20px; border-radius: 100%; margin-right: 3px;float:left;cursor: pointer;}
.padding_colleague{padding-left:10px;padding-right: 10px;}
.padding_colleague p{float:left;}
.topStudent img{border-radius:100%; float:left;width: 50px; height: 50px; margin-right: 10px;}
.box_top{float:left;margin-right: 5px;}
.box_top h4{font-size: 15px; max-width: 150px; overflow: hidden;}
.box_top p{font-size: 12px;}
.box_top span{float:left;}
.topStudent li{float:left;width: 100%; margin-bottom: 15px;}

/*-Edit 14-8-*/
.block-list-video .col { line-height: 30px;}
.block-list-video .col .title { width:78%}
.bgRole .col-lg-2{border:1px solid #333;background:#fff;}
.bgRole .col-lg-6{border:1px solid #333;background:#fff;}

.u-learn-what ul li { margin-left: 35px; list-style-image: url( ../img/learning-bg.png); }
li.nav-item i {display: block;font-size: 18px;}
.nav-item a.nav-link {
    font-size: 15px;
}
.dp-ib{display: inline-block !important; font-size:14px !important;}
.nav-item .btn-outline-light:hover, .nav-item .btn-outline-light:focus, .nav-item .btn-outline-light:active, .nav-item .btn-outline-light:visited{background:#0d1935b0 !important;}
.navbar-company .nav-item a.nav-link{margin-top:5px;}
.navbar-company .fa-arrow-right{display: inline-block!important;font-size: 15px;}
.navbar-company .img_avt{width: 25px; height: 25px;;}
.navbar-company .dropdown:hover>.dropdown-menu { display: block; }
.navbar-company .dropdown-menu{top:96%;}


.input-group.mgb-tb.form-search-hv.mt-2{margin-top: 17px!important;}

/*
          ==============================================================
                   Unica HOME NEW CSS
          ==============================================================
*/

.block-home-new-1 { text-align: center; background: #efefef }
.block-home-new-1 img { width: 120px }
.fs15 { font-size: 19px; }
.fs14 { font-size: 15px; }
.block-home-new-1 p { min-height: 57px; }
.txt-banner a { font-size: 18px; }
.target-box h1 { display: inline-block; width: 100% }
.block-kp-m { background:url(../images/home_v2/thumbsup-1.jpg); background-size: cover; height: auto  }
.block-skill { text-align: center; background: #efefef; }
.block-skill ul li { width: 20%; float: left; height: 130px }
.block-skill img { width: 50px; }
.block-skill p.lead { margin-bottom: 40px; }
.block-dn-aca { background: #efefef; text-align: center; padding: 10px 0; }
.block-dn-aca h2 { display: inline-block; width: 100%; color: #464646 !important; margin: 30px 0;  }
.block-dn-ac { background: #fff; border-radius: 3px; padding: 10px;text-align: center;min-height: 160px;
    box-shadow: 3px 3px 33px -19px rgba(0,0,0,0.65); margin-bottom: 20px; display: inline-block; width: 100%; }
.block-dn-ac p { font-weight: bold;}
.block-dn-ac img { height: 40px; width: 40px; margin: 10px; }
/*.block-txt-ad { float: left; text-align: left; }*/
.block-txt-ad p { margin-bottom: 5px; }

.block-kp { background:url(../images/home_v2/thumbsup.jpg); background-size: cover; height: 400px  }
.block-kp .layout { background: #006ea8;    padding: 20px;    opacity: .8;    height: 300px;    position: absolute;    width: 100%; }
.block-txt-kp { position: absolute; z-index: 9; width: 100%; padding-top: 20px; }
.block-txt-kp h2{
    font-size: 50px;
}
.btn-login-acabiz{
    border: 1px solid;padding: 7px 15px!important;
}

a.btn-login-acabiz.text-primary:hover{background: #0a6ebd;color: white!important;}
/*
          ==============================================================
                   Unica Biz Responsive CSS
          ==============================================================
*/


@media (max-width: 575px) {
    .block-kp .layout, .block-txt-kp{
        width: 92%;
    }
    .block-txt-kp h2{
        font-size: 30px;
    }
    .u-learn-what ul li { width: 100%; }

    .bg-dashboard ul li { margin: 10px }
    #myPlayerID {height: 400px !important;}
    .navbar.scrolling-navbar { height: auto; }
    .navbar.scrolling-navbar .navbar-collapse { margin-top: 8px;}
    .btn-mb { color: #fff; border: 1px solid #ccc; margin-bottom: 10px; }

    .block-lo-trinh-hoc-vien { margin-top: 0; }
    .des-des { display: none; }
    .course-section .box-my-course { display: block; }
    .btn-mb { color: #fff; border: 1px solid #ccc; margin-bottom: 10px; }
    .pd-mb { padding: 0 10px; }
    .mt-6 { margin-top: 3rem !important; }
    .fs-mb28 { font-size: 22px; }
    .txt-banner p { font-size: 16px; }
    .btn-kp { font-size: 18px; }
    .block-testimonial .slick-next { right: 10px; }
    .block-testimonial .slick-prev { left: 10px; }
    .target-box .slick-next { right: 0; }
    .target-box .slick-prev { left: 0; }
    .box-3op img {  display: inline-block !important; }
    .block-spon .slick-next { right: 0; }
    .block-spon .slick-prev { left: 0; }
    .block-spon .slick-slide img { display: inline-block; }
    .block-spon { text-align: center; }
    .block-spon ul { padding: 0; }
    .block-regis input { font-size: 15px; }

    .dropdown-menu-right { margin-bottom: 10px; }

    .block-course-main .form-control { padding: .375rem 0.75rem; }
    .btn-big .btn-lg {     padding: .25rem .5rem;    font-size: .875rem;    line-height: 1.5;    border-radius: .2rem; }

    .unica-learn-bottom { padding: 5px 0; }
    .mgb-tb { margin-top: 10px; }
    .ulti-box { margin-bottom: 10px; }
    .unica-learn-top, .unica-learn-bottom {    opacity: 1.0;    z-index: 1;}
    .ua-btn-bn, .ua-btn-sv, .ua-btn-qa-bm, .ua-btn-ap-rp { padding: 0 2px; }
    .ua-btn-bn p, .ua-btn-sv p { display: none; }
    .ua-btn-bn a { width: auto; padding: 3px 3px; margin: 0; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i, .ua-btn-ap-rp i {    font-size: 14px;}
    .ua-btn-bn i {    width: 14px;}
    .ua-btn-sv button { padding: 4px; }
    .ua-btn-qa-bm a { margin: 0 ; padding: 4px 9px;  }
    .ua-btn-qa-bm { margin-left: 5px; }
    .ua-btn-ap-rp a { margin: 0; padding: 4px 9px; }
    .u-txt-list p, .u-txt-list span { display: none; }
    .form-user-mb select { margin-top: 8px; }
    .navbar-nav { margin-top: 10px; }
    .dropdown-item {     padding: .25rem 0.5rem; }
    .hidden-xs { display: none; }
    .u-detail-block-title { width: 100%; display: inline-block; }
    .u-detail-block-title h3 { font-size: 20px; }
    .block-buy { top: 0; }
    .inner-scroll { display: none; }
    .u-detail-course .col-12 { padding: 5px;  }
    .block-ulti ul { margin: 0; padding: 0; }
    .u-list-course { padding: 0; }
    .u-list-course .content { padding: 0 5px; }
    .uct-left { width: 100%; }
    .uct-right { width: 100%; margin-left: 0; margin-top: 10px; }
    .urh-left { width: 100%; }
    .urh-right { width: 100%; margin-left: 0; margin-top: 10px; }
    .u-rate-f1-progress { width: 50%; }
    .u-rate-f1-star { width: 32%; }
    .u-rate-f1-star i { font-size: 16px; }
    .u-cm-hv div, .cm-hv { font-size: 14px; }
    .name-hv { width: 100% }
    .ava-hv { padding: 0 !important; }
    .u-cm-hv { padding: 0; }
    .choosen-topic ul li { width: 100%; margin: 5px 0; }
    .box-my-course { display: inline-block; }
    .my-course .col-lg-12 { padding: 5px; }
    .box-des-mycourse { margin-left: 0; }
    .box-total-course ul { display: inline-block; width: 100%; }
    .box-total-course ul li { float: left; width: 45%; }
    .table-responsive .table { width: 1000px; }

    .block-logo { display: none; }
    .back-to-course p { display: none; }
    .block-content-video { margin: 0; }
    .block-content-video .nav-tabs .nav-item { margin: 0; }
    .txt-box { width: 85% }
    .box-hv-q { width: 84% }
    .uom-block-chat { padding: 5px }

    .block-list-video { display: block; position: relative; }
    .aba { top: 0 !important; }
    .d-xs-none { display: none; }
    .txt-banner { margin-top: 55px }
    .block-home-new-1 p { min-height: auto }
    .block-home-new-1 .col-xl-4{ padding-bottom: 25px}
    .block-content-info .mt-3 {margin-top : 0rem!important}
    .block-content-info .mt-4 {margin-top : 0rem!important; margin-bottom: 1rem!important;}
    .block-skill ul li { width: 33% }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar.scrolling-navbar { height: auto; }
    .navbar.scrolling-navbar .navbar-collapse { margin-top: 20px;}
    .btn-mb { color: #fff; border: 1px solid #ccc; margin-bottom: 10px; }
    .mgb-tb { margin-top: 10px; }
    .choosen-topic ul li { width: 100%; }

}

@media (min-width: 768px) and (max-width: 991px) {
    .block-list-video .col .title { font-size: 14px;}
    .block-list-video .col .time { float: left !important;}
    .navbar.scrolling-navbar { height: auto; }
    .navbar.scrolling-navbar .navbar-collapse { margin-top: 20px; }
    .btn-mb { color: #fff; border: 1px solid #ccc; margin-bottom: 10px; }
    .block-content-info h1 { font-size: 20px; }
    .block-content-info .offset-md-6 { margin-left: 0; }

    .app-connect, .social-connect { width: 50%; float: left; }
    .social-connect { margin-top: 10px; }
    .social-connect p { margin-bottom: 10px }
    .social-connect ul { margin: 0 !important; }

    .multiple-course > .col-md-3 { max-width: 100%; }
    .multiple-course > .card-body { padding: 10px; }

    .mgb-tb { margin-top: 10px; }
    .admin-dn ul li { float: left; width: 30%; margin: 0.7rem }
    .admin-dn button { width: 100%; }
    .ua-btn-bn a { margin: 0; width: 30px;}
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .ua-btn-qa-bm a { float: right; margin: 0 4px; }
    .ua-btn-ap-rp a { margin: 0; }
    .unica-learn-top, .unica-learn-bottom {    opacity: 1.0;    z-index: 1;}
    .ua-btn-bn p, .ua-btn-sv p { display: none; }

    .u-detail-block-title { width: 100%; }
    .sm-12 { max-width: 100%; width: 100%; }
    .block-buy {    max-height: 250px;    width: 97.5% !important;    bottom: 10px !important;    top: unset !important;    z-index: 9;}
    .urh-right { margin-left: 20px; }
    .u-rate-f1-progress { width: 65%; }
    .u-rate-f1-star { width: 23%; }
    .choosen-topic ul li { width: 47%; }
    .ubo-right { padding: 0 !important; }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .block-list-video .col .title { width: 74%;}
    .block-content-info h1 { font-size: 20px; }
    .form-search-hv { margin-top: 0 !important; }
    .mgb-tb { margin-top: 10px; }

    .ua-btn-bn a { margin: 0}
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .ua-btn-qa-bm a { float: right; }
    .unica-learn-top, .unica-learn-bottom {    opacity: 1.0;    z-index: 1;}
    .block-ulti ul { padding: 0;  }
    .uct-right { margin-left: 20px; }
    .urh-right { margin-left: 20px; }
    .u-rate-f1-progress { width: 60%; }
    .u-rate-f1-star { width: 30%; }
    .choosen-topic ul li { width: 47%; }

    .txt-box { width: 92%; }
    .box-hv-q { width: 92%; }
    .form-search-hv .form-control {     padding: 0.5rem 0.75rem 0.5rem 0.75rem }
    .box-my-course img{max-width: 295px;}
}

@media (min-width: 1200px) {

    .ua-btn-qa-bm a { margin: 0 8px; }
    .unica-learn-top, .unica-learn-bottom {    opacity: 1.0;    z-index: 1; }
    .box-my-course img{max-width: 295px;}
}

@media (max-width: 767px) {
    .topic-hot {border-radius: 0;}
    .topic-hot .swiper-container {padding-left: 0;}
    .topic-hot .swiper-button-prev {    left: 0;  }
}

@media (min-width:1500px)
{
    .block-list-video .panel-title > a{
        width:430px;
    }
}

.advantages-acabiz{
    font-size: 27px
}