.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%;
}

.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;
}

.grid_loginSocial {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(142, 142, 142, 1);
    margin-bottom: 2rem;
}

.list_lgSocial {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: cente
}

.list_lgSocial>li {
    text-align: center;
    transition: var(--trans);
    width: calc(33.33% - 1rem);
    margin: 0.5rem 0.5rem;
    background-color: #fff;
    padding: 1rem 1rem;
    border-radius: 0.3rem;
}

.list_lgSocial>li img {
    width: 3rem;
    max-height: 3rem;
}

.dfForm>div {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5;
}

.dfForm a {
    color: rgba(38, 141, 255, 1);
    text-decoration: underline;
}

.dfForm .left {
    width: 63%;
}

.dfForm .right {
    width: 35%;
}

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

.block_resetpass {
    text-align: right;
    margin-bottom: 0;
}

.block_resetpass a {
    color: #fff;
    text-decoration: underline;
    font-size: 1.6rem;
}

.pn-index {
    padding: 3rem 0;
}

.pn-createAdv {
    padding: 3rem 0;
}

.group_tit {
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pn-createAdv .group_tit {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom:0;
}

.pn-createAdv .group_tit h1 {
    color: var(--color-1);
    font-size: 2rem;
    text-transform: uppercase;
    font-family: var(--font-b);
    font-weight:var(--font-weight-3);
    line-height:1.3;
}

.group_tit>h2 {
    color: var(--color-1);
    font-size: 2.4rem;
    font-family: var(--font-b);
    text-transform: uppercase;
    line-height: 1.3;
    font-weight:var(--font-weight-2);
}

.group_tit>p {
    color: var(--color-3);
    font-family: var(--font-b);
    font-weight:var(--font-weight-1);
    font-size:1.6rem;
    line-height: 1.4;
}

.group_tit>a {
    color: var(--color-1);
    font-family: var(--font-m);
    font-size: 1.4rem;
    font-weight:var(--font-weight-1);
}

.group_tit>a:hover{
    color:var(--color-2);
}

.group_tit>a img {
    height: 1.5rem;
    margin-left: 0.5rem;
    margin-top: -0.2rem;
}

.girdCreateAdv {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}

.girdCreateAdv .item {
    text-align: center;
    transition: var(--trans);
    background-color:#f5f5f5;
    padding:1.5rem;
    border-radius:8px;
    border:1px solid #e7e7e7;
}

.pn-createAdv .container {
    max-width: 900px;
}

.girdCreateAdv .item h4 {
    font-size:1.5rem;
    line-height: 1.3;
    font-family: var(--font-b);
    font-weight:var(--font-weight-2);
    color: #222;
    margin:0 0 0.5rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.girdCreateAdv .item img {
    width: 10rem;
    max-height: 10rem;
    object-fit: contain;
    margin-bottom:0.3rem;
}

.girdCreateAdv .item>p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    line-height: 1.4;
}

.pn-typeAdv {
    padding: 3rem 0;
}

.pn-typeAdv .container{
    margin:0 auto;
}

.gird_typeAdv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2.5rem;
}

.gird_typeAdv .item a {
    display: block;
}

.gird_typeAdv .item .img {
    position: relative;
    height: 0;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    width: 100%;
    border-radius: 0.5rem;
    padding-bottom:60%;
    overflow: hidden;
}

