.o_kanban_view.o_booking_kanban_view {

    .o_kanban_record {
        position: relative;
        padding: 0;

        .o-flex-display();

        .o_dropdown_kanban {
            position: absolute;
            top: 0;
            right: 3px;
        }

        .o_booking_left {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: @odoo-brand-optional;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_request {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #f5c418;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_pending {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #f5c418;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_checkin {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #3a8d47;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_checkout {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #373052;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }
        .o_booking_left_paid {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #303F9F;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_no_show {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #7c749a;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_cancelled {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #f40f1a;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_left_confirmed {
            .o-flex(1, 1, 25%);
            text-align: center;
            color: white;
            background-color: #5bd970;
            padding: 8px;

            .o_day {
                font-size: 18px;
            }
        }

        .o_booking_right {
            .o-flex(1, 1, 75%);
            padding: 8px;
            margin-left: 8px;
        }
    }
}
