@charset "UTF-8";



/* Main */

:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;

  --column-gap: 15px;

  --row-gap: 0px;

}

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;}

*{ margin: 0; padding: 0; } 

.clear{clear:both;}

.clearfix::after {

  content: "";

  clear: both;

  display: table;

}

body{ font-family:'Poppins', sans-serif; font-size:15px; line-height:1.5;}

a{ text-decoration:none;}

a:focus{outline:none;text-decoration:none;}

ul{ list-style:none; padding:0; margin:0;}

p{margin:0;}

.slick-slide img{display: inline-block !important;}

a[href^="tel"] {

  color: inherit; /* Inherit text color of parent element. */

  text-decoration: none; /* Remove underline. */

}

.fontR{

  font-family: 'Poppins', sans-serif !important;}

.fontB{

  font-family: 'Poppins', sans-serif;

  font-weight: 600;

}

b,strong{

  font-weight: 600;

}

/*.menulicha .fontB{font-weight: 400;}*/

.menu_top{display: none;}

.fixwidth{max-width:1190px;margin:auto;margin-bottom: 20px}

.menu .fixwidth{max-width:1220px;margin:auto;}

.fixpage{max-width:1189px;margin:auto;}

.maincontent{width:1366px;margin:auto;max-width: 1366px;overflow: hidden;}

.maincontent img{max-width: 100%;}

a{text-decoration: none !important;}

.maintail_detail{padding-top:40px;margin-bottom: 20px;}

.maintial_detail{padding-top:20px;margin-bottom: 20px;}

.wrap{text-align: center;}

#sub_img_detail{margin-top:10px;}

body{top: 0px !important; }

body::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



body::-webkit-scrollbar

{

    width: 5px;

    background-color: #F5F5F5;

}



body::-webkit-scrollbar-thumb

{

    background-color: #999;

}

.chuvuilong{display: block;margin-bottom: 10px;font-size: 21px;}

