i, em {
    font-style: italic;
}

hr {
    margin: 0;
}

select::-ms-expand {
    display: none;
}

select:focus::-ms-value {
    background-color: transparent;
    color: inherit;
}

.card-guest-details .form-control:disabled,
.form-select {
    border-radius: 0;
    border: 1px solid #C2C2C2;
}

.card-guest-details .form-control:disabled {
    background-color: #ffffff;
}

#search-component {
    z-index: 1;
}

input[type='checkbox'].custom-input-absolute, input[type='radio'].custom-input-absolute {
    position: absolute;
}

input[type='checkbox'] {
    appearance: checkbox;
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    appearance: radio;
    -webkit-appearance: radio;
}

select[multiple], select[size], textarea {
    height: auto;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.icon-show-password {
    display: inline-block;
    height: 24px;
    width: 24px;
}

/** Registration Area **/
.registerBox form {
    display: flex;
    flex-direction: column;
}

.registerBox .title-1, .loginBox .title-1, .loginArea .title-2, .resetPasswordBox .subtitle-1, .loginArea .subtitle-1 {
    text-align: center;
}

.registerBox, p.validationError {
    text-align: left!important;
}

.card-guest-details {
    display: grid;
    padding: 40px;
    gap: 40px;
    margin-bottom: 56px;
}

.container-birthday {
    display: flex;
    gap: 16px;
}

.container-birthday .birthday-item {
    flex: 1;
}

.registrationArea.container .collapse.show {
    display: flex;
}

.phone-number-container {
    display: flex;
    flex-wrap: wrap;
}

.container-flex-24, .container-flex-16 {
    display: flex;
    flex-wrap: wrap;
}

.container-flex-24 {
    row-gap: 24px;
}

.container-flex-16 {
    row-gap: 16px;
}

.form-group label {
    margin-bottom: 8px;
}

.form-group label.validationError {
    margin-bottom: 0;
    margin-top: 8px;
}

.password-validation-list {
    display: flex;
    padding: 0;
    list-style-position: inside;
}

.password-validation {
    flex: 1;
}

.password-validation span {
    font-size: 14px;
    line-height: 16px;
}
.password-validation.passed span {
    position: relative;
    top: -2px;
}


.btn-toggle-password {
    position: absolute;
    border: none;
    background-color: transparent;
    right: 25px;
    top: 40px;
}

.registerBox h1 {
    margin-bottom: 24px;
}

.register-sign-up-text {
    margin-bottom: 80px;
}

.btn-sign-up, .btn-log-in {
    width: 100%;
}

.pageArea .registerBox .loyalty-signup-terms p {
    text-align: left;
}

.password-validation-list {
    flex-direction: column;
    margin-top: 16px;
}

li.password-validation::marker {
    margin-right: 8px;
}

.ibe-address-left {
    padding-left: 0;
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .card-guest-details {
        gap: 32px;
        padding: 32px 16px;
        margin-bottom: 40px;
    }

    .container-booker-name {
        row-gap: 24px;
    }

    .register-sign-up-text {
        margin-bottom: 40px;
    }

    .toggleAddAddressManually {
        margin-top: 16px;
    }

    .card-guest-details .row {
        padding-bottom: 0;
    }

    .section-join-now h2 {
        margin-bottom: 8px;
    }

    .card-guest-details.section-contact-details {
        gap: 24px;
    }

    .js-ibe-address-field.col-6 {
        width: 100%;
        padding: 0;
    }

    .guest-details-address--full {
        gap: 16px;
        margin-top: 32px;
    }
}

@media only screen and (min-width: 992px) {
    .registrationArea.container, .loginArea.container {
        max-width: 920px;
        padding: 0;
    }

    .registrationArea .registerBox {
        padding: 80px 0;
    }

    .btn-sign-up, .btn-log-in {
        width: 50%;
        margin-top: 16px;
    }

    .password-validation-list {
        flex-direction: row;
    }

    .toggleAddAddressManually {
        margin-top: 28px;
    }
}

/** Login Area **/

.loginArea.container {
    display: flex;
    flex-direction: column;
    row-gap: 56px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.loginBox.card-guest-details {
    margin-bottom: 0;
}

.container-forgot-password-link {
    display: flex;
    justify-content: end;
}

.btn-log-in {
    margin-top: 0;
}

.container-forgot-password-link a {
    text-decoration: underline;
}

.container-login-second-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.loginBox.card-guest-details {
    gap: 24px;
}

.loginBox.card-guest-details form {
    margin-top: 16px;
}

.password-validation-list .password-validation.passed {
    color: rgb(153, 153, 153);
    text-decoration: line-through;
}


.container-flex-40 {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.loginBox-signup-btn {
    width: 100%;
}

.registerBox p, .loginBox p, .resetPasswordBox p {
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .loginBox-signup-btn .btn.light.secondary, .container-login-second-section .btn.light.primary {
        margin-top: 16px;
    }

    .registerBox .title-1, .loginBox .title-1, .loginArea .title-2, .resetPasswordBox .subtitle-1, .loginArea .subtitle-1 {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    .loginArea.container {
        margin: 0 auto;
        padding: 40px 16px;
        row-gap: 40px;
    }

    footer.footer {
        margin-top: 80px;
    }

    .loginBox.card-guest-details {
        padding: 32px 16px;
    }
}

/* Reset Password */

.resetPasswordBox #form-reset-password {
    margin-top: 24px;
}

.resetPasswordBox .btn-sign-up {
    margin-top: 40px;
}

.resetPasswordBox.card-guest-details {
    margin-bottom: 0;
    gap: 16px;
}

#passwordResetForm .form-group {
    margin-bottom: 24px;
}

#passwordResetForm .btn-reset-pass {
    width: 100%;
}

.loginBox .alert ul {
    margin: none;
    list-style: none;
}

@media screen and (max-width: 768px) {
    .resetPasswordBox .btn-sign-up {
        margin-top: 24px;
    }

    .resetPasswordBox #form-reset-password {
        margin-top: 16px;
    }

    .resetPasswordBox.card-guest-details {
        padding: 32px 16px;
    }

    .resetPasswordBox .subtitle-1, .pageArea.loginArea .resetPasswordBox p {
        text-align: left;
    }

    .loginBox.card-guest-details form#passwordResetForm {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    .dataTables_filter .form-group{
        width: 100%;
    }
}


