* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    background-color: #F9F9F9;
    background-image: url("data:image/svg+xml,%3Csvg width='514' height='94' viewBox='0 0 514 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.01'%3E%3Cpath d='M393.852 65.547C393.852 68.0433 393.362 70.5151 392.411 72.8214C391.46 75.1276 390.065 77.2232 388.307 78.9883C386.549 80.7534 384.462 82.1536 382.165 83.1089C379.868 84.0642 377.406 84.5559 374.92 84.5559H306.066V93.7388H398.525C399.714 93.7388 400.854 93.2646 401.695 92.4205C402.536 91.5763 403.008 90.4315 403.008 89.2378V37.3652H393.852V65.547Z' fill='%23222222'/%3E%3Cpath d='M337.677 41.9667C337.679 43.1881 338.164 44.3585 339.026 45.2211C339.887 46.0838 341.053 46.5683 342.27 46.5683H364.084V37.3652H342.27C341.053 37.3652 339.887 37.8497 339.026 38.7124C338.164 39.575 337.679 40.7454 337.677 41.9667Z' fill='%23222222'/%3E%3Cpath d='M511.376 37.7973C510.821 37.5041 510.203 37.3523 509.575 37.3552H417.387V46.5382H486.25C488.735 46.5382 491.196 47.0296 493.491 47.9844C495.787 48.9391 497.873 50.3386 499.63 52.1028C501.387 53.867 502.781 55.9614 503.732 58.2664C504.683 60.5715 505.172 63.042 505.172 65.537C505.172 70.5767 503.179 75.4102 499.631 78.9747C496.083 82.5393 491.27 84.5432 486.25 84.5459H438.78V93.7388H509.555C510.171 93.7446 510.779 93.5998 511.326 93.3169C512.137 92.9719 512.826 92.3896 513.303 91.6459C513.779 90.9021 514.021 90.0314 513.998 89.1474V41.9266C514.017 41.055 513.779 40.1972 513.312 39.462C512.845 38.7268 512.172 38.1474 511.376 37.7973Z' fill='%23222222'/%3E%3Cpath d='M281.301 66.9837C281.301 68.4533 280.917 69.8972 280.188 71.1713C279.458 72.4453 278.409 73.5049 277.144 74.2442C275.879 74.9835 274.443 75.3766 272.979 75.3843C271.516 75.3919 270.076 75.0139 268.803 74.2878L245.248 60.5134C244.588 60.1475 243.846 59.9556 243.092 59.9556C242.338 59.9556 241.596 60.1475 240.935 60.5134L212.137 75.9757C207.751 78.3483 202.835 79.5585 197.854 79.4916C192.872 79.4248 187.99 78.0833 183.669 75.5939L157.252 60.5235C156.592 60.1576 155.85 59.9657 155.096 59.9657C154.342 59.9657 153.6 60.1576 152.94 60.5235L149.808 62.2415L129.235 73.5745L127.904 74.3079C122.08 77.4928 114.565 73.1525 114.565 66.7124L114.485 41.816C114.48 40.6231 114.004 39.4808 113.162 38.6392C112.32 37.7975 111.181 37.325 109.992 37.325H4.44551C3.81481 37.3209 3.1928 37.4727 2.63437 37.7671C1.82756 38.1195 1.14507 38.7076 0.675711 39.4548C0.206348 40.2021 -0.0281612 41.0738 0.00269735 41.9567V89.1775C-0.0208173 90.0615 0.221509 90.9322 0.698081 91.6759C1.17465 92.4197 1.86335 93.002 2.67439 93.347C3.22189 93.6299 3.82977 93.7747 4.44551 93.7689H75.2104V84.5759H27.7503C25.2629 84.5759 22.7999 84.0835 20.5022 83.1269C18.2045 82.1702 16.1173 80.768 14.3598 79.0006C12.6023 77.2332 11.2092 75.1353 10.26 72.8268C9.31086 70.5182 8.82434 68.0445 8.82829 65.547C8.82829 63.052 9.31772 60.5815 10.2686 58.2764C11.2196 55.9714 12.6133 53.877 14.3704 52.1128C16.1275 50.3486 18.2134 48.9491 20.5091 47.9944C22.8049 47.0396 25.2654 46.5481 27.7503 46.5481H105.299V89.1875C105.313 90.2106 105.667 91.1997 106.305 91.9972C106.944 92.7948 107.829 93.3548 108.822 93.5881C109.767 93.8096 110.754 93.7784 111.683 93.4977C111.921 93.4275 112.152 93.3367 112.374 93.2264L117.727 90.3027L133.087 82.1245L143.624 76.4781C147.109 74.6096 151.008 73.6566 154.958 73.7075C158.909 73.7584 162.782 74.8118 166.218 76.7694L195.517 93.4575C196.176 93.8105 196.911 93.9967 197.658 94H197.848C198.591 93.9905 199.319 93.7973 199.969 93.4374L231.609 76.4781C235.092 74.6005 238.992 73.6422 242.944 73.6932C246.896 73.7442 250.771 74.8027 254.204 76.7694L278.499 90.2726L283.632 93.1963C283.845 93.3045 284.066 93.3953 284.293 93.4675C285.181 93.7483 286.13 93.7796 287.035 93.5579C290.407 92.7642 290.407 89.1574 290.407 89.1574V37.3552H281.261L281.301 66.9837Z' fill='%23222222'/%3E%3Cpath d='M456.473 12.4688C456.577 12.7669 456.773 13.0243 457.032 13.2046C457.29 13.3849 457.599 13.479 457.913 13.4735H468.29C468.743 13.4735 469.192 13.5637 469.61 13.7387C470.029 13.9138 470.409 14.1703 470.728 14.4935C471.047 14.8167 471.299 15.2002 471.47 15.6218C471.64 16.0434 471.726 16.4947 471.722 16.9498V23.1488H474.834H475.304L475.425 10.4092L475.304 1.62817C475.304 1.38143 475.25 1.13779 475.144 0.914827C475.031 0.637739 474.836 0.401898 474.586 0.2386C474.336 0.0753026 474.042 -0.00771458 473.744 0.000564057H457.833C457.617 -0.0034619 457.404 0.0484299 457.213 0.151263C456.908 0.265577 456.647 0.473964 456.467 0.746514C456.287 1.01906 456.198 1.34176 456.212 1.66835L456.322 11.7957C456.323 12.0284 456.374 12.2581 456.473 12.4688ZM459.414 6.76217C459.409 6.30493 459.494 5.85118 459.665 5.42721C459.835 5.00324 460.088 4.61748 460.408 4.29228C460.729 3.96708 461.11 3.7089 461.53 3.5327C461.95 3.35651 462.401 3.2658 462.857 3.26583H468.3C469.213 3.26583 470.088 3.62996 470.734 4.27812C471.38 4.92627 471.742 5.80536 471.742 6.72199C471.742 7.63862 471.38 8.5177 470.734 9.16585C470.088 9.81401 469.213 10.1781 468.3 10.1781H462.877C461.97 10.1808 461.099 9.82307 460.454 9.18302C459.809 8.54297 459.442 7.67265 459.434 6.76217H459.414Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* General Form Styling */
.page-home .back-btn-top-data-entry {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 1rem;
    background: #FFFFFF;
    border: 1px solid #073A35;
    color: #073A35;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4rem 3rem;
}

.custom-login-form-div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}

