/* --------------------------------------------login----------------------------------------- */
.form-account .login-fb {
    margin-top: 10px;
    background-color: #fff;
    color: #000;
    padding: 0 30px;
    transition: all .3s linear;
    line-height: 40px;
    border-width: 1px;
}

.form-account .login-fb svg {
    margin-bottom: -6px;
    margin-right: 5px;
}

.form-account .login-fb:hover {
    background-color: #000;
    color: #fff;
}

.swal2-confirm {
    min-width: 90px;
    width: auto;
    height: 30px;
    font-size: 14px !important;
    padding: 5px 20px;
    background-color: #000 !important;
}

.swal2-html-container {
    font-size: 16px !important;
}

.swal2-container {
    z-index: 99999;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    outline: none !important;
    box-shadow: none !important;
}

div:where(.swal2-icon).swal2-warning {
    border-color: #000 !important;
    color: #000 !important;
}



/* -----------------------------------------dashboard------------------------------------ */
/* user.css */

.space-list{
    padding: 60px 0px;
}

.clear{
    clear: both;
}

/* .btn-register{
    position: relative;
}

.header-ring{
    position: absolute;
    top: -13px;
    left: -40px;
} */

.dashboard .sibar-dashboard {
    margin-right: -23px;
    border: 1px solid var(--ninth-color);
    padding: 30px 0 25px;
}

.dashboard .sibar-dashboard .user{
    padding-left: 20px;
}

.dashboard .sibar-dashboard .user .avatar-ds{
    width: 72px;
    height: 72px;
    float: left;
    margin-right: 10px;
    background-color: var(--ninth-color);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.dashboard .sibar-dashboard .user .avatar-ds .img-default {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}

.dashboard .sibar-dashboard .user .info{
    float: left;
    margin-top: 9px;
}

.dashboard .sibar-dashboard .user .info .name{
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: var(--second-color);
    margin-bottom: 15px;
}  

.dashboard .sibar-dashboard .user .info .point{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--second-color);
}

.dashboard .sibar-dashboard ul{
    margin-top: 30px;
}

.dashboard .sibar-dashboard ul li {
    position: relative;
}

.dashboard .sibar-dashboard ul li a {
    display: inline-block;
    width: 100%;
    padding: 12px 0 12px 45px;
    position: relative;
}

