.bpa-location-tab-col__disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.bpa-multi-services .bpa-iet__label{
    margin-left: 0px !important;
    font-size: 11px;
    width: 26px;
    height: 26px;    
}
.bpa-card-item-multi-service-popover .bpa-card-item-multi-service-content{
    font-family: var(--bpa-primary-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--bpa-dt-black-300);
} 
.bpa-vac-body--multiservice-details{
    padding-top: 15px;
}
.bpa-multiservice-details.bpa-vac-ap--items{
    
	border-bottom: 1px solid var(--bpa-gt-gray-400);
}
.bpa-multiservice-details.bpa-vac-ap--items .bpa-ap-item__head{
    padding-top: 5px;
}
.bpa-ap-item__body .bpa-multiservice-booking.bpa-ib--item-card{
    
	border: none;
	padding: 10px 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.bpa-ap-item__body .bpa-multiservice-booking.bpa-ib--item-card + .bpa-multiservice-booking.bpa-ib--item-card{
	margin-top: 0px;
}
.bpa-multiservice-booking.bpa-ap-item__body{
    padding-top: 12px;
}
 
.bpa-ap-item__body .bpa-multiservice-booking.bpa-ib--item-card .bpa-ib--item,
.bpa-multiservice-details.bpa-vac-ap--items .bpa-ap-item__head .bpa-ih--item{
    flex: 5;
} 

.bpa-muti-service-booking.bpa-ib--item,
.bpa-muti-service-booking.bpa-ih--item{
    flex-grow: 1 !important;
}
.bpa-multiservice-heading{
    display: inline-block;
    margin-right: 10px;
}

.bpa-multiservice-booking .bpa-ib--item-card .bpa-ib--item .bpa-ib__amount-row{
    text-align:right;
}

.bpa-ap__multiservice-extra-label{
    padding-left: 25px;
    line-height: 25px;
    background:url(../images/bpa-multi-service-extra-indicator.svg) no-repeat 0 -3px;
}

.bpa-manage-appointment-multi-service--wrapper{
    float:left;
    width: 100%;
    padding-left: 32px;
    box-sizing: border-box;
    margin-bottom:32px;
}

.bpa-manage-appointment-selected-multi-service-container{
    float:left;
    width: 100%;
    margin-top: 5px;
}

.bpa-manage-appoitment-selected-multiservice--halfwidth{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.bpa-manage-appointment-selected-service-item--wrapper{
    margin-bottom:15px;
    box-sizing: border-box;
    display:flex;
}

.bpa-manage-appointment-selected-service--item{
    float:left;
    width: 100%;
    min-height: 90px;
    height: auto;
    border-radius: 6px;
    border: 1px solid var(--bpa-gt-gray-400);
    padding: 0 24px;
    box-sizing: border-box;
    display:flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.bpa-manage-appoitment-selected-multiservice--halfwidth .bpa-manage-appointment-selected-service-item--wrapper{
    flex-basis: 50%;
}

.bpa-manage-appoitment-selected-multiservice--halfwidth .bpa-manage-appointment-selected-service-item--wrapper:nth-child(odd){
    padding-right: 30px;
}

.bpa-manage-appoitment-selected-multiservice--halfwidth .bpa-manage-appointment-selected-service--item{
    min-height: 56px;
    justify-content: space-between;
}

.bpa-manage-appointment-multiservice-selected-item-name{
    color: var( --bpa-dt-black-300 );
    font-size: 16px;
    font-family: var(--bpa-primary-font);
    font-weight: 500;
    align-content: center;
    min-width: 35%;
    max-width: 35%;
}

.bpa-manage-appoitment-selected-multiservice--halfwidth .bpa-manage-appointment-multiservice-selected-item-name{
    min-width: auto;
    max-width: auto;
}

.bpa-manage-appointment-multiservice-selected-item-extra-wrapper{
    min-width: 62%;
    max-width: 62%;
    display:flex;
    align-items: center;
}
.bpa-manage-appointment-multiservice-selected-item-extra-wrapper.bpa-aff__extras-preview-enabled-for-multiservice{
    min-width: 10%;
    max-width: 10%;
}

.bpa-aaf__extras-multiservice-preview{ max-width: 52%; min-width: 52%; margin-top:0; justify-content: flex-start; flex-direction: row; align-items: center; }
/* .bpa-aaf__extras-multiservice-preview .bpa-aaf-ep__items .bpa-aaf-ep__item{ margin-bottom: 0; } */

.bpa-manage-appointment-multiservice-remove-item{
    display:block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background:url(../images/bpa-multi-service-delete-service.svg) no-repeat center center;
    border: none;
}

.bpa-aaf__extras-multiservice-preview .bpa-aaf-ep__items{
    padding: 20px 0;
}

.bpa-aaf-ep__item-container{
    background-color: var(--bpa-cl-white);
    border-radius: var(--bpa-radius-4px);
    padding: 4px 12px 4px 0;
    color: var(--bpa-dt-black-300);
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.bpa-aaf-ep__item_inner{
    background-color: var(--bpa-cl-white);
    border: 1px solid var(--bpa-gt-gray-400);
    border-radius: var(--bpa-radius-4px);
    padding: 6px 10px;
    color: var(--bpa-dt-black-300);
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.bpa-aaf__extras-preview .bpa-aaf-ep__item_inner span {
    font-size: 16px;
    vertical-align: middle;
    line-height: 1;
    color: var(--bpa-dt-black-200);
    margin-left: 6px;
    cursor: pointer;
}

.bpa-ep-multiservice-extra__counter{
    position: absolute;
	top: -8px;
	right: -8px;
	width: 20px;
	height: 20px;
	border-radius: var(--bpa-radius-circle);
	background: var(--bpa-pt-secondary-orange);
	border: 2px solid var(--bpa-cl-white);
	color: var(--bpa-cl-white);
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;justify-content: center;
}

/* .bpa-ib--item-service-name{ flex-basis: 20% !important;} */

.bpa-table-container .bpa-vac-body--multiservice-details .el-table__body-wrapper table tbody tr td{ vertical-align: top; }

.bpa-multiservice-details .bpa-ap-item__head,
.bpa-multiservice-booking.bpa-ib--item-card{
    display:grid !important;
    grid-template-columns: 2% 25% 20% 20% 10% 20%;
    gap: 10px;
}

.bpa-multiservice-booking .bpa-ib--item-service-name{ grid-column: 2; text-align:left !important; }
.bpa-multiservice-booking .bpa-ib--item-service-price-column{ grid-column: 6; text-align:right !important; }

.bpa-multiservice-booking.bpa-ib--item-card .bpa-ib--item .bpa-ib__amount-row{ display:block;}
.bpa-multiservice-details .bpa-ih--item-price-header{ text-align: right !important; }

.bpa-multiservice-no-staff-details{ padding-right: 85px !important }

.bpa-multiservice-no-staff-details .bpa-ib--item-service-price-column{ grid-column: 5; }

.bpa-multiservice-no-staff-details .bpa-ap-item__head,
.bpa-multiservice-no-staff-details .bpa-ib--item-card{
    grid-template-columns: 2% 30% 20% 20% 20%;
}

.bpa-multiservice-booking.bpa-ib--item-card.bpa-ib-extra-service-item-card{ padding: 6px 32px; }

@media (max-width: 768px) { 
    .bpa-multiservice-details .bpa-ap-item__head,
    .bpa-multiservice-booking.bpa-ib--item-card{
    grid-template-columns: minmax(20px, 2%) 
        minmax(80px, 25%) 
        minmax(80px, 20%) 
        minmax(80px, 20%) 
        minmax(60px, 20%) 
        minmax(70px, 10%); 
    }
    .bpa-ap-item__body .bpa-multiservice-booking.bpa-ib--item-card { padding-left: 10px; padding-right: 10px;}
}
@media (max-width: 480px) { 
.bpa-vac-body--multiservice-details .bpa-multiservice-details.bpa-vac-ap--items, .bpa-ap-item__body .bpa-muti-service-booking.bpa-ib--item { display: none !important;}
.bpa-multiservice-booking.bpa-ib--item-card {  display: flex !important; flex-direction: column; align-items: flex-start;}
.bpa-vac-body--multiservice-details .bpa-multiservice-booking.bpa-ap-item__body { padding-top: 0; }
.bpa-multiservice-booking.bpa-ap-item__body > .bpa-multiservice-booking.bpa-ib--item-card:not(:last-child) { border-bottom: 1px solid var(--bpa-gt-gray-400); border-radius: 0;}
}