.gird_typeAdv .item .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.gird_typeAdv .item h3 {
    font-size:1.6rem;
    color: var(--color-2);
    line-height: 1.4;
    font-family: var(--font-b);
    font-weight:var(--font-weight-2);
    text-align: center;
    margin-top: 1rem;
}
.gird_typeAdv .item h3:hover{
    color:var(--color-1);
}
.pn-advEndow,
.pn-advHot,
.pn-advs {
    padding: 3rem 0;
}
.logo_cus{
    max-height:7rem;
    padding:0.5rem 0;
    margin-bottom:-0.25rem;
}
.pn-advs{
    padding:3rem 0;
    position:relative;
}
#soft-by{
    width:230px;
}
.sort_listAdv{
    justify-content:space-between;
    align-items:center;
}
.pn-advDetail{
    padding:2rem 0;
}
.pn-create-campaign{
    padding:2rem 0
}
.pn-create-campaign .inner{
    max-width:1000px;
    margin:0 auto;
}
.site-breadcrumb.site-breadcrumb_v1 .breadcrumb a{
 color:#333;
}
.site-breadcrumb.site-breadcrumb_v1 .breadcrumb-item+.breadcrumb-item::before{
   color:#555;
}
.site-breadcrumb.site-breadcrumb_v1 .breadcrumb-item.active a{
  color:var(--color-1);
}
.nav_web>li .sub_nav{
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
    top:100%;
    left:0;
    padding:1rem 1rem;
    border-radius:0.6rem;
    width:23rem;
    z-index:99;
    background:var(--color-1);
    color:#fff;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    opacity:0;
    visibility:hidden;
}
.nav_web>li .sub_nav > li{
    padding:0.5rem 0.5rem;
}
.nav_web>li .sub_nav > li:hover{
    background-color:var(--color-2);
    border-radius:0.3rem;
}
.nav_web>li .sub_nav > li > a{
    color:#fff;
    font-family:var(--font-m);
    font-size:1.5rem;
    display:block;
}
.nav_web>li:hover .sub_nav{
    opacity:1;
    visibility:visible;
}
.gird_search{
   display:flex;
   justify-content:center;
}
.gird_search > .item{
    padding:0 0;
    box-shadow: 4px 0 0 0 var(--color-6),
    0 4px 0 0 var(--color-6),
    4px 4px 0 0 var(--color-6),
    4px 0 0 0 var(--color-6) inset,
    0 4px 0 0 var(--color-6) inset;
    position:relative;
    background-color:#fff;
}
.gird_search > .item:first-child{
    border-radius:0.5rem 0 0 0.5rem;
}
.gird_search > .item:last-child{
    border-radius:0 0.5rem 0.5rem 0;
}
.gird_search > .item > .box-title{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    position:relative;
    padding-left:2rem;
    margin-top:0.4rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.gird_search > .item > .box-title label{
    font-family:var(--font-b);
    font-weight:var(--font-weight-1);
    margin-bottom:0;
    font-size:1.4rem;
    color:var(--color-3);
}
.gird_search > .item > .box-title .ic{
    margin-right:1rem;
}
.gird_search > .item > .box-title img{
     height:2.4rem;
     max-width:3rem;
     object-fit:contain;
}

.box-search-member{
    position:relative;
    z-index:2;
    margin-top:-3rem;
}

.btn_search_member{
    background-color:var(--color-3);
    font-size:1.8rem;
    color:#fff;
    font-family:var(--font-b);
    font-weight:var(--font-weight-2);
    padding:0 2rem;
    line-height:5rem;
    margin-top:0.2rem;
}
.btn_search_member:hover{
    background-color:var(--color-1);
    color:#fff;
}
.label_createCamp{
    font-size:1.8rem;
}
.box-files{
    padding:0.7rem 0.7rem;
    border:1px solid #ddd;
    min-height:32rem;
    border-radius:0.4rem;
}

.box-files #fileInput{
   position:absolute;
   bottom:2rem;
}
.box-files #preview{
   height:21rem;
}
#frm_create_adv .form-group label{
    font-weight:var(--font-weight-1);
}
.bg-c1{
    background:var(--color-3);
    color:#fff;
}
.nd_textarea{
    border:1px solid #ddd;
    padding:1rem;
    border-radius:4px;
    font-size:1.3rem;
    line-height:1.4;
}
.nd_textarea *{
    margin-bottom:0.5rem;
    color:#666;
}
.gird_media{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:1rem;
    padding:0;
    margin:0;
}
.gird_media > li > a{
    position:relative;
    display:block;
    height:0;
    width:100%;
    padding-bottom:80%;
}
.gird_media > li > a > img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    object-fit:cover;
    border-radius:0.2rem;
}
.lb-day{
    font-size:1.6rem;
    letter-spacing:0.05rem;
}
.lb-price{
    font-size:1.6rem;
     letter-spacing:0.05rem;
}