@media screen and (min-width: 992px) {
    #passwordResetForm .btn-reset-pass {
        width: 420px;
        margin-top: 16px;
    }

    #passwordResetForm .form-group {
        margin-bottom: 16px;
    }

}

/** Past stays **/

.container-past-reservations .booking-buttons {
    display: flex;
    gap: 16px;
    align-items: end;
}

.container-past-reservations .booking-buttons a {
    border: solid 1px #000000;
    border-radius: unset;
}

@media screen and (max-width: 768px) {
    .container-past-reservations .booking-buttons a {
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.container-past-reservations h2.title-2 {
    margin-bottom: 40px;
}

.container-past-reservations .booking-informations {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.container-past-reservations h3.subtitle-1 {
    margin-bottom: 8px;
}

.container-past-reservations .booking-container.card-guest-details,
.container-past-reservations .container-single-reservation  {
    display: flex;
    flex-direction: column;
}

.container-past-reservations .container-single-reservation {
    gap: 16px;
}

.container-past-reservations .booking-container.card-guest-details {
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 40;
    background-color: #F7F7F7;
}

.icon.icon-pdf {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/icon-pdf.svg) no-repeat center;
}

.section-past-reservations.container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
    .section-past-reservations .td-container-single-booking .booking-buttons {
        flex-direction: column;
    }

    .section-past-reservations .td-container-single-booking .booking-buttons .btn.light.secondary {
        width: 100%;
    }

    .section-past-reservations .td-container-single-booking .booking-container.card-guest-details {
        padding: 32px 16px;
    }
}

@media screen and (min-width: 992px) {

    .container-upcoming-reservation .booking-buttons .btn.buy-addons {
        margin-top: 8px;
    }

    .container-past-reservations .booking-container.card-guest-details,
    .container-past-reservations .container-single-reservation  {
        flex-direction: row;
    }

    .container-past-reservations .booking-buttons {
        gap: 40px;
    }

    /*.container-past-reservations .container-single-reservation {
        gap: 64px;
    }*/

    .section-past-reservations.container {
        margin-top: 80px;
        margin-bottom: 80px;
        gap: 80px;
        padding: 0;
    }
}

/** My Statement **/

.statementTable {
    display: block;
    margin: 0 0 30px;
}

.statementTable table th:first-child {
    width: 25%;
}

.statementTable table th:nth-child(3) {
    text-align: center;
    width: 25%;
}

.statementTable table th:last-child {
    text-align: center;
    width: 25%;
}

@media screen and (min-width:767px) {
    .statementTable table td:nth-child(3), .statementTable table td:last-child {
        text-align: center;
    }
}

/** Redeem Points **/

.redeemPointsArea {
    display: block;
    margin: 0 0 30px;
}

.redeemPointsArea p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63;
    margin: 0;
}

