/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

 /* Các tùy chỉnh CSS của giao diện nên để vào đây */
 @media{

    #news-bodyhtml img{
       max-width:100%;
       height: 100%;
   }

   .d-flex{
    display: flex;
}

.img-banner-site{
    background-repeat: no-repeat !important;
}

.khungnoidung-kdc{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
}

.title-kdc{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    color: #fff;
}

.des-kdc{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
}

.xem-tat-ca{
    margin-top: 10px;
}

.layout{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap: 30px;
    padding: 30px 0;
    grid-template-areas: 
    "h1 h1 h2 h2 h3"
    "h1 h1 h4 h5 h5";
}

.layout-item{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 15px 8px 12px rgba(0,0,0,.24);
    position: relative;
}

.layout-item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layout-item:first-child{
    grid-area: h1;
}

.layout-item:nth-child(2){
    grid-area: h2;
}

.layout-item:nth-child(3){
    grid-area: h3;
}

.layout-item:nth-child(4){
    grid-area: h4;
}

.layout-item:nth-child(5){
    grid-area: h5;
}

.news-list-block1{
    position: relative;
}

.content-1{
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.btn-dichvuphaply{
    margin-top: 20px;
}

.block-footer-heading,.company-info{
    margin-left: -16px;
}

.des-block-home ul{
    list-style-type: none;
}

.btn-timhieuthem-home{
    margin-top: 18px;
}

.btn-gianhapmoigioi{
    margin-top: 20px;
}


.btn-gianhap-form{
    margin: 20px 0;
}

.layout-nhadat-mua-thue{
    margin-top: -25px;
}
.bds_con{
    margin-bottom: 35px;
}

.khungbanner-gianhap{
    height: 500px !important;
}

.khungallcontent-gianhap{
    display: block;
    padding-top: 6%;
}

.owl-slider .title1{
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.title-lh-content{
    font-size: 48px;
    font-weight: 400;
}

.title-bgcam-textimg{
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    color: #fff;
    padding-bottom: 20px;
}

.box-des{
    font-size: 16px;
    margin-top: -25px;
}

.title-bgcam-textimg.padding-top-30 {
    font-size: 25px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 15px;
}

.loi-ngo-slider .content {
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);
}

.show-video-gt {
    border-radius: 12px;
}

.box-news-item-title{
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    text-overflow: ellipsis;
    line-height: 20px; /*độ cao từng hàng*/
    -webkit-line-clamp: 2; /*đặt dấu 3 chấm ở hàng thứ {2}*/
    height: 35px; /*độ cao của toàn bộ text*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; /*ẩn toàn bộ text phía sau*/
}

.khung-tamnhin{
    margin-top: 10%;
}

.icon-calendar{
    width: 13% !important;
}

.khungbentrai-calendar{
    display: flex;
}

.readmore{
    list-style-type: none;
}

.news-grid .info .readmore{
    list-style-type: none;
}

.bg-dv{
    background-size: cover !important;
    min-height: 500px;
}

.pa_65 > .container > .row > .col-md-8 > a > .box-news-kh > .row > .col-sm-18 > .fl{
    font-size: 14px;
    line-height: 1.5;
}

.khungtitle-camnhan{
    padding: 0;
}

.pa_65 > .container > .row > .col-md-8 > a > .box-news-kh > .row > .col-sm-18 > .fl:hover,.pa_65 > .container > .row > .col-md-8 > a > .box-news-kh > p:hover{
    color: #ED7D31;
}

.danhgia-camnhan{
    color: #ED7D31;
}

.img-kinhnghiem{
    width: 250px;
    height: 170px;
    object-fit: cover;
}

.img-banner-kinhnghiem{
    height: 484px;
}

.container .sticky{
    overflow: unset !important;
    height: 800px;
}

.stars-phanhoi-chudautu{
    display: flex;
    justify-content: center;
}

.stars-phanhoi-chudautu img{
    width: 40px !important;
}

/*trang đăng nhập / đăng ký*/
.background-login{
    height: 768px;
    width: 100%;
    background: #999;
    background-size: cover;
}

.khungall-login{
    padding-top: 10px;
}

.title-site-login{
    color: #E87722;
    font-size: 48px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bolder;
}

.khung-login{
    width: 477px;
    min-height: 386px;
    border-radius: 6px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 50px;
    padding-top: 30px;
}

.khung-register{
    width: 477px;
    min-height: 505px;
    border-radius: 6px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 50px;
    padding-top: 30px;
}

.modal-register-happy{
    width: 477px;
}

.modal-content{
    /*    padding: 10px 35px;*/
    /*    padding-top: 30px;*/
}

.img-chucmung-register{
    width: 355px;
    height: 230px;
    object-fit: cover;
    background: #fff;
}

.thankyou-register{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.20000000298023224px;
    text-align: center;
    color: #434C59;
    padding: 10px 0;
    padding-top: 15px;
}

.des-thankyou-register{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #8B96A5;
}

.khung-login-title{
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.20000000298023224px;
    color: #434C59;
    text-align: center;
}

.khung-register-title{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}
.remember-login{
    margin-left: 22px;
}
.checkbox-login{
    margin-top: 0 !important;
    margin-right: 10px !important;
}

.checkbox-login:before{
    background: #E87722 !important;   
}

.form-email-login,.form-password-login{
    margin: 20px 0;
}

.text-remember{
    color: #475569;
}

.btn-login-form{
    background: #E87722;
    width: 100%;
    color: white;
    margin: 20px 0;
    margin-top: 10px;
}

.btn-register-form{
    background: #E87722;
    width: 100%;
    color: white;
    margin: 20px 0;
    margin-top: 20px;
}

.no-account-login{
    color: #447486;
    text-align: center;
}

.link-dangky-login{
    color: #FFA902;
    font-weight: bold;
}

/*hết*/


/*trang cá nhân*/
:root{
    --text-left-tcn: #677786;
    --color-global: #E87722;
}

.khungtrai,.khungtren{
    padding: 0;
}

.khungtren{
    padding-left: 1px;
}

.bg-gray-tcn{
    background: #F5F5F6;
    padding: 0;
}

.khungall-bentrai-trangcanhan{
    width: 100%;
    min-height: 1060px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.khungall-bentren-trangcanhan{
    width: 100%;
    height: 80px;
    background-color: #fff;
    display: flex;
}

.noidung-bentren{
    margin-left: auto;
    padding: 10px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;    
}

.title-left-tcn{
    font-size: 40px;
    text-align: center;
    font-family: Roboto;
    font-weight: 900;
    color: var(--color-global);
    padding-top: 10px;
}

.space20{
    padding: 20px 0;
}

.infomation{
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--text-left-tcn);
}

.choose-info{
    padding: 0 35px;
}

.choose-info-item{
    width: 200px;
    height: 50px;
}

.log-out-tcn{
    margin-top: auto;
    padding: 0 10px;
    padding-bottom: 30px;
}

.logout-tcn{
    justify-content: start;
    padding-left: 30px;
}

.icon-logout{
    font-size: 1.5em;
}

ion-icon{
    margin-right: 10px;
}

.avt-tcn{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #999;
    position: relative;
    background-size: cover;
}

.doimatkhau{
    position: absolute;
    right: 0px;
    top: 60px;
    background: #fff;
    width: 171px;
    height: 71px;
    border-radius: 9px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.thongbao{
    position: absolute;
    right: 30px;
    background: #fff;
    width: 465px;
    border-radius: 9px;
    border: 1px solid grey;
    z-index: 99;
    padding: 20px;
}

.card-body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 99;
}

.notification-khung{
    position: relative;
}

.daucham-notifications{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    right: 0;
    transform: translateX(-15px);
}

.khung-btn-change-password{
    display: flex;
    justify-content: end;
    padding: 20px;
}

.btn-cancel-change-password{
    margin: 0 10px;
    border: 1px solid var(--color-global);
    border-radius: 9px;
    color: var(--color-global);
    background-color: #fff;
}

.btn-confirm-change-password{
    margin: 0 10px;
    background-color: var(--color-global);
    color: #fff;
}

.title-change-password{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

.khung-detail-infomation{
    padding: 30px;
}

.content-chitiet-thongtin{
    width: 100%;
    min-height: max-content;
    background-color: #fff;
    border-radius: 12px;
    margin-top: 15px;
    padding: 20px;
}

.form_thongtin_doanhso{
    width: 100%;
    min-height: max-content;
    background-color: #fff;
    border-radius: 12px;
    margin-top: 15px;
    padding: 20px;
}

.form_thongtin_doanhso-quanlitindang{
    width: 100%;
    min-height: max-content;
    max-height: 800px;
    background-color: #fff;
    border-radius: 12px;
    margin-top: 15px;
    overflow: scroll;
    margin-bottom: 20px;
}

.form_henlichxemnha{
    width: 100%;
    min-height: max-content;
    max-height: 800px;
    background-color: #fff;
    border-radius: 12px;
    margin-top: 15px;
    padding-top: 20px;
    margin: 20px 0;
}

.form_danhsachgiaodichcanhan{
    width: 100%;
    min-height: max-content;
    max-height: 800px;
    background-color: #fff;
    border-radius: 12px;
    margin-top: 15px;
    padding: 20px;
    overflow: scroll;
    margin-bottom: 20px;
}

.title-chitiet-thongtin{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0px;
}

.top-thongtin{
    display: flex;
    align-items: center;
}

.top-left-thongtin{
    width: 150px;
    height: 150px;
    background-color: #999;
    border-radius: 50%;
    background-size: 100%;
    display: flex;
    flex-shrink: 0;
}

.form-edit{
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.icon-edit-thongtin{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(10px);
}

.center-thongtin,.top-right-thongtin{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bottom-thongtin{
    display: contents;
}

.img-chucmung-changepass{
    width: 100%;
    height: 400px;
    background-color: #fff;
    bottom: 9px;
    background-size: 100%;
    background-repeat: no-repeat
}

.close-size{
    font-size: 35px;
    color: black;
    top: 3px !important;
    right: 8px !important;
}

.thongbao-items{
    display: flex;
}

.img-thongbao{
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #999;
    flex-shrink: 0;
    object-fit: cover;
}

.thongbaotrai{
    display: flex;
    flex: 1;
}

.date-thongbao{
    flex-shrink: 0;
}

.content-thongbao{
    margin-left: 10px;
}

.title-thongbao,.des-thongbao{
    text-overflow: ellipsis;
    line-height: 20px; /*độ cao từng hàng*/
    -webkit-line-clamp: 1; /*đặt dấu 3 chấm ở hàng thứ {1}*/
    height: 21px; /*độ cao của toàn bộ text*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; /*ẩn toàn bộ text phía sau*/
}

.thongbao-items{
    margin-bottom: 20px;
}

.thongbao-items:last-child{
    margin-bottom: 0;
}

.top-right-thongtin {
    right: -30px;
}


.menu-footer{
    margin-left: -15px;
    margin-top: -2px;
}

.copyright-box{
    margin-left: -15px;
}

button.btn.btn-default.btn-vemra {
    background: transparent;
    border: 0;
    font-size: 25px;
}

button.btn.btn-default.btn-vemra:active,button.btn.btn-default.btn-vemra:focus{
    color: #fff;
}

.icon-sub-tcn{
    position: absolute;
    right: 30px;
}

.sub-tcn,.sub-tcn2,.sub-tcn3,.sub-tcn4,.sub-tcn5{
    position: relative;
    display: none;
    left: 105%;
    height: 300px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 9999;
    padding: 10px;
    overflow-y: auto;
}

.sub-tcn5{
    height: 100px;

}

.sub-tcn,.sub-tcn2,.sub-tcn3,.sub-tcn4{
    top: auto;
    bottom: 300%;
}

.sub-tcn5{
    bottom: 100%;
}

.sub-tcn,.sub-tcn2,.sub-tcn3,.sub-tcn4,.sub-tcn5{
    color: #434C59;
    padding: 20px;
    width: 300px;
}

.sub-tcn a,.sub-tcn2 a,.sub-tcn3 a,.sub-tcn4 a,.sub-tcn5 a{
    color: #447486;
    padding: 10px;
}

.item-sub-sub{
    display: flex;
    align-items: center;
}

.item-sub-sub a{
    padding: 5px 10px;
}


.marketing:hover .sub-tcn,.hr:hover .sub-tcn2,.form-mau:hover .sub-tcn3,.tech-tool:hover .sub-tcn4,.huongdan:hover .sub-tcn5{
    display: grid;
}

.khungtren-ul-sub{
    width: 100%;
}

.khung-btn-otp-email{
    margin-left: -13px;
}

.khung-6-otp{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;

}

.item-otp{
    width: 50px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid grey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    text-align: center;
}

.item-otp2{
    width: 50px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid grey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    text-align: center;
}

.thoigianconlai-otp-mail{
    margin-bottom: 20px;
}

.thankyou-mail{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    margin: 10px 0;
}

.banner-mua-mra{
    width: 100%;
    height: 330px;
    background-color: #999;
    margin-top: -48px;
}

.khungcontent-banner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.title-mua-thue-mra{
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px;
}

.des-mua-thue-mra{
    color: #fff;
    margin-bottom: 15px;
}

.btn-mua-thue-mra{
    background-color: var(--color-global);
    padding: 10px;
    color: #fff;
}

.bg-trang-mua-thue-mra{
    background-color: #fff;
    padding: 50px;
}

.bg-xam-mua-thue-mra{
    background-color: #F6F6F6;
    padding: 50px;
}

.khung-3-icon{
    display: flex;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
}

.khung-icon-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.img-icon-mua-thue-mra{
    width: 80px;
    height: 80px;
    background-color: #fff;
    margin-bottom: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.title-icon-mua-thue-mra{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0;
}

.des-icon-mua-thue-mra{
    font-size: 16px;
    text-align: center;
}

.content-mua-thue-mra{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 35px;
}

.content-left{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.content-right{
    width: 600px;
    height: 377px;
    background-color: #999;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-right-bg-xam{
    width: 600px;
    height: 377px;
    background-color: #F6F6F6;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-right-bg-cam{
    width: 600px;
    height: 377px;
    background-color: #E87722;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.btn-content{
    width: 30%;
    text-align: center;
    border: 1px solid var(--color-global);
    color: var(--color-global);
}

.title-content{
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    color: #434C59;
    margin: 10px 0;
}

.bg-trang-mua-thue-mra .content-right{
    position: relative;
}

.img-content-left{
    z-index: 2;
}

.img-content-left:before{
    content: '';
    width: 333px;
    height: 315px;
    background: transparent;
    position: absolute;
    bottom: -8px;
    border-radius: 8px;
    border: 3px solid #E87722;
    left: -8px !important;
    border-top: 0;
    border-right: 0;
}

.img-content-right:before{
    content: '';
    width: 333px;
    height: 315px;
    background: transparent;
    position: absolute;
    bottom: -8px;
    right: -8px;
    border-radius: 8px;
    border: 3px solid #E87722;
    border-top: 0;
    border-left: 0;
}

.bg-cam-mua-thue-mra{
    background-color: #E87722;
    color: white;
}

.title-content-bg-cam{
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    margin: 10px 0;
}

.btn-content-bg-cam{
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    text-align: center;
    width: 30%;
}

.content-mua-thue-mra-bg-cam{
    padding: 50px;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.title-content-ph{
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    margin: 10px 0;
    text-align: center;
}

.slide-feedback-mua-mra{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 45px 100px;
    padding-bottom: 0;
}

.feedback-item{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.avt-feedback{
    width: 236px;
    height: 236px;
    border-radius: 50%;
    background-color: #999;
}

.guilaimakhac{
    margin-left: 20px;
}

.list-style-icon-sub-tcn{
    font-size: 5px;
    background-color: var(--color-global);
    color: var(--color-global);
}

.khung-ul-sub{
    padding: 0;
}

.name-canhan{
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
}

.khung1-canhan{
    display: flex;
    gap: 20px;
}

.khung1-canhan-chitiet{
    display: flex;
    gap: 10px;
}

.strong-text{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
}

.khung-QR-canhan{
    width: 175px;
    height: 175px;
    background-color: #999;
    border-radius: 8px;
    padding: 5px;
    position: relative;
    background-size: cover;
}

.khungngoai-phongto{
    padding: 0;
}

.phongto_QR{
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 120%;
    margin-top: 10px;
    margin-left: 20px;
    gap: 10px;
}

.text-phongto{
    font-size: 14px;
    margin: 0;
}

.uploads-avt-canhan{
    display: inline-block;
    text-align: center;
    background-color: var(--color-global);
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    padding-bottom: 0;
}

.upload-tcn{
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-zoom-QR{
    width: 100%;
    height: 520px;
    background-color: #999;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 15px;
}

.d-flex-between{
    display: flex;
    justify-content: space-between;
}

.title-lichsuthaydoidoanhso{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
}

.table>tbody>tr>td{
    border-top: 0;
}

.table-doanhso{
    margin-top: 10px;
}

.timkiem-tailieu{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 5px;
}

.khung-chitiet-tailieu{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

.chitiet-tailieu{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 74px;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    color: var(--color-global);
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.mt-20{
    margin-top: 20px;
}

.khung-sub-marketing:nth-child(2){
    margin-top: 70px;
}

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

.des-6-dong{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    margin-bottom: 30px !important;
}

.khung-sreach-quanlytindang{
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.btn-dangtinmoi{
    background-color: var(--color-global);
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    border-radius: 6px;
}

.w-20{
    width: 20px;
}

.w-100{
    width: 100px;
}

.w-150{
    width: 150px;
}

.w-200{
    width: 200px;
}

.w-300{
    width: 300px;
}

.table-quanlitindang,.table-doanhsogiaodich{
    max-width: 125%;
    width: 1500px;
    border: 0;
}

.table-quanlitindang2{
    max-width: 250%;
    width: 3000px;
    border: 0;
}

.khung-ngoai-sua{
    flex-shrink: 0;
    text-align: center;
}

.sua-trong-tieude{
    margin: -5px;
    padding: 11px;
    background-color: var(--color-global);
    color: #fff;
    border: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.khung-sua{
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-edit-quanlitindang{
    background-color: var(--color-global);
    color: #fff;
    border: 0;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    padding-left: 17px;
}

.btn-trash-quanlitindang{
    background-color: #fff;
    border: 1px solid var(--color-global);
    border-radius: 8px;
    padding: 5px;
    color: var(--color-global);
    padding-left: 17px;
}

.khung-btn-edit-quanlitindang{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-choduyet-quanlitindang{
    background-color: #F7D55A !important; 
    text-align: center;
}

.can-chu-giua-tieu-de th{
    text-align: center;
}

.khung-capnhat-quanly-tindang{
    margin-top: 20px;
}

.btn-inline{
    background-color: var(--color-global);
    color: #fff;
    border-radius: 4px;
    border: 0;
}

.cucxanh{
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    width: 24px;
    height: 24px;
}

.khungchon-all{
    display: flex;
    gap: 10px;
}

.khung-chon{
    display: flex;
    gap: 10px;
    justify-content: center;
}

.bg-white-nen{
    background-color: #fff;
}

.khung-gio-themtindang{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.khung-sreach-quanlitindang{
    width: 80%;
    display: flex;
    gap: 10px;
}

.btn-themlichhen{
    background-color: #00DE59;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    border-radius: 6px;
}

.thanhtimkiem-lichxemnha{
    background-origin: 8px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.w-250{
    width: 250px;
}

.khung-edit-lichhen{
    display: flex;
    gap: 10px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.btn-edit-lichhen{
    width: 71px;
    height: 47px;
    background-color: #fff;
}

.noidung-feedback{
    padding: 0 10px;
    text-align: center;
}

ul.menu-footer.an_menu li {
    list-style-type: none;
}

.title-doingulanhdao{
    font-family: Roboto;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    text-align: center;
    color: #434C59;
    margin-bottom: 10px;
}

.des-doingulanhdao{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #447486;
    padding: 0 10%;
    margin-bottom: 50px;
}

.grid-doingulanhdao{
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px;
}

.doingulanhdao-item{
    height: max-content;
    background-color: #fff;
    border-radius: 15px;
}

.doingulanhdao-item:hover, .doingulanhdao-item.hover_effect{
    background-color: var(--color-global);
    transition: 0.5s;
}
.doingulanhdao-item {
    -webkit-user-select: none;
    -webkit-touch-callout: none;        
}
.doingulanhdao-image{
    height: 300px;
    border-radius: 12px;
    margin: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.doingulanhdao-content{
    margin: 10px;
}

.doingulanhdao-content h3{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    color: #434C59;
}

.doingulanhdao-item:hover h3{
    color: #fff;
}
.doingulanhdao-item:hover h4{
    color: #fff;
}
.doingulanhdao-item:hover p{
    color: #fff;
}

.doingulanhdao-content h4{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0px;
    color: #434C59;
    margin: 10px 0;
}

.doingulanhdao-content p{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #434C59;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.select2-container .select2-selection--single {
    height: 50px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}

.select2-container--default .select2-selection--single{
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#check{
    display: none;
}

.hamburger{
    display: none;
    height: fit-content;
    cursor: pointer;
    padding: 3px 8px;
    border-radius: 5px;
    transition: 0.2s;
}

.hamburger:hover{
    background-color: #f6f4ff;
}

.hamburger div{
    width: 30px;
    height: 2px;
    margin: 6px 0;
    background: #999;
}

.choose-info > li{
    list-style-type: none;
}

.img-gianhap-form img{
    width: 100%;
}

input.btn.btn-inline.btn-timkiemlichhen {
    width: 100%;
}

.post-intro {
    padding: 48px 26px 56px !important;
}

.post-form .section-footer{
    background-color: transparent !important;
}

.post-form .section-footer-text{
    color: black !important;
}

.company-info li img {
    width: 11.67px;
    height: 10.67px;
    margin-right: 3px;  
}

.company-info li {
    margin-bottom: 14px !important;
}

.khung-1-footer{
    padding-left: 35px;
}

.khung-submit-kygui{
    padding-top: 65px;
}

.dropdown-backdrop{
    display: none;
}

.bds-grid{
    border: 0;
    padding: 0;
}

.bds-grid:hover{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.bds-grid .content{
    border: 1px solid rgba(0, 0, 0, .1);
}

.img-16-9{
    border-radius: 0;
}

.doinet{
    padding: 85px;
}

.khung-col-new-cat-grid{
    padding: 0;
}

.p-5{
    padding: 4px !important;
}

.container{
    width: 95% !important;
}

section{
    width: 100% !important;
}

.box-news-item:hover .box-news-item-img .box-news-des,.box-news-item:.hover-mobile-box-news-item .box-news-item-img .box-news-des{
    display: block;
}

.box-news-item {
    -webkit-user-select: none;
    -webkit-touch-callout: none;        
}

.giatrivanhoa-grid .des{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
    overflow: hidden;
}

.giatrivanhoa-grid .des.expanded {
    height: unset;
}

.title-block-simple{
    text-align: center;
}

button.btn.btn-default.btn-vemra {
    border-bottom: 2px solid orange;
    padding: 0 !important;
}

.mobile-sub .wsmenu-submenu li a {
    padding-top: 20px !important;
}

.wsmenu > .wsmenu-list > li > a{
    line-height: 35px !important;
}

.wsmenu-click{
    padding: 10px !important;
}

/*.fa-angle-right:before{
    color: unset;
    }*/

    .nmg-grid .email {
        overflow: hidden;
        overflow-x: auto;
    }

    .khungfooter-filter{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

}
.modal-content-doimatkhau{
    padding: 10px 35px;
    padding-top: 30px;
}

.logo img {
    height: 35px;
    width: auto;
}


@media only screen and (max-width: 468px){
    .layout-nhadat-mua-thue .dropdown-menu{
        position: unset;
    }

    .layout-nhadat-mua-thue #filter-them {
        min-width: 100%;
    }

    .layout-nhadat-mua-thue #filter-them .c-2 {
        padding-left: unset;
        border-left: unset;
    }

    #filter-them .c-1{
        padding-right: unset;
    }

    .layout-nhadat-mua-thue .drop-box-filter{
        margin-left: -25px;
    }
    .filter-box .container.clearfix {
        line-height: 2;
    }

    .khungfooter-filter .btn-sm {
        font-size: 14px;
        font-weight: bold;
    }

    .filter-body .list-check li{
        white-space: nowrap;
    }
    .container{
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .container{
        width: 98%;
    }

    .layout{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px 200px 200px;
        gap: 20px;
        padding: 30px 0;
        grid-template-areas: 
        "h1 h2 "
        "h1 h4 "
        "h3 h4 ";
    }

    .layout-item:nth-child(5){
        display: none;
    }
    .wsmenu .wsmenu-list > li {
        width: 100% !important;
    }

    .menu-bottom-site{
        border-bottom: 1px solid #C2C2C2;
    }

    .img-banner-site{
        background-size: cover !important;
        height: 300px;
    }

    .content-banner-site {
        margin-top: 10%;
        text-align: center;
    }

    .d-mobile {
        display: block !important;
    }   

    .bg-dv{
        background-size: cover !important;
        min-height: 162px;
        padding: 20px 0;
        text-align: center;
    }

    .title-lh-block{
        font-size: 36px;
    }

    .block_free_content_lienhe .title-lh-block{
        font-size: 30px;
    }

    .des-banner-site{
        font-size: 16px;
    }

    .bg-dv .btn{
        margin-top: 0;
        font-size: 10px;
        height: 25px;
        line-height: 0;
        margin-bottom: 20px;
        padding: 20px !important;
    }

    .lienhetuvan-moblie{
        font-size: 10px;
    }
    .box-khacbiet .title-2 {
        font-size: 25px;
    }

    .bg-dv .des-lh-block{
        margin-bottom: 20px;
    } 

    #modalformDichvu .modal-content{
        padding: 10px;
    }

    #modalformDichvu .modal-dialog{
        width: auto;
    }

    .dv-3 .title{
        width: 100%;
        text-align: center;
    }
    .container{
        width: 100% !important;
    }
    header > .header-bottom > .container > .main-menu-box > .menuopen {
        width: 100%;
    }

    /*.owl-stage {
        margin-top: 40px;
        }*/

        .owl-slider .owl-dots{
            bottom: 0;
            margin-bottom: 10px;
        }

        .kdc-2 img {
            width: 435px;
            height: 240px;
        }

        .kdc {
            height: 240px !important;
        }

        .block-search-box-bds .title {
            font-size: 34px;
            width: 90%;
        }

        .tab-content > .active > .row > .ml-mobile {
            margin: 5px 20px;
            width: 90%; 
        }

        .title-block-simple {
            font-size: 25px;
            text-align: center;
            padding-top: 20px;
        }

        .xem-tat-ca-bds{
            display: block;
            text-align: center;
        }

        .xem-tat-ca{
            display: block;
            text-align: center;
            margin-top: 10px;
        }

        .kdc{
            margin-bottom: 0;
        }

        .kdc-img1,.kdc-img2,.kdc-img3,.kdc-img4{
            padding: 0px;
            box-shadow: 0 8px 12px rgba(0,0,0,.24);
            border-radius: 14px;
        }

        .kdc-img1,.kdc-img3{
            min-height: 306px;
        }

        .kdc-img2,.kdc-img4{
            min-height: 190px !important;
        }

        .kdc-img5{
            width: 100%;
        }

        .img-mobile{
            background-size: 100%;
        }
        .img-mobile5{
            width: 100%;
            padding: 0 25px;
        }

        .kdc-img4{
            width: 100%;
            margin-top: 9px;
        }

        .khung-col-12-trai,.khung-col-12-phai{
            padding: 0 8px;
        }

        .khung-col-12-trai{
            padding-left: 25px;
        }

        .khung-col-12-phai{
            padding-right: 25px;
        }

        .img-duannoibat{
            margin-left: 25px;
        }

        .content-duannoibat{
            margin-left: 27px;
        }

        .label.green {
            margin-left: 25px;
        }

        .news-list-block1{
            background: #FFFFFF;
            box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
            border-radius: 8px;
            padding: 16px;
            display: flex;
            align-items: center;
            margin-bottom: 16px;
            transition: .25s;
        }

        .news-list-block1 .img{
            width: 125px;
            height: 80px;
        }

        .news-list-block1 .date {
            color: #9D9D9D;
            font-size: 14px;
        }

        .img{
            position: absolute;
            left: 0;
            margin-right: 16px;
        }
        .content-1{
            position: relative;
            right: 0;
            padding: 0;
        }

        .news-list-block1 h3 a{
            color: #333;
            font-size: 14px;
        }

        .news-list-block1:hover h3 a{
            color: #E97722;
            font-size: 14px;
        }

        .news-list-block1:hover {
            box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.28);
            transition: .25s;
        }

        .popup_info {
            padding: 0;
        }

        .popup_info:first-child,.popup_info:nth-child(2) {
            margin-bottom: 20px;
        }

        .bds-tabs{
            margin-bottom: 15px;

        }

        .xemthem-collapse{
            cursor: pointer;
            text-decoration: none;
            color: #fff;
            display: flex;
            justify-content: center;
            margin-top: 10px;
            font-weight: bold;
        }

        a:hover, a:focus  .xemthem-collapse{
            color: #E87722;
        }

        .collapse.in{
            color: #333;
        }

    /*.owl-carousel .owl-stage-outer {
        margin-top: -40px !important;
        }*/

        #sync1-tuyendung {
            margin-bottom: 13px;
        }

        .img-app{
            display: flex;
        }

        .img-app-item {
            margin: 0 10px;
        }

        .img-app-item{
            width: 45%;
        }

        .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
            width: 28px !important;
        }
        .show-video-gt>a>img{
            width: 320px !important;
            height: 181px !important;
        }
        .no-js .owl-carousel, .owl-carousel.owl-loaded{
            padding: 0 10px;
        }
        .show-video-gt{
            right: -107px !important;
        }

        .free-ck-bds .title {
            font-size: 17px;
        }

        .page .des-lh-block,.des-lh-block{
            width: 100%;
        }

        .gt-box-img-right:before,.gt-box-img:before{
            content: none;
        }

        .title_all_dv,.title-block-home,.block-title-1{
            font-size: 25px;
        }

        .body_content_all_dv ul li{
            width: 100%;
        }

        .bg_all_dichvu {
            padding-top: 0;
            padding-left: 10px;
            padding-right: 10px;
        }

        .no-js .owl-carousel, .owl-carousel.owl-loaded{
            padding: 0;
        }

        .fr-ck .des {
            margin-bottom: 15px;
        }

        .bg-white{
            padding: 30px 0;
        }

        .des-block-home{
            margin-top: 10px;
        }

        .home .block_free_content_lienhe .des-lh-block{
            width: 100%;
        }

        .free-ck-bds-2{
            margin-bottom: 0;
            border: none !important;
            text-align: center ;
        }

        .des p{
            text-align: left;
            font-size: 16px;
            padding: 0 10px;
        }

        .bg-gray .ck-ck .free-ck-bds-2{
            padding: 10px;
        }

        .btn-dichvuphaply{
            display: flex;
        }
        .gt-dv-1-box .des-block-simple {
            width: 100%;
            font-size: 16px;
            text-align: left !important;
            padding: 0 10px;
        }
        .gt-dv-1{
            padding: 0;
        }

        .gt-dv-1-box{
            margin: 0;
            margin-top: -30px;
        }

        .block-box > .mrg-lr-32 > .pdd-lr-32 > .des-block-home {
            font-size: 16px;
        }

        .gt-dv-2 .stt{
            font-size: 40px;
        }



        [class*=" col-"], [class^=col-]{
            padding-left: 0;
            padding-right: 0;
        }

        .panel-group > .accordion-faq > .title > .collapsed-mobile{
            font-size: 16px;
            display: flex;
        }

        .bg-white > .container > .doinet > .row > .col-md-11 > .show-video-gt > a > img{
            width: 100%;
        }

        .block-footer {
            margin-left: 30px;
        }

        .d-mobile > .same-height > .w-mobile > .p-mobile, .des-mobile{
            padding: 0;
            font-weight: 400;
        }

        .list-image{
            margin-left: -15px;
            margin-right: -15px;
        }

        .d-mobile > .same-height > .w-mobile > .stt-mobile{
            left: 45%;
            top: 10px;
        }

        .des-collapse{
            color: black;
        }

        .bg-gray > .container > .image-center > img {
            width: 95%;
            height: 100%;
        }

        .fr-chudautu {
            margin-bottom: 30px;
            padding: 0;
            border: none;
        }

        .title-faq-2,.title-faq{
            padding-right: 0;
            margin-top: 10px;
        }

        .khung-icon-gianhapmoigioi{
            margin-bottom: 30px;
        }

        .page .width-65 .des-lh-block {
            width: 90%;
        }

        .bg_trang .bg-image2{
            padding: 0;
        }

        .box-text-position-right{
            left: 0;
            width: 100%;
            margin-left: 0;
        }

        .padding-top-30{
            padding: 30px 10px;
        }

        .img-gianhap-form{
            margin-left: -20px;
            margin-bottom: 10px;
        }

        .margin-top-90{
            margin-top: 0;
        }

        .width-65 > .text-den{
            margin-top: 20px;
        }

        .block-search-box-bds,.khungtitle-dichvu,.text-den,.khung-content-banner-chudautu,.khung-content-banner-moigioi,.block_free_content_lienhe{
            padding: 7px;
            padding-top: 15px;
            padding-bottom: 0;
        }

        .chudautu{
            width: 93%;
        }

        .metismenu .sidebar-nav ul {
            padding-left: 25px !important;
        }

        .tabs_mra_new{
            display: flex;
        }

        .pa_65{
            padding: 20px 10px;
        }

        .khungnoidung-nhatkycongtrinh{
            padding: 0 15px;
            padding-left: 0;
        }

        .khungfillter{
            margin-bottom: 10px;
        }

        .btn-sm {
            font-size: 12px;
        }

        .title-mua-ban{
            font-size: 20px;
        }

        .content-html{
            padding: 0 10px;
        }

        .search-cdt-box .title {
            font-size: 34px;
        }

        .search-cdt-box .search input{
            width: 60%;
            border-radius: 8px;
        }

        .search-cdt-box .gr{
            width: 45%;
            padding-left: 10px;
        }

        .search-cdt-box .gr a:before {
            left: 1px;
            top: 3px;
        }

        .search-cdt-box .gr a {
            padding: 5px;
            height: 0;
        }

        .search-cdt-box button{
            padding: 0;
        }

        .khungallcontent-gianhap{
            display: block;
            padding-top: 50%;
        }

        .box-text-position-right .h3{
            font-size: 25px;
            text-align: center;
        }

        .daokhung-gianhapmoigioi{
            display: flex;
            flex-direction: column-reverse;
        }

        .khung-content-khacbiet:first-child{
            padding-bottom: 80px;
        }

        .khung-content-khacbiet:nth-child(2){
            padding-bottom: 25px;
        }

        .text-trang {
            padding: 0 5px;
        }

        .khungall-icon-gianhapmoigioi{
            margin-top: -27px;
        }

        .bg_gianhap {
            padding-bottom: 0;
            margin-bottom: -33px;
        }

        .loi-ngo-slider .content {
            right: 28%;
            z-index: 1;
        }

        .loi-ngo-slider .sologan {
            font-size: 36px;
        }

        .loi-ngo-slider .sologan:after {
            width: 250px;
        }

        .doinet{
            border: 0;
        }

        .bg_danh_muc h1{
            font-size: 34px;
        }

        .btn-vemra{
            height: 40px;
            line-height: 30px;
            border: 0;
            font-size: 25px;
        }

        .content-loi-ngo .title1 {
            font-size: 25px;
        }

        .khungmodal-content-loingo{
            padding: 0 10px;
        }

        .content-loi-ngo .img img{
            width: 103%;
        }

        .img-modal{
            width: 100%;
            background-size: 100%;
        }

        .modal-fr-content .row{
            margin-left: 0;
            margin-right: 0;
            display: flex !important;
            flex-direction: column-reverse;
            gap: 10px;
        }

        .block-tamnhin .title {
            font-size: 32px;
            text-align: center;
            padding-left: 30px;
            padding-top: 0;
        }

        .block-tamnhin > .container > .d-flex-center > .col-md-13 > .des{
            text-align: center;
        }

        .block-tamnhin .title:before{
            content: none;
        }

        .modal-fr-content {
            padding-top: 10px;
        }

        .khung-video-gt{
            width: 42%;
        }

        .video-gt-iframe{
            padding-top: 100%;
        }

        .title-bg {
            font-size: 34px;
        }

        .ut-thongbao{
            padding: 10px;
        }

        .khungduoi-dichvu{
            padding-bottom: 20px;
        }

        .btn-bando{
            font-weight: 400;
            position: fixed;
            z-index: 998;
            bottom: 15px;
        }

        .khung-btn-bando{
            display: flex;
            justify-content: center;
        }

        .khungbando-mobile{
            height: 500px !important;
        }

        .bg-gray > .container > .gt-dv-1-box > .d-mobile > .same-height > .khung-gt-dv-1 > h3 {
            font-size: 21px;
            font-weight: 400;
        }

        .gt-dv-2{
            margin-top: 0px;
        }

        .fr-text-col .title{
            font-weight: 400;
            padding: 0 10px;
        }

        .d-mobile > .same-height > .w-mobile{
            padding-top: 85px;
        }

        #sync2-tuyendung .owl-item{
            margin-right: 12px !important;
        }

        #sync2-tuyendung .owl-nav{
            top: -178%;
        }

        .owl-dv-3-thumb .owl-nav{
            /*transform: translateY(-125px);*/
        }

        .khung-tuyendung{
            margin-top: 15px;
        }

        .block_news_moi .info_news{
            z-index: 0;
        }

        .img-kinhnghiem{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .img-banner-kinhnghiem{
            height: 100%;
        }

        .col-sm-8.col-md-8.lienhe {
            flex-direction: column-reverse;
            display: flex;
        }

        .khung-login,.khung-register{
            width: 100%;
            padding: 20px;
        }



        .sticky{
            height: 100%;
        }

        .khungcontent-banner{
            text-align: center;
            padding: 0 20px;
        }

        .khung-3-icon{
            flex-direction: column;
        }

        .bg-xam-mua-thue-mra .content-mua-thue-mra{
            flex-direction: column-reverse;
        }

        .content-mua-thue-mra{
            flex-direction: column;
        }

        .bg-xam-mua-thue-mra,.bg-trang-mua-thue-mra{
            padding: 20px;
        }


        .content-right,.content-right-bg-cam{
            width: 100%;
            height: 200px;
        }

        .img-content-right:before,.img-content-left:before{
            border: 0;
        }

        .btn-content,.btn-content-bg-cam {
            width: 50%;
        }

        .content-mua-thue-mra-bg-cam{
            flex-direction: column-reverse;
            padding: 20px;
        }

        .title-content-ph{
            font-size: 25px;
        }

        #mobile > .col-xs-24 > .logo-footer{
            margin-top: 20px;
        }

        .khung-chitiet-tailieu{
            grid-template-columns: 1fr;
        }

        .btn-mobile {
            margin-bottom: 0;
            margin-left: 0;
            width: 100%;
            margin-bottom: 10px;
        }

        .content_gdv:nth-child(9){
            position: absolute;
            content: none;
            z-index: -1;
        }

        .khungall-bentrai-trangcanhan{
            min-height: 100%;
        }

        .top-thongtin{
            flex-direction: column;
        }

        .top-right-thongtin{
            right: 0;
        }

        .top-right-top-thongtin,.top-right-bottom-thongtin {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .khung-btn-change-password {
            display: flex;
            justify-content: center;
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .marketing:checked .sub-tcn,.hr:checked .sub-tcn2,.form-mau:checked .sub-tcn3,.tech-tool:checked
        .sub-tcn4,.huongdan:checked .sub-tcn5{
            display: block;
        }

        .sub-tcn, .sub-tcn2, .sub-tcn3, .sub-tcn4, .sub-tcn5{
            left: 0;
            bottom: 0;
        }

        .khungall-bentren-trangcanhan{
            position: fixed;
            top: 0;
            z-index: 9;
        }

        .doimatkhau{
            right: -20px;
        }

        .khung-detail-infomation{
            padding: 0;
            z-index: 1;
        }

        .title-chitiet-thongtin{
            margin-top: 20px;
            margin-left: 20px;
        }

        .noidung-bentren {
            margin-left: 0;
            padding-right: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            width: 100%;
        }

        .logo-moblie {
            visibility: collapse;
        }

        .khung1-canhan{
            flex-direction: column;
        }

        .phongto_QR{
            justify-content: start;
            margin-bottom: 20px;
        }

        .table-quanlitindang, .table-doanhsogiaodich{
            max-width: 300%;
        }

        .dodai-QR svg{
            width: 300px;
            height: 300px;
        }

        .khungalltitle-quanlytindang{
            flex-direction: column;
            gap: 20px;
        }

        .khung-sreach-quanlitindang{
            width: 100%;
            padding: 0 15px;
        }

        .khung-capnhat-quanly-tindang{
            margin-bottom: 20px;
            gap: 20px;
            flex-direction: column;
            padding: 0 15px;
        }

        .khungchon-all{
            flex-direction: column;
        }

        .khung-chon{
            justify-content: unset;
        }

        .btn-themlichhen{
            margin: 0 15px;
            margin-top: 10px;
        }

        .btn-timkiemlichhen{
            margin: 20px;
            margin-left: 0;
        }

        .form_henlichxemnha,.form_thongtin_doanhso-quanlitindang{
            padding: 20px;
        }

        .flex-column-mobile{
            flex-direction: column;
        }

        .row.goi-dv-info-box.gd_mobile {
            margin-left: 10px;
        }

        .khung-kyguinhadat-title{
            margin: -25px;
            margin-bottom: 10px;
        }

        .post-form .section-footer{
            padding: 20px !important;
            padding-top: 0 !important;
        }

        .grid-doingulanhdao{
            grid-template-columns: 1fr;
            margin-top: -30px;
        }

        .doingulanhdao-image{
            height: 200px;
        }

        .doingulanhdao-item{
            height: auto;
        }

        .giatrivanhoa-grid .des.expanded {
            height: 200px;
        }

        .form-scroll-phai-kygui {
            height: 100% !important;
        }

        .khung-submit-kygui{
            padding-top: 0;
        }
        .logo-footer{
            margin-left: 0;
        }

        button.btn.btn-default.btn-vemra{
            font-size: 25px;
        }

        .doinet{
            padding: 40px;
        }

        .show-video-gt{
            text-align: center;
            left: unset;
        }

        .mb-3{
            margin-bottom: 30px;
        }

    }

    @media only screen and (min-width: 768px) and (max-width: 1024px){
        .gt-box-img:before{
            content: none;
        }

        .container .sticky {
            overflow: unset !important;
            height: 1024px;
        }


        .des-block-home{
            margin-top: 20px;
        }

        .wsmenu-list > li > a{
            font-size: 14px !important;
        }

    }

    @media only screen and ( min-width: 1025px ) and (max-width: 1270px){
        body{
            width: 100%;
        }
    }

    @media only screen and (min-width: 500px) and (max-width: 991px){
        .fr-ck .row{
            display: flex;
        }

        [class*=" col-"], [class^=col-]{
            padding: 0 15px;
        }

        .align-items-center.flex-column-reverse.justify-content-center.justify-content-sm-between.flex-sm-row.section-footer-wrap.column-mobile {
            flex-direction: column;
        }

        .menu-footer {
            margin-left: 0;
        }

        .header-top{
            padding: 25px;
        }

        .gioi-thieu-box .d-flex-center{
            flex-direction: column;
        }

        .site-phone{
            display: none;
        }

        .bg-white > .container > .doinet > .row > .col-md-11 {
            position: absolute !important;
            top: 0 !important;
            width: 50%;
        }

        .doinet {
            width: 100%;
            margin-top: 80px;
        }

        .show-video-gt {
            border-radius: 12px 12px 0px 12px;
            position: absolute;
            top: 0;
            transform: translate(90%, -20%);
            right: 0;
        }

        .des-dotnet{
            margin-top: 50px;
        }

        .row.khungall-icon-gianhapmoigioi {
            display: flex;
            justify-content: space-between;
        }


    }

    @media only screen and (min-width: 769px) and ( max-width: 991px){
        .btn-bando {
            font-weight: 400;
            position: fixed;
            z-index: 998;
            bottom: 15px;
        }

        .khung-btn-bando {
            margin-left: 43%;
        }

        .top-thongtin {
            flex-direction: row;
            align-items: unset !important;
        }

        .khungtrai, .khungtren {
            padding: 0 1px;
        }

        .top-left-thongtin {
            transform: translateY(20%);
        }

        .top-thongtin-canhan{
            flex-direction: column;
            gap: 20px;
        }

        .khung-capnhat-quanly-tindang{
            gap: 20px;
        }

        .khung-xoa-quanlitindang{
            flex-shrink: 0;
        }

        .form_henlichxemnha{
            padding-bottom: 20px;
        }

        .d-flex-between {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            gap: 20px;
        }
    }

    @media only screen and (min-width: 992px) and ( max-width: 1199px){
        .top-right-top-thongtin,.top-right-bottom-thongtin,.center-top-thongtin,.center-bottom-thongtin{
            display: flex;
        }

        .phongto_QR{
            justify-content: unset;
        }

        .d-flex-between.khungalltitle-quanlytindang {
            flex-direction: column;
            gap: 20px;
        }

        .goi-dv-content h3 {
            height: 42px;
            font-size: 18px;
        }

        .reg-bds {
            margin-left: 10px;
        }

        .wsmenu-submenu{
            min-width: max-content !important;
        }

        .wsmenu-list .menu-bottom-site:last-child .wsmenu-submenu{
            left: -20px;
        }

        .wsmenu-submenu li a {
            width: max-content;
            font-size: 13px;
        }

        .menu-bottom-site{
            position: relative;
        }


        .box-khacbiet .title-2 {
            font-size: 26px;
        }
    }