@charset "UTF-8";#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#0000007f}#modal-content{position:absolute;border:2px solid var(--dark-border);padding:5px 20px}.profile-dropdown{background-color:var(--dark-bg-3);position:absolute;right:90px;top:40px;padding:10px;border:var(--light-border);border-radius:10px;z-index:1}.profile-dropdown li{list-style:none}.navigation-bar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 10px;width:90%}.site-title-and-login-signup-btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.landing-page-site-title{font-size:40px}.login-signup-homepage-btns{justify-self:end;display:flex;flex-direction:row;column-gap:20px;align-items:center;font-size:20px}.heading-and-form{text-align:center;border:var(--dark-border);border-radius:10px;min-height:120px;min-width:fit-content;padding:10px 20px;background-color:var(--light-bg);color:var(--dark-text)}.login-form{display:flex;flex-direction:column;align-items:center;row-gap:20px;column-gap:20px}.login-fields{display:flex;flex-direction:row;justify-content:center;flex-wrap:nowrap;column-gap:30px;color:var(--dark-text);min-width:400px}.password-and-error{min-width:400px;text-align:center}.error-email{min-width:200px;text-align:center}.login-buttons{display:flex;flex-direction:row;justify-content:center;column-gap:20px}.login-btn{border:var(--dark-border)}.front-input-field{font-size:15px}@media (width <= 1100px){.heading-and-form{min-width:none;max-width:300px}.login-fields{flex-direction:column;min-width:200px}.password-and-error,.error-email{min-width:200px}}.typeform-button-wrapper{display:flex;text-align:center;justify-content:center;align-items:center}:root{box-sizing:border-box;font-family:Open Sans,sans-serif;display:flex;flex-direction:column;align-items:center;grid-column-gap:0px;margin:0;position:relative;--dark-bg: rgb(84, 46, 0);--dark-bg-2: rgb(0, 66, 69);--dark-bg-3: rgb(35, 34, 34);--dark-bg-4: rgb(68, 68, 68);--dark-bg-5: rgb(0, 10, 62);--light-bg: #fffae9;--tran-bg: rgba(1, 12, 60, .12);--dark-text: rgb(84, 46, 0);--dark-text-2: rgb(0, 66, 69);--dark-txt-3: rgb(0, 18, 107);--dark-text-4: black;--light-text: white;--light-txt-2: #fffae9;--dark-button: rgb(0, 66, 69);--dark-border: 2px solid rgb(84, 46, 0);--light-border: 2px solid white;--light-border-2:2px solid #fffae9;--panel-border: 30px;--light-hover: rgba(201, 253, 255, .5);--light-hover-2: rgba(204, 204, 204, .5);background-color:var(--dark-bg-3);color:var(--light-txt-2)}a{text-decoration:none}button{background-color:var(--dark-bg-4);color:var(--light-txt-2);border:var(--light-border-2);cursor:pointer;padding:5px 10px;border-radius:5px;font-size:15px;transition:transform .2s ease}button:active{transform:scale(.98)}.front-login-signup-btn{border-radius:30px;background-color:var(--light-bg);color:var(--dark-bg-2)}#app-views-container{display:flex;flex-direction:row;justify-content:space-evenly;height:770px;margin:0}.mobile-title-logo{display:none}.splash-img{background-image:url(https://aa-portfolio-08-2024.s3.us-east-2.amazonaws.com/shortlisted-app/landing-page-splash-img/shortlisted_splash_09-12-2024_002.png);background-size:cover;width:99vw;background-repeat:no-repeat;background-position:center;margin-top:-130px;position:relative;z-index:-1}.scale{transform:scale(.75)}.rotate{transform:rotate(20deg);translate:-250px -260px}.splash-text{position:absolute;right:100px;display:flex;flex-direction:column;align-items:end;height:fit-content}.splash-text h1{margin-bottom:0;padding-bottom:0}.shortlisted-title{align-self:flex-start}.show-form{display:flex;flex-direction:column;align-items:center;padding:10px 20px;min-width:300px}.show-view{display:flex;flex-direction:column;padding:0 30px}.hide-view{display:none}.left-panel{padding:10px 20px;flex:1;width:400px;display:flex;flex-direction:column}.center-panel{flex:1;display:flex;flex-direction:column;background:var(--dark-bg-3);width:400px;border-radius:var(--panel-border);padding:10px 40px;margin:0 15px}.right-panel{flex:1;background:var(--tran-bg);border-radius:var(--panel-border);padding:10px 30px;width:300px}.user-avatar{height:40px;width:40px;border-radius:20px}#new-shortlist-btn{display:flex;justify-content:center;column-gap:20px;background-color:var(--dark-bg-4);color:var(--light-text);border:2px var(--light-border) solid;padding:1px;cursor:pointer;margin-top:10px;margin-bottom:10px;font-size:15px;border-radius:10px;box-shadow:0 0;width:85%;height:80px}.profile-btn{text-align:right}.panel-heading{margin-top:0;margin-bottom:0;padding-top:0;color:var(--light-text)}.my-shortlists-list{max-height:600px;overflow-y:auto}.title-and-button-pairs{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px;margin-bottom:0;background-color:var(--light-bg)}.title-and-button-pairs :hover{background-color:var(--light-hover-2)}.title-and-button-pairs-clicked{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--dark-bg);color:var(--light-text);margin-top:5px;margin-bottom:0}.shortlist-btn{align-self:center;text-align:left;padding:10px;font-size:20px;box-shadow:0 0;flex-grow:1;cursor:pointer;color:var(--light-text)}.shortlist-btn :hover{background-color:var(--tran-bg)}.shortlist-btn-clicked{background-color:var(--dark-bg-5);color:var(--light-text);align-self:center;text-align:left;font-size:20px;box-shadow:0 0;cursor:pointer;flex-grow:1;padding:10px}.edit-delete-list-btns{display:flex;flex-direction:column}.booking-edit-btns{flex-direction:row!important;column-gap:7px}.edit-delete-list-btns-hidden{display:none}.edit-delete-list-btns button{font-size:11px;padding:1px 2px;box-shadow:0 0;border:1px solid rgb(84,46,0);margin-bottom:1px}.edit-delete-list-btns button:hover{background-color:var(--light-hover);color:var(--dark-text)}#search-and-my-shortlist-container{color:var(--dark-text);border:none;border-radius:var(--panel-border);display:flex;flex-direction:column;align-items:center}#search-results-view{display:none}#recent-activity-view{display:flex}.visibile-panel{visibility:visible}.hidden-panel{visibility:hidden}.shortlist-comments-feed{height:430px;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px;border:2px solid #f0f0f0}.comment-tile{display:flex;flex-direction:column;align-items:center;border-top:1px solid white;padding:10px 0}.commenter_name{color:var(--light-text)}.profile-img-container{position:relative;display:flex;justify-content:center;align-items:center;background-size:cover;border:2px solid white;height:200px;border-radius:10px}.error{display:block;color:brown;max-height:20px;min-height:20px;text-align:center;margin:10px 0}.two-line-error{display:block;color:brown;max-height:60px;min-height:60px;max-width:300px;text-align:center;margin:10px 0 0}#user-profile{grid-column:5;grid-row:2;text-align:center}.footer-wrapper{width:100%;padding:0}.footer{display:flex;justify-content:center;align-items:center;text-align:center;color:var(--light-text);margin-bottom:10px}.footer a{color:var(--dark-text);background-color:#f0f0f0;display:inline-flexbox;flex-direction:row;row-gap:20px;margin-right:20px;border-radius:10px;padding:0 3px}.mobile-nav-btns,.mobile-nav-container{display:none}@media (width <= 1100px){:root{height:100vh;width:100vw;justify-content:space-evenly;overflow:hidden;margin:0;padding:0;--dark-bg: rgb(84, 46, 0);--dark-bg-2: rgb(0, 66, 69);--dark-bg-3: rgb(35, 34, 34);--dark-bg-4: rgb(68, 68, 68);--dark-bg-5: rgb(0, 10, 62);--light-bg: #fffae9;--tran-bg: rgba(1, 12, 60, .12);--dark-text: rgb(84, 46, 0);--dark-text-2: rgb(0, 66, 69);--dark-txt-3: rgb(0, 18, 107);--dark-text-4: black;--light-text: white;--light-txt-2: #fffae9;--dark-button: rgb(0, 66, 69);--dark-border: 2px solid rgb(84, 46, 0);--light-border: 2px solid white;--light-border-2:2px solid #fffae9;--panel-border: 30px;--light-hover: rgba(201, 253, 255, .5);--light-hover-2: rgba(204, 204, 204, .5)}.mobile-nav-container{position:fixed;bottom:0;left:0;display:flex;flex-direction:row;justify-content:space-around;background-color:var(--light-bg);height:50px;width:100%;margin-top:20px}.mbl-btns{color:var(--dark-text);background-color:none;flex:auto;padding:0;margin:0 5px;cursor:pointer;text-align:center;align-self:center}.mbl-btns :hover{background-color:var(--light-hover-2)}#app-views-container{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between}.mobile-splash-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.mobile-splash-img{margin:20px}.mobile-splash-text{text-align:center}.splash-text{position:relative;top:10px;right:-10px;display:flex;flex-direction:column;align-items:center;height:fit-content;justify-content:center}.splash-img,#build-shortlist-form,#my-shortlists,#new-shortlist-btn{display:none}.mobile-title-logo{display:block;text-align:center}.recent-feed-title{margin:0;padding:0;font-size:20px}.recent-activity-feed{flex-grow:1;max-height:400px;overflow-y:auto}.center-panel{padding:10px}.right-panel{display:none}#single-shortlist-view{height:100%;overflow-y:scroll}.footer{font-size:10px}}.create-shortlist-dropdown{font-size:20px;text-align:center;border-radius:10px;margin-bottom:20px}.calendar-input{text-align:center;margin-bottom:10px}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.save-shortlist-title{font-size:20px;width:300px}.save-shortlist-desc{color:#000}.search-results-heading{margin-top:0;padding-top:5px;margin-bottom:0}.title-and-save-button{display:flex;flex-direction:row;justify-content:space-evenly;align-items:end}.save-shortlist-btn{padding:0 4px;margin:0;font-size:20px;height:35px}.results-box{height:250px;overflow-y:auto}.result-count{text-align:center;margin:0;padding-bottom:5px}.search-result-tile{font-size:20px;border-top:2px solid white;padding:15px 10px;display:flex;flex-direction:row;justify-content:start;align-items:center;column-gap:10px;color:var(--light-text)}@media (width <= 1100px){.search-results-heading{padding-top:0;padding-bottom:0;font-size:20px}.save-shortlist-title{font-size:20px;width:250px}.mobile-results-container{height:350px;overflow-y:scroll;margin:0;padding:0}.results-box{overflow-y:visible;height:fit-content}}.edit-on{background:var(--dark-bg-5);border:none;color:var(--light-text)}.edit-off{background:transparent;border:none;color:var(--light-text)}#edit-shortlist-title{font-family:Open Sans,sans-serif;font-size:26px;min-height:80px;max-height:80px;color:var(--light-text)}#edit-shortlist-desc{font-family:Open Sans,sans-serif;font-size:16px;min-height:60px;overflow-y:scroll;overflow-x:hidden}.single-shortlist-view-heading{color:var(--light-text)}.shortlist-title-and-edit-btns{display:flex;flex-direction:row}.edit-delete-save-btns{display:flex;flex-direction:column;row-gap:5px}.shortlist-details-heading{margin-top:3px;text-align:center;color:var(--light-txt-2)}.search-params{display:flex;flex-direction:column;justify-content:center;column-gap:30px;padding-bottom:10px}.actual-params-details{display:flex;flex-direction:row;justify-content:space-evenly;height:80px}.param-detail-text{background-color:var(--light-bg);color:var(--dark-bg-5);text-align:center;border-radius:10px;min-height:15px;margin:3px 0;padding:0 4px;font-size:15px}.genre-details{min-height:15px}.comment-thread-btn{text-align:center;display:grid;grid-template-columns:10% 150px 5% 23%;justify-content:center;align-items:center;column-gap:15px;font-size:20px;cursor:pointer;color:var(--light-text)}.comment-thread{overflow-y:scroll;max-height:500px;border-top:1px solid white;margin-top:10px}.avatar{grid-column:1}.referral-fullName{text-align:left;grid-column:2}.open-thread{display:none}.closed-thread{display:block}.comment-bubble-and-avatar{display:grid;grid-template-columns:40px auto 40px;grid-template-rows:auto auto;column-gap:20px;max-width:350px;padding:15px 0}.commenter_name{grid-column-start:1;grid-row:1;align-self:flex-end;text-align:center;font-size:12px;padding-left:4px}.comment-text{grid-column-start:2;max-width:200px}.you_icon{margin-top:15px;grid-column-start:3;text-align:center;color:var(--light-text)}.message-bubble-left,.message-bubble-right{max-width:100%;background-color:#fff;padding:10px 15px;border-radius:15px;position:relative;word-wrap:break-word;display:inline-block;font-family:Arial,sans-serif;color:#333}.message-bubble-left:after{content:"";position:absolute;bottom:0;left:15px;width:0;height:0;border:10px solid transparent;border-top-color:#fff;border-bottom:0;border-left:0;margin-left:-5px;margin-bottom:-10px}.message-bubble-right:after{content:"";position:absolute;bottom:0;right:15px;width:0;height:0;border:10px solid transparent;border-top-color:#fff;border-bottom:0;border-right:0;margin-right:-5px;margin-bottom:-10px}.comment-form{display:flex;flex-direction:row;justify-content:center;column-gap:20px;min-height:90px;margin-bottom:0}#comment-textarea{max-width:200px;min-width:200px;max-height:30px;min-width:30px;overflow-y:scroll}#edit-comment-box{display:flex;flex-direction:column;border:2px solid yellowgreen;background-color:var(--light-bg);border:var(--dark-border);padding:10px 20px;border-radius:10px}#edit-comment-form{margin:5px 0;height:80px;width:300px}.delete-comment-modal{padding:10px 20px;background-color:var(--dark-bg-3);border:var(--dark-border);border-radius:10px}.comment-edit-delete-btns{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:10px}.btn-hover :hover{background-color:var(--light-hover);color:var(--dark-text)}.modal-delete-btn{background-color:var(--dark-bg-2);color:var(--light-text)}.delete-referral-btn{grid-column:4;font-size:12px;padding:0 2px;margin-left:20px}@media (width <= 1100px){#referral-shortlist-view{overflow-y:scroll;height:100%}.messages-back-btn{margin:10px 0;font-size:12px;font-weight:700}.mbl-shortlists-dropdown{width:100%;background-color:var(--dark-bg);color:var(--light-text);font-size:18px;padding:3px 5px;margin:5px 0}.shortlist-title-and-edit-btns{flex-direction:column}.edit-delete-save-btns{flex-direction:row}#edit-shortlist-modal{display:flex;flex-direction:column;padding:20px;row-gap:8px;background-color:var(--light-bg);border:2px solid var(--dark-border);color:var(--dark-text);border-radius:20px}#edit-shortlist-modal-title{width:100%}}.dates-and-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.my-listings{border-top:2px solid white;border-bottom:2px solid white;overflow-y:auto;height:200px}.listing-and-button{display:flexbox;flex-direction:column;text-align:center;border-bottom:2px solid white;padding:10px 5px}.smaller-btn{padding:1px 5px}.booking-form{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;column-gap:10px;width:250px;margin-bottom:10px;position:relative}.bookings-list-container{overflow-y:scroll;max-height:120px}.booking-inputs{display:inline!important;width:100%}.booking-inputs>div.react-datepicker-wrapper{width:90%}.start-end-title{padding:0;margin:0}#submit-booking{padding:3px 5px;height:50%;font-size:12px}input{display:inline!important;width:100%}.booking-error{position:absolute;bottom:45px;z-index:1;color:brown;background-color:#faebd7;border-radius:10px;min-width:fit-content;padding:1px 5px}.referral-thread-tile{display:flex;flex-direction:row;align-items:center;cursor:pointer}.user-avatar{margin:5px}.username-subject-preview{display:flex;flex-direction:column;align-items:baseline;padding:5px}.referral-subject{flex-wrap:nowrap;text-align:left;font-weight:700}.comment-preview{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (width <= 1100px){.bookings-panel{width:100%;min-height:55vh}}.signup-modal-container{display:flex;flex-direction:column;justify-content:space-evenly;width:300px;padding:10px 40px;background-color:var(--dark-bg-3);border-radius:20px;border:var(--light-border)}.signup-modal-container h1{margin:0;padding:0}.signup-label-field{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px}.signup-button{display:flex;flex-direction:row;justify-content:center;align-items:center}.server-message-modal{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;border:3px red solid;text-align:center;border-radius:10px}.server-message-ok-btn{background-color:#000;color:#fff;transition:all ease .2s;padding:.4rem 2rem;margin-left:20px}.activity-tile{padding:15px 10px;border-bottom:1px solid white;text-align:center}#profile-container{min-height:70vh}.profile-heading{margin:0;padding:0}#user-name-and-title{margin-bottom:20px}