.custom-login-form {
    position: relative;
    width: 683px;
    box-sizing: border-box;
    margin: 0 auto 0;
    padding: 60px 112px;
    border: 1px solid #CBCBCB;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    border-radius: 32px;
}

.custom-login-form form {
    width: 100%;
}

.custom-login-form h6 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #222222;
    margin: 0;
    text-align: start;
    width: 100%;
}

.custom-login-form label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: right;
    color: #073a35;
}

.custom-login-form p {
    margin: 0;
}

.custom-login-form input[type="text"],
.custom-login-form input[type="password"] {
    width: 100%;
    padding: 20px 16px;
    border: 1px solid #CBCBCB;
    border-radius: 16px;
    margin-bottom: 24px;
    font-size: 16px;
    box-sizing: border-box;
    margin-top: 0.5rem;

}

.custom-login-form input[type="submit"] {
    margin-top: 75px;
    background-color: #073a35;
    color: #fff;
    border: none;
    /*padding: 20px;*/
    height: 64px;
    font-size: 16px;
    border-radius: 16px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: background-color 0.3s ease;

}

.custom-login-form input[type="submit"]:hover {
    background-color: #056c61;
}

.custom-login-form .login-remember {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.custom-login-form .login-remember input[type="checkbox"] {
    margin-right: 10px;
}

.custom-login-form .login-submit {
    margin-bottom: 20px;
}

.custom-login-form .button-primary {
    background-color: #073a35;
    border-color: #073a35;
}

.custom-login-form .button-primary:hover {
    background-color: #056c61;
    border-color: #056c61;
}

.aca-logo {
    position: absolute;
    bottom: 0;
    margin-bottom: 2.5rem;
    display: flex;
    gap: 0.5rem;
    width: 98%;
    justify-content: center;
}

.aca-logo a {
    display: flex;
    gap: 0.5rem;
    text-decoration: none;
    color: #222222;
}

.aca-logo p {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: right;
}
.aca-logo p:nth-child(2) {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
}
.login-password {
    position: relative;
}

#togglePassword {
    position: absolute;
    left: 14px;
    border-right: 1px solid #7A7A7A;
    bottom: 44px;
    padding-right: 12px;
    display: flex;
    align-items: center;
}