.redeemPointsArea p + p {
    margin-top: 25px;
}

.redeemPointsArea .tabularInfo {
    display: block;
    margin: 35px 0 0;
}

.redeemPointsArea table th:first-child {
    width: 31%;
}

.redeemPointsArea table th:nth-child(3), .redeemPointsArea table th:last-child {
    text-align: center;
    width: 10%;
}

.redeemPointsArea table td:nth-child(3), .redeemPointsArea table td:last-child {
    text-align: center;
}

.redeemPointsArea .tabularInfo table tr:nth-child(even) td {
    background: #fff;
}

.redeemPointsArea table td {
    background: #fff;
    border-bottom: 1px solid #d7d2c8;
    padding: 13px 10px;
    vertical-align: middle;
}

.redeemPointsArea table tr:last-child td {
    border-bottom: 0;
}

.redeemPointsArea table td[colspan="4"]:last-child {
    text-align: right;
    padding: 13px 0 0;
}

.redeemPointsArea table td .submitBtn {
    margin: 8px 0 0;
}

.itemBox {
    background: #eee;
    margin: 0 0 20px;
    min-height: 220px;
    padding: 25px 30px 29px;
}

.itemBox h3 {
    font-size: 28px;
    line-height: 1.25;
    margin: 0 0 30px;
    color: #443017;
}

.itemBox table td {
    background: transparent;
    border-bottom: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63;
    color: #000;
    padding: 12px 0;
    vertical-align: top;
}

.itemBox table td strong {
    font-weight: 500;
}

.itemBox table td:last-child {
    text-align: right;
}

.itemBox table tr:last-child td {
    line-height: 1.69;
    color: #443017;
}

/** My Profile **/

.profileArea {
    margin: 0 auto;
}

button.container-btn-right  {
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #000000;
    border-radius: unset;
}

.container-profile-details, .container-edit-buttons {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

 #contact-details-edit, #password-details-edit, #password-details-edit, #preferences-details-edit {
    display: none;
}

.loyalty-profile-area .title-1, .loyalty-profile-area .profile-p {
    text-align: center;
}

#profile-details-edit .guest-details-address--full, #profile-details .guest-details-address--full {
    display: flex;
}

#profile-details-edit .guest-details-address--basic, #profile-details .guest-details-address--basic {
    display: none;
}

.loyalty-my-profile-area .title-1 {
    margin-bottom: 24px;
}

.loyalty-my-profile-area {
    margin-top: 40px;
}