#view_schedule_payment{
    display:block;
    padding:1rem 1rem;
    border-radius:0.5rem;
    font-weight:var(--font-weight-1);
    font-size:1.4rem;
    text-decoration:underline;
    background-color:rgba(168, 218, 249, 0.43);
    color:rgba(38, 141, 255, 1);
    text-align:center;
}
.input_cus_buget{
    text-align:center;
    font-weight:var(--font-weight-2);
    color:var(--color-1);
    font-size:2rem;
    letter-spacing:0.1rem;
}
.btn-addToCamp{
    display:block;
    width:100%;
    font-weight:var(--font-weight-1);
    padding:1rem 1rem;
    color:#fff;
    font-size:1.6rem;
    background-color:var(--color-1);
    border-radius:0.5rem;
    text-transform:uppercase;
}
.btn-addToCamp:hover{
    background-color:var(--color-2);
    color:#fff;
}
.nd_schedule{
    padding:1rem;
    background-color:rgba(231, 242, 255, 1);
    border-radius:0.2rem;
    border:1px solid #eee;
    margin-bottom:1rem;
    position:relative;
}
.list-status-schedule{
    display:flex;
    margin-top:1rem;
    padding:0 1rem;
}
.list-status-schedule > li{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-right:0.5rem;
}
.list-status-schedule > li > span{
    width:3.5rem;
    height:2.5rem;
    border:1px solid #ccc;
    margin-right:0.5rem;
    background-color:#fff;
    border-radius:0.3rem;
}
.list-status-schedule > li label{
    font-size:1.3rem;
}
.list-status-schedule > li.s1 > span{
    background-color:rgba(255, 218, 200, 1);
}
.list-status-schedule > li.s3 > span{
    background-color:rgba(168, 218, 249, 1);
}
.nd_schedule .calendar td.active{
    background-color:rgba(168, 218, 249, 1);;
}
.lock-date{
    background-color:rgba(255, 218, 200, 1)!important;
    pointer-events:none!important;
}
.note_selectSchedule{
    color:red;
    font-size:1.3rem;
}
.tb-heading p{
    margin-bottom:5px;
    line-height:1.3;
}
.tb-heading .p4{
    color:var(--color-1);
    position:relative;
}
.tb-heading .p4 .tooltip-container{
    position:relative;
    display:inline-block;
    left:unset;
    top:0px;
    font-size:13px;

}
.tb-heading .p4 .tooltip-container .tooltip-text{
   font-size:14px;
   max-width:200px;
}
.tb-heading .p4 .tooltip-container .tooltip-text a{
    text-decoration:underline;
}
.tb-content-tooltip .tooltip-container{
   display:inline-block;
   left:unset;
   top:0;
}

.tb-content-tooltip .tooltip-container .tooltip-text *{
    line-height:1.6;
}
.tb-content-tooltip .tooltip-text::after,.tb-content-tooltip .tooltip-text::before{
   bottom:100%;
   left:70%;
   top:unset;
}
.tb-foot p.note{
     color:var(--color-1);
     font-size:1.4rem;
     line-height:1.3;
     margin-bottom:5px;
}
.tb-content table{
    text-align:left;
}
.tb-content tfoot{
    background:var(--color-3);
    color:#fff;
}
#myModal .modal-content{
  padding:20px 20px;
}
.tb-content tr.row_hoanuudai{
    background:rgba(168, 218, 249, 1);
}
.tb-foot .note_uudai{
    font-size:1.4rem;
    line-height:1.3;
    color:var(--color-1);
    margin-bottom:5px;
}
.tb-content table{
    margin:5px 0;
}
.gird_media li{
    padding-bottom:1.5rem;
}

