.collapse.show {
    display: block;
}

/* Tables switch buttons */
#product .prices-table-container .price-table-tabs {
    margin-bottom: 30px;
    display: flex;
}

#product .prices-table-container .price-table-tabs span {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    color: #343434;
    cursor: pointer;
    padding: 0 15px 10px 15px;
}

#product .prices-table-container .price-table-tabs span.active {
    color: #FF7800;
    font-weight: 500;
    border-bottom: 3px solid #FF7800;
}

#product .prices-table-container .price-table-tabs span:first-child {
    margin-right: 30px;
}
/* End tables switch buttons */

#product .prices-table-container .table-responsive {
    display: none
}

#product .prices-table-container .table-responsive.active {
    display: block
}

#all_prices_modal .modal-dialog {
	max-width: fit-content;
}

#all_prices_modal .table {
	display: block;
	width: 100%;
	overflow-x: auto;
}

#all_prices_modal .table th,
#product .prices-table-container .table th {
	font-size: 18px;
	font-weight: 600;
	color: #343434;
	white-space: nowrap;
	vertical-align: middle;
}

#all_prices_modal .table td.qty-heading,
#product .prices-table-container .table td.qty-heading {
	font-weight: 300;
}

#all_prices_modal .table tr.prices td,
.prices-table-container .table tr.prices td {
	color: #FF7800;
	font-weight: 600;
}

.tab-volum.active ~ #all_prices_modal_btn {
	display: none;
}

.prices-table-container .tab-volum.active {
	min-height: 160px;
}

.prices-table-container .table {
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 10px;
	border: 1px solid #BABABA;
}

.prices-table-container .table td,
.prices-table-container .table th {
	border: none;
}

#product .prices-table-container .table th[colspan="7"] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Apply a border to the right of all but the last column */
.prices-table-container .table th:not(:last-child),
.prices-table-container .table td:not(:last-child) {
	border-top: none;
	border-right: 1px solid #BABABA;
    border-bottom: none;
}

/* Apply a border to the bottom of all but the last row */
.prices-table-container .table > thead > tr:not(:last-child) > th,
.prices-table-container .table > thead > tr:not(:last-child) > td,
.prices-table-container .table > tbody > tr:not(:last-child) > th,
.prices-table-container .table > tbody > tr:not(:last-child) > td,
.prices-table-container .table > tfoot > tr:not(:last-child) > th,
.prices-table-container .table > tfoot > tr:not(:last-child) > td,
.prices-table-container .table > tr:not(:last-child) > td,
.prices-table-container .table > tr:not(:last-child) > th,
.prices-table-container .table > thead:not(:last-child),
.prices-table-container .table > tbody:not(:last-child),
.prices-table-container .table > tfoot:not(:last-child) {
	border-bottom: 1px solid #BABABA;
}

#all_prices_modal .form-check-input,
.prices-table-container .form-switch .form-check-input {
	transform: scale(1.5);
	transition: all .3s ease-in-out;
}

#all_prices_modal .form-check-input:focus,
.prices-table-container .form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FF7800'/%3e%3c/svg%3e");
}

#all_prices_modal .form-check-input:checked:focus,
.prices-table-container .form-switch .form-check-input:checked:focus{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.btn.btn-primary[data-toggle="modal"] {
	padding: 10px 17px 14px 17px;
	font-family: 'LexendDeca';
	text-transform: initial;
	border-radius: 3px;
	border: 1px solid transparent;
}

/* Prevent button appearance changes on click */
.btn.btn-primary[data-toggle="modal"]:hover,
.btn.btn-primary[data-toggle="modal"]:focus {
	font-size: initial;
    font-weight: initial;
    line-height: 24px;
}

.btn.btn-primary[data-toggle="modal"],
#all_prices_modal .form-check-input:checked,
.prices-table-container .form-switch .form-check-input:checked {
	background-color: #FF7800;
}

.prices-table-container .table {
	width: 100%
}

@media (min-width: 576px) {
  #all_prices_modal .modal-dialog .modal-content {
	  max-width: 80vw;
  }
}