.loyalty-preferences-profile-area {
    padding: 0;
}

.loyalty-preferences-profile-area .title-1, .loyalty-my-profile-area .profile-p {
    margin-bottom: 40px;
}

.loyalty-profile-area .card-guest-details {
    padding: 32px 16px;
    background-color: #F7F7F7;
}

.container-password-details {
    display: flex;
    justify-content: space-between;
}

#profile-details-edit form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#profile-details-edit form .guest-details-address--full {
    row-gap: 24px;
}

.container-edit-buttons {
    margin-top: 40px;
}

#profile-details-edit .container-edit-buttons, #password-details-edit .container-edit-buttons {
    margin-top: 16px;
}

.container-password-inputs {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.btn-open-sign-out-modal {
    border: none;
    background-color: transparent;
}

@media screen and (max-width: 992px) {
    .loyalty-profile-area .guest-details-address--full {
        margin-top: 0;
    }

    .container-password-details {
        flex-direction: column;
        gap: 24px;
    }

    .loyalty-profile-area.container, .overview-profile-area.container {
        padding: 0 16px;
    }
}

@media screen and (min-width: 992px) {
    .loyalty-profile-area .card-guest-details {
        padding: 40px;
    }

    .loyalty-profile-area .guest-details-address--full {
        margin-top: 0;
    }

    button.container-btn-right  {
        width: 250px;
        margin-left: auto;
        height: 40px;
    }

    .container-edit-buttons {
        margin-top: 64px;
    }

    #profile-details-edit .container-edit-buttons, #password-details-edit .container-edit-buttons {
        margin-top: 40px;
    }

    .container-edit-buttons button.container-btn-right {
        margin-left: 0;
    }

    .container-edit-buttons {
        flex-direction: row;
        justify-content: end;
    }

    .loyalty-my-profile-area {
        margin-top: 80px;
    }

    .loyalty-my-profile-area .card-guest-details {
        margin-bottom: 40px;
    }

    .loyalty-my-profile-area .profile-p, .loyalty-preferences-profile-area .title-1 {
        margin-bottom: 80px;
    }

    .loyalty-preferences-profile-area {
        padding: 40px 0;
    }
}

@media screen and (min-width: 1200px) {
    .loyalty-profile-area {
        max-width: 920px;
    }
}

/** Log Out **/

#signOutModal .modal-body {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px;
}

#signOutModal .modal-body .subtitle-1 {
    text-align: center;
}

#signOutModal .container-buttons {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 992px) {
    #signOutModal .container-buttons {
        flex-direction: row-reverse;
    }

    .container-buttons .btn.light {
        width: 220px;
    }

    #signOutModal .modal-body {
        padding: 32px 16px;
    }
}

/* Tables */

.dataTable {
    width: 100%;
    border: 0;
    mso-cellspacing: 0;
    mso-cellpadding: 0;
}

.table>:not(caption) > * > .td-container-single-booking {
    padding: 20px 0;
    border: none;
    box-shadow: none;
}

.dataTables_filter {
    display: flex;
    justify-content: end;
}

