
#tickera_cart, .tickera, .tickera-checkout, .tickera_additional_info, .cart_empty_message, .tc_cart_errors {
    margin: 5% 10% 0;
}
.tickera-payment-gateways {
    margin: 0;
    padding:0;
}

/* General styles */
.tc_cart_billing.tbl_authorizenet {
    font-size: 16px;
}

/* Left-align the 'Pay with card' header */
.tc_cart_billing.tbl_authorizenet th {
    text-align: left;
}

/* Decrease padding for labels */
.tc_cart_billing.tbl_authorizenet td label {
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    display: block; /* Make labels block elements to take full width */
}

/* Change 'Month' and 'Year' labels to be on top of the select fields */
.tc_cart_billing.tbl_authorizenet div label {
    display: block; /* Display labels as block elements */
}
table.tbl_authorizenet tbody tr td:first-child {
    width: 20% !important;
}
/* Responsive styles for smaller screens */
@media (max-width: 1231px) {
    .tc_cart_billing.tbl_authorizenet td {
        display: block; /* Stack table cells vertically */
        width: 100%; /* Take full width */
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }

    .tc_cart_billing.tbl_authorizenet tr {
        display: block; /* Stack table rows vertically */
        margin-bottom: 10px; /* Add some space between rows */
    }

    .tc_cart_billing.tbl_authorizenet tbody {
        display: block; /* Make tbody block element */
    }

    .tc_cart_billing.tbl_authorizenet thead {
        display: none; /* Hide the table header on smaller screens */
    }
}


.tickera_buyer_info h3 {
    margin-bottom: 20px;
}

.tickera_buyer_info .fields-wrap {
    display: inline-block; /* Display fields inline for larger screens */
    padding-left: 20px; /* Left padding for all but the first field on larger screens */
    vertical-align: top; /* Align fields to the top */
}

.tickera_buyer_info .fields-wrap:first-of-type {
    padding-left: 0; /* Remove left padding for the first field on larger screens */
}

.tickera_buyer_info label {
    display: block; /* Each label takes the full width of its container */
}

.tickera_buyer_info input[type="text"] {
    width: 100%; /* Input fields take the full width of their container */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Responsive styles for smaller screens */
@media (max-width: 1530px) { /* This breakpoint can be adjusted based on your needs */
    .tickera_buyer_info .fields-wrap {
        display: block; /* Stack fields vertically on smaller screens */
        padding-left: 0; /* Remove left padding for all fields on smaller screens */
        margin-bottom: 10px; /* Add some space between stacked fields */
    }
}