.dashboard .sibar-dashboard ul li svg{
    margin-right: 5px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.dashboard .sibar-dashboard ul li a{
    color: var(--primary-color);
}

.dashboard .sibar-dashboard ul li.active{
    background: var(--eighth-color);
}

.dashboard .sibar-dashboard ul li:hover{
    background: var(--eighth-color);
}

.dashboard .tab-info{
    /* margin-left: 33px; */
}

.dashboard .dashboard-button{
    border: none;
    background: var(--second-color);
    color: var(--third-color);
    padding: 7px 15px;
    transition: .3s linear;
    font-weight: 500;
}

.dashboard .tab-info h2.title {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 20px;
    color: var(--primary-color);
    text-align: left;
    text-transform: uppercase;
}

.dashboard .tab-info .info-inner:not(:first-child){
    margin-top: 40px;
}

.dashboard .tab-info table {
    border: 1px solid var(--ninth-color);
    width: 100%;
}

.dashboard .tab-info table th {
    padding: 16px 20px 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: var(--second-color);
    text-align: center;
}

.dashboard .tab-info table td{
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

/* .dashboard .tab-info table .watch-now {
    display: inline-block;
    padding: 3px 8px;
    background-color: var(--primary-color);
    color: var(--third-color);
    font-size: 12px;
    line-height: 14px;
} */

.dashboard .tab-info table tr:nth-child(even) {
    background-color: var(--eighth-color);
}

.dashboard .tab-info table th:first-child,
.dashboard .tab-info table td:first-child {
    text-align: left;
}

table.type-1 th{
    width: 13%;
}

table.type-1 th:nth-child(3){
    width: 15%;
}

table.type-1 th:first-child {
    width: 46%;
}

table.type-2 th {
    width: 13%;
}

table.type-2 th:first-child {
    width: 74%;
}

.dashboard .tab-info .info-inner .see-more{
    padding: 20px;
}

.dashboard .tab-info .info-inner .see-more a{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--second-color);
}

table.type-3 th.stt{
    width: 5%;
    text-align: center;
}

table.type-3 th {
    width: 10%;
}

table.type-3 th.account{
    width: 30%;
    text-align: left;
}

.dashboard .tab-info table.type-3 td.stt{
    text-align: center;
    padding: 12px 20px;
}

.dashboard .tab-info table.type-3 td.name {
    text-align: left;
}


/* ------------------------------------------------dashboard toi ban----------------------------------------- */
.user-panel-acc-body input {
    -webkit-appearance: auto;
    margin-right: 3px;
}

.user-panel-acc-header .sodu b {
    color: #000;
}

.user-panel-acc-body .upn-body-rght {
    background: #000;
}

.user-panel-header {
   border: none;
   margin-top: 0 !important;
}

.user-panel-header .tab-item {
    border-radius: 0;
    background: none !important;
    transition: all .2s linear;
    border-width: 2px;
    height: auto;   
    line-height: normal;
    margin-right: 0;
    border: none !important;
    display: inline-block;
    width: calc(100% / 3);
    text-align: center;
}

.user-panel-header .tab-item a {
    color: #999;
    padding: 10px 32px;
    border-bottom: 2px solid rgba(0, 0, 0, .09);
}

.user-panel-header .tab-item.active a {
    color: #000;
    border-color: #000;
}

.user-panel-lammoitin {
    transition: all .2s linear;
}

.user-panel-lammoitin:hover  {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

.tin-item-body .col-cus-2 {
    padding-left: 0;
}

.tin-item-body h2 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 24px;
}

.tin-item-body h2 a {
    color: #000;
    word-wrap: break-word;
}

.sibar-dashboard {
    top: 200px;
    position: sticky;
}

/* -------------------------------------------change-pass--------------------------------------- */
.add-item {
    margin-bottom: 20px;
}

.user-panel-body {
    padding-top: 70px;
    padding-bottom: 70px;
    background: none;
}

.user-panel-profile {
    border: none;
    padding: 0;
}

.user-profile-header .profile-avatar {
    width: 100%;
    position: relative;
}

.user-profile-header .profile-avatar .bg-avatar {
    width: 100%;
    max-height: 125px;
}

.user-profile-header .profile-avatar .avatar-img {
    width: 92px;
    height: 92px;
    border-radius: 100%;
    position: absolute;
    left: 30px;
    bottom: -45px;
}

.sidebar-cn, .news-profile {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgb(232 232 232/1);
    overflow: hidden;
}

.profile-statis {
    width: 100%;
    padding: 60px 20px 0;
}

.profile-name {
    font-size: 21px;
}

.profile-info {
    float: left;
    padding: 0 20px 30px;
    width: 100%;
    margin-top: 20px;
}

.profile-row {
    font-size: 18px;
    margin-bottom: 15px;
}

.bg-gray {
    background-color: #f6f6f6;
}

.news-profile {
    padding: 20px;
}

#user-info-form label {
    display: block;
}

#user-info-form img {
    margin-bottom: 20px;
    max-width: 70px;
    max-height: 70px;
}

.upload-file {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: none;
}

.avatar-wrap {
    position: relative;
    display: inline-block;
}

.avatar-wrap .upload-file {
    position: absolute;
    bottom: -4px;
    right: -8px;

}

.avatar-wrap .upload-file svg {
    color: #999;
}


.list-tin-body .fullview .tin-item-body img {
    max-height: 246px;
    width: 100%;
}

.list-tin-body .fullview {
    text-align: center;
}

.list-tin-body .fullview h2 {
    color: var(--second-color);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    height: 40px;
    text-align: center;
}

.list-tin-body .price {
    color: var(--fourth-color);
    font-size: 14px;
    margin-top: 5px;
}

.list-tin-body .fullview .fa {
    border: none;
    width: auto;
    height: auto;
    margin-right: 2px;
}

.list-tin-body .fullview span {
    margin-right: 10px;
}

.list-tin-body .fullview .info svg {
    float: left;
    margin-right: 5px;
}

.list-tin-body .fullview .price span {
    font-size: 18px;

}