.gird_media li input[type=checkbox]{
    margin-left:0;
}
.box_fancybox_adv{
    padding:4rem 3rem 3rem 3rem;
    max-width:50rem;
}
.box_fancybox_adv .df-dr a{
    display:inline-block;
    padding:1rem 1rem;
    border-radius:0.5rem;
    font-size:1.6rem;
    width:calc(50% - 1rem);
    text-align:center;
    line-height:1.3;
    border-color:transparent;
    outline:none;
    box-shadow:none;
}
.box_fancybox_adv .df-dr a.btn-blue{
    background-color:var(--color-3);
}
.box_fancybox_adv .df-dr a.btn-orange{
    background-color:var(--color-1);
}
.box_fancybox_adv .tit-box{
    font-size:2.4rem;
    text-align:center;
    color:#111;
    line-height:1.3;
    margin-bottom:2rem;
    font-weight:var(--font-weight-2);
}
.box_fancybox_adv .box-content{
    font-size:1.6rem;
    line-height:1.4;
    font-weight:var(--font-weight-1);
    text-align:center;
    margin-bottom:2rem;
}
.box_fancybox_ads_order .tit-box{
    margin-bottom:10px;
}
.box_fancybox_adv .fancybox-close-small{
    visibility:hidden;
    display:none;
}
.box_fancybox_adv .foot-box{
    text-align:center;
    margin-top:2rem;
    font-weight:var(--font-weight-1);
    font-size:1.6rem;
}
.box_fancybox_adv .foot-box p{
    margin-bottom:0;
}
.box_fancybox_adv .foot-box a{
    text-decoration:underline;
}
.num-cart{
    position:absolute;
    right:-1rem;
    top:-0.5rem;
    color:#fff;
    font-weight:var(--font-weight-3);
}
.pn-orderAds{
    background-color:rgba(236, 241, 244, 1);
}
.link_add_ads{
    color:var(--color-1);
    text-decoration:underline;
}
.btn-orange{
    background-color:var(--color-1);
    border-color:transparent;
    outline:none;
    box-shadow:unset;
}
.btn-order-ads{
    width:100%;
}
.btn-order-ads:hover{
    background:var(--color-2);
    border-color:var(--color-2);
    outline:none;
    box-shadow:unset;
}
.i_order_delete{
    width:1.6rem;
    max-height:1.6rem;
    margin-right:0.3rem;
    margin-top:-0.5rem;
    object-fit:contain;
}
.img_ads_order{
    display:flex;
    color:#444;
}
.img_ads_order span{
    display:inline-block;
    /* width:calc(100% - 110px); */
    font-size:13px;
    max-width:calc(100% - 60px);
}
.pn-profileCus{
    padding:2rem 0;
    background:rgba(236, 241, 244, 1);
}
.df-profile-Cus .sidebar_profile{
    width:24rem;

}
.df-profile-Cus .main_center{
    width:calc(100% - 25.5rem);
    background-color:#fff;
    padding:1.5rem 1.5rem;
    border-radius:0.5rem;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.sidebar_profile .box-sidebar{
    background:#fff;
    padding:2rem 1rem;
    border-radius:0.5rem;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.df-line-heading{
    justify-content:flex-start;
    align-items:center;
}
.df-line-heading .avt img{
    width:5rem;
    height:5rem;
    object-fit:cover;
    border-radius:50%;
}
.df-line-heading .info{
    padding-left:0.5rem;
}
.df-line-heading .info h3{
    color:var(--color-2)
}
.df-line-heading .info .edit a{
    color:red;
    text-decoration:underline;
}
.df-line-heading .info .edit a:hover{
    color:var(--color-1);
}
.list_usecase_cus > li{
    padding:0.5rem 0;
    margin-bottom:0.5rem;
}
.list_usecase_cus > li > a{
    line-height:1.4;
    color:#333;
    display:block;
    font-size:1.6rem;
    font-weight:var(--font-weight-1);
}
.list_usecase_cus > li > a:hover{
    color:var(--color-1);
}

.list_usecase_cus > li.active > a{
    color:var(--color-1);
}
.list-profile_in{
    margin:0 0;
}
.list-profile_in > li{
    padding:0.5rem 0;;
}
.list-profile_in > li{
    display:block;
    line-height:1.4;
    font-size:1.6rem;
    color:#333;
}
.member_avatar_partner{
    height:8rem;
    object-fit:contain;
    max-width:10rem;
}
.btn-updateUser{
    font-size:1.4rem;
    font-weight:var(--font-weight-1);
}
#form-thongtin-kh .form-group{
    position:relative;
}
#form-thongtin-kh .form-group label.error{
    position:absolute;
    right:0.5rem;
    top:-0.2rem;
    color:red;
    font-size:1.3rem;
}
.df-gender{
    justify-content:flex-start;
    align-items:center;
}
.df-gender input[type='radio']{
    margin-right:0.2rem;
    margin-top:-0.3rem;
}
.df-gender label{
    margin-right:0.5rem;
}
.pn-profileCus .container{
    width:96%;
    max-width:1500px;
}
.adv_action_ct{
    justify-content:space-between;
    margin-top:1.5rem;
}
.df-setTimeLed{
    justify-content:flex-start;
    align-items:center;
    margin-bottom:1rem;
}
.input_unit {
    position:relative;
    margin-left:1rem;
}
.input_unit input{
    width:17rem;
    padding-right:4rem;
}
.df-setTimeLed .lb_setTime{
   display:inline-block;
   min-width:17rem;
}
.input_unit span.unit {
    position: absolute;
    color: var(--color-2);
    font-size: 1.4rem;
    right: 0.5rem;
    bottom: 0.8rem;
    display: inline-block;
    text-align: center;
    padding-left: 0.4rem;
    border-left: 0.1rem solid #ccc;
    width: 4rem;
    font-family: var(--font-b);
}
.input_solanchieu input{
    background:var(--color-2);
    color:#fff;
}
.input_solanchieu span.unit{
    color:#fff;
}
.gird_search .item{
    position:relative;
    flex:1;
}
.gird_search .item.item_4 {
    flex: 0 0 75px; /* QUAN TRỌNG */
}
.gird_search .item .listbox{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    z-index:99;
    background-color:#fff;
    border-radius:0.2rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding:1rem 0;
    display:none;
    visibility:hidden;
}
.gird_search .item .listbox ul li{
    display: flex;
    justify-content:space-between;
    padding:0.5rem 0.5rem;
    cursor:pointer;
}
.gird_search .item .listbox ul li .ic{
    width:3.5rem;
}
.gird_search .item .listbox ul li .ic img{
    object-fit:contain;
    height:2rem;
    width:2rem;
    width:100%;
    border-radius:0.2rem;
}
.gird_search .item .listbox ul li .label{
    width:calc(100% - 4rem);
    font-size:1.4rem;
    line-height:1.4;
    font-weight:var(--font-weight-1);
}
.gird_search .item .listbox ul li:hover .label{
    color:var(--color-1)
}
.gird_search .item:hover .listbox{
  display:block;
  visibility:visible;
}
#s-typeAdv,#s-positionAdv,#s-mindayAdv{
    width:calc(100% - 4rem);
    min-width:26rem;
    border-color:transparent!important;
    outline:none!important;
    box-shadow:none!important;
    color:var(--color-3);
    font-weight:var(--font-weight-1);
    background-color:transparent;
}
#s-typeAdv::placeholder,#s-positionAdv::placeholder,#s-mindayAdv::placeholder{
   color:var(--color-3);
   font-size:1.6rem;
   font-weight:var(--font-weight-1);
}
.btn_openFrmRating{
    font-size:1.6rem;
    font-weight:var(--font-weight-1);
    text-decoration:underline
}
.filter_rating{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
#f_rating{
    width:20rem;
}
#input_daterange,#input_daterange:focus{
    border-color:transparent;
    box-shadow:unset!important;
    outline:none!important;
}
.b-stop-ads{
    cursor: pointer;
    text-decoration:underline;
}
#member_listOrder{
   min-width:700px;
}
#member_listCamp{
    min-width:800px;
}
#member_listPayment{
    min-width:1150px;
}
.logo_m{
    display:none;
}
.cus_menu{
    display:none;
}
.sort_listAdv .srt_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.ctr_open_filter{
    cursor:pointer;
    font-weight:var(--font-weight-1);
    display:none;
    visibility:hidden;
}
.btn_close_memberFilter{
    display:none;
    visibility:hidden;
    cursor:pointer;
}
.fixed_footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    padding:1rem 0;
}