.g-recaptcha {
    height: 54px;
    bottom: 172px;
    position: absolute;
}

@media screen and (max-width: 768px) {
    .custom-login-form {
        width: 100%;
        padding: 20px 40px;
        margin-top: 1rem;
        gap: 1.5rem;
    }

    .custom-login-form-div {
        margin-top: 1rem;
    }


    .custom-login-form h6 {
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
    }

    .g-recaptcha {
        bottom: 132px;
    }
}


/**/


.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: calc(100% - var(--bs-gutter-x, 0.75rem) * 2);
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

/**/

.page-home-div ul {
    display: flex;
    width: 100%;
    justify-content: center;
    list-style: none;
    padding: 0;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-home-div ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #CBCBCB;
    padding: 72px 20px 40px;
    border-radius: 1.5rem;
    width: 256px;
    box-sizing: border-box;
    background: #FFFFFF;
    transition: all 200ms;
    cursor: pointer;
}

.page-home-div ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.page-home-div ul li:hover {
    background: #F9F9F9;
    border: 1px solid #222222;
}

.page-home-div ul li:hover span {
    background: #FFFFFF;
}

.page-home-div ul li span {
    padding: 2rem;
    background: #F9F9F9;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.page-home-div ul li h6 {
    font-size: 20px;
    font-weight: 800;
    line-height: 32px;
    color: #222222;
    margin: 0;
    text-align: center;
}

.page-home-div ul li p {
    color: #7A7A7A;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-align: center;
}

/*popup-page-home*/
.popup-page-home {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.18);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 3;

}

@keyframes popup {
    0% {
        transform: translateY(-1000px);
    }
    100% {
        transform: translateY(00px);
    }
}

input {
    outline: none;
}

.popup-page-home form {
    background: #FFFFFF;
    padding: 48px 64px;
    border: 1px solid #CBCBCB;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 1.5rem;
    width: 588px;
    transform: translateY(0px);
    animation: popup 200ms 1;
}

.popup-page-home form input[type="submit"] {
    background-color: #073a35;
    color: #fff;
    border: none;
    padding: 20px;
    height: 64px;
    font-size: 16px;
    border-radius: 16px;
    cursor: pointer;
    /*width: 100%;*/
    text-align: center;
    transition: background-color 0.3s ease;
}

.popup-page-home form input[type="text"],
.popup-page-home form input[type="date"],
.popup-page-home form input[type="number"],
.popup-page-home form input[type="url"],
.popup-page-home form input[type="number"],
.popup-page-home form textarea,
.popup-page-home form select {
    /*width: 100%;*/
    padding: 20px 16px;
    border: 1px solid #CBCBCB;
    border-radius: 16px;
    font-size: 16px;
    box-sizing: border-box;
}

.popup-page-home form input[type="text"]::placeholder,
.popup-page-home form input[type="date"]::placeholder,
.popup-page-home form input[type="number"]::placeholder,
.popup-page-home form input[type="url"]::placeholder,
.popup-page-home form input[type="number"]::placeholder,
.popup-page-home form textarea::placeholder {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: right;
    color: #7A7A7A;

}

.popup-page-home form .select2-container--default .select2-selection--single,
.popup-page-home form select {
    width: 100%;
    border: 1px solid #CBCBCB;
    border-radius: 16px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 20px 16px;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.form-inputs-div {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-direction: column;
}

.form-inputs-div div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-inputs-div div .div-is_canceled {
    display: flex;
    gap: 0.15rem;
    flex-direction: row;
}


.form-inputs-div div .add-new-image-pair {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0.25rem;
    border: 0;
    border-radius: 50%;
    background: #073a35;
    color: #ffffff;
}

.popup-page-home pre, .popup-page-home table {
    display: none;
}


.form-inputs-div .top-form {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-direction: row;
    margin-bottom: 2rem;
}

.form-inputs-div .top-form p {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    color: #222222;
    margin-left: auto;
}


.cancel-reserve {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FFFFFF;
    background: #FD3D39;
    margin-right: auto;
    padding: 0.5rem 1.5rem;
    border: 0;
    border-radius: 1rem;
}

.cancel-reserve.hide {
    display: none;
}

.form-inputs-div label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: right;
    color: #222222;
}

.form-div {
    gap: 0.5rem;
}

.form-div input {
    margin-bottom: 1rem;
}

.form-div .new-button {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.5rem;
}

