.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login-container .login-position .logo-container{width:400px;height:200px;position:relative}.login-container .login-position .logo-container img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.input-container .input-container-inner{height:40px;margin-top:15px;position:relative}.input-container .input-container-inner input{height:100%;width:100%;border:1px solid #000;border-radius:10px;box-sizing:border-box;padding:0 15px}.input-container .input-container-inner input.input-error{border:2px solid red}.input-container .input-container-inner input[type=date]{text-align:center}.input-container .input-container-inner .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer}.input-container .input-container-inner .password-show:hover svg{opacity:.6}.basic-button{background:var(--color-primary);height:45px;color:#fff;border:2px solid #fff;border-radius:10px;padding:5px 60px;min-width:-moz-max-content;min-width:max-content;font-size:18px;transition:.3s ease-in-out;cursor:pointer;text-align:center}.basic-button:hover{background:var(--color-secondary)}.basic-button.secondary{background:#bff0cf;color:#222}.basic-button.secondary:hover{background-color:var(--color-primary);color:#fff}.basic-button.disabled{cursor:not-allowed;background-color:gray}.login-form{margin:30px 0;min-width:400px;display:flex;flex-direction:column;row-gap:30px}.login-form .forgot-password{display:flex;justify-content:flex-end}.login-form .forgot-password a{font-size:.9rem;color:blue;text-decoration:underline}.package-choice{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;border:2px solid var(--color-primary);border-radius:14px}.package-choice .select-button{padding:10px;font-weight:600}.package-choice .package-top{display:flex;width:100%;justify-content:space-between;background-color:var(--color-primary);border-radius:10px;cursor:pointer}.package-choice .package-top .package-name{padding:20px;font-weight:600;color:#fff;font-size:1.4rem}.package-choice .package-top .package-price{background-color:var(--color-secondary);padding:20px;border-radius:0 10px 10px 0;font-size:1.4rem}.package-choice .package-bottom{padding:0 20px 20px;height:0;opacity:0;transition:all .3s}.package-choice.expanded .package-bottom{height:-moz-max-content;height:max-content;opacity:1}.package-choice.selected{background-color:var(--color-secondary)}.package-choice.selected .select-button{font-size:1.2rem}.package-choice.not-suitable{opacity:.5}.package-choice.not-suitable .package-top{cursor:not-allowed}.package-choice.not-suitable .select-button{display:none}.back-button{display:flex;align-items:center;gap:10px;cursor:pointer;width:-moz-max-content;width:max-content;padding:0 20px 0 0;border-radius:50px;transition:.15s ease-in-out}.back-button .back-arrow{width:40px;height:40px;background-color:var(--color-primary);border-radius:50%}.back-button .back-arrow svg{width:100%;height:100%;padding:7px;fill:#fff}.back-button:hover{background-color:var(--color-primary);color:#fff}.appointment-page{display:flex;flex-direction:column;gap:45px}.appointment-page .appointment-date{outline:1px solid #000;border-radius:5px;padding:5px;box-sizing:border-box;width:100%}.appointment-page .refresh-button-container{display:flex}.appointment-page .refresh-button-container button{flex:1 1 100%}.appointment-page .time-options .time-options-buttons{display:flex;gap:10px;flex-wrap:wrap}.appointment-page .time-options .time-options-buttons .time-option{display:inline-block;margin:5px;flex:1 1;min-width:-moz-max-content;min-width:max-content}.appointment-page .time-options .time-options-buttons .time-option .time-option-label{width:100%;display:inline-block;padding:10px 20px;border:2px solid #007bff;border-radius:5px;background-color:#007bff;color:#fff;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;font-size:16px}.appointment-page .time-options .time-options-buttons .time-option .time-option-label:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.appointment-page .time-options .time-options-buttons .time-option input[type=radio]{display:none}.appointment-page .time-options .time-options-buttons .time-option input[type=radio]:checked+.time-option-label{background-color:var(--color-primary);border-color:var(--color-primary)}.appointment-page .time-options .time-options-buttons .time-option.booked .time-option-label{cursor:not-allowed;background-color:gray;border:2px solid gray;opacity:.5}.information-page{display:flex;flex-direction:column;gap:45px}.information-page .radio-options{display:flex;gap:30px}.information-page .radio-options label{margin-left:5px}.information-page .tc{display:flex;flex-direction:row-reverse;gap:10px;align-items:center;justify-content:flex-end}.information-page .tc .terms-link{color:var(--color-primary);cursor:pointer}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.appointments-table{width:100%;min-width:600px;border-collapse:collapse;margin-top:2rem}.appointments-table td,.appointments-table th{padding:.75rem 1rem;border:1px solid #ddd;text-align:left}.appointments-table .summary-row{cursor:pointer}.appointments-table .summary-row:hover{background:#f9f9f9}.appointments-table .detail-row td{background:#fafafa;padding:1rem}.appointments-table .status-paid{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:green}.appointments-table .status-unpaid{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:red}.appointments-table .no-data{text-align:center;color:#666}.holidays-container{display:flex;-moz-column-gap:30px;column-gap:30px;flex-wrap:wrap;row-gap:30px}.settings-container{margin:80px 0}.settings-container .settings-section h2{font-family:var(--font-roboto-semibold);font-size:24px;margin-bottom:10px}.settings-container button{margin:30px 0 60px}.settings-container .tc{padding:20px;background-color:#ebebeb;border-radius:10px}.settings-container .tc>p{margin-bottom:10px;font-weight:700}.settings-container .tc .current{margin-top:30px}.settings-container .tc .current button{background:var(--color-primary);height:45px;color:#fff;border:2px solid #fff;border-radius:10px;padding:5px 60px;min-width:-moz-max-content;min-width:max-content;font-size:18px;transition:.3s ease-in-out;cursor:pointer;text-align:center}.schedule{border-spacing:0 15px}.schedule th{text-align:left;font-size:20px}.schedule td,.schedule th{padding-right:45px;padding-bottom:10px}.schedule td{font-size:18px}.schedule.modal .schedule-head{display:grid;grid-template-columns:repeat(4,1fr);font-weight:700}.schedule.modal .schedule-row{display:flex;justify-content:space-between}.schedule.modal .schedule-row .day-name{width:25%}.schedule.modal .schedule-row-inner{width:75%}.schedule.modal .schedule-row-inner,.schedule.modal.column-modal{display:grid;grid-template-columns:repeat(3,1fr)}.schedule.modal.column-modal .schedule-head-column{display:flex;flex-direction:column;gap:10px;font-weight:600}.schedule.modal.column-modal .schedule-row-inner-column{display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:500px){.schedule td{padding-right:15px}.schedule.modal .schedule-head{margin-bottom:10px;grid-template-columns:repeat(3,1fr)}.schedule.modal .schedule-head p:first-child{display:none}.schedule.modal .schedule-row{flex-direction:column;margin-bottom:20px}.schedule.modal .schedule-row .schedule-row-inner{width:100%}.schedule.modal .schedule-row .day-name{width:100%;font-weight:700}.schedule.modal.column-modal{grid-template-columns:repeat(2,1fr)}}.input-container{width:100%;height:auto}.input-container label{margin-left:17px}.input-container label.required:after{content:"*";color:red}.input-container .textarea-container-inner{min-height:40px;margin-top:5px}.input-container .textarea-container-inner textarea{min-height:50px;max-height:300px;height:180px;width:100%;border:2px solid #000;border-radius:20px;box-sizing:border-box;padding:15px;resize:none}.input-container .textarea-container-inner textarea.input-error{border:2px solid red}.single-package{background-color:#ededed;padding:20px 50px 20px 20px;border-radius:20px;position:relative;flex-wrap:wrap;flex:1 1;min-width:400px}.single-package .edit-package{position:absolute;top:15px;right:15px;cursor:pointer;transition:opacity .3s}.single-package .edit-package:hover{opacity:.5}@media only screen and (max-width:450px){.single-package{min-width:100%}}