/* Nâng Cấp
1. Tạo 1 Form Giao Diện Cho Mục Đổi Lịch Xe 2.Tạo 1 Form Hủy Đặt Lịch ( 3.Tạo Mục Custom ( Cho Thay Đổi Toàn Bộ Nội Dung Trong Form , Mục Này Dành Cho Nhân Viên Trong Công Ty Sử Dụng , Khách Hàng K Sử Dụng Được ). */
.nav-tabs .nav-item {
    border-right: 1px solid gray;
}

.nav-tabs .nav-item:last-child {
    border: unset;
}

#cancelreschedule {
    display: flex;
    align-items: center;
}

#cancelreschedule li {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

#cancelreschedule li a {
    font-size: 22px;
    color: #fff;
    font-family: "Mulish-Regular";
    border: unset;
    background: black;
    transition: .3s;
    border-radius: unset;
    text-align: center;
    padding: 15px;
}

#cancelreschedule li a.active {
    background: gray;
}

.tab-title {
    font-family: "Mulish-Bold";
}

/* Cancel - Reschedule 18/7/2023 */
.cancel-reschedule ul {
    list-style-type: none;
}

.cancel-reschedule ul li {
    font-family: "Mulish-Bold";
}

.cancel-reschedule ul li span {
    font-family: "Mulish-Bold";
    font-size: 30px;
}

.btn.center {
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

/* User */
.wrap-user {
    width: 100%;
    max-width: 550px;
    margin: auto;
    border: 1px solid #bce8f1;
    border-radius: 5px;
}

.title-user {
    background-color: #d9edf7;
    padding: 12px 15px;
    border-radius: 5px 5px 0px 0px;
}

.title-user span {
    color: #31708f;
}

.title-user a {
    color: #0056b3;
    font-size: 12px;
}

.form-user {
    padding: 20px 15px;
}

.input-user {
    margin-bottom: 0.75rem;
}

.input-user input {
    font-size: 14px;
}

.button-user {}

.button-user input {
    font-size: 14px;
}

.checkbox-user {
    cursor: pointer;
}

.checkbox-user input {
    top: calc(50% - 0.625rem);
    height: auto;
}

.checkbox-user label {
    font-size: 14px;
    cursor: pointer;
}

.checkbox-user label::before,
.checkbox-user label::after {
    top: calc(50% - 0.5rem);
}

.radio-user {
    margin-right: 1rem;
    cursor: pointer;
}

.radio-user:last-child {
    margin-right: 0px;
}

.radio-user label::before,
.radio-user label::after {
    top: calc(50% - 0.5rem);
}

.note-user {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
}

.font25 {
    font-size: 25px;
}

/* Edit */
.btn--edit {
    position: absolute;
    top: 10px;
    right: 10px;
}

.container__booking input {
    border-radius: unset;
}

/* Custom */
/* .btn--addons {
    position: absolute;
    top: 8px;
    right: 8px;
}

.btn--unaddons {
    position: absolute;
    top: 8px;
    right: 92px;
} */

.border-danger {
    border: 1px solid #c82333 !important;
}

input.text-bold {
    font-family: "Mulish-Bold";
    color: #c82333;
}

/* Tìm kiếm nâng cao */
.container--search p {
    color: #fff;
    min-width: 47px;
}

.suggest {
    padding: 5px;
    border: 1px solid #ccc;
}

.suggest li {
    transition: .3s;
    font-size: 14px;
    cursor: pointer;
}

.suggest li:hover {
    background: antiquewhite;
}

.suggest img {
    max-height: 50px;
    max-width: 25px;
    margin-right: 7px;
}

#content--addons .input-group {
    flex-wrap: nowrap;
}

#content--addons input {
    border-radius: unset;
}

/* 16/08/2023 */
.reschedule_cancel-main .tab-content {
    max-width: 576px;
    margin: 0 auto;
}

/* 25/08/2023 */
.cancel-reschedule .widthBox {
    max-width: 576px;
}

.cancel-reschedule .header-container h2 {
    font-size: 25px;
}

/* 26/08/2023 */
.titlePage {
    font-size: 25px;
    color: var(--main-color);
    font-family: "Mulish-ExtraBold";
}

.btn-submit {
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 700px;
}