.pn-foot .foot-top{
    padding-bottom:0;
    border-bottom-color:transparent;
    margin-bottom:0;
}
.df-ft{
    align-items:flex-start;
}
.df-ft .left{
    width:30%;
}
.df-ft .center{
    width:30%;
}
.df-ft .right{
    width:30%;
}
.pn-foot{
    background-color:var(--color-7);
    color:#222;
}
.pn-foot>.container{
    border-bottom-color:#222;
}
.pn-foot a{
    color:#222;
}
.pn-admin-login{
    padding:3rem 0;
}
.pn-member-action {
    background-size: cover!important;
    min-height: calc(100% - 8rem);
}

.pn-member-action .wrap_bgMember {
    background-color: rgba(0, 0, 0, 0.65);
    width: 65rem;
    min-height: calc(100vh - 8rem);
    padding: 4rem 8rem;
    border-radius: 0;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.5;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.wrap_bgMember p.subtit {
    font-size: 1.8rem;
    font-family: var(--font-m);
}

.wrap_bgMember h1.tit_member {
    font-family: var(--font-b);
    font-size: 3.4rem;
    margin: 1rem 0;
}

.form_member {
    margin: 2rem 0 1rem 0;
}

.input_icon {
    position: relative;
    display: flex;
}

.input_icon .icon {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #999;
}

.input_icon .icon svg {
    width: 2.4rem;
    height: 2.4rem;
}

.div_input input,
.div_input select {
    padding-left: 5rem;
}

.form_member input.form-control {
    font-size: 1.6rem;
    height: 4.4rem;
}

.btn_full {
    width: 100%;
}

.form_member label.error {
    color: red;
    font-size: 1.3rem;
    position: absolute;
    right: 0.7rem;
    top: 1.2rem;
}


.btn_dk {
    background-color: var(--color-2);
    text-align: center;
    padding: 0.8rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: var(--font-m);
    color: #fff;
    border-color: var(--color-2);
    box-shadow: unset;
    outline: none;
    font-family: var(--font-m);
}

.btn_member:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: #fff;
}
.pn-member-action{
    min-height:unset!important;
    height:calc(100% - 22rem)!important;
}
.pn-member-action .wrap_bgMember{
    min-height: calc(100vh - 26rem);
}
.df-box-admin > .sidebar{
    width:25rem;
    border:0.1rem solid #222;
    display:block;
    background-color:var(--color-7);
    margin-bottom:2rem;
    min-height:calc(100vh - 200px);
}
.df-box-admin > .main{
    width:calc(100% - 26rem);
    padding-top:1rem;
}
.box-aside-admin .box-heading{
    background:var(--color-1);
    padding:1rem 2rem;
    text-align:center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.box-aside-admin .box-heading img{
    height:3.5rem;
}
.box-aside-admin .box-heading h2{
    text-transform:capitalize;
    color:#fff;
    font-size:2rem;
    font-weight:var(--font-weight-1);
    margin-bottom:0;
    margin-top:0.5rem;
    line-height:1.3;
}
.box-aside-admin .box-body{
    padding:0 0;
}
.bx-item{
    padding:1rem 1.5rem;

}
.bx-item .tit{
    text-transform:uppercase;
    text-align:left;
    font-weight:var(--font-weight-2);
    font-size:1.6rem;
    margin-top:0.5rem;
}
.bx-item .nav-admin{
    border-bottom:0.2rem solid #222;
    padding-bottom:2rem;
}
.bx-item .nav-admin > li{
    padding:0.5rem 0;
}
.bx-item .nav-admin > li >  a{
    font-size:1.6rem;
    line-height:1.3;
    display:block;
    font-weight:var(--font-weight-1);
    color:#333;
}
.bx-item .nav-admin li.current > a,.bx-item .nav-admin li:hover > a{
    color:var(--color-2);
}
.no-border-bottom{
    border-bottom-color:transparent!important;
}
.btn-flat{
    font-size:1.4rem;
    border-radius:0.2rem;
}
.df-filter-admin{
    margin-bottom:1rem;
}
.df-filter-admin .left{
    width:calc(100% - 18rem);
    display:flex;
    justify-content:flex-start;
}
.df-filter-admin .right{
    width:17rem;
    display:flex;
    justify-content:flex-end;
}
.df-filter-admin .right > a{
    line-height:1.4;
}
.df-filter-admin .left select{
    width:18rem;
    margin-right:1rem;
}
.df-filter-admin .left input[type='text']{
  width:20rem;
  margin-right:1rem;
}
.bt_addPartner{
    text-transform:uppercase;
    font-weight:var(--font-weight-1);
    background-color:#243cff;
}
.pn-boxAdmin{
    background-color:#eee;
}
.btn_ft_partner{
    background-color:var(--color-1);
    border-color:var(--color-1);
    padding:0 1rem;
    font-size:1.5rem;
    text-transform:capitalize;
}
.list_partner thead tr th{
    font-weight:var(--font-weight-1);
    font-size:1.4rem;
    text-align:center;
}

.wrapAdminList .table thead th{
   background-color:#fbfadb;
   text-align:center;
   font-size:1.3rem;
}
.wrapCampList .table thead th{
   background-color:#fbfadb;
   text-align:center;
   font-size:1.3rem;
}

.ic-admin{
    display:inline-block;
    text-align:left;
    width:1.5rem;
}
#frmAddPartner label{
    font-weight:var(--font-weight-1);
    font-size:1.4rem;
}
.df-action-frmAddPartner button{
    font-size:1.6rem;
    text-transform:uppercase;
    margin-left:0.5rem;
    padding:0.5rem 1.5rem;
}
.df-action-frmAddPartner .btn-default{
    border:1px solid #ccc;
}
.df-admin-partner-detail{
    margin-bottom:1rem;
}
.df-admin-partner-detail > .left{
    width:calc(100% - 23rem);
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.df-admin-partner-detail > .left > label{
    font-weight:var(--font-weight-1);
    font-size:1.6rem;
}
.df-admin-partner-detail > .right{
    width:22rem;
    display:flex;
    justify-content:flex-end;
}
.df-admin-partner-detail > .left #select_partner{
    width:20rem;
    margin-left:1rem;
    font-size:1.3rem;
    height:3.4rem;
}
#select_payment{
    width:17rem;
    margin-left:1rem;
    font-size:1.4rem;
    height:3.4rem;
}
.btn_admin_edit_partner{
    font-size:1.5rem;
    font-weight:var(--font-weight-1);
    background-color:var(--color-7);
    color:#333;
    line-height:3.4rem;
    display:inline-block;
    padding:0.2rem 1rem;
    border-radius:0.2rem;
}
.btn_admin_edit_adv{
    font-size:1.5rem;
    font-weight:var(--font-weight-1);
    background-color:var(--color-4);
    color:#fff;
    line-height:3.4rem;
    display:inline-block;
    padding:0.2rem 1rem;
    border-radius:0.2rem;
}
.box-info-admin-partner{
    padding:1.5rem 2rem;
    font-size:1.4rem;
    font-weight:var(--font-weight-1);
    border-radius:0.2rem;
}
.list-para-admin > li{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:1rem;
}
.list-para-admin  .lb{
    min-width:15rem;
}
.list-para-admin  .input{
    min-width:30rem;
}
#frm_admin_edit_partner label.error{
    color:red;
    font-size:1.3rem;
}
.btn_a svg{
    margin-top:-4px;
}
.btn_status{
    display:inline-block;
    padding:0.3rem 0.5rem;
    font-size:1.3rem;
    line-height:1.2;
    color:#fff;
    font-weight:var(--font-1);
    border-color:transparent!important;
    outline:none;
    box-shadow:unset;
    min-width:8rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius:0.2rem;
}
.row_status_0{
    background-color:#555;
}
.row_status_1{
    background-color:orange;
}
.row_status_2{
    background-color:yellow;
    color:#333;
}
.row_status_3{
    background-color:green;
}
.row_status_-1{
    background-color:red;
}
#select_camp{
    width:30rem;
    margin-left:10px;
    height:3rem;
    font-size:13px;
}
.list-para-camp{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:0.5rem;
}
.list-para-camp > li{
    margin-bottom:0.2rem;
    padding-right:1rem;
}
.list-para-camp > li > span.lb{
    font-weight:var(--font-weight-1);
    font-size:1.6rem;
}
.list-act-camp{
    display:grid;
    grid-gap:1.2rem;
    grid-template-columns:1fr 1fr 1fr;
    margin:1rem 0;
}
.list-act-camp > li > a{
    display:block;
    padding:0.7rem 1rem;
    text-align:center;
    font-weight:var(--font-weight-1);
    color:#fff;
    font-size:1.6rem;
    text-transform:uppercase;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius:0.4rem;

}
.list-act-camp > li:nth-child(1) > a{
  background-color:var(--color-1);
}
.list-act-camp > li:nth-child(2) > a{
  background-color:var(--color-6);
}
.list-act-camp > li:nth-child(3) > a{
  background-color:green
}
.control_ndqc{
  cursor:pointer;
  display:inline-block;
  padding-right:0.5rem;
  padding-bottom:0.2rem;
  border-bottom:0.1rem solid #444;
}
.control_ndqc:hover{
    color:var(--color-2);
}
.gird_ndqc{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:1.5rem;
    margin-bottom:2rem;
}
.gird_ndqc .the_title{
    text-align:center;
    text-transform:uppercase;
    font-weight:var(--font-weight-2);
    font-size:1.6rem;
    margin-bottom:1rem;
}
.gird_ndqc .item >  .the_excerpt{
    display:block;
    padding:1rem 1rem;
    border:1px solid #555;
    font-size:1.3rem;
    background-color:#eee;
    min-height:15rem;
}
.gird_ndqc .item >  .the_excerpt > ul{
    padding:0 0 0 15px;
}
.tit_media_nd{
    text-transform:uppercase;
    font-size:2rem;
    margin-bottom:2rem;
    text-align:center;
    font-weight:var(--font-weight-2);
}
.box-media-nd{
    border:1px solid #555;
    background-color:#eee;
    padding:1rem 1rem;
    min-height:10rem;
}
.box-media-nd a{
    display:block;
    position:relative;
    width:100%;
    height:0;
    padding-bottom:80%;
}
.box-media-nd a > img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    object-fit:cover;
    border:1px solid #ccc;
    padding:0.5rem;
    background-color:#fff;
    border-radius:0.2rem;
}
.btn_pause_cp{
    display:block;
    padding:0.7rem 1rem;
    font-size:1.6rem;
    text-transform:uppercase;
    color:#333;
    background-color:#ec7866;
    text-align:center;
    font-weight:var(--font-weight-1);
    margin-top:1rem;
    border-radius:0.3rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.lb_status{
    font-weight:var(--font-weight-1);
}
.lb_status_0{
    color:red;
}
.lb_status_1{
    color:orange;
}
.lb_status_2{
    color:green;
}
.btn_lock{
    display:inline-block;
    background-color:var(--color-1);
}
.btn_unlock{
    background-color:var(--color-3);
}
#select_kqqc{
    width:26rem;
    height:3.4rem;
    margin-left:10px;
    font-size:1.3rem;
}
.df-ava .view_ttcb,.df-ava .view_giathue{
    width:calc(50% - 2rem);
    padding:1rem 1rem;
}
.df-ava .view_gl{
    width:50rem;
    padding:1rem 1rem
}
.df-ava .view_info{
    width:calc(100% - 50rem);
    padding:1rem 1rem
}
.tit_block .tg_ava{
    display:inline-block;
    font-weight:var(--font-weight-1);
    font-size:1.8rem;
    border-bottom:1px solid #333;
    padding-bottom:0.5rem;
    margin-bottom:1rem;
    cursor:pointer;
}
.df-ava table tr td{
    padding:0.4rem 0.2rem;
}
.df-nd-paymentsd > .left,.df-nd-paymentsd > .right{
  padding:0.7rem 0.7rem;
}
.df-nd-paymentsd > .left{
   width:40%;
}
.df-nd-paymentsd > .right{
   width:60%;
}
.df-nd-paymentsd > .left{
    border-right:0.5rem solid #eee;
}
.tit_sd{
    font-weight:var(--font-weight-1);
    margin-bottom:1rem;
    font-size:1.6rem;
}
.box-manager-file{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.box-manager-file > .list-file{
    width:50%;
    position:relative;
    height:32rem;
    padding:0.5rem;
    border:0.2rem solid #555;
    border-radius:0.2rem;
    overflow-y:auto;
}
.box-manager-file .box-view-file{
    position:relative;
    width:calc(50% - 1rem);
    height:32rem;
    padding:0.5rem;
    border:0.2rem solid #555;
    border-radius:0.2rem;
}
.list-file > .girdViewFile{
    height:calc(100% - 160px);
    width:100%;
    overflow-y:auto;
    display:block;
}
.list-file > .girdViewFile p{
    margin-bottom:4px;
    line-height:1.2;
    border-bottom:1px solid #ccc;
    padding-bottom:4px;
}
.list-file > .girdViewFile p:last-child{
    border-bottom-color:transparent;
}
.list-file > .girdViewFile p a{
  font-size:1.3rem;
   white-space: nowrap;
     overflow-wrap: break-word;
  word-wrap: break-word;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-file > .girdViewFile p a .ic{
    margin-right:0.2rem;
    display:inline-block;
    margin-top:-0.2rem;
}
.list-file > .blockUpFile{
    height:40px;
    padding:0.5rem 0.5rem;
}
.blockUpFile .group_file{
    border:1px dashed #222;
    text-align:center;
    background-color:#eee;
    font-weight:600;
    cursor: pointer;
}
.btn_sendFile{
    background-color:var(--color-1);
    font-size:1.4rem;
    font-weight:var(--font-weight-1);
    color:#fff;
}
.table-responsive{
    overflow-x:auto;
}
.lib_img > li{
    margin:0 3px 3px 0;
}
.lib_img > li > a > img{
    width:40px;
    height:30px;
    object-fit:contain;
}
.pn-boxAdmin #list_campaign{
    min-width:1000px;
}
.pn-boxAdmin #list_payment{
    min-width:1080px;
}
.pn-boxAdmin #list_adv{
    min-width:1100px;
}
.pn-boxAdmin #list_notify{
    min-width:1000px;
}
.pn-boxAdmin #list_comment{
    min-width:1200px;
}
.pn-boxAdmin #list_partner{
    min-width:1000px;
}
.pn-boxAdmin #list_partner{
    min-width:1000px;
}
.nd_conment,.nd_notify{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
#sidebarToggle{
    display:none;
}
#mainContent section.content{
    padding:0 0;
}
#sidebarToggle span{
    font-weight:600;
}