.dataTables_info, .dataTables_paginate {
    display: block;
    text-align: center;
    color: #000;
    font-family: "Mark Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}


.dataTables_paginate span > * {
    padding: 7px 15px;
    display: inline-block;
}

.dataTables_length {
    display: none;
}

.table>:not(:last-child)>:last-child>* {
    border: none;
}

.table>:not(caption)>*> .dataTables_empty {
    padding: 20px 0;
}

@media only screen and (min-width: 992px) {
    .dataTables_info {
        display: inline-block;
    }

    .dataTables_paginate {
        display: inline-block;
        float: right;
    }
}

@media only screen and (max-width: 992px) {
    .booking-cancelled-buttons {
        padding: 16px;
    }

    .dataTables_info {
        margin-bottom: 24px;
    }
}

/** Upcoming Reservations **/


.overview-profile-area .title-1 {
    text-align: center;
}

.cancelled-booking-text {
    text-align: center;
}

@media only screen and (max-width: 992px) {
    .booking-cancelled-buttons {
        padding: 16px;
    }
}

/* Profile Overview */

.overview-profile-area {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#update-profile-details-form-msg.alert, #update-password-form-msg.alert {
    margin-top: 20px;
    margin-bottom: 0;
}

.loyalty-profile-menu {
    background-color: #F7F7F7;
}

.container-loyalty-profile-menu {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
}

.icon-sign-out {
    margin-left: 8px;
}

.loyalty-profile-option a {
    padding: 16px;
}

.container-timer-online-checkin {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.container-timer-online-checkin p, .container-timer-countdown span {
    text-align: center;
}

.container-timer-countdown span {
    display: inline-block;
    width: 100%;
}

.container-timer-countdown {
    display: flex;
    gap: 24px;
    justify-content: center;
}

.overview-profile-area .booking-container.card-guest-details {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 24px;
}

.overview-profile-area .booking-container.card-guest-details .booking-informations {
    gap: 16px;
    flex-direction: column;
    flex: 1;
}

.booking-container.card-guest-details .booking-informations img {
    width: 100%;
    height: 190px;
}

.hamburger--text,
.loyalty-profile-option a, .loyalty-profile-option {
    display: flex;
    justify-content: start;
    color: #000;
    font-family: "Mark Pro";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 114.286% */
    text-transform: uppercase;
}

.hamburger--text {
    font-size: 14px;
}

.open-hamburger-icon {
    background-image: url(../images/hamburger-open.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: space-between;
    padding: 20px;
    background-position: left;
}

.close-hamburger-icon   {
    background-image: url(../images/hamburger-close.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: space-between;
    padding: 20px;
    background-position: left;
}

.loyalty-profile-option .button-label.inline-link {
    text-decoration: none;
}

.loyalty-menu-options.open .loyalty-profile-option {
    border-bottom: 1px solid #C2C2C2;
}

.loyalty-profile-option.active {
    border-bottom: 4px solid #CA113D !important;
}

.overview-profile-area .card-guest-details {
    background-color: #F7F7F7;
    margin-bottom: 0;
}

.loyalty-overview-welcome, .member-details-boxes, .container-useful-information, .useful-information {
    display: flex;
    gap: 40px;
}

.loyalty-overview-welcome, .container-useful-information {
    flex-direction: column;
}

.useful-information {
    flex-direction: column;
}

.useful-information .card .card-body {
    padding: 40px;
    background-color: #F7F7F7;
}

.useful-information .card-text {
    margin: 24px 0;
}

.loyalty-overview-welcome .container-member-details, .loyalty-overview-welcome .member-details-second-container {
    width: 100%;
}

.container-days-until-next {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 8px 16px;
    background-color: #E0E0E0;
}

section.container.container-three-icons {
    gap: 40px;
}

.container--icon {
    width: 100%;
    max-width: 100%;
}

.container--img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.container--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.container-three-icons .title-2 {
    padding-top: 24px;
}

.two-grid-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

@media screen and (min-width: 992px) {
    .two-grid-col
    {
        align-items: flex-start;
        flex-direction: row;
        justify-content: start;
        gap: 80px;
    }
}

.container-upcoming-reservation .card-guest-details {
    background: #F7F7F7;
}

.container-upcoming-reservation .large-booking-widget form {
    margin: unset;
    width: -webkit-fill-available;
}

.container-upcoming-reservation .booking-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.container-upcoming-reservation .booking-buttons a.btn {
    width: 100%;
    border: 1px solid #000000;
    border-radius: unset;
    font-family: "Mark Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 16px 0;
}

.container-upcoming-reservation h2.title-2 {
    margin-bottom: 40px;
}

.container-upcoming-reservation h3.subtitle-1 {
    margin-bottom: 8px;
}

.container-upcoming-reservation .container-single-reservation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px;
}

.container-days-until-next span {
    font-weight: 600;
    font-size: 120%;
}

.member-details-second-container {
    gap: 24px;
}

.member-details, .member-details-box, .container-member-details  {
    display: flex;
    gap: 16px;
}

.loyalty-menu-options-mobile, .loyalty-menu-options {
    display: none;
}

.loyalty-menu-options {
    margin: 0;
    padding: 0;
}

.open-loyalty-menu {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
}

.container-loyalty-profile-menu #btn-members-area-menu {
    border: none;
    background-color: transparent;
}

.loyalty-menu-options.open {
    display: flex;
    flex-direction: column;
    order: 2;
    width: 100%;
}

.loyalty-menu-options.open ul li {
    border-bottom: 1px solid #C2C2C2;
}

.container-member-details {
    gap: 40px;
}

.overview-profile-area .card-guest-details {
    padding: 16px;
}

.container-member-number {
    display: flex;
    justify-content: space-between;
}

.member-number {
    display: flex;
    gap: 4px;
}

.member-details-box {
    padding: 16px;
    align-items: center;
    background-color: #E0E0E0;
    flex: 1;
}

.member-details-second-container, .member-details {
    display: flex;
}

.member-details-boxes, .member-details-second-container, .member-details, .member-number, .member-details-box, .container-member-details  {
    flex-direction: column;
}

.member-details-box-text {
    text-align: center;
}

.loyalty-menu-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.loyalty-menu-buttons {
    padding: 12px 16px;
}

.container-earn-points {
    background-color: #E0E0E0;
    display: flex;
    max-width: 330px;
    height: 32px;
    padding: 4px;
    align-items: flex-start;
    gap: 8px;
}

@media screen and (min-width: 1200px) {
    .booking-container.card-guest-details .booking-informations img {
        width: 220px;
        height: 120px;
    }

    .loyalty-profile-option a {
        padding: 16px 0;
    }

    .container-member-number {
        gap: 64px;
        justify-content: start;
    }

    .container-loyalty-profile-menu {
        padding: 12px 0;
    }

    .container-loyalty-profile-menu #btn-members-area-menu {
        display: none;
    }

    .overview-profile-area .booking-container.card-guest-details {
        gap: 40px;
    }

    .loyalty-menu-buttons {
        width: auto;
        padding: 0;
    }

    .container-upcoming-reservation h3.subtitle-1 {
        margin-bottom: 16px;
    }

    .loyalty-profile-option a, .loyalty-profile-option {
        justify-content: center;
    }

    .loyalty-menu-options.open {
        order: 1;
        flex-direction: row;
    }

    .loyalty-menu-options {
        display: flex;
        gap: 25px;
        justify-content: center;
    }

    .loyalty-overview-welcome .container-member-details, .loyalty-overview-welcome .member-details-second-container {
        width: 50%;
    }

    .loyalty-overview-welcome {
        flex-direction: row;
    }

    .overview-profile-area {
        margin-top: 80px;
        margin-bottom: 80px;
        gap: 80px;
    }

    .useful-information, .overview-profile-area .booking-container.card-guest-details,  .member-details-boxes,
    .overview-profile-area .booking-container.card-guest-details .booking-informations {
        flex-direction: row;
    }

    .overview-profile-area .booking-container.card-guest-details .booking-informations {
        gap: 40px;
    }

    .container-upcoming-reservation .booking-buttons .btn.buy-addons {
        margin-top: 8px;
    }

    .overview-profile-area .card-guest-details {
        padding: 40px;
    }

    .loyalty-menu-options-mobile {
        display: flex;
    }
}

/* End profile overview */

/* Activity */

.container.activity-profile-area {
    margin-top: 80px;
    margin-bottom: 80px;
}

#bookings-table-activity .sorting_disabled {
    display: inline-block;
}

