:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#e7e6e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.info-icon-container{width:97%;height:2em;display:flex;justify-content:end;align-items:center}.LOGO-responsive{display:none}.nove-izmene{color:red}.info-icon{margin-top:1em;width:1.5rem}.info-icon:hover{cursor:pointer}#main-wrapper{width:100%;min-height:100vh;display:flex;justify-content:start;background-color:#fff;color:#000}.LOGO{width:50%}.logo-logout-container{display:none}.calendar-legend-container{width:25%;min-height:98vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#f6f6f6;padding:3px}.calendar-logout-container{display:none}.booking-header-and-table-container{width:75%;min-height:98vh;display:flex;flex-direction:column}.calendar-container{width:100%;min-height:16vh;display:flex;justify-content:center;align-items:center}.calendar-responsive-container{display:none}.legend-container{width:100%;min-height:53vh;display:flex;flex-direction:column;justify-content:start;align-items:center;margin-top:1em}.legend-item{width:80%;display:flex;justify-content:start;align-items:center;margin-bottom:2px;color:#383838}.legend-item div{width:15%;aspect-ratio:1 / 1;margin-right:1em}.booking-header{width:100%;min-height:30vh;display:flex;flex-wrap:wrap;justify-content:start;align-items:start}.selected-date-display-log-out-and-responsive-calendar{width:100%;display:flex;justify-content:space-between;align-items:start}.selected-date-display{width:25em;height:15vh;display:flex;justify-content:start;align-items:center;margin-left:3em;color:#383838}.selected-date-display h2{font-weight:500}.logout-btn-wrapper{width:10em;height:15vh;display:flex;justify-content:start;align-items:center;margin:0 0 0 3em;color:#979f9d}.logout-btn{width:90%;height:5vh}.logout-btn:hover{cursor:pointer}.header-buttons-adn-search-wrapper{width:100%;height:10vh;display:flex;justify-content:space-between;align-items:start;margin-right:3em}.header-buttons-wrapper{display:flex;justify-content:center;align-items:center;min-width:30%;min-height:4vh;padding:.3em}.add-working-hours-btn{width:12em;height:2.8em;padding:.3em}.show-earnings-report-btn{width:12em;height:2.8em;padding:.3em;margin-left:1em}.show-earnings-report-btn:hover{cursor:pointer}.add-working-hours-btn:hover{cursor:pointer;background-color:#383838a1}.search-wrapper{width:11.5em;height:4vh;display:flex;justify-content:space-between;align-items:center;background-color:#f6f6f6;padding:.3em}.search-wrapper:hover{cursor:pointer}.search-wrapper img{width:10%;margin:0}.search-wrapper input{width:89%;height:4vh;padding-left:7px;background-color:#38383800;color:#000;border:none;outline:none}.search-btn-container ::placeholder{color:gray;font-size:13px;font-style:italic;opacity:1}.appointments-table-container{width:98%;display:flex;justify-content:start;align-items:start;flex-direction:column}.receptionSpaToggleButtons{width:98%;display:flex;justify-content:end;margin-bottom:.5em}.receptionSpaToggleButton{background-color:#f5deb300;border:none;border-bottom:1px solid black;color:#383838;font-weight:700;margin-right:1em}.receptionSpaToggleButton:hover{cursor:pointer}.table-body{width:100%;height:500px;display:flex;justify-content:start;align-items:start;border-top:1px solid grey;margin-bottom:1px;overflow-y:scroll;border-bottom:2px solid gray}.clock-icon{position:sticky;top:0;background-color:#fff;z-index:9;width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #979f9d}.table-body-main-info{width:91%;height:66.74vh;display:flex;justify-content:start;align-items:start;border-top:1px solid grey;margin-bottom:1px;overflow-x:scroll}.clock-icon img{width:35%;aspect-ratio:1/1}.worker-name{position:sticky;top:0;background-color:#fff;z-index:5;width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-left:1px solid grey;border-bottom:1px solid grey;font-size:larger}.worker-name-pool{position:sticky;top:0;background-color:#fff;z-index:9;width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-left:1px solid grey;border-bottom:1px solid grey;font-size:larger}.worker-name-pool:hover{cursor:pointer}.time-column{position:sticky;left:0;z-index:10;background-color:#fff;border-right:1px solid gray;width:4em;display:flex;flex-direction:column;justify-content:end;align-items:start;padding:0 .1em}.time-field{width:100%;height:55px;display:flex;justify-content:end;align-items:start;border-top:1px solid grey}.time-field p{margin-right:.3em}.appointment-cell{width:30%}.time-slot-column{flex:1 1 80px;min-width:80px;max-width:100%;display:flex;flex-direction:column;flex:1 1 100px;position:relative;border-right:1px solid gray}.time-slot{width:100%;height:55px;display:flex;justify-content:center;align-items:start;border-left:1px solid grey;border-top:1px solid grey}.time-slot:hover{cursor:pointer;background-color:#ddc2df}.booked-time-slot{width:100%;height:55px;display:flex;justify-content:center;align-items:center;background-color:#ab54b3;border-left:1px solid grey;border-top:1px solid rgb(179,178,178);color:#fff;font-size:small}.booked-time-slot:hover{cursor:pointer;background-color:#ddc2df}.booked-time-pause-slot{width:100%;height:55px;display:flex;justify-content:center;align-items:center;background-color:#e32222;border-left:1px solid grey;border-top:1px solid rgb(179,178,178);color:#fff;font-size:small}.booked-time-pause-slot:hover{cursor:pointer;background-color:#ddc2df}.booked-time-slot-60min{width:100%;height:110px;display:flex;justify-content:center;align-items:center;background-color:#ab54b3;border-top:1px solid rgb(179,178,178);border-left:1px solid grey;border-bottom:1px solid rgb(171,84,179);color:#fff}.booked-time-slot-90min{width:100%;height:165px;display:flex;justify-content:center;align-items:center;background-color:#ab54b3;border-left:1px solid grey;border-top:1px solid rgb(179,178,178);border-bottom:2px solid rgb(171,84,179);color:#fff}.booked-time-slot-60min:hover,.booked-time-slot-90min:hover{cursor:pointer;background-color:#ddc2df}.non-working-time-slot{width:100%;height:55px;display:flex;justify-content:center;align-items:start;background-color:#b6ec60;border-left:1px solid grey;border-top:1px solid grey}.vacation-indicator{width:100%;height:55px;display:flex;justify-content:center;align-items:start;background-color:#e2e2e2;border-left:1px solid grey;border-top:1px solid grey}.undefined-working-hours{width:100%;height:55px;display:flex;justify-content:center;align-items:start;background-color:#98e1f7;border-left:1px solid grey;border-top:1px solid grey}@media (max-width: 1210px){.table-body{height:500px}.calendar-legend-container{display:none}.booking-header-and-table-container{width:100%}.booking-header{width:100%;min-height:25vh;display:flex;justify-content:start;align-items:start}.logo-logout-container{width:100%;display:flex;justify-content:center;align-items:center}.logo-logout-container-inside-helper-wrapper{width:80%;display:flex;justify-content:space-between;align-items:center}.LOGO-responsive{display:flex;width:15%}.logout-btn-responsive-view{width:10em;height:2.5em}.calendar-logout-container{width:100%;display:flex;justify-content:start;align-items:center}.logout-btn-wrapper{display:none}.calendar-responsive-container{width:20em;min-height:16vh;display:flex;justify-content:center;align-items:center}}@media (max-width: 900px){.text-limit-booked-time-slot{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:normal}.text-limit-booked-time-slot-60min{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:normal}.text-limit-booked-time-slot-90min{display:-webkit-box;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:normal}}@media (max-width: 730px){.worker-name,.worker-name-pool{font-size:medium;font-weight:500}.table-body{height:61vh}.booked-time-slot-60min,.booked-time-slot-90min{font-size:small}.selected-date-display{margin:0 0 0 .5em;font-size:small}.logout-btn-responsive-view{margin-top:1em}.calendar-responsive-container{margin-right:.5em}}@media (max-width: 471px){.time-column{width:3em}}@media (max-width: 511px){.booked-time-slot{height:40px}.booked-time-slot-60min{height:80px}.booked-time-slot-90min{height:120px}.time-slot,.vacation-indicator,.non-working-time-slot,.booked-time-pause-slot,.undefined-working-hours,.time-field{height:40px}}@media (max-width: 548px){.worker-name,.worker-name-pool{font-weight:400}}#mainBookingForm{z-index:15;width:100%;height:100dvh;position:fixed;top:0;right:0;background-color:#00000058;display:flex;flex-direction:column;justify-content:center;align-items:center}.selectedDetailsPanel{width:40%;height:11.5em;background-color:#fff;padding:0 1em}.selectedDetailsPanel h4{margin:.5em 0 0}.selectedDetailsNameAndDate{width:100%;display:flex;justify-content:space-between}.selectedDetailsRest{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.selectedDetailsRest p{font-size:small}.bookingFormContainer{width:40%;max-height:35em;display:flex;flex-direction:column;justify-content:start;padding:1em;margin-top:.5em;align-items:center;background-color:#fff;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.bookingFormContainer::-webkit-scrollbar{display:none}.selectedDetailsPrice{width:100%;display:flex;align-self:flex-end;justify-content:end;margin-top:1em;font-size:large}.closeButtonContainer{width:98%;display:flex;justify-content:end;align-items:center}.xIcon:hover{cursor:pointer}.customerInfoContainer{width:100%;display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.NameFields{width:15em;display:flex;align-items:center;margin:.5em;justify-content:start}.NameFields h5{width:4.9em;margin:0}.NameFields input{width:10em;height:3.5vh;padding-left:.7em;background-color:#f6f6f6;border:none;outline:none;color:#000}.NameFields input::placeholder{color:gray;font-size:13px;font-style:italic;opacity:1}.dorpDown{background-color:#fff;color:#000;height:2em;width:10em}.dorpDown:hover{cursor:pointer}option{font-size:small;padding:0}.availableTreatments{width:100%;display:flex;justify-content:start;margin-top:.7em}.availableTreatments h5{margin:0 1em 0 0}.availableTreatmentsMenu{width:75%;padding:.5em;height:15vh;border:1px solid black;overflow-y:scroll}.bookingTreatmentField{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid black}.bookingTreatmentField:hover{cursor:pointer;background-color:#ab54b3}.bookingSelectedTreatmentField{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#ab54b3;border-bottom:1px solid black}.bookingSelectedTreatmentField:hover{cursor:pointer;background-color:#ab54b3}.bookingSelectedPauseField{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#e25656;border-bottom:1px solid black}.bookingSelectedPauseField:hover{cursor:pointer;background-color:#bdb2be}.booking-form-btns-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.bookingBtn{background-color:#ab54b3;width:50%;height:3.5em;font-size:medium;margin-top:.5em}.bookingBtn:hover{cursor:pointer}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loader{width:50px;height:50px;border:5px solid white;border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-height: 600px){.bookingFormContainer{height:20em}}@media (max-width: 1210px){.selectedDetailsPanel,.bookingFormContainer{width:70%}}@media (max-width: 730px){#mainBookingForm{justify-content:start}.selectedDetailsPanel{margin-top:2em;width:80%}.bookingFormContainer{width:80%}.availableTreatmentsMenu div{font-size:small;font-weight:500}}#report-main-wrapper{z-index:15;width:100%;height:100vh;position:fixed;top:0;right:0;background-color:#00000058;display:flex;justify-content:center;align-items:center}.report-center-wrapper{width:50%;min-height:70vh;background-color:#fff;padding:0 1em}.user-report-table{min-height:40vh;border-bottom:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.report-row{height:5vh;width:90%;border-bottom:1px solid gray;display:flex;justify-content:space-between;align-items:center;padding:.2em}.report-row:hover{background-color:#ab54b3;cursor:pointer}.x-ixon{width:100%;display:flex;justify-content:end}.report-header{width:100%;display:flex;justify-content:space-between}.report-header:hover{cursor:pointer}.total-summary{display:flex;justify-content:center;align-items:center;gap:10px}.total-summary h3{margin:0}.footer{margin-top:.5em;width:90%;display:flex;justify-content:space-between;align-items:center;justify-self:center}@media (max-width: 1210px){.report-center-wrapper{width:70%}}@media (max-width: 730px){.report-center-wrapper{width:80%}}.pause-container{width:95%;height:6vh;display:flex;justify-content:end;background-color:#0ff}.deleteBtnAndMoveToBtnContainer{width:50%;display:flex;justify-content:end;margin-top:.5em}.edit-form-btns-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.deleteBookingBtn{width:50%;height:2em;background-color:#e25656;border:none}.deleteBookingBtn:hover{cursor:pointer}.confirm-delete-text-container{width:100%;height:20vh;display:flex;justify-content:center;align-items:center}.confirm-delete-btns-container{width:100%;height:10vh;display:flex;justify-content:center;align-items:center}.yes-confirm-btn{width:20%;height:5vh;margin-left:1.5em;background-color:brown;border:none}.yes-confirm-btn:hover{cursor:pointer;background-color:#ae4343}.no-confirm-btn{margin-left:1.5em;width:20%;height:5vh}.no-confirm-btn:hover{cursor:pointer}#add-working-time-main{z-index:15;width:100%;height:100vh;position:fixed;top:0;right:0;background-color:#00000058;display:flex;flex-direction:column;justify-content:center;align-items:center}.add-working-time-center-div{width:60%;min-height:50vh;background-color:#fff;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-bottom:1.2em;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.add-working-time-center-div::-webkit-scrollbar{display:none}.x-icon-container{width:100%;display:flex;justify-content:end}.x-icon-container h2{margin:0 .5em 0 0}.x-icon-container h2:hover{cursor:pointer}.calendars-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:1em}.worker-list-and-type{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.worker-list-with-label{width:45%;margin-top:1em;display:flex;justify-content:start;align-items:start}.worker-list{margin:1em 0 0 .3em;width:70%;height:20vh;display:flex;flex-direction:column;border:1px solid gray;overflow-y:scroll}.worker-field{width:100%;max-height:3em;border-bottom:1px solid gray;padding:.2em 0 .2em .5em}.worker-field:hover{cursor:pointer;background-color:#ddc2df}.selected-worker-field{width:100%;max-height:3em;border-bottom:1px solid gray;padding:.2em 0 .2em .5em;background-color:#ab54b3}.selected-worker-field:hover{cursor:pointer}.type-with-label{width:45%;height:7.6em;margin-top:1em;display:flex;justify-content:center;align-items:start}.type-list{margin:1em 0 0 .3em;width:50%;height:5em;display:flex;flex-direction:column;border-top:1px solid gray}.type-field{width:100%;height:1.7em;border-bottom:1px solid gray;border-left:1px solid gray;border-right:1px solid gray;display:flex;justify-content:center;align-items:center}.type-field:hover{cursor:pointer;background-color:#ddc2df}.selected-type-field{width:100%;height:2.5em;border-bottom:1px solid gray;display:flex;justify-content:center;align-items:center;background-color:#ab54b3}.selected-type-field:hover{cursor:pointer}.workShif-with-label{width:95%;display:flex;justify-content:center;flex-wrap:wrap;margin-top:1em;align-items:start}.listOfTimes-with-label{width:49%;display:flex;align-items:start;justify-content:center}.listOfTimes-with-label h5{margin:0 .7em 0 0}.listOfTimes{width:4rem;height:20vh;overflow-y:scroll}.HourDiv{border-bottom:1px solid gray}.selectedHourDiv{border-bottom:1px solid gray;background-color:#ab54b3}.listOfTimes div:hover{cursor:pointer;background-color:#ddc2df}.add-working-time-btn-container{width:100%;margin-top:2em;display:flex;justify-content:center;align-items:center}.add-working-time-btn-container button{background-color:#ab54b3;width:50%;height:3.5em}.add-working-time-btn-container button:hover{cursor:pointer}.review-info-box-with-label{width:100%;display:flex;flex-direction:column}.centered-confirmation{width:50%;min-height:50vh;background-color:#fff;display:flex;flex-direction:column;justify-content:start;align-items:center}.review-info-box-with-label h2{margin-left:1em}.review-info-box{width:100%;min-height:30vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.review-info-box div{width:22rem;display:flex;justify-content:start;align-items:center;margin:0 .5em}.review-info-box div p{margin-left:.5em;font-size:large}.confirm-cancel-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin:2em 0 1em}.confirm-btn{width:40%;height:6vh;margin-right:.25em;background-color:#ab54b3;border:none}.confirm-btn:hover{cursor:pointer}.cancel-btn{width:40%;height:6vh;margin-left:.25em;background-color:#cb1717b2;border:none}.cancel-btn:hover{cursor:pointer}@media (max-width: 1210px){.add-working-time-center-div{width:90%}}@media (max-width: 730px){#add-working-time-main{justify-content:start}.add-working-time-center-div{margin-top:2em;width:100%}}#login-main-wrapper{background-color:#5e794f;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh}.login-center-wrapper{width:40%;height:25em;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;color:#000;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.login-center-wrapper::-webkit-scrollbar{display:none}.login-header{width:85%;height:10vh;display:flex;justify-content:start;align-items:center}.login-header{font-size:larger}.login-inputs-wrapper{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:10em}.user-input-wrapper{width:100%;height:2em;display:flex;justify-content:center;align-items:center;margin-bottom:.5em}.username-input{width:70%;height:2.5em;display:flex;justify-content:space-between;align-items:center;margin-top:4vh;background-color:#e7e4e4;color:#000;border:1px solid rgb(159,149,149);padding:.3em}.username-input:hover{cursor:text}.password-field-wrapper{width:70%;height:2em;display:flex;justify-content:space-between;align-items:center;margin-top:4vh;background-color:#e7e4e4;color:#000;border:1px solid rgb(159,149,149);padding:.3em}.password-input{width:87%;height:2em;display:flex;justify-content:center;align-items:center;background-color:#e7e4e400;border:none;outline:none;color:#000}.password-input:hover{cursor:text}.password-field-wrapper p{width:11%;display:flex;justify-content:end;font-size:small;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:gray}.password-field-wrapper p{cursor:pointer}.password-field-wrapper input:hover{cursor:text}.login-submit-btn{width:50%;height:3em;margin-top:1em;background-color:#ab54b3}.login-submit-btn:hover{cursor:pointer;background-color:#ddc2df;color:#000}@media (max-width: 1210px){.login-center-wrapper{width:60%}}@media (max-width: 700px){.login-center-wrapper{width:70%}}@media (max-width: 600px){.login-center-wrapper{width:85%}}#show-update-main{width:100%;min-height:100vh;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;background-color:#e7e1e1;color:#fff;z-index:15}.show-update-center-container{width:80%;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center}.first-window{display:flex;width:100%;min-height:80vh;flex-direction:column;justify-content:start;align-items:center}.window-info{display:flex;flex-direction:column;justify-content:start;align-items:start}.window-info h5{margin:1.5em 0 0}.last-text-row{margin-bottom:2em}.window-info-with-imgs{width:95%;display:flex;flex-direction:column;justify-content:start;align-items:center;border-top:1px solid gray}.slikaPrikazEkrana{width:100%}.backBTN{width:30%;height:6vh;margin:1em 1em 3em}.backBTN:hover{cursor:pointer}.pauseFieldImg{width:30%;margin-bottom:1em}.sales-panel-main{width:100%;height:100vh;position:absolute;display:flex;justify-content:center;align-items:center;background-color:#00000058;z-index:15}.sales-panel-center-wrapper{width:80%;height:80vh;background-color:#fff;display:flex;flex-direction:column;justify-content:start;align-items:center}.sales-panel-top-row{width:95%;display:flex;justify-content:space-between}.sales-panel-top-row h2{margin:1em 0 .5em}.x-icon:hover{cursor:pointer}.search-container{width:97%;display:flex;justify-content:start;align-items:center;border-bottom:1px solid gray}.search-container-helper{width:85%;display:flex;justify-content:space-between;align-items:center}.sales-btns-container{width:70%;display:flex;justify-content:start;align-items:end}.sales-btns-container button{background-color:#f5deb300;border:none;border-bottom:1px solid black;color:#383838;font-weight:700;margin-right:1em}.sales-btns-container button:hover{cursor:pointer}.search-input{width:7rem;height:4vh;padding-left:7px;background-color:#38383820;color:#000;border:none;outline:none;margin-bottom:.2em}.products-for-sale-container-and-selected-product-info{width:95%;height:70vh;display:flex;justify-content:center;align-items:center}.products-for-sale-container{width:50%;height:50vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.products-for-sale-container::-webkit-scrollbar{display:none}.products-for-sale-container-nonworking-view{width:90%;height:50vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.products-for-sale-container-nonworking-view::-webkit-scrollbar{display:none}.selected-product-info-and-header{width:50%;height:60vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.selected-product-header{width:90%;display:flex}.selected-product-header h4{margin:.5em 0;border-bottom:3px solid gray;width:60%}.selected-product-info-helper-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.selected-product-info{width:100%;height:35vh;border-left:3px solid gray;display:flex;flex-direction:column;justify-content:start;align-items:center;border-bottom:1px solid gray;overflow-y:scroll;-ms-overflow-style:none}.selected-product-info::-webkit-scrollbar{display:none}.article-field{width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid gray}.article-field:hover{cursor:pointer;background-color:#ddc2df}.article-field-sticky{position:sticky;top:0;background-color:#fff;z-index:1000;width:99%;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid gray}.paymentMethod{margin-left:1em;background-color:#fff;padding:.2em .5em;font-size:large;margin-bottom:.2em}.paymentMethodTotalContainer{width:100%;display:flex;align-items:center;justify-content:space-between;outline:none}.totalPriceContainer{display:flex;justify-content:end;align-items:center}.article-field-sticky h3{margin:0 10px 0 0}.header-price{display:flex}.article-field-helper{width:80%;display:flex;justify-content:space-between;align-items:center}.article-field-helper h5{width:20%}.quantity-and-name-container{width:50%;display:flex;justify-content:start;align-items:center}.quantity-and-name-container p{margin:0 1em 0 0;width:10%}.quantity-and-name-container h5{width:90%}.selected-item-field-helper-wrapper{width:95%;height:2em;display:flex;align-items:end;justify-content:space-between;margin-bottom:.5em}.selected-item-field{width:88%;height:2em;border-bottom:1px solid gray;display:flex;align-items:center;justify-content:space-between}.selected-item-field:hover{cursor:pointer;background-color:#ddc2df}.minus-plus-constainer{width:10%;height:2em;display:flex;justify-content:center;align-items:end;font-size:larger}.minus{width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:#7fffd400;color:#000;border:none}.minus:hover{cursor:pointer}.plus{width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:#0ff0;color:#000;border:none}.plus:hover{cursor:pointer}.selected-item-field-name-and-price{width:80%;display:flex;justify-content:space-between;align-items:center}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.submit-order-btn{width:50%;height:5vh;margin-top:1em}.remove-order-btn{width:50%;height:5vh;margin-top:1em;background-color:tomato}.remove-order-btn:hover{cursor:pointer}.selected-item-field-quantity{display:flex;justify-content:center;align-items:center}.selected-products-total-price{margin:0 0 0 .5em}.selected-products-total-price-container{width:100%;display:flex;justify-content:space-between;align-items:center}.paymentMethod{background-color:#fff;color:#383838}.paymentMethod option{background-color:#fff}.heder-products-for-sale-first{width:30%;border-bottom:3px solid gray}.heder-products-for-sale{width:30%;border-bottom:3px solid gray;margin-top:3em}.heder-products-for-sale h3{margin:0}.ListOfAllSoldArticles{width:80%;height:60vh;overflow-y:scroll;border:1px solid gray;display:flex;flex-direction:column;justify-content:center;align-items:center}.sold-article{width:90%;border-bottom:1px solid black;display:flex;justify-content:space-between;align-items:center}.sold-article:hover{cursor:pointer;background-color:#ddc2df}.sold-article div{width:30%}.price-quantity-wrapper{display:flex}.cart-icon,.cart{display:none}@media (max-width: 730px){.sales-panel-center-wrapper{width:95%}}@media (max-width: 564px){.cart{position:fixed;top:10px;right:10px;width:75%;height:70vh;background-color:#fff;box-shadow:-5px 0 10px #0003;transition:transform .3s ease-in-out;display:flex;flex-direction:column;align-items:center;padding:1em;z-index:1010}.cart-container{position:relative;width:100%}.cart-icon-wrapper{position:absolute;right:10px;top:10px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0003}.cart-icon{display:block;position:relative;cursor:pointer}.divider{width:100%;height:3em}.cart-item-count{position:absolute;top:0;right:0;width:1.5em;height:1.5em;background-color:red;color:#fff;font-size:smaller;font-weight:700;border-radius:50%;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center}.selected-product-info-and-header-cart{width:100%}.selected-product-info-and-header-cart h4:hover{cursor:pointer}.cart h4:hover{color:red}.cart-icon img:hover{cursor:pointer}.sales-panel-main{align-items:start}.sales-panel-center-wrapper{margin-top:2em;min-height:90vh}.search-container-helper{width:100%}.products-for-sale-container-and-selected-product-info{flex-direction:column}.products-for-sale-container{width:100%;height:60vh}.selected-product-info-and-header{display:none}}#reception-main{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.reception-header{width:100%;min-height:12em;background-color:#f6f6f6;display:flex;justify-content:center;align-items:center;border-bottom:2px solid gray}.reception-header-helper-wrapper{width:90%;height:30vh;display:flex;justify-content:space-between;align-items:center}.reception-logo-wrapper{width:20%;height:30vh;display:flex;justify-content:center;align-items:center}.reception-logo{width:100%}.logout-search-container{align-self:self-end;width:10%;height:25vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:1em}.logout-search-container button{width:80%;height:3em}.logout-search-container button:hover{cursor:pointer}.reception-search{width:100%;height:3.3em;padding-left:7px;background-color:#38383820;color:#000;border:none;outline:none;margin-bottom:.2em}.reception-body{width:100%;display:flex;justify-content:center;align-items:start}.reception-body-table{width:90%;height:60vh;overflow-y:scroll}.canceled-appointment-field{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid gray}.canceled-appointment-field div{display:flex;width:25%;justify-content:center;align-items:center}.canceled-appointment-field:hover{cursor:pointer;background-color:#ddc2df}.canceled-appointment-field-sticy{position:sticky;top:0;background-color:#fff;z-index:1000;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid gray}.canceled-appointment-field-sticy div{display:flex;width:25%;justify-content:center;align-items:center}.to-pay{color:red}.details{width:100%;height:100vh;position:fixed;top:1;left:0;background-color:#00000058;z-index:1001;display:flex;justify-content:center;align-items:center}.details-center{width:25em;min-height:27em;background-color:#fff;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.details-center::-webkit-scrollbar{display:none}.canceled-appointment-info-field{width:80%;display:flex;justify-content:space-between;align-items:center;gap:1em}.details-center div h5{margin:0}.x-icon-container{width:98%;display:flex;justify-content:end}.x-icon-container h4{margin:1em 1em 0 0}.x-icon-container h4:hover{cursor:pointer}.confirm-delete-body{width:100%;height:30vh;display:flex;flex-direction:column;gap:4em;justify-content:end;align-items:center}.confirm-delete-body h4{margin:1em 0 0;width:90%}.paid-btn-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.paid-btn{margin-top:2em;width:30%;height:2.5em}.paid-btn:hover{cursor:pointer}.paid-btns-wrapper{display:flex;width:100%;justify-content:center;align-items:center;gap:1em}.paid-btn-cancel{margin-top:2em;width:30%;height:4vh;background-color:brown}.paid-btn-cancel:hover{cursor:pointer}@media (max-width: 1210px){.reception-logo-wrapper{width:30%}}@media (max-width: 910px){.reception-logo-wrapper{width:35%}}@media (max-width: 610px){.reception-logo-wrapper{width:40%}}@media (max-height: 510px){.logout-search-container{height:30vh}}