.gird_admin_tk{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:1rem;
    margin-bottom:2rem;
}

.gird_admin_tk .item .small-box{
    margin-bottom:0;
}
.btn_link{
    display:inline-block;
    line-height:1.4;
    padding:0.5rem 1rem;
    font-size:1.4rem;
    text-transform:uppercase;
    margin:0 3px;
    border-radius:4px;
    color:#fff;
    position:relative;
}
.bt_link_1{
    background-color:var(--color-1);
}
.bt_link_2{
    background-color:var(--color-2);
}
.bt_link_3{
    background-color:var(--color-7);
    color:#333!important;
}

.btn_link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: #0d6efd;
  transition: width 0.3s ease;
}

/* ACTIVE STATE */
.btn_link.active::after {
  width: 100%;
}

.b_editPay{
  right: calc(var(--i) * 30px)!important;
}

.col-additional {
  max-height: 100px; /* Hoặc chiều cao mong muốn */
  overflow-y: auto;   /* Cho phép cuộn dọc nếu nội dung vượt quá max-height */
  vertical-align: top; /*để căn nội dung phía trên cùng */
  text-align:center;
}

/* Thanh cuộn dọc (Scrollbar Track) - Phần nền của thanh cuộn */
.col-additional::-webkit-scrollbar {
  width: 8px; /* Độ rộng của thanh cuộn */
  background-color: #f1f1f1; /* Màu nền của track */
  border-radius: 4px; /* Bo góc nhẹ cho track */
}

/* Nút cuộn (Scrollbar Handle) - Phần có thể kéo */
.col-additional::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* Màu nền của nút cuộn */
  border-radius: 4px; /* Bo góc cho nút cuộn */

  /* Hiệu ứng mượt mà hơn khi hover */
  transition: background-color 0.2s ease;
}

/* Hiệu ứng hover cho nút cuộn */
.col-additional::-webkit-scrollbar-thumb:hover {
  background-color:var(--color-1); /* Màu khi di chuột vào */
}

#reset_schedule{
   display:inline-block;
   width:200px!important;
   font-size:1.8rem;
}
.flex-row-file .button-delete{
    width:6rem;
}
.flex-row-file .tg_viewFile{
  width:calc(100% - 5.5rem);
}