.form-div .new-button span {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #FD3D39;
    padding: 16px 44px;
}

.form-div .new-button button {
    color: #FFFFFF;
    background: #073A35;
    padding: 16px 27px;
    gap: 8px;
    border-radius: 2rem;
    display: flex;
    align-items: center;
}

.form-div .double-input-date {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form-div .double-input-date {
    align-items: center;
    justify-content: center;
}

.form-div .double-input-date span {
    text-align: center;
}

.form-div .btn-div {
    flex-direction: row-reverse;
    gap: 1rem;
}

.form-div .btn-div .btn-next {
    text-align: center;
    background: #073A35;
    padding: 20px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #0B564E;
}

.form-div .btn-div .btn-cancel {
    background: #EDEDED;
    padding: 20px;
    color: #7A7A7A;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #EDEDED;
    text-align: center;
}

.form-div .btn-div .btn-prev {
    background: transparent;
    padding: 20px;
    color: #0B564E;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #0B564E;
}

.form-div .btn-div button,
.form-div .btn-div input,
.form-div .btn-div a {

    border-radius: 1rem;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 20px;
}

.form-div .btn-div input {
    margin: 0;
}

.form-inputs-div .sale_channel {
    flex-direction: row;
    gap: 1rem;
}

.custom_label {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.form-div .editor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}


.popup-page-home form .sale_channel .select2-container--default .select2-selection--single {
    width: 100%;
    border: 1px solid #CBCBCB;
    border-radius: 16px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 20px 16px;
    height: auto;
}

.form-inputs-div .new-customer-fields {
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-inputs-div .new-customer-fields label {
    margin-bottom: 0.5rem;
}

body div .forms {
    display: none;
}

body div .show {
    display: flex;
}

.new-button-div button {
    background-color: #073a35;
    border: 1px solid #073a35;
    border-radius: 1rem;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 27px;
    color: #FFFFFF;
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5rem;
}

.form-inputs-div .new-button-div {
    display: none;
    margin-top: 0.5rem;
    padding: 0.5rem;
}

.form-inputs-div .new-button-div div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.form-inputs-div .new-button-div p {
    width: 100%;
    color: #FD3D39;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.inputs-div {
    gap: 0.5rem;
}


.form-div .double-input-date div {
    gap: 0.5rem;
}

.page-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
}

.page-title p {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #222222;
}


@media (max-width: 768px) {

    .page-title {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }

    .page-title p {
        font-size: 18px;
    }

    .page-home-div ul li a {
        flex-direction: row;
        gap: 1rem;
    }

    .page-home-div ul {
        flex-direction: column-reverse;
        padding: 0 1.5rem;
    }

    .page-home {
        margin-top: 2rem;
    }

    .page-home-div ul li {
        flex-direction: row;
        width: 100%;
        gap: 1.5rem;
        padding: 0.5rem;
    }

    .page-home-div ul li::after {
        content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5312 18.9694C15.6009 19.039 15.6562 19.1218 15.6939 19.2128C15.7316 19.3039 15.751 19.4014 15.751 19.5C15.751 19.5985 15.7316 19.6961 15.6939 19.7872C15.6562 19.8782 15.6009 19.9609 15.5312 20.0306C15.4615 20.1003 15.3788 20.1556 15.2878 20.1933C15.1967 20.231 15.0991 20.2504 15.0006 20.2504C14.902 20.2504 14.8045 20.231 14.7134 20.1933C14.6224 20.1556 14.5396 20.1003 14.47 20.0306L6.96996 12.5306C6.90023 12.461 6.84491 12.3782 6.80717 12.2872C6.76943 12.1961 6.75 12.0986 6.75 12C6.75 11.9014 6.76943 11.8038 6.80717 11.7128C6.84491 11.6217 6.90023 11.539 6.96996 11.4694L14.47 3.96936C14.6107 3.82863 14.8016 3.74957 15.0006 3.74957C15.1996 3.74957 15.3905 3.82863 15.5312 3.96936C15.6719 4.1101 15.751 4.30097 15.751 4.49999C15.751 4.69901 15.6719 4.88988 15.5312 5.03061L8.5609 12L15.5312 18.9694Z' fill='%237A7A7A'/%3E%3C/svg%3E");
        margin-right: auto;
        margin-left: 1rem;
    }

    .page-home-div ul li h6 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .page-home-div ul li h6 {
        font-size: 16px;
        font-weight: 900;
        line-height: 32px;
        text-align: right;
    }

    .page-home-div ul li p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: right;
    }

    .page-home-div ul li span {
        margin-bottom: 0;
    }

    .page-home-div ul li:hover {
        transform: translateY(0rem);
    }
}