.hide-scroll
{
  overflow-y: auto;
}
.fix-w {max-width: 1400px;margin: 0 auto}
.text-justify {text-align: justify}
.scroll_1, .scroll_2
{
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0px;
}
.scroll_1::-webkit-scrollbar-track, .scroll_2::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
  border-radius: 3px; 
  cursor: grab!important;
}

.scroll_1::-webkit-scrollbar, .scroll_2::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
  cursor: grab!important;
}

.scroll_1::-webkit-scrollbar-thumb, .scroll_2::-webkit-scrollbar-thumb
{
  border-radius: 3px; 
  background-color: #858282;
  cursor: grab!important;
}
.scroll_1::-webkit-scrollbar-thumb:hover, .scroll_2::-webkit-scrollbar-thumb:hover
{
  background-color: #a6a6a6;
  cursor: grab!important;
  cursor: pointer;
}





#box_noi_dung_vb .nav-link.active
{
  background: #FBF0E1!important;
  border-bottom: none;
  margin-top: 1px;
  height: 40px!important;
}

.nav-link.active
{
  background: #FBF0E1!important;
  border-bottom: none;
  margin-top: 1px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #ebebeb #ebebeb #fff;
    color: #795548!important;
}
ul.nav-tabs
{
  background:#795548;
  margin-left:-12px;
}