#bookings-table-activity .free-night-tooltip-button {
    border: none;
}

/*Add Event Component*/

.booking-buttons .addeventatc.btn.light.secondary {
    position: relative;
}

.booking-buttons .addeventatc_dropdown {
    width: 230px;
    position: absolute;
    padding: 6px 0px 0px 0px;
    font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    color: #000 !important;
    font-weight: 600;
    line-height: 100%;
    background: #fff;
    font-size: 15px;
    text-decoration: none;
    text-align: left;
    margin-left: -1px;
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    transform: scale(.98, .98) translateY(5px);
    opacity: 0.5;
    z-index: -1;
    transition: transform .15s ease;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.booking-buttons .addeventatc_dropdown.addeventatc-selected {
    opacity: 1;
    transform: scale(1, 1) translateY(0px);
    z-index: 99999999;
    display: block;
    left: -2px;
    top: -89.5px;
}

.booking-buttons .addeventatc_dropdown span {
    display: block;
    line-height: 100%;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding: 14px 10px 14px 55px;
    margin: -2px 0px;
}

.booking-buttons .addeventatc_dropdown em {
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.booking-buttons .addeventatc_dropdown .frs a {
    background: #fff;
    color: #cacaca !important;
    cursor: pointer;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 110% !important;
    padding-left: 10px !important;
    position: absolute;
    right: 10px;
    text-align: right;
    text-decoration: none;
    top: 5px;
    z-index: 101;
}

.booking-buttons .addeventatc_dropdown span:hover {
    background-color: #f4f4f4;
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.booking-buttons .addeventatc_dropdown .brx {
    height: 1px;
    overflow: hidden;
    background: #e8e8e8;
    position: absolute;
    z-index: 100;
    left: 10px;
    right: 10px;
    top: 9px;
}

.booking-buttons .addeventatc_dropdown .frs a {
    background: #fff;
    color: #cacaca !important;
    cursor: pointer;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 110% !important;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-decoration: none;
    top: 5px;
    z-index: 101;
}

.booking-buttons .addeventatc_dropdown em {
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.booking-buttons .addeventatc_dropdown .copyx {
    height: 21px;
    display: block;
    position: relative;
    cursor: default;
}

.booking-buttons .addeventatc_dropdown .ateappleical {
    background: url(/ibe/p3custom/images/icons/icon-apple-addevent.svg) 18px 40% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ategoogle {
    background: url(/ibe/p3custom/images/icons/icon-google-addevent.svg) 18px 50% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ateoffice365 {
    background: url(/ibe/p3custom/images/icons/icon-office365-addevent.svg) 19px 50% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ateoutlook {
    background: url(/ibe/p3custom/images/icons/icon-outlook-addevent.svg) 18px 50% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ateoutlookcom {
    background: url(/ibe/p3custom/images/icons/icon-outlookcom-addevent.svg) 18px 50% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ateyahoo {
    background: url(/ibe/p3custom/images/icons/icon-yahoo-addevent.svg) 18px 50% no-repeat;
}

.booking-buttons .addeventatc_dropdown .ategoogle, .booking-buttons .addeventatc_dropdown .ateappleical, .booking-buttons .addeventatc_dropdown .ateoffice365,
.booking-buttons .addeventatc_dropdown .ateoutlook, .booking-buttons .addeventatc_dropdown .ateoutlookcom, .booking-buttons .addeventatc_dropdown .ateyahoo {
    background-size: 22px 100%;
}

#password-has-upperLowerCase {
    list-style-position: outside;
}

.button-label.inline-link.btn,
.btn.submitBtn {
    border: 1px solid #CA113D;
    border-radius: unset;
    color: #ffffff;
    font-family: "Mark Pro", sans-Serif;
    font-size: 14px;
    height: 48px;
    background-color: #CA113D;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

@media only screen and (min-width: 1024px) {
    .large-booking-widget form {
        width: unset;
    }
}