.bottom-all .payment__tab {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px){
	.TicketPreview .payment_bottom_part {
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	align-items: center;
    	max-width: 1141px;
	}
}

.TicketPreview .payment_bottom_part .btn-back-container {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    bottom:8px;
}

@media (min-width: 768px){
	.TicketPreview .payment_bottom_part .total_and_buy {
    	display: flex;
    	align-items: center;
   		padding: 0;
	}
}

@media only screen and (min-width: 768px) {
	.TicketPreview .payment_bottom_part .btn-back-container .back__btn {
    	min-width: 158px;
    	height:38px;
    	font-size: 12px;
    	font-weight: 700;
    	display: inline-block;
    	vertical-align: middle;
    	padding: 10px 10px;
    	text-decoration: none !important;
	}
}
.btn-container{
	text-align:right;
}

.btn-container .background-type-8 {
    width: 225px !important;
    min-width: min-content !important;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 9%);   
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    outline: none !important;
    cursor: pointer;
}

.TicketPreview .payment_bottom_part .total_and_buy {
    font-weight: bold;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    bottom:8px;
}

.bottom-all {
	display:flex;
	align-items:center;
	height: 83px;
	background: white;
	position:fixed !important;
	bottom: 0;
    width: 100%;
    align-items: center;
    float: left;
    z-index: 5;
}


@media (min-width:576px){
	.buy-rules{
		font-size: 14px;
	}
	.font-lg{
	font-size: 12px !important;
	}
	.bottom-all {
	height: 96px;
	}
	
}

@media (max-width: 576px){
	.buy-rules {
		font-size: 10px;
	}
}

.card__information{
	padding-left: 1px !important;
	padding-bottom:14px;
	display: flex;
}

.buy-rules a , .buy-rules a:hover , .buy-rules a:focus, .buy-rules a:active{
    text-decoration: underline;
}

.payment__tab {
	margin-top: 30px;
}

@media (max-width: 992px){
	.TicketPreview .payment_bottom_part .total_and_buy {
    	text-align: left;
    	align-items: center;
    	justify-content: space-between;
   	}
	.total-amount-container {
		padding: 0px 0px !important;
		justify-content: flex-start !important;
	}
	.total_and_buy{
		padding: 0px 0px !important;	
	}
	.btn-container .background-type-8 {
	width: 137px !important;
	}
   	
}

@media (min-width:992px) {
	.payment_bottom_part {
   		max-width: 1141px;
   	}
   	
    .bottom-all {
   		padding: 0 15% !important;
   		
   	}
}
.payment_bottom_part {
	padding: 0px 0px !important;
}


.TicketPreview .btn-container .buy__btn.disabled {
    max-inline-size: -webkit-fill-available;
    /* pointer-events: none; */
}

.rules-checkbox {
	width: 20px;
	height: 20px;
}
.buy-rules-label{
	display:flex;
	align-items:center;
}

input[type="checkbox"] ~ label:before {
    content: "\2714 ";
    width: 20px;
    height: 20px;
    color: transparent;
    display: inline-block;
    line-height: 15px;
    text-align: center;
    font-size: 15px;
    margin-right: 8px;
    padding-top: 2px;
}

input[type=checkbox] {
     display: none; 
     width: 20px; 
     height: 20px; 
     margin-left: -27px; 
}

input[type="checkbox"]:checked ~ label:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 15px;
    text-align: center;
    font-size: 15px;
    margin-right: 8px;
    background-position: center;
    font-weight: 500;
    padding-top: 2px;
    
  }
.total-amount-container {
	padding-right:15px;
}

.total-text {
	font-size: 12px;
	align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
}
.total-amount-surcharge{
	font-size: 14px;
}
.total-amount-currency-surcharge{
	font-size: 14px;
}
.surcharge-amount {
	color: #000000;
	font-size: 11px;
}
.total-text-surcharge {
	font-size: 12px;
    padding-right: 5px;
}
.surcharge-text{
	color: #000000;
	font-size: 9px;
}

@media(min-width:992px){
	
.total-amount-surcharge{
	font-size: 14px;
}
.total-amount-currency-surcharge{
	font-size: 14px;
}
.surcharge-amount {
	font-size: 12px;
}
.total-text-surcharge {
	font-size: 12px;
}
.surcharge-text{
	font-size: 10px;
}
}
@media(min-width:1020px){
	
.total-amount-surcharge{
	font-size: 16px;
}
.total-amount-currency-surcharge{
	font-size: 16px;
}
.surcharge-amount {
	font-size: 14px;
}
.total-text-surcharge {
	font-size: 14px;
}
.surcharge-text{
	font-size: 12px;
}
}
.general-rules {
	margin-top: 5px !important;
}
.general-rules-margin {
	margin-top: 5px !important;
}

.total-amount-div {
	display: flex;
   	justify-content: flex-end;
   	line-height: 0.5;
}