/*  Styling of Sale and Rent button on front end */

.booking_types-flex-child-mode-front {
	padding:20px;
}

/* Reference: https://jsfiddle.net/markheath/azk2cL45/1 */
.payment_mode_div {
    margin: 10px;
}
.payment_mode input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.payment_mode_div label {
    cursor: pointer;
    font-weight: 500;
	display: inline-block;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #eee;
}
.payment_mode_div label:hover {
    background-color: #f6f6f6;
}
.payment_mode_div input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.payment_mode_div input[type="radio"]:checked + label {
    background-color: #bfb;
    border-color: #eee;
}
.checked_mode {
    background-color: #dcdcdc !important;
    border:  2px solid #444 !important;
}

/* Showing button full width */
@media only screen and (max-width: 600px) {
    .payment_mode {
        width: 100%;
        text-align: center;
    }
}