@-webkit-keyframes shrt {
	 0% { color: #c95656; } 
	 50% { color: #2771f8;  } 
	 100% { color: #ea4335;  } 
 }
 @-moz-keyframes shrt { 
	 0% { color: #c95656;  } 
	 50% { color: #2771f8;  }
	 100% { color: #ea4335;  } 
 }
 @-o-keyframes shrt { 
	 0% { color: #c95656; } 
	 50% { color: #2771f8;  } 
	 100% { color: #ea4335;  } 
 }
 @keyframes shrt { 
	 0% { color: #c95656;  } 
	 50% { color: #2771f8;   }
	 100% { color: #ea4335;  } 
 } 
 #add-shortcut {
	display:none; 
	-webkit-animation: shrt 3000ms infinite;
	 -moz-animation: shrt 3000ms infinite; 
	 -o-animation: shrt 3000ms infinite; 
	 animation: shrt 3000ms infinite;
	 }
.global_text
{

  font-size: .8rem;
}
.navbar-brand
{
  padding-top: 2px;
}
.ss {font-size:26px!important;}
.logo_text_mobile, .navbar-brand
{
  white-space: nowrap;
  text-transform: uppercase;
}

.search_input_text_top
{
  min-width: 250px;
  border-right: none;
}

#aside
{
  -moz-box-shadow:    3px 3px 7px 2px #ccc;
  -webkit-box-shadow: 3px 3px 7px 2px #ccc;
  box-shadow:         3px 3px 7px 2px #ccc;
}

#collapse
{
}

.search_btn_top
{
  border: solid 2px rgba(120, 130, 140, 0.2)!important;
  border-left: none;

}

.no_padding
{
  padding: 0!important;
}
.no_padding_left
{
  padding-left: 0!important;
}
.no_padding_right
{
  padding-right: 0!important;
}

.tabs_vb_moi
{
  float:left;
  z-index:2;
}
.box_van_ban_moi
{
  box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.26), 0px 0 0 rgba(0, 0, 0, 0.12)!important;
}
.nav_close
{
  position: absolute;
    right: -15px;
    top: 15px;
    width: 20px;
}
.medium
{
  font-size: 92%;
}

.navside .nav-header, .vb_info_collapse_li
{
  border-bottom: solid 1px #ebebeb!important;
}

.list-docs .list-item {padding-left:10px!important;background:#FBF0E1;border-radius:5px;}
.list-docs .list-item:hover
{
  background-color: #FBF0E1;
  color: #795548;
}

.list-docs i.fa
{
  color: #795548;
}

.tieu_de_vb
{
    font-size: 1.1rem;
    padding: 1rem 0.5rem 0.3rem;
    font-weight:700;
    line-height: 1.5;
}
.tieu_de_tthc
{
    font-size: 1.2rem!important;
    padding: 1rem 0.5rem 0.3rem;
    line-height:120%;
    font-weight:700;
}
.no_margin
{
  margin:0!important;
}
b, strong
{
  font-weight: 700!important;
}

.app-header
{
  position: fixed;
  margin: auto;
}
.app-body
{
  padding-top: 0;
}
.app-header-homepage {display:block;}
.search_icon img {text-align:center;margin: 0 auto;display: block;height:65px;}
.search-radio {text-align: center!important;width: 100%;margin:8px 0;}
.search-radio input[type="radio"] {opacity: 1;z-index: 1;cursor: pointer;}
.search-radio input[type="radio"]:checked {background:#795548} 
.search-radio label {display: inline-block;margin-bottom: .5rem;margin-right:.5rem;cursor: pointer;}
ul.cardList
{
width: 100%;
padding-left:10px;
}









@-webkit-keyframes my {
	 0% { color: #F8CD0A; } 
	 50% { color: #fff;  } 
	 100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #fff;  }
	 100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
	 0% { color: #F8CD0A; } 
	 50% { color: #fff; } 
	 100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #fff;  }
	 100% { color: #F8CD0A;  } 
 } 





#packages-list .list-item {margin-top:0px;padding-left:0;}

.paginations {float:right}
.paginations a {font-weight:normal!important}
.clr {clear:both}
.list-docs .list-title h1 {background:#FBF0E1;font-size:1.1rem;text-transform:uppercase;font-weight:700;padding:10px;}
.list-docs h1 {font-size:1.5rem;}
.list-docs a {font-size:14px;color:#5f3813}
.list-docs .list-item a {font-weight:600;font-size:14px;color:#5f3813}
.list-docs a:hover {color: #ea4335}
.list-item {background:#FBF0E1;padding-left:30px;}
#tab_noi_dung_vb, #du_thao {text-align:justify;overflow-x:auto;color:#000!important;font-size: 14px;}
#toc-button {float: left;background: #795548;color: #fff;padding: 2px 5px;font-size: 13px;margin-left: -12px;border-radius: 0px 0px 4px 4px;cursor:pointer;}
#fontlinks {text-align:right;width:100%;z-index:999}
#fontlinks a {border: 1px solid #cdcdcd;padding: 1px 7px;background:#795548;color:#fff;}
#fontlinks a:hover {}
#tip-font {width: 205px;float: right;margin-right: 10px;}
.tip-c {padding: 3px;font-size: 12px;
	 -webkit-animation: my 700ms infinite;
	 -moz-animation: my 700ms infinite; 
	 -o-animation: my 700ms infinite; 
	 animation: my 700ms infinite;}
.decinc {width:70px;float:right;margin-right:-10px}
.tab-content {min-height:550px;color:#795548;padding:5px;}
.nav-tabs a.nav-link {color:#FEFAF4!important;white-space:nowrap}
.alert {padding: .75rem 1rem!important;}

.list-tn {margin:0 auto;}

.list-tn h1 {
    font-size: 1.5rem;
}
.list-tn .list-title h1 {background:#FBF0E1;font-size:1.1rem;text-transform:uppercase;font-weight:700;padding:10px;}

.list-tn .list-item {background:#FBF0E1;padding-left:0;float:left;border-right: 4px solid #FEFAF4;border-radius:4px 4px 4px 4px}
.list-tn .label {white-space: normal!important;margin-left:5px;}
.list-tn .alphabet .label {margin-left:0;}
.list-tn .modal-body {padding:0 15px!important}
.b-brown {border-color: #795548;}
.b-htpl {border-color: #FBF0E1;}


.slides {margin:0 auto;padding-bottom:10px!important;}
.slides .slide_content a {color:#ea4335}
.article_content a {color:#ea4335}
.article_content h2 {font-size: 0.95rem!important;padding: 7px 0;line-height:25px;}
.article_content h3 {font-size: 0.8rem!important;line-height:25px;}
.article_content table {width:98%;border-collapse: collapse;border:1px solid #988d83;margin-bottom:15px;}
.article_content table td {padding:10px;border:1px solid #988d83}
.article_content blockquote { padding: 10px;background: #FBF0E1;border-radius: 5px;}

.slides .list-title h1 {background:#FBF0E1;font-size:1.1rem;text-transform:uppercase;font-weight:700;text-align:left;color: #795548;padding:10px}
.slides .detail-title h1 {background:#FBF0E1;font-size:1.1rem;font-weight:700;text-align:left;color: #795548;padding:10px;line-height: 1.5;}
.slides-list {margin:0 auto;padding-bottom:20px!important;margin-top:20px;width: 100%}
.slides-list h2 {font-size:16px!important;font-weight:bold;}
.slides-list .slide-item h3 {color:#795548;font-weight:700;font-size:0.9rem;text-align:left;line-height:23px;}
.slides-list .slide-item {background:#FBF0E1;padding-left:0;height: 280px;float:left;border-radius:4px 4px 4px 4px;margin-bottom:10px;padding:10px 15px;border-left:2px solid #FEFAF4}
.slides-list .slide-item img {float:left;width:100%;height:200px;margin:0 auto;margin-bottom:10px;border-radius:4px 4px 4px 4px;border: 2px solid #FEFAF4;}


.slide-item .right-slide-image {background-repeat: no-repeat!important;background-size: cover!important;height: 80%;width: 100%;background-position: center center!important;overflow: hidden;border-radius: 4px 4px 4px 4px;border: 2px solid #FEFAF4;margin-bottom:10px;position: relative;display: block;}


/*zalo support footer*/

@keyframes zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.jscroll-to-top{bottom:100px}.fcta-zalo-ben-trong-nut svg path{fill:#fff}.fcta-zalo-vi-tri-nut{position:fixed;bottom:15px;right:20px;z-index:999}.fcta-zalo-nen-nut,div.fcta-zalo-mess{box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)}.fcta-zalo-nen-nut{width:40px;height:40px;text-align:center;color:#fff;background:#0068fe;border-radius:50%;position:relative}.fcta-zalo-nen-nut::after,.fcta-zalo-nen-nut::before{content:"";position:absolute;border:1px solid #5198ff;background:#5198ff;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}.fcta-zalo-nen-nut::after{animation-delay:.4s}.fcta-zalo-ben-trong-nut,.fcta-zalo-ben-trong-nut i{transition:all 1s}.fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:55%;height:55%;left:10px;bottom:32px;line-height:70px;font-size:25px;opacity:1}.fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}.fcta-zalo-nen-nut:hover .fcta-zalo-ben-trong-nut,.fcta-zalo-text{opacity:0}.fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}.fcta-zalo-text a{text-decoration:none;color:#fff}.fcta-zalo-text{position:absolute;top:6px;text-transform:uppercase;font-size:9px;font-weight:700;transform:scaleX(-1);transition:all .5s;line-height:1.5}.fcta-zalo-nen-nut:hover .fcta-zalo-text{transform:scaleX(1);opacity:1}div.fcta-zalo-mess{position:fixed;bottom:15px;right:57px;z-index:99;background:#fff;padding:7px 25px 7px 15px;color:#0068fe;border-radius:50px 0 0 50px;font-weight:700;font-size:14px}.fcta-zalo-mess span{color:#0068fe!important} span#fcta-zalo-tracking{font-family:Arial;line-height:1.5}.fcta-zalo-text{font-family:Arial}


#back-top a {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 999999999;
    color: #eee;
    background-color: #795548;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding: 7px 10px;
    border-radius: 20px;
    text-align: center;
}

.panel {margin-bottom:10px;}

.panel .panel-heading a {
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}

.panel-default .panel-heading-link a, .panel-default .panel-plus-link a {
    color: #795548;
    background:#FBF0E1;

}
.panel-heading.panel-plus-link > a, .panel-heading-link > a {
    display: block;
    padding: 5px 15px;
}
.panel-heading a {
    font-weight: 700 !important;
}
.panel-default .panel-heading, .panel-default .panel-footer {
    color: #795548!important;
}
.panel-default .panel-heading {
    border-color: #795548;
}

.panel .panel-heading-link a:after {
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 1.2em;
    float: right;
    background-color: #795548;
    color: #fff;
    padding: 5px 0px;
    margin-top: -5px;
    margin-right: -15px;
    width: 33px;
    height: 29px;
    text-align: center;
}
.p-t-5 {padding-top:5px}
.p-t-10 {padding-top:10px}
.p-t-13 {padding-top:13px}
.p-l-r-0 {padding-left:0;padding-right:0}
.m-r-5 {margin-right: 5px;}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.navtt {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navtt a {
    font-weight:normal;
}
.navtt>li {
    position: relative;
    display: block;
}



/*-------------------------------------------------------------------*/
/* Vertical Tabs */
/*-------------------------------------------------------------------*/
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left > li {
  margin-right: -1px;
}
.tabs-right > li {
  margin-left: -1px;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-left>li.active>a, .tabs-left>li.active>a:focus, .tabs-left>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}




.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
}
.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.sideways {
  margin-top: 50px;
  border: none;
  position: relative;
}
.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right > li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left > li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.tabs-left-ar > li {
  margin-bottom: 0;
}
.tabs-left-ar > li > a,
.tabs-left-ar > li.active > a {
  border-radius: 0;
  background-color: #f9f9f9;
  border-left: solid 3px #ccc;
}
.vertical-tabs-left,
.vertical-tabs-right {
  display: table;
  background-color: #fafafa;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
.vertical-tabs-left {
  border-right: solid 1px #ddd;
}
.vertical-tabs-right {
  border-left: solid 1px #ddd;
}
.vertical-tab-list {
  display: table-cell;
  min-width: 150px;
  vertical-align: top;
}
.vertical-tabs-right .vertical-tab-list {
  border-right: solid 3px #ddd;
  border-left: solid 1px #ddd;
}
.vertical-tabs-left .vertical-tab-list {
  border-left: solid 3px #ddd;
  border-right: solid 1px #ddd;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li > a {
  border-right: solid 3px #ddd;
  margin-right: -3px;
  color: #444;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li > a {
  border-left: solid 3px #ddd;
  margin-left: -3px;
  color: #444;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li > a:hover,
.vertical-tabs-right .vertical-tab-list ul.nav > li > a:focus {
  border-right: solid 3px #999;
  background-color: #f1f1f1;
}
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a,
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:hover,
.vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:focus {
  border-right: solid 3px #c37744;
  background-color: #f1f1f1;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li > a:hover,
.vertical-tabs-left .vertical-tab-list ul.nav > li > a:focus {
  border-left: solid 3px #999;
  background-color: #f1f1f1;
}
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a,
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a:hover,
.vertical-tabs-left .vertical-tab-list ul.nav > li.active > a:focus {
  border-left: solid 3px #c37744;
  background-color: #f1f1f1;
}
.vertical-tabs-left .tab-content,
.vertical-tabs-right .tab-content {
  display: table-cell;
  padding: 20px;
}

.table-bordered {
    border: 1px solid #ddd;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

.tab-pane h2,.tab-pane h3,.tab-pane h4,.tab-pane h5 {font-size:16px;font-weight:700;padding:10px 0}
.panel .panel-collapse ul li a {font-weight:normal!important;color:#795548!important;font-size:14px;}
.vb-row {padding:0 5px!important;}
.vb-ul-list {width:100%;background:#fff;}
.list-hdpl h1.title {font-size:1.1rem;background:#FBF0E1;font-weight:700;padding:10px;margin-top:10px;line-height: 25px;}
.list-hdpl .list-title h1 {background:#FBF0E1;font-size:1.1rem;text-transform:uppercase;font-weight:700;padding:10px;}

.list-hdpl h2 {color:#795548;font-size:14px;padding:0px 0;display:inline;font-weight:bold;width:97%;float:left}
.list-hdpl h3 {font-size:1rem;text-decoration:underline;font-weight:700;float:left;width:100%}
#form_dat_cau_hoi h3.section-title {font-size:1.2rem;border-bottom:1px solid rgba(120, 130, 140, 0.2);padding-bottom:7px}
.list-hdpl .list-item:hover
{
  background-color: #FBF0E1;
  color: #795548;
}

.list-hdpl i.fa
{
  color: #FEFAF4;
}
.list-hdpl .list-item:hover
{
  background-color: #FBF0E1;
  color: #795548;
}

.list-hdpl .panel-heading i.fa
{
  color: #795548;
  float:left;
  margin-right:5px;
}

.list-hdpl .panel {
    width:100%;
    background-color: #FEFAF4;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    float:left;
}



.list-hdpl .panel-default .panel-heading, .panel-default .panel-footer {
    background-color: #FBF0E1;
    color: #795548;
    padding:10px 0 5px 10px;
    float:left;
    width:100%;
}


.list-hdpl .panel-body {
    padding: 15px 0px;
    float:left
}
.list-hdpl .panel .panel-heading a {
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
    padding-left:5px;
    width:90%;
    float:left;
}
.list-hdpl .panel .panel-body {font-size:14px;text-align:justify;width:100%;}

.list-hdpl .panel .panel-body h2 {width:100%;}




a.button {
    text-decoration: none;
}

a.button:hover {color:#fff;}

.button-pill {
    border-radius: 200px;
}
.button-tiny {
    font-size: 9.6px;
    height: 24px;
    line-height: 24px;
    padding: 0 24px;
}
.button-primary, .button-primary-flat {
    background-color: #795548;
    border-color: #795548;
    color: #FEFAF4;
    padding:5px 10px;

}
.justify {text-align:justify;}
.fs14 {font-size:14px}
.msch {float:right;font-weight:700;color:#ea4335;width:100%;text-align:right;}
#form_dat_cau_hoi .form-control {padding: .5rem 0.5rem;margin-top:10px;}
#form_dat_cau_hoi .form-group input[type=text],#form_dat_cau_hoi .form-group input[type=email] {height:30px;font-size:12px;}
#form_dat_cau_hoi .form-group textarea {font-size:12px;}
.security {float:left;width:100%;margin:0 0 7px;font-size:12px;}
.security input[type=text]  {width:31%;height:30px;float:left;margin-right:5px;font-size:12px;}
#form_dat_cau_hoi span.secureimage {padding-top:10px;float:left;}
#form_dat_cau_hoi span.secureimage img {float:left}
#form_dat_cau_hoi span.secureimage a {font-size:18px;float:left;margin-left:5px;}
#form_dat_cau_hoi #errorcode {color:#f00;}
.errorname, .erroremail, .errorsdt, .errorlv {color:#f00;;float:left}
#form_dat_cau_hoi .errorcode {height:30px;color:#f00;}
#form_dat_cau_hoi .linhvuc {margin-top:10px;}
#form_dat_cau_hoi .linhvuc select {width:100%;height:28px;font-size:12px;border-color: rgba(120, 130, 140, 0.2);color:#795548}
#form_dat_cau_hoi .btn-success {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

#gui-cau-hoi .form-control {padding: .5rem 0.5rem;margin-top:10px;}
#gui-cau-hoi .form-group input[type=text], #gui-cau-hoi .form-group input[type=email] {height:30px;font-size:13px;}
#gui-cau-hoi .form-group textarea {font-size:13px;}
.security {float:left;width:100%;margin:0 0 7px;font-size:12px;}
.security input[type=text]  {width:31%;height:30px;float:left;margin-right:5px;font-size:12px;}
#gui-cau-hoi span.secureimage {padding-top:10px;float:left;}
#gui-cau-hoi span.secureimage img {float:left}
#gui-cau-hoi span.secureimage a {font-size:18px;float:left;margin-left:5px;}
#gui-cau-hoi #errorcode {color:#f00;}
.errorname, .erroremail, .errorsdt, .errorlv, .error {color:#f00;;float:left}
#gui-cau-hoi .errorcode {height:30px;color:#f00;}
#gui-cau-hoi .linhvuc {margin-top:10px;}
#gui-cau-hoi .linhvuc select {width:100%;height:28px;font-size:12px;border-color: rgba(120, 130, 140, 0.2);color:#795548}
#gui-cau-hoi label {font-size:13px;padding-right:0;margin-bottom:0!important}
#gui-cau-hoi .btn-success {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

#ctv-register .form-control {padding: .5rem 0.5rem;margin-top:10px;}
#ctv-register .form-group input[type=text], #ctv-register .form-group input[type=email] {height:30px;font-size:13px;}
#ctv-register .form-group textarea {font-size:13px;}
.security {float:left;width:100%;margin:0 0 7px;font-size:12px;}
.security input[type=text]  {width:31%;height:30px;float:left;margin-right:5px;font-size:12px;}
#ctv-register span.secureimage {padding-top:10px;float:left;}
#ctv-register span.secureimage img {float:left}
#ctv-register span.secureimage a {font-size:18px;float:left;margin-left:5px;}
#ctv-register #errorcode {color:#f00;}
.errorname, .erroremail, .errorsdt, .errorlv, .error {color:#f00;;float:left}
#ctv-register .errorcode {height:30px;color:#f00;}
#ctv-register .linhvuc {margin-top:10px;}
#ctv-register .linhvuc select {width:100%;height:28px;font-size:12px;border-color: rgba(120, 130, 140, 0.2);color:#795548}
#ctv-register label {font-size:13px;padding-right:0;margin-bottom:0!important}
#ctv-register .btn-success {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}



#yeu-cau-rut-tien .form-control {padding: .5rem 0.5rem;margin-top:10px;}
#yeu-cau-rut-tien .form-group input[type=text], #yeu-cau-rut-tien .form-group input[type=email] {height:30px;font-size:13px;}
#yeu-cau-rut-tien .form-group textarea {font-size:13px;}
.security {float:left;width:100%;margin:0 0 7px;font-size:12px;}
.security input[type=text]  {width:31%;height:30px;float:left;margin-right:5px;font-size:12px;}
#yeu-cau-rut-tien span.secureimage {padding-top:10px;float:left;}
#yeu-cau-rut-tien span.secureimage img {float:left}
#yeu-cau-rut-tien span.secureimage a {font-size:18px;float:left;margin-left:5px;}
#yeu-cau-rut-tien #errorcode {color:#f00;}
.errorname, .erroremail, .errorsdt, .errorlv, .error {color:#f00;;float:left}
#yeu-cau-rut-tien .errorcode {height:30px;color:#f00;}
#yeu-cau-rut-tien .linhvuc {margin-top:10px;}
#yeu-cau-rut-tien .linhvuc select {width:100%;height:28px;font-size:12px;border-color: rgba(120, 130, 140, 0.2);color:#795548}
#yeu-cau-rut-tien label {font-size:13px;padding-right:0;margin-bottom:0!important}
#yeu-cau-rut-tien .btn-success {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}


.list-httt label {width:98%}
.list-httt .panel {margin-bottom:0px;}
.list-httt .boxContent {padding:10px 20px;}
.panel-default .panel-heading-link a, .panel-default .panel-plus-link a {
    color: #795548;
}
.panel-plus-link a {
    background-color: inherit;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#member_form h1 {font-size:1.7rem;color: #795548;}
.mar10 {margin:10px;}
.pad10 {padding:10px;}
.m-b-10 {margin-bottom:10px!important;}
.m-t-7 {margin-top:7px!important;}
.m-t-0 {margin-top:0!important;}
.m-t-10 {margin-top:10px!important;}
.p-b-10 {padding-bottom:10px!important;}
.p-l-10 {padding-left:10px!important;}
.p-r-10 {padding-left:10px!important;}
.p-b-20 {padding-bottom:20px!important;}
.m-t-20 {margin-top:20px!important;}
.p-t-20 {padding-top:20px!important;}
.p-t-40 {padding-top:40px!important;}
.m-b-20 {margin-bottom:20px!important;}
.m-t-40 {margin-top:40px!important;}
.m-t-90 {margin-top:90px!important;}
.ws {white-space:nowrap}

.buy-packages h1 {font-size:2em}
.buy-packages .checkout-button {margin:0 auto;margin-bottom:40px;width: 94%;text-align:center;}
.package_name {text-align:center;margin:10px;color:red;font-weight:700;text-transform:uppercase}

payment-name:hover, .radio_checked {
    background: #fbf0e1;
    border-radius: 2px;

}
payment-name, .payment-name label {
    padding-top: 5px;
    padding-left: 20px;
    cursor: pointer;
}
.co-creditcard, div.accordion, payment-details, payment-name {
    width: 100%;
    float: left;
}
payment-name label span.selected {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url('/sites/h/ht/htpl/s/css/checked.png');
    background-size: 20px 20px;
}
payment-name label span {
    width: 20px;
    margin-left: -15px;
    height: 20px;
    float: left;
    background-image: url('/sites/h/ht/htpl/s/css/unchecked.png');
    background-size: 20px 20px;
}
payment-name [type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#795548;
}
payment-name label span input[type="radio"] {
    border: none;
    position: relative;
    outline: none;
    opacity: 0;
}
.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {
    font-family: 'FontAwesome';
    content: "\f067";
    font-size: 1.4em;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    *margin-right: .3em;
}
.panel-group .panel > .panel-heading.panel-plus-link a:before {
    font-family: 'FontAwesome';
    content: "\f068";
    font-size: 1.4em;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    *margin-right: .3em;
}
.list-httt .panel-body {padding-bottom:40px;}
.httt-name {padding: 3px 0 0 15px;font-weight:600;color: #333;font-size:15px;}
.panel-default .panel-heading .panel-plus-link a {font-weight:normal;}
.news {margin:0 auto;padding-bottom:5px!important;}
.news h1 {text-align:center;font-size: 1.5rem;color: #795548;text-transform:uppercase;padding:10px 0  }
.news h5 {font-size:16px;}
.news .category-content {/*padding:20px 5px;*/font-size:14px;}
.w-100 {width:100%}

.member-page {margin:50px 5px;}
.member-page .form-control {padding: .3rem .55rem;}
.member-page .input-group {width:100%;}
.member-page h1 {font-size:2em;}
.member-page .nav-link {padding: 14px 0 10px 10px}
.member-page a.nav-link {font-size:15px;}
.member-page .nav-link.active {background: #FBF0E1!important;}
.member-page .p-a-md {padding:5px 10px!important;}
.member-page .p-a-md2 {padding:10px 7px 0 7px!important;}
.member-page .text-2x {font-size:1em;}
.member-page .submit-form {font-size: 16px;padding: 0.5rem 1rem;margin-left:0}
.member-page sup {font-size:50%!important;}
.member-page  h6.text-u-c {margin-bottom:10px!important;}
.member-page button.close {padding:0;}
.member-page .pws{color:#327900;font-weight:700;}
.member-page .member-h2 {padding-left: 7px;margin-top: 1px;margin-left: 5px;}
.member-page .m-info input {width:98%;font-size: 14px;}

.member-page .transaction-list {width:99.5%;margin-left:2px;background:#fff;}
.member-page .transaction-list table td.status {font-size:12px;color:#333!important;}

.member-page .current-package, .member-page .future-package {padding:20px;}
.member-page .current-package h3 {font-size:16px;font-weight:700;color:#795548}
.member-page .current-package table td.status {font-size:12px;color:#333!important;}
.member-page .expired-package {padding:20px;}
.member-page .expired-package h3 {font-size:16px;font-weight:700;color:#795548}
.member-page .expired-package table td.status {font-size:12px;color:#333!important;}

.member-page .notbuy-package {padding:20px;}
.member-page .notbuy-package h3 {font-size:16px;font-weight:700;color:#795548}
.member-page .notbuy-package table td.status {font-size:12px;color:#333!important;}

.member-page table td button {border: 1px solid #795548;font-size: 12px;}

.t-a-r {text-align:right}
.t-a-c {text-align:center}

#ajax_tra_cuu {background:#FEFAF4;height:100%;max-height: 100vh;margin-left:12px;padding:0 10px 50px 10px}
#ajax_tra_cuu .tnpl-search {padding:0 0 10px 10px;text-align:center;float:left}
#ajax_tra_cuu .tnpl-search input[type=text] {margin:5px 0 5px 0;text-align:center;font-size:12px;text-align:center}
#ajax_tra_cuu .alert {float:left}
#ajax_tra_cuu h3 {font-size:14px;font-weight:bold;margin-top:10px;padding-left:10px;}
#ajax_tra_cuu .box-body {overflow-y:auto;}
#ajax_tra_cuu label {}
#ajax_tra_cuu .m-r-xs {font-size:12px;float:left;margin:5px 0 10px 10px}
#ajax_tra_cuu .tn-content {max-height:380px;margin:5px 10px;text-align:justify;float:left;width:100%;}
#ajax_tra_cuu .tn-full-content {margin:5px 10px;text-align:justify;float:left;width:100%;}
#ajax_tra_cuu .loading {text-align:center;margin:0 auto;margin-top:10px;}
#ajax_tra_cuu .list-tn {float:left;width:100%;}
#ajax_tra_cuu .list-tn .list-item {width:100%!important;padding-bottom:6px;background:#FBF0E1}
.thuatngu {background:#795548;z-index:3;height:36px;width: 39%;border-radius: 0 0 4px 0;}
#tnpl_contents {float:left;width:93%;}


.list_tds .box-body span {background:none!important;}

#sidebar_right_doc_info .alert {float:left;margin-top:10px;width:100%;}

.tthc-detail h2{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
}
.tthc-detail .nav-link {padding: 10px 0 10px 10px}
.tthc-detail a.nav-link {font-size:15px;}
.tthc-detail .nav-link.active {background: #FBF0E1!important;}
.tthc-detail .tieu_de_tthc
{
    font-size: 1.2rem!important;
    padding: 1rem 0 0.3rem;
    line-height:120%;
    font-weight:700;
}
.tthc-detail .tab-pane h2 {padding-top:20px;font-size:18px;padding-left:10px;}
.tthc-detail .tab-pane h3 {font-size:14px;font-weight:bold;text-transform:uppercase;padding:20px 10px 20px 10px;}
.tthc-detail .tab-pane a {font-weight:normal;color:#795548}
.tthc-detail .tab-pane a:hover {color:#fd4300}
.tthc-detail .tab-pane .table {width:98%;margin:0 auto;}
.tthc-detail .tab-pane .table td, .table th {padding: 0.4rem 0.75rem;text-align:justify;}
.tthc-detail .tab-content>.active {padding-bottom:40px;}

.tthc-detail a.nav-link {color:#795548}
.tthc-detail .list-m {width:100%;float:left}

.tthc-detail .l-col {float:left}


.ttht .tab-content {min-height:200px!important;}
.ttht .tab-content .sharings {padding-right:5px;padding-bottom:20px;}
.ttht h2 {padding: 10px 20px;}
.ttht .nav-link {padding: 10px 0 10px 10px}
.ttht a.nav-link {font-size:15px;}
.ttht .nav-link.active {background: #FBF0E1!important;padding-right:10px;}
.ttht .support-cat-title {padding-top: 20px;padding-bottom:10px;font-size: 15px;font-weight:700;background:#fefaf4;}
    .guide_content {background: #f8f8f8;}
.ttht .tab-pane h2 {padding-top:20px;font-size:15px;text-transform:uppercase}
.ttht .tab-pane h3 {font-size:14px;font-weight:bold;padding:20px 0px 20px 0px;}
.ttht .tab-pane a {font-weight:normal;color:#795548}
.ttht .tab-pane a:hover {color:#fd4300}
.ttht .tab-pane .table {width:98%;margin:0 auto;}
.ttht .tab-pane .table td, .table th {padding: 0.4rem 0.75rem;text-align:justify;}

.ttht a.nav-link {color:#795548}
.ttht .list-m {width:100%;float:left}

.ttht .l-col {float:left}
.ttht .tab-content .hd-content {padding: 1px 10px 20px 10px;}
.ttht .tab-content .hd-content h2 {padding-top:20px;font-size:16px!important;text-transform:uppercase;color:rgb(253, 67, 0)}
.ttht .tab-content .hd-content  img{border:1px solid #795548;}




.show-list-tn {float:left;width:100%;padding-bottom:30px;}
.alphabet {margin:20px 0;text-align:center;}
.alphabet a {font-size:12px;padding:5px;}
.alphabet span {margin-top:10px;}
.content {padding:10px 5px;}
.content a {color:blue;text-decoration:underline} 
.tnpl {padding-bottom:30px;}
.list-item {margin-top:10px;}
.list-tn .paginations {float:right;margin-top:10px;}
.unpaid {width:300px;margin:0 auto;margin-bottom:40px;}
.show-all {border-radius: 5px;width:250px;cursor: pointer;margin:0 auto;font-size:14px;line-height:150%;text-align:center!important;padding:10px 15px;margin-top:40px;margin-bottom:10px;font-weight:700;}


.show-all-data {margin:0 auto;margin-top:20px;display:block;text-align:center;margin-bottom:30px;}
.show-all-data a {color:#fff;}
.hidden {display:none;}
.pricing-box-footer a.btn {color:#fff;}





/**PAYMENT*/
ul.bankList {
    clear: both;
  }
  ul.bankList li {
    list-style-position: outside;
    list-style-type: none;
    cursor: pointer;
    float: left;
    margin-right: 0;
    padding: 5px 2px;
    text-align: center;
    width: 90px;
  }
  .list-httt
  {
    width: 100%;
    margin:5px 0 20px 0;
    float:left;
  }
  .list-httt li {
    list-style: none outside none;
    margin: 0;
    margin-right: 10px;
    float: left;
  }
  
  .list-httt li .boxContent {
    display: none;
    border:1px solid #cccccc;
  }
  .list-httt li.active .boxContent {
    display: block;
  }
  .list-httt li .boxContent ul {
    width: 100%;
      margin: 0;
      padding: 0;
  }
  
  i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB 
  { width:80px; height:30px; display:block; background:url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;  
  
  border: solid 1px #e5e5e5;
    border-radius: 3px;
    padding: 16px;
  }
  i.MASTE { background-position:0px -31px}
  i.AMREX { background-position:0px -62px}
  i.JCB { background-position:0px -93px;}
  i.VCB { background-position:0px -124px;}
  i.TCB { background-position:0px -155px;}
  i.MB { background-position:0px -186px;}
  i.VIB { background-position:0px -217px;}
  i.ICB { background-position:0px -248px;}
  i.EXB { background-position:0px -276px;}
  i.ACB { background-position:0px -310px;}
  i.HDB { background-position:0px -341px;}
  i.MSB { background-position:0px -372px;}
  i.NVB { background-position:0px -403px;}
  i.DAB { background-position:0px -434px;}
  i.SHB { background-position:0px -465px;}
  i.OJB { background-position:0px -496px;}
  i.SEA { background-position:0px -527px;}
  i.TPB { background-position:0px -558px;}
  i.PGB { background-position:0px -590px;}
  i.BIDV { background-position:0px -620px;}
  i.AGB { background-position:0px -651px;}
  i.SCB { background-position:0px -679px;}
  i.VPB { background-position:0px -713px;}
  i.VAB { background-position:0px -744px;}
  i.GPB { background-position:0px -775px;}
  i.SGB { background-position:0px -806px;}
  i.NAB { background-position:0px -837px;}
  i.BAB { background-position:0px -868px;}
  
  
  li.bank-online-methods i
  {
    cursor: pointer;
  }
  li.bank-online-methods i:hover,
  .bank-online-methods-active,
  li.bank-online-methods i:active
  {
    border: solid 1px orange;
  }
  li.bank-online-methods input[type=radio]:checked
  {
    opacity: 1;
    display:block;
    margin:0 auto;
  }
  
  li.bank-online-methods input[type=radio] {
    opacity: 0.1;
    display:block;
    margin:0 auto;
}

.boxContent h2 
{
  font-weight:bold;
  font-size:120%;
}


   .support__bottom {
    position: fixed;
    width: 100%;
    height:45px;
    bottom: 0;
    z-index: 10;
    background-color: #795548;
}
.pagewrap, .support__bottom .pagewrap {
    width: 100%;
}

.support__bottom ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left:0;
}
.support__bottom ul li {
    list-style: none;
    padding: 5px 0;
    flex: 0 0 25%;
    text-align: center;
}

.support__bottom ul li a {
    font-size: 24px;
    color: #fff;
}

.support__bottom ul li a span {
    font-weight: 600;
}
.support__bottom ul li + li {
    border-left: 1px solid #ccc;
}

.support__bottom ul li:last-child a {
    font-weight: 600;
    -webkit-animation: text_animation_color infinite 1s;
    -o-animation: text_animation_color infinite 1s;
    animation: text_animation_color infinite 1s;
}
.support__bottom ul li:last-child a img {
    vertical-align: middle;
    width: 30px;
    margin-right: 5px;
}










.payment-step2 {width:100%;}
.payment-step2 h2 {text-align:center;font-size:1.2rem;color:#056f13;font-weight:700;margin-top:20px;}
.payment-step2 .order-detail {width:100%;margin:0 auto;padding:20px;}
.payment-step2 .order-code {text-align:center;font-style:italic;}
.payment-step2 .order-detail .customer-info {width:100%;margin-bottom:20px;}
.payment-step2 .order-detail .customer-info h3 {font-size:0.8rem;font-weight:600;padding:10px 0 0;}
.payment-step2 .order-detail .customer-info p {text-align:left}

.payment-step2 .order-info {width:100%;margin-bottom:20px;}
.payment-step2 .order-info h3 {font-size:0.8rem;font-weight:600;padding:10px 0 0;}
.payment-step2 .order-info li {text-align:left}
.payment-step2 .order-info span.packge-name {color:red;}

.payment-step2 .packages {margin:0 auto;text-align:center;}
.payment-step2 .packages p.thankyou {color:red;font-weight:bold;}

/* END PAYMENT*/



/*DOCS DETAIL====================*/






.main-elem { margin: 0 auto;   background-image: linear-gradient(120deg, #f0fa84 0%, #f8e408 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;  cursor: pointer;

  background-position: 0 88%;
  transition: background-size 0.25s ease-in;}
  .main-elem:hover{
    background-size: 120% 120%;
  color: #000;
  will-change: transition;
  }


.pointer
{
  border-radius: 20px;
  box-shadow: 2px 1px 13px -4px #333333;
}
.pointer, .pointer:hover, .pointer *, .pointer *:hover
{
  /*background: #f2e559;*/
  cursor: text!important;
}

.pointer:active, .pointer *:active
{
  cursor: move;
}
.pointer {cursor: text; position:absolute;
  overflow: auto;
}
canvas.pointy{
opacity: 0.75;
}
.pointer.ui-state-active { float: right; }
.pointy-active { z-index: 122222; }

.pointer .box-header h3
{
  font-size: .85rem;
  color: #FEFAF4!important;
  border-bottom:none;

}
.pointer .box-header:hover,
.pointer .box-header:hover *,
.pointer .box-header *:hover 
{
  /*background-color: #f7eb6d!important;*/

}
.pointer .box-header
{
  background: rgba(255, 255, 255, 0.25);
}
.pointer .box-header, 
.pointer .box-header * 
{
  /*background-color: #fff575!important;*/
  cursor: move!important;
}
.pointer .box-header
{
  padding-top: 7px!important;
  padding: 3px;
}
.pointer .small_text{
  padding-left:5px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
   color:#FEFAF4!important;
   border-bottom:none;
}
.pointer .box-tool
{
  top: 5px;
  right: 5px;
  background: none!important;
}
.pointer .box-tool *,
.pointer .box-tool *:hover
{
  background: none!important;
}
.pointer ul.nav li,
.pointer ul.nav li.active
{
  background: none;
}
.pointer ul.nav li a,
.pointer ul.nav li.active a

{
  border-bottom: 1px dashed rgba(120, 130, 140, 0.13);
}
.pointer ul.nav li .nav-text:hover,
.pointer ul.nav li.active .nav-text,
.pointer ul.nav li.active .nav-caret,
.pointer ul.nav li.active .nav-caret i,
.pointer ul.nav li:hover .nav-caret i
{
  /*background-color: #e2d653!important;*/
}
.pointer .nav-text
{
  cursor: pointer!important;
}
.pointer .box-tool ul.nav li a 
{
  padding: 0;
}
.pointer .box-tool a i.close
{
  cursor: pointer!important;
  color:#fff!important;
  border-bottom:none!important
}
.nav-dropdown {border-bottom:none!important}
.nav-dropdown h2 {font-weight:normal!important}
.nav-dropdown li {font-weight:normal!important;line-height:1.2rem}
.nav-dropdown .noi_dung_dan_chieu, .noi_dung_dan_chieu * {border-bottom:none!important;background-image:none!important;}
.nav-dropdown .tieu_de_dc {color:#fff!important;background-color:none!important;}
.nav-dropdown .noi_dung_huong_dan {color:#795548!important;width:100%!important;border-bottom:none!important;}
.nav-dropdown .noi_dung_huong_dan p {clear:both;background-color:none!important;}
.nav-dropdown span.dctd {color:#795548!important;text-align:justify!important;}
.nav-dropdown .noi_dung_box_danchieu {float:left;width:100%!important;text-align:justify;}

.dctd_hightligh {
  /* 
    cttd:hover .dctd_hightligh, dctd:hover .dctd_hightligh {
  */
  background-color: #FAF8BC!important;

}
  /* 
.dctd_hightligh * {
  background-size: 120% 120%!important;
  will-change: transition!important;
}
.noi_dung_box_chuthich .dctd_hightligh * {

  will-change: transition!important;
  background-image: linear-gradient(120deg, #f0fa84 0%, #f8e408 100%)!important;
  background-repeat: no-repeat!important;
  background-size: 100% 0.2em!important;
  background-position: 0 88%!important;
  transition: background-size 0.25s ease-in!important;
}
  */
.nav-dropdown .noi_dung_box_chuthich, .list_tds {border-bottom:none;}
.nav-dropdown .noi_dung_box_chuthich a:not([href]):not([tabindex]) {cursor:pointer!important;}

#nddctd .noi_dung_huong_dan p {font-weight:normal!important}
#nddctd .noi_dung_huong_dan {padding-top:10px;}
#nddctd #list_vb_versions_by_dates .panel-heading {color:#7b370d!important;font-size:14px;}
#nddctd #list_vb_versions_by_dates a {color:#004dff}
#nddctd #list_vb_versions_by_dates .modal span.badge-primary {background:#7b370d!important}
.nav-dropdown .noi_dung_box_danchieu a i {color:#0000ff!important;cursor:pointer!important;}
.nav-dropdown .dropdown-divider {border-bottom: 1px solid rgba(120, 130, 140, 0.13)!important}



.dch {height:45vh!important;}

#dcct_header {font-weight:700;background:#795548;border-color:#795548;color:#fff;padding:7px!important;}
#dcct_header span.h6{width:100%;}
#dcct_modal_content .panel .panel-default {padding-top:0!important}
#dcct_modal_content .tl-wrap {margin-left: 4.7em!important;}
#dcct_modal_content .tl-content {width:100%;padding-top:0!important;margin-top:2px;}
#dcct_modal_content .arrow.left:before {border-right-color:#FEFAF4!important}
#dcct_modal_content .arrow.left:after {border-right-color: #FEFAF4!important}
#dcct_modal_content .tl-date {margin-left: -6.6em!important;}
#dcct_modal_content .p-a {padding: 0.5rem !important;}
#dcct_modal_content .arrow.top:before {border-bottom-color:#FEFAF4!important}
#dcct_modal_content .arrow.top:after {border-bottom-color:#FEFAF4!important}
#dcct_modal_content .panel-heading, #dcct_modal_content .noi_dung_huong_dan {padding:0 10px;}



#ct_header {font-weight:700;background:#795548;border-color:#795548;color:#fff;padding:7px!important;}
#ct_header span.h6{width:100%;}
#ct_modal_content .panel .panel-default {padding-top:0!important}
#ct_modal_content .tl-wrap {margin-left: 4.7em!important;}
#ct_modal_content .tl-content {width:100%;padding-top:0!important;margin-top:2px;margin-left:-5px;}
#ct_modal_content .arrow.left:before {border-right-color:#FEFAF4!important}
#ct_modal_content .arrow.left:after {border-right-color: #FEFAF4!important}
#ct_modal_content .tl-date {margin-left: -6.6em!important;}
#ct_modal_content .p-a {padding: 0.5rem !important;}
#ct_modal_content .arrow.top:before {border-bottom-color:#FEFAF4!important}
#ct_modal_content .arrow.top:after {border-bottom-color:#FEFAF4!important}


#tnpl_header {font-weight:700;background:#795548;border-color:#795548;color:#fff;padding:7px!important;}
#tnpl_header span.h6{width:100%;}
#tnpl_modal_content .panel .panel-default {padding-top:0!important}
#tnpl_modal_content .tl-wrap {margin-left: 4.7em!important;}
#tnpl_modal_content .tl-content {padding-top:0!important;margin-top:2px;margin-left:-5px;}
#tnpl_modal_content .arrow.left:before {border-right-color:#FEFAF4!important}
#tnpl_modal_content .arrow.left:after {border-right-color: #FEFAF4!important}
#tnpl_modal_content .tl-date {margin-left: -6.6em!important;}
#tnpl_modal_content .p-a {padding: 0.5rem !important;}
#tnpl_modal_content .arrow.top:before {border-bottom-color:#FEFAF4!important}
#tnpl_modal_content .arrow.top:after {border-bottom-color:#FEFAF4!important}
#tnpl_modal_content h3 {font-size: 0.9rem;
    padding-top: 10px;
    float: left;
    width: 100%;
    font-weight: 700;padding-left:5px;}


#tnpl_modal_content .list-tn .list-item {float:left;width:100%}
#tnpl_modal_content .tn-content {padding:0 10px!important;}
#tnpl_modal_content .box-close {display:none}
#tnpl_modal_content .tnpl-search .form-control {float:left;width:96%;margin-left:7px;}
#tnpl_modal_content .tnpl-search .icon-search-bg {float: left;
    background-color: #fff;
    background-image: url("/sites/h/ht/htpl/themes/ls1/assets/images/s2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 38px;
    border: 1px solid rgba(0,0,0,.15);
    border-left-color: #fff;
    height: 38px;}


.main-elem { margin: 0 auto;   background-image: linear-gradient(120deg, #f0fa84 0%, #f8e408 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;  cursor: pointer;

  background-position: 0 88%;
  transition: background-size 0.25s ease-in;}
  .main-elem:hover{
    background-size: 120% 120%;
  color: #000;
  will-change: transition;
  }

.pointer
{
  border-radius: 20px;
  box-shadow: 2px 1px 13px -4px #333333;
}
.pointer, .pointer:hover, .pointer *, .pointer *:hover
{
  /*background: #f2e559;*/
  cursor: text!important;
}

.pointer:active, .pointer *:active
{
  cursor: move;
}
.pointer {cursor: text; position:absolute;
  overflow: auto;
}
canvas.pointy{
opacity: 0.75;
}
.pointer.ui-state-active { float: right; }
.pointy-active { z-index: 100; }

.pointer .box-header h3
{
  font-size: .85rem;
  color: #FEFAF4;
  padding: 0 6px;

}
.pointer .box-header:hover,
.pointer .box-header:hover *,
.pointer .box-header *:hover 
{
  /*background-color: #f7eb6d!important;*/

}
.pointer .box-header
{
  background: rgba(255, 255, 255, 0.25);
}
.pointer .box-header, 
.pointer .box-header * 
{
  /*background-color: #fff575!important;*/
  cursor: move!important;
}
.pointer .box-header
{
  padding-top: 7px!important;
  padding: 3px;
}
.pointer .small_text{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
   color:#FEFAF4;
}
.pointer .box-tool
{
  top: 5px;
  right: 5px;
  background: none!important;
}
.pointer .box-tool *,
.pointer .box-tool *:hover
{
  background: none!important;
}
.pointer ul.nav li,
.pointer ul.nav li.active
{
  background: none;
}
.pointer ul.nav li a,
.pointer ul.nav li.active a

{
  border-bottom: 1px dashed rgba(120, 130, 140, 0.13);
}
.pointer ul.nav li .nav-text:hover,
.pointer ul.nav li.active .nav-text,
.pointer ul.nav li.active .nav-caret,
.pointer ul.nav li.active .nav-caret i,
.pointer ul.nav li:hover .nav-caret i
{
  /*background-color: #e2d653!important;*/
}
.pointer .nav-text
{
  cursor: pointer!important;
}
.pointer .box-tool ul.nav li a 
{
  padding: 0;
}
.pointer .box-tool a i.close
{
  cursor: pointer!important;
}
.download-section {float:left;padding:20px 0;width:100%;}
.vb-download {border: 1px solid #eceeef;padding:0!important;margin:0 auto;height:60px;}
.vb-download .file-type {width:23%;float:left;padding:14px 5px;}
.vb-download .file-link {width:77%;float:left;padding:5px 10px;}
.vb-download .file-link a {font-weight:bold;color:#7b370d!important;opacity: 1!important;}

.not-login {margin:0 auto;max-width:100%;}
.not-login a, .docs-info a {color:#ff0000!important}
.must-login {color:#795548;margin-top:10px;text-decoration:underline;background:#FEFAF4}
.must-login a {text-decoration:none;}
.nav-dropdown p, .nav-dropdown table  {background:none!important;border-bottom:none;}
.nav-dropdown .box-body h1 {background-color:transparent!important;font-size:12px!important;}
.nav-dropdown .box-body span {background-color:transparent!important;color:#795548!important;text-align:justify!important;}
.nav-dropdown .noi_dung_huong_dan span.dctd {text-align:justify!important;border-bottom:none!important;}
.noi_dung_box_danchieu .noi_dung_huong_dan {text-align:justify!important;}
.nav-dropdown .noi_dung_huong_dan span.dctd a {border-bottom:none!important;}



.nav-dropdown .vanban_huongdan_ndtd {padding: 0 10px;}

.sharings {width:100%;padding-left:5px;margin-bottom:10px}
.sharings .item {float:right;width:auto;height: 20px;margin-right: 4px;}

/*END DOCS DETAIL*/


.contact-info {padding-top:20px;}

.text-justify
{
  text-align: justify;
}
.htpl {background:#FBF0E1;color:#795548}
#box_noi_dung_vb {background:#fff;padding-left:0;padding-right:0;}
.bgc {background:#FEFAF4}
.b-bgc {background:#FEFAF4}
.htpl1 {color:#000000}
.htpl2 {background:#795548;color:#FBF0E1}
.htpl3 {color:#795548}
.htpl4 {background:#FBF0E1}


.tnpl-title {color:#FEFAF4!important;margin-top:4px;font-weight:bold;white-space:nowrap;float:right;padding-left:10px;}
.tnpl-title .active a {color:#FEFAF4!important}
#tctn-button {margin-top:7px;float:right;}
#tctn-button a {float:right;color:#FEFAF4!important;margin-top:3px;}
.tnpl-search {width:100%;float:left}
.icon-stnpl {position: absolute;margin: 10px 0 0 15px;font-size:20px;}
.form-tracuu {
    padding: .3rem 1.8rem;
    font-size: 1rem;
    line-height: 1;
    font-size:14px;
    color: #795548;
    background-color: #fff;
    background-image: url('/sites/h/ht/htpl/themes/default/assets/images/s2.png');background-repeat: no-repeat;background-position: left center;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    margin:0px 10px 0 10px;
    float:right;
}
#form-tracuu::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ececec;
  opacity: 0.1; /* Firefox */
}



.dropdown-divider2 {
    background-color: #FBF0E1;height: 1px;
    margin: .5rem 0;
    overflow: hidden;
}
.dropdown-menu {background:#FBF0E1;color:#795548}
#box_noi_dung_vb .nav-tabs .nav-item {text-align:center;}
#rightdocinfo {float:left;background:#fff;}
#rightdocinfo .docs-info {background:#FEFAF4;font-size:14px;color:#000;width: 100%;}


#rightdocinfo .docs-info .box-tool {position: absolute;right: -7px;top: 5px;}
#rightdocinfo .docs-info h1 {font-size:1rem;text-align:justify;padding: 0.7rem 0.5rem 0.1em;line-height:1.4;}
#rightdocinfo .docs-info ul {padding-left:5px;font-size:13.8px;}
#rightdocinfo .download-section {float:left}
#rightdocinfo .download-section .vb-download {float:none;}
#rightdocinfo .download-section .vb-download .file-type {width:15%;padding:14px 5px}
#rightdocinfo .vb-download .file-link {color:#795548}
#rightdocinfo .vb-download .file-link a {font-size:100%;}
.switcher  {border-radius:0 0 4px 0;background:#795548}
.ul-bg {border-radius:0 0 0 4px;}
.form-control:disabled, .form-control[readonly] {background-color: #FBF0E1;}

#doc-tools {width:100%;background:#795548;border-radius:0 0 4px 4px;z-index:4;}
#doc-tools:-webkit-scrollbar { display: none;}
#doc-tools #tab-docs {float:left;width:45%;}
#doc-tools #tnpl-search {float:right;width:55%;}
.TaiVanBan {text-align:center}
.form-control {color:#795548}
.close {opacity:1!important}
.social-login {;width:100%;float:left;text-align:center}
.social-login .facebook-login {width:280px;margin:0 auto;}
.social-login .facebook-login .fb-login-button {height:40px!important;}
.facebook-login a {
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: #4267b2;
    border-radius: 4px;
    text-align:center;

}
.facebook-login a span {
    display: block;
    float: left;
    width: 24px;
    height: 40px;
    margin-left: 8px;
    background: url('/sites/h/ht/htpl/themes/default/assets/images/facebook.svg') 50% no-repeat;
    background-size: 24px;
}
#my-signin2 {width:280px;margin:0 auto;margin-top:10px;}
#my-signin2 .abcRioButtonBlue {border-radius:4px 4px 4px 4px;}
#my-signin2 .abcRioButtonBlue .abcRioButtonIcon {border-radius:4px 4px 4px 4px;}
#my-signin2 .abcRioButtonContents {margin-left:-10px!important;color:#fff;font-size:17px!important;font-weight:700;}
/* 
.social-login .google-login {width:280px;text-align:center;margin:0 auto;}
.g-signin2 {float:left!important;margin-top:10px;}
.g-signin2 .abcRioButton {width:280px!important;height:40px!important;}
.g-signin2 .abcRioButtonIcon {padding:8px;background:#fff;margin-left:4px;border-radius:4px 4px 4px 4px}

.g-signin2 .abcRioButton {padding-top:2px;background:#cf4332!important;border-radius: 4px 4px 4px 4px;}
.g-signin2 .abcRioButtonContentWrapper {background:#cf4332!important;padding:4px} 
*/


.exco_vb {margin-top:1px;font-size:20px;margin-right:10px;}

.slide_intro a {color:#ea4335}
.related-slides h3 {font-size:16px;font-weight:700;}
.breadcrumbs {margin:0 auto;padding-left:0!important;margin-bottom:10px!important;color:#c3c3c3}
.breadcrumbs a {color:#c3c3c3}
#form-search-all .form-control {border: 2px solid rgba(0,0,0,.15)!important;}





#loginform .nav-item span.arrow {display:none;}
#loginform .nav-item .active span.arrow {display:block;}

#loginform .nav-item a {border-radius:4px}



  .tlc {text-transform: lowercase}
  .button-submit {background: #795548;color: #fff;cursor: pointer;border-color: #795548}
  .modal-body a.link {color:#795548!important;}
  .modal-body a.link2 {color:#f00 !important}


.fb {
  border-color: #ded4d0;
  background:#fff;
  font-size:14px;
  padding: 5px 12px 5px 7px;
}
.fb svg {float:left;margin-right:5px;}
.fb span {float:left;padding-top:5px;  color: #795548;}
.google {
  border-color: #ded4d0;
  font-size:14px;
  background:#fff;
  padding: 5px 28px 5px 7px;
}
.google svg {float:left;margin-right:5px;}
.google span {float:left;padding-top:5px;  color: #795548;}

.email {
  border-color: #ded4d0;
  font-size:14px;
  background:#fff;
  padding: 5px 37px 5px 7px;
}
.email svg {float:left;margin-right:5px;}
.email span {float:left;padding-top:5px;  color: #795548;}


.email-reg {font-size:14px;text-align:center;height:30px;width:60%;border-radius:4px 0 0 4px; border-color: #ded4d0;margin:0 auto;}

.modal-mailreg {text-align: center; position: absolute; top: 0; left: 0; padding-top:7px;width:100%;color:#795548}
.div-mailreg {width:100%;margin:0 auto;margin-bottom:7px;height:30px;padding-left:20px;}
.div-mailreg .stitle {float: left;margin-right: 10px;padding-top: 4px;width:100px;}
.div-mailreg input[type=text] {float:left;text-align:left}
.div-mailreg input[type=password] {float:left;text-align:left}


.div-changepw {width:100%;margin:0 auto;margin-bottom:7px;height:30px;padding-left:0;padding-right:0;}
.div-changepw .stitle {float: left;margin-right: 10px;padding-top: 4px;width:128px;}
.div-changepw input[type=text] {float:left;text-align:left}
.div-changepw input[type=password] {float:left;text-align:left}
.input-pw {font-size:14px;text-align:center;height:30px;width:55%;border-radius:4px 0 0 4px; border-color: #ded4d0;margin:0 auto;}


.ip-payment {height:25px;max-width:140px;float:left;margin-right:5px;font-size:13px;margin-bottom:5px;margin-top:5px;border: 1px solid #dcdcdc!important;background: #fff!important;}
.btn-brown {color: #fff;background-color: #795548;border-color: #795548;}

#tab_noi_dung_vb table {width:100%!important;margin-left:0px!important;}
#tab_noi_dung_vb table, #tab_noi_dung_vb td, #tab_noi_dung_vb tr {background:#FEFAF4!important;color: #000;
    font-size: 100%;}

#tab_noi_dung_vb p, #noi_dung_du_thao p {background:none!important}
p.vb-links {color:#795548;}
p.vb-links a {padding-left:0!important;background:none!important;padding:0;font-weight:normal!important;color:#ea4335!important;cursor:pointer!important;line-height:1.25rem!important;border-bottom:none;text-decoration:underline}
p.vb-links a:hover {cursor:pointer!important;color:#ea4335!important}
p.vb-links strong {border-bottom:none;}

.chuthichtudong dctd, .noi_dung_dan_chieu, a.noi_dung_dan_chieu, .dan_chieu_tu_dong, a.dan_chieu_tu_dong
{
  color: blue!important;
  cursor: pointer;
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  background-repeat: no-repeat;
  background-size: 100% 0;
  background-position: 0 98%;
  transition: background-size 0.25s ease-in;
  border-bottom: dashed 1px #030d94;
}
.noi_dung_thay_doi, a.noi_dung_thay_doi,.chuthichtudong,.chuthichtudong p, cttd.chuthichtudong
{
  cursor: pointer;
  background-image: linear-gradient(120deg, #f0fa84 0%, #f8e408 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
}
.noi_dung_thay_doi, a.noi_dung_thay_doi,.chuthichtudong, cttd.chuthichtudong span span {color:inherit!important;}
.noi_dung_dan_chieu:hover,
.noi_dung_dan_chieu>a:hover,
.noi_dung_thay_doi:hover,
.noi_dung_thay_doi>a:hover,.dan_chieu_tu_dong:hover,
.dan_chieu_tu_dong>a:hover,
.chuthichtudong:hover,
.chuthichtudong>a:hover  {
  transition: background-size 0.25s ease-in;
  background-size: 120% 120%;
  color: #000;
}
.f-docs a {float:left;font-weight:700;margin-bottom:5px;width:100%;}
.f-docs a:hover {color:#ea4335} 
.docs-option a {color:#795548!important;font-size:0.85rem;}
.docs-option a:hover {color:#ea4335!important;font-size:0.85rem}
.toanvan {color: #2196f3 !important;}
#tab_noi_dung_vb ol {padding-inline-start: 0!important;}
#tab_noi_dung_vb ol ol {padding-inline-start: 0!important;}
.nav-dropdown .list_tds {border-bottom:none!important}
.nav-dropdown .navside {border-bottom:none!important}
.nav-dropdown .box-header,.nav-dropdown .box-divider {border-bottom:none!important}
.pointer .box-tool {border-bottom:none!important}

.fa-quote-right:before {
    content: "\f10e";
}
.fa-quote-left:before {
    content: "\f10d";
}
.hdpl-detail .panel-body i.fa {color:#795548!important}
.hdpl-detail a {color: #ea4335;}


.contact-us{z-index:1000;position:fixed;bottom:120px;width:65px;height:172px;}
.contact-us .contact-us-cta{position:absolute;top:67px;left:-87px;cursor:pointer;background:#b87b65;color:#fff;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);padding:5px 10px;width:174px;height:40px;border-radius: 5px 5px 0px 0px;}
.contact-us .contact-us-cta p{margin:auto;font-family:Roboto,sans-serif;font-weight:400;font-size:16px}
.contact-us .contact-us-cta p span {margin-top:10px;font-size:15px!important}
.contact-us .contact-us-panel{border:1px solid #f9f9f9;border-top:1px solid #eee;padding: 12px 10px 0 25px;background:#fff;display:inline-block;width:65px;height:172px;}

.contact-us ul{margin-bottom:0}
.contact-us li{clear:both;list-style:none}
.contact-us .icon{float:right;color:#b87b65;margin-top:2px}
.icon i{width:19px!important}
.contact-us .description{padding-left:0;margin-bottom:20px}
.contact-us .description #recall{background:#b87b65;color:#fff;border-radius:0}
.contact-us .description input,.contact-us .description textarea{border-radius:0}
.contact-us .description textarea{max-width:100%}
.contact-us #frm-contactUs .result,.wrap-register-email .result{margin-bottom:15px;font-size:14px}
.contact-us #frm-contactUs .result.success,.wrap-register-email .result.success{color:green}
.contact-us #frm-contactUs .result.error,.wrap-register-email .result.error{color:red}
.contact-us li p{margin-bottom:2px}
.contact-us .contact-us-panel > p{font-size:15px;text-transform:capitalize;font-weight:700}
.htpl-support a {margin-bottom:11px;}


#hoi-dap blockquote {padding: 10px;background: #FBF0E1; border-radius: 5px;font-style: italic;}

.list-article {float:left;}
.list-article .list-title h2 {
    background: #FBF0E1;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    color: #795548;
    padding: 10px;
}
.list-article .article-item {float:left;padding: 10px 15px;background: #FBF0E1; border-radius: 4px 4px 4px 4px;margin-bottom: 10px;border-left: 3px solid #FEFAF4;}
.list-article .article-item-image {
    height: 100%;
    width: 100%;
}
.list-article .article-image {background-repeat: no-repeat!important;background-size: cover!important;height: 100%;width: 100%;background-position: center center!important;overflow: hidden;border-radius: 4px 4px 4px 4px;border: 2px solid #FEFAF4;margin-bottom:10px;position: relative;display: block;}

.list-article .article-title {float: left;height: 50px;width: 100%;}
.list-article h3 {
    color: #795548;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: left;
    line-height: 23px;
}
.list-article .article-item img {
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #FEFAF4;
}
.list-article .article-item p {background:none!important;}
.list-article .article-item .col-md-4 {padding-left:0;padding-right:0;}
.list-article .article-item .col-md-8 {padding-right:0;}


/*Responsive=============================*/

@media only screen and (max-width: 240px) { 
#tabvb {max-width:100%!important;}

}

@media (width: 375px) { 
#packages-list .list-item {padding-left:30px!important;}
}



@media only screen and (max-width: 414px) { 
  span.tip_message
  {
    min-width: 500px!important;;
  }
  .tab-content {min-height:auto;background:#FEFAF4;float:left;width:100%;}
  .search-radio {width:95%;margin:0 auto;}
  .search-radio label {margin-right:15px;}
  .flag-text {display:none;}
  #tabvb a.nav-link {padding: .7em 0.35em;}
  .modal .modal-content {margin-top: 80px;}
  #sw-theme {z-index:3;}
  .switcher {top:83px;}
  .tn-mobile {max-height:350px;text-align:justify}
  .hidden-d {display:block;}
  #packages-list .list-item {padding-left:30px!important;}
  .list-tn .list-item {border-radius:4px 4px 4px 4px;}
  .buy-packages {margin-top:70px;}
  #tab_noi_dung_vb, #noi_dung_du_thao {padding: 10px;color:#000!important;background:#FEFAF4;}
  #tabvb {z-index:999;}
  #right-doc-info h1.tieu_de_vb {font-size: 18px}
  ul.nav-tabs {overflow-x:auto;overflow-y:hidden;height:37px;}
  ul.nav-tabs {margin-left:0!important;}
  ul.nav-tabs::-webkit-scrollbar {width: 1px;height:0px}
  #tctn-button {display:none!important;}
  #rightdocinfo {display:none;}
  .vb-download {width:100%!important;}
  #box_noi_dung_vb {background:#FEFAF4;}
  .docs-info ul {padding-left:10px;}
  .docs-info ul li.mar0 {
        list-style: none;
        margin-right: 0px;
        width: 49%;
        float: left;
        line-height: 220%;
        border-bottom: 1px solid #ececec;
    }
  #toc-content {max-height: 80vh;!important}
  .toc-list {max-height: 60vh!important}
  .toc-list .chuong-title, .toc-list .phan-title {padding-left:5px;!important}
}




@media only screen and (max-width: 480px) and (min-width: 415px) {
.list-httt li {margin: 0;float: left;min-width: 25%;width: 25%;}
#tctn-button, #rightdocinfo {display:none;}
.m-t-50 {margin-top:50px;}
a.hieuluclist
{
	color:#fff!important;
	font-weight: normal!important;
	font-size: 80%!important;
}
.docs-info ul {padding-left:10px;}
  .docs-info ul li.mar0 {
        list-style: none;
        margin-right: 0px;
        width: 49%;
        float: left;
        line-height: 220%;
        border-bottom: 1px solid #ececec;
    }
  ul.nav-tabs {margin-left:0!important;}
  #toc-content {top:8vh;max-height: 75vh!important;}
  .toc-list {max-height: 70vh!important;}
  .toc-list .chuong-title {padding-left:5px;}
}


@media (width: 600px) {
#box_noi_dung_vb .nav-tabs .nav-item {padding-left:0!important;padding-right:0!important}
#tctn-button, #rightdocinfo {display:none!important;}
}


@media (width: 640px) {
#box_noi_dung_vb .nav-tabs .nav-item {padding-left:0!important;padding-right:0!important}
#tctn-button, #rightdocinfo {display:none!important;}
}



@media only screen and (max-width: 767px) {
ul.nav-tabs {padding-left:0!important;padding-right:0!important}
.div-mailreg {padding-left: 20px;}
#docs-tools-m {padding: 1px 5px;width:100%;background:#795548;z-index:4;height:45px;left:0;}
#docs-tools-m .docs-tool {color:#fff;float:left;margin-top: 10px;width:100%;}
#docs-tools-m .docs-tool a {font-size: 16px;float:left;margin-left:10px;padding: 0 6px;color: #fff;}
#docs-tools-m .doc-font {float:right;margin-right:5px;}
#docs-tools-m .docs-font a {font-size: 22px!important;float:left;margin-left:10px;background: #795548!important;padding: 0 6px;color: #795548!important;}
}

@media only screen and (max-width: 768px) {
  .app-header-homepage {display: none;float:right;width:0px;}
  .homepage .search_icon img {text-align:center;margin: 0 auto;display: block;height:45px;}
  .homepage {padding-top:100px;}
  .input-group {width:96%;margin:0 auto;margin:0 auto;}
  .m-t-s {margin-top:80px;}
  .search-radio label {margin-right:20px;}
  .hidden-m {display:none!important}
  .p-f {position:fixed;z-index:1000;top:0;width:100%;margin-bottom:35px;}
  #right_info_col .navside ul.nav-sub, #right_info_col .navside ul.nav {position:inherit}
  #packages-list {float:left;padding-top:50px;margin-bottom:40px;}
  .tk-list {text-align:left}
  .member-page {padding-top:60px;}
  .switcher {top:85px;}
  #ajax_tra_cuu {float:left;padding-bottom:20px;background:#FEFAF4;border-radius:0px 0px 4px 4px;}
  #packages-list .list-item {padding-left:10px!important;}
  #box_noi_dung_vb .nav-tabs .nav-item {padding-left:0;padding-right:0}
.tnpl-title {display:none;}
.form-tracuu {max-width:210px;margin:0!important;font-size: 11px!important;}
.exco_vb {margin:0 5px;}
.content1 {padding:20px 5px;}
ul.nav-tabs {margin-left:3px;}
.list-httt li {margin: 0;float: left;min-width: 90px;width: 33.33%;max-width: 25%;}
.docs-info ul li.mar0 {width:100%!important}
.div-mailreg {padding-left: 20px;}
}


@media only screen and (min-width: 768px) { 
.div-mailreg {padding-left: 40px;}
.list-group-sm .list-group-item {padding:5px;}
.navside .nav li li li a {padding-left:0!important;font-weight:normal;text-align:left;line-height:120%;background:none;color:#333;}
.navside .nav li li a {padding-left:5px;font-weight:bold;text-align:left;background:#eaeaea;color: #6b2b00;}
.docs-info {float:left;padding:10px;border: 1px solid #f1f1f1;}
.docs-info ul {float:left;width:100%;padding-left:13px;}
.docs-info ul li.mar10 {list-style:none;margin-right:7px;width:49%;float: left;line-height: 220%;border-bottom: 1px solid #ececec;}
.docs-info ul li.mar0 {list-style:none;margin-right:0px;width:49%;float: left;line-height: 220%;border-bottom: 1px solid #ececec;}
.download-links {text-align:center;margin:0 auto;}
#right_info_col .navside ul.nav-sub, #right_info_col .navside ul.nav {position: relative;float:left;}
._360 {height:330px!important;margin:0px 0 30px 0;}
.sticky {position: relative;overflow-y: scroll;}
.w90 {padding-left:10px;font-weight:600;border-bottom:1px solid #d2d1d1;}
#sidebar_right_doc_info {z-index:2;}
.logig-form {max-width: 98%;}
#tabvb {z-index:2;}

 .app-header-homepage {display: block;float:right;margin:5px 10px;}
  .input-group {width:60%;margin:0 auto;}
  .homepage {width: 100%;margin:0 auto;}
  .navbar-brand {padding-top:5px;}
  .m-t-s {margin-top:50px;}
  .tk-list {text-align:right;}
  .switcher.active {z-index:3;}
    .switcher h2 {font-size:16px;}
  .switcher .sw-btn {padding: 7px 15px 7px 10px;}
  #sidebar_right_doc_info {float:left;}
  .row_vb_details {margin-top:0px;}
  .row_vb_details .modal {z-index: 888;}
  button.close {
  padding: 5px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;}
  .modal .panel-default .panel-heading {
    padding: 10px 15px 10px 0px;color:#795548!important;
  }
  .modal span.badge-primary {background:#795548!important;padding: 4px 6px!important;color:#fff;}
  .modal .panel-default {padding:10px;}
  #ajax_tra_cuu {float:left;background:#FEFAF4;border-radius:4px 4px 4px 4px;margin-left:12px;margin-bottom:20px;}
  #ajax_tra_cuu .box-close {width:20px;position: absolute;right: 14px;top: 8px;}
  #ajax_tra_cuu .list-tn {overflow-y:auto;max-height:82vh;}
  .tn-mobile {max-height:350px;text-align:justify}
  .hidden-d {display:none;}



.nav-dropdown .panel .panel-default {padding-top:0!important}
.nav-dropdown .tl-wrap {margin-left: 4.7em!important;}
.nav-dropdown .tl-content {width:100%;padding-top:0!important;margin-top:2px;}
.nav-dropdown .arrow.left:before {border-right-color:#FEFAF4!important}
.nav-dropdown .arrow.left:after {border-right-color: #FEFAF4!important}
.nav-dropdown .tl-date {font-size:0.7rem!important}
.nav-dropdown .p-a {padding: 0.5rem !important;}
.nav-dropdown .arrow.top:before {border-bottom-color:#FEFAF4!important}
.nav-dropdown .arrow.top:after {border-bottom-color:#FEFAF4!important}
.nav-dropdown .ndhd {padding-left:10px!important;-webkit-user-select: initial;}

.package-item {margin:0 auto;border:1px solid #e0e0e0;margin-top:10px;width:100%;/*max-width:650px*/;padding-left:25px;}
.package-item label {width:100%;}
.package-item .p-name {font-weight:700;font-size:1rem;color:#795548;text-align:left;padding-left:0;padding-right:0}
.package-item .p-name .p-price {font-weight:700;float: right;text-align: right;color:#795548;}
.package-item i.brown{color:#fff;}
.package-item:hover {border:1px solid #795548;background:#FEFAF4;cursor: pointer;}
.package-item:hover i.brown{color:#795548!important;}

.package-item:hover > i:before {border: 2px solid #000!important;}
.package-item input[type="radio"]:checked+label {
    background:#FEFAF4;
}







}


@media (width: 768px) {
  .text-2x{ font-size: 1.5em}
  .switcher {top:240px;width:300px;right:-300px;}
  #box_noi_dung_vb .nav-tabs .nav-item {padding-left:0;padding-right:0}
  #tabvb {width:768px;margin-left:-5px;}
  .col-md-9,.col-md-11 {max-width:98%!important;margin:0 auto;}
  .noi-dung-chinh .col-md-9 .padding {padding-left:0!important;padding-right:0!important}
  .news {margin-top:50px!important;}
  #form_dat_cau_hoi h3.section-title {font-size:1rem!important;font-weight:bold;}
  .search-form {width:96%;margin:0 auto}
  }

}

@media (width: 800px) {
#box_noi_dung_vb .nav-tabs .nav-item {padding-left:0!important;padding-right:0!important}
.tnpl-title {display:none;}
}




@media (max-width: 1023px) {
#box_noi_dung_vb .nav-tabs .nav-item {padding-left:0!important;padding-right:0!important}
  .text-2x{ font-size: 1.5em}
  #nddctd .dcbd {width:100%;background-image: linear-gradient(120deg, #ffffff 0%, #bfd5e0 100%);    border-left: 1px solid #f5f5f5;}
  #nddctd .modal {position:absolute!important;}
  #packages-list .list-item {padding-left:10px}
  .docs-info ul li.mar0 {width:100%!important;}
  .tnpl-title {display:none!important}
  .form-tracuu {width:82%!important;font-size:11px!important;}
  ul.nav-tabs {padding-left:0!important;padding-right:0!important;}
}

@media (width: 1024px) {
  #box_noi_dung_vb .nav-tabs .nav-item {padding-left:0!important;padding-right:0!important;}
  .tnpl-title {padding-left:0!important}
  #packages-list .list-body {padding-left:10px!important;}
}



@media only screen and (min-width: 1025px) {
 #box_noi_dung_vb .nav-tabs .nav-item {padding-left:7px;padding-right:7px}
#packages-list .list-item {margin-top:0px;padding-left:30px!important;}
#nddctd .dcbd {width:100%;background-image: linear-gradient(120deg, #ffffff 0%, #bfd5e0 100%);border-left: 1px solid #f3f3f3;border-left: 1px solid #f5f5f5;}
#nddctd .modal {position:absolute!important;}
}


.md-check:hover > i:before {border: 2px solid #795548;}
.service-list .list-item {color:#795548;background:#fff;margin-top:0px;padding:5px 0px 5px 25px;width:50%!important;float:left;}
.new-payment h3 {font-size:13px;color:#795548;font-weight:700;}

@media only screen and (min-width: 450px) { 
#modal_login_v2 .modal-dialog,
#modal_login_v2_price_only .modal-dialog,
#modal_login_v2_view_answer .modal-dialog,
#modal_noi_dung_tra_phi .modal-dialog,
#check-order .modal-dialog,
#thoa_uoc_su_dung .modal-dialog,
#service_payment .modal-dialog,
#check-sv-order .modal-dialog,
#toc-content .modal-dialog 
 {
  /*min-width: 75%!important;*/
  margin-top:10px;
}

}

.toc-list {float:left;margin:5px 0 20px 0;max-height:90vh;width: 100%;}
.toc-list ul {float:left;padding:5px;list-style:none;width:100%;margin-bottom:0;}
.toc-list ul li {padding: 3px 0;border-bottom: 1px dashed rgba(120, 130, 140, 0.13);}
.toc-list ul li a:hover {color:#795548}



@media only screen and (max-width: 480px) {
.service-list .list-item {color:#795548;background:#fff;margin-top:0px;padding:5px 0px 5px 0px;width:50%!important;float:left;}
.package-item {margin:0 auto;border:1px solid #e0e0e0;margin-top:12px;width:100%;max-width:650px;padding-left:25px;}
.package-item label {width:100%;border-radius: 5px;}
.package-item .p-name {font-weight:700;font-size:0.9rem;color:#795548;text-align:left;white-space:nowrap;width:100%;}
.package-item .p-name .p-price {font-weight:700;float: right;text-align: right;color:#795548;}
.package-item i.brown{color:#fff;}
.package-item label:hover {border:1px solid #795548;background:#FEFAF4;cursor: pointer;}
.package-item label:hover i.brown{color:#795548!important;}
.package-item label:hover > i:before {border: 2px solid #000!important;}
.package-item label input[type="radio"]:checked+label {
    background:#FEFAF4;
}
}
.customer-info {width:100%;float:left;border: 1px solid #e0e0e0;border-radius: 5px;color:#795548;padding:7px 10px;margin-bottom: 10px}
.list-httt {width:100%;float:left;border: 1px solid #e0e0e0;border-radius: 5px;color:#795548;}






@media only screen and (max-width: 768px) {
.customer-section, .package-section {padding-left:2px;padding-right:2px;}
.payment-section {padding: 5px 0 0 0;}

}


.ip-customer {
  width:100%;
    height: 25px;
    float:left;
    margin-right: 5px;
    font-size: 13px;
    margin-bottom: 2px;
    margin-top: 2px;
    border: 1px solid #dcdcdc!important;
    background: #fff!important;
}
.list-httt label {
  width:100%;
}
.httt-name {
    padding: 3px 0 0 10px;
    font-weight: 600;
    color: #795548;
    font-size: 12.5px;
    text-align:left;
}


@media only screen and (width: 768px) { 
#modal_noi_dung_tra_phi .modal-dialog,
#check-order .modal-dialog,
#check-sv-order .modal-dialog,
#toc-content .modal-dialog {min-width: 90%!important;margin-top:10px;}

.md-check > i {margin-right:22px!important;}
.package-item .p-name {font-size:0.8rem;}
.payment-name label {padding-left: 15px;}
.list-httt {padding-top:0!important;}
.list-httt label {margin-bottom: .2rem;}
.httt-name {font-size: 10.2px;}
}

.show-hide {width:100%;color:red;cursor: pointer;margin-top:15px;}
.error-alert {width:100%;}
.tn-noidung {line-height: 25px;text-align: justify;}
.tn-noidung h2 {font-weight:700;font-size:16px;padding:10px 0}
.docs-heading {font-weight: 600;background: #795548;color: #fff;padding: 7px;border-radius: 5px;}
.nav-link {
    display: block;
    padding: 0.5em 0.7em!important;
}


.known {color:#ff0000!important}
.tip-info {
    font-size: 12px;
    color: #666;
    margin-left: 3px;
    position: relative
}

.tips-register-login-content {
    display: none;
    margin-top: -13px;
    position: absolute;
    z-index: 9999;
    min-width: 96px;
    padding-top: 10px;
    left: 0px;
    width: 370px;
    text-align: left
}

.tips-register-login:hover .tips-register-login-content {
    display: block
}

.tips-register-login-content a {color: #ff0000!important;}
.must-login a {color: #ff0000!important;text-decoration:none}
.tooltip-text {
    font-size: 12px;
    text-align: center;
    border: dashed 1px #795548;
    background-color: #e1cba9;
    width: 100%;
    float: left;
    border-radius: 3px;
    padding: 7px;
    position: relative;
    line-height: 160%;
}

.support-text {background:#FBF0E1;margin:0 auto;margin-bottom:10px;text-align:center;font-size:16px;padding:5px 0!important;color:#ea4335}
.adsbygoogle {margin:0 auto;}
.ads-under-s {margin:0 auto;margin-bottom:10px;margin-top:20px;text-align:center;}
.ads-under-s-m {margin:0 auto;text-align:center;margin:0 5px;}
.md-check:hover > i:before {border: 2px solid #795548;}
@media only screen and (min-width: 450px) { 
#modal_login_v2 .modal-dialog,
#modal_login_v2_price_only .modal-dialog,
#modal_noi_dung_tra_phi .modal-dialog
 {
  /*min-width: 50%!important;*/
}
}
/*ban an*/
#right-ba {float: left;width:100%;background:#FEFAF4}

.ba-list .list-title h1 {
    background: #FBF0E1;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}
.ba-list .list-item {
  padding-left:  10px!important;
}

.ba-detail {float: left;padding: 10px;margin-bottom: 20px;}
.ba-detail h1 {font-size: 1.1rem;
    padding: 1rem 0.5rem 0.3rem;
    font-weight: 700;}

.ba-detail .ba-info ul {
    float: left;
    width: 100%;
    padding-left: 13px;
}
.right-ba-info {float: left;background: #FEFAF4;color: #000;padding: 15px 15px 0 15px;}
.right-ba-info ul {padding-left: 0;float:left}
.right-ba-info h1 {
    font-size: 1rem;
    text-align: justify;
    font-weight:  700;
    line-height: 150%;
}
.ba-info ul li.mar0 {
    list-style: none;
    margin-right: 0px;
    width: 100%;
    float: left;
    line-height: 220%;
    border-bottom: 1px solid #ececec;
}

#ba-right-col .ajtc .box-close { 
    width: 20px;
    position: absolute;
    right: 40px!important;
    top: 10px;
}
#ba-right-col .ajtc {margin-left:0px!important;}
.ba-search {padding:5px;}
.ba-search .form-control {height:34px!important;}
.ba-search label {font-weight:700;margin-bottom: 0.25rem;}
.ba-search select {font-size:14px;height: 34px!important;} 
.ba-search .btn {padding: 0.25rem 1rem;}
.ba-search button {margin-left:5px;}
/*end ban an*/

/*an le*/
#al_content, #ba_content {background: url('/uploads/images/ba-al-bg.png') no-repeat center 50px;position: relative;text-align:justify;color:#000;width:100%;float:left;}
#ba_content dl, #ba_content ol, #ba_content ul {padding-left: 15px}

#ba_content table {width:100%}


.al-list {padding-left: 6px;padding-right: 6px;}
.al-list .list-title h1 {
    background: #FBF0E1;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}
.al-list .list-item {
  padding-left:  10px!important;
  margin-top: 0px!important;
  float:left;border-left:5px solid #fff;border-radius:5px
}
.al-list .list-body {height: 40px}
.al-list .list-body a:hover {color:#ea4335}
.al-list ul {list-style: none;padding-left: 0;float:left;color:#000;margin-bottom:0;}
.al-list ul li {margin-bottom: 5px;float:left;width:100%;}
@media only screen and (max-width: 414px) {
.al-list .list-item {height: 145px!important;}
.al-list ul li {margin-bottom: 5px;float:left;width:50%;}
}
.al-list ul li i.fa {float:left;padding-top:3px;margin-right:5px;font-size: 11px;}
.al-list ul li span.att-title {width: 63px;float:left}
.al-list ul li.100p {width:100%;}
.al-detail {float: left;padding: 10px;margin-bottom: 20px;}
.al-detail h1 {font-size: 1.1rem;
    padding: 1rem 0.5rem 0.3rem;
    font-weight: 700;}

.al-detail .al-info ul {
    float: left;
    width: 100%;
    padding-left: 13px;
}
.right-al-info {float: left;background: #FEFAF4;color: #000;padding: 15px;}
.right-al-info ul {padding-left: 0;float: left}
.right-al-info h1 {
    font-size: 1.1rem;
    padding: 1rem 0.5rem 0.3rem 0;
    font-weight: 700;
}

.right-al-info h3 {
    font-size: 1rem;
    text-align: justify;
    font-weight:  700;
    line-height: 150%;
}
.al-info ul li.mar0 {
    list-style: none;
    margin-right: 0px;
    width: 100%;
    float: left;
    line-height: 220%;
    border-bottom: 1px solid #ececec;
}
#al-right-col .ajtc .box-close { 
    width: 20px;
    position: absolute;
    right: 40px!important;
    top: 10px;
}
#al-right-col .ajtc {margin-left:0px!important;}
/*an le*/


#textSelectionTooltipContainer {
  will-change: transform;
  position: absolute;
  background: #795548;
  color: #fff;
  top: 5px;
  left: -50px;
  display: flex;
  padding: 5px 0;
  box-sizing: border-box;
  justify-content: center;
  border-radius: 4px;
  z-index: 999;
}

#textSelectionTooltipContainer button {
  font-size: 14px;
  border: 0;
  background: none;
  cursor: pointer;
  margin: 0 2px;
  color: #fff;
}
.bottom-arrow {
      border-bottom: 5px solid #6A0136;
}
.bottom-arrow:after {
    content:'';
    position: absolute;
    top: 100%;
    left: -60px;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 7px solid #795548;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.question-hdpl {
	padding: 10px!important;
    background: #FBF0E1;
    border-radius: 5px;
    border: dashed 1px #795548;
    margin: 10px 0;
    width:100%
}
.question-hdpl p {font-style:italic;margin-bottom:0;}
.related-hd {padding:3px 0}
.p-l-0 {padding-left: 0!important;}
.p-l-10 {padding-left: 10px!important;}
.microphone {border: none;border-radius: 2px;cursor: pointer;height: 100%;outline: none;padding: 0;pointer-events: auto;position:absolute;right: 74px;font-size: 20px;z-index: 5;top: 5px;color:#ada9a8}
.microphone:hover {color:#795548;}
.microphone .recording-icon {
    display: none;
    width: 10px;
    height: 10px;
    background-color: #e22d2d;
    border-radius: 50%;
    animation: pulse 1.5s infinite linear;
}

.microphone.recording .recording-icon {
    display: inline-block;
}

.microphone.recording .fa-microphone {
    display: none;
}
#tctn-button .docs-tool {width:100%;color:#fff;text-align: right;float:left;display:none;}
#tctn-button .docs-tool .fa {padding:5px 3px 5px 4px}
#tctn-button .docs-tool a {font-size: 12px;
    background: #fff!important;
    padding: 0 6px 0 0;
    margin-left: 5px;
    color: #795548!important;
    border-radius: 4px;}
#tctn-button .docs-tool a:hover {background:#c0c0c0!important;color:#fff!important}
#tctn-button .docs-tool .doc-font a {
    padding: 2px 7px;
	font-weight: 700;
    font-size:12px!important
}
#tctn-button .docs-tool .exco_vb {font-size: 19px;margin:5px 0px;}
#tab-9 {padding-top:7px;white-space: nowrap;}
.doc-font {float:right}
.doc-font a:hover {background:#c0c0c0!important;color:#fff!important}
.doc-font a {font-size: 12px;background: #fff!important;padding: 3px 5px;margin-left: 5px;color: #795548!important;border-radius: 4px;}
#r-toc {
    background: #FEFAF4;
    width: 100%;
    float:left;
    padding:10px;
}
.toclist {
	font-size: 14px;
	color: #000;
}
a.hieuluclist
{
	color:#fff!important;
	font-weight: normal!important;
	font-size: 80%!important;
}
.r-c-ads {margin:10px 0 10px;float:left;border-radius:3px;padding:5px;float:left;width:100%}
.htpl-viewer {border:solid 1px #CFCFCF;width:100%;min-height:1800px;margin-top:-10px}
.isTCVNFree {display:none;}

/*payment*/
#payment-cancel {float:left;width:100%}
.payment-qr {width:100%;}
.payment-qr p {font-size:14px;margin-bottom: 7px;float:left;width:100%;}
.payment-qr .t-guide {font-size:12px;}
.payment-qr .p-box-0 {float:left;border: 1px dashed #f5f3f3;border-radius: 4px;padding-top:8px}
.payment-qr .p-box-1 {float:left;}
.p-box-2 {padding: 0 10px 10px;/*background:#FEFAF4;*/margin:0 5px;float:left}
.payment-qr .sdt {color:red;}
.payment-loading {width:100%;float:left;font-size:14px;}
.payment-guide {font-size:14px;}
.sms-structure p {margin-bottom:0;}
#sdt-alert {color:red;font-size:13px;margin-top:5px;}
.sms-forgot {margin:0 auto;max-width:250px;height:30px;font-size:14px;}
.vipmember {padding-top:10px;font-size:15px;}
.text-blue-2 {color:blue!important;font-weight:700;}
.btn {cursor:pointer;}
.accountinfo {border: 1px dashed #ddd1d1;padding: 0px 20px;width: 433px;margin:0 auto;background: #fffaf4;height: 73px;}
#expired {margin-top:-10px;font-size:14px;}
.text-username {float:left;color:blue;font-weigh:700;padding-top:5px;}
.text-sdt {float:left;padding-top:5px;}
.text-pass {float:left;padding-top:5px;}
#user-input {display:block}
#user_error, #sdt_error {text-align: left;font-size: 12px;}
.exprired-code { box-sizing:border-box; margin:0; min-width:0; width:100%; z-index:2; position:absolute; top:50%; left:52%; transform:translateY(-50%) translateX(-50%); text-align:center }
.exprired-code-notice { box-sizing:border-box; min-width:0; font-weight:500; font-size:12px; line-height:20px; background:#fbf0e1; width:106px; margin:0 auto; margin-bottom:8px; color:#000 }
.exprired-code-try { margin:0; appearance:none; user-select:none; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-flex; -webkit-box-align:center;
align-items:center; -webkit-box-pack:center; justify-content:center; box-sizing:border-box; font-size:14px; font-family:inherit; font-weight:500; text-align:center;
text-decoration:none; outline:none; padding:6px 12px; line-height:20px; word-break:keep-all; color:rgb(234,236,239); border-radius:4px; min-height:24px; border:none;
background-color:rgb(121 85 72); background-image:none; height:30px; min-width:106px }
span#user-sdt-edit {display:none;padding: 2px 1px;float: left;}
span#user-sdt-edit input {float:left;height: 22px;width: 85px;font-size: 13px;padding-left:5px;border-radius: 0.25rem;border-color: #ded4d0;background-color: #fff;background-image: none;    border: 1px solid rgba(0,0,0,.15);margin-top: -2px;color:#795548;text-align:left}
.fa-edit {float:left;margin: 4px 3px;color:red;}
span#user-sdt-edit button {background:#795548;color:#fff;padding:2px 7px;font-size:12px;margin-top:-4px;float: left;border: 2px solid #fff;border-radius: 0.3rem;}
#current-sdt {float:left;padding:0 5px;}
a#change-sdt, a#select-pkg {cursor:pointer;font-size:12px;padding-left:0;}
#pkg-name{margin-left: 5px;border-color: #e5e0de;color: #795548;font-size: 13px;height: 22px;border-radius: 0.25rem;padding-right:25px;padding-left:5px;}
#changepw {margin: 10px 10px;padding: 5px 20px;font-size: 14px;}
#payment-cancel-button {padding: 7px 15px 5px;
    text-transform: uppercase;
    font-size: 14px;}
.input-error {
    border-color: #d9534f!important;
}
.sdt-payment {
    height: 30px;
    font-size:14px;
	max-width:220px;
    border: 1px solid #dcdcdc;
    background: #fff!important;
    margin:0 auto;
    text-align:center;
}
#sdt-alert {padding-top: 10px;color:#f00;font-size:13px;}
.qr-code-scan h3 { display: flex; flex-direction: row; margin-top: 10px; font-size: 14px; padding: 0 5px; font-weight: 700; text-transform: uppercase; color: #0d223c }
.qr-code-scan h3:before, .qr-code-scan h3:after { content: ""; flex: 1 1; border-bottom: 1px solid rgba(120, 130, 140, 0.13); margin: auto }
.payment-guide h3 { display: flex; flex-direction: row; margin-top: 10px; font-size: 16px; padding: 0 5px; font-weight: 700; color: #002bff }
.payment-guide h3:before, .payment-guide h3:after { content: ""; flex: 1 1; border-bottom: 1px solid rgba(120, 130, 140, 0.13); margin: auto }
.guide-content { padding: 10px; border: 1px dashed #c7b9a6; background: #fff; border-radius: 4px; margin-top: 10px; font-size: 97%; width: 100% }
.guide-content p { margin-bottom: 0.15rem; margin-bottom: 0.15rem; font-size: 14px }
.guide-notice { font-size: 13px !important }
.qr-code-image { display: block; -webkit-user-select: none; margin: auto; background-color: hsl(0, 0%, 90%); transition: background-color 300ms; border: 1px solid #f3f3f3; border-radius: 5px }
.qr-guide-content p { font-size: 14px; color: #000; border-bottom: 1px dashed #ededed; padding: 5px 0 }
.qr-guide-content p:last-of-type { font-size: 14px; color: #000; padding: 5px 0; border-bottom: none }
.bank-transfer-guide {}
.bank-transfer-guide p { font-size: 13px; color: #000 }
#mobile-status{text-align: left; margin-left: 3px;font-size:13px;}
.mb-tooltip .tooltiptext {
  visibility: hidden;
    width: 222px;
    background-color: #fbf0e1;
    color: #191313;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 60px;
    right: 0px;
    font-size: 13px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.htpl-viewer-bg
{
  background-size: 80px auto;
  background-image:url('../images/loading.gif');
  background-position:top center;
  background-repeat:  no-repeat;
}

/*bieu mau*/

    #thoa_uoc_su_dung h2 {color:#795548;font-size:1rem;}
    .sv-booking {margin-bottom:10px;padding:10px 10px 0;width:99%;height:100%;background:#fff;}
    .sv-booking .form-control {padding: .3rem .5rem;font-size:14px}
    .sv-booking .form-group {margin-bottom:0.5rem;}
    .sv-booking .form-group label {padding-top:0;}
    .sv-customer-info {}
    .b-l-brown {border-left-color: #795548;}
    .b-r-brown {border-right-color: #795548;}
    .b-t-brown {border-top-color: #795548;}
    .bm-detail h2 {font-size:16px;padding:5px 0;}
    .sv-httt {padding-left:10px;}
    .sv-booking p {margin-bottom:0.5rem!important;}
    .sv-booking h3 {color:#795548;font-size:13px;font-weight:700;text-transform:uppercase;}
    .sv-booking h3 .material-icons.md-24 {font-size: 16px;vertical-align: -3px;}
    .sv-booking ul {padding-left:15px!important;}
    .list-document ul {margin-left:20px;}
    .block-bieu-mau {
    width: 80%;
    margin: 16px auto;
    position: relative;
    border: 1px solid #c6cfd0;
    border-radius: 5px;
    overflow: hidden;
    padding: 32px 24px 16px;
    background: #fafafa;
}
.btn-edit-bm {
    position: absolute;
    right: 8px;
    top: 8px;
    background: #666;
    padding: 4px 12px;
    border-radius: 4px;

}
.btn-edit-bm a {
    color: #fff!important;
    font-size: 14px!important;
    text-decoration: none!important;
}

.bm-list h1 {font-size:20px;font-weight: 700;
    padding-left: 10px;}
.bm-list ul {list-style:none;float:left;padding: 0 10px}
.bm-list ul li {list-style:none;float:left;border-bottom:1px solid #eceeef;padding-top: 10px;}
.bm-image {padding:5px;float:left}
.bm-contents {float:left;text-align:left;padding-left:10px!important;}
.bm-contents h3 a {float:left;font-size:16px;width:100%;margin: 10px 0;}
.bm-image img {
    float: left;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #FEFAF4;
}
.bm-item {
	float: left;
    background: #FBF0E1;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    border-left: 10px solid #fff;
}
.bm-item h3 {
	color: #795548;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: left;
    padding-left:7px;
    line-height: 23px;
    float:left;
    height:46px;
	}
#tnpl-guide {margin-bottom:0px!important; padding: 5px 20px!important;display:none;height:30px;margin-0:auto;white-space:nowrap;}
.list-title h1 {
    background: #FBF0E1;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}
ul.pagination {float:right}

#tthc .nav-link.active {
    color: #ea4335;
}
#tthc .box-body {padding-left:0;padding-right:0}
#tthc-ttth table td pre {background: none}

.docs-homepage .nav-link.active {color: rgb(253, 67, 0);}
.detail-title h1 {font-size:18px;font-weight:700;margin-top:20px;}

.tab-vb-homepage {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}

.tab-vb-homepage .nav-item {
    display: inline-block;
    white-space: nowrap;
}

.tab-vb-homepage .nav-link {
    display: inline-block;
    margin-right: 10px; /* Khoảng cách cho màn hình nhỏ và trung bình */
}

@media (max-width: 768px) {
    .tab-vb-homepage .nav-link {
        padding: 10px 5px;
    }
}

@media (min-width: 769px) {
    .tab-vb-homepage .nav-link {
        margin-right: 0; /* Loại bỏ khoảng cách giữa các liên kết trên màn hình lớn */
    }
}

.tab-vb-homepage::-webkit-scrollbar {
    height: 8px;
    background: rgba(0,0,0,0); /* Hoàn toàn trong suốt cho nền của thanh trượt */
}

.tab-vb-homepage::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0); /* Hoàn toàn trong suốt cho nút lăn (thumb) của thanh trượt */
}

/* Cho Firefox */
.tab-vb-homepage {
    scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
    scrollbar-width: thin;
}


.nav-tab-vb{background:#795548;height:40px;}
#right-doc-info {color:#000;}
.file-link-2 a {color:#fff!important;margin-top:3px;float:left;font-weight:700;}
.phan-title, .chuong-title, .muc-title {font-weight:700;}
.phan-title {margin-bottom:10px;}
.muc-title {padding:5px 0 0 5px;}
.hight_light, mark{background-color: yellow!important;color: #795548;padding:0;}
.app-footer {margin-top:20px;position:inherit!important;float:left;width:100%}
.footer-info {background:#FBF0E1;padding:10px 0;margin-top:10px;}


#textAlert {cursor: pointer;}
#textAlert.alert {padding: 7px 10px !important;height: 35px!important;width: 330px!important;}
#textAlert.alert-dismissible .close {padding: 0px 15px 0px 0px;top: -21px;}
.form-check-input {margin-left:3px;margin-top: .18rem;}
.form-check-inline+.form-check-inline {margin-left:0;}
.error-message {
    color: red;
    font-size: 12px;
}
a.tcvn-button {color:#fff;padding:5px 10px;}
a.vb_link , #ba_content a {
    color: #ea4335;
}

tnpl:hover {cursor: pointer;}
.tooltip-content p.term-title {color:#0000ff;}
.tooltip-content a {color: #535353; font-weight:700;}
.tooltip-content p small {color: #535353;}
.right-ba-adv img {max-width:100%;}
.ipr-container {display:none;}