.list-tin-body .fullview {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.noresult-general p {
    font-size: 18px;
}

.ds-profile {
    text-align: left !important;
}

.swal2-container {
    z-index: 99999999999;
}


.dashboard table {
    border: 1px solid #d8d7d7;
    width: 100%;
}

.dashboard table th {
    padding: 16px 20px 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #000;
    text-align: center;
}

.dashboard table td{
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.dashboard table td p {
    font-size: 13px;
    line-height: 20px;
}

.dashboard table td p a {
    color: #f46a6a;
    font-weight: 700;
}

/* .dashboard .tab-info table .watch-now {
    display: inline-block;
    padding: 3px 8px;
    background-color: var(--primary-color);
    color: var(--third-color);
    font-size: 12px;
    line-height: 14px;
} */

.dashboard table tr:nth-child(even) {
    background-color: #f6f6f6;
}

.dashboard table th:first-child,
.dashboard table td:first-child {
    text-align: left;
}

.btn-detail-order {
    padding: 4px 6px;
    border-radius: 3px;
    border: 1px solid #74788d;
    text-align: center;
    transition: all .3s linear;
}

.btn-detail-order svg {
    margin-bottom: -1px;
}

.btn-detail-order:hover {
    background-color: #74788d;
    border-color: #74788d;
    color: #fff;
}

.order-status {
    color: #f46a6a;
}


/* --------------------------------cart_detail---------------------------------------------- */
.dashboard_cart_detail h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px !important;
    color: #495057;
    margin-bottom: 20px;
}

.table-responsive {
    border-radius: 3px;
    overflow: hidden;
    overflow-x: auto;
}

.dashboard_cart_detail table {
    border: 1px solid #eff2f7 !important;
}

.dashboard_cart_detail table .table-light {
    color: #495057;
    border-color: #eff2f7;
    background-color: #eff2f7;
}

.table-data thead tr th {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    white-space: nowrap;
    border: none; 
    text-align: left;
    font-weight: 600;
}

.table-data tbody>tr>td {
    white-space: nowrap;
    text-align: left;
    border-width: 0 1px;
    border-color: rgb(239, 242, 247);
} 

.dashboard table tr:nth-child(even) {
    background: none;
}

.table-data .red {
    color: #f46a6a;
}

.order-infor {
    font-size: 20px;
}

.order-infor>div {
    margin-bottom: 10px;
    display: flex;
    font-size: 13px;
}

.order-infor>div p:first-child {
    width: 200px;
    font-weight: 800;
}

/* -------------------------------------timeline-------------------------------------------- */
.timeline-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
    height: 200px;
    display: flex;
    justify-content: center;
}

.timeline-wrapper .middle-line {
    position: absolute;
    width: 100%;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: #d9d9d9;
}

.boxx {
    width: 17%;
    position: relative;
    min-height: 200px;
    float: right;
}

.boxx .date {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #d9d9d9;
}

.boxx .date.active {
    background-color: #34c38f;
    color: #fff;
    border: none;
}

.boxx .date a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 600;
    color: #d9d9d9;
}

.boxx .date.active a {
    color: #fff;
}

.date p {
    text-align: center;
    /* margin-top: 3px; */
    margin-bottom: 0;
}

.boxx .boxx-content {
    border-radius: 5px;
    background-color: #eff2f7;
    width: auto;
    min-width: 180px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5px 10px;
    text-align: center;
    top: 15%;
}

.boxx-content::before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
}

.boxx-content p {
    margin: 0;
    color: #000;
    white-space: nowrap;
    font-size: 14px;
}

.boxx .boxx-content.bot {
    top: 70%;
    text-align: center;
}

.dashboard .sibar-dashboard {
    margin-right: 0;
}

.dashboard.history-product .tab-info {
    margin-left: 0;
    margin-bottom: 20px;
}

.history-product .table-mobile table {
    border: 1px solid #f5f5f5;
    width: 100%;
}

.history-product .table-mobile table tr:nth-child(even) {
    background-color: #f2f2f2 !important;
}

.user-panel-data .table-mobile {
    overflow-y: hidden;
    overflow-x: auto;
}

.class-inner {
    overflow: hidden;
}

.class-inner span {
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: calc(100% - 23px);
    margin-left: 3px;
    transform: translateY(2px);
    font-size: 12px;
}

.content-raovat {
    text-align: left !important; 
}
  

.list-tin-header {
    padding: 20px 0;
}

.list-tin-header .tab-item:first-child {
    margin-left: 0;
}

.list-tin-header .tab-item {
    margin: 0 5px;
}