.mau1{ color: #2596d6 !important}

.mau2{color: #938383 !important}

.mau3{color: #F82634 !important}

.mau4{color: #6F8DEF !important}

.mau5{color: #11FC00 !important}

.mau6{color: #0A42F9 !important}

.indam{font-weight: 600; !important;}

.mauxam{

  color: #69706b !important;

}

.mauxanh1{

  color: #1e51cf;

}

.scroll_menu::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



.scroll_menu::-webkit-scrollbar

{

    width: 3px;

    background-color: #F5F5F5;

}



.scroll_menu::-webkit-scrollbar-thumb

{

    background-color: #999;

}



img{max-width:100%;height:auto;}

a,input,textarea{outline:none;padding:0px;}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

.w-clear:after{display:block;content:"";clear:both;}

.hidden{display:none;}

.none{display:none;}

.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}

.wrap-main,.wrap-content{margin:0px auto;padding:0px 0px;}

.wrap-home{max-width:100%;padding:0px;}

.wrap-content{margin:auto;}

.huy{

  cursor: pointer;

}

/* General */

.title-main{margin:1.5rem 0 ;text-align:left;}

.title-main span{text-transform:uppercase;color:#333;font-size:25px;font-weight: 600;}

.time-main{margin-bottom:0.75rem;color:#999999;}

.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}

.time-main span{vertical-align:top;display:inline-block;}

.social{list-style:none;padding:0px;margin:0px;}

.social li{display:inline-block;vertical-align:top;}

.social li:last-child{margin-right:0px;}

.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}

.control-carousel:hover{background-color:#1b75bb;border-color:#1b75bb;color:#fff;}

.prev-carousel{left:0px;}

.next-carousel{right:0px;}

.doc-section {
    padding-top: 15px;
    padding-bottom: 15px;
}
.noidungthaydoitrengia a{
  color: #000;
}
.noidungthaydoitrengia a:hover{
  color: #1b75bb;
}
.share{

  display: none;

}

.title-main p{



  margin: auto;

  max-width: 70%;

  font-size: 17px;

}

/* GOOGLE DỊCH */

.goog-te-banner-frame.skiptranslate {

    display: none !important;

}



.goog-te-menu-frame {

  max-width:100% !important;

}

.goog-te-menu2 { 

  max-width: 100% !important;

  overflow-x: scroll !important;

  box-sizing:border-box !important;

  height:auto !important; 

}

.goog-te-gadget-simple{border:none !important;}

.goog-te-gadget-simple .goog-te-menu-value >span:first-child{display: none;}

.goog-te-gadget img{display: none;}

.goog-te-gadget-simple .goog-te-menu-value >span:last-child{background: url('../images/trangchu/icon_visa.png') no-repeat center;background-size:contain;

display: inline-block;width:35px;color: transparent !important;}

.goog-te-gadget-simple .goog-te-menu-value span{border:none !important;}





/*==LOADDER==*/

#loader{background: #fff;position: fixed;top: 0;left:0;width:100%;height:100%;display: grid;align-items: center;text-align: center;

transition: all ease 0.4s;opacity: 0;z-index: -1;}

.hidden_loader{z-index: -1 !important;opacity: 0;}

.show_loader{z-index:9999 !important;opacity: 1 !important;}

.loader_slogan{margin-top:10px;}



.loading-img {

       display: none;

    margin: 0px;

    padding: 0px;

    position: fixed;

    right: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 30001;

    opacity: 0.8;

    background-color: #aaa;

}

.loading-img p{

      position: absolute;

    top: 35%;

    left: 0;

    text-align: center;

    width: 100%;

    z-index: 99999;

}

.loading-img p span{

  display: block;

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-weight: 400;

}

.fw-img-p50 {

    width: 5%;

}











/*==========SEARCH=============*/

.frm_timkiem{position:relative;width:100%;}

.frm_timkiem button{top: 10px; background: #32cd32; outline:none;border:none;color:#fff; font-size:20px;

position: absolute;z-index: 999;right:10px;height:calc(100% - 20px);border-radius: 8px;width:140px;transition: all ease 0.4s;}

.frm_timkiem button:hover{background: #27a727;}

.frm_timkiem .input{text-indent: 10px;outline:none;transition:all ease 0.5s;border:none;line-height: 65px;text-indent: 12px;

width: 100%;z-index: 99;color:#333;font-size:20px;border-radius: 8px;}

.none_bg{background:none !important;padding-right: 0 !important;text-align: right !important;transition:all ease-in-out 0.5s;line-height: inherit !important;}

.frm_timkiem .input::placeholder{color:#808080;font-size:20px;}

.ngaydichgiadukien::placeholder{color:#2699fb;font-size:15px;}





/*==========SEARCH KHUNG=============*/

#showslider_main{position: relative;}

#searchform_khung{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width:700px;text-align: center;z-index: 9999;}

.search_title{text-transform: uppercase;color:#fff;font-size:60px;margin-bottom:10px;}

.search_title span{color:#aaf90d;}

.search_catmain{margin:40px auto 30px auto;max-width: 75%;padding:15px 30px;border-radius: 8px;background: rgba(0,0,0,0.4);position: relative;}

.auto_visaxc{}

.auto_visaxc a{display: block;}

.auto_visaxc a img{border-radius: 5px;}

.search_hotline{display: none; color:#fff !important;font-size:20px;background: #1b60c6;border:2px solid #fff;border-radius: 8px;line-height: 40px;

padding:3px 30px;}

.search_hotline img{margin-right:10px;}

.control_search{position:absolute;z-index:999;top:calc(50% - 14px);width:29px;height:29px;cursor: pointer;}

.prev_search{left:-15px;}

.next_search{right:-15px;transform: rotateY(180deg);}

.resmenu_search{display: none;}



/*==========TEXT LINK=============*/

.boxtextlink_container{padding:80px 0;}

.boxtextlink_row a{display: inline-block;color:#e6e5ed;font-size:50px;text-transform: capitalize;margin:0 20px;}

.boxtextlink_row a:hover{color:#0d084d;}

.boxtextlink_row marquee{display: block;}





.marquee {

  position: relative;

  width: 100vw;

  max-width: 100%;

  overflow-x: hidden;

}



.track {

  white-space: nowrap;

  will-change: transform;

  animation: marquee 12s linear infinite;

}



@keyframes marquee {

  from { transform: translateX(0); }

  to { transform: translateX(-50%); }

}





/* Menu */

/*=====menu======*/

.tail_menu{position: relative !important;display: block;background: #fff;}

.header_logo{float:left;
/*  margin-top:20px;*/
  position: relative;z-index: 999;}

.header_logo img{width: 135px;}

#menu_top{position: relative;z-index:99;width:100%;background: #fff;

box-shadow: 1px 1px 4px 1px #ccc;

}

.boxmenu_right{float:right;}

.boxmenuright_top{text-align: right;margin-bottom: 10px;}

.boxmenuright_top a{color:#fff;font-family: 'RobotoCondensedRegular';padding:0 12px;position: relative;}

.boxmenuright_top a:last-child{padding-right:0;}

.boxmenuright_top a:after{content:'';position: absolute;border-left:1px solid rgba(255,255,255,0.3);top:2px;left:0;height:15px;}

.boxmenuright_top a:first-child:after{display:none;}

.menulicha_form a{position: relative;}

.menulicha_form a:after{content:'';position: absolute;width:calc(100% + 30px);height:40px;border:2px solid #1b75bb;border-radius: 4px;

top: 50%; left: -15px; transform: translate(0,-50%);}

.menulicha_form a:hover:after{background:#1b75bb;z-index: -1;}

.menu ul .menulicha_form a:hover{color:#fff !important;}



.menu{}

.menu_cap_cha{margin:0;position: relative;float: left;}



.menu .menu_cap_cha >li{

    float:left;

    line-height:65px;

    padding: 0px 0px;

    transition:all ease-in-out 0.2s;

    margin: 0px 2px;

}
.product_tn {
    transition: opacity 0.3s ease-in-out;
}

/* Ẩn sản phẩm khi đang được thêm vào DOM */
.product_tn.loading {
    opacity: 0;
}
#loadding {
    color: red;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}

.menu .menu_cap_cha li:first-child{}

.menu .menu_cap_cha .menulicha:last-child{}

.menu .menu_cap_cha >li:nth-last-child(2){}

.menu .menu_cap_cha .none_bor{border-right:none;background:none !important;}

.menu .menu_cap_cha > li:hover{}

.menu .menu_cap_cha >li:hover >a{}

.menu .menu_cap_cha .menuli_act{background:#e68e00;}

.menu .menu_cap_cha .menuli_act a{color:#fff;}

.menu ul li a:hover{}

.menu ul li a{

    

    text-decoration: none;

    color:#1b75bb;

    font-size:16px;

    /*display: block;*/

}

.menu ul li a.fontB{

  text-transform: capitalize;

  padding: 5px 9px;

  border-radius: 16px;

  transition:all ease-in-out 0.2s;

}

.menulicha a.fontB:hover,.menulicha a.fontB.actm{

  color: #fff;

  background: #0f0f0f;

}
.tt_hoadon{
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 20px;
  font-size: 25px;
}
.margin0{
  margin-top: 0px !important;
}

.active{/*background:#0969A1 !important*/}

.dangnhap_header{

  display: inline-block;

}

.bgnutden{
  background: #272727 !important;
  color: #fff !important;
  border-radius: 50px !important;
  border: none !important;
  outline: none !important;
}
.bgnutden:hover{
  background: #0f0f0f !important;
}

.bgnutxam{
  background: rgba(0, 0, 0,0.1) !important;
  color: #000 !important;
  border-radius: 50px !important;
  border: none !important;
  outline: none !important;
}
.bgnutxam:hover{
  background: rgba(0, 0, 0,0.05) !important;
}

.chudangnhap_header{
      display: inline-block;
    color: #000;
background: rgba(0, 0, 0,0.1);
    padding: 3px 10px;
    font-size: 15px;
    border-radius: 50px;
}

.content_footer_user span{

  color: #1b75bb;

}

.dangnhap_header a img{

  width: 35px;

  float: left;

  margin-right: 10px;

  margin-top: 5px;

  border-radius: 50%;

  height: 35px;

}

.chu_dangxuat{

      display: inline-block;

    color: #2e2e2e;

    font-size: 15px;

    padding-top: 10px;

}

.chudangnhap_header:hover{

  color: #000;

  background: rgba(0, 0, 0,0.05);

}

.boxbandichmau_container{

  padding: 40px 0px;
  padding-bottom: 10px;

}

.boxbandichmau_l{

  width: 25%;

}

.boxbandichmau_r{

  width: 75%;

  padding-left: 2%;

}

.boxbandichmau_l b{

  display: block;

  margin-bottom: 5px;

      text-transform: capitalize;

    color: #000;

    font-size: 24px;

    font-weight: 600;

}

.boxbandichmau_l span{

  display: block;

  font-size: 16px;

}

.a_danhmuc_bandichmau{

  margin-bottom: 10px;

  display: block;

  text-align: center;

}

.a_danhmuc_bandichmau a{

  display: inline-block;

  color: #000;

  padding: 5px 7px;

  border: 1px solid #dadada;

  margin-right: 5px;
  margin-bottom: 10px;
  cursor: pointer;

}

.a_danhmuc_bandichmau a:hover{

  color: #1b75bb;

}
.mota_giangonngu{
  padding-bottom: 10px;
}
#active{

    background:#C18D02;

    padding: 15px 15px;

}

.no_bg{

    background-image:none !important;

}

.info_dichgia_full{

  width: 60%;

  padding: 2%;

}

.logo_dichgia img{

  width: 80px;

  height: 80px;

  border-radius: 50%;

  margin-right: 10px;

  float: left;

}

.logo_dichgia b{padding-top: 20px;font-weight: 600;}

.logo_dichgia span,.logo_dichgia b{

  display: inherit;

  font-size: 15px;

  font-weight: 600;

}

.fonsize20{

  font-size: 20px;

  text-transform: capitalize;

}

/*---menu cấp con---*/

.menu_cap_con{position:absolute;display:none;transition:all ease 0.5s;left: 0px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);padding:12px;

width:100%;left:0;}

.menu_cap_con >li{float:none !important; transition:all ease 0.2s;line-height: initial !important;padding: 10px !important;position: relative;}



.menu_cap_cha li:hover .menu_cap_con{display:grid;}

.fixmenu_xuatcanh{max-height: 450px;}

.fixmenu_allvisa{grid-template-columns: repeat(5,1fr);grid-gap:20px;overflow-y: auto;max-height: 450px;}

.menulist_img{margin-bottom:5px;}

.menulist_img img{border-radius: 8px;transition: all ease 0.4s;}

.menulist_img img:hover{opacity: 0.8;}



.menu_cap_con >li:hover .menu_cap_2{display:block;}



.menu_cap_con >li >a{font-size:18px !important;color:#333 !important;}

.menu_cap_2 li{margin:10px 0;}

.menu_cap_2 li a{color:#333 !important;font-size:15px !important;}

.menu_cap_2 li a:hover{}



#search button{position: absolute; top: 7px; right: 10px;border:none; width:13px; height:19px; background:none;outline:none;}



.fixed{position: fixed !important;width:100%;max-width:100%;top: 0px !important;z-index: 9999;-webkit-animation: fadeInDown 1.3s ease backwards;

   -moz-animation: fadeInDown 1.3s ease backwards;

   -o-animation: fadeInDown 1.3s ease backwards;

   -ms-animation: fadeInDown 1.3s ease backwards;background: #333;

}

.fixed_user{

  position: fixed !important;

  z-index: 9999;

   left: 8%;

   top: 0px;

   width: 244px !important;

}

.margin17{margin-left: 17.5%}

.menu_cap_cha li:hover .li_dv{display:block;}

ul.li_dv{

  position: absolute;

    display: none;

    transition: all ease 0.5s;

    left: 0px;

    background: #fff;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

    padding: 12px;

    width: 100%;

    left: 0;

    max-width: 750px;

    border-radius: 10px;

}

.menulicha .scroll_menu{

  overflow-y: scroll;



}

.fixmenu_xuatcanh .scroll_menu{

  

}

.width25{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-gap: 10px;

}

.width50{

  display: grid;

  grid-template-columns: repeat(2,1fr);

  grid-gap: 10px;

}

.box_dv_menu a:hover{

  text-decoration: none;

}

.box_dv_menu a img{

  width: 30px;

  height: 30px;

  margin-right: 10px;

}

a.dva img{

  width: 30px;

  height: 30px;

}

.mota_box_dv_menu b{

    display: block;

    line-height: normal;

    font-weight: 600;

    color: #000;

    font-size: 16px;

}

.mota_box_dv_menu span{

    line-height: normal;

    color: #6a6a6a;

    font-size: 14px;

    line-height: 20px;



}

.li_dv .dichvucon, .li_dv .nganhnghecon{

  position: relative;

}

.menu_cap_con_ngonngu:after{

  content: "";

    position: absolute;

    width: 21.9px;

    height: 21.9px;

    left: 50%;

    top: -11px;

    background: #fff;

    transform: matrix(.71,.71,.71,-.71,0,0);

    z-index: 999;

    border-left: 1px solid #cccccc52;

    border-bottom: 1px solid #cccccc52;

    display: none;

}

.menu_cap_con_nganhnghe:after{

content: "";

    position: absolute;

    width: 21.9px;

    height: 21.9px;

    left: 35%;

    top: -11px;

    background: #fff;

    transform: matrix(.71,.71,.71,-.71,0,0);

    z-index: 999;

    border-left: 1px solid #cccccc52;

    border-bottom: 1px solid #cccccc52;

    display: none;

}

.menu_cap_con_dichvu:after{

  content: "";

    position: absolute;

    width: 21.9px;

    height: 21.9px;

    left: 30px;

    top: -11px;

    background: #fff;

    transform: matrix(.71,.71,.71,-.71,0,0);

    z-index: 999;

    border-left: 1px solid #cccccc52;

    border-bottom: 1px solid #cccccc52;

    display: none;

}







.main_navigation li .dropdown-menu:after {

    content: "";

    position: absolute;

    width: 21.9px;

    height: 21.9px;

    left: 30px;

    top: -10px;

    background: #fff;

    transform: matrix(.71,.71,.71,-.71,0,0);

    z-index: -1;

    display: none;

}

ul.li_dv li{

  width: 100%;

}

.box_dv_menu{

  padding: 10px;

}

ul.li_dv li{margin: 0px;}

ul.li_dv li .box_dv_menu:hover{

background: rgba(234,242,250,0.72);

}



.menu_cap_con_ngonngu{

  position: absolute;

    display: none;

    transition: all ease 0.5s;

    left: 0px;

    background: #fff;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

    padding: 12px;

    width: 100%;

    left: 0;

}

.menu_cap_cha li:hover .menu_cap_con_ngonngu{display:block;}



.menu_cap_2_ngonngu{

  display: grid;

  grid-template-columns: repeat(4,1fr);

}

.menu_cap_2_ngonngu li{

  margin-bottom: 10px;

}

.menu_cap_2_ngonngu li a{

  color: #000;

  line-height: normal;

  display: flex !important;

  align-items: center;

}

.menu_cap_2_ngonngu li a img{

  margin-right: 5px;

}

.menu_cap_2_ngonngu li a span{

  display: inline-block;

  color: #000;

  font-size: 15px;

}

.menu_cap_2_ngonngu li a:hover span{

  color: #1b75bb;

}

.menu_cap_con_nganhnghe{

   position: absolute;

    display: none;

    transition: all ease 0.5s;

    left: 0px;

    background: #fff;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

    padding: 12px;

    width: 100%;

    left: 0;

}

.menu_cap_cha li:hover .menu_cap_con_nganhnghe{display:block;}



.menu_cap_2_nganhnghe{

  position: relative;

}

.menu_cap_2_nganhnghe li{

  margin-bottom: 10px;

}

.menu_cap_2_nganhnghe li a{

  color: #000;

  line-height: normal;

  display: flex !important;

}

.menu_cap_2_nganhnghe li a img{

  margin-right: 5px;

}

.menu_cap_2_nganhnghe li a span{

  color: #000;

  font-size: 15px;

}

.menu_cap_2_nganhnghe li a:hover span{

  color: #1b75bb;

}

.menu_cap_con_giaiphap_r ul li a{

  line-height: 20px;

  display: block;

  padding: 5px;

  border-radius: 5px;

}

.menu_cap_con_giaiphap_r ul li a:hover{

  color: #1b75bb !important;

  box-shadow: 0px 0px 5px 1px #ccc;

}

.menu_cap_con_giaiphap_r .width50{

  grid-column-gap: 30px;

}

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

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

.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}





/*====BOX ĐỐI TÁC - QUY TRÌNH====*/

.boxdoitac_container{background: #a2ebfa;padding:20px 0;}

.boxquytrinh_container{background:#eeeeee;padding:50px 0;}

.boxquytrinh_title{text-align: center;text-transform: uppercase;color:#1a1a1a;font-size:35px;}

.boxquytrinh_logo{text-align: center; display: none;} 

.boxquytrinh_logo img{text-align: center;max-width: 50%;}

.boxquytrinh_item{text-align: center;}

.boxquytrinh_img{display: block;}

.boxquytrinh_img img{border-radius: 15px;}

.auto_quytrinh{margin-top:60px;}

.boxquytrinh_name{display: block;color:#1a1a1a;font-size:25px;margin:10px 0;}

.boxquytrinh_mota{color:#595d64;font-size:16px;}

.detaildt_langitem img{max-width: 40px}

.auto_doitac a{display: block;text-align: center;}



/*====BOX DỊCH VỤ====*/

.boxdichvu_container{padding:50px 0;}

.boxdichvu_mota{text-align: center;margin: 10px auto 40px auto;max-width:65%;color:#595d64;font-size:17px;}

.boxdichvu_item{position: relative;}

.boxdichvu_img{position: relative;display: block;}

.boxdichvu_img img{transition: all ease 0.4s;}

.boxdichvu_img span{position: absolute;top:30px;left:0;width:100%;padding:0 20px;text-transform: capitalize;color:#fff;font-size:25px;

}

.boxdichvu_img img{border-radius: 8px;width: 100%;}

.boxdichvu_img:hover img{opacity: 0.85;}



.boxdichvu_list{position: relative;z-index: 0;}

.control_dichvu{position:absolute;z-index:999;top:calc(50% - 22px);width:44px;height:44px;cursor: pointer;}

.prev_dichvu{left:-20px;}

.next_dichvu{right:-20px;transform: rotateY(180deg);}





.control_auto_hinhanhtn{position:absolute;z-index:999;top:calc(50% - 22px);width:44px;height:44px;cursor: pointer;}

.prev_auto_hinhanhtn{left:20px;}

.next_auto_hinhanhtn{right:20px;transform: rotateY(180deg);}





/*====BOX VISA====*/

.boxvisa_container{padding:20px 0 60px 0;position: relative;}

.boxvisa_container:after{content:'';position: absolute;width:100%;bottom:0;left:0;background: #6aa0d6;height:40%;}

.control_visa{position:absolute;z-index:999;top:calc(50% - 22px);width:44px;height:44px;cursor: pointer;}

.prev_visa{left:-20px;}

.next_visa{right:-20px;transform: rotateY(180deg);}

.boxvisa_item{border-radius: 15px;overflow-y: hidden;box-shadow: 0px 1px 3px rgba(0,0,0,0.8); margin-bottom: 5px;}

.boxvisa_img{display: block;background: #fff;}

.boxvisa_img img{width:100%;transition: all ease 0.4s;background: #fff;}

.boxvisa_name{background: #fff;padding:25px 10px;text-align: center;}

.boxvisa_name a{display: block;color:#1a1a1a;font-size:20px;}

.boxvisa_item:hover .boxvisa_img img{opacity: 0.8;}



.dtlistbv_thongtingia{padding:10px 0;border-bottom:1px solid #ccc;margin-bottom: 25px;}

.dtlistbv_thongtingia span{display: inline-block;margin-right:30px;color: #11da0c; font-size: 30px;  line-height: 45px;}

.dtlistbv_thongtingia a{line-height: 45px; color: #fff; background: #6bdd0d; border-radius: 4px; text-align: center; min-width: 135px; font-size: 18px;  

cursor: pointer; display: inline-block;}



/*====BOX DỊCH THUẬT====*/

.boxdichthuat_container{padding:60px 0 80px 0;background: url('../images/trangchu/img_dichthuat.png') no-repeat center top;background-size:cover;}

.control_dichthuat{position:absolute;z-index:999;top:calc(50% - 22px);width:42px;height:42px;cursor: pointer;}

.prev_dichthuat{left:5px;}

.next_dichthuat{right:5px;transform: rotateY(180deg);}

.boxdichthuat_img{position: relative;display: block;}

.boxdichthuat_img img{width:100%;}

.auto_dichthuat{margin: auto;max-width: 1147px;}

.boxdichthuat_item{position: relative;}

.boxdichthuat_info{position: absolute;left:0;bottom:0;text-align: center;background: rgba(27,117,187,0.3);padding:25px 10px;width: 100%;

transition: all ease 0.4s;}

.boxdichthuat_name{}

.boxdichthuat_name a{display: block;color:#fff;text-transform: capitalize;font-size:18px;}

.boxdichthuat_mota{color:#fff;margin-top: 5px;transition: all ease 0.4s;height:0;margin-left:0px;

  /*overflow: hidden;*/

text-align: left;}

.boxdichthuat_item:hover .boxdichthuat_mota{height:50px;margin-left:0;}





/*====BOX DỊCH GIẢ====*/

.boxdichgia_container{padding:50px 0;}

.boxdichgia_tab{margin:25px 0 40px;text-align: center;}

.boxdichgia_tabitem{background:#a0e1f5;border-radius: 50%;display: inline-block;width:45px;height:45px;line-height: 45px;text-transform: uppercase;

color:#1a1a1a;font-size:20px;margin:0 5px;cursor: pointer;text-align: center;}

.boxdichgia_tabitem:hover{background:#87d6ef;}

.loadkhung_dichgia{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:50px 35px;}

.boxdichgia_item{border-right:1px solid #ccc;padding-right:25px;}

.boxdichgia_img{float:left;width:80px;margin-right:15px;}

.boxdichgia_img img{border-radius: 50%;}

.boxdichgia_name{text-transform: capitalize;color:#1a1a1a;font-size:20px;margin-bottom:10px;}

.boxdichgia_mota{color:#595d64;font-size:16px;}

.boxdichgia_lang{color:#158600;font-size:18px;margin-top:10px;}





/*====BOX TẠI SAO====*/

.boxtaisao_container{background:url('../images/trangchu/bg_taisao.png') no-repeat center top;background-size: cover;padding:50px 0;background-attachment: fixed;}

.boxtaisao_title{text-align: center;text-transform: uppercase;color:#fff;font-size:35px;margin-bottom:30px;}

.boxtieuchi_img{float:left;width:100px;margin-right:20px;}

.boxtieuchi_name{color:#fff;text-transform: uppercase;font-size:25px;margin-top: 30px;}

.boxtaisao_grid{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:95px 40%;}

.boxtieuchi_mota{margin-top:15px;color:#fff;font-size:18px;}

.rowtaisao_main{padding:50px 0;font-size:16px;}





/*====BOX Ý KIẾN KHÁCH HÀNG====*/

.boxykien_khachhang{margin-bottom:50px;}

.boxykien_khmain{position: relative;padding-top:50px;}

.boxykien_khmain:after{content:'';position: absolute;width:100%;border-radius: 20px;background: #80a5ff;height:85%;top:0;left:0;}

.boxykien_khungkh{position: relative;z-index: 9;}

.boxykien_title{color:#fff;text-transform: capitalize;font-size:35px;text-align: center;margin-bottom: 10px;}



.boxykien_item{background: #fff;border:1px solid #999;border-radius: 25px;padding:20px 15px;text-align: center;}

.boxykien_mota{color:#595d64;font-size:18px;line-height: 1.6;margin-bottom:8px;margin-top: 20px;}

.boxykien_name{color:#1a1a1a;font-size:24px;margin-top:5px;}



.boxykien_list{position: relative;}

.auto_ykien{max-width: calc(100% - 100px);margin:auto 50px;margin-top:30px;}

.control_ykien{position:absolute;z-index:999;top:calc(50% - 22px);width:44px;height:44px;cursor: pointer;}

.prev_ykien{left:-20px;}

.next_ykien{right:-20px;transform: rotateY(180deg);}





/*====BOX FOOTER====*/

.boxfooter_container{padding:40px 0 50px 0;background: #002269;}

.boxfooter_left{float:left;width:38%;padding-right: 50px;}

.boxfooter_info{color:#333;font-size:16px;}



.list_nn{

  display: grid;grid-template-columns: repeat(4,1fr);grid-gap:10px;

}

.list_ul h2 a{ color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;margin-bottom: 20px;margin-top: 20px;display: block; }

.list_ul ul{ list-style: none;padding: 0px;margin: 0px; }

.list_ul ul li{display: block;margin-bottom: 10px;}

.list_ul ul li a{ color: #bbbbbb ;font-size: 15px; }

.list_ul ul li a:hover{color: #fff;text-decoration: underline !important;}

.list_ul span{display: block;color: #bbbbbb;font-size: 17px;}





.boxfooter_logo{margin-bottom:20px;}

.boxfooter_logo a img{

  max-width: 170px;

}

.boxfooter_center{float:left;width:38%;padding-right:50px;}

.boxfooter_title{position: relative;color:#595d64;text-transform: uppercase;font-size:22px;margin-bottom:20px;

padding-left:20px;}

.boxfooter_title:after{content:'';position: absolute;border-left: 6px solid #595d64; height: 35px; bottom: 0; left: 0;}

.box_chinhsach_item a{color:#fff;font-size:15px;}

.box_chinhsach_item{margin-bottom:20px;}



.boxfooter_right{float:right;width:24%;}

.boxalbum_footgrid{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:22px;}

.boxfooter_bottom{background:#3c3b40;padding:5px 0;text-align: center;color:#a8b1a8;}

.boxfooter_map{margin-top:25px;}

.boxfooter_map iframe{display: block;width:100% !important;height:170px !important;}

.boxfooter_fanpage{margin-bottom:35px;}

.boxfooter_baiviet{margin-bottom:25px;}

.boxfooter_baiviet p{margin-bottom:15px;}

.boxfooter_baiviet p a{display: inline-block;color:#4c4c4c;font-size:18px;}



.form_newsletter{width:100%;position: relative;}

.boxform_input{width:calc(100% - 60px);border:2px solid #b3b3b3;line-height: 38px;text-indent: 10px;outline:none;}

.boxform_input::placeholder{color:#b2b2b2;font-size:16px;}

.boxform_submit{float:right;width:50px;height:42px;line-height: 42px;background: #1478cf url('../images/trangchu/btn_mail.png') no-repeat center;

outline:none;border:none;}

.boxfooter_mxh span{float:left;margin-right:12px;color:#4c4c4c;font-size:18px;}

.boxfooter_mxh{margin-top:20px;}

.detail_background{position: relative;}

.detail_background img{width:100%;}





/*===FORM TƯ VẤN====*/

.formtuvan_title{text-align: center;text-transform: uppercase;font-size: 24px;  color: #1b75bb;margin-bottom:10px;}

.boxformtuvan_input{outline:none;border:1px solid #ccc;text-indent: 10px;margin-bottom:12px;line-height: 40px;width:100%;}

.boxformtuvan_button{text-align: center;}

.boxformtuvan_submit{display: inline-block;line-height: 40px;text-align: center;min-width: 145px;border-radius: 4px;background: #1b75bb;color:#fff;

font-size:18px;outline:none;border:none;}

#formtuvan_khung, #formtuyendung_khung{padding:20px;}







/*===PAGE TIN TỨC===*/

.dttintuc_title{text-align: center;text-transform: uppercase;margin:40px 0 20px 0;color:#333;font-size:32px;}

.dttintuc_tablist{margin-bottom:30px;border-bottom:1px solid #ccc;}

.dttintuc_tablist a{display: inline-block;margin:0 2px;padding: 6px 8px;color:#333;font-size:17px;text-transform: capitalize;}

.dttintuc_tablist a:hover{color:#1b75bb;}



.dttintuc_grid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:40px 30px;}

.dttintuc_img{display: block;}

.dttintuc_img img{width:100%;transition: all ease 0.4s;}

.dttintuc_img img:hover{opacity: 0.8;}

.dttintuc_name{margin-top:15px;}

.dttintuc_name a{display: block;text-transform: capitalize;line-height: 1.6;font-size:18px;color:#333;}

.dttintuc_mota{display: none;line-height: 1.6;color:#333;font-size:17px;margin-top:10px;}

.dttintuc_btnsee{display: none;margin-top:30px;border:1px solid #333;line-height: 40px;text-align: center;min-width: 200px;

color:#333;}

.dttintuc_btnsee:hover{background: #333;color:#fff;}



.dttintuc_item:nth-child(1), .dttintuc_item:nth-child(7n+1){grid-column: span 4;}

.dttintuc_item:nth-child(1) .dttintuc_img, .dttintuc_item:nth-child(7n+1) .dttintuc_img{float:left;width:400px;margin-right:35px;}

.dttintuc_item:nth-child(1) .dttintuc_name a, .dttintuc_item:nth-child(7n+1) .dttintuc_name a{font-size: 22px;}

.dttintuc_item:nth-child(1) .dttintuc_mota, .dttintuc_item:nth-child(7n+1) .dttintuc_mota{display: block;}

.dttintuc_item:nth-child(1) .dttintuc_btnsee, .dttintuc_item:nth-child(7n+1) .dttintuc_btnsee{display: inline-block;}

/*.dttintuc_fixitem:nth-child(2n) .dttintuc_img{float:right;margin-right:0;margin-left:35px;}*/



.detailtin_left{float:left;width:calc(100% - 270px);padding-right:25px;}

.detailtin_right{float:right;width:270px;margin-top: 30px;}

.detailtin_img{float:left;width:80px;margin-right:10px;}

.detailtin_name{}

.detailtin_name a{display: block;line-height: 1.5;font-size:14px;color:#333;}

.detailtin_item{padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;}

.detailtin_title{text-transform: uppercase; color: #333; font-size: 28px; font-family:'Josefin Sans';font-weight: 600;margin-bottom:12px;}



.sotus{

  font-style: normal;

}

/*===PAGE TUYỂN DỤNG===*/

.tuyendung_listitem{background:#6f6c93;padding:25px 0;}

.tuyendung_listitem a, .tuyendung_listitem a:hover{color:#fff;font-size:30px;text-transform: capitalize;margin-right:25px;margin-bottom:10px;

display: inline-block;}

.tuyendung_listitem a:hover{text-decoration: underline !important;}



.tuyendung_container{padding:40px 0;}

.tuyendung_mainleft{float:left;width:calc(49%);}

.tuyendung_mainright{float:right;width:calc(49%);position: sticky;top:90px;}

.tuyendung_item{padding:8px;border-radius: 8px;min-height: 175px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);margin-bottom:35px;cursor: pointer;

border:1px solid #fff;transition: all ease 0.4s;}

.tuyendung_itemname{color:#010101;font-size:20px;margin-bottom:15px;}

.tuyendung_itemmota{color:#010101;font-size:16px;}

.tuyendung_itemmota span{color:#010101;font-size:16px !important;}

.tuyendung_item:hover, .tuyendung_itemactive{border-color:#2688c9;box-shadow: 0px 0px 10px rgba(38,136,301,0.5);}

.tuyendung_item:hover .tuyendung_itemname, .tuyendung_itemactive .tuyendung_itemname{text-decoration: underline;}

.tuyendung_mainright{border-radius: 8px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}

.rowtuyendung_top{padding:10px 20px 30px 20px;}

.rowtuyendung_topname{color: #2689c9; font-size: 24px;  text-decoration: underline; margin-bottom: 25px;}



.rowtuyendung_bot{padding:20px;border-top: 2px solid #333;max-height: 870px;overflow:auto;}

.rowtuyendung_bottitle{color:#2689c9;font-size:24px;margin-bottom:15px;}

.rowtuyendung_botmota{margin-bottom:35px;}

.rowtuyendung_botmota, .rowtuyendung_botnoidung{color:#010101;}

.rowtuyendung_btnform{float:left;min-width:165px;line-height: 50px;text-align: center;color:#fff;background: #2688c9;font-size:24px;

border-radius: 8px;cursor: pointer;}

.rowtuyendung_btnform:hover{background: #32cd32;color:#fff;}

.rowtuyendung_date{float:left;margin-left:50px;line-height: 50px;background:url('../images/trangchu/icon_date.png') no-repeat left center;padding-left:35px;

color:#969494;font-size:20px;}



.tuyendung_iteminfo{display: none;}

.tuyendung_iteminfo .rowtuyendung_top{padding:10px 0px 30px 0px;}

.tuyendung_iteminfo .rowtuyendung_topname{display: none;}

.tuyendung_iteminfo .rowtuyendung_bot{padding:20px 0;}



.pagination_fix{}





.title-vct{

  text-align: center;

  font-size: 39px;

  

  margin-bottom: 20px;

}

.content-vct{

  font-size: 19px;

  font-weight: normal;

}

.vechungtoi{

    width: 100%;

    margin: auto;

    position: relative;

    max-width: 1366px;

    

}

.mota_vct{

    position: absolute;

    top: 25%;

    left: 0px;

    width: 100%;

    z-index: 9;

    color: #fff;

}

.box_mota_vct{

    max-width: 700px;

    margin: auto;

    text-align: center;

    font-size: 15px;

    line-height: 20px;

}

.dieuhanh{

  padding: 80px 0px;

  background: url(../images/bg_dieuhanh.png) no-repeat top center;

  max-width: 1366px;

  margin: auto;

}

.timchungtoi{

  padding: 80px 0px;

  max-width: 1366px;

  margin: auto;

}

.title_chungtoi{

      text-align: center;

    display: block;

    margin-bottom: 20px;

    margin: auto;

    max-width: 80%;

}

.title_chungtoi span{

  display: block;

  font-size: 33px;

  font-weight: 600;

  

}

.title_chungtoi i{

  font-size: 18px;

  font-style: normal;

  display: block;

}



.title-dh{

  text-align: center;

  display: block;

  

  font-size: 39px;

  margin-bottom: 50px;

}

.dieuhanh_grid{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-gap: 70px;

}

.box_dieuhanh{

  text-align: center;

  

}

.box_dieuhanh_img img{

  border-radius: 50%;

  display: inline-block;

}

.box_dieuhanh_img{margin-bottom: 10px;}

.box_dieuhanh_name a{color: #000;text-transform: capitalize;display: block;margin-top: 10px;

  margin-bottom: 10px;font-size: 25px;}

.box_dieuhanh_chucvu{color: #847373;font-size: 21px;display: block;}

.box_dieuhanh_mota{font-size: 15px;text-align: center; }







.box_chungtoi_name a{color: #000;text-transform: capitalize;

  display: block;margin-top: 10px;margin-bottom: 10px;font-size: 22px;}

.box_chungtoi_chucvu{font-size: 18px;display: block; max-width: 80%;margin-bottom: 10px;}

.box_chungtoi_mota{font-size: 21px; }



/* Slider*/

.item_slider{position: relative;}

.slider_info {

    position: absolute;

    top: 0;

    left: 0%;

    bottom: 0;

    z-index: 2;

    display: flex;

    display: -webkit-flex;

    -webkit-align-items: center;

    align-items: center;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    opacity: 0;

    justify-content: space-between;

}

.slider_info--text{width: 50%;margin:auto;}

.item_slider .thumb::before {

    display: none;

    content: "";

    position: absolute;

    top: 30%;

    left: 0;

    bottom: 0;

    width: 450px;

    background: -moz-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%);

    background: -ms-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%);

    text-align: center;

    z-index: 1

}

#slider .owl-item.active .item_slider .slider_info, #slider_mb .owl-item.active .item_slider .slider_info {

    opacity: 1;

    -webkit-animation: fadeInRight 1s ease backwards;

    -moz-animation: fadeInRight 1s ease backwards;

    -o-animation: fadeInRight 1s ease backwards;

    -ms-animation: fadeInRight 1s ease backwards;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-delay: 1.5s;

    -o-animation-delay: 1.5s;

    animation-delay: 1.5s;

}

#slider .owl-item.active .owl-lazy, #slider_mb .owl-item.active .owl-lazy{opacity: 1}

@keyframes fadeInRight {from {opacity: 0;transform: translate3d(0%, -20%, 0);} to {opacity: 1;transform: none;}}

.fadeInRight {animation-name: fadeInRight;}

.thumb{ background-position: center center;background-repeat: no-repeat;background-size: cover; display: block; position: relative;/*padding-bottom: calc(439/850 * 100%);*/}

.slider_info__name{color: #fff;

    font-size: 65px;

    font-family:'Josefin Sans';font-weight: 600;

    padding-bottom: 10px;

    text-align: center;

}

.button-more{

    display: inline-block;

    vertical-align: top;

    color: #010101;

    position: relative;

    z-index: 2;

    background: #fff;

    border: none !important;

    font-family: "RobotoRegular";

    padding: 12px 30px;

    font-size: 14px;

    letter-spacing: 1px;

    margin-left: 4px;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;



}

.button-more:hover {color: #fff;background: #1a9edc;}

.btn-main:after, .btn-main:before {content: "";position: absolute;bottom: -4px;left: -4px;top: 0;right: 0;border: solid 1px #1a9edc;z-index: -1;}

.btn-main:after {right: -4px;top: -4px;bottom: 0;left: 0;z-index: -2;}

.slider_info__desc{font-size: 18px;  color: #fff;text-align: center;}





/* Slideshow */

.slideshow{position:relative;}

.slideshow a{display:block;cursor:pointer;}

.slideshow a img{width:100%;}

.slideshow:hover .control-slideshow{opacity:0.3;}

.slideshow .control-slideshow:hover{opacity:0.8;}

.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0px;background-color:#000000;border-radius:3px;}

.control-slideshow i{color:#ffffff;}

.prev-slideshow{left:20px;padding-right:3px;}

.next-slideshow{right:20px;padding-left:3px;}



/* Partner */

.wrap-partner{padding:0px 10px;}

.wrap-partner .wrap-content{padding:0px;position:relative;}

.owl-partner{padding:0px 40px;}

.partner{display:block;border:1px solid #eee;}

.partner img{width:100%;}



/* Breadcrumb */

.breadCrumbs{background-color:#eeeeee;}

.breadCrumbs .wrap-content{padding:0.75rem 0px;}

.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;text-transform: capitalize;}

.breadCrumbs .wrap-content .breadcrumb-item a{color:#000000;font-size:20px;}

.breadCrumbs .wrap-content .breadcrumb-item.active a{}



/* Video */

.iconvideo_in{

 /* position: absolute;

    top: 14px;

    right: 125px;*/

    display: inline-block;

    margin: 0px 5px;

}

.iconvideo_in img{

  height: 30px;

}

.iconvideo_in a{

  display: inline-block;
    color: #fff;
    background: #272727;
    padding: 3px 10px;
    font-size: 15px;
    border-radius: 50px;
}

.iconvideo_in a:hover{

  background: #0f0f0f;

}

.center{text-align: center;}

.video{float:left;width:23.5%;margin:0 2% 2% 0;text-align:center;cursor:pointer;}

.video:nth-child(4n+1){clear:both;}

.video:nth-child(4n){margin-right:0px;}

.pic-video{position:relative;cursor: pointer;}

.pic-video:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px/2);left:calc(50% - 35px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);}

.pic-video img{width:100%;}

.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;margin-top: 10px;margin-bottom: 10px;}

.name-video:hover{color:#1b75bb;}



.loadkhung_video{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:20px;}

.ngayvideo span{

  float: left;

  margin-right: 10px;

}

.ngayvideo a.addthis_button_facebook_share {display: none;}

.ngayvideo a.addthis_button_facebook_like {display: none;  }



/* Album */

.album{float:left;width:23.5%;margin:0 2% 2% 0;text-align:center;cursor:pointer;}

.album:nth-child(4n+1){clear:both;}

.album:nth-child(4n){margin-right:0px;}

.pic-album{position:relative;}

.pic-album img{width:100%;}

.name-album{font-size:16px;color:var(--color-black);margin-bottom:0px;}



.loadkhung_tailalbum{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:24px;}

.loadkhung_tailalbum img{width:100%;}





/* Sản Phẩm Detail */

.grid-pro-detail{margin-bottom:50px;}

.left-pro-detail{position:relative;float:left;width:40%;text-align:center;margin-right:2%;background:white;}

.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;}

.right-pro-detail{width:calc(100% - 42%);float:left;}

.gallery-thumb-pro{position:relative;margin-top:10px;}

.owl-thumb-pro{padding:0px 40px;}

.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}

.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}

.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}

.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}

.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important;}

.desc-pro-detail{margin-bottom:1rem;}

.attr-pro-detail{list-style:none;padding:0px;}

.attr-pro-detail li{margin-bottom:0.5rem;}

.attr-label-pro-detail{margin:0px 5px 0px 0px;}

.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}

.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}

.price-new-pro-detail{font-weight:700;font-size:20px;color:#1b75bb;}

.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}

.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;}

.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}

.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}

.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}

.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}

.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}

.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}

.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}

.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}

.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}

.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start;}

.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px;}

.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}

.cart-pro-detail a.buynow{background-color:var(--color-green);}

.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green);}

.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}

.tags-pro-detail{margin:1rem 0px 2rem 0px;}

.tags-pro-detail a{float:left;font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:#1b75bb;border-radius:3px;}

.tags-pro-detail a:hover{background-color:var(--color-medium-red);}

.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0px 0px;}

.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;padding-left: 20%; list-style:none;margin-bottom:1rem;

  border-bottom:1px solid #000;

  padding-bottom: 10px;

}

.tabs-pro-detail .ul-tabs-pro-detail li{

    cursor: pointer;

    float: left;

    margin-right: 10px;

    margin-bottom: 5px;

    background: #eee;

    padding: 5px 20px;

    font-size: 20px;

    border-radius: 5px;

}

.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#071d49;color:#fff;}

.tabs-pro-detail .ul-tabs-pro-detail li:hover{background:#071d49;color:#fff;}

.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}

.tabs-pro-detail .content-tabs-pro-detail{display:none;}

.tabs-pro-detail .content-tabs-pro-detail.active{display:block;padding-bottom: 120px;}



.ul-tabs-pro-mk{

  padding-left: 4%;

  padding-top: 20px;

}

.ul-tabs-pro-mk li{cursor: pointer;display: inline-block;margin-right: 20px;}

.ul-tabs-pro-mk li.active{   font-weight: 600; }

.ul-tabs-pro-mk li span{



}

.chuyenkhoannganhang{display: none;}

.an{display: none !important;}

.img_dmchungtoi{

  width: 50%;

}

.chungtoi_grid{

  width: 50%;

}

.box_chungtoi_img{ margin-right: 20px;float: left;width: 15%; }

.box_chungtoi_img img{

  border-radius: 50%;

}

.box_chungtoi{

  margin-bottom: 20px;

}

/* Toc */

.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}

.box-readmore li ul>li{margin:0;margin-bottom:8px}

.box-readmore li ul>li:before{content:counters(item,".") " "}

.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}

.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}

.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}

.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}

.box-readmore ul li a:hover{color:#767676;}



/* Bài viết */

.news{width:49%;float:left;margin-bottom:25px;display:block;}

.news:nth-child(2n){float:right;}

.news:nth-child(2n+1){clear:both;}

.pic-news{float:left;margin-right:4%;width:36%;}

.pic-news img{width:100%;}

.info-news{float:left;width:60%;}

.name-news{color:#333;font-size:16px;display:block;line-height:normal;margin-bottom:5px;}

.name-news:hover{color:#1b75bb;}

.time-news{color:var(--color-gray);margin-bottom:0.25rem;}

.desc-news{color:#333333;margin-top:5px;line-height:22px;}

.share{line-height:normal;margin-top:15px;border-radius:5px;}

.share b{display:block;margin-bottom:5px;}

.othernews b{margin-bottom:10px;font-weight: 600;}

.list-news-other{padding-left:17px;list-style:square;}

.list-news-other li{margin-bottom:2px;}

.list-news-other li a{text-transform:none;color:#333333;}

.list-news-other li a:hover{color:#1b75bb;}



/* Contact */

.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;}

.top-contact .article-contact{width:48%;}

.form-contact{width:47%;}

.input-contact{position:relative;margin-bottom:15px;}

.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:15px;}

.input-contact input{text-indent:10px;}

.input-contact textarea{resize:none;height:150px;padding:10px;}

.input-contact .custom-file-label::after{content:attr(title);}

.bottom-contact{position:relative;height:500px;}

.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}



/* Like Share */

.social-plugin{display:flex;justify-content:flex-start;margin-top:10px;}

.social-plugin .at-share-btn{margin-bottom:0px!important;}

.social-plugin .zalo-share-button{margin-left:3px;}



/* Phân Trang */

.pagination-home{margin-top:25px;}

.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}

.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}



/* Phân Trang Ajax */

.pagination-ajax{text-align:center; margin-top: 10px;}

.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px ;color:#333;background:#fff;border:1px solid rgba(161,161,161,0.4);font-size:12px;

cursor:pointer;padding:5px 12px 7px 12px;border-radius:0px;margin-left:-1px;}

.pagination-ajax a.current,.pagination-ajax a:hover{background:#1b75bb;color:#fff;border-color:#1b75bb;}



/* Popup custom */

.modal-custom .modal-footer{padding:0.5rem;}

.modal-custom .modal-footer .btn{font-size:14px;}



/* Popup */

#popup .modal-body{padding:0px;}



/* Hidden Google Captcha */

.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}



/* Hidden Check Grammar Coccoc */

coccocgrammar{display:none;}



/* Scroll Top */

.scrollToTop{width:41px;height:41px;text-align:center;font-weight:600;color:#444;text-decoration:none;position:fixed;bottom:65px;right:15px;display:none;z-index:10;cursor:pointer;}



/* Text Hide */

.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}



/* Transition All */

.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}



/* Scale IMG */

.scale-img{overflow:hidden;display:block;}

.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}

.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}



/* Blink */

.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}

@-moz-keyframes blink{

  0%{opacity:1.0;}

  50%{opacity:0.0;}

  100%{opacity:1.0;}

}

@-webkit-keyframes blink{

  0%{opacity:1.0;}

  50%{opacity:0.0;}

  100%{opacity:1.0;}

}

@keyframes blink{

  0%{opacity:1.0;}

  50%{opacity:0.0;}

  100%{opacity:1.0;}

}



.progress-area .row .content{

  width: 100%;

  margin-left: 15px;

}

.progress-area .details{

  display: flex;

  align-items: center;

  margin-bottom: 7px;

  justify-content: space-between;

}

.progress-area .content .progress-bar{

  height: 6px;

  width: 100%;

  margin-bottom: 4px;

  background: #fff;

  border-radius: 30px;

}

.content .progress-bar .progress{

  height: 100%;

  width: 0%;

  background: #6990F2;

  border-radius: inherit;

}

.mota_box_dv_menu span.text-split{

      -webkit-line-clamp: 2;

}



/* Button Frame */

.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}

.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}

.btn-frame i img{vertical-align:middle;width:70%;border-radius: 50%}

.btn-frame .animated.infinite{animation-iteration-count:infinite;}

.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}

.btn-frame .zoomIn{animation-name:zoomIn;}

.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}

.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}

.btn-frame .pulse{animation-name:pulse;}

.cpoyl{

  text-align: left;

  line-height: 60px;

  width: 50%;

}

.copyr{text-align: right;width: 50%;}

/* Zalo */

.btn-zalo{bottom:315px;}



/* Phone */

.btn-phone{bottom:230px;}

.box_list_user_tk b.text-split{

    -webkit-line-clamp: 1;}

/* Messenger */

.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}

.js-facebook-messenger-tooltip{bottom:97px;right:97px}

.js-facebook-messenger-tooltip{color:#404040;background:#fff}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}

.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}

.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}

.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}

.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}

.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}

.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}

.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}

.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}

.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}

.js-facebook-messenger-top-header{width:220px}

.js-facebook-messenger-top-header{color:#fff;background:#1182FC}

.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}

.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}

.js-facebook-messenger-top-header{color:#fff;background:#1182FC}

.js-facebook-messenger-top-header{width:220px}

.js-facebook-messenger-tooltip{color:#404040;background:#fff}

.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}

.js-facebook-messenger-tooltip{bottom:97px;right:97px}

.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}

.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}

.js-facebook-messenger-box.open svg#close-icon{opacity:1}



/* Cart fix */

.cart-fixed{position:fixed;right:20px;bottom:310px;z-index:10;background:#43a1f3;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;}

.cart-fixed i{font-size:20px;}

.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background:#1b75bb;text-align:center;line-height:25px;font-size:11px;border-radius:100%;}



/* Toolbar */

.toolbar{display:none;background:#fff;width:100%;padding:10px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;border-top: 1px solid #ccc}

.toolbar ul{list-style:none;display:flex;justify-content:space-between;padding:0px;margin:0px;}

.toolbar ul li{text-align:center;width:22%;}

.toolbar ul li a{display:block;width:100%;cursor:pointer;color: #aba5a5}
.toolbar ul li a:hover ,.toolbar ul li a.act{
  color: #A197FF;
}

.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a i{font-size: 20px}

.toolbar ul li a span{font-weight:400;font-size:11px;}
.li_giua{
  width: 35px !important;
}
.li_giua a{
      background: #0d3e64e3;
    color: #fff !important;
    width: 35px !important;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    display: block;
    line-height: 35px;
    box-shadow: 1px 1px 2px 2px #ccc;
}
.toolbar ul li.li_giua a i{font-size: 18px}

/* Fixbar */

.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px;}

.fixbar ul{margin:0px;padding:0px;list-style:none;}

.fixbar ul li{display:inline-block;margin:0 auto 10px;text-align:center;width:25%;float:left;}

.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}

.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}

.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}

.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}

.fixbar ul li a i{font-size:20px;}



/* Plugbar */

.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10;}

.plugbar ul{list-style:none;padding:0;margin:0px;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;align-items:center;}

.plugbar ul li{width:20%;float:left;}

.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}

.plugbar ul li a i{font-size:20px;color:#696969;}

.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px/2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}



/* Combo Phone */

.support-online{position:fixed;z-index:9;right:15px;bottom:100px;}

.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}

.support-online i{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}

.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-right:10px;

position:absolute;color:#ffffff;z-index:999;top:0px;right:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}

.support-online a:hover span{display:block;}

.support-online a{display:block;}

.support-online a span:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(103,182,52); position: absolute; right: -15px; top: 10px; right: -10px;}

.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75;right:-10px;}

.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5;}

.support-online .support-online .btn-support{cursor:pointer;}

.support-online .mes i{background:orange;}

.support-online .sms i{background:red;}

.support-online .call-now i{background:green;}
.mes {
  display: none !important;
}
.support-content a{
  display: none;
}
.box_lstt{
  margin-bottom: 20px
}
.box_lstt_detail{
    width: 33%;
    border:1px solid #ccc;
    padding: 5px 10px;
    background: #fff;
}
.title_ltt{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

/* Phone Switch */

.widget-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:9999999;}

#my-phone-circle{position:relative;width:50px!important;height:50px!important;}

.wcircle-open .wcircle-icon i:before{content:'\f00d';}

.wcircle-icon{background:#1282fc;border-radius:50%;display:flex!important;display:-ms-flex!important;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative!important;}

.wcircle-icon:before{position:absolute;content:'';width:60px;height:60px;background:rgba(18,130,252,.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;-moz-animation:pulse 1s infinite ease-in-out;-ms-animation:pulse 1s infinite ease-in-out;-o-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out;}

.wcircle-icon:after{position:absolute;content:'';width:80px;height:80px;background:rgba(18,130,252,.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;-moz-animation:zoomIn 2s infinite ease-in-out;-ms-animation:zoomIn 2s infinite ease-in-out;-o-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out;}

.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}

.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}

.wcircle-menu-item i,.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999;}

.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}

@-moz-keyframes shake-anim{

  0%{transform:rotate(0) scale(1) skew(1deg)}

  10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}

  20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}

  100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}

}

@-webkit-keyframes shake-anim{

  0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}

  10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}

  20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}

}

@-o-keyframes shake-anim{

  0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}

  10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}

  20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}

}





/* Call button */

/*==========================================CALL=============================================*/

.boxcontact_map iframe{display: block;width:100% !important;height:350px !important;}

.menu_top, .header_logores{display: none;}

.call{display:none;width:100%;  height:50px; line-height:50px; position:fixed; bottom:0px; left:0px; background:#fff; text-align:center; z-index:999999;

box-shadow: 0px -5px 5px rgba(0,0,0,0.2);}

.call div{width:25%; float:left; height:50px;}

.call strong{padding-left:38px; display:inline-block;}

.call span{display:inline-block; line-height:50px; background-size:auto 25px;

    -webkit-animation-name: blinker;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;

    -moz-animation-duration: 1s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    animation-name: blinker;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}

.call a{color:#1b75bb; font-size:14px;}

.call a i{font-size:20px;}

.blink_me a{animation:color_call 1s infinite;}

.blink_me{

    -webkit-animation-name: blinker;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;

    -moz-animation-duration: 1s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    animation-name: blinker;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}

/* CSS Document */

@keyframes color_call {

  0% {opacity: 1.0;}

    50% {opacity: 0.0;}

    100% {opacity: 1.0;}

}





/* Reset Menu Fotoer */

.mm-panel, .mm-navbar{background: #fff !important;}

.mm-listview>li>a, .mm-listview>li>span, .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{color:#333 ;}

.mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{border-color: #333 !important;}

.mm-menu.mm-current{background:#333;}

.mm-list, .mm-list > li{

  background:#333 !important;

  opacity:1;

}

.dieukhoan_in{

  padding: 50px 0px;

}

.title_dieukhoan{

  display: block;

  text-align: center;

  font-size: 28px;

   font-weight: 600;

  text-transform: uppercase;

}

.ul-tabs-pro{
padding: 10px;
text-align: center;
}

.ul-tabs-pro { list-style: none; margin-bottom: 20px;}

.ul-tabs-pro li{
      font-size: 18px;
    text-transform: capitalize;
    display: inline-block;
    color: #000;
    cursor: pointer;
    background: #eaf2ff;
    border-radius: 25px;
    padding: 5px 20px;
    margin-right: 20px;
}
.ul-tabs-pro li a{
color: #000;

}
.noidung_dieukhoan{

  max-width: 90%;
position: relative;
  margin: auto;

}

.noidung_dieukhoan table,.noidung_dieukhoan tr td{
  border: none !important;
}

.tabs-pro-detail .content-tabs{

  display: none;

}

.tabs-pro-detail .content-tabs.active {

    display: block;

}

.tabs-pro-detail .ul-tabs-pro li.active a,.tabs-pro-detail .ul-tabs-pro li:hover a {

    color: #1076bd;

}

.lienhe{

  position: relative;

  margin: auto;

  max-width: 1366px;

}

.title_lienhe{

  display: block;

  text-align: center;

  position: absolute;

  top: 35%;

  left: 0px;

  width: 100%;

  font-size: 35px;

  color: #fff;

  z-index: 9;

  text-transform: capitalize;

  

}

.dienthoai_lienhe{

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  z-index: 9;

  background: #00000052;

  color: #fff;

  padding: 20px;

}

.dienthoai_lienhe b{font-size: 24px;line-height: 60px;display: inline-block; padding-left: 70px;

 margin-right: 70px;background: url(../images/dienthoai1.png) no-repeat left center;font-weight: 600;}

.dienthoai_lienhe span{font-size: 19px;}

.guiyeucau{

  padding: 70px 0px;

  background: url(../images/bg_lienhe.png) no-repeat top center;

  padding-bottom: 0px;

}

.guiyeucau_l{width: 50%;}

.guiyeucau_r{width: 50%;}

.box_guiyeucau_l{

  margin-bottom: 20px;

}

.phanhoi_l{

  width: 50%;

  padding-left: 1%;

}

.phanhoi_r{

  width: 50%;

  padding: 0px 1%;

}



.box_guiyeucau_l img{

  float: left;

  margin-right: 20px;

  max-width: 80px;

}

.guiyeucau_name{

  

  font-size: 25px;

  color: #000;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.guiyeucau_name a{color: #000;}

.guiyeucau_name a:hover{

  color: #1b75bb;

}

.guiyeucau_chucvu{

  color: #8d8686;

  font-size: 16px;

  max-width: 50%;

  display: inline-block;

}

.title_gui{

    color: #000;

    text-transform: capitalize;

    

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 22px;

}

.input-contact span{

  display: block;

  color: #000;

  font-size: 22px;

  margin-bottom: 10px;

}

.guiyeucau_r input{

  height: 50px;

  line-height: 50px;

}

.guiyeucau_r .btn-primary{

  height: 40px;

  line-height: 40px;

  background: #2ab30a;

  width: 120px;

  text-align: center;

  

  border:none;

  padding: 0px;

  font-size: 25px;

}

.guiyeucau_r textarea{

  height: 190px;

}

.name_faqs{

  color: #1076bd;

  font-size: 18px;

  padding: 5px 0px;

  margin-bottom: 5px;

  cursor: pointer;

  position: relative;

  display: inline-block;

  padding-right: 50px;

  font-weight: 400;

}

.name_faqs.active{

  color: #1076bd 

}

.product_fqds{

  width: 90%;

}

.name_faqs:after {

     /* position: absolute;

    top: 0px;

    right: 0px;

    width: 30px;

    height: 30px;

    background: url(../images/cong.png) no-repeat top left;

    content: '';

    background-size: 100%;*/

}

.name_faqs.active:after {

  /*background: url(../images/tru.png) no-repeat top left;

   background-size: 100%;*/

}



.mota_faqs{

  font-size: 19px;

  color: #070707;

  text-align: left;

  display: none;

  padding: 5px 0px;

  width: 100%;

}

.title-user{

  color: #000;

    text-transform: capitalize;

    

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 25px;

    text-align: center;

}



.title-user_dichgia{

  color: #000;

  margin-top: 50px;

    margin-bottom: 20px;

    font-size: 25px;

    text-align: center;

}

.title-user_dichgia span{

  text-transform: capitalize;

  font-weight: 600;

  

  display: block;

}

.title-user_dichgia i{

  display: block;

  font-style: normal;

  font-size: 19px;

  text-align: center;

}

.title_dichgia_user{

    color: #000;

    margin-bottom: 10px;

    font-size: 17px;

    display: block;

    font-weight: 600;
    padding-top: 10px;


}

.tentruong{

  margin-bottom: 15px;

  display: block;

}

.fontsize15{

  font-size: 15px;

}

.mota_gt_dichgia{

  margin-bottom: 10px;

  font-size: 15px;

}

.title-user_tk{

  color: #000;

    text-transform: capitalize;

    

    display: block;

    margin-top: 20px;

    margin-bottom: 10px;

    font-size: 20px;

    text-align: left;

    font-weight: 600;

}

.title-user_tk span{

  padding-left: 4%;

}

.box_cn_dichgia {

    display: inline-block;

    position: relative;

    background: #fff;

    border: 1px solid #969494;

    padding: 5px 10px;

    margin-right: 5px;

    margin-bottom: 10px;

    border-radius: 5px;

    cursor: pointer;

}

.box_cn_dichgia span {

    color: #969494;

    display: inline-block;

    font-size: 15px;

    line-height: 30px;

    margin-bottom: 0px;

    padding-left: 35px;

}

#progressBar{display: none;}

#progressBar1{display: none;}

.box_list_nns_dichgia{

  margin-right: 2%;

  margin-bottom: 10px;

}

.box_list_nns_dichgia:nth-child(1){width: 35%;}

.box_list_nns_dichgia:nth-child(2){width: 3%;}

.box_list_nns_dichgia:nth-child(3){width: 35%;}

.box_list_nns_dichgia img{

margin-right: 5px;

max-width: 20px;

}

.info_user_id{

  color: #000

}

.dichgiacuachungtoi{

  float: right;

    padding-right: 10px;

    text-transform: none;

    font-size: 15px;

}

.box_list_nns_dichgia span{

  

}

.box_list_nns_dichgia i{

  color: red;

  

}

.trolai_donhang{

      text-align: center;

    color: #333;

    display: block;

    padding-top: 10px;

    font-size: 19px;

}

.chu_kinhnghiem_dg{

  display: block;

  padding-bottom: 5px;

}

.info_congcu_dichgia_dk .congcu_dk{

  width: 15%;

  padding: 5px;

  border-radius: 3px;

  margin-right: 1%;

  display: inline-block;

  margin-bottom: 10px;

  color: #fff;

  background: #26AFFF;

  text-align: center;

}

.bordernone{border:none !important;}

.title-user1{

  color: #000;

    text-transform: capitalize;

    

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 25px;

    text-align: left;

    padding-left: 10%;

}

.title-user1 span{

  font-weight: 600;

}

.input-dn{

  margin-bottom: 20px;

}

.input-dn input{

  background: #e3f0f9;

  height: 58px;

  line-height: 58px;

  border: 0px;

  outline: none;

  box-shadow: none !important;

  color: #000;

  font-size: 18px;

  padding-left: 10px;

}

.button-dn{

  text-align: right;

  margin-bottom: 20px;

  margin-top: 15px;

}

.button-dn input{

      color: #fff;

    background: #658ae1;

    text-transform: capitalize;

    line-height: 40px;

    height: 40px;

    text-align: center;

    width: 150px;

    display: inline-block;

    padding: 0px;

    font-size: 19px;

}

.note-user .block{

display: block;

color: red;

font-size: 16px;



padding-left: 40px;

}

.dn_nguoidich{
    display: inline-block;
    font-size: 19px;
    text-align: center;
    margin-top: 20px;

    background: #1BA511;

    padding: 10px 15px !important;

    box-shadow: 1px 1px 1px #ccc;

    border-radius: 5px;

}

.dn_nguoidich:hover{color: #fff;background:#4976e2;}

.note-user span,.note-user a{

  font-size: 17px;

  

}

.wrap-user{

  max-width: 55%;

  margin: auto;

}

.wrap-user_dichgia{

  max-width: 55%;

  margin: auto;

  margin-bottom: 40px;

  

}

.wrap-user-box{

  max-width: 50%;

  margin: auto;

  padding: 10px 0px;

}

.bordernone{

  border:none;

}

.input-group-prepend{

  display: none;

}

.form-user label{

  /*display: none;*/

}

.input-group1{

  margin-bottom: 20px;

}

.wrap-user{

  padding: 40px 0px;
  padding-top: 20px;

}

.border_user{

  border:1px solid #bbbaba;

  padding: 40px 60px;

  border-radius: 5px;

}

.border_user_dichgia{

  border:1px solid #bbbaba;

  padding: 20px;

  border-radius: 5px;

  margin-bottom: 20px;

}

.input-group1 {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

}

.input-group1 select { padding-left: 5px !important; }

.input-user input::placeholder{color:#69706b;font-size:15px;}

.input-user input,.input-user select{

  color: #69706b;

  border:none;

  border-bottom:1px solid #898989;

  padding: 0px;

  height: auto;

  padding-bottom: 2px;

  outline: 0;

  background: none;

  box-shadow: none !important;

  border-radius: 0px !important;

  font-size: 15px;

  padding-left: 5px;

}

.input-group11 input:nth-child(1){

  width: 30%;

  margin-right: 10%;

}

.input-group11 #mavung{

  width: 45%;

  margin-right: 10%;

}

.input-group11 input:nth-child(2){width: 45%;}

.radio-user{

  width: 100%;

}

.radio-user label{

  cursor: pointer;

}

.customname{

  

}

.radio-user span{

  font-size: 17px;

  

  margin-left: 5px;

}



.huydonhang{

  cursor: pointer;

}
.button-user,.button-dk{
  text-align: center;
}
.btn-block{
  display: inline-block;
  max-width: 50% !important;
}

.button-user input{
  background:#1b75bb;
  font-size: 17px;
  padding: 0px;
  line-height: 40px;
  text-align: center;
  border:none;
}

.goidv_img{

  width: 30px;

}

.dieukhoan_dk{

      text-align: center;

    max-width: 90%;

    margin: 20px auto;

    font-size: 15px;

}

.dieukhoan_dk1{

    text-align: center;

    max-width: 62%;

    margin: 20px auto;

    font-size: 19px;

}

.button-dk a{

  display: block;

    max-width: 50%;

    margin: auto;

    text-transform: uppercase;

    font-size: 17px;

    padding: 0px;

    line-height: 40px;

    background: #66cc33;

    text-align: center;

    color: #fff;

    border-radius: 5px;

}

.button-dk a:hover{background:#658ae1 }

.doanhnghiep{display: none;}

.dk_dichgia{

  background: #f5ebeb;
  padding: 30px 20px;
  border-radius: 5px;
  padding-top: 20px;
  padding-bottom: 0px;

}
.bgnone{
  background: none !important;
}

.dk_dichgia span.title_dk_dichgia{

  font-size: 21px;

  

  display: block;

  margin-bottom: 10px;

}

.dk_dichgia .widt40{

  display: inline-block;

  width: 40%;

  margin-right: 2%;

}

.widt40 select{

  width: 100%;

}

.color_dichgia_dk{

  display: inline-block;

  position: relative;

  background: #fff;

  border:1px solid #969494;

  padding: 5px 10px;

  margin-right: 5px;

  margin-bottom: 10px;

  border-radius: 5px;

  cursor: pointer;

}

.color_dichgia_dk.active{

  border:1px solid #969494;

  color: #0056b3;

}



.form-group label:before {

  content:'';

  -webkit-appearance: none;

  background-color: transparent;

  border: 2px solid #0079bf;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

}





.color_dichgia_dk input{

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border: none;

  -webkit-appearance: none;

  outline: none;

  border:0px;

  cursor: pointer;

}

.color_dichgia_dk img{

  float: left;

  margin-right: 10px;

}

.color_dichgia_dk span{

  color: #969494;

  display: inline-block;

  font-size: 15px;

  line-height: 25px;

  margin-bottom: 0px;

  padding-left: 35px;

}
.thanhtoan_doitac_moca .box_ttkh{
  display: block;
  width: 100% !important;
}

.color_dichgia_dk:hover span{color:#000;}

.color_dichgia_dk input:checked ~ span{color:#000;}

.color_dichgia_dk input:checked ~ span:after {

  content: '';

  display: block;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border: 1px solid #000;

  border-radius: 5px;

}

.themngonngu{

  cursor: pointer;

}

.themngonngu img{}

.list_ngonngu{

  padding: 5px;

}

.list_nns{

  margin-bottom: 5px;

}

.xoa_list{

  cursor: pointer;

  color: #0056b3;

}

.xoa_list:hover{color:red;}

.list_nns span{display: inline-block;margin-right: 10px;}

.mota_cv{

    color: #000;

    border: none;

    border-bottom: 1px solid #898989;

    padding: 0px;

    height: auto;

    padding-bottom: 2px;

    outline: 0;

    background: none;

    box-shadow: none !important;

    border-radius: 0px !important;

}

.input-group112 .custom-file-label{

    border: none;

    border-bottom: 1px solid #898989;

    border-radius: 0px;

    font-size: 15px;

    padding-left: 0px;

    cursor: pointer;

}

.custom-file-input{

  cursor: pointer;

}

.widthb b{

width: 20%;

font-size: 15px;

font-weight: 600;

}

.widthb .radio-user{

width: 23%;

}

.widthb select{ width:15%;margin-right: 5%;position: relative; }

#mota_cv{

    height: 100px;

    border: 1px solid #ccc;

    padding: 10px;

    border-radius: 5px !important;

}

.inven{

  display: none;

}

.imginput{

  position: relative;

  }

.imginput input{

      width: 19%;

      display: inline-block;

      margin-bottom: 10px;

}

.imginput span{

    position: absolute;

    top: 10px;

    left: 21%;

    font-size: 15px;

    color: #000;

  }

.kytu8{

  display: block;

  color: red;

  margin-top: 5px;

}

.input-group112 .custom-file-label::after {

    position: absolute;

    top: auto; 

    right: 0;

    bottom: 5px;

    z-index: 3;

    display: block;

    height: auto;

    padding: 3px 10px;

    line-height: 1.5;

    color: #fff;

    border-radius: 50px !important;

    background-color: #727f72;

    cursor: pointer;

    border-left: inherit;

    border-radius: 0 0.25rem 0.25rem 0;

}





.button-dk1 a{

  display: block;

    max-width: 62%;

    margin: auto;

    text-transform: uppercase;

    font-size: 17px;

    padding: 0px;

    line-height: 40px;

    background: #658ae1;

    text-align: center;

    color: #fff;

    border-radius: 5px;

}

.button-dk1 a:hover{background:#ac7922 }



.button-user1 input{

 max-width: 62% !important;

  background: #007bff;

  text-transform: uppercase;

  font-size: 17px;

  padding: 0px;

  line-height: 40px;

  text-align: center;

  margin: auto;

  border:none;

}

.menu_account{

  display: none;

}

.hien{display: block !important;}

.wrap-dangnhap{

  width: 100%;

  margin: auto;

  overflow: hidden;

}

.dn_left{

  width: 55%;

  height: 91vh;

}

.dn_right{

  width: 45%;

}

.auto_slide_dnkh .item_auto_slide_dnkh img{

  width: 100%;

  height: 100%;

}

.auto_slide_dnkh .owl-nav{

  display: none !important;

}

.auto_slide_dnkh .owl-dots{

     position: absolute;

    top: 59%;

    left: 0px;

    z-index: 9;

    width: 100%;

}

.mota_dn{

  position: relative;

}

.mt_dn{

  color: #fff;

  z-index: 99;

  max-width: 75%;

}

.mt_dn h3{

  font-size: 28px;

  

  

  display: block;

  margin-bottom: 30px;

}

.mt_dn p{

  font-size: 16px;

  

  margin-bottom: 20px;

}

.dichngay_dn{

  padding: 8px 25px;

  color: #fff;

  font-size: 19px;

  

  

  border-radius: 5px;

  border:2px solid #fff;

  margin-bottom: 20px;

  display: inline-block;

}

.dichngay_dn:hover{ border:2px solid #fff;background:#2ab30a;color: #fff;}

.link_dn{

  padding-left: 10%;

  margin-top: 20px;

}

.link_dn a{

font-size: 16px;

  

  display: inline-block;

  margin-right: 10px;

  color: #0f0f0fc7;

}

.link_dn a:hover{color:#000;}

.box_dn{

  padding-left: 10%;

  max-width: 75%;

}

.title-user span{

  text-align: left;

  font-weight: 600;

}

.wrap-taikhoan{

  width: 100%;

  padding-left: 0px;

}
.img_hinh picture{
  height: 40px;
  width: 40px;
  text-align: center;
  display: inline-block;
  align-items: center;
  border-radius: 50%;
  line-height: 40px;
  cursor: pointer;
}
.img_hinh:hover picture,.img_hinh picture.act{
  background: rgba(0, 0, 0,0.07);
}
.img_hinh img{
  width: 20px !important;
}

.taikhoan_left{

  background: #0091ff;

  width: 8%;

  position: fixed;

  top: 0px;

  height: 100vh

}

.taikhoan_right{

  width: 92%;

  margin-left: 8%;

}

.box_list_tk{

  text-align: center;

  margin-bottom: 20px;

 

}

.box_list_tk a{  

  padding: 10px 10px;

  width: 100%;

  display: block;

  text-align: center;

}

.box_list_tk a:hover{background:#0000AA}

.box_list_tk a.act{background:#0000AA}

.box_list_tk a img{ display: inline-block; margin-bottom: 5px;max-width: 35px;}

.box_list_tk a span{

  color: #fff;

  font-size: 14px;

  text-transform: capitalize;

  display: block;



}

.logo_tk{

  text-align: center;

}

.box_lista{

  padding: 15px 0px;

  border-top:2px solid #bbcfff;

  margin: auto;

  max-width: 80%;

}

.box_lista a{color: #fff;display: block;text-align: center;

font-size: 15px;

  

  margin-bottom: 5px;

}

.list_user_tk{

  background: #fff;

  width: 17.5%;

  padding: 20px 0px;

}

.box_list_user_tk{

  padding: 10px;
  transition: all .3s;
  position: relative;
  top: 0px;
}

.box_list_user_tk:hover{background:#0c6cec21}
.bgnones .box_list_user_tk:hover{background:none;
    transition: all .3s;
top:-5px;
}

.box_list_user_tk img{

  float: left;

  margin-right: 10px;

  width: 45px;

  height: 45px;

  border-radius: 50%;

}

.box_list_user_tk a b{
   color: #000;
  font-size: 15px;
  font-weight: 600;
}
.box_list_user_tk a b.text-split{
  
}
.header_box_content_thongbao_dichgia{
  text-align: center;
  padding-top: 40px;
}
.header_box_content_thongbao_dichgia span{
      text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    color: #4c63f2;
}
.center_s{
  text-align: center;
    background: #cccccc38;
    box-shadow: 1px -1px 4px 1px #ccc;
    padding-bottom: 20px;
    border-radius: 10px;
}
.center_box_content_thongbao .box_user_doitac img{
  max-width: 65px;
  border-radius: 50%;
}
.box_list_user_tk a span{
   color: #69706b;
  font-size: 14px;
}

.box_header_list_user_tk b{
   color: #000;
  font-size: 17px;
  display: block; 
  text-align: center;
  margin-top: 10px;
  font-weight: 600;

}

.ngonngu_user{


}

.box_header_list_user_tk{

  text-align: center;

}

.box_header_list_user_tk span{

  display: inline-block;

  padding: 5px 10px;

  color: #fff;

  font-size: 14px;

  background: #acaebf;

  border-radius: 30px;

}

.box_header_list_user_tk a{

  display: inline-block;

  padding: 5px 10px;

  color: #fff;

  font-size: 14px;

  background: #acaebf;

  border-radius: 30px;

}
.box_header_list_user_tk a.xemchitiet_chinhsach1{

    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    background: linear-gradient(to right, #0000ff9e, #ff00009e);
    text-align: center;
    margin-bottom: 10px;

}

.box_header_list_user_tk span:hover,.box_header_list_user_tk span.act{background:#4c63f2;}

.box_header_list_user_tk a:hover,.box_header_list_user_tk a.act{background:#272727;}





.ngonngu_user select{

      border: none;

    background: no-repeat;

    border-bottom: 2px solid #ccc;

    border-radius: 0px;

    margin: auto;

    max-width: 90%;

    margin-bottom: 10px;

    box-shadow: none !important; 

}

.m20{
  margin-right: 20px;
}
.p5{
  padding-right: 5%;
}
.chinhsuahoadon{
}
.chinhsuahoadon a{
  color: #fff;
    background: #272727;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    text-decoration: none;
    border: none;
    outline: none;
    border-radius: 50px;
    cursor: pointer;
}
.chinhsuahoadon a:hover{
  background: #0f0f0f;
}
.right_user_tk{
   width: 82.5%;
}
.right_user_tk_hoadon{
  width: 82.5%;
}
.header_user{
  position: relative;
}
.box_thongtindonhang_chitiet{
  margin-top: 20px;
}
.border_bottom{
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.mota_thaythoi{
  width: 90%;
  padding: 5px 0px;
  color: #878484;
}
.tongcong_giathaydoi{
  font-style: normal;
}
.box_thongtindonhang_hoadon .box_chitiet_dh{
}
.box_thongtindonhang_hoadon .box_chitiet_dh b{display: block;}
.img_header_user img{width: 100%;}

.info_header_user{

  position: absolute;

    top: 23%;

    left: 4%;

    

    z-index: 99;

    width: 50%;

}

.info_header_user img{

  float: left;

  width: 110px;

  height: 110px;

  border-radius: 50%;

  margin-right: 20px;



}

.info_header_user a b{

  color: #fff;

  font-size: 21px;

  padding-top: 20px;

  display: inline-block;

  font-weight: 600;

}

.info_header_user a span{

  color: #fff;

  font-size: 19px;

  display: block;

}



.list_menu_header_user{

      position: absolute;

    bottom: 0px;

    width: 100%;

    left: 0px;

    background: #0006;

    padding: 0px 10px;

    line-height: 52px;

}

.list_menu_header_user ul{list-style: none;padding-left: 30px;}

.list_menu_header_user ul li{ display: inline-block;margin-right: 30px;position: relative; }

.list_menu_header_user ul li.act:after{ position: absolute;bottom: 0px;left: 0px;height: 2px;width: 100%;background: #fff;content: ''; }

.list_menu_header_user ul li a{color: #fff;font-size: 19px;display: block;}

.title_taikhoan{

  padding: 5px 10px;
  border-bottom:1px solid #ccc;
  justify-content: space-between;
  box-shadow: 1px 1px 4px 1px #ccc;
  position: relative;
  z-index: 1;

}

.title_taikhoan_left{
}

.width70{

  width: 73% !important;

}

.title_taikhoan_left img{

  float: left;

  margin-right: 10px;

  height: 40px;

  width: 40px;

  border-radius: 50%;

}

.title_taikhoan_left a{

  color: #000;

  font-size: 17px;

  font-weight: 600;

}

.title_taikhoan_right{
}

.width30{width: 30% !important;display: flex;justify-content:end;}

.trangnha_header_l{

  width: 70% !important;

}

.trangnha_header_r{

  width: 35% !important;

}

.partnership_about{

  padding-left: 3%;

  max-width: 85%;

  padding-top: 20px;

}

.ten_partnership{

  display: block;

  text-transform: uppercase;

  font-size: 20px;

  

}

.paddingleft6{
}

.dongyk_dt{

  margin-top: 20px;

}

.dongyk_dt a{ display: inline-block;

  color: #fff;

  font-size: 16px;

  

  padding: 5px 10px;

  border-radius: 5px;

  background: #4c63f2;

  cursor: pointer;

 }

 .dongyk_dt a:hover{

  color: #fff;

  background: #1b75bb;

}

.chuongtb{

  position: relative;

  cursor: pointer;

}

.chuongtb1{

  position: relative;

  cursor: pointer;

}

.chuongtb:hover .a_order{display: block;}

.a_order{

    position: absolute;

    top: 30px;

    left: 0px;

    width: 200px;

    z-index: 999;

    background: #fff;

    padding: 5px;

    overflow: hidden;

    display: none;

}

.a_order a.text-split{

  -webkit-line-clamp: 1;

}

.a_order a{

  color: #333;

  font-size: 15px;

  width: 100%;

  float: left;

  margin-bottom: 5px;

}

.chuongtb span{

  position: absolute;

    background: red;

    border-radius: 50%;

    color: #fff;

    font-size: 10px;

    top: 2px;

    left: 10px;

    min-width: 15px;

    text-align: center;

    min-height: 15px;

    line-height: 15px;

}

.chuongtb1 span{

  position: absolute;

    background: red;

    border-radius: 50%;

    color: #fff;

    font-size: 10px;

    top: 0px;

    left: 15px;

    min-width: 15px;

    text-align: center;

    min-height: 15px;

    line-height: 15px;

}

.a_order a:hover{color:#4fa6eb; }

.chuongtb i{font-size: 24px;display: inline-block;padding-top: 3px;padding-right: 10px;color: rgb( 20 110 190 );}

.title_taikhoan_right img{width: 30px;}


.title_taikhoan_right .dangxuat{

  color: #a39494;

  font-size: 15px;

  display: inline-block;

  text-align: right;

  float: right;
  margin-left: 50px;

}


.dangxuat_hinh img{
  width: 20px;
  display: inline-block;
  margin-right: 5px;
}

.dangxuat_hinh i{
  font-style: normal;
}

.title_taikhoan_right a:hover i{

}
.dangxuat_hinh{
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  border-radius: 30px;
  color: #000
}
.dangxuat_hinh:hover{
  background: rgba(0, 0, 0,0.07);
}
.title_taikhoan_right .dangxuat i{ color:#272727 }

.header_taptin{

  padding: 10px;

  border-bottom: 1px solid #ccc;

}

.header_taptin1{

  padding: 10px;

  padding-bottom: 0px;

}

.chu_top_taptin{

    color: #000;

    text-transform: uppercase;

    

    display: block;

    margin-bottom: 10px;

    font-size: 15px;

    text-align: left;

    width: 50%;

}

.taodonhang{

  width: 50%;

  text-align: right;

  padding-right: 6%;

}

.taodonhang a{

  color: #fff;

    

    font-size: 19px;

    background: #80a5ff;

    width: 180px;

    text-align: center;

    line-height: 42px;

    display: inline-block;

    border-radius: 5px;

}

.taodonhang a:hover{background: #1b75bb}

.taodonhang span{

    color: #908e8e;

    

    font-size: 19px;

    margin-right: 20px;

}

.chu_dichvudichgia{display: block;margin-bottom: 10px;font-size: 16px;text-transform: uppercase;margin-top: 10px;}

.chuongtb{

  display: inline-block;

}

.congonngu{

  display: inline-block;

  position: relative;
  margin-left: 10px;

}

/*.ai a{

  display: inline-block;
  margin-left: 5px;

}

.ai a i{

  font-size: 24px;

  color: rgb( 20 110 190 );

}*/

.box_taptin{

  display: grid;

  grid-template-columns: repeat(5,1fr);

  grid-gap:15px;

  margin-top: 5px;

}
.gap20{
  gap: 20px;
}
.box_dichvudichgia{

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 5px;

}

.doitacnuocngoai{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-gap:10px;

  margin-top: 10px;

  padding: 10px;

}

.martop30{

  margin-top: 30px;

}

.chitiet_right_title_doitac{

  text-align: center;

  font-size: 16px;

  display: block;

  text-transform: uppercase;

  padding-top: 10px;

  

  

}

.box_doitacnuocngoai {

  text-align: center;

}

.box_doitacnuocngoai img{border:1px solid #ddd;}

.icon_taptin{

  background: #f8f0f0;

  padding: 10px;

  border-radius: 3px;

  color: #333;

}

.icon_taptin img{

  height: 45px;

    float: left;

    margin-right: 10px;

}

.icon_taptin:hover{ color: #fff;background: #4c63f2 }

.icon_taptin b{

    font-size: 15px;

    display: block;

    padding-left: 10px;

    font-weight: 600;

}

.box_shaw_padding{

  padding: 10px;

    border-radius: 3px;

    box-shadow: 1px 1px 2px 1px #ccc;

    margin-bottom: 5px;

    position: relative;

}

.box_shaw_padding0{

    border-radius: 3px;

    box-shadow: 1px 1px 2px 1px #ccc;

    padding: 0px;

}

.box_shaw_padding012{

  width: 80%;

    box-shadow: 1px 1px 2px 1px #ccc;

    margin-top: 30px;

    padding: 10px;

    border-radius: 3px;

}

.icon_taptin span{

  font-size: 17px;

  display: block;

  padding-left: 10px;

  

}

.wrap_tt{

  margin-top: 0px;

  padding: 20px 15px;

  border:1px solid #b1aeae;

  border-radius: 5px;

  max-width: 98%;

  margin-left: 1%;

}
.wrap_tt_hoadon{
  margin-top: 20px;
  padding: 20px 15px;
  border:1px solid #b1aeae;
  border-radius: 5px;
  max-width: 98%;
  margin-left: 1%;
}

.wrap_tt12{

  margin-top: 20px;

  max-width: 98%;

  margin-left: 1%;

  font-size: 18px;

}

.thanhtoan_goidichvu{

  padding: 0px !important;

}

.thongtinchietkhau{

  margin-bottom: 15px;

  display: none;

}

.thongtinchietkhau span{

  color: #1b75bb;

}

.pttt_gdv b{display: block;margin-bottom: 5px;font-weight: 600;}

.pttt_gdv span{ display: block;margin-bottom: 5px; }

.box_thanhtoan_gdv_pay{display: grid;grid-template-columns: repeat(5,1fr);}

.thongtinchietkhau i{margin-right:5px;}

.box_thanhtoan_gdv {

  padding: 15px;

  border-bottom: 1px solid #ccc;

}

#box_thanhtoan_goidichvu{

  display: none;

}

.muagoidv{

  cursor: pointer;

}

.padding15{

  padding: 15px !important;

}

.box_thanhtoan_gdv1 {

  padding: 15px;

  border-bottom: 1px solid #ccc;

  display: flex;

}

.d-flex-dv{

  display: flex;

}

.box_thanhtoan_gdv1 b{ width: 40%; font-weight: 600;}

.box_thanhtoan_gdv1 span{width: 60%;}



.d-flex-dv b{ width: 40%; font-weight: 600;}

.d-flex-dv span{width: 60%;}



.wrap_tt_info{

  max-width: 98%;

}

.info_dichgia_left{

  background: #fdf4f4;

  padding: 15px;

  width: 25%;

  font-size: 15px;

}

.info_dichgia_left span{

  display: block;

}

.info_dichgia_left b{

  display: block;

  margin-bottom: 10px;

  font-weight: 600;

}

.info_dichgia_select{

    background: #fff;

    border: 1px solid #ddd;

    padding:7px 10px;

    display:block;

    width: 100%;

    font-size: 15px;

    margin-bottom: 5px;

}

.info_dichgia_right{

  width: 75%;

  padding: 15px;

}

.title_info_dichgia_right span{

  display: block;

  font-size: 19px;

  text-transform: uppercase;

  

  margin-bottom: 10px;

}

.info_dichgia_content_l{

  width: 30%;

  font-size: 15px;

  padding-right: 3%;

}

.info_dichgia_content_r{

  width: 70%;

  font-size: 15px;

}

.info_dichgia_content{

  margin-bottom: 20px;

    box-shadow: 1px 1px 2px 1px #ccc;

    padding: 15px;

    border-radius: 3px;

}

.logo_info_dichgia img {

    border-radius: 50%;

    margin-right: 10px;

    float: left;

}

.logo_info_dichgia b.text-split {-webkit-line-clamp: 1;}

.logo_info_dichgia span{display: inherit;}

.truong_info_dichgia{

  font-size: 15px;

}

.truong_info_dichgia b{display: block;font-weight: 600;}

.truong_info_dichgia span{display: block;font-size: 13px;color: #938383}

.gioithieu_info_dichgia{margin-bottom: 10px;}

.gioithieu_info_dichgia.text-split{-webkit-line-clamp: 5;}

.mar0{

  margin-top: 0px;
}
.marb0{
  margin-bottom: 0px !important;
}
.title-user_tt{

  color: #000;

    text-transform: uppercase;

    

    display: block;

    margin-bottom: 10px;

    font-size: 15px;

    text-align: left;

}
.content-wrapper{
    height: 0;
    overflow: hidden;
    transition: height .45s cubic-bezier(.4, 0, .2, 1);
    
}
.content-wrapper .content{
  padding: 10px 20px;
  background: #f3f1f1c9;
}
.item .title .icon{
transition: transform .4s cubic-bezier(.4,0,.2,1);
color:#777;
}
.item.active .icon{
transform:rotate(180deg);
color:#3a5bff;
}

.mota_hotro_moi {
  width: 70%;
  margin: auto;
}
.mota_hotro_moi img{
  max-width: 100%;
  height: auto !important;
}
.title_trogiup_mok{
  padding: 20px 0px;
  font-size: 16px;
  font-weight: 600;
}
.hotro_body_l_moi{
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.docnav ul li{
  display: inline-block;
  padding-right: 20px;
}
.docnav ul li a{
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}
.docnav ul li a:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #1b75bb;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

/* hover */
.docnav ul li a:hover{
  color: #1b75bb;
  font-weight: 600;
}

.docnav ul li a:hover:before{
  transform: scaleX(1);
}
.accordion_kenh .item .title{
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.hotro_body_r_moi{
  max-width: 70%;
  margin: auto;
  border:1px solid #ccc;
  border-radius: 20px;
  padding: 10px 0px;
}
/* active */
.docnav ul li a.active{
  color: #1b75bb;
  font-weight: 600;
}

.docnav ul li a.active:before{
  transform: scaleX(1);
}

.mar0 span{padding-left: 0px !important;font-weight: 600;}

.box_wrap_taptin{

  display: flex;

}

.item_auto_hinhanhtn img{

  border-radius: 5px;

}

.taptin1{

  border-bottom: 1px solid #efebeb;

  padding: 10px 0px;

}

.taptin1:nth-child(1){

  width: 5%;

}

.taptin1:nth-child(2){

  width: 25%;

}

.taptin1:nth-child(3){

  width: 20%;

}

.taptin1:nth-child(4){

  width: 20%;

}

.taptin1:nth-child(5){

  width: 10%;

}

.taptin1:nth-child(6){

  width: 10%;

}

.taptin1:nth-child(7){

  width: 10%;

}

.box_wrap_taptins{

  display: flex;

}

.box_wrap_taptins:hover{

  background: #fdf4f4;

}

.taptin1s{

  border-bottom: 1px solid #efebeb;

  padding: 10px 0px;

  font-size: 15px;

}

.taptin1s:nth-child(1){

  width: 5%;

}

.taptin1s:nth-child(2){

  width: 20%;

}

.taptin1s:nth-child(3){

  width: 20%;

}

.taptin1s:nth-child(4){

  width: 20%;

}

.taptin1s:nth-child(5){

  width: 20%;

}

.taptin1s:nth-child(6){

  width: 10%;

}

.taptin1s:nth-child(7){

  width: 10%;

}

.taptin1s:nth-child(8){

  width: 10%;

}



.600c{

  

  font-size: 15px;

}

.chua{

  color: #000;

  font-size: 17px;

  text-transform: capitalize;

  padding-right: 40px;

  background: url(../images/icon/icon_down.png) no-repeat center right;

  line-height: 25px;

  display: inline-block;

}

.chua1thanhtoan{

  color: #000;

  font-size: 15px;

  text-transform: capitalize;

  line-height: 25px;

  display: inline-block;

}

.ten_tt{

    color: #000;

    font-size: 15px;

    text-transform: capitalize;

    line-height: 25px;

    display: inline-block;

    font-style: normal;

    padding-right: 20px;

    max-width: 270px;

    overflow: hidden;

}





.taptin1s a{

    color: #000;

    font-size: 15px;

    text-transform: capitalize;

    line-height: 25px;

    display:block;

    text-align: left;



}

.taptin1s span{

  font-size: 15px;

  display: block;

}

.chua img{

  width: 22px;

  height: 22px;

  border-radius: 50%;

  margin-right: 10px;

}

.chua1thanhtoan img{

  width: 20px;

  height: 20px;

  border-radius: 50%;

  margin-right: 5px;

}
.chuthulao{
  border-radius: 3px;
  display: inline-block;
  background: #0091ff;
  color: #fff;
  padding: 2px 5px;
}
.chutongtien{
  border-radius: 3px;
  display: inline-block;
  background: red;
  color: #fff;
  padding: 2px 5px;
}
.title_dichgia_dh{
  margin-bottom: 10px;
  font-size: 18px;
}
.chua1{

  text-align: center;

  display: block;

}

.chua1 img{ margin-top: -10px; }

.paddtop{

  padding-top: 20px;

}

.search_taptin{

  display: flex;

  margin-bottom: 20px;

      margin-left: 1%;

    max-width: 98%;

}

.bordernone{

  border: none !important;

}

.wrap-taptin_wi60{

  width: 65%;

}

.box_wrap_thanhtoan:hover{

}

.search_taptin input{

  width: 40%;

  border:1px solid #ccc9cb;

  border-radius: 5px;

  line-height: 45px;

  padding: 0px 10px;

}

.search_taptin select{

  width: 20%;

  margin-left: 10px;

  border:1px solid #ccc9cb;

  border-radius: 5px;

  line-height: 45px;

  padding: 0px 10px;

}

.wrap-trangnha{

  width: 100%;

}

.trangnha_left{

  width: 70%;

}

.trangnha_right{

  width: 30%;

  padding-left: 3%;

}

.trangnha_item{

  display: grid;

  grid-template-columns: repeat(2,1fr);

  grid-gap:20px;

  grid-row-gap: 35px;

}

.banmuondichgihomnay{

  padding: 20px;

    border: 1px solid #b1aeae;

    border-radius: 5px;

    margin-bottom: 20px;

    text-align: center;

}

.banmuondichgihomnay span{

display: block;

font-size: 18px;

font-weight: 400;

margin-bottom: 10px;

text-align: left;

}

.banmuondichgihomnay a{

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

    text-align: left;

    color: #fff;

    background: #0091ff;

    padding: 7px 20px;

    border-radius: 30px;

}

.banmuondichgihomnay a:hover{

background: #2c297d

}

.box_trangnha_item{

  border: 1px solid #d6d6d6;

  position: relative;

  box-shadow: 0px 2px 3px 1px #b4adad;

  border-radius: 10px;

  font-size: 15px;

}
.luuydh{
      padding: 10px 15px;
    color: #6c6969;
}
.thongtindonhang_thanhtoan{
  margin-top: 10px;
  margin-bottom: 10px;
}
.noidungthaydoitrengia{
  margin-top: 10px;
}
.end_box_trangnha_item_l_dichgia{

  position: relative;

}

.chiase{

  position: absolute;

  right: 10px;

  top: 0px;

}

.box_chitietdonhang{

  border-radius: 5px;

  border: 1px solid #d6d6d6;

  display: flex;

  padding: 10px;

}

.box_chitietdonhang_left{

  width: 30%;

}

.box_chitietdonhang_right{

   width: 70%;

}



.header_box_trangnha_item{

  margin: 8px;

  background: #0c6cec2e;

  padding: 5px 10px;

  margin-bottom: 15px;

  position: relative;

  border-radius: 5px;

}

.header_box_trangnha_item a{

}

.header_box_trangnha_item a b{

      float: right;

    background: #fff;

    padding: 5px 7px;

    cursor: pointer;

    border-radius: 3px;

    font-weight: 600;

}

.header_box_trangnha_item a b:hover{

  color: #fff;

  background: #007bff;

}

.dichgia_ttkhachhang_tt{

  position: absolute;

  background: #fff;

  top: 10px;

  left: 65%;

  z-index: 999;

  box-shadow: 2px 2px 4px 0px #ddd;

  padding: 5px;

  min-width: 220px;

  display: none;

  border-radius: 3px;

  }

.dichgia_ttkhachhang_tt img{

  float: left;

  border-radius: 50%;

  margin-right: 5px;

}

.dichgia_ttkhachhang_tt:before {

    position: absolute;

    content: "";

    border-color: transparent;

    border-style: solid;

    top: 37%;

    left: -19px;

    border-width: .6rem .6rem .6rem;

    border-right-color: #fff;

    z-index: 999;

}



.dichgia_ttkhachhang_tt span{margin: 0px !important;}

.dichgia_ttkhachhang_tt span.quocgia_dichgia_ttkhachhang_tt{font-weight: 400;}

.header_box_trangnha_item:hover .dichgia_ttkhachhang_tt{

display: block;

}

.header_box_trangnha_item span.text-split{

-webkit-line-clamp: 2;

}

.dangmo{

    color: #fff;

    font-size: 11px;

    padding: 3px 8px;

    background: #009900;

    border-radius: 30px;

    font-weight: 400;

    margin-left: 10px;

}

.danhan{

    color: #fff;

    font-size: 13px;

    padding: 3px 8px;

    background: #cccccc;

    border-radius: 30px;

    font-weight: 400;

    margin-left: 10px;

}

.header_box_trangnha_item h3{

    

    font-size: 17px;

    

    padding-left: 60px;

    background: url(../images/icon/i1.png) no-repeat top left;

    margin-bottom: 10px;

    line-height: 50px;

}

.header_box_trangnha_item h3.text-split{

      -webkit-line-clamp: 1;

}

.chuspan.text-split{

      -webkit-line-clamp: 1;

}

.backgroundnone{

  background: none;

  margin: 0px;

}

.backgroundnone b.chuspan{

  font-size: 16px;

  font-weight: 400;

}

.ngonngu_trangnha_item span.chudichtu{

  line-height: 25px;

  width: 20%;

   font-size: 15px;

}

.ngonngu_trangnha_item span.chudichsang{

  line-height: 25px;

  width: 20%;

  font-size: 15px;

}

.ngonngu_trangnha_item a span{

font-size: 15px;

}

.btnbut{

  width: 100%;

  display: block;

  margin-bottom: 10px;

  border-radius: 5px;

  font-size: 19px;

  

  text-align: center;

  cursor: pointer;

}

.btnbut:hover{

  background: #1e51cf;

  color: #fff;

  }

.xemtruoc{

  color: #fff;

  background: #2699fb;

}

.nhandonhang{

color: #fff;

  background: #2ab30a;



}

.chu_taodonhang{

    display: inline-block;

    padding: 4px 10px;

    color: #fff;

    border-radius: 5px;

    margin-right: 10px;

    font-size: 14px;

    border: 1px solid #ccc;

    background:#0056b3;

}

.chu_taodonhang:hover{background:#002269;color: #fff;}

.trolai{

  color: #4b5349;

  background: #fff;

  border:1px solid #5880a0;

}

.load_list_user_tk{

  height: 800px;
  background: #fdf4f4;
  overflow-y: auto;

}

.kocodhdn{

      background: url(../images/dohanganday.png) no-repeat top left;

    padding-left: 75px;

    padding-top: 10px;

    padding-bottom: 10px;

    color: #cccccc;

    font-size: 17px;

    padding-right: 30px;

}

.padding10px{

  padding: 10px !important;

}

.header_box_trangnha_item span{

  font-size: 15px;

    margin-bottom: 10px;

    font-weight: 600;

    display: block;

}

.header_box_trangnha_item a img{

  margin-right: 10px;

  max-width: 25px;

}

.header_box_trangnha_item a i{

    display: inline-block;

    font-style: normal;

    font-size: 15px;

}

.content_box_trangnha_item{

  padding: 0px 8px;

}

.ngonngu_trangnha_item{

  margin-bottom: 10px;

  padding-left: 10px;

}

.ngonngu_trangnha_item a {

    font-size: 15px;

    line-height: 20px;

    color: #000;

    display:block;

    margin-bottom: 10px;

}

.ngonngu_trangnha_item a img{

  margin-right: 5px;

  float: left;

  max-width: 20px;

}

.ngay_trangnha_item{

  position: relative;

}

.ngay_trangnha_item span{

  display: block;

  font-size: 15px;

  color: #817e7e;

  margin-left: 10px;

  margin-bottom: 5px;

}

.ngay_trangnha_item span:nth-child(1){

 

}

.gia_trangnha_item{

  padding: 5px 10px;

}
.popup_dk_l{
  width: 60%;
  padding-right: 2%;
}
.popup_dk_r{
  width: 40%;
}
.input_popup label{
  width: 18%;
  display: inline-block;
  margin: 0px;
}
.input_popup input{
  width: 80%;
  display: inline-block;
}
.input_popup select{
  display: inline-block;
  width: 39%;
}
.w110{
  width: 40% !important;
}
.w400{
  width: 80% !important;
}
.check_input_popup input{
  width: auto !important;
  padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    opacity: 0;
}
.check_input_popup label{
  width: 400px;
      position: relative;
    cursor: pointer;
}
.check_input_popup label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
.check_input_popup input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.input_popup{
  margin-bottom: 10px;
}
.raido_popup{
  margin-top: 10px;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
}
.title_raido_popup{
  margin-bottom: 10px;
}
.grid_input_popup{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
.box_content_right_popup{
  height: 150px;
  overflow-y: auto;
}
.h_box_content_right_popup{
  position: relative;
  margin-bottom: 5px;
}
.h_box_content_right_popup:before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100px;
  height: 3px;
  background: #000;
  content: '';
}
.h_box_content_right_popup b{
  font-size: 25px;
}
.gia_trangnha_item span{

  font-size: 19px;

  color: #000;

  display: inline-block;

}

.dichgia_ttkhachhang{

  padding-top: 10px;

  position: relative;

  margin-bottom: 10px;

}

.phanhoi{

  position: absolute;

  right: 10%;

  top: 10px;

  background: #272727;

    color: #fff !important;

    padding: 5px 10px;

    font-size: 15px;

    

    border-radius: 50px;

    cursor: pointer;

}
.phanhoi:hover{
  background: #0f0f0f;
}

.traloi{

  background: #43a1f3;

    color: #fff !important;

    padding: 5px 10px;

    font-size: 15px;

    

    border-radius: 5px;

    cursor: pointer;

}

.traloi:hover,.phanhoi:hover{background: #0f0f0f}

.wrap_ttw{

  padding: 10px;

}

.khachhang1form{

/*  width: 65%;*/

}

.khachhang1{

  width: 45%;

  }

.bg333{

  padding: 10px 20px;

  background:#ddd;

  border-radius: 5px;

}

.dichgia_ttkhachhang img{

  border-radius: 50%;
  float: left;
  width: 50px;
  margin-right: 10px;
  height: 50px;
}

.dichgia_ttkhachhang span{

  display: block;

}

.box33 a span:nth-child(2){font-weight: 600;}

.dichgia_ttkhachhang  span:nth-child(2){font-weight: 600;}

.gia_trangnha_item b{

  font-size: 19px;

  color: #000;

  display: inline-block;

  

  float: right;

  position: relative;

  font-weight: 600;

}

.gia_trangnha_item b span{



}

.gia_trangnha_item_doanhang{

  display: flex;

  padding: 5px 10px;

}

.boxtu{

  position: relative;

  width: 33%;

}

.boxtu i{

  font-style: normal;font-size: 21px;

  color: #000;

  display: inline-block;

}

.relati{

  position: relative;

}

.as{

  position: absolute;

  right: 0px;

  top: 10px;

  z-index: 9999;

  cursor: pointer;

}

.as .input-group-text{

    border: none;

    background: none;

}

.as .input-group-text span{ font-size: 18px; }





.as1{

  position: absolute;

  right: 0px;

  top: -7px;

  z-index: 9999;

  cursor: pointer;

}

.as1 .input-group-text{

    border: none;

    background: none;

}

.as1 .input-group-text span{ font-size: 18px; }





.as12{

  position: absolute;

  right: 0px;

  top: -7px;

  z-index: 9999;

  cursor: pointer;

}

.as12 .input-group-text{

    border: none;

    background: none;

}

.as12 .input-group-text span{ font-size: 18px; }





.boxtu b{

  font-size: 21px;

  color: #000;

  display:block;

  font-weight: 600;

  

}

.boxtu span{

  color: #817e7e;

  font-size: 13px;

  display: block;

  position: relative;

  padding-left: 50px;

}

.boxtu span:before{

  width: 40px;

  height: 13px;

  position: absolute;

  bottom: 7px;

  left: 0px;

  content: '';

  border-radius: 10px;

}

.boxtu_sotien:before{

  background: #26d51a;

}

.boxtu_thulao:before{

 background: #9ca2f6;

}



.end_box_trangnha_item{

  border-top:1px solid #c8c5c5;

  margin-top: 10px;

  padding: 10px;

  display: flex;

}

.end_box_trangnha_item_dichgia{

  border-top:1px solid #c8c5c5;

  margin-top: 10px;

  padding: 10px;

}

.end_box_trangnha_item_dichgia span{font-size: 15px;}

.end_box_trangnha_item_l_dichgia{

  margin-bottom: 10px;

  min-height: 20px;

}

.end_box_trangnha_item_l_dichgia img{

  display: inline-block;

  margin-right: 5px;

  max-width: 25px;

  border-radius: 50%;

}

.end_box_trangnha_item_l_dichgia img.act{

  border:2px solid red;

}



.end_box_trangnha_item_dichgia .xemchitiet{

  display: block;

  background: #272727;

  line-height: 45px;

  color: #fff;

  text-align: center;

  border-radius: 5px;

  font-size: 17px;

  

}
.kyhieungonngu{
  margin-bottom: 5px;
}
.kyhieungonngu img{
  width: 20px;
  height: 20px;
}
.end_box_trangnha_item_dichgia .xemchitiet:hover{

  background: #0f0f0f

}



.end_box_trangnha_item_l{

  width: 70%;

}

.ngaygui_dh{

  display: block;

  font-size: 15px;

  margin-top: 10px;

}

.end_box_trangnha_item_l img{

  margin-right: 10px;

  float: left;

  max-width: 25px;

  border-radius: 50%;

}

.end_box_trangnha_item_l b{

  display: block;

  padding-top: 10px;

  font-weight: 600;

}

.end_box_trangnha_item_l span{

  font-size: 15px;

  font-weight: 600;

  color: #002269;

}





.end_box_trangnha_item_r{

  width: 30%;

  text-align: center;

}

.end_box_trangnha_item_r span{

  display: inline-block;

}

.end_box_trangnha_item_r span:nth-child(1){color:#fff;font-size: 11px;padding: 3px 7px;margin-bottom: 10px;background: #6aac12;border-radius: 20px;}

.end_box_trangnha_item_r span:nth-child(2){

    color: #fff;

    font-size: 15px;

    background: url(../images/icon/i6.png) no-repeat top center;

    text-align: center;

    line-height: 37px;

    min-width: 50px;

    

}

.search_trangnha{

  padding: 10px 30px;

  background: #2c297d;

  border:1px solid #c9c2c2;

  border-radius: 5px;

  display: flex;

}

.taptin-select{

  background: #fff;

  border:1px solid #c9c2c2;

  border-radius: 5px;

  padding: 9px 10px;

  margin-right: 10px;

  display: inline-block;

  width: 33%;

  font-size: 15px;

}



.box_order_l{

  display: grid;

  grid-template-columns: repeat(2,1fr);

  color: #857e7e;

}

.donhang_order a{

  display: block;

  font-size: 15px;

  margin-bottom: 5px;

  padding-left: 15px;

}

.donhang_order{

  position: relative;

  margin-bottom: 30px;

}

.donhang_order:before{

  position: absolute;

  content: '';

  height: 53px;

  width: 6px;

  background: #65b318;

  top: 0px;

  left: 0px;

}

.sporder{

  padding-left: 15px;

}

.donhang_order span{color: #938383;display: block;font-size: 13px;}

.box_order{

  margin-top: 10px;

  padding-left: 15px;

}

.box_order_l span{

  width: 50%;

  text-align: center;

}

.box_order_l b{

  font-size: 17px;

  width: 50%;

  text-align: center;

  font-weight: 600;

}

.trichdan{

  width: 100%;

  margin: auto;

  background: #f9f0f0;

  padding: 60px 0px;

}

.title_trichdan{

  text-align: center;

  

  margin-bottom: 20px;

}

.title_trichdan b{

  color: #232020;

  font-size: 28px;

  display: block;

  text-align: center;

  font-weight: 600;

}

.title_trichdan span{

  display: block;

  text-align: center;

  font-size: 19px;

  color:#6d5d5d;

  margin: auto;

  max-width: 65%;

}

.title_trichdan_left{

  display: flex;
  padding: 35px 20px;
  padding-top: 20px;
  padding-bottom: 0px;

}

.tendonhang_moi{
    color: #272727;
    padding: 10px;
    padding-left: 20px; 
    display: flex;
    gap: 10px;
}

.title_trichdan_left span{

  text-transform: uppercase;

  color: #000;

  font-size: 21px;

}

.footer_user_logo{

  width: 25%;

}
.footer_user_logo img{
  max-height: 40px;
}

.span{

  width: 75%;

}

.content_trichdan{

  display: flex;

}

.trichdan_left{

  width: 70%;

  padding-right: 2%;

}

.trichdan_right{

  width: 30%;

}

.box_wrap_trichdan_left{

  display: flex;

  padding: 0px 20px;

}

.for_wrap_trichdan{

  background: #f9f0f0;

  margin-bottom: 15px;

  padding: 10px  0px;

}

.marbotom{

  margin-bottom: 10px;

}

.for_wrap_trichdan span{

  padding-left: 20px;

  font-size: 19px;

  

  display: block;

  margin-top: 5px;

}



.taptin1_trichdan a{

  font-size: 17px;

  display: block;

  color: #000;

}



.box_wrap_trichdan_left .600c{

  color: #9c8181;

  font-size: 19px;

}

.tongcong_trichdan{
  padding:15px 20px;
  text-align: right;
  font-size: 18px;
  justify-content: end;
}

.content_trichdan_left{

  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

  background: #fff;

  border-radius: 10px;

}

.end_trichdan{

  padding:60px 0px;

  margin: auto;

  max-width: 35%;

}

.taptin1{

  border-bottom: 1px solid #efebeb;

  padding: 10px 0px;

}

.w30{

  width: 33%;

}

.w25{

  width: 25% !important;

  padding-right: 10px;

  overflow: hidden;

}

.w20{

  width: 20% !important;

}

.w40{

  width: 40%;

}

.w45{

  width: 44%;

}

.w50{

  width: 50%;

  padding-right: 5%;

}

.thanhtoan3  i{

  font-style: normal;

}

.divspan i{

display: block;

font-style: normal;

color: #fff;

width: 100%;

}

.title_thanhtoan{

  padding: 10px;

  text-align: center;

  display: block;

  font-size: 19px;

  padding-bottom: 2px;

}

.chuyennganh_chu{

  max-width: 78%;

}

.dangnhap_trichdan_right .button-dn{

  margin-bottom: 0px;

}
.p-t-70{
  padding-top: 70px;
  padding-bottom: 50px;
}
.taptin1_trichdan:nth-child(1){

  

}

.taptin1_trichdan:nth-child(2){

 

}

.taptin1_trichdan:nth-child(3){

  

}

.taptin1_trichdan:nth-child(4){

 

}

.taptin1_trichdan:nth-child(5){

  

}

.taptin1_trichdan:nth-child(6){

 

}

.img_user{text-align: center;position: relative;z-index: -1;}

.img_user img{display: inline-block;border-radius: 50%;margin-bottom: 10px;}

.img_user input{width: 100%;display: inline-block;margin-bottom: 10px;}

.img_user{



}



.thanhtoan_a{

  width: 50%;

}

.thanhtoan_a a{

display: inline-block;

font-size: 15px;

color: #000;



margin-right: 20px;

padding-top: 10px;

}

.thanhtoan_a a.acta{ color: #3399cc; }



.chuthongtin_kh{
display: block;
font-size: 18px;
color: #1b75bb;
margin-right: 20px;
padding-top: 10px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.bgxamnhe{
  background: #f7f6f6f7;
}
/*.dnone{
  display: none !important;
}*/
.chdamdo{
  font-size: 20px;
  color: #1b75bb;
  font-weight: 600;
}
.textright1{
  text-align: right;
}
.textrights{
  text-align: right;
  color: #000;
  font-weight: 600;
  padding-right: 5%;
  margin-right: 20px;
}
.textrights span{
  color: #000 !important;
}
.ttkh_thanhtoan{




}

.box_ttkh{

  width: 32%;

  margin-right: 1%;

}

.box_ttkh label{
  color: #989494;
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  margin-bottom: 5px;
}
.box_ttkh_hd label{
color: #989494;
}

.box_ttkh input{

  border:1px solid #ccc;

  border-radius: 5px;

  height: 32px;

  padding: 0px 10px;

}

.mauxanh{

  color: #2699fb;

}

.border1px{

  margin-top: 30px;

  border-top: 1px solid #ddd;

  padding-top: 10px;

}

.chonhinhthucthanhtoan_l span{
  font-size: 15px;
  color: #272727;
  font-weight: 600;
}
.chitiet_dichtu{

}

.select_congchung_box_chitiet_dh_moi {

  width: 15%;

}

.select_congchung_box_chitiet_dh_moi input{

  max-width: 100%;

  line-height: 30px;

  text-align: center;

  color: #000;

  border: 1px solid #ccc;

  border-radius: 5px;

}

.xoa_box_chitiet_dh_moi{

  cursor: pointer;

}

.pading20{

  padding: 0px 20px;

  padding-bottom: 10px;

}



.table100 table {

    border-spacing: 1;

    border-collapse: collapse;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    position: relative;

}

.table100 table * {

    position: relative;

}

.table100 table thead tr {

    height: 60px;

    background: #0f0f0f;

}

.table100-head th {

    font-size: 16px;

    color: #fff;

    line-height: 1.2;

    font-weight: unset;

}
.load_ajax_pdf { position: absolute; top: -9000px; left: -9000px;width:100% }
.load_ajax_pdf1 { position: absolute; top: -9000px; left: -9000px;width:100% }
input.error {
    border: 1px solid red !important;
}
.table100-head th span{

  display: block;

  margin-bottom: 5px;

}

.column5 {

    width: 50px;

}
.boxxshare #linkshares {
    margin-right: 0px !important;
}
.referal-box input {
    border-radius: 4px 0 0 4px;
    border: 1px solid #007bff;
    position: relative;
    background: #fff;
    color: #333;
}
.referal-box button {
    background: #66cc33;
    color: #fff;
    border-radius: 0 4px 4px 0;
}
.column6,.column7,.column4{

  width: 200px;

}

.table100 td span{

  display: flex;

  margin-bottom: 5px;

  align-items: center;

}

.table100 td span img{

  margin-right: 5px;

}

.table100 table tbody tr {

}

.table100 tbody tr {

    font-size: 15px;

    color: #000;

    font-weight: unset;

    

}

.table100 table td, table th {

    text-align: left;

    padding: 10px;

}



.table100 tbody tr:nth-child(even) {

    background-color: #f5f5f5;

}

.table100 tbody tr:hover {

    color: #555;

    background-color: #f5f5f5;

    cursor: pointer;

}

.column1 {

    padding-left: 20px !important;

    padding-right: 20px;

}

.column2 {

    width: 200px;

}

.box_thongtindonhang_left{



}

.maxwidth50{

  margin: auto;

  max-width: 50%;

}

.margintop10{

  margin-top: 20px;

}

.widthauto input{

  width: auto !important;

  padding: 0px 20px;

}

.box_thongtindonhang_right{
    padding-top: 10px;
    margin-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.box_chitiet_dh{

  padding-bottom: 5px;

}

.box_chitiet_dh b{

display: inline-block;

padding-right: 10px;

font-weight: 600;

}

.box_chitiet_dichtu{

  width: 33%;
align-items: center;
}

.box_chitiet_dichtu b{

  display: block;

  padding-bottom: 7px;

  font-weight: 600;

}

.chonhinhthucthanhtoan_l{

   border-top: 1px solid #ddd;

   padding-top: 10px;

   margin-top: 5px;

}

.chonhinhthucthanhtoan_r{

}

.margintop0{

  margin-top: 0px !important;

}

.box_dichgia{

  width: 30%;

  position: relative;

}

.box_dichgia:nth-child(1){width: 40%;}

.custom-control-input-dichgia{

  float: left;

  margin-right: 10px;

  margin-top: 20px;

  }

.button_thanhtoan{

  color: #fff;

  background: #2699fb;

  display: inline-block;

  padding: 5px 10px;

  font-size: 15px;

  

  text-decoration: none;

  border: none;

  outline: none;


  border-radius: 5px;

  cursor: pointer;

}

.height20{height: 20px;}

.height30{height: 30px;}

.boxxshare{margin-right: 5px;}

.maright50{margin-right: 50px;}

.linka_ a{

  display: block;

  padding-left: 10px;

  color: #fff;

  padding-bottom: 5px;

}

.linka_ a:hover{color: #ccc}

.button_thanhtoan:hover{

  background: #43a1f3;

}

.chu_thongtinthanhtoan{

  color: #fff;

  background:#272727;

  display: inline-block;

  padding: 5px 10px;

  font-size: 15px;

  

  text-decoration: none;

  border: none;

  outline: none;

  margin-top: 10px;

  border-radius: 5px;

  cursor: pointer;

}

.chu_thongtinthanhtoan:hover{background: #0f0f0f;color: #fff;}

.img_border{

  border-radius: 50%;

  float: left;

  margin-right: 10px;

  }

.margin10px{

  margin-bottom: 10px;

}

.box_hinhthucthanhtoan{

  width: 50%;

  margin-top: 15px;

}

.box_hinhthucthanhtoan .custom-radio{

  width: 50%;

  float: left;

  margin-bottom: 7px;

}



.box_dichgia b{ display: block;padding-bottom: 7px; font-weight: 600;}

.box_dichgia a{color: #333;}

.box_dichgia a:hover b{color: #2699fb}

.box_chitiet_dh span{

  

}

.img_user .custom-file-label {

    position: absolute;

    top: auto;

    right: 0;

    left: 0px;

    z-index: 1;

    height: auto;

    padding: 0.375rem 0.75rem;

    font-weight: 400;

    color: #495057;

    background-color: #fff;

    border: none;

    border-radius: 0.25rem;

    width: 100%;

    text-align: center;

}



.borde_do{

  border:1px solid red;

  padding: 5px;

  border-radius: 50%;

}

.wrap-user-qmk{

  margin: 150px auto;

  max-width: 35%;

  border:1px solid #c0bbbb;

  padding: 30px;

  border-radius: 5px;

}

.wrap-user-qmk .button-user{

  margin-top: 20px;

}

.wrap-user-qmk .button-user input{

  width: 100%;

}

.userdichgia .button-user input{

  background: #ac7922;

  border:none;

}

.userdichgia .dlmk{

margin-bottom: 15px;

}

.button-user-dichgia{

  text-align: center;

}

.button-user-dichgia input{

  display: inline-block;
  background: #ac7922;
  border:none;

}
.button-user-dichgia .bgnutden{
  max-width: 150px !important;
}
.width_dichgia .wrap-user{

max-width: 75%;

}

.footer_user{

  border-top:1px solid #ccc;

}

.footer_user .fixwidth{

  padding: 15px 0px;

}

.content_footer_user a{



  color: #0f0f0fc7;

  font-size: 16px;

  padding-bottom: 5px;

}

.input-user-dichgia{

  margin-bottom: 10px;

}

.input-user-dichgia input{

  margin-bottom: 10px;

}

.input-user-dichgia b{

  margin-bottom: 10px;

  display: block;

  font-size: 17px;

  font-weight: 600;

}

.content_footer_user a:hover{

  color: #000;

}

.content_footer_user span{

  display: block;

  max-width: 75%;

  /*color: #6a726a;*/

  font-size: 19px;

}

.boxfooter_bottom{

  background:#272727;

}

.boxfooter_bottom .fixwidth{

padding:0px;

}

.content_footer_user:nth-child(1){

  width: 50%;

}

.content_footer_user:nth-child(2){

  width: 25%;

}

.content_footer_user:nth-child(3){

  width: 25%;

}

.dangnhap_trichdan_right{     

}

.title_thanhtoan1{

    padding: 10px;

    display: block;

    font-size: 19px;

}

.dangnhap_trichdan_right .form-user{
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 10px;

}

.dangnhap_trichdan_right .form-user-none{
    box-shadow: none !important;
    background: #fff;
    border-radius: 0px;
    padding-bottom: 10px;

}
.form-user-none .note-user-f{
  padding: 0px !important;
}

.dangnhap_trichdan_right .form-user span{

  /* display: block;

  text-align: left;

  font-size: 17px;

  color: #000;

  padding: 15px 20px;

  border-bottom: 2px solid #ede7e7;

  margin-bottom: 10px; */

}

.kh_ttkhachhang{

  width: 12%;

  margin-right: 10px;

}

.kh_ttkhachhang1 img,.kh_ttkhachhang img{

  border-radius: 50%;

}

.width74{

  width: 87%;

}

.width85{

  width: 87%;

}

.kh_ttkhachhang1{

  width: 13%;

  margin-left: 10px;

}

.dangnhap_trichdan_right .form-user .input-user{

  margin: auto;

  max-width: 80%;

  padding-top: 10px;

  padding-bottom: 10px;

}

.chuhuongdan{

  margin-bottom: 10px;

}

.dangnhap_trichdan_right .form-user .button-dn{

  text-align: center;

  margin-top: 0px;

}

.dangnhap_trichdan_right .form-user .button-dn input{
  margin: auto;
  width: 80%;
  text-align: center;
  border: none;
  font-size: 20px;
  color: #fff;

}
.dangnhap_trichdan_right .form-user .button-dn input.btn-primary{

}
.dangnhap_trichdan_right .form-user .button-dn input.btn-primary:hover{
}

.dangnhap_trichdan_right .form-user .button-dn input:hover{}

.note-user a{

  color: red;

  font-size: 17px;

  padding-bottom: 5px;

}

.row_frm_review .input-group{
justify-content: end;
}

.flex-1{

  flex: 1 1 0%;

}

.overflow-y-scroll{

  overflow-y: scroll;

}

.overflow-x-hidden{

  overflow-x: hidden;

}

.w75{

width: 95%;

}

.self-end{

align-self: flex-end;

}

.shadow {

    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);

}

.scrollbar{

  background: #e2e8f0;

  padding: 10px;height: 600px;

}

.p-4 {

    padding:10px !important;

}

.text-sm {

    font-size: .875rem;

}

.rounded-r-lg {

    border-bottom-right-radius: .5rem;

}

.rounded-r-lg, .rounded-t-lg {

    border-top-right-radius: .5rem;

}

.rounded-t-lg {

    border-top-left-radius: .5rem;

}

.bg-white {

    --bg-opacity: 1;

    background-color: #fff;

    background-color: rgba(255,255,255,var(--bg-opacity));

}

.bg-blue-100 {

    --bg-opacity: 1;

    background-color: #ebf8ff;

    background-color: rgba(235,248,255,var(--bg-opacity));

}

.mb-4{

margin-bottom: 1rem;

}

.self-start{

align-self: flex-start;

}

.flex-col {

    flex-direction: column;

}

.flex {

    display: flex;

}

.item_bank {

      display: inline-block;

  }

  .item_bank img {

      max-width: 100px;

      cursor: pointer;

  }

  .img-thumbnail {

      display: inline-block;

      max-width: 100%;

      height: auto;

      padding: 4px;

      line-height: 1.42857143;

      background-color: #fff;

      border: 1px solid #ddd;

      border-radius: 4px;

      -webkit-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s ease-in-out;

  }

  .item_bank .check {

      border: 1px solid #00970B;

  }

  .bank_quocte {

      display: none;

      margin-bottom: 10px;

  }

  .checkbox label, .radio label {

      min-height: 20px;

      margin-bottom: 10px;

      font-weight: 400;

      cursor: pointer;

  }

  .radio input[type="radio"] {

    position: absolute;

    opacity: 0;

}

  .radio input[type="radio"]:checked + .radio-label:before {

      background-color: #005cc8;

      -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;

      box-shadow: inset 0 0 0 4px #f4f4f4;

  }

.radio input[type="radio"] + .radio-label:before {

    content: "";

    background: #f4f4f4;

    border-radius: 100%;

    border: 1px solid #b4b4b4;

    display: inline-block;

    width: 20px;

    height: 20px;

    position: relative;

    top: 1px;

    margin-right: 1em;

    vertical-align: top;

    cursor: pointer;

    text-align: center;

    -webkit-transition: all 250ms ease;

    transition: all 250ms ease;

}



.note-user a:hover{color: #ff0000d4;}



.note-user-f{

  display: block;

  text-align: center;

  padding: 20px 0px;

  padding-top: 0px;

}

.note-user-f span{ display: block;text-align: center;font-size: 17px;color: #000;margin-top: 10px; }

.note-user-f a{

  display: block;background:#2ab30a;

  font-size: 21px;

  color:#fff;

  line-height: 50px;

  text-align: center;

  margin: auto;

  margin-top: 10px;

  max-width: 90%;

  border-radius: 5px;

}

.button_km{

  cursor: pointer;

}

.filepdf_a{

  background: #f9f0f0;padding: 10px;

  margin-bottom: 10px;

}

.tberror{font-size: 17px;}

.filepdf_a a{color: #000;font-size: 17px;}



.note-user-f a:hover{background: #1b75bb}

.xemlaidon:hover{background:  #1b75bb;color: #fff;}

.xemlaidon{margin-top: 10px;border-radius: 5px; max-width: 60%;background: #2ab30a;line-height: 40px;

  margin: auto;display: block;color: #fff;font-size: 17px;text-align: center;}

.banmuon_trichdan_right{

    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;

    background: #fff;

    border-radius: 10px;

    padding-bottom: 30px;

}

.chitiet_right_title{

  padding: 20px;

  border:1px solid #eee7e7;

  display: flex;

  padding-bottom: 10px;

}
.thongbaothanhtoan{
  background: red;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
}
.thongbaothanhtoan a{
  color: #fff;
}
.thongbaogiahan79{
  background: #002269;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
}
.thongbaogiahan79 a{
  color: #fff;
  cursor: pointer;
}
.chitiet_right_box{

  padding:15px 20px;

  border-bottom:1px solid #eee7e7;

  font-size: 19px;

  color: #000;

  overflow: hidden;

}

.box_content_chitiet{

  padding:5px 20px;

  font-size: 18px;
  color: #000;
  display: flex;
  justify-content: space-between;
  font-weight: 600 !important;

}

.box_content_chitiet_uudai{

  padding:5px 15px;

  font-size: 18px;

  color: #000;

  display: flex;
justify-content: space-between;
}

.box_content_chitiet_uudai b{


  text-align: right;

  color: red;

  font-weight: 600;

}

.box_content_chitiet_uudai span{


}

.box_content_chitiet span{


}

.box_content_chitiet b{

  font-weight: 600;

}
.full_thontindonghang{
    box-shadow: 1px 1px 4px 1px #ccc;
    margin: auto;
    max-width: 93%;
    margin-bottom: 20px;
    border-radius: 5px;
}
.box_content_chitiet span{

}

div#load_payment_success {

    position: fixed;

    top: 0;

    left: 0;



    width: 100%;



    height: 100%;



    z-index: 12345;



    background: #11111173;



    display:none;

}



div#load_payment_success .message {

  margin: 200px auto;width: 400px;

  background: #fff;text-align: center;

  padding: 10px;box-sizing: border-box;

}







.box_content_chitiet b{text-align: right;color: red;font-weight: 600;}

.box_content_chitiet span{text-align: left; }

.chitiet_right_title b{

  text-align: left;

  font-size: 24px;

  color: #000;

  width: 70%;

  font-weight: 600;

}

.note-user-f input{

  background: none;

  border:1px solid #c2b0b0;

  line-height: 48px;

  outline: none;

  display: block;

  text-align: center;

  font-size: 21px;

  max-width: 90%;

  margin: auto;

  margin-top: 10px;

}

.chitiet_right_title a{

  text-align: right;

  font-size: 19px;

  color: #8e95f2;

  width: 30%

}

.box_wrap_trichdan_nd{

  background: #fff;

  padding: 35px;

  border-radius: 10px;

  padding-top: 10px;

}

.title_trichdan_left b{

  font-size: 24px;

  color: #000;

  width: 70%;

  font-weight: 600;

}

.huongdandonhang{

    width: 30%;

    text-align: right;

    font-size: 15px;

    padding-top: 5px;

}

.box_wrap_trichdan_nd input{

  margin-bottom: 15px;

}

.mau_tinhtrang1{color: #1102f4 !important;}

.mau_tinhtrang2{color: #333 !important;}

.mau_tinhtrang3{color: red !important;}

.mau_tinhtrang4{color: #2c297d !important;}

.mau_tinhtrang5{color: #333 !important;}



.paging-dt-category{

      display: grid;

    grid-template-columns: repeat(1,1fr);

    max-width: 850px;

    margin: auto;

}

.chuh2faqs{

  margin: 10px 0px;
  font-size: 23px;

}

.box_wrap_trichdan_nd textarea{ height: 120px;margin-bottom: 15px; }

.box_wrap_trichdan_nd .button-user{text-align: right;}

.box_wrap_trichdan_nd .button-user input{border:none; line-height: 47px;color: #fff;background:#0f0f0f;display: inline-block;border-radius: 5px;width: 180px; }

.box_wrap_trichdan_nd .button-user input:hover{background: #272727;}



.ulbox_wrap ul{ padding-bottom: 10px;border-bottom:1px solid #dbd3d3;margin-bottom: 20px; }

.ulbox_wrap ul li{ display: inline-block;margin-right: 30px;font-size: 19px;cursor: pointer;position: relative;color:#272727 }

.ulbox_wrap ul li:hover{
  color:#0f0f0f ;
}

.ulbox_wrap ul li:after{

    content: '';

    position: absolute;

    bottom: -12px;

    left: 0px;

    height: 4px;

    width: 100%;

    background: #272727;

    display: none;

}

.ulbox_wrap ul li.acts:after{

    content: '';

    position: absolute;

    bottom: -12px;

    left: 0px;

    height: 4px;

    width: 100%;

    background: #272727;

    display: block;

}

.ulbox_wrap ul li:hover:after{display: block;}

.wrap_chitietdonhang{

  display: flex;

}

.box_wrap_trichdan_nd .content-tabs{

  display: none;

}

.box_wrap_trichdan_nd .content-tabs.acts{

  display: block;

}

.wrap_chitietdonhang_l{width: 37%;}

.wrap_chitietdonhang_r{width: 63%;border-left: 1px solid #dcd4d4;padding: 10px;}

.title_chitietdonhang_l{

  display: flex;

  

  padding: 20px;

  padding-bottom: 10px;

  padding-left: 0px;

}



.taptin .input-group112{

  border: 1px solid #ccc;

    border-radius: 5px;

    padding: 10px;

    text-align: center;

    margin-bottom: 20px;

    border-bottom: 0px;

    position: relative;

}

.taptin .input-group112 span{

  font-size: 19px;

  color: #b3beb6;

  display: block;

  padding-top: 70px;

}

.taptin .input-group112 .custom-file-label{

  border: 0px;

  margin: 0px;

  margin-top: 20px;

}

.martop20{

  margin-top: 10px;

}

.taptin .input-group112 .custom-file-label::after{

right: 45%;

}

.content_grid_bandich{

  display: grid;

  grid-template-columns: repeat(4,1fr);

  grid-gap: 10px;

}

.img_bandich{

  margin-bottom: 10px;

}
.box_muagoidichvu{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
.column{
  padding: 10px;
  background: #ececec;
  border-radius: 5px;
  position: relative;
}
.plan-title{
  color: #000;
  font-weight: 600;
  font-size: 25px;
  position: relative;
}
.plan-title:before{
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 90px;
  height: 4px;
  background: #000;
}
.price-circle{
  margin-top: 10px;
}
.price-title{
  font-size: 30px;
  color: #6798ff;
  display: block;
  font-weight: 600;
}
.badge-box{
  min-height: 50px;
}
.badge-box span{
  color: red;
  font-size: 24px;
  font-weight: 600;
}
.mota_price{
  min-height: 500px;
}
.buy-button-box{
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
}
.buy-button-box a{
  background: #fff;
  color: #000;
  border:1px solid #503ef6;
  border-radius: 30px;
  padding: 5px 30px;
  display: inline-block;
}
.maxw80{
  max-width: 80%;
  margin: auto;
}
.buy-button-box a:hover{
  color: #fff;
  background: #503ef6;
}
.img_bandich img{

 border: 1px solid #dee2e6;

}

.name_bandich a{

  color: #000;

  display: block;

  text-align: left;

}
.box_chinhsach_doitac{
  padding: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 1px #ccc;
}
.chinhsachdoitac{
  padding: 10px;
}
.title_cs_doitac span{
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 20px;
  text-align: left;
}
.box_chinhsach_doitac table{
  width: 100%;
}
.box_chinhsach_doitac table tr td {
    padding: 20px 5px;
    border: 0px solid #000;
    text-align: center;
    font-size: 16px;
}
.trcol{
  background: #f4f4f4;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
.mauxanh_moca{
  color: #5865ce;
}
.mauxanh_moca span{
      display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background: rgba(0, 0, 0, 0.07);
    color: #000;
    border-radius: 20px;
    overflow: hidden;
    padding: 5px 15px;
}
.thanhtoangoi_moca{
  display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    background: #503ef6;
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 0px 1px #ccc;
}
.tengoi{
  color: #fff;
    background: #fff;
    border-radius: 5px;
    padding: 5px 25px;
    border:1px solid #999999;
    text-transform: capitalize;
    font-size: 13px; 
    background: #272727;
}
.tengoi_mau_0{
  background: #3158deb0;
}
.tengoi_mau_1{
  background: #e27c0c;
}
.tengoi_mau_2{
  background: #1de316;
}
.tengoi_mau_3{
  background: #e7210f;
}
.tengoi_mau_4{
  background: #272727;
}
.damua_goi{
  color: #000;
    background: #cccccc5e;
    border-radius: 20px;
    padding: 5px 15px;
}
.thanhtoangoi_moca:hover{
  background: red;
  cursor: pointer;
  color: #fff;
}
.xemchitiet_chinhsach{
  display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    color: #000;
    background: #fff;
    padding: 7px 15px;
    border-radius: 30px;
    box-shadow: 1px 1px 0px 1px #ccc;
    margin-right: 10px;
    border:1px solid #ccc;
}
.xemchitiet_chinhsach:hover{
    color: #fff;
    background: #0091ff;
    cursor: pointer;

}

.xemchitiet_chinhsach1{
  display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    background: #fff;
    padding: 7px 15px;
    border-radius: 30px;
    box-shadow: 1px 1px 0px 1px #ccc;
    margin-right: 10px;
    border:1px solid #ccc;
}
.xemchitiet_chinhsach1:hover{
    color: #fff;
    background: #0091ff;
    cursor: pointer;

}
.xanhla{
   background: #2c297d;
}
.chumoca{
      display: block;
    font-size: 14px;
    font-weight: 400;
    max-width: 110px;
    text-align: center;
    background: red;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.title_chitietdonhang_l b{width: 100%; font-size: 16px;color: #000;text-transform: uppercase;font-weight: 600;}

.title_chitietdonhang_l span{width: 20%;font-size: 17px;}

.search_chitietdonhang_l{

  padding-bottom: 20px;

  border-bottom: 1px solid #eeeaea;

  padding-left: 20px;

  padding-right: 20px;

}

.search_chitietdonhang_l select{

  line-height: 30px;

  border:1px solid #e3d9d9;

  border-radius: 5px;

  width: 100%;

}

.box_trangthai{

  width: 26%;

  text-align: center;

  cursor: pointer;

}



.ngaydichgiadukien{

  font-size: 15px;

    color: #2699fb;

    margin-left: 10px;

    margin-bottom: 5px;

    width: 50%;

    border: 1px solid #2699fb;

    padding: 5px;

}

.box_trangthai.active{

  background: #272727

}
.vitrichinhsua{
  position: absolute;
  top: 10px;
  right: 0px;
}

.box_trangthai.active a,.box_trangthai.active span{color: #fff;}

.ul-tabs-dh{padding: 0px 5px;}

.nguoidichtiepnhan{

  display: block;

  padding-bottom: 5px;

  font-size: 15px;

}

.box33{

  

}

.pading120{

  padding: 10px;

  margin-bottom: 0px !important;

}

.dangtrongquatrinhdich{

  font-size: 15px;

  margin-top: 10px;

}

.relatives{

  position: relative;

}

.box33 a{color: #333;}

.box_trangthai:nth-child(4){}

.width255 .box_trangthai{width: 25% !important;}

.box_trangthai b{display: inline-block;width: 30px;height: 10px;background:#d0d4db;border-radius: 10px;font-weight: 600;}

.box_trangthai a{color: #002269;font-size: 14px;display:block;}

.box_trangthai a:hover{cursor: pointer;}

.box_trangthai span{color: #b0b2b7;font-size: 14px;display: inline-block;}

.chitietdonhang_trangthai{

  padding-top: 15px;

}

.chitietdonhang_trangthai .content-ul-tabs-dh{

  display: none;

}

.chitietdonhang_trangthai .active{

display: block !important;

}

/* TABLE */
.kt-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.kt-table thead {
    background: #f3f4f6;
}

.kt-table th,
.kt-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #e5e7eb !important;
    text-align: left;
}

.kt-table th:nth-child(1),
.kt-table td:nth-child(1),
.kt-table th:nth-child(2),
.kt-table td:nth-child(2) {
    text-align: left;
}

.kt-table tbody tr:hover {
    background: #f9fafb;
}
.chu_do{
  color: red;
}
/* TRƯỞNG NHÓM */
.kt-table tr.leader {
    background: linear-gradient(90deg, #fff7ed, #fffbeb);
    border-left: 4px solid #f59e0b;
}

.kt-table tr.leader .total {
    color: #b45309;
    font-weight: 700;
}

.badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    font-size: 11px;
    background: #f59e0b;
    color: #fff;
    border-radius: 4px;
}

/* TỔNG TIỀN */
.total {
    font-weight: 600;
    color: #065f46;
}
.kt-table thead th {
    background: #f4f6f9;
    font-weight: 600;
    text-align: center;
    padding: 8px 6px;
    border: 1px solid #dcdfe6 !important;
}

.box_chitiet_trangthai{

  margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #eeeaea;

    padding-left: 10px;

    padding-right: 10px;

    

    height: 400px;

    overflow-y: scroll;

    overflow-x: hidden;

}
.info_nhandon_qlnhom{
      width: 32%;
    padding: 0px;
    border-radius: 20px;
    overflow: hidden;
}
.nhandonhang_nhom{
  cursor: pointer;
  margin-right: 5px;
}

@-webkit-keyframes phone-shake {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(8deg); }
  20% { transform: rotate(-8deg); }
  30% { transform: rotate(8deg); }
  40% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  70% { transform: rotate(8deg); }
  80% { transform: rotate(-8deg); }
  90% { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}

@keyframes phone-shake {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(8deg); }
  20% { transform: rotate(-8deg); }
  30% { transform: rotate(8deg); }
  40% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  70% { transform: rotate(8deg); }
  80% { transform: rotate(-8deg); }
  90% { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}
.ringRing {
  -webkit-animation: phone-shake 1s infinite;
          animation: phone-shake 1s infinite;
  transform-origin: center center;
}
#noidungxemtruoc_goi{
  padding: 0px;
  width: 60%;
  min-height: 450px;
  border-radius: 15px;
  overflow: hidden;
}

.box_chitiet_tt{

  display: flex;

  padding: 15px;

  margin-bottom: 10px;

  background: #fbecec;

  width: 90%;

  border-radius: 6px;

  position: relative;

  cursor: pointer;

}

.box_chitiet_tt_l{width: 80%;}

.box_chitiet_tt_r{width: 20%;text-align: center;font-size: 15px;}

.box_chitiet_tt_l a{color: #2596d6;font-size: 15px;font-weight: 600; }

.box_chitiet_tt_l span{ display: block;color: #9f9191;font-size: 14px; }

.box_chitiet_tt_l b{display: block;color: #9f9191;font-size: 15px; font-weight: 600;}

.box_chitiet_tt_r span{display: block;margin-bottom: 5px;}

.box_chitiet_tt_r b{display: block;}

.box_chitiet_tt_l a.text-split {



    -webkit-line-clamp:2;

}

.header_chitietdonhang_r{

  border-bottom: 1px solid #efebeb;

  padding: 25px;

  display: flex;

}

.box_header_chitietdonhang_r:nth-child(1){

width: 35%;

padding-right: 5%;

}

.box_header_chitietdonhang_r:nth-child(2){

width: 45%;

}
.dhtongquan{
  justify-content: space-between;
  align-items: center;
}
.dhtongquan i{
  font-style: normal;
}
.box_header_chitietdonhang_r:nth-child(3){

width: 30%;

padding-right: 5%;

text-align: right;

}





.phanhoi_l .box_header_chitietdonhang_r:nth-child(1){

width: 50%;

padding-right: 5%;

}

.phanhoi_l .box_header_chitietdonhang_r:nth-child(2){

width: 50%;

}

.full_dichgiacuachungtoi{

  /*padding-bottom: 40px;*/

}

.box_header_chitietdonhang_r b{ font-size: 15px;display: block; font-weight: 600;}

.box_header_chitietdonhang_r span{font-size: 13px;display: block;color: #9f9191;}

.box_header_chitietdonhang_r a{color: #fff;display: inline-block;background:#34ad2b;color: #fff;text-align: center;width: 120px;line-height: 30px;border-radius: 5px;}

.content_chitietdonhang_r{

  padding: 25px;

}

.trolai1{

  color: #fff;

    background: #1e6212;

    text-transform: capitalize;

    line-height: 40px;

    height: 40px;

    text-align: center;

    width: 150px;

    display: inline-block;

    padding: 0px;

    font-size: 19px;

    margin-right: 10px;

    border-radius: 0.25rem;

}

.top_content_chitietdonhang_r{

  

}

.ten_top_content b.ten_{

  font-size: 15px;

}

.ten_top_content b.ten_:hover{color: #2c297d;}

.ten_top_content span.ma_{

  color: #9f9191;

  font-size: 14px;

  display: block;

}
.scroll_tabnav_version3{
  width: 100%;
}
.scroll_tabnav_version3.tab-fixed {
        position: fixed;
        top: 0;
        z-index: 9999999;
        background: #fff;
        padding: 5px 0;
        -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    }
    .scroll_tabnav_v li{
      display: inline-block;
    }
    .scroll_tabnav_v a {
        display: inline-block;
        width: auto;
        color: #333;
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 50px;
        text-align: center;
        transition: all .2s ease;
        padding: 5px 20px;
    }
    .scroll_tabnav_v li.active a,.scroll_tabnav_v li:hover a{
        color: #fff;
        background: #231f20;
    }
    .header_logo_muagoi{
      padding-left: 10%;
    }
    .header_logo_muagoi img{
      max-width: 150px;
    }
    .p-t-50{
      padding-top: 50px;
    }
    .p-b-50{
      padding-bottom: 50px;
    }

    .p-b-50{
      padding-left: 3%;
      padding-right: 3%;
    }
    .pa_title_main{
      text-align: center;
      padding-bottom: 20px;
    }
    .pa_title_main h2{
      text-transform: uppercase;
      display: block;
      text-align: center;
      font-weight: 600;
    }
    .pa_title_main span{
      font-size: 16px;
    }
.tens_top_content {line-height: 30px;margin-bottom: 10px;}

.tens_top_content span{ display: inline-block;font-size: 15px;color: #000;width: 140px; }

.tens_top_content b{display: inline-block;font-size: 15px;color: #000;font-weight: 600;

  

  padding-left: 5px;

  font-weight: 400;

}

.tens_top_content img{

  max-width: 20px;

}

.mota_ketquakiemtra{

  padding: 0px 10px;

  width: 70%;

}

.kichhoat a{

  display: inline-block;

    background: #2596d6;

    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

    padding: 5px 10px;

    cursor: pointer;

    border-radius: 5px;

}

.tenfiledagui{

  margin: 5px 0px;

}

#popup_kd{

  width: 60%;

  padding: 4%;

}

.kiemdinh{

  position: relative;

  padding-left: 50px;

  border-left: 1px solid #ccc;

  padding-bottom: 30px;

}

.kiemdinh:last-child{border: none;}

.kiemdinh:before{

  position: absolute;

  top: 0;

  left: -25px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  color: #fff;

  background:#2596d6;

  content: '1';

  font-size: 30px;

  

  border-radius: 50%;

}

.kiemdinh:nth-child(2):before{content: '2';}

.kiemdinh:nth-child(3):before{content: '3';}

#popup_kd b{padding-bottom: 5px;display: block;font-size: 20px;font-weight: 600;}

#popup_kd span{padding-bottom: 5px;}

#popup_kd a{ display: block;padding-top: 5px; }

.tenfiledagui a{

  color: #2596d6 !important;

    font-size: 15px;

    display: block;

    width: auto !important;

    background: none !important;

    text-align: left !important;

    padding: 0px !important;

    

}

.kichhoat1 a{

  display: inline-block;

    background: none;

    color: #333;

    font-size: 14px;

    text-transform: capitalize;

    cursor: pointer;

    border-radius: 5px;

    padding-top: 15px;

    text-align: left;

}

.title-user_tt_span{

  padding: 10px;

  margin-top: 10px;

  display: inline-block;

}

.share_co{

  display: flex;

}

.box_share_co{

  margin-right: 5px;

}
.flex_menu{
  display: flex;
  align-items: center;
  justify-content:space-between ;
}
.box_share_co img{height: 20px;}

.kichhoat1 a:hover{background: none;color:#2699fb;}

.kodh{

  background:#ebedf0 url(../images/dohanganday.png) no-repeat center center;

  width: 100%;

  height: 60vh;

  position: relative;

}

.kodh_ls{

  background:url(../images/dollar-note.png) no-repeat center center;

  width: 100%;

  height: 60vh;

  position: relative;

}

.chukocodh{

  text-align: center;

  padding-top: 40px;

}

.chukocodh_ls{

  text-align: center;

  padding-top: 40px;

}

.form-group1{

  margin-bottom: 10px;

}

.kodh span{

  position: absolute;

  top: 67%;

  left: 0px;

  width: 100%;

  text-align: center;

  display: block;

}

.kodh_ls span{

  position: absolute;

  top: 73%;

  left: 0px;

  width: 100%;

  text-align: center;

  display: block;

}

.kichhoat a:hover{background: #2c297d;}

.ten_top_content_linhvuc a{

  color: #2596d6;

  font-size: 19px;

  display: block;

  line-height: 25px;

}

.ten_top_content_linhvuc a img{

  margin-right: 5px;
  max-width: 20px;

}
.congchung_img{
  padding: 15px 20px;
}
.thongtindichgia_flex{

  margin-bottom: 10px;

}

.ten_top_content_linhvuc span{

  display: block;

  color: #9f9191;

  font-size: 15px;

}

.sotu_chitietdonhang{

  border-top:1px solid #efebeb; 

  border-bottom:1px solid #efebeb; 

  padding: 15px 30px;

  margin: 15px auto;
gap: 20px;
  display: flex;

}

.sotu_chitietdonhang_l{

  width: 30%;

}

.kichhoat1{

  width: 40%;

  text-align: right;

  background: url(../images/icon/tlgoc.png) no-repeat left top;

  padding-left: 65px !important;

  background-size: 45px;

}

.gach{

  text-decoration: line-through;

}

.mau6 i{

  display: block;

  font-size: 12px;

  color:#938383 !important;

  font-style: normal;

}

.sotu_chitietdonhang_l:nth-child(1){ background: url(../images/icon/i8.png) no-repeat left top;padding-left: 50px;background-size: 45px;}

.sotu_chitietdonhang_l:nth-child(2){ background: url(../images/icon/sotien.png) no-repeat left top;padding-left: 50px;background-size: 45px;}

.sotu_chitietdonhang_l:nth-child(3){ background: url(../images/icon/i9.png) no-repeat left top;padding-left: 55px;padding-bottom: 3px;background-size: 45px;}
.sotienthulao{ background: url(../images/icon/thulao.png) no-repeat left top !important;padding-left: 55px;padding-bottom: 3px;background-size: 50px !important;}

.sotu_chitietdonhang_l span{font-size: 17px;color: #000;display: block;}

.sotu_chitietdonhang_l b{font-size: 19px;color: #000;display: block;font-weight: 600;}

.tientrinh{

  margin-top: 20px;

  padding: 15px;

  border:1px solid #e9e3e3;

  max-width: 40%;

}

.tientrinh_top{

  margin-bottom: 10px;

}

.tientrinh_top img{

  width: 37px;

  height: 37px;

  border-radius: 50%;

  float: left;

  margin-right: 10px;

}

.tientrinh_top b{font-size: 17px;color: #000;font-weight: 600;}

.tientrinh_top span{font-size: 14px;color: #9f9191;display: block;}

.tientrinh_center span{color: #000;font-size: 17px;display: inline-block;}

.tientrinh_center{margin: 10px auto;}

.tientrinh_center i{height: 4px;background: #e3d0d0;display: inline-block;width: 55%;}

.tientrinh_center b{color: #000;font-size: 17px;display: inline-block;font-weight: 600;}



.kythuatso{

  background: #1a3737;

  margin: auto;

  padding: 50px 0px;

}

.dinhdangfile{

  margin: auto;

  margin-top: 30px;

}

.title_ktso{text-align: center;}

.title_ktso b{

    text-align: center;

    color: #fff;

    font-size: 35px;

    

    text-transform: capitalize;

    margin-bottom: 20px;

    display: block;

    font-weight: 600;

}

.title_ktso span{

    text-align: center;

    color: #fff;

    font-size: 17px;

    

    margin: 20px auto;

    display: block;

    max-width: 60%;

}

.kythuatso .nentang_name{

  color: #fff;

}

.kythuatso .nentang_mota{

  color: #fff;

}

.box_dinhdangfile{

    display: grid;

    grid-template-columns: 250px 168px 168px 250px 250px;

    grid-column-gap: 20px;

    grid-row-gap: 12px;  

}

.img_dinhdangfile{

    position: relative;

    overflow: hidden;

}

.img_dinhdangfile:nth-child(1){

  grid-column: 1;

    grid-row: 1/3;

}

.img_dinhdangfile:nth-child(2){

 grid-column: 2/3;

}

.img_dinhdangfile:nth-child(3){

  grid-column: 3/4;

 

}

.img_dinhdangfile:nth-child(4){

         grid-column: 2/3;

}

.img_dinhdangfile:nth-child(5){ 

  grid-column: 3/4;

}

.img_dinhdangfile:nth-child(6){

  grid-column: 4/5;

    grid-row: 1/3;

}

.img_dinhdangfile:nth-child(7){

  grid-column: 5/6;

    grid-row: 1/2;

}

.img_dinhdangfile:nth-child(8){

       grid-column: 5/6;

}



.img_dinhdangfile img{ width: 100%; }



.filepdf{

    padding: 10px 20px;

    background: #f7eded;

    margin-left: 20px;

    margin-right: 20px;

    

    font-size: 19px;

    margin-bottom: 10px;

}

.filepdf a{

  float: right;width: 23px;height: 22px;

  background: url(../images/icon/x.png) no-repeat center left;

}

.thontindonghang{

  padding: 20px;
  padding-left: 30px;
  padding-bottom: 10px;

}

.relative{

  position: relative;

  height: 100%;

  }

.absolute{

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

}

.blocksd{

  display: block !important;

}

.thontindonghang span{

  display: inline-block;

  padding-right: 10px;

  font-size: 16px;

  background: url(../images/icon/icon_xanh.png) no-repeat center left;

  padding-left: 20px;

}

.thontindonghang span i{

  font-style: normal;

}

.apopup{

    width: 100%;

    line-height: 40px;

    background: #fff3f3;

    text-align: center;

    color: #000;

    border: 1px solid #ccc;

    border-radius: 5px;

    cursor: pointer;

}

.title_chon{

  padding-left: 30px;

}

.box_dh input{

  margin-top: 5px !important;

  margin-left: 20px;

}

.title_chon span{

  font-size: 24px;

  background: url(../images/icon/icon_do.png) no-repeat center left;

  padding-left: 40px;

  font-weight: 600;

}

.khung_popup{

  max-width: 1020px;

  margin: auto;

  border:1px solid #969595;

  background: #fff;

  padding: 20px 80px;

  min-width: 50%;

}



.khung_popup .search{

  margin: auto;

    max-width: 700px;

    margin-bottom: 20px;

}

.heightnn{

  margin: auto;

  max-width: 700px;

  height: 225px;

  overflow-y: scroll;

}

.thanhtoan_box{

  box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;

    background: #fff;

    border-radius: 10px;

    margin-top: 15px;

    padding: 10px;

}

.box_search_kq{

    

    display: grid;

    grid-template-columns: repeat(3,1fr);

    

}

.kinhnhiem_dichgia_dk{

    display: grid;

    grid-template-columns: repeat(5,1fr);

}

.congcu_dichgia_dk{

    display: grid;

    grid-template-columns: repeat(5,1fr);

}

.kinhnhiem_dichgia_dk span{

font-size: 15px;

}

.congcu_dk span{

  font-size: 15px;

}

.box_search_kq label{ font-size: 17px; }

.box_search_kq label:hover{color: #1b75bb !important; }

.xemthempopup{

  display: block;

  font-size: 21px;

  color: #66a0ec;

  max-width: 700px;

  margin: 10px auto;

}

.khung_popup .search input{

    width: 100%;

    line-height: 50px;

    border: 1px solid #c2b0b0;

    border-radius: 7px;

    padding-left: 20px;

    font-size: 20px;

    

    color: #c2b0b0;

}

.container_label{

    display: inline-block;

    position: relative;

    cursor: pointer;

    font-size: 19px;

    user-select: none;

    padding-left: 20px;

    margin-bottom: 10px;

    

}

/*

.container_label input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}

.box_search_kq .checkmark{

  position:absolute;

  top:0;

  left:0;

  width:30px;

  height:30px;

  background:#fff;

  border-radius:50%;

  border:1px solid #6b6b6b;

}

.container_label:hover .checkmark{

  background:#f25151;

}

.box_search_kq .checkmark:after{

  content:"";

  position:absolute;

  display:none;

}

.container_label .checkmark:after{

  top:50%;

  left:50%;

  width: 15px;

  height: 15px;

  border-radius:50%;

  border: solid 3px white;

  transform:translate(-50%,-50%) rotate(45deg);

}

.container_label input:checked ~ .checkmark{

  background:#f25151;

}

.container_label input:checked ~ .checkmark:after{

  display:block;

}

*/

.timkiemtrangnha{

  padding: 10px;

  width: 70%;

  margin-top: 10px;

}



.container_label input[type="radio"]:checked,

.container_label input[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}
.invi_loading {
    visibility: hidden !important;
}
#myLoadingBar {
  position: fixed;
  top: 0px;
  left: 0;
  height: 3px; /* dày thanh */
  width: 0%;
  background-color: #1b75bb; /* màu đỏ YouTube */
  transition: width 0.4s ease;
  z-index: 9999;
}
.container_label input[type="radio"]:checked + label,

.container_label input[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 40px;

    cursor: pointer;

    display: inline-block;

    color: #666;

}

.container_label input[type="radio"]:checked + label:before,

.container_label input[type="radio"]:not(:checked) + label:before {

        content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 30px;

    height: 30px;

    border: 1px solid #848484;

    border-radius: 100%;

    background: #fff;

}

.line_s{

  display: block;

    height: 1px;

    background: #ccc;

    margin-bottom: 10px;

    margin-top: 10px;

}

.w33{

  width: 32% !important;

}

#dichgiaphanhoisua{

  margin-bottom: 10px;

}

.gia_donhang_phobien{display: flex;}

.gia_donhang_phobien1{
  width: 31%;
  border:1px solid #ccc;
  border-radius: 3px;
  transition: all .3s;
  margin-right: 2%;
  position: relative;
  top: 0px;

}

.box_gia_donhang_phobien1{

  padding: 10px;

  border-top:1px solid #ccc;

}

.nhanxet_cuakh{

    background: #ece4e4;

    padding: 10px;

    margin-top: 10px;

    border-radius: 5px;

}

.guitinnhandenkhachhang {

    display: inline-block;

    padding: 3px 10px;

    background: #2699fb;

    color: #fff;

    border-radius: 3px;

    cursor: pointer;

    margin-top: 5px;

}

.guitinnhandenkhachhang:hover{

  background:#2c297d;

  color: #fff;

}

.nhanxet_cuakh b{

  display: block;

  text-transform: uppercase;

  margin-bottom: 10px;

  font-weight: 600;

}

.container_label input[type="radio"]:checked + label:after,

.container_label input[type="radio"]:not(:checked) + label:after {

        content: '';

    width: 20px;

    height: 20px;

    background: #f25151;

    position: absolute;

    top: 5px;

    left: 5px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.container_label input[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.container_label input[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}





.input_dh{

  display: flex;

}

.input_dh span{

  color: #000;

  font-size: 19px;

  width: 18%;

}

.xanhdam{

  background: #000066;

}

.thongtinthanhtoan{

  margin-bottom: 10px;

}

.btn-upload{

    position: absolute;

    top: 27px;

    right: 45%;

    bottom: 5px;

    z-index: 3;

    display: block;

    height: 38px;

    width: 130px;

    line-height: 38px;

    padding: 0px;

    color: #fff;

    border-radius: 5px !important;

    background-color: #727f72;

    cursor: pointer;

    border-left: inherit;

    border-radius: 0 0.25rem 0.25rem 0;

}

.dichgihomnaykhtest input{

    position: absolute;

    top: 27px;

    right: 45%;

    bottom: 5px;

    z-index: 3;

    display: block;

    height: 38px;

    width: 130px;

    line-height: 38px;

    padding: 0px;

    color: #fff;

    border-radius: 50px !important;

    background-color: #727f72;

    cursor: pointer;

    border-left: inherit;

    border-radius: 0 0.25rem 0.25rem 0;

    outline: none;

}

.bell_img{

  border-radius: 0px !important;

}

.dangxuat_img{

  border-radius: 0px !important;

}

.dichgihomnaykhtest .custom-file-label {

    position: absolute;

    top: auto;

    right: 0;

    left: 0px;

    z-index: 1;

    height: auto;

    padding: 0.375rem 0.75rem;

    font-weight: 400;

    color: #495057;

    background-color: #fff;

    border: none;

    border-radius: 50px

    width: 100%;

    outline: none;

}

.dichgihomnaykhtest .custom-file-label::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    height: calc(1.5em + 0.75rem);

    padding: 0.375rem 0.75rem;

    line-height: 1.5;

    color: #fff;

    content: " Choose file";

    background-color: #727f72;

    border-left: inherit;

    border-radius: 50px;

    font-size: 17px;

}

.relatives input{

  width: 18%;

}

.hoanthanh_box_shaw_padding{

  width: 50%;

}

.relatives span{display:block;font-size: 15px;}

.relatives .custom-file-label {

    position: absolute;

    top: -3px;

    right: 0;

    left: 0px;

    z-index: 1;

    height: auto;

    padding: 0.375rem 0.75rem;

    font-weight: 400;

    color: #495057;

    background:none;

    border: none;

    border-radius: 0.25rem;

    width: 16%;

    outline: none;

}

.khachhang1form .relatives input{width: 25%;}

.khachhang1form .relatives .custom-file-label {width: 23%}

.relatives .custom-file-label::after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    height: calc(1.5em + 0.75rem);

    padding: 0.375rem 0.75rem;

    line-height: 1.5;

    color: #fff;

    content: " Choose file";

    background-color: #727f72;

    border-left: inherit;

    border-radius: 50px;

    font-size: 15px;

    text-align: center;
    min-width: 115px;

}

.box_chitiet_tt.act{

  position: relative;

   background: #e0d8d8

}

.khungviendh{

  border: 1px solid #4c63f2;

}

.box_cn_dichgia_info{

  display: inline-block;

}



.box_chitiet_tt:hover{

  background: #e0d8d8;

}



.box_chitiet_tt.act:after,

.box_chitiet_tt.act:before {

  left: 100%;

  top: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}

.box_chitiet_tt.act:after {

  border-color: rgba(136, 183, 213, 0);

  border-left-color: #e0d8d8;

  border-width: 15px;

  margin-top: -15px;

}

.box_chitiet_tt.act:before {

  border-color: rgba(194, 225, 245, 0);

  border-left-color: #fff;

  border-width: 26px;

  margin-top: -26px;

}

.box_chitiet_tt.act.khungviendh:before {

  border-color: rgba(194, 225, 245, 0);

  border-left-color: #4c63f2;

  border-width: 16px;

  margin-top: -16px;

}



.box_chitiet_tt:hover:after,

.box_chitiet_tt:hover:before {

  left: 100%;

  top: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}

.box_chitiet_tt:hover:after {

  border-color: rgba(136, 183, 213, 0);

  border-left-color: #e0d8d8;

  border-width: 15px;

  margin-top: -15px;

}

.box_chitiet_tt:hover:before {

  border-color: rgba(194, 225, 245, 0);

  border-left-color: #fff;

  border-width: 26px;

  margin-top: -26px;

}

.box_chitiet_tt.khungviendh:hover:before {

  border-color: rgba(194, 225, 245, 0);

  border-left-color: #4c63f2;

  border-width: 16px;

  margin-top: -16px;

}

.box_thanhtoans{

  border:1px solid #d9d0d0;

  border-radius: 5px;

  padding:7px 20px;

  width: 100%;

  margin-bottom: 20px;

  margin-top: 20px;

}

.icon_bthanhtoan{

  text-align: center;

  width: 100%

}

.icon_bthanhtoan b{

  display: block;

  text-align: center;

  margin-bottom: 10px;

  font-size: 19px;

  font-weight: 600;

}

.icon_bthanhtoan span{

  display: block;

  text-align: center;

  font-size: 17px;

   color: #807878;

}

.box_wrap_thanhtoan{

  display: flex;

  border-bottom: 1px solid #eeeaea;

  padding-bottom: 10px;

  font-size: 15px;

}

.thanhtoan1{

  width: 16%;

}

.ls2{

  width: 20%;

  font-size: 15px;

}

.thanhtoan2{

  width: 10%;

}

.thanhtoan3{

  width: 11%;

}

.thanhtoan2 b{

  display: block;

  font-weight: 600;

}

.thanhtoan3 span{

  display: block;

  font-style: normal;

}

.thanhtoan3  a{

  display: block;

}

.thanhtoan2:nth-child(1){

  width: 5%;

}



.thanhtoan2:nth-child(2){

  width: 20%;

}

.thanhtoan2:nth-child(3){

  width: 15%;

}

.thanhtoan2:nth-child(4){

  width: 15%;

}

.thanhtoan1:nth-child(1){

  width: 5%;

}

.thanhtoan1:nth-child(2){

  width: 23%;

}

.thanhtoan1:nth-child(3){

  width: 16%;

}

.thanhtoan1:nth-child(4){

 width: 16%;

}

.thanhtoan1:nth-child(5){

  width: 16%;

}



.thanhtoan1:nth-child(6){

  width: 8%;

}



.thanhtoan1:nth-child(7){

  width: 8%;

}



.thanhtoan1:nth-child(8){

  width: 8%;

  text-align: center;

}





.thanhtoan3:nth-child(1){

  width: 20%;

}

.thanhtoan3:nth-child(2){

  width: 20%;

}

.thanhtoan3:nth-child(3){

  

}

.thanhtoan3:nth-child(4){

  /*width: 8%;*/

}

.thanhtoan3:nth-child(5){

}

.thanhtoan3:nth-child(6){

}

.thanhtoan3:nth-child(7){

  width: 13%;

}

.thanhtoan3:nth-child(8){

  width: 9%;

}

.thanhtoan3par:nth-child(1){width: 5%;}

.thanhtoan3par:nth-child(2){width: 20%;}

.thanhtoan3par:nth-child(3){width: 15%;}

.thanhtoan3par:nth-child(4){width: 25%;}

.thanhtoan3par:nth-child(5){width: 15%;}

.w101{

  width: 10% !important;

}

.w102{

  width: 15% !important;

}

.w102 span{

  width: 70%;

}

.wspan{

  width: 80%;

}

.w103{

  width: 24% !important;

}

.ht{

    background: #7cacf3 !important;

    color: #fff !important;

    padding: 1px 10px;

    border-radius: 20px;

    font-size: 13px;

    display: inline-block;

    text-align: center;

}

.hotd{

  background: #6aac12 !important;

}

.cxl{

  background: #7a8493 !important;

}

.thanhtoan1:nth-child(3) .chua1thanhtoan{

    color: #fff;

    

    text-align: center;

}



.a_bieudo{

  width: 50%;

}

.a_bieudo a{

  color:#000;

  display: inline-block;

  font-size: 15px;

  

  margin-right: 20px;

  padding-top: 10px;

}

.a_bieudo a.act{

  

}

.bieudo_left{

width: 50%;

padding-right: 2%;

}

.bieudo_right{

  width: 50%;

  padding-left: 2%;

}

.bieudo_item{

  border:1px solid #dddcdc;

  border-radius: 5px;

  padding: 20px;

}

.bordernone{

  border:0px !important;

}

.ul_bieudo_item{

  margin-bottom: 20px;

}

.padding0{

  padding: 0px !important;

}

.ul_bieudo_item li{

  font-size: 19px;

  color: #000;

  

  display: inline-block;

  margin-right: 20px;

  border-bottom: 2px solid #fff;

  cursor: pointer;

}

.box_kiemtra_item{

  padding: 10px 20px;

  margin-bottom: 20px;

  width: 70%;

}

.maus_tb{

  background:#429229;

  color: #fff;

  padding: 5px;

  margin-bottom: 10px;

}

.header_box_kiemtra_item{width: 30%}

.ngonngu_kiemtra_item{width: 40%}

.chuyennganh_kiemtra{width: 30%;padding-top: 10px;}

.header_box_kiemtra_item b{display: block;font-weight: 600;}

.header_box_kiemtra_item a{color: #fff;background: #4541c8;padding: 3px 5px;display: inline-block;cursor: pointer;border-radius: 3px;}

.header_box_kiemtra_item a:hover{background: #007bff;}

.ngonngu_kiemtra_item a{display: block;margin-bottom: 5px;color: #333;}

.ngonngu_kiemtra_item a span{ padding-right: 5px; min-width: 90px;float: left;}

.ngonngu_kiemtra_item a img{margin-right: 5px;}

.chuyennganh_kiemtra img{float: left;}

.chuyennganh_kiemtra i{font-style: normal;padding-top: 5px;color: #007bff;padding-left: 5px;float: left;}



.ul_bieudo_item li.acts{ border-bottom: 2px solid #2d96d3; }

.bieudo_item .content-tabs{

  display: none;

}

.title_thongbao b{

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 600;

}

.bieudo_item .content-tabs.acts{display: block;}

.pos{

  position: relative;

}

.ggdich_maintain{

  /*position: absolute;

  top: 20px;

  right: 255px;*/

  display: inline-block;
/*  margin-top: 15px;*/
}

.ggdich_maintain_img{

/*  margin-top: 5px;*/

}
.input-user .select2-container--default .select2-selection--single{

  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #898989;

}
.input-user .select2-container{
  max-width: 100%;
}

.ngonnguclick{

  display: inline-block;

}

.ggdich_maintain a{cursor: pointer;}

.ggdich_maintain img{width:30px;}

.ggdich_maintain_mobile{float: right;margin-top: 5px;margin-right: 10px;}

.ggdich_maintain_mobile a{cursor: pointer;}

.ggdich_maintain_mobile img{width:30px;}

.ngonngu_header{

  position: absolute;

  display: none;

  top: 28px;

  left: -5px;

  background:#fff;

  padding: 5px;

  width: 150px;

  z-index: 9999;

}

.ggdich_maintain:hover .ngonngu_header{

 display: none;

 

}

.ggdich_maintain1:hover .ngonngu_header{

 display: none;

}
.click-export-pdf{
  color: #fff;
    background: #272727;
    display: inline-block;
    padding: 5px 15px;
    font-size: 15px;
    text-decoration: none;
    border: none;
    outline: none;
    margin-top: 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 10px;
}
.click-export-pdf:hover{
  background: #0f0f0f;
  color: #fff;
}

.click-export-pdf i{
  display: inline-block;
  margin-right: 5px;
}
.ggdich_maintain1 a{cursor: pointer;}

.ngonngu_header a{

  display: flex;

  margin-bottom: 5px;

  color: #333;

  line-height: 20px;

}

.ngonngu_header a:hover{color: red}

.ngonngu_header a img{

  float: left;

  margin-right: 5px;

  width: 30px;

  height: auto !important;

  }



.custom-select{

  

    font-size: 15px;

}

.dichngay_icon{

  position: fixed;

  top: 35%;

  right: 10px;

  padding: 5px;

  z-index: 999;

  text-align: center;

  border-radius: 5px;

}

#noidungxemtruoc{

  padding: 20px;

  width: 70%;

  min-height: 450px;

}

#noidungxemtruoc1{

  padding: 20px;

  width: 70%;

  min-height: 450px;

}

.noidungxemtruoc_chungchi{

  padding: 20px;

  width: 70%;

  min-height: 450px;

  text-align: center;

}
.aqlnhom_{
  margin-bottom: 10px;
}
.aqlnhom_ a{
    display: inline-block;
    color: #000;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 600;
    background: #fff;
    border:1px solid #7F9ACB;
}
.aqlnhom_ a:hover,.aqlnhom_ a.act{
  background: #7A3EEF;
  color: #fff;
}
.slcongchungb{
  font-weight: 600;
}

.formgroup input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.formgroup label {
  position: relative;
  cursor: pointer;
}
.formgroup label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.formgroup input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.noidungxemtruoc_chungchi img{

  display: inline-block;

}

#khachanghuydon_popup{

  padding: 20px;

  width: 70%;

  min-height: 400px;

}

.huykhachhang_popup{

  color: #fff;

    background: #272727;

    display: inline-block;

    padding: 5px 15px;

    font-size: 15px;

    

    text-decoration: none;

    border: none;

    outline: none;

    margin-top: 10px;

    border-radius: 50px;

    cursor: pointer;

}
.huykhachhang_popup:hover{
  color: #fff;
  background: #0f0f0f;
}

.huydichgia_popup{

  color: #fff;

    background: #272727;

    display: inline-block;

    padding: 5px 15px;

    font-size: 15px;

    

    text-decoration: none;

    border: none;

    outline: none;

    margin-top: 10px;

    border-radius: 50px;

    cursor: pointer;

}
.huydichgia_popup:hover{
  background: #0f0f0f;
}

#xemtruocvanbannguon{

  padding: 20px;

  width: 70%;

  min-height: 450px;

}

.bxx_nhandon{

  padding-top: 20px;

  padding-left: 10%;

  }

.bxx_nhandon a{

  background: #009900 !important;

}

.bxx_nhandon a:hover{

  background: #1b75bb !important;

}
.popup_dk{
  background: #fff;
  padding: 20px;
  margin: auto;
  width: 75%;
}
.content_popup_dk{
  width: 100%;
  background: #98e30a;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 20px;
}
.popup_dk_title{
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.popup_dk_title b{
  text-transform: uppercase;
  font-size: 25px;
  display: inline-block;
}
.dichngay_icon:hover{}

.dichngay_icon:hover span{color: #fff;}

.ngayguidonhang b{display: block;font-weight: 600;}

.button_dh a {

    display: inline-block;

    background: #272727;

    color: #fff;

    font-size: 15px;

    padding: 5px 10px;

    cursor: pointer;

    text-align: center;

    margin-bottom: 15px;

    border-radius: 50px;

}

a.huydonhang{

    display: block;

    background: rgba(0, 0, 0, 0.1);

    color: #000;

    font-size: 15px;

    text-transform: capitalize;

    cursor: pointer;

    width: 150px;

    text-align: center;

    border-radius: 50px;

    line-height: normal;

    height: 35px;

    overflow: hidden;

    line-height: 35px;

}
.gap10{
  gap: 10px;
}
a.huydonhang:hover{background:rgba(0, 0, 0, 0.05);}

.button_dh a:nth-child(2){background: #33cc00;}

.button_dh a:hover{background:#0f0f0f;}



.dichngay_icon img{width: 70px;}

.dichngay_icon span{color: #000;display: block;text-align: center;padding-top: 5px;

  text-transform: capitalize;}

.w45 img{height: 45px;float: left;margin-right: 10px;}

.button_hoanthanhdonhang{

  background: #272727;

  display: block;

    color: #fff;

    font-size: 15px;

    padding: 5px 10px;

    cursor: pointer;

    width: 200px;

    text-align: center;

    margin-bottom: 15px;

    border-radius: 50px;

    margin-top:10px;

}
.button_hoanthanhdonhang:hover{
  background: #0f0f0f;
  color: #fff;
}

.button_guifile{

  background: #33cc00;

  display: block;

    color: #fff;

    font-size: 15px;

    text-transform: capitalize;

    padding: 5px 10px;

    cursor: pointer;

    text-align: center;

    margin-bottom: 15px;

    border-radius: 5px;

    margin-top:10px;

    min-width: 140px;

}

.margin234{

  margin-right: 10px;

  margin-bottom: 10px;

}

.taifile{

  display: block;

  text-align: center;

  padding: 10px;

  font-size: 15px;

}

.content_trichdan1 .content_trichdan_left{

  padding-bottom: 10px;

}

.d-flex-menu{

  display: -ms-flexbox;

  display: flex;

}

.grid_goidichvu{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-gap: 20px;

    margin: auto;

    max-width: 80%;

}
.nd_hotro img{
  height: auto !important;
}

.box_goidichvu{

  box-shadow: 1px 1px 2px 1px #ccc;

  border-radius: 3px;

  padding-bottom: 15px;

}

.header_box_goidichvu{

  background: #80a5ff;

  color: #fff;

  padding: 10px;

  border-radius: 3px 3px 0px 0px;

}

.header_box_goidichvu b{

text-align: left;

font-weight: 600;

}

.info_header_goidichvu span{ float: left; }

.dathang_goidichvu{ text-align: center; }

.dathang_goidichvu a{

    display: inline-block;

    border: 1px solid #80a5ff;

    padding: 5px 10px;

    font-size: 18px;    

    border-radius: 3px;

    color: #000;

    margin-top: 10px;

}

.info_header_goidichvu a{ float: right;color: #fff;cursor: pointer; }

.info_header_goidichvu a:hover{text-decoration: underline !important;}

.gia_goidichvu{display: block;text-align: center;font-size: 30px;padding: 10px;border-bottom: 1px solid #ccc;}

.center_goidichvu{

  text-align: center;

  padding-top: 10px;

}

#ketqua_dh{

  cursor: pointer;

  background: #003399;

  color: #fff;

  text-transform: uppercase;

  padding: 0px 7px;

  border-radius: 5px;

  display: inline-block;

  line-height: 42px;

  width: 25%;

  text-align: center;



}

.bordernone{

  border: 0px !important;

}

.center_goidichvu span{ text-align: left; }

.center_goidichvu b{

  text-align: center;

  display: inline-block;

  position: relative;

  color: #1b75bb;

  font-size: 26px;

  font-weight: 600;

}

.nhanbaogiangay{

    display: block;

    color: #000;

    background: #f32626;

    padding: 10px 20px;

    border-radius: 5px;

    text-align: center;

    text-transform: capitalize;

    

    text-shadow: 1px 1px 4px #fff;

}

.nhanbaogiangay:hover{color: #fff !important;}

.vechungtoi_index{

  padding: 40px 0px;

  max-width: 70%;

  margin: auto;

}

.baivietvechungtoi_l{

  width: 35%;

}

.box_vechungtoi_index{

  padding: 15px 0px;

}

.baivietvechungtoi_l b{

    text-align: left;

    font-size: 30px;

    

    margin-bottom: 20px;

    font-weight: 600;

}

.baivietvechungtoi_r{

  width: 75%;

  padding-left: 5%;

}

.center_goidichvu b span{

  position: absolute;

    bottom: 0px;

    left: 105%;

    color: #000;

    font-size: 15px;

    width: 70px;

    font-weight: 400;

}

.f_goidichvu{

  padding: 10px;

  text-align:center;

  color: #1b75bb;

}

.f_goidichvu i{margin-right: 5px;}

.center_goidichvu a{

      display: block;

    margin: 5px 15%;

    border: 1px solid #80a5ff;

    padding: 3px 5px;

    font-size: 18px;

    border-radius: 3px;

    color: #000;

    margin-top: 10px;

}

.center_goidichvu a:hover{color: #1b75bb}

.chu_goidichvu{display: block;text-align: center;

margin-bottom: 20px;

}

span.chu_mienphi{

display: block;

text-align: left;

padding-left: 10px;

}

#uoctinhphi{

  width: 70%;

}

.header_phi{

  display: flex;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 2px solid #ccc;

}

.header_phi a{ width: 32%; }

.header_phi a span{display: block;}

.sotu_content_phi b{

  float: left;

  margin-right: 5%;

  font-size: 26px;

  color:#1b75bb;

  font-weight: 600;

}

.dh_phia {

  float: left;

}

.dh_phia a{

  display: inline-block;

  padding: 9px 20px;

  color: #fff;

  background: #9999ff;

  border-radius: 3px;

  line-height: normal;

}

.dh_phia a:hover{background: #003399;}

.hotro_body{}

.hotro_body_l{

    width: 25%;   

    position: sticky;

    top: 85px;

    float: left;

  }

.hotro_body_r{width: calc(100% - 25%);float: left;padding-left: 3%;padding-top: 30px;}

ul#doc-menu{top:15px;}



.hotro_body_l ul{}

.hotro_body_l ul li{position: relative;display: block;}

.hotro_body_l ul li a{}

.hotro_body_l ul li b{}

.doc-menu>li>a {

    display: block;

    padding: 5px 15px;

    border-left: 4px solid transparent;

    color: #616670;

    font-size: 20px;

    cursor: pointer;

}
.help_img{
  border-radius: 50%;
}
.doc-sub-menu{

  display: none;

  height: 400px;

  overflow-y: scroll;

}

.doc-sub-menu>li:first-child {

    padding-top: 5px;

}

.doc-sub-menu>li {

    margin-bottom: 10px;

    font-size: 12px;

}

.doc-sub-menu>li>a {

    display: block;

    color: #616670;

    padding: 0;

    padding: 0 0 0 34px;

    background: none;

    font-size: 16px;

    cursor: pointer;

}

.doc-sub-menu>li>a:hover{

  color: #1b75bb;

}

.doc-sub-menu>li>a.active{color: #007bff;}

.affix {

  position: fixed !important;

  top:75px !important;

  width: 280px !important;

}

.doc-title{
  color: #1b75bb;
  font-size: 22px;
  margin: auto;
  max-width: 70%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.doc-header{
  padding: 10px 0px;
}

.doc-title .icon{

  margin-right: 10px;

}

.doc-section .section-title {

    font-size: 26px;

    margin-top: 0;

    margin-bottom: 0;

    

    padding-bottom: 10px;

    border-bottom: 1px solid #d7d7d7;

}

.section-block {

    padding-top: 15px;

    padding-bottom: 15px;

    width: 85%;

}

a.taibiennhan{

  color: #fff;

  cursor: pointer;

  width: auto;

  padding: 3px 10px;

}

a.taibiennhan:hover,.taibiennhan_moi:hover{

  background: #43a1f3;
  color: #fff;
}
.taibiennhan_moi{
   color: #000;
  cursor: pointer;
  width: auto;
  padding: 3px 10px;
  border:1px solid #ccc;
  border-radius: 3px;
  margin-top: 5px;
  display: inline-block;
}

.thongbao_left{

  width: 90%;

}

.thongbao_item{

  display: grid;

    grid-template-columns: repeat(1,1fr);

    margin-top: 10px;

}

.left_box_thongbao_item{

  width: 40%;

}

.content_box_thongbao_item{width: 30%;}

.end_box_thongbao_item{width: 30%;position: relative;}

.left_box_thongbao_item .ngay_trangnha_item span{margin-left: 0px;}

.left_box_thongbao_item .gia_trangnha_item span{margin-right: 50px;}

.left_box_thongbao_item .gia_trangnha_item b{float: none;font-weight: 600;}

.chudonhang{font-size: 18px;}

.content_box_thongbao_item .ngonngu_trangnha_item{display: block;}

.content_box_thongbao_item .ngonngu_trangnha_item a{display: block;margin-bottom: 5px;}

.content_box_thongbao_item .ngonngu_trangnha_item a span{display:block;}

.approved{

  position: absolute;

  top: 10px;

  right: 5%;

}

.thongbao_chuyennganh{display: block;padding-left: 10px}

.thongbao_chuyennganh img{ float: left;margin-right: 5px;max-width:20px;height:auto !important; }

.thongbao_chuyennganh i{display: inline-block;}

.tailieu a{display: block;margin-top: 5px;}

.end_box_thongbao_item_l b{

  display: block;

  font-weight: 600;

}

.end_box_thongbao_item_l span{

  display: block;

}

.end_box_thongbao_item_l a{

  display: block;

  text-align: right;

  cursor: pointer;

  position: absolute;

  right: 10px;

  bottom: -5px;

}
.chuxanh{
  color: #0000AA;
}
.chudo{
  color: red;
}
.pheduyetbandich{}

.thongbao_pheduyet span{display: block;}

.thongbao_pheduyet a{display: inline-block;padding: 3px 10px;background: #2699fb;color: #fff;border-radius: 3px;cursor: pointer;}

.thongbao_pheduyet a:hover{background: #2c297d;}

.box_pheduyet_name{margin-bottom: 5px;font-size: 15px;cursor: pointer;}

.box_pheduyet_name span{margin-right: 10px;}

.box_pheduyet_noidung b{text-transform: uppercase;display: block;font-weight: 600;}

.box_pheduyet_noidung b span{display: block;margin-bottom: 5px;}

.chapthuan{display: block;margin-bottom: 5px;}

.chapthuan label{display: block;}

.chapthuan label input{margin-right: 5px;}

.taixuongdonhangdadich{

      display: inline-block;

    padding: 3px 10px;

    background: #2699fb;

    color: #fff;

    border-radius: 3px;

    cursor: pointer;

    margin-top: 5px;

}

.guiphanhoi_popup{

  display: inline-block;

  padding: 3px 10px;

  background: #2699fb;

  color: #fff;

  border-radius: 3px;

  cursor: pointer;

}

.guiphanhoi_popup:hover{background: #2c297d;color: #fff;}

.nhanxetbandich{

   display: inline-block;

  padding: 3px 15px;

  background: #272727;

  color: #fff;

  border-radius: 50px;

  cursor: pointer;

}

.taixuongdonhangdadich:hover{background: #2c297d;color: #fff;}

.nhanxetbandich:hover{background: #0f0f0f;color: #fff;}

.nhanxetvuilongsudung{display: block;}

.bandichcogisai{}

#nhanxetbandich{margin: 5px 0px;}

.yeucauchinhsuatunguoidich{

  display: inline-block;

    padding: 3px 10px;

    background: #272727;

    color: #fff;

    border-radius: 50px;

    cursor: pointer;

    margin-bottom: 10px;

}

.yeucauchinhsuatunguoidich:hover{background: #0f0f0f;color: #fff;}

.tuchoibandich:hover{background: #0f0f0f;color: #fff;}

.nguoidichtiepnhandonhang{display: block;margin-bottom: 5px;}

.tuchoibandich{

  display: inline-block;

    padding: 3px 10px;

    background: #272727;

    color: #fff;

    border-radius: 50px;

    cursor: pointer;

    margin-bottom: 10px;

}

.sutuchoi{display: block;}

.displaynone{display: none;}

.box_pheduyet{border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 10px;}

.box_nhanxetbandich{

  margin-top: 10px;

}

.box_nhanxetbandich h5{

  font-weight:600;

  font-size: 17px;

  margin-bottom: 10px;

}

.thongke_lichsu_thanhtoan_kh{

  font-size: 15px;

}

.box_nhanxetbandich_popup span.check_popup{

  border: 1px solid rgba(0,0,0,.09);

  padding: .25rem .75rem;

  cursor: pointer;

  margin: 0 8px 8px 0;

  outline: 0;

  word-break: break-word;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #fff;

}

.box_icon_bthanhtoan{

  width: 50%;

}

.box_nhanxetbandich_popup span.check_popup:hover,.box_nhanxetbandich_popup span.thoigian_check_select{border:1px solid red;}

.box_nhanxetbandich_popup span.check_popup:hover,.box_nhanxetbandich_popup span.chatluong_check_select{border:1px solid red;}

.motatrangnhadichgia{width: 98%;margin: auto;margin-bottom: 10px}

.gia_donhang_phobien{

  padding-left: 30px;

  margin-bottom: 10px;

}

.gia_donhang_phobien label{

  display: inline-block;

    margin-right: 20px;

    text-transform: uppercase;

    font-size: 15px;

    padding: 5px;

    margin-bottom: 0px;

    line-height: normal;

    padding-top: 10px;

    padding-bottom: 6px;

    cursor: pointer;

    font-weight: 600;

}

.gia_donhang_phobien1:hover,.gia_donhang_phobien1.act{

  border: 1px solid #80a5ff;

  box-shadow: 2px 2px #ccc;
  transition: all .3s;
  cursor: pointer;

}
.gia_donhang_phobien1:hover{
  top: -7px;
  transition: all .3s;
}

.gia_donhang_phobien input{

  margin-right: 5px;

}

.box_nhanxet_cuakh{

    background: #ece4e4;

    padding: 10px;

    margin-bottom: 10px;

    border-radius: 5px;

}

.ds_files{

  margin-bottom: 10px;

}

.ds_files .danhsachfile{

  margin-bottom: 10px;

}

.box_ds_files{

     margin-bottom: 5px;

    border-bottom: 1px solid #e7e7e7;

    padding-bottom: 5px;

}

.box_ds_files span{

  display: inline-block;

  margin-right: 20px;

}

.box_ds_files a{

  color: #0091ff;

  cursor: pointer;

}

.box_ds_files a:hover{

  color: #2c297d;

}

.khongcothongbao{

  background: #f0eeee;

  text-align: center;

  padding:5%;

}

.khongcothongbao img{max-width: 10%;}

.khongcothongbao span{

  display: block;

  font-size: 16px;

  margin-top: 10px;

  }

.button-user_sp{text-align: center;margin-top: 10px;}

.button-user_sp input{

    background: #0b9009;

    text-transform: uppercase;

    font-size: 17px;

    padding: 0px;

    line-height: 40px;

    text-align: center;

    border: none;

    display: inline-block;

    padding:0px 20px;

    width: auto !important;

}

.width95{

  width: 80%;

}

.ngaythang{

  width: 100%;

  margin-bottom: 15px;

  padding-left: 10px;

}

.order_scroll{

  height: 400px;

  overflow-y: scroll;

}
#dialog4 .ul-tabs-pro li,#dialog5 .ul-tabs-pro li{
  font-size: 16px;
  margin-bottom: 10px;
}
#dialog5 .ul-tabs-pro li{

}
#dialog4 .ul-tabs-pro li img,#dialog5 .ul-tabs-pro li img{
  width: 27px;
}
.tienten{

  text-align: center;

  margin-bottom: 5px;

}

.tienten label{

  margin-right: 15px;

  cursor: pointer;

}

.tienten label:hover,.tienten label.act
{
  color: #007bff;
}

.tienten label input{margin-right: 5px;}

.thang_vi .ngaythang{ margin-bottom: 10px;}

.thang_vi .header_taptin1{ padding-top: 0px;}

.thang_vi .header_taptin1 .box_thanhtoans{ margin-top: 0px;}

.load_list_user_tk_index{

	margin-top: 20px;

}

.mt_dichgia{padding-top: 10px;}

.box_list_user_tk_index a{color: #000;display: block;}

.info_user_id_index img{ float: left;border-radius: 50%;margin-right: 10px; }



.full_nndt{

  width: 100%;

  margin: auto;

}

.h_full_nndt{

  /*background: url(../images/bg_ngongu.png) no-repeat top center;*/

  position: relative;

}

.img_h_full_nndt{

  text-align: center;

}

.img_h_full_nndt img{

  width: 100%;

  height: auto;

  display: inline-block;

}

.fixwidth_full_nndt{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  right: 0px;

  z-index: 9

}

.content_h_full_nndt{

  width: 52%;

  padding-top: 100px;

  color: #fff;

  padding-left: 5%;

}

.content_h_full_nndt_sukien{

  width: 100%;

  padding-top: 100px;

  color: #fff;

  padding-left: 5%;

  padding-right: 5%;

}

.content_h_full_nndt_sukien b{

  display: block;

  font-size: 40px;

  text-transform: capitalize;

  margin-bottom: 30px;

  font-weight: 600;

  text-align: center;

  color: #000;

}

.content_h_full_nndt_sukien span{

  display: block;

  font-size: 17px;

  text-align: center;

  color: #000;

}



.content_h_full_nndt b{

  display: block;

  font-size: 40px;

  text-transform: capitalize;

  margin-bottom: 30px;

  font-weight: 600;

}

.content_h_full_nndt span{

  display: block;

  font-size: 17px;

}

.content_h_full_nndt a{

  display: inline-block;

    color: #000;

    background: #fff;

    border-radius: 10px;

    margin-top: 50px;

    line-height: 45px;

    min-width: 140px;

    text-align: center;



}

.content_h_full_nndt a:hover{

  color: red;

}

.c_full_nndt{

  padding: 50px 0px;
  padding-bottom: 10px;

}

.box_c_full_nndt{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-row-gap: 20px;

  grid-column-gap: 50px;

  max-width: 80%;

  margin: auto;

}

.box_c_full_nndt a{

  align-items: center;

  color: #000;

  

}

.box_c_full_nndt a:hover{

  color: #1b75bb;

}

.box_c_full_nndt a span{

  font-size: 18px;

  }

.box_c_full_nndt a img{

  max-width: 25px;

  margin-right: 10px;

} 

.xemthem_box_c_full_nndt{

  margin-top: 40px;

  text-align: center;

}

.xemthem_box_c_full_nndt a:hover{

  color: red;

}

.f_full_nndt{

  background: #30499d;

  margin: auto;

  padding: 50px 0px;

}

.f_full_nndt_grid{

  display: grid;

  grid-template-columns: repeat(2,1fr);

}

.box_f_full_nndt{

  padding: 0px 60px;

  color: #fff;

  text-align: center;

}

.box_f_full_nndt b{

  display: block;

  font-size: 30px;

  font-weight: 600;

}
.vat_b1{
  margin-bottom: 5px;
  display: block;
}
.vat_b_tongcong i{
  color: red;
}
.vat_b{
  display: none;
  margin-bottom: 5px;
}
.vat_b i{
  display: inline-block;
  font-style: normal;
}
.vat_b span{
  color: red;
}
.box_f_full_nndt span{

  display: block;

  margin:10px 0px;

  font-size: 20px;

}

.box_f_full_nndt a{

    display: inline-block;

    background: #68b8fd;

    color: #fff;

    border-radius: 50px;

    line-height: 45px;

    min-width: 200px;

}

.box_f_full_nndt a:hover{

  color: #2699fb;

  background: #fff;

}

.margin_bottom{

  margin-bottom: 50px;

}

.ngonngu_title{

  width: 80%;

  margin: auto;

}

.title_dm_moi{

  margin-bottom: 30px;

}

.marginbot{

  margin-bottom: 40px;

}

.marginbot50{

   margin-bottom: 100px;

  }

.form-check-input{
  
}
.title_dm_moi span{

 display: block;

 padding-left: 20px;

 border-left: 5px solid #1b75bb;

 font-size: 35px;

 font-weight: 600;

 text-transform: capitalize;

}

.boxfooter_mxh img{

  max-width: 50px;

}

.full_bg{

  background: #cccccc2e;

  padding: 30px 0px;

}

.box_c_full_nndt_giaiphap{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-gap: 50px;

  max-width: 90%;

  margin: auto;

}

.box_nndt_giaiphap{

  color: #000;

  text-align: left;

}

.box_nndt_giaiphap b{

  display: block;

  font-size: 19px;

  margin: 10px 0px;

  font-weight: 600;

}

.box_nndt_giaiphap span{

  display: block;

  font-size: 17px;

  text-align: left;

}

.box_nndt_giaiphap img{

  max-width: 80px;

  display: block;

}

.box_baiviet_nndt_giaiphap{

  margin-top: 70px;

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-gap: 20px;

}

.padding150{

  padding: 0px 150px;

}

.boxbaiviet_nndt_giaiphap{

  position: relative;

      overflow: hidden;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: .3s;

    transition: .3s;

}

.boxbaiviet_nndt_giaiphap a{

  color: #fff;

}

.boxbaiviet_nndt_giaiphap a img{

  border-radius: 10px;

  width: 100%;

  height: auto;

}

.boxbaiviet_nndt_giaiphap a b{

    position: absolute;

    left: 0;

    bottom: 0;

    text-align: left;

    background: #071d49;

    padding: 20px 10px;

    width: 100%;

    transition: all ease 0.4s;

    color: #fff;

    border-radius: 0px 0px 10px 10px;

    font-size: 17px;

    font-weight: 600;

}

.boxbaiviet_nndt_giaiphap:hover a b{

  background: #1b75bb;

}

.boxbaiviet_nndt_giaiphap:hover{

      -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

}

.boxchuyennganh_full_nndt{

  display: grid;

  grid-template-columns: repeat(4,1fr);

  grid-gap: 20px;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}



.boxchuyennganh_full_nndt_sukien{

    grid-column-gap: 20px;

    grid-row-gap: 30px;

    grid-template-rows: auto;

    grid-template-columns: repeat(4,1fr) ;

    display: grid;

}

.box_chuyennganh_full_nndt_sukien{

    background-color: #f7ffda;

    border: 1px solid #2d3c4c;

    border-radius: 8px;

    transition: background-color .2s, box-shadow .2s;

    overflow: hidden;

    box-shadow: 8px 8px #2d3c4c;

}

.box_chuyennganh_full_nndt_sukien:hover{

    background-color: #fff;

    box-shadow: 4px 4px #2d3c4c;

}

.mota_nndt_sukien{

    flex-direction: column;

    flex: 1;

    justify-content: space-between;

    padding: 1.5rem;

    display: flex;

}

.mota_nndt_sukien b{

display: block;

margin-bottom: .5rem;

font-size: 20px;

text-align: left;

text-transform: uppercase;

}

.mota_nndt_sukien span{

font-size: 17px;

}





.box_chuyennganh_full_nndt{

    text-align: center;

    cursor: pointer;

    display: flex;

    flex-direction: column;

    -webkit-box-align: center;

    align-items: center;

    position: relative;

    perspective: 1000px;

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;



}

.box_chuyennganh_full_nndt a{

    padding: 30px 24px;

    border: 1px solid rgb(230, 230, 230);

    border-radius: 4px;

    display: flex;

    flex-direction: column;

    -webkit-box-align: center;

    align-items: center;

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

    backface-visibility: hidden;

    position: relative;

    background: rgb(255, 255, 255);

    height: 100%;

    z-index: 2;

}

.box_chuyennganh_full_nndt:hover{

     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 40px -16px;

    transform: translateY(-3px);

}

.box_chuyennganh_full_nndt img{

  display: block;

  margin-bottom: 10px;

  max-width: 60px;

}

.box_chuyennganh_full_nndt a b{

  display: block;

  font-size: 20px;

  margin-bottom: 10px;

  color: #000;

  font-weight: 600;

}

.box_chuyennganh_full_nndt a span{

  display: block;

  margin-bottom: 20px;

  font-size: 17px;

  color: #000;

}

.box_chuyennganh_full_nndt a i{

  display: block;

  font-size: 15px;

  font-style: normal;



}

.box_chuyennganh_full_nndt a i:hover{

  color: #004aad;

}

.poitr{

  cursor: pointer;

}

.dinhgiamenu{

  position: relative;

}

.with60{

  max-width: 75%;

  margin: auto;

}

ul.li_dinhgia{

  position: absolute;

    display: none;

    transition: all ease 0.5s;

    left: 0px;

    background: #fff;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

    padding: 12px;

    width: 100%;

    left: 0;

    width: 300px;

    border-radius: 10px;

}

.menu_cap_cha li:hover .li_dinhgia {

    display: block;

}

.box_dv_menu:hover{

  background: rgba(234,242,250,0.72);

}



.li_dinhgia .dinhgiacon:after {

    content: "";

    position: absolute;

    width: 21.9px;

    height: 21.9px;

    left: 30px;

    top: -11px;

    background: #fff;

    transform: matrix(.71,.71,.71,-.71,0,0);

    z-index: 999;

    border-left: 1px solid #cccccc52;

    border-bottom: 1px solid #cccccc52;

    display: none;

}

.box_c_full_nndt_giangonngu{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  grid-gap: 25px;

}

.box_nndt_giangonngu{

  border-radius: 15px;

  border:1px solid #bababa;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}

.box_nndt_giangonngu:hover{

    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 40px -16px;

    transform: translateY(-3px);

    cursor: pointer;

}

.h_giangonngu{

  color: #fff;

  padding: 20px;

  text-align: center;

  border-radius: 15px 15px 0px 0px;

}

.c_giangonngu{

  font-size: 17px;

  color: #000 !important;

  padding: 20px;

  min-height: 250px;

}

.c_giangonngu *{

  color: #000 !important;

}

.h_giangonngu b{

  display: block;

  font-size: 20px;

  font-weight: 600;

} 

.h_giangonngu span{

  font-size: 18px;

    display: block;

    vertical-align: middle;

} 



.box_nndt_giangonngu:nth-child(1) .h_giangonngu{

  background: #7ea27e;

}

.box_nndt_giangonngu:nth-child(2) .h_giangonngu{

  background: #8c52ff;

}

.box_nndt_giangonngu:nth-child(3) .h_giangonngu{

  background: #f3882a;

}

.batdaubandich{

  display: block;

  text-align: center;

  margin: auto;

  width: 70%;

  margin-bottom: 20px;

}

.batdaubandich span{

  display: block;

  background: #272727;

  color: #fff;

  border-radius: 50px;

  line-height: 40px;

}
.sotudhmoi{
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.title_duan{
  margin: 10px auto;
  text-align: center;
  font-size: 15px;
  box-shadow: 0px 2px 0px 0px #ccc;
  padding-bottom: 10px;
}
.info_order_id{
  padding: 5px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 1px 0px 1px #b4adad;
}
.info_nhandon{
  text-align: center;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  height: 100%;
  display: flex;
}
.info_nhandon a{
    z-index: 99;
    background: #272727;
    color: #fff;
    border-radius: 30px;
    padding: 3px 10px;
    font-size: 12px;
    border: 1px solid #fff;
}
.info_nhandon a:hover{
  background: #0f0f0f;
}
.a_chitiet a.nhandonhang , a.nhandonhang_nhom{
    z-index: 99;
    background: #272727;
    color: #fff;
    border-radius: 30px;
    padding: 3px 10px;
    font-size: 12px;
    border: 1px solid #fff;
}
.a_chitiet a.nhandonhang:hover,a.nhandonhang_nhom:hover{
  background: #0f0f0f;
}

a.chitiet_dh{
  background: #999c9d;
}
a.chitiet_dh:hover{
  background: #272727;
}
a.nhandonhang{
  background: #272727;
}
a.nhandonhang:hover{
  background: #424040;
}
.info_order_id:hover .info_nhandon{
display: flex;
}
.batdaubandich span:hover{

  background:#0f0f0f;

}
.item_bvgoimoca{
  margin-bottom: 5px;
}
.item_bvgoimoca img{
  margin-right: 5px;
  display: inline-block;
}

.loaitk_dichgia{
  display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    background:#0091ff;
    padding: 7px 15px;
    border-radius: 30px;
    box-shadow: 1px 1px 0px 1px #ccc;
    margin-right: 10px;
    border:1px solid #ccc;
    position: absolute;
    top: -15px;
    right: 0px;
}
.loaitk_dichgia:hover{
  background: red;
  color: #fff;
}

.ngonngu_gia_nn{

  width: 100%;

  margin: auto;

  padding: 50px 0px;

  background: #f4f4f4;

}

.title_ngonngu_gia_nn{

  text-align: center;

  color: #000;

}

.title_ngonngu_gia_nn b{

  display: block;

  margin-bottom: 10px;

  font-size: 25px;

  font-weight: 600;

}

.title_ngonngu_gia_nn span{

  display: block;

  margin: auto;

  margin-bottom: 10px;

  font-size: 16px;

  max-width: 75%;



}

.bgvang{

  background: #27272724  !important;

}
.bgcdr{
  background:#063476 !important;
  color: #fff !important;
}
.bgcdr .box_statistic_tongquan_l span{
  color: #fff;
}
.img_ngonngu_gia_nn{

  text-align: center;

}

.img_ngonngu_gia_nn img{

  max-width: 100%;

  display: inline-block;

}

.menu_cap_con_giaiphap_l{

  width: 40%;

}

.menu_cap_con_giaiphap_r{

  width: 60%;

  padding-left: 20px;

  padding-top: 5px;

}



.menu_cap_con_tainguyen_l{

  width: 40%;

}

.menu_cap_con_tainguyen_r{

  width: 60%;

  padding-left: 20px;

}





.menu_cap_blog{

  max-height: 200px;

  overflow-y: scroll;

}
.menu_cap_blog:hover{
  background: rgba(234,242,250,0.72);
}

.menu_cap_blog a{

  margin-bottom: 10px;

  display: block;

}

.menu_cap_blog a img{

  margin-right: 10px;

  float: left;

  border-radius: 10px;

}

.mota_box_blog_menu b{

  line-height: normal;

  color: #000 !important;

  display: block;

  margin-bottom: 5px;

  font-weight: 600;

}

.mota_box_blog_menu span{

  line-height: normal;

  color: #6a6a6a;

  font-size: 14px;

}

.mota_box_blog_menu span.text-split{

  -webkit-line-clamp:2;

}

.menu_cap_blog a:hover b{

color: #1b75bb

}

.title_menu_blog b{

  display: block;

    line-height: normal;

    margin-bottom: 20px;

    margin-top: 10px;

    font-size: 20px;

    font-weight: 600;

}



/*-------------------------------------*/



.accordion__item {

	margin: 5px auto;

}

.accordion__item .accordion__title {

	position: relative;

    display: block;

    padding: 13px 60px 10px 0px;

    margin-bottom: 2px;

    color: #202020;

    font-size: 20px;

    text-decoration: none;

    border-radius: 3px;

    -webkit-transition: background-color 0.2s;

    transition: background-color 0.2s;

    cursor: pointer;

    border-bottom: 1px solid #ccc;

    font-weight: 600;

}

.accordion__item .accordion__title:hover {

	transition: all 0.5s ease-out;

}

.accordion__item .accordion-active {

}

.accordion__item .accordion__title .accordion__arrow {

	position: absolute;

    top: 13px;

    right: 0px;

    display: inline-block;

    vertical-align: middle;

    text-align: right;

    color: #7b92ff;

    line-height: 30px;

    font-size: 25px;

    font-weight: 700;

    margin-right: 0px;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}

.accordion__title .accordion__arrow i {



  font-weight: 600;

  text-decoration:-999px;



}

.accordion__title .accordion__arrow img{

  max-width: 25px;

}

.accordion__item .accordion__rotate {

	transform: rotate(180deg);

}

.accordion__item .accordion__content {

	padding: 30px 0px;

	margin-bottom: 2px;

	font-size: 14px;

	display: none;

}

.accordion__item .accordion__arrow-item {

	font-weight: 700;

  /*background: url(../images/icon/down-arrow.png) no-repeat top left;

  background-size: 100% 100%;*/

}

.accordion__arrow-item i{



}

.box_sitemap{

	display: grid;

	grid-template-columns: repeat(3,1fr);

	grid-column-gap: 50px;

	grid-row-gap: 10px; 

}

.link_sitemap{

	position: relative;

	padding-left: 30px;

}

.link_sitemap:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 22px;

    height: 22px;

    background-image: url(../images/icon/check-icon-1.png);

    background-repeat: no-repeat;

    background-size: 22px auto;

    background-repeat: no-repeat;

}

.link_sitemap a{

	color: #000;

	font-size: 16px;

	display: block;

	position: relative;

}

.link_sitemap a:hover{

  color: #1b75bb;



}

.accordion{

  max-width: 90%;

  margin: auto;

}

.anh_sitemap{

	position: relative;

}

.title_sitemap{

	display: flex;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    text-align: center;

    line-height: 100%;

    color: #fff;

    font-weight: 600;

    z-index: 9;

    height: 100%;

    align-items: center;

    align-content: center;

    justify-content: center;

    font-size: 30px;

}

.title_sitemap span{

	position: relative;

	}

.title_sitemap span:after{

	content: '';

	position: absolute;

    bottom: -15px;

    margin: 0px 15%;

    height: 5px;

    width: 70%;

    background: #64cbff;

    left: 0px;

    z-index: 9;

}

.detailtin_content{

	padding-bottom: 30px;

}

.box_cstc_mota{

  margin: auto;

  padding: 120px 0px;

  text-align: center;

  max-width: 70% !important;

  padding-top: 70px;

}

.mota_cstc{

  max-width: 80%;

}

.mota_cstc b{

    display: block;

    color: #000;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 20px;

}

.mota_cstc p{

font-size: 18px;

}

.paddingl0{

  padding-left: 0px !important

}

.congsutoancau_grid{

  display: grid;

  grid-template-columns: repeat(2,1fr);

  grid-gap: 50px;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

  grid-row-gap: 30px;

}

.box_congsutoancau_grid{

  background: #f5f3f4;

  padding: 10px;

  border-radius: 10px;

  cursor: pointer;

}

.box_congsutoancau_imgs{

  width: 25%;

}

.box_congsutoancau_img{

  background: #fff;

  border-radius: 50%;

  padding: 10px;

  border:1px solid #d1f0ff;

  width: 100%;

  display: inline-block;

}

.box_congsutoancau_img img{

  border-radius: 50%;

  -webkit-transition:all 0.5s ease-out;

-moz-transition:all 0.5s ease-out;

-ms-transition:all 0.5s ease-out;

-o-transition:all 0.5s ease-out;

transition:all 0.5s ease-out;

max-width: 100%;

display: inline-block;

}

.box_congsutoancau_mota{

  padding-left: 2%;

  width: 75%;

}

.full_cstc{

  padding-bottom: 50px;

}

.box_congsutoancau_name a{

  color: #000;

    text-transform: capitalize;

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 22px;

}

.box_congsutoancau_mota span{

  font-size: 17px;

}

.box_congsutoancau_grid:hover{

  color: #fff;

  background: #3b94d9;

}

.box_congsutoancau_grid:hover .box_congsutoancau_name a{

  color: #fff;

  }

.box_congsutoancau_grid:hover img{

 /* -webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg);

-o-transform:rotate(360deg);

transform:rotate(360deg);*/

-webkit-transition: 0.3s ease-out;

    -moz-transition: 0.3s ease-out;

    -o-transition: 0.3s ease-out;

    transition: 0.3s ease-out;

    -moz-transform: scale(1.1,1.1);

    -webkit-transform: scale(1.1,1.1);

    -o-transform: scale(1.1,1.1);

    -ms-transform: scale(1.1,1.1);

    transform: scale(1.1,1.1);

  }

.detaildt_chuyennganhimg img{

  max-width: 50px;

}

.sort_box{

  display: block;

    text-transform: uppercase;

    width: auto;

    padding: 13px;

    margin-bottom: 17px;

    margin-left: -6px;

    -webkit-box-shadow: 0 10px 8px -7px rgba(0,0,0,0.28);

    box-shadow: 0 10px 8px -7px rgba(0,0,0,0.28);

    position: relative;

    background: #ebf4fb;

    border: 1px solid #dadada;

    border-radius: 4px;

}

.ul_khachhang_item{

  display: flex;

      -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

        text-align: center;

}

.ul_khachhang_item li{

  padding: 0px 5px;

  border-right: 1px solid #cae7fc;

  display: block;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    color: #fff !important;

    text-decoration: none;

    padding: 3px;

    margin: 3px;

    -webkit-transition: background 200ms ease,color 200ms ease;

    transition: background 200ms ease,color 200ms ease;

   

    position: relative;

    font-size: 1.875rem;

    cursor: pointer;

}

.ul_khachhang_item li:hover, .ul_khachhang_item li.active{

      background-color: #ffffff;

    border-radius: 20px;

    color: #2776b3!important;

}

.ul_khachhang_item li span {

    background-color: transparent;

    color: #2776b3!important;

    display: block;

    padding-top: 12px;

}

.ul_khachhang_item li .all {

    width: auto;

    white-space: nowrap;

    font-size: 14px;



}

.ul_khachhang_item li span:hover, .ul_khachhang_item li span.active {

    background-color: #ffffff;

    border-radius: 20px;

    color: #2776b3!important;

}

.ul_khachhang_item li img{

  max-height: 30px;

  vertical-align: middle;

}

.anhkhachhang_grid{

    margin-top: 30px;

    display: grid;

    grid-template-columns: repeat(8,1fr);

    grid-gap: 10px;

}

.box_img_anhkhachhang_grid img{

  max-width: 100%;

  border: 2px solid #dadada;

}

.Khachhangcuachungtoi{

  padding-bottom: 50px;

}

.c_full_khachhang{

  padding-top: 50px;

}

.padding20{

  padding: 20px 0px !important;

}



.grid_lienhe{

    margin-top: 30px;

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-gap: 30px;

}

.box_grid_lienhe{

  border: 1px solid #aaa;

  border-radius: 20px;

  padding: 20px;

}

.box_grid_lienhe_name{

  font-size: 19px;

  display: block;

  margin-bottom: 10px;

  font-weight: 600;

}

.img_suhiendientoancau{

  text-align: center;

  margin: 20px auto;

}

.img_suhiendientoancau img{

  max-width: 100%;

}

.khampha_vechungtoi{

  position: relative;

  max-width: 90%;

  margin: auto;

}

.mota_khampha_vechungtoi{

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 9;

  color: #fff;

}

.mar10{

  margin-left: 10px;

}
.mart10{
  margin-top: 10px;
}
.marb10{
  margin-bottom: 20px;
}
.vechungtoi__content{

  max-width: 80%;

  margin: auto;

  text-align: center;

  padding: 100px 35px;

}

.vechungtoi__content b{

  display: block;

  font-weight: 600;

  font-size: 30px;

  margin-bottom: 10px;

}

.vechungtoi__content span{

  display: block;

  font-size: 18px;

  margin-bottom: 10px;

}

.vechungtoi__content a{

     background: #1b75bb;

    display: inline-block;

    padding: 8px 30px;

    position: relative;

    transition: all .3s ease-in-out;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    margin-top: 10px;

    border-radius: 30px;

}

.vechungtoi__content a:hover{

  background: #3b94d9;

}

.img_khampha_vechungtoi img{

  border-radius: 30px 30px 0 0;

}

.img_baivietvechungtoi_l img{

  max-width: 100%;

  margin-top: 20px;

}

.baivietvechungtoi{

  margin: auto;

  max-width: 60%;

  padding-bottom: 50px;

}

.img_box_baivietvechungtoi img{

  width: 380px;

  border-radius: 20px;

  margin-bottom: 30px;

  display: inline-block;

}

.imgleft{

  text-align: left;

}

.imgright{

  text-align: right;

}

.baivietvechungtoi_mota{

  padding-left: 80px;

  padding-bottom: 20px;

  max-width: 85%;

}

.baivietvechungtoi_mota b{

  font-size: 25px;

  font-weight: 600;

  display: block;

  margin-bottom: 10px;

}

.baivietvechungtoi_mota span{

  font-size: 16px;

}

.box_grid_lienhe_zalo{

  margin-top: 10px;

}

.box_grid_lienhe_zalo a{

  display: inline-block;

  margin-right: 5px;

}

.box_grid_lienhe_zalo a img{

  max-width: 25px;

}

.content_h_chinhsach{

      display: flex;

    height: 100%;

    align-items: center;

    align-content: center;

    justify-content: center;

    vertical-align: middle;

    padding-top: 15%;

    color: #fff;

    font-size: 40px;

}
.chinhsachdichgia{
  padding: 10px;
  margin-top: 10px;
  text-align: left;
}

.mota_chinhsachchatluong{

  margin: auto;

  max-width: 90%;

  text-align: center;

  padding: 30px 0px;

}



.mota_chinhsachchatluong b{

  font-weight: 600;px;

  font-size: 18px;

  display: block;

  margin-bottom: 30px;

}

.mota_chinhsachchatluong span{

  font-size: 16px;

}

.loaitailieu_chinhsachchatluong{

  background: #353073;

  padding: 30px;

  margin-bottom: 30px;

  border-radius: 10px;

}

.title_loaitailieu_cscl{

  color: #fff;

  margin-bottom: 30px;

}

.title_loaitailieu_cscl_l{

  width: 40%

}

.title_loaitailieu_cscl_r{

  width: 60%;

}

.title_loaitailieu_cscl_l b{

font-size: 20px;

font-weight: 600;

}

.title_loaitailieu_cscl_r span{

  color: #fff;

  display: block;

}

.title_loaitailieu_cscl_r a{

        display: inline-block;

    color: #000;

    background: #fff;

    border-radius: 50px;

    margin-top: 10px;

    line-height: 35px;

    min-width: 140px;

    text-align: center;

}

.title_loaitailieu_cscl_r a:hover{

  background: #4c9858;

  color: #fff;

}

.content_baivietchatluong{

   margin: auto;

  max-width: 90%;

  display: grid;

  grid-template-columns: repeat(2,1fr);

  grid-gap: 30px;

  margin-top: 20px;

  margin-bottom: 30px;

}

.content_detail_baivietchatluong_box{

  margin-bottom: 20px;

}

.content_detail_baivietchatluong_box b{

  font-size: 18px;

  display: block;

  margin-bottom: 10px;

}

.content_detail_baivietchatluong_box span{

  font-size: 16px;

}

.content_loaitailieu_cscl table {

    color: #fff;

    font-size: 16px;

    table-layout: fixed;

    width: 100%;

    border: none;

    border-collapse: separate;

    border-spacing: 5px;



}

.content_loaitailieu_cscl table thead tr th {

    padding: 15px 0;

    font-size: 17px;

    font-weight: 600;

    border: none;

    border-collapse: separate;

}

.content_loaitailieu_cscl table tr th {

    text-align: center;

    padding: 18px 6px;

    font-weight: 400;

    line-height: 1.5;

    vertical-align: middle;

}

.colorden{color: #000;width: 40%;text-align: left !important;padding-left: 20px !important;}

.bgtrang{background: #fff;}

.bgxam_tt {
    background: #cccccc2e;
    padding: 10px;
}
.bgxam{background: #cdcdcd;color: #fff;}

.bgxanh{background: #4c73f4;color: #fff;}

.bgcam{background: #f6842e;color: #fff;}

.boxloaitailieuspan span{

  display: block;

  margin-bottom: 5px;

}





.mucchatluongkhacnhau_gird{

    margin: auto;

    display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-gap: 50px;

    margin-top: 20px;

    margin-bottom: 30px;

    background: #f3f3f3;

    padding: 50px;

    border-radius: 10px;

    position: relative;

}

.mucchatluongkhacnhau_l{

  margin-top: -100px;

  position: relative;

  height: 100%;

}

.mucchatluongkhacnhau_l_img{

  position: sticky;

  top: 95px;

}

.mucchatluongkhacnhau_l img{

  border-radius: 30px;

  border:10px solid #fff;

}

.ten_mucchatluongkhacnhau_r{

  margin-top: -150px;

  margin-bottom: 30px;

  }

.ten_mucchatluongkhacnhau_r b{

  font-size: 30px;

}

.colorblack{

  color: #000;

}

.paddingtop0{

  padding-top: 0px !important;

  padding-bottom: 20px !important;

}

.menu_right{

  float: right;

  position: relative;

/*  padding-top: 2px;*/

}

.bg_trangchu_intop{
  position: relative;
  width: 100%;
  margin: auto;
  aspect-ratio: 1531 / 630;
  overflow: hidden;
}

.fixwidth_bg_trangchu_intop{

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 9;

}

.img_bg_trangchu_intop img{

  width: 100%;

}

.content_bg_trangchu_intop{

    color: #000;

    max-width: 45%;

    padding-top: 70px;

}

.content_bg_trangchu_intop b{

  display: block;

  font-size: 30px;

  margin-bottom: 20px;

}

.content_bg_trangchu_intop span{

  font-size: 16px;

  display: block;

  margin-bottom: 30px;

}

.content_bg_trangchu_intop .baogiatucthi_index{}

.baogiatucthi_index a:nth-child(1){

      font-weight: 600;

    font-size: 18px;

    background: #272727;

    padding: 5px 20px;

    border-radius: 50px;

    color: #fff;

    margin-right: 30px;

}

.baogiatucthi_index a:nth-child(1):hover{

  background: #0f0f0f;

}



.baogiatucthi_index a:nth-child(2){

      background: url(../icons/play.png) no-repeat left center;

    background-size: 40px;

    padding-left: 50px;

    color: #000;

    line-height: 50px;

    text-transform: capitalize;

    display: inline-block;

    cursor: pointer;

}

.baogiatucthi_index a:nth-child(2):hover{

  color: #505fdf;

}

.thongso_container{
  width: 100%;
  margin: auto;
  background: #f0f8ff;
}

.thongso_container_box{

    display: grid;

    grid-template-columns: repeat(3,1fr);

}

.thongsotrangchu_item{

     padding: 50px;

    padding-right: 20px;

    padding-left: 30px;

}

.thongsotrangchu_item img{

  float: left;

    margin-right: 10px;

    max-width: 50px;

}

.thongsotrangchu_item b{

  font-size: 18px;

  display: block;

}

.thongsotrangchu_item span{

  font-size: 16px;

}

.linebottom{

  border-bottom: 1px solid #bfbebe;

}

.lineright{

  border-left: 1px solid #d8dbde;

  border-right: 1px solid #d8dbde;

}

.dichthuat_container{

  margin: auto;

  padding: 30px 0px;

  width: 100%;

}

.title_dichthuat_container{

  max-width: 80%;

  margin: auto;

  text-align: center;

  margin-bottom: 30px;

}

.title_dichthuat_container b{

  display: block;

  font-size: 30px;

  margin-bottom: 5px;

}

.title_dichthuat_container span{}

.auto_dichvu .owl-item{

  padding: 10px 5px;

}

.dichthuat_container_item{

  box-shadow: 0px 0px 6px 0px #ccc;

  border-radius: 10px;

  padding: 10px;

  padding-top: 20px;

}

.dichthuat_container_info{

  min-height: 150px;

}

.dichthuat_container_info h2 a{

  color: #000;

  display: block;

  margin-bottom: 5px;

  font-size: 20px;

}

.dichthuat_container_info span{

  font-size: 15px;

  display: block;

  margin-bottom: 10px;

}

.dichthuat_container_info h2 a:hover{

  color: #012499;

}

.xemthem_dichthuat{

  display: block;

  margin-bottom: 20px;

}

.dichthuat_container_img img{

  border-radius: 10px;

}

.dichvudichthuat_chuyennganh_l{

  width: 35%;

}



.dichvudichthuat_chuyennganh_r{

  width: 65%;

  padding-left: 5%;

}

.dichvudichthuat_chuyennganh_grid{

   display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-gap: 20px;

    grid-row-gap: 40px;

}

.img_chuyennganh_dichvudichthuat{

  width: 27%;

}
.input-group-dt{
  display: flex;
  margin-bottom: 10px;
}
.input-group-dt label{
  width: 31%;

}
.img_chuyennganh_dichvudichthuat a{

      background: #fff;

    border-radius: 50%;

    display: block;

    width: 80px;

    text-align: center;

    height: 80px;

    vertical-align: middle;

    box-shadow: 0px 2px 3px 1px #b4adad;

        -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}

.img_chuyennganh_dichvudichthuat a:hover{

      -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}

.img_chuyennganh_dichvudichthuat img{

      max-width: 40px;

    display: inline-block;

    vertical-align: middle;

    padding-top: 20px;

}

.mota_chuyennganh_dichvudichthuat{

  width: 73%;

}

.mota_chuyennganh_dichvudichthuat a{

  display: block;

  color: #000;

  margin-bottom: 5px;

  font-size: 18px;

}

.mota_chuyennganh_dichvudichthuat a:hover{

  color: #1b75bb;

}

.dichvudichthuat_chuyennganh{

  padding: 50px 0px;

  margin: auto;

  background: #f1ebe3;

}

.dichvudichthuat_chuyennganh_l{

  text-align: left;

}

.dichvudichthuat_chuyennganh_l b{

  display: block;

  font-size: 25px;

  margin-bottom: 10px;

}

.dichvudichthuat_chuyennganh_l span{

  display: block;

  margin-bottom: 20px;

}

.dichvudichthuat_chuyennganh_l a.a_xemtatca{

  display: inline-block;

  background: #0f0f0f;

  color: #fff;

  border-radius: 30px;

  line-height: 30px;

  padding: 0px 20px;

}

.dichvudichthuat_chuyennganh_l a.a_xemtatca:hover{

  background: #272727;

}



.congdongdichthuat{

  position: relative;

}

.fixwidth_congdongdichthuat{

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 9;

  text-align: center;

  padding-top: 15%;

}

.content_congdongdichthuat b{

  color: #ffeaea;

  font-size: 50px;

  display: block;

  text-align: center;

  text-transform: capitalize;

}

.content_congdongdichthuat span{

  display: block;

  text-align: center;

  margin-bottom: 20px;

  font-size: 20px;

  color: #fff;

}

.content_congdongdichthuat a{

  display: inline-block;

  border-radius: 30px;

  padding: 0px 20px;

  color: #fff;

  background:#272727;

  line-height: 40px;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 600;

}

.content_congdongdichthuat a:hover{

  color: #fff;

  background: #0f0f0f;

}

.taikhoan_kh_dg{

  padding: 30px 0px;

  margin: auto;

}

.taikhoan_kh_dg_box{

  width: 50%;

}

.taikhoan_kh_dg_box:nth-child(1){

  padding-right: 10px;

}

.taikhoan_kh_dg_box:nth-child(2){

  padding-left: 10px;

}

.img_taikhoan_kh_dg_box img{

  max-width: 100%;

}

.mota_taikhoan_kh_dg_box{

  background: #fff2ad;

  padding: 20px;

  color: #000;

  border: 1px solid #707070;

}

.title_taikhoan_kh_dg_box {

  margin-bottom: 20px;

  border-left: 5px solid #6560f7;

  padding-left: 20px;

}

.title_taikhoan_kh_dg_box span{

  display: block;

  color: #000;

  margin-bottom: 5px;

  font-size: 25px;

  font-weight: 600;

}

.title_taikhoan_kh_dg_box a{

  display: inline-block;

  background: #0f0f0f;

  color: #fff;

  border-radius: 30px;

  line-height: 30px;

  padding: 0px 20px;

}

.title_taikhoan_kh_dg_box a:hover{

  background: #272727;

}

.dichnhanhhon_container{

  padding: 50px 0px;

  margin: auto;

  background: #f6f6f6;

}

.bgmauxanh_content_dichthuat{

  color: #fff !important;

  font-weight: 600;

  background: #014071 !important;

}

.box_dichthuat_container{

  padding:15px 10px;

  border-radius: 15px;

  background: #fff;

  color: #000;

  margin-bottom: 15px;

  border:1px solid #ede1e1;

}

.box_content_dichthuat:nth-child(1){

  width: 7%;

}

.box_content_dichthuat:nth-child(2){

  width: 20%;

}

.box_content_dichthuat:nth-child(3){

  width: 20%;

}

.box_content_dichthuat:nth-child(4){

  width: 23%;

}

.box_content_dichthuat:nth-child(5){

  width: 8%;

}

.box_content_dichthuat:nth-child(6){

  width: 12%;

}

.box_content_dichthuat:nth-child(7){

  width: 10%;

}

.box_content_dichthuat img{

  width: 25px;

  height: 25px;

}

.tinhtrang_hh b{

  font-weight: 400;

  color: #fff;

  line-height: 30px;

  padding: 0px 15px;

  display: inline-block;

  border-radius: 30px;

  font-size: 14px;

  width: 100%;

  text-align: center;

}

.text-info1{

  background: #1b75bb;

}

.text-primary1{

  background: #2ca523;

}

.text-warning1{

  background: #0a275a;

}

.text-success1{

  background: #2ca523;

}

.text-danger1{

  background:#9c9696;

}

.dtlist_maintain{

    max-width: 45%;

    color: #fff;

    font-size: 17px;

}

.dtlist_maintain span{

  display: block;

  margin: 20px 0px;

}

.dtlist_maintain a{

      display: inline-block;

    color: #000;

    background: #fff;

    border-radius: 10px;

    margin-top: 50px;

    line-height: 45px;

    min-width: 140px;

    text-align: center;

}

.dtlist_maintain a:hover{

  color: red;

}

.content_giaiphap_grid{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-gap: 15px;

}

.content_giaiphap_grid_r{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-gap: 15px;

}

.mota_box_content_giaiphap_grid_r{

  background: #fff2ad;

  color: #000;

  text-align: center;

  padding: 10px;

  font-weight: 600;

  min-height: 80px;

  border-radius: 0px 0px 10px 10px;

}

.img_box_content_giaiphap_grid_r img{

  border-radius: 10px 10px 0px 0px;

}

.box_content_giaiphap_grid_r{

  border-radius: 10px;

}

.content_giaiphap_grid_l{

  position: relative;

}

.mota_content_giaiphap_grid_l{

  position: absolute;

  left: 0px;

  width: 100%;

  bottom: 0px;

  z-index: 9;

  padding: 20px;

  text-align: center;

  color: #fff;

}

.mota_content_giaiphap_grid_l b{

  display: block;

  margin-bottom: 20px;

  font-size: 19px;

}

.mota_content_giaiphap_grid_l a{

      display: inline-block;

    background: #272727;

    color: #fff;

    border-radius: 30px;

    line-height: 30px;

    padding: 0px 20px;

    font-size: 17px;

}

.mota_content_giaiphap_grid_l a:hover{

  background: #0f0f0f;



}

.img_content_giaiphap_grid_l,.img_content_giaiphap_grid_l a{

  height: 100%;

}

.img_content_giaiphap_grid_l img{

  height: 100%;

  border-radius: 10px;

}

.sotruongcuachungtoi{

  padding: 30px 0px;

  margin: auto;

}

.title_b_index{

  text-align: center;

}

.title_b_index b{

      display: block;

    font-size: 30px;

    margin-bottom: 20px;

}

.slick{

  margin-bottom: 30px;

}

.slick .slick-slide{

  text-align: center;

}

.title_b b{

    color: #000;

    font-size: 17px;

    border-radius: 30px;

    display: inline-block;

    padding: 10px 10px;

    text-align: center;

}

.title_b b:hover,.title_b.slick-current b{

    background: #071d49;

    color: #fff;

    cursor: pointer;

}

.box_slick_index{

  margin-bottom: 30px;
  text-align: center;

}

.box_slick_index a{

      color: #000;

    font-size: 17px;

    border-radius: 30px;

    display: inline-block;

    padding: 7px 10px;

    text-align: center;

    margin:0px 10px;

    font-weight: 600;

}

.box_slick_index a:hover,.box_slick_index a.acti{

    background: #272727;

    color: #fff;

    cursor: pointer;

}

.img_box_content_slick img{

  border-radius: 10px;

}

.box_content_slick{}

.img_box_content_slick{

    width: 35%;

}
.img_box_content_slick65{
  width: 60%;
  padding-right: 5%;
}
.desc_box_content_slick35{
  width: 40%;
}
.desc_box_content_slick{

    width: 65%;

    padding-left: 3%;

}

.grid_desc_box_content_slick{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-row-gap: 10px;

    grid-column-gap: 40px;

}

.grid_desc_box_content_slick span{

    font-size: 17px;

    text-align: left;

    background: url(../icons/docs.png) no-repeat top left;

    background-size: contain;

    padding-left: 30px;

}

.grid_desc_box_content_slick span.text-split{

    -webkit-line-clamp: 1;

}

.mota_desc_box_content_slick {

    text-align: left;

    color: #000;

    margin-bottom: 20px;

    font-size: 18px;

}

.box_slick {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 20px;

    padding: 30px;

}

 .box_tt_slick{

    color: #fff;

    background: #4845a6;

    padding: 10px;

    border-radius: 10px;

    text-align: left;

    border: 1px solid rgb(145, 123, 168);

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

    cursor: pointer;

 }



 .box_tt_slick:hover{

    color: #fff;

    box-shadow: rgb(255, 255, 255) 0px 0px 40px -16px;

    transform: translateY(-3px);

    text-decoration:none ;

 }

 .box_tt_slick img{

    max-width: 50px;

 }

 .img_box_hinhanh_index{

  text-align: center;

  padding: 15px;

 }

 .title_bbb{

  text-align: center;

 }

  .title_bbb b{

    display: block;

    font-size: 30px;

    margin-bottom: 20px;

  }

  .box_tt_slick b{

    cursor: pointer;

    display: block;

    margin-bottom: 5px;

    font-size: 17px;

 }

 .box_slick .box_slick_l{

    width: 15%;

 }

 .box_slick .box_slick_r{

    width: 85%;

    padding-left: 5%;

 }

 .slick_hinhanh_index{

  display: none;

 }

 .hinhanhbaocao_container{

    width: 100%;

    margin: auto;

    padding-top: 50px;

    padding-bottom: 30px;

    background: url(../icons/bg1.jpg) no-repeat bottom center;

    background-size: cover;

 }
.thoigianuudai_input{
  padding-left: 5%;
  padding-right: 5%;
}
 .hinhanhbaocao_container_gh{}

 .img_box_hinhanh_index img{

  border-radius: 20px;

    box-shadow: 2px 2px 8px 0px #cccccc6e;

 }

 .title_moca_points{

	display: block;

	text-align: center;

	margin-bottom: 10px !important;

	color: #000;

	font-size: 30px;

    font-weight: 600;

}

.mota_moca_points{

	padding: 5px 0px;

	text-align: center;

	margin-bottom: 50px;

}



.paging-product-thongke table{

  width: 100%;

      border-spacing: 0;

    width: 100%;

        border-collapse: separate;

}

.paging-product-thongke table tr th span{

display: block;

font-weight: 600;

}

.paging-product-thongke table tr td,.paging-product-thongke table tr th{

  padding: 7px;

}

.w251{

  

}

.thanhtoan3box span{

  display: block;

}

.thanhtoan3_box_ajax a{

  display: block;

}

.link_tk_header a{

  margin-right: 40px !important;

}

.link_tk_header a i{

  float: left;

}

.w151{

  width: 15% !important;

}

.timkiemdonhang_kh{

  display: none !important;

}

.img_huongdan{

  text-align: center;

}
.img_damua_goi{
  display: block;
  text-align: center;
}
.img_damua_goi img{
  width: 20px;
}
.mota_huongdan{

  margin-bottom: 30px;

}

.img_huongdan{

  margin-bottom: 30px;

}

.content-huongdan{

  max-width: 80%;

  margin: auto;

}

.div_center{

  text-align: center;

}

.box_huongdan_list{

    color: #26313c;

    background-color: #e1fdfe;

    border: 1px solid #2d3c4c;

    border-radius: 8px;

    flex-direction: column;

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr;

    grid-auto-columns: 1fr;

    align-items: stretch;

    text-decoration: none;

    transition: background-color .2s, box-shadow .2s;

    display: flex;

    box-shadow: 8px 8px #2d3c4c;

    margin-bottom: 30px;

}

.all-services-card-content {

    padding: 1.5rem;

    display: flex;

}

.img_box_huongdan_list{

  

}

.mota_box_huongdan_list{

  width: 80%;

  padding-left: 3%;

  text-align: left;

}

.mota_box_huongdan_list b{

  display: block;

}
.tienten_thanhtoan{

    text-align: center;
    box-shadow: 1px 1px 2px 2px #ccc;
    padding: 10px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
    border-radius: 5px;
    background: #20488c;
    color: #fff;
}
.dichngay_a{

    display: inline-block;

    color: #fff;

    font-size: 19px;

    text-transform: capitalize;

    margin-right: 20px;

    padding: 5px 10px;

    border-radius: 50px;

    cursor: pointer;

    background: #272727;

}

.dichngay_a:hover{

  color: #fff;

  background: #0f0f0f;

}

.divdichngay{

  text-align: center;

  margin-top: 20px;

}

.marginbot30{

  margin-bottom: 30px;

}
.center_kenh{
}
.center_uoctinhkenh{
}

.noidung_huongdan{

  margin-bottom: 30px;

}

.box_huongdan_list:hover {

    background-color: #fff;

    box-shadow: 4px 4px #2d3c4c;

    cursor: pointer;

}

.fixwidth_dichgiacuachungtoi{

  width: 100%;

  padding: 50px 0px;

  margin: auto;

  background: #fdf4f5;

}

.img_h_full_nndt_dichgiacuachungtoi{

  margin-top: 30px;

}

.content_h_full_dichgiacuachungtoi{

  text-align: center;

}

.content_h_full_dichgiacuachungtoi b{

  display: block;

  text-align: center;

  margin-bottom: 20px;

  font-size: 35px;

}

.maxw80{

  max-width: 75%;

  margin: auto;

}

.mota_1dichgiacuachungtoi{

  padding-top: 30px; 

}

.translator-picture {

    padding-bottom: 30px;

}

.wpb_wrapper{

  margin-top: 50px;

  margin-bottom: 50px;

}

.translator-picture .avatar {

    padding: 6px;

    display: inline-block;

    position: relative;

}

.translator-picture .avatar-xxl .picture {

    width: 150px;

    height: 150px;

}

.translator-picture .avatar-xl .picture {

    width: 120px;

    height: 120px;

}

.translator-picture .avatar-md .picture {

    width: 100px;

    height: 100px;

}

.translator-picture .avatar-sm .picture {

    width: 70px;

    height: 70px;

}

.picture img{

  width: 100%;

  height: 100%;

}

.translator-picture .avatar .picture {

    border: none;

    display: inline-block;

}

.single-page-content a{

    color: #333;

    transition: color .2s;

}

.translator-picture .avatar .picture img {

    border-radius: 100%;

    border: 2px solid #eee;

}

.translator-picture .avatar a.picture .languages {

    padding: 8px 14px;

    left: 93%;

    line-height: 30px;

    width: 210px;

}

.translator-picture .avatar a.picture .languages {

    display: none;

    position: absolute;

    background: #fff;

    box-shadow: 3px 2px 8px rgba(0,0,0,.15);

    padding: 14px;

    top: 50%;

    left: 100%;

    transform: translate(0,-50%);

    z-index: 99;

    color: #333;

    font-size: 14px;

    width: 200px;

}

.top38{

  top: 38px; display: block; float: left;

}

.topam6{

  top:-6px;

}

.top24{

  top:24px;

}

.topam2{

  top:-2px;

}

.top2{

  top:2px;

}

.topam20{

  top:-20px;

}

.top48{

  top: 48px;

}

.topam40{

  top: -40px;

}
.box_ttkh_hd{
  width: 50%;
  margin-bottom: 10px;
}
.hotrokh_container{
  padding-top: 20px;
  background: #032044;
}
.grid_body_congdong{
    flex-wrap: wrap;
}
.box_grid_body_congdong{
    border: 1px solid #dcd8d9;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 20px;
    background: #fff;
}
.content_icon_body_congdong{
    padding-left: 10px;
    padding-right: 10px;
}
.header_icon_body_congdong{
    min-height: 70px;
    background: #7c3df0;
    border-radius: 10px 10px 0px 0px;
}
 .hotrokh_container .content_icon_body_congdong img{
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 50%;
}
.hotrokh_container .content_icon_body_congdong b{
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 18px;
}
.hotrokh_container .content_icon_body_congdong span{
    text-align: center;
    margin-bottom: 10px;
}
.hotrokh_container .content_icon_body_congdong a{
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #7c3df0;
    border-radius: 30px;
    max-width: 130px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
}
.hotrokh_container .content_icon_body_congdong a:hover{
  color: #fff;
  background: #0866ff;
}

a.phonek {
  color: #fff;
  background: #0866ff;
}
.hotrokh_container .gap10{
  gap: 10px;
  justify-content: center;
}
.chonhinhthucthanhtoan_r input.click-export-pdf{
    background: red;
  }
.box_ttkh_hd1{
  margin-bottom: 10px;
}
.box_ttkh_hd1 label{
   width: 30%;
   font-weight: 600;
}
.flex-wrap{
  flex-wrap: wrap;
}
.box_ttkh_hd label{
  width: 30%;
}
.box_ttkh_hd input{
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 32px;
    padding: 0px 10px;
    width: 50%;
}
.box_ttkh_hd1 input{
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 32px;
    padding: 0px 10px;
    width: 20%;
}
.box_ttkh_hd select{
  width: 50%;
}
.w35{
  width: 35%;
}
.w65{
  width: 65%;
}
.progress-container{

  position: relative;

  display: flex;

  align-items: center;

}

.progress-bar{

    height: 10px;

    display: block;

    width: 0;

    background:#0055b8;

    transition:width 0.25s ease-in;

    will-change: width;

    position: relative;

    border-radius: 5px;



}

.progress-text{

  color: #fff;

  font-size: 7px;

  position: absolute;

  top: 7px;

  left:0;

  text-align: center;

}

.xoaanh{

  margin-left: 20px;

  cursor: pointer;

  position: relative;

}

.ngaytao_dhmoi{

}
.dichtu_dhmoi1{
  margin-right: 5px;
}
.dichtu_dhmoi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dichtu_dhmoiw25{
  width: 100%;
  margin-bottom: 10px;
}
.dichtu_dhmoi b{

  margin-right: 5px;

}

.dichtu_dhmoi img{

  margin-right: 5px;

}

.box_thongtindonhang_moi b{

  font-weight: 400;

}

.w55{

  width: 55%;

}

.ngaytao_dhmoi i{

  color: #c5bcbc;

}

.ngaytao_dhmoi b{

  font-weight: 600;

}

.taixuonghoadon{

  color: #fff;

  background:red;

  padding: 5px 20px;

  display: inline-block;

  border-radius: 20px;

  cursor: pointer;

}

.taixuonghoadon:hover{

  background: #e80b0b;

  color: #fff;

}

.taixuonghoadon_back{

  color: #fff;

  background:#1b75bb;

  padding: 5px 20px;

  display: inline-block;

  border-radius: 20px;

  cursor: pointer;
  text-align: center;

}

.taixuonghoadon_back:hover{

  background: red;

  color: #fff;

}
.chu_thongtinchitietdonhang{
  font-size: 20px;
}
.title_thongtindonhang_moi{
  justify-content: space-between;
}

/*-------------------------------------*/

.chitiet_dh_moi{

      height: 310px;

    overflow-y: scroll;
    border-bottom: 1px solid #cccccc70 ;
    background: #e0ecf678;

}

.box_chitiet_dh_moi{

  padding: 15px 20px;

  border-top: 1px solid #ccc;

}

.ten_detail_box_chitiet_dh_moi{

  color: #a8a5a5;

}

.margin10{

  margin-bottom: 10px;

}

.congchung_box_chitiet_dh_moi {

  align-items: center;

}
.chu_dichvusau{
  margin-top: 20px;
}
.d-flex-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
.bgdo{
  background: red !important;
}
.achitiet{
      margin-left: 20px;
    display: inline-block;
    background: #007bff;
    color: #fff !important;
    line-height: 27px;
    padding: 0px 10px;
    border-radius: 5px;
}
.achitiet:hover{
  background: #007bffc2 !important;
}
.grid_anhthanhvienmokrica{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  text-align: center;
  margin-top: 30px;
}
.box_anhthanhvienmokrica img{
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
}
.box_anhthanhvienmokrica b{display: block;text-align: center;margin-bottom: 10px}
.box_anhthanhvienmokrica span{
      display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 10px;
    color: #28a745;
}
.chuchungborder{
  color: #fff !important;
  padding: 1px 15px;
  background: #272727;
  display: inline-block !important;
  border-radius: 50px;
}
.box_anhthanhvienmokrica a{
    /*display: inline-block;
    background: #4c63f2;
    padding: 5px 10px;
    border-radius: 20px;*/
    color: #000;
/*    box-shadow: 1px 1px 0px 1px #ccc;*/
}
.box_anhthanhvienmokrica a:hover span{
  color: #0056b3;
}
.dungthu30{
  padding: 0px 15px;
  border:1px solid #0056b3;
  border-radius: 5px;
  font-weight: 600;
  color: #000;
  line-height: 35px;
  cursor: pointer;
  display: inline-block;
}

.dungthu30 img{
  max-width: 25px;
  display: inline-block;
  margin-right: 10px;
  padding-top: 5px;
  float: left;
}
.dungthu30:hover{
  color: #0056b3;
}
#formdk79{
  width: 60%;
  padding: 2%;
}
.formdk79_popup_l{
  width: 40%;
  padding: 10px;
}
.formdk79_popup_r{
  width: 60%;
  padding: 10px;
}
.input_formdk79_boxr span{
  width: 45%;
}
.input_formdk79_boxr{
  margin-bottom: 10px;
  align-items: center;
}
.input_formdk79_box{
  margin-bottom: 10px;
}
.nd_formdk79{
  height: 50vh;
  overflow-y: auto;
  padding-right: 10px;
}
.input_formdk79{
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  padding-right: 20px;
}
.input_formdk79 b{
 display: block;
 margin-bottom: 10px;
 font-size: 18px;
}
.title_formdk79{
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.07);
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    border-radius: 5px;
}
.animate-border {
    position: relative;
    display: block;
    width: 140px;
    height: 3px;
    overflow: hidden;
}
.bg-l-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(5 105 184);
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}
@-webkit-keyframes animborder {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(113px);
  }
}

@keyframes animborder {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(113px);
  }
}
.desc_formdk79{
  margin-bottom: 10px;
}
.formdk79_content b{
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
#toc-content img{
  height: auto !important;
}
.des_none{
  display: none !important;
}
 .maginbtot{
    margin-bottom: 10px;
  }

.nutthanhtoan_ct{
  position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 99;
    background: #272727;
    color: #fff;
    border-radius: 30px;
    padding: 3px 10px;
    font-size: 12px;
    border:1px solid #fff;

}


.nutthanhtoan_ct:hover{
  background: #fff;
  color: #2596d6;
  border:1px solid #2596d6;
}
.chitietdonhang_khachhang:hover .nutthanhtoan_ct{
  display: block;
}
/* Responsive */

@media(max-width:1300px){

  .width30{

    width: 34% !important;

  }

  .width70{

    width: 70% !important;

  }

  .trangnha_header_l{

    width: 65% !important;

  }

  .trangnha_header_r{

    width: 35% !important;
    display: flex;
    justify-content: end;
    align-items: center;

  }

  



}

@media(max-width:850px){

  .vechungtoi_index{max-width: 100%;}

  .baivietvechungtoi_l b{font-size: 25px;font-weight: 600;}

  .baivietvechungtoi_l{

    width: 100%;

    padding: 5px 15px;

  }

  .baivietvechungtoi_r{

    padding: 15px;

    width: 100%;

  }

  .dichgihomnaykhtest input{

    right: 26%;

  }

  .section-block{

    width: 100%;

  }

  .chuh2faqs{

    font-size: 25px;

  }
 



  .paging-dt-category{

    grid-template-columns: repeat(1,1fr);

  }

  .product_fqds{

    width: 100%;

  }

  .widthb select{

    width: 17%;

  }

  .border_user_dichgia{

    padding: 20px 3%;

  }



  .wrap-user_dichgia{

    max-width: 95%;

  }



  .guiyeucau{

    padding-top: 20px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .guiyeucau_l{

    width: 100%;

  }

  .guiyeucau_r{

    width: 100%;

  }

  .guiyeucau_name{font-size: 20px;}

  .guiyeucau_chucvu{max-width: 55%;font-size: 16px;}



  .dienthoai_lienhe {

    position: relative;

}


.title_lienhe {

    display: block;

    text-align: center;

    position: relative;

    top: 0px;

    left: 0px;

    width: 100%;

    font-size: 30px;

    color: #000;

    z-index: 999;

    text-transform: capitalize;

    

    margin-top: 20px;

}

  .title_dieukhoan{font-size: 25px;font-weight: 600;}

  .boxphuongthuc_container{position: relative;}

  .box_phuongthuc{padding: 10px;}

  .mota_phuongthuc{width: 100% !important;padding: 0px;}

  .img_phuongthuc{width: 100% !important;margin-top: 10px; text-align: center;}

  .cpoyl{width: 100%;line-height: normal;padding-top: 10px;font-size: 19px;}

  .copyr{width: 100%;margin-top: 10px;}

  .box_chungtoi_chucvu{ max-width: 65%; }

  .box_chungtoi_name{}

  .title-vct{

    font-size: 30px;

  }

  .content-vct{text-align: justify;}

  .title-dh{font-size: 30px;}

  .list_nn {

      display: grid;

      grid-template-columns: repeat(1,1fr);

      grid-gap: 10px;

  }

  .box_dieuhanh_mota{padding: 10px;}



  .news{width:100%;float:none!important;}



  .mota_vct {

      position: relative;

      top: 0px;

      left: 0px;

      width: 100%;

      z-index: 999;

      color: #000;

      margin-top: 25px;

      padding: 0px 10px;

  }

  .title_chungtoi span {

      display: block;

      font-size: 25px;

      

  }

  .dieuhanh{

    padding: 20px 0px;

  }

  .timchungtoi{padding: 20px 0px;}

  .tabs-pro-detail .ul-tabs-pro-detail{padding-left: 10px;}

  .img_dmchungtoi{width: 100%;}

  .chungtoi_grid{width: 100%;}

  .box_chungtoi_img{ text-align: center;margin-right: 0px;width: 100%;margin-bottom: 10px; }

  .box_chungtoi{padding: 10px;}

}

@media(max-width:769px){

  .footer_user_logo{

    width: 100%;

  }

  .content_footer_user span{

    width: 100%;

  }

  .content_footer_user:nth-child(2){

    width: 100%;

    padding: 0px 10px;

  }

  .content_footer_user:nth-child(3){

    width: 100%;

    padding:0px 10px;

  }

  .content_footer_user:nth-child(1){

    padding: 10px;

    width: 100%;

  }

  .wrap-user-qmk{

    max-width: 90%;

    margin: 30px auto;

  }

  .top-contact{flex-wrap:wrap;}

  .left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}

  .left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}

}
.nd_dichngay_homnay{
  margin-top: 20px;
}
@media(max-width:440px){

  .pic-news,.info-news{display:block;width:100%;float:none;text-align:center;margin:0px;}

  .info-news{margin-top:15px;}

  .top-contact .form-contact .button-contact .file-contact span b{max-width:105px;font-weight: 600;}

  .dieuhanh_grid {

      display: grid;

      grid-template-columns: repeat(1,1fr);

      grid-gap: 20px;

  }

}

@media(max-width:369px){

  .cart-pro-detail{flex-wrap:wrap;}

  .cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:12px;}

  .cart-pro-detail a:first-child{margin-bottom:5px!important;}

  .cart-pro-detail a i{display:none;}

}