@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary: #000;--green: #01565b;--lightgreen: #5aba8a;--transparentlightgreen: #01575bbf;--blue: #02044A;--yellow:#ffce47;--lightgray:#f3f3f3;--middlegray:#888888;--darkgray: #383838;--darkred: #aa0000;--white:#fff}body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;position:relative}.is-loading{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#ffffffa4}.loading-icon{font-size:1rem;animation:icon-spin-animation infinite 1s linear}.auth-birriar{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--lightgray);background-position:center;background-size:cover}.auth-birriar .auth-main{padding:1rem 2.5rem;min-height:35vh;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe6;border-radius:.5rem;box-shadow:#64646f33 0 7px 29px}.auth-birriar .auth-main .auth-main-header{margin:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-birriar .auth-main .auth-main-header .logo-birriar{height:60px;object-fit:cover;margin-bottom:2rem}.auth-birriar .auth-main .auth-main-header .title{font-size:1.75rem;font-weight:300;line-height:1.75rem}.auth-birriar .auth-main .auth-main-header .title strong{font-weight:500}.auth-birriar .auth-main .auth-main-body{margin:1rem 0}.auth-birriar .auth-main .auth-main-body .input-wrapper{margin:.5rem 0;display:flex;position:relative;align-items:center}.auth-birriar .auth-main .auth-main-body .input-wrapper input{padding:.5rem 1rem;font-size:1.25rem;outline-color:var(--primary);border:none;background:#fff;border-radius:.25rem}.auth-birriar .auth-main .auth-main-body .input-wrapper .password-icon{position:absolute;font-size:1.5rem;right:.5rem;cursor:pointer;padding:.5rem}.auth-birriar .auth-main .auth-main-body .input-wrapper button{background:var(--primary);border:2px solid var(--primary);color:#fff;flex:1;height:2.5rem;padding:.5rem 1rem;cursor:pointer;border-radius:.25rem;transition:.25s ease-in-out;text-transform:uppercase}.auth-birriar .auth-main .auth-main-body .input-wrapper button:hover{color:var(--primary);background:transparent}.auth-birriar .auth-main .auth-main-body .auth-options-wrapper{justify-content:space-between}.auth-birriar .auth-main .auth-main-body .auth-options-wrapper .auth-options{font-size:.85rem;font-weight:300;cursor:pointer;padding:.25rem;transition:.25s ease-in-out}.auth-birriar .auth-main .auth-main-body .auth-options-wrapper .auth-options:hover{font-weight:600}.auth-birriar .auth-main .auth-main-body .auth-options-wrapper .app-terms{font-size:.75rem;max-width:250px;text-align:justify;font-weight:100;margin:.5rem 0}.auth-birriar .business-information{position:absolute;bottom:1rem;display:flex;justify-content:center;align-items:center}.auth-birriar .business-information ul{display:flex}.auth-birriar .business-information ul li{color:#fff;font-size:2rem;transition:.25s ease-in-out;cursor:pointer;align-self:center;margin:0 .5rem;justify-content:center;padding:.5rem}.auth-birriar .business-information ul li:hover{list-style:circle;transform:translateY(-3px)}.main-dashboard{height:100vh;display:flex;justify-content:center;align-items:center;background:var(--lightgray)}.main-dashboard .business-main,.main-dashboard .booking-main{padding:1rem}.main-dashboard .booking-main{background:var(--white);height:calc(100% - 3rem - 50px)}.navbar{padding:.5rem 2rem;height:50px}.navbar .navbar-wrapper{padding:0 1rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--darkgray);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.navbar .navbar-wrapper .brand{color:var(--white);font-weight:600;font-size:1.25rem;text-transform:uppercase}.navbar .navbar-wrapper .options{display:flex;align-items:center;margin:.25rem 0}.navbar .navbar-wrapper .options .menu-icon{padding:.5rem;cursor:pointer;color:var(--white);border-radius:.25rem;transition:.25s ease-in-out;font-size:1.25rem;margin:0 .5rem}.navbar .navbar-wrapper .options .menu-icon:hover{color:var(--primary);background:var(--white)}.main-calendar{margin:1rem;flex:1;background:var(--white);padding:1rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:.25rem;min-height:450px;min-width:400px}.main-calendar .main-calendar-header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.main-calendar .main-calendar-header .calendar-header-text{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}.main-calendar .main-calendar-header .calendar-header-text .current-month{font-size:2rem;-webkit-user-select:none;user-select:none}.main-calendar .main-calendar-header .calendar-header-text .calendar-header-icon{margin:.125rem 1rem;padding:.475rem;border-radius:.5rem;border:2px solid var(--lightgray);cursor:pointer;transition:.25s ease-in-out;color:var(--lightgray)}.main-calendar .main-calendar-header .calendar-header-text .calendar-header-icon:hover{background:transparent;color:var(--primary);border-color:var(--primary)}.main-calendar .main-calendar-header .calendar-options-menu{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-bottom:.5rem}.main-calendar .main-calendar-header .calendar-options-menu button,.main-calendar .main-calendar-header .calendar-options-menu .calendar-option-icon{margin:.125rem .25rem;padding:.475rem;border-radius:.5rem;border:2px solid var(--lightgray);cursor:pointer;transition:.25s ease-in-out;color:var(--darkgray);-webkit-user-select:none;user-select:none}.main-calendar .main-calendar-header .calendar-options-menu button:hover,.main-calendar .main-calendar-header .calendar-options-menu .calendar-option-icon:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.main-calendar .main-calendar-header .calendar-options-menu button{font-weight:600}.main-calendar .main-calendar-header .calendar-options-menu .calendar-option-icon{background:var(--lightgray)}.main-calendar .calendar{display:flex;flex-direction:column;min-height:50vh;background:var(--lightgray)}.main-calendar .calendar .calendar-grid-header{-webkit-user-select:none;user-select:none;background:var(--white)}.main-calendar .calendar .calendar-grid,.main-calendar .calendar .calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;justify-content:center;text-align:center}.main-calendar .calendar .calendar-grid .day,.main-calendar .calendar .calendar-grid-header .day{font-weight:100;margin:.25rem .5rem}.main-calendar .calendar .calendar-grid .dash-date,.main-calendar .calendar .calendar-grid-header .dash-date{transition:.25s ease-in-out;aspect-ratio:1/1;display:flex;justify-content:center;font-size:.8rem;padding:.75rem;border:1px solid var(--white);position:relative;height:3rem;width:5rem}.main-calendar .calendar .calendar-grid .dash-date .bookings,.main-calendar .calendar .calendar-grid-header .dash-date .bookings{top:0;right:0;color:#fff;width:.25rem;display:flex;padding:.5rem;height:.25rem;font-size:.5rem;border-radius:50%;position:absolute;align-items:center;justify-content:center;background:var(--ligthgreen);transform:translate(25%) translateY(-25%)}.main-calendar .calendar .calendar-grid .dash-date,.main-calendar .calendar .calendar-grid-header .dash-date{cursor:pointer}.main-calendar .calendar .calendar-grid .dash-date:hover,.main-calendar .calendar .calendar-grid-header .dash-date:hover{color:var(--white);background:var(--primary)}.main-calendar .calendar .calendar-grid .selected-active,.main-calendar .calendar .calendar-grid-header .selected-active{color:#fff;background:var(--primary)}.main-calendar .calendar .calendar-grid .selected-inactive,.main-calendar .calendar .calendar-grid-header .selected-inactive{color:var(--ligthgray);background:transparent}.main-calendar .calendar .calendar-grid .separado,.main-calendar .calendar .calendar-grid-header .separado{border:.5px solid var(--primary);background:var(--ligthgray)}.main-calendar .calendar .calendar-grid .reservado,.main-calendar .calendar .calendar-grid-header .reservado{color:var(--green);background:var(--green)}.user-card-main{margin:1rem;flex:1;background:var(--white);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.user-card-main .search-area .input-wrapper{display:flex;justify-content:space-between;align-items:center;background:var(--lightgray);position:relative}.user-card-main .search-area .input-wrapper input{padding:.5rem;outline-color:var(--primary);border:none;background:transparent}.user-card-main .search-area .input-wrapper .search-icon{padding:.25rem;background:var(--lightgray);color:var(--white);transition:.25s ease-in-out;cursor:pointer;margin:0 .25rem;border-radius:.25rem;position:absolute;right:.125rem}.user-card-main .search-area .input-wrapper .search-icon:hover{background:var(--primary)}.user-card-main .user-area{padding:1rem;display:flex;justify-content:center;align-items:center}.user-card-main .user-area .image-wrapper{height:50px;width:50px;margin:0 .5rem}.user-card-main .user-area .image-wrapper img{height:100%;width:100%;border-radius:50%}.user-card-main .user-area .text-info-wrapper{display:flex;flex-direction:column}.user-card-main .user-area .text-info-wrapper .business-name{font-size:1.125rem;font-weight:300}.user-card-main .user-area .text-info-wrapper .business-email{font-size:.85rem;font-weight:600}.bookings-main{background:var(--white);height:calc(100% - 16rem);padding:1rem;border-radius:.25rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-y:scroll;scrollbar-width:none;overflow-x:hidden}.bookings-main .bookings-top,.bookings-main .bookings.middle,.bookings-main .bookings-bottom{width:100%}.bookings-main .bookings-top{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--lightgray)}.bookings-main .bookings-top span.date{font-weight:100}.bookings-main .bookings-top .header-text{font-size:2rem;font-weight:300}.bookings-main .bookings-top button{background:var(--green)}.bookings-main .bookings-middle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:1rem;overflow-y:visible;overflow-x:hidden}.bookings-main .bookings-middle .active{background:var(--primary);color:var(--white)}.bookings-main .bookings-middle .booking{display:flex;padding:.5rem .125rem;margin:.5rem;width:100%;justify-content:center;align-items:center;border-radius:.5rem;cursor:pointer}.bookings-main .bookings-middle .booking .status{width:10px;height:100%;margin-right:.5rem;border-radius:.25rem;border:1px solid var(--lightgray)}.bookings-main .bookings-middle .booking .pending{background:var(--yellow)}.bookings-main .bookings-middle .booking .confirmed{background:var(--lightgreen)}.bookings-main .bookings-middle .booking .cancelled{background:var(--darkred)}.bookings-main .bookings-middle .booking .hours-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.bookings-main .bookings-middle .booking .hours-wrapper .hour{font-size:1.75rem;font-weight:600;margin-right:0 1rem}.bookings-main .bookings-middle .booking .hours-wrapper .duration{font-size:.85rem}.bookings-main .bookings-middle .booking .customer{display:flex;flex-direction:column;margin-left:1rem}.bookings-main .bookings-middle .booking .customer .name{font-size:1rem}.bookings-main .bookings-middle .booking .customer .email{font-size:.95rem;font-weight:200}.bookings-main .bookings-middle .booking .customer .phone{font-size:.8rem;font-weight:200;text-underline-offset:.125rem}.bookings-main .bookings-middle .booking .customer .phone:hover{text-decoration:underline}.bookings-main .bookings-middle .booking:hover{color:var(--white);background:var(--primary)}.bookings-main .bookings-bottom{padding:2rem 1rem;border-top:1px solid var(--lightgray);display:flex;justify-content:center;align-items:center;flex:1}.modal{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;z-index:100;background:#dddddde6;animation:.25s FadeIn ease-in-out}.modal .modal-container{padding:1rem 2rem;border-radius:.25rem;background:var(--white);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.modal .modal-container .modal-top{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;width:100%;flex:1;margin-bottom:1rem}.modal .modal-container .modal-top .title{font-weight:300;font-size:1.75rem;text-transform:uppercase}.modal .modal-container .modal-top .modal-header-icon{padding:.25rem;cursor:pointer;transition:.25s ease-in-out;font-size:2rem}.modal .modal-container .modal-top .modal-header-icon:hover{transform:scale(1.2)}.modal .modal-container .modal-middle{justify-content:space-evenly;align-items:center;display:flex}.modal .modal-container .modal-middle .container-modal-wrapper{padding:.5rem 0;flex:1}.modal .modal-container .modal-middle .container-modal-wrapper .fullname{font-size:2rem;font-weight:700;line-height:1.75rem;margin-bottom:1rem}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details{display:flex;align-items:center;flex-direction:column;justify-content:space-between}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details{display:flex;flex-direction:column;width:max-content}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description{font-size:1.125rem;border:1px solid var(--primary);padding:.5rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin:.25rem 0}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description:hover{background:var(--white)}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container{display:flex}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container .description{font-weight:200}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container .hours{font-size:.85rem}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .cost{font-size:2.5rem;font-weight:600;text-align:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date{margin-right:.5rem;background:var(--lightgray);min-width:250px;flex:1;padding:1rem;border-radius:.5rem;height:100%;align-items:center;justify-content:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header{font-size:1.25rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;-webkit-user-select:none;user-select:none}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .month-year{text-align:center;width:max-content}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .date-icon{padding:.25rem;margin:0 .25rem;cursor:pointer;transition:.25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .date-icon:hover{transform:scale(1.1)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;min-height:250px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .day{-webkit-user-select:none;user-select:none;font-weight:100;font-size:.9rem;text-align:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .active{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .date{padding:.25rem;transition:.25s ease-in-out;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.5rem;aspect-ratio:1/1;margin:.125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .date:hover{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .description-container{display:flex;flex-direction:column}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .total-cost{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date span.amount{font-weight:600}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details{margin-left:.5rem;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper{margin-bottom:.5rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper{flex-direction:column}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper{display:flex;position:relative}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .flex-50{display:flex;flex-basis:50%;flex-direction:column;margin:0 .125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .status-wrapper{display:flex;justify-content:center;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .status{height:15px;width:15px;margin-right:.5rem;border-radius:50%}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .confirmado{background:var(--green)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .pendiente{background:var(--yellow)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .cancelado{background:var(--darkred)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .label{margin-bottom:.25rem;font-size:.85rem;font-weight:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input{outline-color:var(--primary);width:100%}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container{cursor:pointer}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{cursor:not-allowed}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input{width:200px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{width:85px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container{cursor:pointer}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{border:1px solid var(--primary);padding:.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;-webkit-user-select:none;user-select:none}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .payment_method{text-transform:capitalize;font-size:.9rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .payment-icon{font-size:.8rem;margin:0 .25rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .selector-icon{font-size:.85rem;margin:0 .25rem;transition:.25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .rotated-icon{transform:rotate(-180deg)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down{position:absolute;border:1px solid var(--primary);background:#fffffff2;border-radius:.5rem;top:100%;width:190px;z-index:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option{font-size:.8rem;font-weight:100;padding:.5rem .25rem;border-radius:.5rem;margin:.25rem;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option .payment-icon{font-size:.85rem;margin:0 .5rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option:hover{color:var(--white);background:var(--green)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper{display:flex;justify-content:flex-start;width:100%;padding:.5rem 0}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .label{margin-bottom:.25rem;font-size:.85rem;font-weight:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time-container-wrapper{display:flex}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time{padding:.5rem .25rem;margin:0 .25rem;border-radius:.5rem;border:1px solid var(--primary);display:flex;width:95px;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-container{display:flex;justify-content:space-between;align-items:center;width:max-content;font-size:.95rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-container .icon{font-size:.75rem;padding:.125rem;margin-left:.125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down{position:absolute;bottom:calc(100% + 1px);width:100%;max-height:10vh;overflow:scroll;scrollbar-width:none;padding:.5rem .125rem;border-radius:.5rem;background:var(--white);display:flex;flex-direction:column;align-items:center;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;animation:FadeIn .25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down span{padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem;font-weight:200}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down span:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time:hover{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time:hover .time-drop-down{background:var(--white);color:var(--primary)}.modal .modal-container .modal-bottom{display:flex;justify-content:center;margin-top:1rem}.modal .modal-container .modal-bottom .save{color:var(--white);background:var(--primary)}.modal .modal-container .modal-bottom .save:hover{color:var(--primary)}.modal .modal-container .modal-bottom .cancel{background:var(--lightgray)}.modal .modal-container .modal-bottom button{border:1px solid var(--primary);padding:.5rem 1rem;border-radius:.25rem;font-weight:600;transition:.25s ease-in-out;width:100px;margin:0 .25rem}.modal .modal-container .modal-bottom button:hover{background:transparent;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;cursor:pointer}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.is-loading{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;z-index:100;background:#dddddde6;animation:.25s FadeIn ease-in-out;z-index:1000}.is-loading .loading-icon{font-size:2rem;animation:icon-spin-animation infinite 1s linear}@keyframes icon-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-container{margin:1rem;background:var(--white);padding:1rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:.25rem;min-height:450px;min-width:400px}