.product-report a {
    border-color: #000;
    color: #000;
    transition: all .3s linear;
}

.product-report a:hover {
    background-color: #000;
    color: #fff;
}

.product-user {
    display: flex;
    margin-bottom: 20px;
}

.product-infor-user {
    padding-top: 15px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.product-infor-user h3 {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.product-number a {
    border: 2px solid var(--second-color);
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    color: #000;
    display: block;
    height: 36px;
    line-height: 34px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

/* -----------------------------------------dangtin------------------------------------ */
.quay-lai{color: var(--primary-color)}
.dangtin-box {background: var(--third-color);float: left;margin-bottom: 30px;margin-top: 25px;width: 100%;padding-bottom: 12px}
.dangtin-title {position: relative;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;font-size: 18px;padding-top: 20px;margin-bottom: 30px; display: inline-block;}
.dangtin-image {margin: 0 auto;float: none;display: inline-block;width: 100%;text-align: center;}
.dangtin-title::after {background: var(--second-color);display: inline-block;height: 2px;content: "";position: absolute;bottom: 0;width: 100%;left: 0px;}
.dangtin-box ul {list-style: none; padding: 0;}
.dangtin-box ul.ul-select {margin-top: 10px;}
.dangtin-box li {width: 48%;float: left;margin-bottom: 15px;font-size: 16px;border-bottom-left-radius: 14px;border-top-left-radius: 14px;min-height: 36px;cursor: pointer;line-height: 36px;}
.dangtin-box li a {line-height: 36px;}
/* .dangtin-box li:hover a {color: #ff0000;} */
.dangtin-box ul.dt2 li a {padding-left: 14px;}
.dangtin-box ul.dt2 li {border-radius: 7px;line-height: 36px;padding-left: 14px;}
.dangtin-box li.rght {float: right;}
.dangtin-box li img {margin-right: 10px;width: 36px !important;height: 36px !important;float: left;}
.dangtin-box li.odd {background: var(--eighth-color);}
.dangtin-image img {margin-bottom: 10px;width: 35px !important;/* float: none !important; */}
.dangtin-image img.first {margin-left: 60px;}
.dangtin-box .dt3 li {width: 100%;height: auto;min-height: 18px;margin-bottom: 5px;background: url('../img/lired.png') no-repeat 0 8px;padding-left: 12px;}
.dangtin-box li.lft h3, .dangtin-box li.rght h3 {margin-top: 6px;float:left;width: 100%;margin-bottom: 9px;}
.dangtin-box li.sluser {padding-left: 20px;}

.dangtin-image img, .dangtin-image .img-space {float: none;}
.dangtin-image .img-space {width: 35px;height: 19px;display: inline-block;background: url('../img/img-space.png') repeat-x 50%;}
.dangtin-box .dt-full-row li {width: 100%;}
.dangtin-box .field-custom.text, .dangtin-box .field-custom.textarea {width: 100%;min-height: 36px;border: 1px solid var(--ninth-color);border-radius: 7px; padding-left: 10px;}

.dang-tin-upload {float: left;}
.dang-tin-upload .upload-list-images {float: left;}
.dang-tin-upload .image-item {float: left;width: 130px;height: 130px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;border-radius: 12px;position: relative;}
.dang-tin-upload .image-item span {width: 20px;height: 20px;display: inline-block;background-position: -93px -103px;position: absolute;top: 4px;right: 4px;z-index: 9;cursor: pointer;}
.dang-tin-upload .image-item img {width: 130px;height: 130px !important;}
.dang-tin-upload .image-item-do img {width: 130px; max-width: 130px;}
.dang-tin-upload .help-txt {margin-top: 56px;float: left;}

.dt2 li span {background: url('../img/radio.png') no-repeat 0 0; width: 19px; height: 19px; display: inline-block; float: right; margin-top: 8px; margin-right: 9px; background-position: 0 -19px; cursor: pointer;}
.dt2 li span.active {background-position: 0 -0;}

.btn-red {background: var(--second-color); width: 100%; text-transform: uppercase; color: var(--third-color); margin-top: 20px; margin-bottom: 10px;}
.btn-red .fa {padding-left: 8px;}
.btn-red:hover {background: var(--second-color); color: var(--third-color);}
.dangtin-box h3 {margin-bottom: 15px;float: left;width: 100%;margin-top: 20px;font-weight: bold;}


.dangtin-box ul.ul-select {
    border: 1px solid #ced4da;
    /* max-width: 455px; */
    min-width: 255px;
    padding: 10px 15px 5px;
    max-height: 200px;
    overflow-y: scroll;
}

.dangtin-box ul.ul-radio li {
    display: block;
    float: unset;
}

.dangtin-box ul.dt2 li {
    /* background-color: unset; */
    padding-left: 0;
}

/* .dangtin-box .field-custom.text {
    max-width: 455px;
    min-width: 255px;
} */




.dt2 li.active span {
    background-position: 0 -0;
}


.div-lh .field-custom.text {
    max-width: 100%;
}

.select2 {
    width: 100% !important;
    max-width: 560px;
}

.select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: .75rem;
    color: #495057;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 3px;
}

.dangtin-box .field-custom.text {
    padding: 5px 10px;
}


.product-content table {
    width: 100%;
    border: 1px solid #ddd;
}

.product-content table>tbody>tr>th {
    font-size: 18px;
    line-height: 33px;
    text-align: left;
    width: 200px;
}

.tab-content-wrap.product-content p {
    margin-bottom: 0 !important;
} 

.product-content table>tbody>tr>td,
.product-content table>tbody>tr>th
 {
    border: 1px solid #ddd;
    padding: 7px 15px;
}

.product-content table>tbody>tr>td {
    font-size: 18px;
    font-weight: 400;
}

.sidebar-product .block .select-content .item {
    margin-bottom: 10px;
}

.sidebar-product .block .select-content .item-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.sidebar-product .block .cate-child a {
    margin-bottom: 0 !important;
}

.sidebar-product .block .cate-child h2 {
    margin-left: 10px;
}

.sidebar-product .block .select-content .item .jitem {
    width: 24px;
}

.sidebar-product .cate-child-list {
    padding-left: 20px;
}

.sidebar-product .cate-child-list li {
    display: flex;
}

.sidebar-product .cate-child-list li:first-child {
    padding-top: 10px !important;
}

.sidebar-product .cate-child-list li h3 {
    color: #888;
    font-size: 15px;
    margin-left: 10px;
}

.sidebar-product .cate-child-list img {
    width: 24px;
}

.sidebar-product .cong-tru-child {

}

/* ---------------------------------------dangtin----------------------------------- */
.form-dangtin {
    padding: 48px 0;
    background-color: #f4f4f4;
}

.bg-dangtin {
    background-color: #fff;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-dangtin .tab-content {
    padding: 50px 0;
}

.form-dangtin input, .form-dangtin label {
    height: 40px;
}

.form-dangtin label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.form-dangtin input:focus,
.form-dangtin textarea:focus
{
    border-color: #ccc;
    box-shadow: none;
}

.form-dangtin .form-group .helptext-cb {
    margin-top: 5px;
    
}

.form-dangtin .form-group p {
    margin-bottom: 3px;
    font-size: 14px;
}

.form-dangtin .help-txt {
    font-size: 14px;
    font-style: italic;
}


.form-dangtin .form-group {
    margin-bottom: 30px;
}

.form-dangtin textarea {
    max-width: 100% !important;
}

.div-body-ex-l-num {
    margin-left: 5px;
    font-size: 14px;
}

.select-item {
    display: flex;
}

.select-item .select-item {
    width: 28px;
    text-align: center;
}

.select-item img {
    width: auto;
    height: 28px;
    margin-right: 10px;
    max-width: 28px;
}

.form-btn {
    text-align: right;
}

.form-dangtin .btn-next,
.form-dangtin .btn-next-2,
.form-dangtin .btn-save,
.form-dangtin .btn-return
{
    display: inline-block;
    background: #fff;
    border: 1px solid #000;
    width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    color: #000;
    transition: all .3s linear;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

.form-dangtin .btn-next:hover,
.form-dangtin .btn-next-2:hover,
.form-dangtin .btn-save:hover
{
    background-color: #000;
    color: #fff;
}

.form-dangtin .btn-return {
    background: #000;
    color: #fff;
    margin-right: 5px;
}


.ul-radio {
    display: flex;
    min-height: 40px;
    align-items: center;
}

.dt2 li span {
    margin-top: 0;
    margin-right: 20px;
    margin-left: 10px;
    transform: translateY(2px);
}

.radio-custom.form-control {
    border: none;
}

.field-null {
    margin-bottom: 40px;
}

.tieptuc-dangtin, .quayve-trangchu {
    display: block;
    margin: 20px auto 10px auto;
    width: 200px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    transition: all .3s linear;
}

.tieptuc-dangtin:hover {
    background-color: #fff;
    color: #000;
}

.dangtin-success {
    margin: 50px 0;
}


.quayve-trangchu {
    background-color: #fff;
    color: #000;
    margin-top: 0;
}

.quayve-trangchu:hover {
    
    background-color: #000;
    color: #fff;
}

.form-dangtin .nav li a {
    /* pointer-events: none; */
    cursor: no-drop;
}

.form-dangtin .tab-title {
    margin-bottom: 30px;
}

.form-dangtin .tab-title h3 {
    font-size: 24px;
    line-height: 28px;
    color: red;
}

.form-dangtin .nav-tabs>li>a:hover {
    background-color: #fff;
    border-color: transparent;
    border-bottom-color: #ddd;
}

.form-dangtin .nav li.active a  {
    cursor: pointer;
}

.form-dangtin .nav li.active a:hover {
    border-color: #ddd;
    border-bottom-color: #fff;
}

.btn-huy {
    margin-bottom: 20px;
}

.hint {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
    /* overflow: hidden; */
    box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);
}

.hint-title {
    padding: 20px 10px;
    background-color: #E5EEFB;
    border-top: 2px solid #2673DD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
}

.hint-title h2 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
}

.hint .hint-content ul {
    padding-left: 20px;
}

.hint .hint-content ul li {
    list-style: disc;
    margin-bottom: 10px;
    font-size: 14px;
}

.hint .hint-content ul li:last-child {
    margin-bottom: 0;
}

.hint-content {
    padding: 20px 10px;
}

.huy-dangtin {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #000;
    transition: all .3s linear;
}

.huy-dangtin:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 768px) {
   

    .dashboard .tab-info {
        margin-left: 0;
        margin-top: 40px;
    }

    .tin-item-body {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .tin-item-body .col-cus-2 {
        padding-left: 15px;
    }

    .user-panel-lammoitin {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .list-tin-body .price span:first-child {
        display: block;
    }

    .tin-item-body h2 {
        font-size: 18px;
    }

    .infox {
        margin-top: 10px;
    }

    .user-profile .avatar {
        text-align: left;
    }

    .user-profile .avatar .upload-file {
        border: none;
        margin-top: 0;
    }

    .avatar-wrap .upload-file {
        bottom: 4px;
    }

    .user-profile-header .cus-row {
        margin: 0;
    }

    .news-profile {
        padding: 15px;
    }

    .user-panel-title {
        margin-bottom: 15px;
    }

    .user-panel-header .tab-item {
        width: auto;
    }

    .boxx .boxx-content {
        display: none;
    }

    .timeline-wrapper {
        height: 45px !important;
        margin-bottom: 18px;
    }

    .boxx {
        min-height: auto !important;
    }

    .boxx .date {
        width: 35px;
        height: 35px;
    }

    .boxx .date a {
        font-size: 20px;
    }

    .dashboard_cart_detail h2 {
        margin-top: 20px;
    }

        
    .history-product .table-mobile {
        overflow-x: scroll;
        padding: 0px 0px 20px;
    }

    .list-tin-body .fullview h2 {
        margin-top: 10px;
    }

    .dangtin-box li {
        width: 100%;
    }

    .ttp-dachon .tichchon {
        top: 4px;
        right: 11px;
    }

    .ttp-dachon > div.flex {
        margin-bottom: 0;
    }

    .dangtin-box .form-group p, .div-body-ex-l-num {
        font-size: 12px;
    }

    .dang-tin-upload .image-item {
        width: 80px;
        height: 80px;
        margin-right: 6px;
    }

    .dang-tin-upload .image-item img {
        height: 80px !important;
        width: 80px;
    }

    .dang-tin-upload .help-txt {
        margin-top: 26px;
    }

    .form-dangtin .nav li a {
        font-size: 11px;
        padding: 10px;
    }

    .form-dangtin .tab-title h3 {
        font-size: 18px;
        line-height: 24px;
        color: red;
    }

    .sidebar-product .block .title-block .thu-gon {
        transform: translateY(-8px);
    }
}