#frm_comfirm_add{
    padding-bottom:5rem;
}

.df_ff{
    align-items:center;
}
.df_ff .left{
    width:25rem;
}
.df_ff .center{
    width:calc(100% - 44rem);
    display:flex;
    justify-content:flex-end;
}
.fixed_footer .right{
    width:15rem;
}
.df-profile-Cus .main_center.main_listCamp{
    padding:0 0;
    background-color:transparent;
    box-shadow:unset;
}
.fixed_footer.hidden {
  transform: translateY(100%);
}
.daterange-wrapper{
    margin:10px 0;
      position: relative;
}
#booking_daterange {
  padding-right: 40px; /* space for icon */
}

.daterange-wrapper::after {
  content: "▼"; /* or icon font */
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
  font-size: 12px;
}

.col-additional {
    max-height: 100px;
    overflow-y: auto;
    vertical-align: top;
    text-align: center;
}
.box-item-payment {
    display: block;
    padding: 1.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #fae94c;
    color: #333;
    border-radius: 0.2rem;
    text-align: center;
}
.box-item-payment>span {
    display: block;
    line-height: 1.2;
    margin: 0.5rem 0;
}
.box-item-payment .pm-amount {
    color: red;
    font-size: 1.6rem;
    font-weight: var(--font-weight-1);
}
.box-item-payment .pm-status {
    font-weight: var(--font-weight-1);
}
.box-item-payment.box-item-payment_1 {
    background-color: #00bf63;
}
.box-item-payment.box-item-payment_1 .pm-amount, .box-item-payment.box-item-payment_1 .pm-status {
    color: #fff;
}
  .tb-content-tooltip .tooltip-container .tooltip-text {
    position: absolute;

    width: 600px;
    max-width: min(600px, 90vw);

    top: 140%;
    left: 0;

    bottom: unset;

    padding: 12px 16px;

    font-size: 14px;
    line-height: 1.6;

    background-color: #FDFEE0!important;

    box-sizing: border-box;
    word-break: break-word;
    white-space: normal;

    z-index: 99;
  }