/* _content/Frontend/Components/Account/Pages/Login.razor.rz.scp.css */
.form-block[b-vlcqklpwsc] {
display: flex;
flex-direction: column;
gap: 1rem;
/*align-items: center;*/
justify-content: center;
border-radius: 20px;
background-color: var(--beige-50, #FCFBFA);
padding: 2rem;
/*width: 32rem;*/
max-width: 30rem;
}
.password-input-container[b-vlcqklpwsc] {
display: flex;
position: relative;
align-items: center;
width: 100%;
}
.forgot-password-container[b-vlcqklpwsc] {
display: flex;
justify-content: flex-end;
width: 100%;
padding-top: 0.5rem;
padding-right: 0.5rem;
}
[b-vlcqklpwsc] .pass-input {
width: 100%;
}
.toggle-reveal[b-vlcqklpwsc] {
position: absolute;
right: 10px;
padding: 0.5rem;
color: var(--beige-700);
background-color: transparent;
border: none;
font-size: 1.5rem;
}
/* _content/Frontend/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.page[b-zqzdxi97xz] {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background: var(--background-color);
}
.top-row[b-zqzdxi97xz] {
padding-top: 3rem;
padding-bottom: 4rem;
width: 10rem;
}
.top-row svg[b-zqzdxi97xz] {
max-width: 100%;
height: auto;
display: block;
}
#blazor-error-ui[b-zqzdxi97xz] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss[b-zqzdxi97xz] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Components/Cards/OrgQuestionCard.razor.rz.scp.css */
.org-question-card-container[b-fdwlzr18zi] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding: 1rem 1.5rem;
background-color: white;
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
width: 100%;
}
.org-question-top-row[b-fdwlzr18zi] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.control-buttons[b-fdwlzr18zi] {
display: flex;
gap: 0.25rem;
flex-wrap: nowrap;
}
.trash-icon[b-fdwlzr18zi] {
&:hover {
color: var(--maroon-700);
}
}
.input-row[b-fdwlzr18zi] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
/*align-items: center;*/
flex-wrap: wrap;
width: 100%;
}
.edit-control-buttons[b-fdwlzr18zi] {
display: flex;
gap: 0.5rem;
}
/* _content/Frontend/Components/Components/Cards/QuestionsTemplateCard.razor.rz.scp.css */
.question-template[b-wrbfn1ys6o] {
display: flex;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
min-height: 4.875rem;
transition: all 0.3s ease;
width: 100%;
.expand-template {
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid var(--beige-200);
width: 3rem;
cursor: pointer;
.expand-icon {
width: 1em;
height: 1em;
}
}
.question-template-body[b-wrbfn1ys6o] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 100%;
}
.question-template-header[b-wrbfn1ys6o] {
display: flex;
width: 100%;
justify-content: space-between;
padding: 1rem 1.5rem;
}
.question-template-header.expanded[b-wrbfn1ys6o] {
border-bottom: 1px solid var(--beige-200);
}
.stacked-text[b-wrbfn1ys6o] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.question-template-questions-container[b-wrbfn1ys6o] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 1.5rem;
}
.question[b-wrbfn1ys6o] {
display: flex;
justify-content: space-between;
gap: 0.5rem;
.question-info {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.edit-buttons[b-wrbfn1ys6o] {
gap: 0.5rem;
}
}
.trash-icon[b-wrbfn1ys6o] {
&:hover {
color: var(--maroon-700);
}
}
.pill-tag[b-wrbfn1ys6o] {
align-self: start;
display: flex;
justify-content: center;
align-items: center;
background-color: white;
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
padding: 0.25rem 0.625rem;
}
}
.question-template.shaded[b-wrbfn1ys6o] {
background-color: var(--beige-50);
border: 1px solid var(--beige-200);
}
.question-template.selected[b-wrbfn1ys6o] {
background-color: var(--beige-100);
border: 1px solid var(--beige-400);
}
/* _content/Frontend/Components/Components/Cards/RfpBox.razor.rz.scp.css */
.rfp-box[b-vhfspf5svc] {
display: flex;
flex-direction: column;
padding: 0.5rem 0.5rem;
border: 1px solid var(--grey);
border-radius: 6px;
margin-bottom: 1rem;
width: 15rem;
height: 15rem;
gap: 0.5rem;
}
.input-row[b-vhfspf5svc] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.input-row.title[b-vhfspf5svc] {
margin-bottom: 0.5rem;
}
.status[b-vhfspf5svc] {
color: var(--gray-600);
background-color: var(--gray-300);
border-radius: 6px;
font-size: var(--text-sub-size);
padding: 0.25rem;
/*border: 1px solid #EF5466;*/
}
.progress-bar-container[b-vhfspf5svc] {
height: 0.5rem;
width: 100%;
background-color: #e0e0e0;
border-radius: 8px;
overflow: hidden;
margin: 0 0.5rem;
}
.progress-bar[b-vhfspf5svc] {
height: 100%;
background-color: var(--warning-400);
width: 0;
transition: width 0.5s;
}
.view-rfp[b-vhfspf5svc] {
width: 100%;
height: 2rem;
margin-top: auto;
cursor: pointer;
}
/* _content/Frontend/Components/Components/Cards/RfpQuestionCard.razor.rz.scp.css */
.rfp-question-card-container[b-wd1017fnny] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding: 1rem 1.5rem;
background-color: white;
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
width: 100%;
}
.rfp-question-top-row[b-wd1017fnny] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.trash-icon[b-wd1017fnny] {
&:hover {
color: var(--maroon-700);
}
}
.input-row[b-wd1017fnny] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
/*align-items: center;*/
flex-wrap: wrap;
width: 100%;
}
.edit-control-buttons[b-wd1017fnny] {
display: flex;
gap: 0.5rem;
}
/* _content/Frontend/Components/Components/Cards/RfpRecipientSalesUserCard.razor.rz.scp.css */
.sales-contact-card[b-7cdmu8blto] {
display: flex;
flex-direction: column;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
background-color: var(--white);
}
.top-section[b-7cdmu8blto] {
display: flex;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--beige-200);
border-top-right-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
}
.top-section.darker[b-7cdmu8blto] {
background-color: var(--beige-50);
}
.bottom-section[b-7cdmu8blto] {
display: flex;
padding: 1.25rem 1.5rem;
justify-content: space-evenly;
}
.stacked-text[b-7cdmu8blto] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.remove-button[b-7cdmu8blto] {
margin-left: auto;
}
/* _content/Frontend/Components/Components/Cards/SalesContactCard.razor.rz.scp.css */
.sales-contact-card[b-r8f6rfpkc1] {
display: flex;
flex-direction: column;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
background-color: var(--white);
}
.top-section[b-r8f6rfpkc1] {
display: flex;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--beige-200);
border-top-right-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
}
.top-section.darker[b-r8f6rfpkc1] {
background-color: var(--beige-50);
}
.bottom-section[b-r8f6rfpkc1] {
display: flex;
padding: 1.25rem 1.5rem;
justify-content: space-evenly;
}
.stacked-text[b-r8f6rfpkc1] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.remove-button[b-r8f6rfpkc1] {
margin-left: auto;
}
/* _content/Frontend/Components/Components/Cards/SupplierSearchResultCard.razor.rz.scp.css */
.supplier-search-result-card[b-4tycr5uq73] {
display: flex;
border-bottom: 1px solid var(--beige-100);
padding: 0.5rem 0.25rem;
cursor: pointer;
transition: all 0.3s ease-in;
&.highlight {
border-radius: 1rem;
background-color: var(--beige-100);
}
}
.main-image[b-4tycr5uq73] {
width: 11.5rem;
height: 7rem;
border-radius: var(--border-radius);
}
.left-side-details[b-4tycr5uq73] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
}
.right-side-details[b-4tycr5uq73] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem 1rem 1rem 0;
margin-left: auto;
align-items: flex-end;
justify-content: space-between;
}
.user-rating-badge[b-4tycr5uq73] {
background-color: var(--beige-700);
padding: 0.1rem 0.45rem;
border-radius: 999rem;
}
/* _content/Frontend/Components/Components/Cards/SupplierSelectCard.razor.rz.scp.css */
.supplier-card[b-utaqru5l2e] {
display: flex;
gap: 1rem;
align-items: center;
background-color: var(--beige-100);
padding: 1rem;
border-radius: var(--border-radius);
width: 100%;
.supplier-image {
width: 6rem;
height: 4rem;
object-fit: cover;
border-radius: var(--border-radius);
}
.supplier-details[b-utaqru5l2e] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
}
/* _content/Frontend/Components/Components/Dropdowns/AccountDropdown.razor.rz.scp.css */
.dropdown-container[b-5348v29j0q] {
position: relative;
display: inline-block;
z-index: 1002;
}
.dropdown-panel[b-5348v29j0q] {
display: flex;
flex-direction: column;
position: absolute;
top: 100%; /* Aligns the dropdown below the button */
right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
background-color: white;
border: 1px solid #ddd;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1009;
width: 16rem;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: hidden;
height: 0;
overflow: hidden;
/*gap: 1rem;*/
}
.dropdown-panel.show[b-5348v29j0q] {
opacity: 1;
transform: translateY(0);
visibility: visible;
height: auto;
}
[b-5348v29j0q] label {
display: flex;
flex-direction: column;
color: var(--text-color-light);
font-size: var(--text-small-size);
gap: 0.25rem;
font-weight: 300;
}
.account-button[b-5348v29j0q] {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
height: 100%;
.profile-picture {
height: 2.5rem;
width: 2.5rem;
}
.name-and-org[b-5348v29j0q] {
display: flex;
flex-direction: column;
}
.account-dropdown-icon[b-5348v29j0q] {
width: 1rem;
height: 1rem;
color: var(--font-color-secondary);
margin-left: 0.5rem;
}
}
.org-button[b-5348v29j0q] {
display: flex;
align-items: center;
gap: 0.5em;
cursor: pointer;
height: 100%;
.org-logo {
height: 2.5rem;
width: 2.5rem;
}
.name-and-subtitle[b-5348v29j0q] {
display: flex;
flex-direction: column;
}
.dropdown-icon[b-5348v29j0q] {
width: 1rem;
height: 1rem;
color: var(--font-color-secondary);
margin-left: 0.5rem;
}
}
.section[b-5348v29j0q] {
display: flex;
flex-direction: column;
padding: 1rem;
gap: 0.5rem;
}
.dropdown-button[b-5348v29j0q] {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
padding: 0.5rem 0;
transition: all 0.3s ease;
}
.dropdown-button:hover[b-5348v29j0q] {
margin-left: 0.25rem;
}
/* _content/Frontend/Components/Components/Dropdowns/AddedVenuesList.razor.rz.scp.css */
.dropdown-container[b-l93ptffoze] {
position: relative;
display: inline-block;
}
.dropdown-panel[b-l93ptffoze] {
display: flex;
flex-direction: column;
position: absolute;
top: 100%; /* Aligns the dropdown below the button */
right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
background-color: white;
border: 1px solid #ddd;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
z-index: 1000;
width: auto;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: hidden;
height: 0;
overflow: hidden;
gap: 1rem;
min-width: 15rem;
}
.supplier[b-l93ptffoze] {
display: flex;
border-bottom: 1px solid var(--beige-100);
}
.supplier-image[b-l93ptffoze] {
height: 3rem;
width: 5rem;
border-radius: var(--border-radius);
object-fit: fill;
}
.supplier-body[b-l93ptffoze] {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding-left: 0.5rem;
}
.supplier-name[b-l93ptffoze] {
white-space: nowrap;
}
.dropdown-panel.show[b-l93ptffoze] {
opacity: 1;
transform: translateY(0);
visibility: visible;
height: auto;
}
.dropdown-panel ul[b-l93ptffoze] {
list-style-type: none;
padding: 0;
margin: 0;
}
.dropdown-panel ul li[b-l93ptffoze] {
padding: 8px 12px;
cursor: pointer;
}
.dropdown-panel ul li:hover[b-l93ptffoze] {
background-color: #f1f1f1;
}
[b-l93ptffoze] label {
display: flex;
flex-direction: column;
color: var(--text-color-light);
font-size: var(--text-small-size);
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Dropdowns/CopyDayButton.razor.rz.scp.css */
.dropdown-container[b-ih2j6d845u] {
position: relative;
display: inline-block;
}
.dropdown-button[b-ih2j6d845u] {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.dropdown-panel[b-ih2j6d845u] {
display: flex;
flex-direction: column;
position: absolute;
top: 100%; /* Aligns the dropdown below the button */
right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
background-color: white;
border: 1px solid #ddd;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
z-index: 1000;
width: auto;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: hidden;
overflow: auto;
gap: 1rem;
min-width: 20rem;
}
.dropdown-panel.show[b-ih2j6d845u] {
opacity: 1;
transform: translateY(0);
visibility: visible;
height: auto;
}
.dropdown-panel ul[b-ih2j6d845u] {
list-style-type: none;
padding: 0;
margin: 0;
}
.dropdown-panel ul li[b-ih2j6d845u] {
padding: 8px 12px;
cursor: pointer;
}
.dropdown-panel ul li:hover[b-ih2j6d845u] {
background-color: #f1f1f1;
}
.dropdown-panel-content[b-ih2j6d845u] {
display: flex;
flex-direction: column;
min-width: 20rem;
gap: 1rem;
}
.checkbox-options-container[b-ih2j6d845u] {
display: flex;
flex-direction: column;
gap: 0.5rem;
max-height: 10rem;
overflow-y: auto;
}
.checkbox-row[b-ih2j6d845u] {
background-color: var(--gray-25);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding: 0.5rem;
}
/* _content/Frontend/Components/Components/Dropdowns/RfpRecipientsDropdown.razor.rz.scp.css */
.dropdown-container[b-6uxoh79tqw] {
position: relative;
display: inline-block;
}
.dropdown-button[b-6uxoh79tqw] {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.dropdown-panel[b-6uxoh79tqw] {
display: none;
flex-direction: column;
position: absolute;
top: 125%;
right: 0%;
/*transform: translateY(50%);*/
background-color: white;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
width: auto;
min-width: 15rem;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
overflow: auto;
padding: 1rem;
}
.dropdown-panel.show[b-6uxoh79tqw] {
display: flex;
opacity: 1;
visibility: visible;
height: auto;
}
.dropdown-text[b-6uxoh79tqw] {
}
.supplier-option[b-6uxoh79tqw] {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.75rem 0rem;
border-bottom: 1px solid var(--beige-200);
text-wrap: nowrap;
cursor: pointer;
&:hover {
background-color: var(--beige-50);
}
&:last-child[b-6uxoh79tqw] {
border-bottom: none;
}
.supplier-image[b-6uxoh79tqw] {
height: 2rem;
aspect-ratio: 16 / 9;
object-fit: fill;
border-radius: 0.375rem;
}
.supplier-text[b-6uxoh79tqw] {
display: flex;
flex-direction: column;
}
}
/* _content/Frontend/Components/Components/Dropdowns/TableMoreDropdown.razor.rz.scp.css */
.dropdown-container[b-l4k8w6j9l7] {
position: relative;
display: inline-block;
}
.dropdown-button[b-l4k8w6j9l7] {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.dropdown-panel[b-l4k8w6j9l7] {
display: none;
flex-direction: column;
position: absolute;
bottom: 50%;
right: 100%;
background-color: white;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
width: auto;
opacity: 0;
transform: translateY(50%);
transition: opacity 0.3s ease, transform 0.3s ease;
overflow: auto;
}
.dropdown-panel.show[b-l4k8w6j9l7] {
display: flex;
opacity: 1;
visibility: visible;
height: auto;
}
/* _content/Frontend/Components/Components/ErrorNotification.razor.rz.scp.css */
.popup-notification[b-yqkxwzhpvs] {
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 1px solid #ccc;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
width: 300px;
padding: 1rem;
border-radius: 8px;
}
.popup-content[b-yqkxwzhpvs] {
position: relative;
}
.close-btn[b-yqkxwzhpvs] {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
font-size: 1.2rem;
}
/* _content/Frontend/Components/Components/FilterTable.razor.rz.scp.css */
.dropdown-container[b-cqm5r1f4rf] {
position: relative;
display: inline-block;
}
.dropdown-button[b-cqm5r1f4rf] {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.dropdown-panel[b-cqm5r1f4rf] {
display: flex;
flex-direction: column;
position: absolute;
top: 100%; /* Aligns the dropdown below the button */
right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
background-color: white;
border: 1px solid #ddd;
border-radius: var(--border-radius);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
z-index: 1000;
width: auto;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: hidden;
height: 0;
overflow: hidden;
gap: 1rem;
}
.dropdown-panel.show[b-cqm5r1f4rf] {
opacity: 1;
transform: translateY(0);
visibility: visible;
height: auto;
}
.dropdown-panel ul[b-cqm5r1f4rf] {
list-style-type: none;
padding: 0;
margin: 0;
}
.dropdown-panel ul li[b-cqm5r1f4rf] {
padding: 8px 12px;
cursor: pointer;
}
.dropdown-panel ul li:hover[b-cqm5r1f4rf] {
background-color: #f1f1f1;
}
[b-cqm5r1f4rf] label {
display: flex;
flex-direction: column;
color: var(--text-color-light);
font-size: var(--text-small-size);
gap: 0.25rem;
}
.active[b-cqm5r1f4rf] {
border: 1px solid var(--accent-color)
}
/* _content/Frontend/Components/Components/GoogleMap.razor.rz.scp.css */
/* _content/Frontend/Components/Components/Inputs/AddressInput.razor.rz.scp.css */
.search-container[b-74cahzr300] {
position: relative;
width: 100%;
.search-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
color: currentColor;
}
.input.search[b-74cahzr300] {
padding-left: 2.5rem;
width: 100%;
}
}
.suggestions-list[b-74cahzr300] {
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
/*padding: 0.5rem 1rem;*/
li:first-child {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
li:last-child[b-74cahzr300] {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
li[b-74cahzr300] {
font-size: var(--font-size-text-md);
font-weight: var(--font-weight-light);
padding: 0.5rem 1rem;
&:hover {
cursor: pointer;
background-color: var(--beige-200);
}
}
li.active[b-74cahzr300] {
background-color: var(--beige-200);
}
}
.background[b-74cahzr300] {
background-color: var(--beige-100);
}
.main-search[b-74cahzr300] {
height: 1.281rem;
min-height: 1.281rem;
border-radius: 0rem;
padding-left: 0rem;
padding-right: 1rem;
background-color: var(--white);
/*border: 1px solid var(--beige-200);*/
/*padding-left: 2.5rem;*/
width: 100%;
box-shadow: none !important;
}
.main-search:focus[b-74cahzr300] {
outline: none;
border-color: #CC785C;
/*box-shadow: 0 0 0 1px #CC785C;*/
}
/* _content/Frontend/Components/Components/Inputs/AmountPercentToggle.razor.rz.scp.css */
/*AMOUNT/PERCENT TOGGLE*/
.toggle-amount-percent[b-9x805jsxdx] {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
background-color: var(--beige-100);
border: 1px solid var(--beige-200);
position: relative;
margin-top: 0.25rem;
height: 3rem;
border-radius: 999rem;
min-width: 12rem;
max-width: 12rem;
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);
.selected-highlight {
position: absolute;
top: 0;
background-color: var(--beige-50);
width: 50%;
height: 100%;
z-index: 0;
border-radius: inherit;
border: 1px solid var(--beige-300);
transition: left 0.3s ease;
}
.option[b-9x805jsxdx] {
/*cursor: pointer;*/
position: relative;
display: flex;
z-index: 1;
transition: color 0.3s ease;
}
.option.option-True[b-9x805jsxdx] {
color: var(--beige-900);
}
.option.option-False[b-9x805jsxdx] {
color: var(--beige-700);
}
/* Hidden clickable area*/
.option[b-9x805jsxdx]::before {
content: "";
position: absolute;
top: -10px;
bottom: -10px;
left: 0px;
right: -5px;
background: transparent;
cursor: pointer;
}
.selected-highlight.selected-highlight-True[b-9x805jsxdx] {
left: 0;
}
.selected-highlight.selected-highlight-False[b-9x805jsxdx] {
left: 50%;
}
}
/* _content/Frontend/Components/Components/Inputs/BasicSearchBar.razor.rz.scp.css */
.search-container[b-q2bpm3a7ly] {
position: relative;
.search-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
color: currentColor;
}
.input.search[b-q2bpm3a7ly] {
padding-left: 2.5rem;
width: 100%;
}
}
/* _content/Frontend/Components/Components/Inputs/CheckboxInput.razor.rz.scp.css */
/* _content/Frontend/Components/Components/Inputs/DateInput/DateInput.razor.rz.scp.css */
[b-0i6vogot04] root {
--rz-input-focus-border: none !important;
--rz-input-focus-outline: none !important;
--rz-secondary-light: var(--accent-color) !important;
--rz-datepicker-calendar-selected-background-color: var(--accent-color) !important;
}
.rz-state-default.rz-state-active.rz-state-focused[b-0i6vogot04] {
background-color: var(--beige-900) !important;
}
[b-0i6vogot04] .rz-calendar-view td .rz-state-active {
background-color: var(--accent-color) !important;
}
[b-0i6vogot04] .rz-inputtext {
margin: auto 0 !important;
border: none !important;
padding-block: 0 !important;
padding-inline: 0 !important;
background-color: transparent !important;
background: none;
&:focus {
outline: none !important;
border: none !important;
}
}
[b-0i6vogot04] .rz-calendar .rz-dropdown {
height: 2.5rem !important;
}
/* _content/Frontend/Components/Components/Inputs/DateInput/DateInputNullable.razor.rz.scp.css */
[b-fcr6kcslk2] root {
--rz-input-focus-border: none !important;
--rz-input-focus-outline: none !important;
--rz-secondary-light: var(--accent-color) !important;
--rz-datepicker-calendar-selected-background-color: var(--accent-color) !important;
}
.rz-state-default.rz-state-active.rz-state-focused[b-fcr6kcslk2] {
background-color: var(--beige-900) !important;
}
[b-fcr6kcslk2] .rz-calendar-view td .rz-state-active {
background-color: var(--accent-color) !important;
}
[b-fcr6kcslk2] .rz-inputtext {
margin: auto 0 !important;
border: none !important;
padding-block: 0 !important;
padding-inline: 0 !important;
background-color: transparent !important;
background: none;
&:focus {
outline: none !important;
border: none !important;
}
}
[b-fcr6kcslk2] .rz-calendar .rz-dropdown {
height: 2.5rem !important;
}
/* _content/Frontend/Components/Components/Inputs/EmailInput.razor.rz.scp.css */
.email-input-container[b-oc5mk9xh2g] {
position: relative;
width: 100%;
}
[b-oc5mk9xh2g] .email-input {
padding-left: 3rem;
width: 100%;
}
.icon-container[b-oc5mk9xh2g] {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 15px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
/* _content/Frontend/Components/Components/Inputs/FileUpload/FileUploadBox.razor.rz.scp.css */
.main-container[b-irjhtor62h] {
display: flex;
flex-direction: column;
gap: 1rem;
}
.drop-zone[b-irjhtor62h] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
background-color: white;
border: 1px dashed var(--beige-500);
border-radius: var(--border-radius);
height: 7.5rem;
gap: 0.5rem;
&:hover {
background-color: var(--beige-50);
border-color: var(--beige-600);
transition: all 0.3s ease;
}
}
.drop-zone.drag-active[b-irjhtor62h] {
border-color: var(--beige-900);
}
.upload-icon[b-irjhtor62h] {
background-color: var(--beige-100);
width: 3rem;
height: 3rem;
padding: 0.5rem;
color: var(--beige-600);
border-radius: var(--border-radius);
}
[b-irjhtor62h] .input-file-button {
position: absolute;
width: 100%;
height: 100%;
}
[b-irjhtor62h] ::-webkit-file-upload-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
height: 100%;
}
.uploaded-file-container[b-irjhtor62h] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
height: 4rem;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
}
.file-info[b-irjhtor62h] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.file-icon[b-irjhtor62h] {
width: 2rem;
height: 2rem;
color: var(--beige-600);
margin-right: 0.5rem;
object-fit: contain;
}
.x-icon[b-irjhtor62h] {
width: 1.5rem;
height: 1.5rem;
color: var(--beige-600);
cursor: pointer;
}
.stacked-text[b-irjhtor62h] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Inputs/FileUpload/LogoUploadButton.razor.rz.scp.css */
.upload-logo-container[b-w4qrxbk2g2] {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
position: relative;
.client-logo {
display: flex;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
object-fit: contain;
}
}
/* _content/Frontend/Components/Components/Inputs/FileUpload/ReplaceableImageUpload.razor.rz.scp.css */
.replaceable-image-container[b-ipbi16o2bs] {
}
/* _content/Frontend/Components/Components/Inputs/LocationSearchBar.razor.rz.scp.css */
/*.main-container {*/
/* display: flex;*/
/* align-items: center;*/
/* background-color: white;*/
/* border: 1px solid var(--beige-200);*/
/* border-radius: 999rem;*/
/* width: 100%;*/
/* height: 3rem;*/
/*}*/
.search-container[b-6gcdni7qog] {
position: relative;
.location-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
color: currentColor;
}
.search-button[b-6gcdni7qog] {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 4px;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
color: var(--white);
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 999rem;
cursor: pointer;
/*color: currentColor;*/
}
/*.search-icon {*/
/* width: 2rem;*/
/* height: 2rem;*/
/*}*/
.search[b-6gcdni7qog] {
height: 3rem;
border-radius: 1.5rem;
padding-right: 1rem;
background-color: var(--white);
border: 1px solid var(--beige-200);
padding-left: 2.5rem;
width: 100%;
box-shadow: none !important;
}
.search:focus[b-6gcdni7qog] {
outline: none;
border-color: #CC785C;
/*box-shadow: 0 0 0 1px #CC785C;*/
}
}
.suggestions-list[b-6gcdni7qog] {
gap: 0.5rem;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
list-style-type: none !important;
li:first-child {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
li:last-child[b-6gcdni7qog] {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
li[b-6gcdni7qog] {
font-size: var(--font-size-text-md);
font-weight: var(--font-weight-light);
padding: 0.5rem 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
&:hover {
cursor: pointer;
background-color: var(--beige-200);
}
}
li.active[b-6gcdni7qog] {
background-color: var(--beige-200);
}
}
/* _content/Frontend/Components/Components/Inputs/MainSearchBar.razor.rz.scp.css */
.search-container[b-hlweikxgni] {
display: flex;
position: relative;
width: 56.25rem;
background-color: var(--beige-50);
border-radius: 999rem;
height: 4.25rem;
}
.location-icon[b-hlweikxgni] {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
color: currentColor;
}
.location[b-hlweikxgni] {
padding-top: 0.5rem;
flex: 1 1 30%;
display: flex;
flex-direction: column;
/*justify-content: center;*/
padding-left: 3rem;
gap: 0.5rem;
border-right: 1px solid var(--beige-200);
}
.search:focus + .location[b-hlweikxgni] {
outline: 1px solid var(--accent-color);
background-color: red;
}
.check-in[b-hlweikxgni] {
flex: 1 1 20%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1rem;
gap: 0.5rem;
border-right: 1px solid var(--beige-200)
}
.check-out[b-hlweikxgni] {
flex: 1 1 20%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1rem;
gap: 0.5rem;
border-right: 1px solid var(--beige-200)
}
.attendees[b-hlweikxgni] {
flex: 1 1 30%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1rem;
gap: 0.5rem;
}
.search-button[b-hlweikxgni] {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 6px;
top: 50%;
transform: translateY(-50%);
width: 3rem;
height: 3rem;
color: var(--white);
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 999rem;
cursor: pointer;
}
[b-hlweikxgni] .search {
/*height: 4.25rem;*/
/*border-radius: 999rem;*/
padding-right: 1rem;
background-color: transparent;
border: none;
width: 100%;
/*box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);*/
}
[b-hlweikxgni] .search:focus {
outline: none;
border-color: #CC785C;
/*box-shadow: 0 0 0 1px #CC785C;*/
}
/* Radzen */
[b-hlweikxgni] root {
--rz-input-focus-border: none !important;
--rz-input-focus-outline: none !important;
--rz-secondary-light: var(--accent-color) !important;
}
[b-hlweikxgni] .rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover[b-hlweikxgni], .rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused[b-hlweikxgni], .rz-calendar-view td .rz-state-active.rz-calendar-today:hover[b-hlweikxgni] {
color: var(--white) !important;
background-color: var(--beige-900) !important;
}
.rz-state-default.rz-state-active.rz-state-focused[b-hlweikxgni] {
color: var(--white) !important;
background-color: var(--beige-900) !important;
}
[b-hlweikxgni] .rz-datepicker {
padding-block: 0 !important;
padding-inline: 0 !important;
::deep .rz-inputtext {
border: none !important;
padding-block: 0 !important;
padding-inline: 0 !important;
&:focus {
outline: none !important;
border: none !important;
}
}
/*.rz-inputtext:focus {*/
/* outline: none;*/
/* border: none;*/
/*}*/
}
[b-hlweikxgni] .rz-calendar .rz-dropdown {
height: 2.5rem !important;
}
/* _content/Frontend/Components/Components/Inputs/MoneyInput/MoneyInput.razor.rz.scp.css */
.input-container[b-71ktsnnao7] {
position: relative;
}
.value-icon[b-71ktsnnao7] {
position: absolute;
left: 0.5rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.input .value-icon[b-71ktsnnao7] {
position: absolute;
left: 1rem;
}
[b-71ktsnnao7] .input-area {
border: none;
outline: none;
padding-left: 1.5rem;
}
[b-71ktsnnao7] .input-area::-webkit-inner-spin-button,
[b-71ktsnnao7] .input-area::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* _content/Frontend/Components/Components/Inputs/MoneyInput/MoneyInputNullable.razor.rz.scp.css */
.input-container[b-mm95j47l6o] {
position: relative;
}
.value-icon[b-mm95j47l6o] {
position: absolute;
left: 0.5rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.input .value-icon[b-mm95j47l6o] {
position: absolute;
left: 1rem;
}
[b-mm95j47l6o] .input-area {
border: none;
outline: none;
background: transparent;
width: 100%;
height: 100%;
padding-left: 1rem;
}
[b-mm95j47l6o] .input-area::-webkit-inner-spin-button,
[b-mm95j47l6o] .input-area::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* _content/Frontend/Components/Components/Inputs/MultiUserSearchDropdown.razor.rz.scp.css */
.search-container[b-8ppm88w8rc] {
position: relative;
font-family: system-ui, -apple-system, sans-serif;
}
.search-input-wrapper[b-8ppm88w8rc] {
position: relative;
}
.tags-input[b-8ppm88w8rc] {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0.25rem 0.75rem;
/*border: 1px solid #ccc;*/
border-radius: 999em;
align-items: center;
min-height: 40px;
}
.tags-input:focus-within[b-8ppm88w8rc] {
/*outline: none;*/
/*border-color: #2563eb;*/
/*box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);*/
}
.tag[b-8ppm88w8rc] {
display: flex;
align-items: center;
background-color: white;
padding: 2px 8px;
border: 1px solid var(--beige-300);
border-radius: 999em;
gap: 4px;
font-size: 14px;
}
.tag-text[b-8ppm88w8rc] {
color: #374151;
}
.tag-remove[b-8ppm88w8rc] {
background: none;
border: none;
color: #6b7280;
cursor: pointer;
font-size: 16px;
padding: 0 2px;
display: flex;
align-items: center;
justify-content: center;
}
.tag-remove:hover[b-8ppm88w8rc] {
color: #ef4444;
}
.search-input[b-8ppm88w8rc] {
border: none;
background-color: transparent;
outline: none;
padding: 4px;
flex-grow: 1;
min-width: 120px;
font-size: 14px;
}
.search-results[b-8ppm88w8rc] {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
margin-top: 4px;
max-height: 300px;
overflow-y: auto;
z-index: 1000;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.search-result-item[b-8ppm88w8rc] {
cursor: pointer;
}
.search-result-item:hover[b-8ppm88w8rc] {
background-color: var(--beige-50);
}
.search-result-item.selected[b-8ppm88w8rc] {
background-color: var(--beige-200) !important;
}
.search-result-item.focused[b-8ppm88w8rc] {
background-color: var(--beige-50);
}
.search-result-item.selected.focused[b-8ppm88w8rc] {
background-color: var(--beige-300) !important;
}
.user-item[b-8ppm88w8rc] {
display: flex;
align-items: center;
padding: 8px 12px;
gap: 12px;
}
.user-avatar[b-8ppm88w8rc] {
width: 32px;
height: 32px;
background-color: #2563eb;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
flex-shrink: 0;
}
.user-details[b-8ppm88w8rc] {
flex-grow: 1;
min-width: 0;
}
.user-name[b-8ppm88w8rc] {
font-weight: 500;
color: #111827;
font-size: 14px;
}
.user-email[b-8ppm88w8rc] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.user-department[b-8ppm88w8rc] {
font-size: 12px;
color: #2563eb;
background-color: #eff6ff;
padding: 2px 8px;
border-radius: 12px;
white-space: nowrap;
}
.selected-check[b-8ppm88w8rc] {
color: #2563eb;
font-weight: bold;
}
/* _content/Frontend/Components/Components/Inputs/PasswordInput.razor.rz.scp.css */
.password-input-container[b-n3kt594dj9] {
display: flex;
position: relative;
align-items: center;
width: 100%;
}
[b-n3kt594dj9] .pass-input {
width: 100%;
}
.toggle-reveal[b-n3kt594dj9] {
position: absolute;
right: 10px;
padding: 0.5rem;
color: var(--beige-700);
background-color: transparent;
border: none;
font-size: 1.5rem;
}
/* _content/Frontend/Components/Components/Inputs/PercentInput/PercentInput.razor.rz.scp.css */
.input-container[b-jo8nhsz4ad] {
position: relative;
}
.value-icon[b-jo8nhsz4ad] {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.input .value-icon[b-jo8nhsz4ad] {
position: absolute;
right: 1rem;
}
[b-jo8nhsz4ad] .input-area {
border: none;
outline: none;
background: transparent;
width: 100%;
height: 100%;
padding-right: 1rem;
}
[b-jo8nhsz4ad] .input-area::-webkit-inner-spin-button,
[b-jo8nhsz4ad] .input-area::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* _content/Frontend/Components/Components/Inputs/PercentInput/PercentInputNullable.razor.rz.scp.css */
.input-container[b-yvq01dzpkb] {
position: relative;
}
.value-icon[b-yvq01dzpkb] {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.input .value-icon[b-yvq01dzpkb] {
position: absolute;
right: 1rem;
}
[b-yvq01dzpkb] .input-area {
border: none;
outline: none;
background: transparent;
width: 100%;
height: 100%;
padding-right: 1rem;
}
[b-yvq01dzpkb] .input-area::-webkit-inner-spin-button,
[b-yvq01dzpkb] .input-area::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* _content/Frontend/Components/Components/Inputs/PhoneNumberInput.razor.rz.scp.css */
.phone-input-container[b-u1b1h9jff1] {
position: relative;
width: 100%;
}
.phone-input[b-u1b1h9jff1] {
width: 100%;
}
.country-select[b-u1b1h9jff1] {
position: absolute;
left: 1rem;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
outline: none;
width: auto;
}
/* _content/Frontend/Components/Components/Inputs/SearchSelect.razor.rz.scp.css */
.search-select-container[b-i19ffgthne] {
position: relative;
width: 100%;
}
.search-select-input[b-i19ffgthne] {
width: 100%;
}
.suggestions-list[b-i19ffgthne] {
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
list-style-type: none !important;
/*padding: 0.5rem 1rem;*/
li:first-child {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
li:last-child[b-i19ffgthne] {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
li[b-i19ffgthne] {
font-size: var(--font-size-text-md);
font-weight: var(--font-weight-light);
padding: 0.5rem 1rem;
&:hover {
cursor: pointer;
background-color: var(--beige-200);
}
}
li.active[b-i19ffgthne] {
background-color: var(--beige-200);
}
}
/*.search-results {*/
/* position: absolute;*/
/* top: 100%;*/
/* left: 0;*/
/* width: 100%;*/
/* max-height: 300px;*/
/* overflow-y: auto;*/
/* background-color: white;*/
/* border: 1px solid #ccc;*/
/* border-top: none;*/
/* border-radius: 0 0 4px 4px;*/
/* box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
/* z-index: 1000;*/
/* display: none; !* Will need to be toggled with JavaScript/Blazor *!*/
/*}*/
/*!* Add this class when you want to show the dropdown *!*/
/*.search-results.show {*/
/* display: block;*/
/*}*/
/*.search-result {*/
/* padding: 8px 12px;*/
/* cursor: pointer;*/
/*}*/
/* _content/Frontend/Components/Components/Inputs/SelectDropdown.razor.rz.scp.css */
.custom-select[b-ygru3dzjxt] {
position: relative;
}
.select-header[b-ygru3dzjxt] {
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.dropdown-icon[b-ygru3dzjxt] {
font-size: 12px;
}
.select-dropdown[b-ygru3dzjxt] {
visibility: hidden;
position: absolute;
display: flex;
flex-direction: column;
gap: 0.25rem;
top: 100%;
left: 50%;
transform: translateX(-50%);
right: 0;
border-radius: 0.5rem;
padding: 0.25rem 0.38rem;
background-color: var(--white, white);
border: 1px solid var(--beige-100);
z-index: 1000;
max-height: 200px;
overflow-y: auto;
min-width: 10rem;
&.show {
visibility: visible;
}
}
.select-option[b-ygru3dzjxt] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
border-radius: 0.5rem;
cursor: pointer;
}
.select-option:hover[b-ygru3dzjxt] {
background-color: var(--beige-50);
}
.select-option.selected[b-ygru3dzjxt] {
background-color: var(--beige-100, #F9F6F3);
}
/* _content/Frontend/Components/Components/Inputs/StringAddressInput.razor.rz.scp.css */
.search-container[b-u9s1wfax9d] {
position: relative;
width: 100%;
.search-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
color: currentColor;
}
.input.search[b-u9s1wfax9d] {
padding-left: 2.5rem;
width: 100%;
}
}
.suggestions-list[b-u9s1wfax9d] {
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
list-style-type: none !important;
/*padding: 0.5rem 1rem;*/
li:first-child {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
li:last-child[b-u9s1wfax9d] {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
li[b-u9s1wfax9d] {
font-size: var(--font-size-text-md);
font-weight: var(--font-weight-light);
padding: 0.5rem 1rem;
&:hover {
cursor: pointer;
background-color: var(--beige-200);
}
}
li.active[b-u9s1wfax9d] {
background-color: var(--beige-200);
}
}
/* _content/Frontend/Components/Components/Inputs/UserSearchDropdown.razor.rz.scp.css */
.search-container[b-8vod7urme3] {
position: relative;
font-family: system-ui, -apple-system, sans-serif;
}
.search-input[b-8vod7urme3] {
width: 100%;
}
.search-input:focus[b-8vod7urme3] {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}
.search-results[b-8vod7urme3] {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
margin-top: 4px;
max-height: 300px;
overflow-y: auto;
z-index: 1000;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.search-result-item[b-8vod7urme3] {
cursor: pointer;
}
.search-result-item:hover[b-8vod7urme3] {
background-color: var(--beige-50);
}
.user-item[b-8vod7urme3] {
display: flex;
align-items: center;
padding: 8px 12px;
gap: 12px;
}
.user-avatar[b-8vod7urme3] {
width: 1.5rem;
height: 1.5rem;
background-color: #ffe3d7;
color: #CC785C;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
flex-shrink: 0;
}
.user-details[b-8vod7urme3] {
flex-grow: 1;
min-width: 0;
}
.user-email[b-8vod7urme3] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.user-department[b-8vod7urme3] {
font-size: 12px;
color: #2563eb;
background-color: #eff6ff;
padding: 2px 8px;
border-radius: 12px;
white-space: nowrap;
}
/* _content/Frontend/Components/Components/Inputs/YesNoToggleButtons.razor.rz.scp.css */
.yes-no-toggle-buttons[b-ttkin3pmjf] {
display: flex;
gap: 0.5rem;
}
.option[b-ttkin3pmjf] {
display: flex;
cursor: pointer;
width: 3.375rem;
padding: 0.375rem;
justify-content: center;
align-items: center;
gap: 0.3125rem;
border-radius: 1.5rem;
background: var(--beige-100, #F9F6F3);
border: 1px solid var(--beige-300, #EEE9E0);
color: var(--beige-700);
}
.option.selected[b-ttkin3pmjf] {
border: 1px solid var(--beige-800, #2F2D2E);
color: var(--beige-800);
}
/* _content/Frontend/Components/Components/ListItems/VenueListItem.razor.rz.scp.css */
.recipient-container[b-6st64bfybj] {
border-bottom: 1px solid var(--beige-200);
}
.supplier-container[b-6st64bfybj] {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 1rem;
.supplier-left-side-details {
flex: 1;
display: flex;
gap: 0.5rem;
padding: 1rem;
margin-right: auto;
flex-wrap: wrap;
.supplier-image {
width: 10rem;
height: 5rem;
border-radius: var(--border-radius);
}
.supplier-info[b-6st64bfybj] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
}
}
/*.supplier-middle-side-details {*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* gap: 0.5rem;*/
/* margin: 1rem;*/
/* margin-right: 15%;*/
/* */
/* .sales-contacts-info {*/
/* display: flex;*/
/* flex-direction: column;*/
/* gap: 0.5rem;*/
/* padding: 1rem;*/
/* }*/
/*}*/
.supplier-right-side-details[b-6st64bfybj] {
flex: 0.5;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
.sales-contacts-info {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
}
}
}
.sales-contacts-controls[b-6st64bfybj] {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: flex-start;
}
.avatar-group[b-6st64bfybj] {
--avatar-size: 2.5rem;
display: flex;
justify-content: left;
flex-direction: row;
margin-left: 0.5rem;
/*gap: 0.5rem;*/
.avatar {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
overflow: hidden;
margin-left: -0.75rem;
cursor: pointer;
transition: transform 0.3s ease;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
&:hover:not(:last-of-type)[b-6st64bfybj] {
transform: translate(-0.5rem);
}
}
.text-avatar[b-6st64bfybj] {
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
overflow: visible;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
margin-left: -0.75rem;
cursor: pointer;
transition: transform 0.3s ease;
.x-icon {
display: none;
}
.x-icon:hover[b-6st64bfybj] {
color: var(--maroon-600);
}
&:hover:not(:last-of-type)[b-6st64bfybj] {
transform: translate(-0.5rem);
}
&:hover[b-6st64bfybj] {
position: relative;
.x-icon {
display: block;
position: absolute;
top: 0.35rem;
right: 0.35rem;
transform: translate(50%, -50%);
}
}
}
.hidden-avatars[b-6st64bfybj] {
display: flex;
justify-content: center;
align-items: center;
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
background-color: #F9F5FF;
border: 2px solid white;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
color: #000;
margin-left: -0.5rem;
z-index: 1;
}
}
/* _content/Frontend/Components/Components/LoadingScreen.razor.rz.scp.css */
@keyframes backgroundColorTransition-b-uscd23oz0f {
0% {
background-color: var(--beige-200); /* First color */
}
50% {
background-color: var(--beige-100);; /* Second color */
}
100% {
background-color: var(--beige-200); /* Back to the first color */
}
}
@keyframes backgroundColorTransition2-b-uscd23oz0f {
0% {
background-color: var(--beige-100); /* First color */
}
50% {
background-color: var(--beige-300);; /* Second color */
}
100% {
background-color: var(--beige-100); /* Back to the first color */
}
}
.loading-screen[b-uscd23oz0f] {
display: flex;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: calc(100vh - var(--nav-height));
.back-button {
animation: backgroundColorTransition2-b-uscd23oz0f 2s infinite;
border-radius: 0.75rem;
height: 2.5rem;
width: 4.5rem;
margin-left: 2rem;
}
.sheet-area[b-uscd23oz0f] {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
margin-top: 1rem;
gap: 1rem;
.block {
/*background-color: var(--beige-200);*/
animation: backgroundColorTransition-b-uscd23oz0f 2s infinite;
border-radius: 0.75rem;
width: 100%;
}
.block-1[b-uscd23oz0f] {
/*background-color: var(--beige-200);*/
animation: backgroundColorTransition-b-uscd23oz0f 2s infinite;
border-radius: 0.75rem;
flex: 1;
width: 100%;
}
.block-column[b-uscd23oz0f] {
display: flex;
flex-direction: column;
gap: 1rem;
}
.block-row[b-uscd23oz0f] {
display: flex;
gap: 1rem;
}
}
}
/* _content/Frontend/Components/Components/Modals/AboutSectionModal.razor.rz.scp.css */
.about-body[b-p8pneorark] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 2rem;
flex-grow: 1; /* Allow the child to grow */
overflow-y: auto; /* Make the child scrollable when it overflows */
}
/* _content/Frontend/Components/Components/Modals/AddDiscountModal.razor.rz.scp.css */
.input-row[b-a4fqwbtegv] {
display: flex;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddNewClientModal.razor.rz.scp.css */
.upload-logo-container[b-dw61ruv88d] {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
position: relative;
.client-logo {
display: flex;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
object-fit: contain;
}
}
.input-row[b-dw61ruv88d] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddNewHotelBrandModal.razor.rz.scp.css */
.input-row[b-gz92e5tc9b] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddNewHotelChainModal.razor.rz.scp.css */
.input-row[b-zyzmz6uhgn] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddOrJoinHotelModal.razor.rz.scp.css */
.input-row[b-1p4g2x1cr2] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.join-hotel-modal-body[b-1p4g2x1cr2] {
align-items: center;
overscroll-behavior: none;
}
/* _content/Frontend/Components/Components/Modals/AddOtherFeeModal.razor.rz.scp.css */
.input-row[b-gmxssgw9lv] {
display: flex;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddResortFeeModal.razor.rz.scp.css */
.input-row[b-vtf0erg4ne] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.summary-box[b-vtf0erg4ne] {
display: flex;
flex-direction: column;
width: 100%;
gap: 0.75rem;
border: 1px solid var(--beige-200);
background-color: var(--beige-50);
border-radius: 0.75rem;
padding: 0.75rem 1rem;
}
.text-emphasis[b-vtf0erg4ne] {
border-radius: 0.375rem;
background: var(--beige-200, #F1EDE4);
color: var(--primary-color);
padding: 0rem 0.3rem;
}
.input-columns[b-vtf0erg4ne] {
display: flex;
gap: 1rem;
.first-column {
width: 10rem; /* Fixed width for the first column */
flex-shrink: 0; /* Prevent shrinking */
}
.second-column[b-vtf0erg4ne] {
display: flex;
flex: 1;
flex-direction: column;
gap: 1rem;
}
}
.cost-line[b-vtf0erg4ne] {
display: flex;
justify-content: space-between;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddSalesContactsModal.razor.rz.scp.css */
.sales-contacts-modal-body[b-o2y8ajb285] {
height: 100%;
overflow-y: auto;
}
.input-row[b-o2y8ajb285] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.add-sales-contacts-modal-footer[b-o2y8ajb285] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 2rem 1rem;
}
.search-results[b-o2y8ajb285] {
display: flex;
flex-direction: column;
gap: 1rem;
overflow-y: auto;
max-height: 100%;
}
/* _content/Frontend/Components/Components/Modals/AddTaxModal.razor.rz.scp.css */
.input-row[b-b8b8rzrib7] {
display: flex;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/CancelRfpModal.razor.rz.scp.css */
.input-row[b-24c3rn5g04] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
[b-24c3rn5g04] .decline-reason-text-area {
min-height: 6rem;
}
.cancel-rfp-modal-content[b-24c3rn5g04] {
display: flex;
flex-direction: column;
background-color: white;
/*padding: 1rem 2rem;*/
border-radius: 0.5rem;
width: 50%;
max-width: 40rem;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*height: auto;*/
max-height: 80vh;
overflow: hidden;
}
/* _content/Frontend/Components/Components/Modals/CreateProposalsSelectDatesModal.razor.rz.scp.css */
.input-row[b-880l3huojl] {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.event-date-box[b-880l3huojl] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
border-radius: 0.75rem;
border: 1px solid var(--accent-100, #F0D8D1);
background: var(--accent-50, #FBF2F0);
min-width: 18rem;
}
[b-880l3huojl] .comment-text-area {
min-height: 6rem;
width: 30rem;
}
.trash-date-button[b-880l3huojl] {
cursor: pointer;
display: flex;
height: 2.5rem;
width: 2.5rem;
justify-content: center;
align-items: center;
color: var(--maroon-500);
background-color: var(--white, white);
border: 1px solid var(--maroon-50);
border-radius: var(--border-radius);
transition: all 0.2s ease-in-out;
&:hover {
background-color: var(--maroon-500);
border: 1px solid var(--maroon-500);
color: var(--white, white);
}
}
/* _content/Frontend/Components/Components/Modals/CreateUserModal.razor.rz.scp.css */
/* FOR THE FORM */
[b-ldilo9y19t] .form {
display: flex;
flex-direction: column;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
padding: 1rem 0;
}
.form .form-actions[b-ldilo9y19t] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.grid-container[b-ldilo9y19t] {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
.input-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column1[b-ldilo9y19t] {
/*flex: 1;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
.column2[b-ldilo9y19t] {
/*flex: 3;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
}
label[b-ldilo9y19t] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/DeclineProposalModal.razor.rz.scp.css */
.input-row[b-ujy51dftog] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
[b-ujy51dftog] .decline-reason-text-area {
min-height: 6rem;
}
.decline-proposal-modal-content[b-ujy51dftog] {
display: flex;
flex-direction: column;
background-color: white;
/*padding: 1rem 2rem;*/
border-radius: 0.5rem;
width: 50%;
max-width: 40rem;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*height: auto;*/
max-height: 80vh;
overflow: hidden;
}
/* _content/Frontend/Components/Components/Modals/DeclineRfpModal.razor.rz.scp.css */
.input-row[b-ln2oaqt3ax] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
[b-ln2oaqt3ax] .decline-reason-text-area {
min-height: 6rem;
}
/* _content/Frontend/Components/Components/Modals/EditClientModal.razor.rz.scp.css */
.input-row[b-fr0xeoxba6] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/EditTemplateQuestionModal.razor.rz.scp.css */
.input-row[b-mogwcpcc5w] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/EditUserModal.razor.rz.scp.css */
/* FOR THE FORM */
[b-s8ui307gb5] .form {
display: flex;
flex-direction: column;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
padding: 1rem 0;
}
.form .form-actions[b-s8ui307gb5] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.form .form-actions .delete[b-s8ui307gb5] {
margin-right: auto;
}
.grid-container[b-s8ui307gb5] {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
.input-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column1[b-s8ui307gb5] {
/*flex: 1;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
.column2[b-s8ui307gb5] {
/*flex: 3;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
}
label[b-s8ui307gb5] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/GuestRoomDetailModal.razor.rz.scp.css */
.modal-body[b-6wu0m462rr] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 2rem;
}
.input-row[b-6wu0m462rr] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.top-section[b-6wu0m462rr] {
display: flex;
padding-bottom: 1rem;
.main-info {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-right: 1rem;
gap: 1rem;
flex: 1 1 60%;
}
.picture-container[b-6wu0m462rr] {
border-radius: var(--border-radius);
flex: 1 1 40%;
}
}
.room-picture[b-6wu0m462rr] {
width: 20rem;
height: auto;
border-radius: var(--border-radius);
}
.detail-tags[b-6wu0m462rr] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
width: 80%;
}
.bottom-section[b-6wu0m462rr] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.seating-layouts[b-6wu0m462rr] {
display: flex;
gap: 2rem 1rem;
flex-wrap: wrap;
}
.seating-layout[b-6wu0m462rr] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.seating-layout-heading[b-6wu0m462rr] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/ImageCarouselModal.razor.rz.scp.css */
.input-row[b-idtqd33qqa] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.carousel-image[b-idtqd33qqa] {
width: 100%;
border-radius: 0.5rem;
}
/* _content/Frontend/Components/Components/Modals/InviteToRfpModal.razor.rz.scp.css */
.supplier-cards[b-35o4hh6rth] {
display: flex;
flex-direction: column;
gap: 0.5rem;
.supplier-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
width: 100%;
border: 1px solid var(--beige-100);
border-radius: 1rem;
padding: 0.5rem 1rem;
cursor: pointer;
&:hover {
border: 1px solid var(--beige-300);
}
&.active[b-35o4hh6rth] {
border: 1px solid var(--accent-500);
}
.supplier-info[b-35o4hh6rth] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
.supplier-image {
height: 2rem;
width: 3.4rem;
border-radius: 0.375rem;
object-fit: fill;
}
.hotel-title[b-35o4hh6rth] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
white-space: nowrap;
overflow: hidden;
max-width: 18rem;
}
}
}
}
.actions-row[b-35o4hh6rth] {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
/* _content/Frontend/Components/Components/Modals/ManageImagesModal.razor.rz.scp.css */
.modal-body[b-ha4ujb4j3w] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0.25rem 0;
}
.input-row[b-ha4ujb4j3w] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.upload-box-container[b-ha4ujb4j3w] {
margin-top: 1rem;
}
/* _content/Frontend/Components/Components/Modals/ManageMeetingRoomModal.razor.rz.scp.css */
.modal-body[b-gm1drbd4sq] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 2rem;
}
.input-row[b-gm1drbd4sq] {
display: flex;
gap: 1rem;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
}
.input-row-end[b-gm1drbd4sq] {
display: flex;
gap: 1rem;
justify-content: flex-end;
align-items: flex-end;
flex-wrap: wrap;
}
.top-section[b-gm1drbd4sq] {
display: flex;
border-bottom: 1px solid var(--beige-300);
padding-bottom: 1rem;
.main-info {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-right: 1rem;
gap: 1rem;
flex: 1 1 60%;
}
.picture-container[b-gm1drbd4sq] {
border-radius: var(--border-radius);
flex: 1 1 40%;
}
}
.bottom-section[b-gm1drbd4sq] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
padding-bottom: 1rem;
}
[b-gm1drbd4sq] .meeting-room-picture {
width: 20rem;
max-height: 30rem;
/*aspect-ratio: 16/9;*/
object-fit: cover;
border-radius: var(--border-radius);
}
.detail-tags[b-gm1drbd4sq] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
width: 90%;
}
.seating-layouts[b-gm1drbd4sq] {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 1rem;
flex-wrap: wrap;
}
.seating-layout[b-gm1drbd4sq] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.seating-layout-heading[b-gm1drbd4sq] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/MeetingRoomDetailModal.razor.rz.scp.css */
.modal-body[b-69zn3rws8j] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 2rem;
}
.input-row[b-69zn3rws8j] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.top-section[b-69zn3rws8j] {
display: flex;
border-bottom: 1px solid var(--beige-300);
padding-bottom: 1rem;
.main-info {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-right: 1rem;
gap: 1rem;
flex: 1 1 60%;
}
.picture-container[b-69zn3rws8j] {
border-radius: var(--border-radius);
flex: 1 1 40%;
}
}
.meeting-room-picture[b-69zn3rws8j] {
width: 20rem;
height: auto;
border-radius: var(--border-radius);
}
.detail-tags[b-69zn3rws8j] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
width: 80%;
}
.bottom-section[b-69zn3rws8j] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding-bottom: 1rem;
}
.seating-layouts[b-69zn3rws8j] {
display: flex;
gap: 2rem 1rem;
flex-wrap: wrap;
}
.seating-layout[b-69zn3rws8j] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.seating-layout-heading[b-69zn3rws8j] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/QuestionTemplatesModal.razor.rz.scp.css */
.modal-body[b-f0ykdl54e2] {
padding-top: 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.question-template-list[b-f0ykdl54e2] {
display: flex;
flex-direction: column;
gap: 1rem;
max-height: 34rem;
overflow-y: auto;
}
.question-template-modal-footer[b-f0ykdl54e2] {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 1rem 2rem;
}
/* _content/Frontend/Components/Components/Modals/SalesContactModal.razor.rz.scp.css */
.content[b-r549twwag3] {
display: flex;
flex-direction: column;
height: 100%;
background-color: white;
border-radius: 0.5rem;
width: 50%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 80vh;
overflow: hidden;
}
.header[b-r549twwag3] {
/* Header will maintain its height based on content */
flex-shrink: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
.body[b-r549twwag3] {
/* Allow the body to grow and scroll when needed */
flex: 1;
overflow-y: auto;
min-height: 0; /* Important for Firefox */
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 2rem;
overscroll-behavior: none;
}
.footer[b-r549twwag3] {
/* Footer will maintain its height based on content */
flex-shrink: 0;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 2rem 2rem 1rem;
gap: 0.5rem;
}
.input-row[b-r549twwag3] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.un-editable-input[b-r549twwag3]
{
display: flex;
align-items: center;
justify-content: flex-start;
height: 3rem;
}
/* _content/Frontend/Components/Components/Modals/SavedQuestionsModal.razor.rz.scp.css */
.modal-body[b-joi7kw1dge] {
padding-top: 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.saved-question-container[b-joi7kw1dge] {
display: flex;
justify-content: space-between;
border-radius: var(--border-radius);
padding: 0.75rem 0.75rem;
align-items: center;
background-color: var(--beige-50);
border: 1px solid var(--beige-200);
/*transition: all 0.2s ease;*/
}
.saved-question-container.selected[b-joi7kw1dge] {
background-color: var(--beige-100);
border: 1px solid var(--beige-400);
}
.saved-questions-list[b-joi7kw1dge] {
display: flex;
flex-direction: column;
gap: 1rem;
max-height: 40vh;
overflow-y: auto;
}
.saved-question-details[b-joi7kw1dge] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.saved-questions-modal-footer[b-joi7kw1dge] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
/* _content/Frontend/Components/Components/Modals/SaveProposalModal.razor.rz.scp.css */
.save-proposal-modal[b-ywhjae12ix] {
max-width: 40rem;
}
.input-row[b-ywhjae12ix] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.actions[b-ywhjae12ix] {
width: 100%;
display: flex;
gap: 0.5rem;
.action {
flex: 1;
}
}
/* _content/Frontend/Components/Components/Modals/SaveQuestionsAsTemplateModal.razor.rz.scp.css */
.input-row[b-t99fagm42n] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/SaveSupplierModal.razor.rz.scp.css */
.input-row[b-glt5od458l] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.buttons-row[b-glt5od458l] {
display: flex;
width: 100%;
gap: 1rem;
}
/* _content/Frontend/Components/Components/Modals/SelectMeetingRoomModal.razor.rz.scp.css */
.input-row[b-wshactot21] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.meeting-room-detail[b-wshactot21] {
display: flex;
flex-direction: column;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
width: 100%;
.top {
display: flex;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid var(--beige-200);
}
.bottom[b-wshactot21] {
padding: 1rem;
}
}
.main-info[b-wshactot21] {
display: flex;
gap: 1rem;
}
.meeting-room-picture[b-wshactot21] {
height: 5rem;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: var(--border-radius);
}
.name-and-info[b-wshactot21] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.detail-tags[b-wshactot21] {
display: flex;
gap: 0.5rem;
max-width: 25rem;
flex-wrap: wrap;
}
.actions[b-wshactot21] {
display: flex;
gap: 0.5rem;
justify-content: flex-end;
align-items: center;
}
.seating-layouts[b-wshactot21] {
display: flex;
gap: 1rem 1rem;
flex-wrap: wrap;
.seating-layout {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.seating-layout-heading[b-wshactot21] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
}
/* _content/Frontend/Components/Components/Modals/SendHotelInviteModal.razor.rz.scp.css */
.input-row[b-5jg7a4ad16] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Modals/SendOrgInviteModal.razor.rz.scp.css */
/* FOR THE FORM */
[b-zbnqda71mu] .form {
display: flex;
flex-direction: column;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
padding: 1rem 0;
}
.form .form-actions[b-zbnqda71mu] {
/* grid-row: -1;
grid-column: -1; */
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.grid-container[b-zbnqda71mu] {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
.input-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column1[b-zbnqda71mu] {
/*flex: 1;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
.column2[b-zbnqda71mu] {
/*flex: 3;*/
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: auto;
}
}
label[b-zbnqda71mu] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* _content/Frontend/Components/Components/Modals/SimpleModal.razor.rz.scp.css */
.input-row[b-fcyhue7py5] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
[b-fcyhue7py5] .decline-reason-text-area {
min-height: 6rem;
}
.simple-modal-content[b-fcyhue7py5] {
display: flex;
flex-direction: column;
background-color: white;
/*padding: 1rem 2rem;*/
border-radius: 0.5rem;
width: 50%;
max-width: 40rem;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*height: auto;*/
max-height: 80vh;
overflow: hidden;
}
/* _content/Frontend/Components/Components/Modals/ViewRecipientSalesUsersModal.razor.rz.scp.css */
.input-row[b-ggyjzi4tst] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
/* _content/Frontend/Components/Components/Notifications/Toast.razor.rz.scp.css */
.toasts[b-of9culxzzp] {
display: flex;
flex-direction: column;
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 99999;
.toast {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
z-index: 99999;
padding: 20px;
border-radius: 0.5rem;
color: white;
/*animation: fadein 0.5s, fadeout 0.5s 4.5s; !* Appear/disappear animations *!*/
animation: fadein-b-of9culxzzp 0.5s; /* Appear/disappear animations */
transition: all 0.5s;
margin-top: 0.5rem;
.close-button {
}
}
}
.closed-toast[b-of9culxzzp] {
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.success[b-of9culxzzp] { background-color: var(--green-500); }
.error[b-of9culxzzp] { background-color: var(--maroon-600); }
.info[b-of9culxzzp] { background-color: var(--beige-800); }
.warning[b-of9culxzzp] { background-color: var(--orange-600); }
@keyframes fadein-b-of9culxzzp {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeout-b-of9culxzzp {
from {opacity: 1;}
to {opacity: 0;}
}
/* _content/Frontend/Components/Components/Sections/MyHotelsSettings.razor.rz.scp.css */
.input-row[b-1fkea29929] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-1fkea29929] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-1fkea29929] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-1fkea29929] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 50rem;
min-width: 25rem;
/*padding: 1rem;*/
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
justify-content: flex-end;
}
}
.button-group[b-1fkea29929] {
display: flex;
justify-content: space-between;
margin-top: 1rem;
width: 100%;
}
.admin-info[b-1fkea29929] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
margin-top: 1rem;
}
.hotel-card[b-1fkea29929] {
display: flex;
background-color: var(--white, white);
border: 1px solid var(--beige-200);
border-radius: 1.25rem;
padding: 1.5rem;
gap: 1rem;
width: 100%;
.hotel-image {
max-width: 4.5rem;
max-height: 4.5rem;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 0.5rem;
}
.hotel-card-content[b-1fkea29929] {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
.hotel-card-content-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--beige-200);
width: 100%;
.hotel-header {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
}
.hotel-card-content-bottom[b-1fkea29929] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
}
}
/* _content/Frontend/Components/Components/Sections/OrganizationSettings.razor.rz.scp.css */
.input-row[b-5zz1c3b5ws] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-5zz1c3b5ws] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-5zz1c3b5ws] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-5zz1c3b5ws] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 45rem;
min-width: 25rem;
padding: 1rem;
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
}
}
.button-group[b-5zz1c3b5ws] {
display: flex;
gap: 0.5rem;
align-self: flex-end;
margin-top: 1rem;
}
/* _content/Frontend/Components/Components/Sections/PasswordSettings.razor.rz.scp.css */
.input-row[b-nt3xi673na] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-nt3xi673na] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-nt3xi673na] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-nt3xi673na] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 40rem;
min-width: 20rem;
/*padding: 1rem;*/
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
justify-content: flex-end;
}
}
.button-group[b-nt3xi673na] {
display: flex;
justify-content: space-between;
margin-top: 1rem;
width: 100%;
}
/* _content/Frontend/Components/Components/Sections/ProfileSettings.razor.rz.scp.css */
.input-row[b-yt98f4lxd7] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-yt98f4lxd7] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-yt98f4lxd7] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-yt98f4lxd7] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 45rem;
min-width: 25rem;
padding: 1rem;
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
}
}
.button-group[b-yt98f4lxd7] {
display: flex;
gap: 0.5rem;
align-self: flex-end;
margin-top: 1rem;
}
/* _content/Frontend/Components/Components/Sections/QuestionsSettings.razor.rz.scp.css */
.input-row[b-x95k1x5qfi] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-x95k1x5qfi] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-x95k1x5qfi] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-x95k1x5qfi] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 55rem;
min-width: 35rem;
padding: 1rem;
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
}
}
.button-group[b-x95k1x5qfi] {
display: flex;
gap: 0.5rem;
align-self: flex-end;
margin-top: 1rem;
}
.questions-scroll-container[b-x95k1x5qfi] {
display: flex;
flex-direction: column;
/*flex: 1;*/
width: 100%;
gap: 1rem;
max-height: 35rem;
overflow-y: auto;
}
/* _content/Frontend/Components/Components/Sections/SalesPersonsSettings.razor.rz.scp.css */
.input-row[b-dmb6gk048g] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-dmb6gk048g] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-dmb6gk048g] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-dmb6gk048g] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 50rem;
min-width: 35rem;
padding: 1rem;
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
}
}
.button-group[b-dmb6gk048g] {
display: flex;
gap: 0.5rem;
align-self: flex-end;
margin-top: 1rem;
}
.change-role-buttons[b-dmb6gk048g] {
display: flex;
gap: 0.5rem;
justify-content: flex-end;
margin-bottom: 0.5rem;
}
.team-table[b-dmb6gk048g] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-dmb6gk048g] {
border-bottom: none;
}
.header-cell[b-dmb6gk048g] {
padding: 0.5rem 1rem;
}
.basic-cell[b-dmb6gk048g] {
padding: 1rem;
}
.checkbox-cell[b-dmb6gk048g] {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem 0rem;
}
.user-cell[b-dmb6gk048g] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
padding: 1rem;
}
.role-cell[b-dmb6gk048g] {
padding: 1rem;
}
.notes-cell[b-dmb6gk048g] {
text-overflow: ellipsis;
max-width: 10rem;
overflow: hidden;
}
.no-rows-cell[b-dmb6gk048g] {
text-align: center;
padding: 0.75rem;
}
.buttons-cell[b-dmb6gk048g] {
display: flex;
gap: 1rem;
justify-content: flex-end;
padding: 1rem;
}
}
/* _content/Frontend/Components/Components/Sections/TeamSettings.razor.rz.scp.css */
.input-row[b-pfflz4wpvy] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: nowrap;
width: 100%;
}
.form-field[b-pfflz4wpvy] {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.25rem;
label {
font-size: var(--font-size-text-sm);
color: var(--font-color-secondary);
}
}
.section[b-pfflz4wpvy] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
.section-header {
flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
}
.section-body[b-pfflz4wpvy] {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 50rem;
min-width: 35rem;
padding: 1rem;
margin: 0 auto;
gap: 1.5rem;
align-items: flex-start;
}
}
.button-group[b-pfflz4wpvy] {
display: flex;
gap: 0.5rem;
align-self: flex-end;
margin-top: 1rem;
}
.change-role-buttons[b-pfflz4wpvy] {
display: flex;
gap: 0.5rem;
justify-content: flex-end;
margin-bottom: 0.5rem;
}
.team-table[b-pfflz4wpvy] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-pfflz4wpvy] {
border-bottom: none;
}
.header-cell[b-pfflz4wpvy] {
padding: 0.5rem 1rem;
}
.basic-cell[b-pfflz4wpvy] {
padding: 1rem;
}
.checkbox-cell[b-pfflz4wpvy] {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem 0rem;
}
.user-cell[b-pfflz4wpvy] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
padding: 1rem;
}
.role-cell[b-pfflz4wpvy] {
padding: 1rem;
}
.no-rows-cell[b-pfflz4wpvy] {
text-align: center;
padding: 0.75rem;
}
}
/* _content/Frontend/Components/Components/Sheets/HotelSheet.razor.rz.scp.css */
/*.main-container {*/
/* display: flex;*/
/* flex-direction: column;*/
/* gap: 1rem;*/
/* width: 100vh;*/
/*}*/
.top-row[b-nv4s5uuwrh] {
display: flex;
justify-content: space-between;
}
.back-button[b-nv4s5uuwrh] {
cursor: pointer;
align-items: center;
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
padding: 0.5rem 1rem;
&:hover {
background-color: var(--beige-100);
border-radius: 99rem;
}
}
.header[b-nv4s5uuwrh] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 1rem;
}
.bottom-sheet[b-nv4s5uuwrh] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 5rem); /* Full height - layout top row */
background-color: white; /* Adjust the background color as needed */
/*box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);*/
z-index: 501; /* Ensure it is in front of other elements */
/*transition: transform 0.3s ease-in-out;*/
transform: translateY(100%); /* Initially hidden */
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
padding: 2rem 3rem;
display: flex;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: none;
box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); /* Adds a shadow on the top */
}
.bottom-sheet.open[b-nv4s5uuwrh] {
transform: translateY(0); /* Slide up to show */
}
.bottom-sheet:has(dialog[open])[b-nv4s5uuwrh] {
/* remove the main scrollbar when dialog is open */
overflow: hidden;
}
.contents[b-nv4s5uuwrh] {
display: flex;
flex-direction: column;
width: 100%;
max-width: 80rem;
}
.description[b-nv4s5uuwrh] {
margin-top: 1rem;
max-width: 60%;
overflow-wrap: break-word;
}
.gallery[b-nv4s5uuwrh] {
display: flex;
width: 100%; /* Make it responsive */
/*max-width: 80rem; !* Limit the width *!*/
gap: 0.25rem; /* Space between the images */
margin-top: 1rem;
max-height: 25rem;
}
.main-image[b-nv4s5uuwrh] {
flex: 2;
display: flex;
flex-direction: column;
overflow: hidden;
}
.side-images[b-nv4s5uuwrh] {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.main-image-img[b-nv4s5uuwrh] {
width: 100%;
height: 100%; /* Maintain aspect ratio */
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
object-fit: cover;
}
.side-images img[b-nv4s5uuwrh] {
width: 100%;
height: 50%; /* Each image takes half the height of the container */
object-fit: cover; /* Ensures the image covers the space */
}
.side-images img:first-of-type[b-nv4s5uuwrh] {
border-top-right-radius: var(--border-radius);
}
.side-images img:last-of-type[b-nv4s5uuwrh] {
border-bottom-right-radius: var(--border-radius);
}
.misc-row-1[b-nv4s5uuwrh] {
display: flex;
gap: 1rem;
margin-top: 1rem;
justify-content: space-between;
}
.scroll-tabs[b-nv4s5uuwrh] {
display: flex;
gap: 1rem;
}
.scroll-tab[b-nv4s5uuwrh] {
display: flex;
padding: 4px 4px 16px 4px;
justify-content: center;
align-items: baseline;
}
.scroll-tab.active[b-nv4s5uuwrh] {
border-bottom: 2px solid var(--accent-color);
}
.contact-infos[b-nv4s5uuwrh] {
display: flex;
gap: 1rem;
}
.contact-info[b-nv4s5uuwrh] {
display: flex;
gap: 0.5rem;
justify-content: center;
align-items: center;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
padding: 0.5rem 0.875rem;
height: 2.5rem;
}
.summary[b-nv4s5uuwrh] {
display: flex;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
width: 100%;
height: 12.5rem;
margin-top: 1rem;
.reviews {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--beige-100);
border-right: 1px solid var(--beige-200);
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
padding: 1rem;
}
.highlights[b-nv4s5uuwrh] {
display: flex;
align-items: flex-start;
flex-direction: column;
padding: 1rem;
gap: 1rem;
.highlighted-details {
display: flex;
flex-direction: row;
gap: 1.5rem;
flex-wrap: wrap;
max-width: 30rem;
}
.highlight[b-nv4s5uuwrh] {
display: flex;
gap: 0.5rem;
justify-content: center;
align-items: center;
}
.see-details[b-nv4s5uuwrh] {
display: flex;
justify-content: center;
align-items: center;
margin-top: auto;
}
}
}
.stacked-text[b-nv4s5uuwrh] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.guest-room-info-tags[b-nv4s5uuwrh] {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.room-column-1[b-nv4s5uuwrh] {
display: flex;
flex: 1;
flex-direction: column;
gap: 0.5rem;
justify-content: flex-start;
align-items: flex-start;
padding: 1rem 1rem;
}
.rooms-table[b-nv4s5uuwrh] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-nv4s5uuwrh] {
border-bottom: none;
}
.header-cell[b-nv4s5uuwrh] {
padding: 0.5rem 0.75rem;
}
.basic-cell[b-nv4s5uuwrh] {
padding: 0.5rem 0.75rem;
}
.sleeping-count-cell[b-nv4s5uuwrh] {
padding: 0.5rem 0.75rem;
text-align: center;
}
.meeting-room-cell[b-nv4s5uuwrh] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem 0.75rem;
max-width: 25rem;
.meeting-room-table-description {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
.amenity-sections[b-nv4s5uuwrh] {
display: flex;
gap: 3rem;
margin-top: 0.5rem;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
padding: 1rem;
.amenity-section {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
}
/* _content/Frontend/Components/Components/Sheets/SupplierSearchSheet.razor.rz.scp.css */
.top-row[b-aojrm2wjmy] {
display: flex;
justify-content: space-between;
}
.back-button[b-aojrm2wjmy] {
cursor: pointer;
align-items: center;
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
}
.bottom-sheet[b-aojrm2wjmy] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 5rem); /* Full height - layout top row */
background-color: white; /* Adjust the background color as needed */
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 450; /* Ensure it is in front of other elements */
transition: transform 0.3s ease-in-out;
transform: translateY(100%); /* Initially hidden */
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
display: flex;
}
.bottom-sheet.open[b-aojrm2wjmy] {
transform: translateY(0); /* Slide up to show */
overscroll-behavior: none;
}
.main-contents[b-aojrm2wjmy] {
flex: 1 1 60%;
display: flex;
flex-direction: column;
padding: 2rem 3rem;
gap: 0.5rem;
}
.search-results[b-aojrm2wjmy] {
display: flex;
flex-direction: column;
overflow-y: auto;
}
.map[b-aojrm2wjmy] {
flex: 1 1 40%;
height: 100%;
border-top-right-radius: 1.25rem;
}
.loading-search-result[b-aojrm2wjmy] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem;
height: 8rem;
}
/* _content/Frontend/Components/Components/Tables/ProposalsSummaryDeclinedTable.razor.rz.scp.css */
.declined-table[b-fmdxuoq5ny] {
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-fmdxuoq5ny] {
border-bottom: none;
}
}
.header-cell[b-fmdxuoq5ny] {
padding: 0.75rem 1.5rem;
}
.hotel-name-cell[b-fmdxuoq5ny] {
display: flex;
padding: 0.75rem 1.5rem;
max-width: 12rem;
}
.declined-status-cell[b-fmdxuoq5ny] {
padding: 0.75rem 1.5rem;
}
.reason-cell[b-fmdxuoq5ny] {
padding: 0.75rem 1.5rem;
margin-right: auto;
max-width: 15rem;
white-space: wrap;
}
/* _content/Frontend/Components/Components/Tables/ProposalsSummaryDetailTable.razor.rz.scp.css */
.detail-table[b-6qvxidkqun] {
border-top-left-radius: 1rem; border-top-right-radius: 1rem;
border-top: 1px solid var(--beige-300);
border-collapse: separate;
border-spacing: 0;
tr:last-child {
td:first-child {
border-bottom-left-radius: 1rem;
div {
border-bottom-left-radius: 1rem;
}
}
td:last-child[b-6qvxidkqun] {
border-bottom-right-radius: 1rem;
}
}
/* First column cells (left edge) */
th:first-child[b-6qvxidkqun],
td:first-child[b-6qvxidkqun] {
border-left: 1px solid var(--beige-300);
}
/* Last column cells (right edge) */
th:last-child[b-6qvxidkqun],
td:last-child[b-6qvxidkqun] {
border-right: 1px solid var(--beige-300);
}
/* Top row cells (top edge) */
thead tr:first-child th[b-6qvxidkqun] {
border-top: 1px solid var(--beige-300);
}
/* Bottom row cells (bottom edge) */
tbody tr:last-child td[b-6qvxidkqun] {
border-bottom: 1px solid var(--beige-300);
}
td[b-6qvxidkqun] {
border-bottom: 1px solid var(--beige-300);
}
}
/* I use this to make a gap in the rows for a subtitle */
.spacer-row[b-6qvxidkqun] {
height: 40px; /* Adjust as needed */
background-color: transparent;
td {
border: none !important;
}
.section-subtitle[b-6qvxidkqun] {
display: flex;
align-items: flex-end;
padding-top: 1rem;
padding-bottom: 0.5rem;
color: var(--accent-600);
}
}
/* This is used on the last row "" before a spacer row */
.last-row[b-6qvxidkqun] {
/*border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;*/
border-bottom: none;
td {
/*border: 1px solid var(--beige-300);*/
}
td:first-child[b-6qvxidkqun] {
border-bottom-left-radius: 1rem;
div {
border-bottom-left-radius: 1rem;
}
}
td:last-child[b-6qvxidkqun] {
border-bottom-right-radius: 1rem;
}
}
/* This is used on the first row "
" after a spacer row */
.start-row[b-6qvxidkqun] {
td {
border-top: 1px solid var(--beige-300);
}
td:first-child[b-6qvxidkqun] {
border-top-left-radius: 1rem;
div {
border-top-left-radius: 1rem;
}
}
td:last-child[b-6qvxidkqun] {
border-top-right-radius: 1rem;
}
}
.header-cell[b-6qvxidkqun] {
display: flex;
flex-direction: column;
padding: 0.75rem 1rem;
/*max-width: 16rem;*/
white-space: wrap;
border-left: 1px solid var(--beige-300);
}
.side-header-cell[b-6qvxidkqun] {
height: 100%;
display: flex;
flex-direction: column;
padding: 1rem 1.5rem;
color: var(--beige-700);
background-color: var(--beige-100);
}
.basic-cell[b-6qvxidkqun] {
height: 100%;
display: flex;
flex-direction: column;
padding: 1rem;
gap: 0.25rem;
border-left: 1px solid var(--beige-200);
white-space: wrap;
}
.dates-cell[b-6qvxidkqun] {
height: 100%;
display: flex;
flex-direction: column;
padding: 1rem;
gap: 0.25rem;
border-left: 1px solid var(--beige-200);
}
/* _content/Frontend/Components/Components/Tables/ProposalsSummaryOverviewTable.razor.rz.scp.css */
.overview-table[b-cfy1fg5dxs] {
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-cfy1fg5dxs] {
border-bottom: none;
}
}
.header-cell[b-cfy1fg5dxs] {
padding: 0.75rem 1.5rem;
}
.start-date-cell[b-cfy1fg5dxs] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.25rem;
padding: 1rem 1.5rem;
}
.basic-cell[b-cfy1fg5dxs] {
padding: 0.75rem 1.5rem;
}
/* _content/Frontend/Components/Components/Tables/ProposalsSummaryQuestionsTables.razor.rz.scp.css */
.questions-table[b-e9hlh6mawt] {
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-300);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-e9hlh6mawt] {
border-bottom: none;
}
}
.question-card[b-e9hlh6mawt] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
width: 100%;
margin-top: 1.5rem;
padding: 1.5rem;
background-color: var(--beige-50);
border-radius: 1rem;
border: 1px solid var(--beige-200);
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
}
.header-cell[b-e9hlh6mawt] {
padding: 0.5rem 1.5rem;
}
.hotel-name-cell[b-e9hlh6mawt] {
padding: 0.75rem 1.5rem;
}
.answer-cell[b-e9hlh6mawt] {
display: flex;
gap: 1rem;
padding: 0.75rem 1.5rem;
max-width: 100%;
white-space: wrap;
margin-right: auto;
}
/* _content/Frontend/Components/Components/TooltipWrapper.razor.rz.scp.css */
.tooltip-container[b-9u56b3jccf] {
display: flex;
position: relative !important;
color: inherit;
font-family: inherit;
font-size: inherit;
}
.tooltip-content[b-9u56b3jccf] {
display: none;
position: fixed;
left: var(--x);
top: var(--y);
transform: translate(-50%, -100%) translateY(-0.5rem);
padding: 5px;
background-color: var(--beige-800);
color: var(--white);
border-radius: 4px;
white-space: nowrap;
z-index: 1000; /* Ensures tooltip appears above other elements */
}
/* Add this to position the tooltip at the trigger element */
.tooltip-container:hover .tooltip-content[b-9u56b3jccf] {
display: block;r(--x);
}
/* _content/Frontend/Components/Layout/FullPageLayout.razor.rz.scp.css */
.page[b-7eckitug3j] {
position: relative;
display: flex;
flex-direction: row;
/*background: linear-gradient(360deg, #FFFFFF 0%, #eee6ff 20%, #E8DDFF 90%);*/
background: var(--background-color);
}
#blazor-error-ui[b-7eckitug3j] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss[b-7eckitug3j] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-46ojlnh66e] {
position: relative;
display: flex;
flex-direction: column;
}
main[b-46ojlnh66e] {
flex: 1;
}
.sidebar[b-46ojlnh66e] {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.top-row[b-46ojlnh66e] {
/* background-color: #f7f7f7; */
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}
.top-row[b-46ojlnh66e] a, .top-row[b-46ojlnh66e] .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}
.top-row[b-46ojlnh66e] a:hover, .top-row[b-46ojlnh66e] .btn-link:hover {
text-decoration: underline;
}
.top-row[b-46ojlnh66e] a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row[b-46ojlnh66e] {
justify-content: space-between;
}
.top-row[b-46ojlnh66e] a, .top-row[b-46ojlnh66e] .btn-link {
margin-left: 0;
}
}
@media (min-width: 641px) {
.page[b-46ojlnh66e] {
flex-direction: row;
}
.sidebar[b-46ojlnh66e] {
width: 15rem;
height: 100vh;
position: sticky;
top: 0;
}
.top-row[b-46ojlnh66e] {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth[b-46ojlnh66e] a:first-child {
flex: 1;
text-align: right;
width: 0;
}
.top-row[b-46ojlnh66e], article[b-46ojlnh66e] {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
#blazor-error-ui[b-46ojlnh66e] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss[b-46ojlnh66e] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-link[b-w6v3fayc1j] {
display: block;
background: rgb(0, 65, 130);
fill: rgb(235, 206, 255);
list-style: none;
justify-content: center;
margin-bottom: 0.625rem;
text-decoration: none;
}
/* ========== Reusable CSS ========= */
.sidebar .text[b-w6v3fayc1j] {
font-size: 1rem;
font-weight: 500;
color: var(--text-color);
text-decoration: none !important;
}
.sidebar .image[b-w6v3fayc1j] {
/* min-width: 3.5rem; */
display: flex;
align-items: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/* ========== SIDEBAR ========= */
.sidebar[b-w6v3fayc1j] {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 15rem;
background: var(--sidebar-color);
padding: 0.625rem 0.875rem
}
.sidebar .image-text img[b-w6v3fayc1j] {
width: 2.5rem;
border-radius: 6px;
}
.sidebar header .image-text[b-w6v3fayc1j] {
display: flex;
align-items: center;
margin-bottom: 1.25rem;
}
header .image-text .header-text[b-w6v3fayc1j] {
display: flex;
flex-direction: column;
}
.header-text .name[b-w6v3fayc1j] {
font-weight: 600;
}
.header-text .user-type[b-w6v3fayc1j] {
margin-top: -0.125rem;
}
.sidebar .menu[b-w6v3fayc1j] {
margin-top: 1.25rem;
display: flex;
flex-direction: column;
/* gap: 0.625rem; */
}
.sidebar .nav-icon[b-w6v3fayc1j] {
width: 1.5rem;
height: 1.5rem;
color: var(--text-color);
}
/* ::deep combinator used to style child components
of the file this file is scoped to */
.nav-item[b-w6v3fayc1j] .nav-link {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.625rem;
text-decoration: none;
line-height: 2.5rem;
border-radius: 6px;
border: none;
padding-left: 1rem;
}
.nav-item[b-w6v3fayc1j] a.active {
background-color: var(--primary-color);
fill: white;
transition: background-color 0.5s;
}
.nav-item[b-w6v3fayc1j] a.active .nav-text {
color: white;
}
.nav-item[b-w6v3fayc1j] a.active .nav-icon {
fill: white;
color: white;
}
.nav-item[b-w6v3fayc1j] a.active:hover {
background-color: var(--primary-color-little-light);
}
.nav-item[b-w6v3fayc1j] .nav-link:hover {
background: var(--primary-color-light);
}
.nav-text[b-w6v3fayc1j] {
padding-left: 1rem;
}
.sidebar footer[b-w6v3fayc1j] {
position: absolute;
bottom: 0;
width: 100%;
}
footer hr[b-w6v3fayc1j] {
background-color: var(--text-color-light);
border: 0px;
height: 2px;
}
.dropdown-arrow[b-w6v3fayc1j] {
margin-left: auto;
margin-right: 1rem;
}
.subsection[b-w6v3fayc1j] {
padding-left: 1rem;
transition: max-height 0.3s ease-out;
}
/* _content/Frontend/Components/Layout/Topbar.razor.rz.scp.css */
.page[b-ueyg26t6a6] {
position: relative;
display: flex;
flex-direction: column;
}
.body[b-ueyg26t6a6] {
position: relative;
display: flex;
flex-direction: row;
max-height: calc(100vh - 5rem);
}
.top-row[b-ueyg26t6a6] {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 5rem;
width: 100%;
align-items: center;
padding: 0.5rem 3rem;
z-index: 998;
}
.logo-container[b-ueyg26t6a6] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.logo[b-ueyg26t6a6] {
height: 3rem;
width: 8rem;
cursor: pointer;
}
.notification-icon[b-ueyg26t6a6] {
width: 1.25rem;
height: 1.25rem;
}
.control-group[b-ueyg26t6a6] {
display: flex;
align-items: center;
flex-direction: row;
gap: 1.5rem;
}
.beta[b-ueyg26t6a6] {
display: flex;
align-items: center;
padding: 0.15rem 0.35rem;
background-color: var(--accent-color);
border-radius: 0.5rem;
color: var(--white);
margin-top: 0.2rem;
/*font-family: "MfbOldstyle", sans-serif;*/
}
#blazor-error-ui[b-ueyg26t6a6] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 9998;
}
#blazor-error-ui .dismiss[b-ueyg26t6a6] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Layout/TopbarLayout.razor.rz.scp.css */
.page[b-f1mdabrc79] {
position: relative;
display: flex;
flex-direction: column;
}
.body[b-f1mdabrc79] {
flex: 1;
position: relative;
display: flex;
flex-direction: row;
height: 100%;
}
.footer[b-f1mdabrc79] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 3rem;
padding-bottom: 2rem;
width: 100%;
gap: 0.25rem;
background-color: var(--beige-100);
}
.top-row[b-f1mdabrc79] {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 5rem;
width: 100%;
align-items: center;
padding: 0.5rem 3rem;
}
.logo[b-f1mdabrc79] {
height: 3rem;
width: 8rem;
cursor: pointer;
}
.notification-icon[b-f1mdabrc79] {
width: 1.25rem;
height: 1.25rem;
}
.control-group[b-f1mdabrc79] {
display: flex;
align-items: center;
flex-direction: row;
gap: 1.5rem;
}
.account-button[b-f1mdabrc79] {
display: flex;
align-items: center;
gap: 0.25rem;
cursor: pointer;
height: 100%;
.profile-picture {
height: 2.5rem;
width: 2.5rem;
}
.name-and-org[b-f1mdabrc79] {
display: flex;
flex-direction: column;
}
.account-dropdown-icon[b-f1mdabrc79] {
width: 1rem;
height: 1rem;
color: var(--font-color-secondary);
margin-left: 0.5rem;
}
}
#blazor-error-ui[b-f1mdabrc79] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 9999;
}
#blazor-error-ui .dismiss[b-f1mdabrc79] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Layout/TopbarLayoutDarkFooter.razor.rz.scp.css */
.page[b-hgsnfbps38] {
position: relative;
display: flex;
flex-direction: column;
}
.body[b-hgsnfbps38] {
flex: 1;
position: relative;
display: flex;
flex-direction: row;
/*max-height: calc(100vh - 5rem);*/
height: 100%;
}
.footer[b-hgsnfbps38] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 3rem;
padding-bottom: 2rem;
width: 100%;
gap: 0.25rem;
background-color: var(--beige-300);
}
.top-row[b-hgsnfbps38] {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 5rem;
width: 100%;
align-items: center;
padding: 0.5rem 3rem;
}
.logo[b-hgsnfbps38] {
height: 3rem;
width: 8rem;
cursor: pointer;
}
.notification-icon[b-hgsnfbps38] {
width: 1.25rem;
height: 1.25rem;
}
.control-group[b-hgsnfbps38] {
display: flex;
align-items: center;
flex-direction: row;
gap: 1.5rem;
}
.account-button[b-hgsnfbps38] {
display: flex;
align-items: center;
gap: 0.25rem;
cursor: pointer;
height: 100%;
.profile-picture {
height: 2.5rem;
width: 2.5rem;
}
.name-and-org[b-hgsnfbps38] {
display: flex;
flex-direction: column;
}
.account-dropdown-icon[b-hgsnfbps38] {
width: 1rem;
height: 1rem;
color: var(--font-color-secondary);
margin-left: 0.5rem;
}
}
#blazor-error-ui[b-hgsnfbps38] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 9999;
}
#blazor-error-ui .dismiss[b-hgsnfbps38] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Layout/TopbarLayoutLightFooter.razor.rz.scp.css */
.page[b-ah06oyb8ca] {
position: relative;
display: flex;
flex-direction: column;
}
.body[b-ah06oyb8ca] {
flex: 1;
position: relative;
display: flex;
flex-direction: row;
/*max-height: calc(100vh - 5rem);*/
height: 100%;
}
.footer[b-ah06oyb8ca] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 3rem;
padding-bottom: 2rem;
width: 100%;
gap: 0.25rem;
background-color: var(--beige-50);
}
.top-row[b-ah06oyb8ca] {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 5rem;
width: 100%;
align-items: center;
padding: 0.5rem 3rem;
}
.logo[b-ah06oyb8ca] {
height: 3rem;
width: 8rem;
cursor: pointer;
}
.notification-icon[b-ah06oyb8ca] {
width: 1.25rem;
height: 1.25rem;
}
.control-group[b-ah06oyb8ca] {
display: flex;
align-items: center;
flex-direction: row;
gap: 1.5rem;
}
.account-button[b-ah06oyb8ca] {
display: flex;
align-items: center;
gap: 0.25rem;
cursor: pointer;
height: 100%;
.profile-picture {
height: 2.5rem;
width: 2.5rem;
}
.name-and-org[b-ah06oyb8ca] {
display: flex;
flex-direction: column;
}
.account-dropdown-icon[b-ah06oyb8ca] {
width: 1rem;
height: 1rem;
color: var(--font-color-secondary);
margin-left: 0.5rem;
}
}
#blazor-error-ui[b-ah06oyb8ca] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 9999;
}
#blazor-error-ui .dismiss[b-ah06oyb8ca] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* _content/Frontend/Components/Pages/Account/ChooseUserTypePage.razor.rz.scp.css */
.type-select-container[b-z5ch1tssmy] {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
padding: 2rem;
}
.type-option[b-z5ch1tssmy] {
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
justify-content: center;
padding: 1rem;
border-radius: 1rem;
background-color: var(--beige-100);
cursor: pointer;
width: 10rem;
height: 12rem;
transition: all 0.2s;
&:hover {
background-color: var(--white);
width: 10.5rem;
height: 12.5rem;
}
}
/* _content/Frontend/Components/Pages/Account/EmailSentPage.razor.rz.scp.css */
.form-block[b-j29vy7n5pr] {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
/*width: 32rem;*/
max-width: 100vw;
}
.mail-icon[b-j29vy7n5pr] {
display: flex;
justify-content: center;
align-items: center;
height: 3.25rem;
width: 3.25rem;
padding: 0.75rem;
border-radius: 999rem;
background-color: var(--beige-200);
color: var(--beige-700);
font-size: 2rem;
}
.back-button[b-j29vy7n5pr] {
width: 100%;
margin-top: 1.5rem;
}
/* _content/Frontend/Components/Pages/Account/ForgotPasswordPage.razor.rz.scp.css */
.forgot-password-page[b-29gupx4zp8] {
display: flex;
justify-content: center;
/*background-color: var(--beige-100, #FCFBFA);*/
}
.form-block[b-29gupx4zp8] {
display: flex;
justify-content: center;
/*align-items: center;*/
flex-direction: column;
gap: 1rem;
padding: 2rem;
width: 31.5rem;
background-color: var(--beige-50, #FCFBFA);
border-radius: 1.25rem;
}
.back-container[b-29gupx4zp8] {
display: flex;
align-items: center;
cursor: pointer;
gap: 0.5rem;
}
/* _content/Frontend/Components/Pages/Account/HotelierSignup/ConfirmHotelPage.razor.rz.scp.css */
.form-block[b-bqtln3moo2] {
display: flex;
flex-direction: column;
gap: 0.75rem;
/*align-items: center;*/
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
/*width: 32rem;*/
max-width: 100vw;
}
.hotel-card[b-bqtln3moo2] {
display: flex;
gap: 1rem;
align-items: center;
background-color: var(--beige-100);
padding: 1rem;
border-radius: var(--border-radius);
margin: 1rem 0;
}
.hotel-image[b-bqtln3moo2] {
width: 6rem;
height: 4rem;
object-fit: cover;
border-radius: var(--border-radius);
}
.hotel-details[b-bqtln3moo2] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
/* _content/Frontend/Components/Pages/Account/PlannerSignup/PlannerSignupPage.razor.rz.scp.css */
.form-block[b-4ic0n8c3ro] {
display: flex;
flex-direction: column;
gap: 1.5rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 100vw;
}
.form-block-2[b-4ic0n8c3ro] {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 100vw;
}
.org-btns-container[b-4ic0n8c3ro] {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1rem;
.add-org-btn {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
border-radius: 1.25rem;
background-color: var(--beige-100);
border: 1px solid var(--maroon-100);
cursor: pointer;
height: 11.25rem;
width: 11.25rem;
gap: 1rem;
.org-option-icon {
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
background-color: var(--beige-200);
color: var(--beige-700);
padding: 0.5rem;
border-radius: var(--border-radius);
}
.selected-circle[b-4ic0n8c3ro] {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--beige-400, #E2DACB);
background-color: var(--white, #FFF);
border-radius: 999rem;
}
.selected-circle.active[b-4ic0n8c3ro] {
padding: 0.25rem;
border: 1px solid var(--beige-800);
background-color: var(--beige-800);
background-clip: content-box;
}
}
.add-org-btn.active[b-4ic0n8c3ro] {
border: 1px solid var(--beige-100, #F9F6F3);
background: var(--white, #FFF);
box-shadow: 0px 4px 20px -2px rgba(119, 75, 251, 0.10);
}
}
.event-count-container[b-4ic0n8c3ro] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
.event-count-btn {
display: flex;
padding: 1rem;
align-items: center;
width: 13rem;
gap: 0.75rem;
/*flex: 1 0 0;*/
border-radius: 0.75rem;
border: 1px solid var(--beige-400, #E2DACB);
background: var(--beige-100, #F9F6F3);
backdrop-filter: blur(50px);
&:hover {
border: 1px solid var(--beige-500, #E2DACB);
}
.selected-circle[b-4ic0n8c3ro] {
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--beige-400, #E2DACB);
background-color: var(--white, #FFF);
border-radius: 999rem;
&.active {
padding: 0.25rem;
border: 1px solid var(--beige-800);
background-color: var(--beige-800);
background-clip: content-box;
}
}
}
}
.input-row[b-4ic0n8c3ro] {
display: flex;
gap: 1rem;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
}
.plan-select-container[b-4ic0n8c3ro] {
display: flex;
flex-direction: column;
gap: 1rem;
width: 70%;
.plan-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.plans[b-4ic0n8c3ro] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: flex-start;
.plan {
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1 0 0;
justify-content: flex-start;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 100vw;
}
}
}
.toggle-input-container[b-4ic0n8c3ro] {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
gap: 0.5rem;
position: relative;
margin-top: 0.25rem;
height: 3rem;
border-radius: 999rem;
border: 1px solid var(--beige-800);
min-width: 17rem;
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);
.selected-highlight {
position: absolute;
top: 0;
background-color: var(--beige-800);
width: 50%;
height: 100%;
z-index: 0;
border-radius: inherit;
/*border: 3px solid var(--beige-800);*/
transition: left 0.3s ease;
}
.option[b-4ic0n8c3ro] {
/*cursor: pointer;*/
position: relative;
display: inline-block;
z-index: 1;
transition: color 0.3s ease;
}
.option.option-True[b-4ic0n8c3ro] {
color: var(--beige-700);
}
.option.option-False[b-4ic0n8c3ro] {
color: var(--beige-100);
}
/* Hidden clickable area*/
.option[b-4ic0n8c3ro]::before {
content: "";
position: absolute;
top: -10px;
bottom: -10px;
left: -50px;
right: -50px;
background: transparent;
cursor: pointer;
}
.selected-highlight.selected-highlight-True[b-4ic0n8c3ro] {
left: 0;
}
.selected-highlight.selected-highlight-False[b-4ic0n8c3ro] {
left: 50%;
}
}
.org-join-info-box[b-4ic0n8c3ro] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
padding: 1.25rem 2rem;
border-radius: var(--border-radius);
background-color: var(--beige-100);
border: 1px solid var(--beige-200);
.logo {
height: 3rem;
}
}
.org-invite-container[b-4ic0n8c3ro] {
display: flex;
justify-content: space-between;
gap: 1rem;
padding: 1.25rem 2rem;
border-radius: var(--border-radius);
background-color: var(--beige-100);
border: 1px solid var(--beige-200);
}
/* _content/Frontend/Components/Pages/Account/ResetPasswordPage.razor.rz.scp.css */
.forgot-password-page[b-ev2sqr7s48] {
display: flex;
justify-content: center;
/*background-color: var(--beige-100, #FCFBFA);*/
}
.form-block[b-ev2sqr7s48] {
display: flex;
justify-content: center;
/*align-items: center;*/
flex-direction: column;
gap: 1rem;
padding: 2rem;
width: 31.5rem;
background-color: var(--beige-50, #FCFBFA);
border-radius: 1.25rem;
}
.back-container[b-ev2sqr7s48] {
display: flex;
align-items: center;
cursor: pointer;
gap: 0.5rem;
}
/* _content/Frontend/Components/Pages/Account/SalesSignup/SalesCapacitySection.razor.rz.scp.css */
.form-block[b-yzor78e8qn] {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 90vw;
min-width: 32rem;
width: 32rem;
}
.threshold-container[b-yzor78e8qn] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
.threshold-btn {
display: flex;
padding: 1rem;
align-items: center;
width: 13rem;
gap: 0.75rem;
/*flex: 1 0 0;*/
border-radius: 0.75rem;
border: 1px solid var(--beige-400, #E2DACB);
background: var(--beige-100, #F9F6F3);
backdrop-filter: blur(50px);
&:hover {
border: 1px solid var(--beige-500);
}
.selected-circle[b-yzor78e8qn] {
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--beige-400, #E2DACB);
background-color: var(--white, #FFF);
border-radius: 999rem;
&.active {
padding: 0.25rem;
border: 1px solid var(--beige-800);
background-color: var(--beige-800);
background-clip: content-box;
}
}
}
}
/* _content/Frontend/Components/Pages/Account/SalesSignup/SalesMarketSection.razor.rz.scp.css */
.form-block[b-743xc3dc0n] {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 90vw;
min-width: 32rem;
width: 32rem;
}
/* _content/Frontend/Components/Pages/Account/SalesSignup/SalesRepfirmSection.razor.rz.scp.css */
.form-block[b-sv1pcdv9tc] {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 90vw;
min-width: 32rem;
width: 32rem;
}
.role-choice[b-sv1pcdv9tc] {
display: flex;
background-color: var(--beige-100);
border: 1px solid var(--beige-400);
border-radius: 0.75rem;
padding: 1rem;
gap: 1rem;
align-items: center;
cursor: pointer;
&:hover {
border: 1px solid var(--beige-500);
}
&.selected[b-sv1pcdv9tc] {
border: 1px solid var(--beige-800);
}
}
.select-circle[b-sv1pcdv9tc] {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: white;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
&.selected {
background-clip: content-box;
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
padding: 0.35rem;
}
}
/* _content/Frontend/Components/Pages/Account/SalesSignup/SalesRoleSection.razor.rz.scp.css */
.form-block[b-oasbxks0nu] {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
max-width: 90vw;
min-width: 32rem;
width: 32rem;
}
.role-choice[b-oasbxks0nu] {
display: flex;
background-color: var(--beige-100);
border: 1px solid var(--beige-400);
border-radius: 0.75rem;
padding: 1rem;
gap: 1rem;
align-items: center;
cursor: pointer;
&:hover {
border: 1px solid var(--beige-500);
}
&.selected[b-oasbxks0nu] {
border: 1px solid var(--beige-800);
}
}
.select-circle[b-oasbxks0nu] {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: white;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
&.selected {
background-clip: content-box;
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
padding: 0.35rem;
}
}
/* _content/Frontend/Components/Pages/Account/SalesSignup/SalesSignupPage.razor.rz.scp.css */
.sales-signup-page[b-ut1iakij10] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0.5rem;
padding: 1rem 3rem;
width: 100vw
}
/* _content/Frontend/Components/Pages/Account/SignupPage.razor.rz.scp.css */
.signupPage[b-58ey4bpgu5] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
}
.form-block[b-58ey4bpgu5] {
display: flex;
flex-direction: column;
gap: 1rem;
/*align-items: center;*/
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
/*width: 32rem;*/
max-width: 100vw;
}
.block-header[b-58ey4bpgu5] {
display: flex;
flex-direction: column;
gap: 0.5rem;
/*align-items: center;*/
justify-content: center;
}
.block-footer[b-58ey4bpgu5] {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: center;
justify-content: center;
}
.line-separator[b-58ey4bpgu5] {
width: 100%;
height: 1px;
background-color: var(--beige-400);
}
.password-requirements[b-58ey4bpgu5] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* _content/Frontend/Components/Pages/Account/UserDetailsPage.razor.rz.scp.css */
.form-block[b-4n1cg5jqyg] {
display: flex;
flex-direction: column;
gap: 1.5rem;
/*align-items: center;*/
justify-content: center;
border-radius: 20px;
background: var(--beige-50, #FCFBFA);
padding: 2rem;
/*width: 32rem;*/
max-width: 100vw;
}
/* _content/Frontend/Components/Pages/Admin/DirectoryIngestion.razor.rz.scp.css */
.directory-ingestion-page[b-d7bdmkq956] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem 3rem;
width: 100vw;
height: auto;
min-height: calc(100vh - var(--nav-height));
}
.main-contents[b-d7bdmkq956] {
flex: 1 1 60%;
display: flex;
flex-direction: column;
padding: 2rem 3rem;
gap: 0.5rem;
}
.map[b-d7bdmkq956] {
flex: 1 1 40%;
height: 100%;
border-top-right-radius: 1.25rem;
}
.directory-ingestion-page .placeid-input[b-d7bdmkq956] {
height: 10rem !important;
}
/* _content/Frontend/Components/Pages/Admin/DirectoryManagement.razor.rz.scp.css */
.directory-management-page[b-84qpvwijt7] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 0.5rem;
padding: 1rem 3rem;
width: 100vw;
min-height: 100vh;
}
/* _content/Frontend/Components/Pages/Admin/ManageHotel.razor.rz.scp.css */
.create-hotel-page[b-wgwk8mw9j6] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 100%;
overflow-x: hidden;
.floating-action-buttons {
position: fixed;
display: flex;
flex-direction: column;
gap: 0.25rem;
justify-content: center;
align-items: center;
bottom: 3rem;
left: 50%;
transform: translateX(-50%);
padding: 0.75rem;
border-radius: 1rem;
background-color: var(--beige-100);
border: 1px solid var(--beige-400);
z-index: 10;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
}
.control-row[b-wgwk8mw9j6] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
padding: 0.5rem 2rem;
.go-back-button {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
padding: 0.5rem 1rem;
border-radius: 999rem;
transition: all 0.2s;
&:hover {
background-color: var(--beige-400);
}
}
}
.sheet-area[b-wgwk8mw9j6] {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
gap: 0.25rem;
min-width: min-content;
}
.main-title[b-wgwk8mw9j6] {
align-self: center;
margin-bottom: 1rem;
}
.saved-text[b-wgwk8mw9j6] {
margin: 0 auto;
}
.section-title[b-wgwk8mw9j6] {
margin-top: 1rem;
}
.section-subtitle[b-wgwk8mw9j6] {
margin-bottom: -0.5rem;
}
.block[b-wgwk8mw9j6] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50);
gap: 1rem;
width: 100%;
border: 1px solid var(--beige-200);
}
.block-summary[b-wgwk8mw9j6] {
margin-top: 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
}
.input-row[b-wgwk8mw9j6] {
display: flex;
gap: 1rem;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
}
.media-container[b-wgwk8mw9j6] {
display: flex;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
}
.media-item-container[b-wgwk8mw9j6] {
position: relative;
display: inline-block;
}
.media-item[b-wgwk8mw9j6] {
display: block;
height: 8rem;
/*width: auto;*/
/*object-fit: contain;*/
}
.remove-media-btn[b-wgwk8mw9j6] {
position: absolute;
top: 5px;
right: 5px;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
width: 1.5rem;
height: 1.5rem;
color: var(--beige-700);
border-radius: 999rem;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
}
[b-wgwk8mw9j6] .media-priority-input {
position: absolute;
top: 5px;
left: 5px;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
width: 1.5rem;
height: 1.5rem;
color: var(--beige-700);
border-radius: 999rem;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
}
.save-btn[b-wgwk8mw9j6] {
align-self: flex-start;
}
.seating-layout-icon-container[b-wgwk8mw9j6] {
display: flex;
justify-content: flex-end;
width: 10rem;
}
[b-wgwk8mw9j6] ul li {
list-style-type: disc;
list-style-position: inside;
}
[b-wgwk8mw9j6] ol {
list-style-type: decimal; /* Standard numbered list */
}
.uploaded-file-container[b-wgwk8mw9j6] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
height: 4rem;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
}
.file-info[b-wgwk8mw9j6] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.file-icon[b-wgwk8mw9j6] {
width: 2rem;
height: 2rem;
color: var(--beige-600);
margin-right: 0.5rem;
object-fit: contain;
}
.x-icon[b-wgwk8mw9j6] {
width: 1.5rem;
height: 1.5rem;
color: var(--beige-600);
cursor: pointer;
&:hover {
color: var(--maroon-600)
}
}
.stacked-text[b-wgwk8mw9j6] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.amenities-container[b-wgwk8mw9j6] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.labeled-checkbox[b-wgwk8mw9j6] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.checkbox-wrapper[b-wgwk8mw9j6] {
height: 1.531rem;
}
.basic-cell[b-wgwk8mw9j6] {
display: flex;
gap: 0.5rem;
}
/* _content/Frontend/Components/Pages/Admin/ManageSuppliersPage.razor.rz.scp.css */
.manage-suppliers-page[b-b9e7a2e4ms] {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: var(--beige-100);
width: 100%;
min-height: calc(100vh - 5rem);
border-top-right-radius: 1.25rem;
border-top-left-radius: 1.25rem;
padding: 1.5rem 3rem;
gap: 1rem;
}
.utility-row[b-b9e7a2e4ms] {
display: flex;
gap: 1rem;
align-items: center;
width: 100%;
}
.filter-row[b-b9e7a2e4ms] {
display: flex;
align-items: center;
gap: 0.25rem;
width: 100%;
}
[b-b9e7a2e4ms] .filter-clear-button {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
[b-b9e7a2e4ms] .filter-clear-button:hover {
color: var(--maroon-700)
}
.header-cell[b-b9e7a2e4ms] {
padding: 0.5rem 1rem;
}
.basic-cell[b-b9e7a2e4ms] {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
}
/* _content/Frontend/Components/Pages/Admin/OrgPage.razor.rz.scp.css */
.org-name[b-6nnfdh6qnd] {
margin-bottom: 2rem;
}
.section-title[b-6nnfdh6qnd] {
/*margin-bottom: 1rem;*/
}
.horizontal-separator[b-6nnfdh6qnd] {
width: 100%;
height: 0.125rem;
margin-top: 1rem;
margin-bottom: 1rem;
background-color: var(--light-grey);
}
.save-org-btn[b-6nnfdh6qnd] {
margin-top: 2rem;
width: 5rem;
}
.grid-container[b-6nnfdh6qnd] {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
.input-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column1[b-6nnfdh6qnd] {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: 100%;
}
.column2[b-6nnfdh6qnd] {
flex: 3;
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: 100%;
}
}
[b-6nnfdh6qnd] .text-area {
padding: 0.5rem;
height: 4rem;
max-width: 30rem;
width: 15rem;
}
/* _content/Frontend/Components/Pages/Admin/OrgsPage.razor.rz.scp.css */
.org-name[b-ws4v2cqzvo] {
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
.avatar[b-ws4v2cqzvo] {
display: flex;
justify-content: center;
align-items: center;
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
border: 2px solid white;
background-color: #F9F5FF;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
position: relative;
text {
font-size: 1.15rem;
color: #7F56D9;
}
}
.avatar-group[b-ws4v2cqzvo] {
display: flex;
justify-content: left;
flex-direction: row;
/*gap: 0.5rem;*/
.avatar {
margin-left: -0.75rem;
cursor: pointer;
transition: transform 0.3s ease;
&:hover:not(:last-of-type) {
transform: translate(-0.5rem);
}
}
.hidden-avatars[b-ws4v2cqzvo] {
display: flex;
justify-content: center;
align-items: center;
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
background-color: #F9F5FF;
border: 2px solid white;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
color: #000;
margin-left: -0.5rem;
z-index: 1;
}
}
/* _content/Frontend/Components/Pages/Admin/RefreshAddresses.razor.rz.scp.css */
.refresh-addresses-page[b-bqp3am8ypq] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
padding: 1rem 3rem;
width: 100vw;
height: auto;
min-height: calc(100vh - var(--nav-height));
}
.input-row[b-bqp3am8ypq] {
display: flex;
gap: 1rem;
}
.button[b-bqp3am8ypq] {
padding: 0.5rem 1rem;
}
.updated-addresses[b-bqp3am8ypq] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
/* _content/Frontend/Components/Pages/Admin/UserPage.razor.rz.scp.css */
.org-name[b-do2ihlpbl4] {
margin-bottom: 2rem;
}
.section-title[b-do2ihlpbl4] {
margin-bottom: 1rem;
}
.horizontal-separator[b-do2ihlpbl4] {
width: 100%;
height: 0.125rem;
margin-top: 1rem;
margin-bottom: 1rem;
background-color: var(--light-grey);
}
.save-org-btn[b-do2ihlpbl4] {
margin-top: 2rem;
width: 5rem;
}
.grid-container[b-do2ihlpbl4] {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
.input-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.column1[b-do2ihlpbl4] {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: 100%;
}
.column2[b-do2ihlpbl4] {
flex: 3;
display: flex;
flex-direction: column;
align-items: flex-start; /* Align items to the start of the column */
padding: 10px;
gap: 1.25rem;
max-width: 100%;
width: 100%;
}
}
[b-do2ihlpbl4] .text-area {
padding: 0.5rem;
height: 4rem;
max-width: 30rem;
width: 15rem;
}
.save-row > *[b-do2ihlpbl4] {
margin-right: 1rem;
}
.rfp-board-container[b-do2ihlpbl4] {
display: flex;
flex-direction: row;
padding: 1rem;
gap: 1rem;
}
/* _content/Frontend/Components/Pages/Admin/UsersPage.razor.rz.scp.css */
.users-page[b-ak0nr5u4uv] {
padding: 1rem 3rem;
}
.input-row[b-ak0nr5u4uv] {
display: flex;
gap: 1rem;
}
.user-card[b-ak0nr5u4uv] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 0.5rem;
padding: 1rem;
}
/* _content/Frontend/Components/Pages/Error.razor.rz.scp.css */
.error-page-container[b-2t76jrjeds] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
gap: 1rem;
}
/* _content/Frontend/Components/Pages/Hotelier/CreateProposalPage.razor.rz.scp.css */
.create-proposal-page[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: calc(100vh - var(--nav-height));
}
.form-block[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50, white);
gap: 1rem;
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
.block-header {
display: flex;
justify-content: space-between;
}
}
.input-row[b-yq4nrixqoi] {
display: flex;
align-items: center;
gap: 1rem;
}
.edit-button[b-yq4nrixqoi] {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
border: 1px solid var(--beige-200);
border-radius: 0.625rem;
padding: 0.625rem;
}
.back-button-container[b-yq4nrixqoi] {
display: flex;
padding: 1rem 2rem;
.back-button {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
border-radius: 99rem;
text-decoration: none;
&:hover {
background-color: var(--beige-400);
}
}
}
.sheet-area[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
justify-content: safe center;
align-items: center;
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
min-width: min-content;
}
.sheet-header[b-yq4nrixqoi] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
.sheet-title-area {
display: flex;
align-items: center;
gap: 1rem;
}
.header-buttons[b-yq4nrixqoi] {
display: flex;
gap: 0.75rem;
}
}
.sheet-content[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
gap: 0.5rem;
max-width: 100%;
min-width: 70rem;
/*width: 100%;*/
}
.event-date-box[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
border-radius: 0.75rem;
border: 1px solid var(--accent-100, #F0D8D1);
background: var(--accent-50, #FBF2F0);
min-width: 18rem;
}
[b-yq4nrixqoi] .comment-text-area {
min-height: 6rem;
width: 30rem;
}
.trash-date-button[b-yq4nrixqoi] {
cursor: pointer;
display: flex;
height: 3rem;
width: 3rem;
justify-content: center;
align-items: center;
color: var(--maroon-500);
background-color: var(--white, white);
border: 1px solid var(--maroon-50);
border-radius: var(--border-radius);
transition: all 0.2s ease-in-out;
&:hover {
background-color: var(--maroon-500);
border: 1px solid var(--maroon-500);
color: var(--white, white);
}
}
.summary-row[b-yq4nrixqoi] {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
.summary-label {
display: flex;
flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
min-width: 10rem; /* Set the initial width */
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
}
.summary-info[b-yq4nrixqoi] {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-centered[b-yq4nrixqoi] {
display: flex;
justify-content: center;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-contact-placeholder-pfp[b-yq4nrixqoi] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--accent-color-light);
min-width: 2rem;
height: 2rem;
padding: 0.5rem;
border-radius: 999rem;
font-size: var(--font-size-text-xs);
}
}
.rooms-cost-line[b-yq4nrixqoi] {
display: flex;
justify-content: space-between;
width: 100%;
}
.rowspan-cell[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
padding-top: 0.45rem;
}
.other-charges-input-row[b-yq4nrixqoi] {
display: flex;
max-width: 100%;
width: 50%;
gap: 1rem;
}
.question-row[b-yq4nrixqoi] {
display: flex;
flex-wrap: wrap;
gap: 2rem;
align-items: flex-start;
.question-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
flex: 1;
max-width: 100%;
}
}
[b-yq4nrixqoi] .question-text-box {
height: 6rem;
min-height: 3.75rem;
max-height: 45rem;
}
.control-buttons-row[b-yq4nrixqoi] {
display: flex;
width: 100%;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.fee-info[b-yq4nrixqoi] {
border-radius: 0.375rem;
background: var(--beige-200, #F1EDE4);
/*color: var(--accent-color);*/
padding: 0rem 0.3rem;
}
[b-yq4nrixqoi] .fnb-input {
width: 100%;
}
.stacked-cell[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.25rem;
height: 100%;
}
.edit-buttons-cell[b-yq4nrixqoi] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
width: 100%;
}
.multiple-costs-container[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-end;
}
.meeting-type-cell[b-yq4nrixqoi] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 100%;
}
.meeting-room-notes-cell[b-yq4nrixqoi] {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
width: 100%;
}
.add-meeting-room-cell[b-yq4nrixqoi] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
.remove-meeting-room-button {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
&:hover {
color: var(--accent-color);
}
}
}
.supplier-logo-container[b-yq4nrixqoi] {
display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 0.75rem;
background: var(--white, #FFF);
padding: 0.5rem;
.supplier-logo {
height: 1.5rem;
width: 2.55rem;
border-radius: 0.375rem;
object-fit: fill;
}
}
/* _content/Frontend/Components/Pages/Hotelier/HotelierHomePage.razor.rz.scp.css */
.page[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100vw;
min-height: calc(100vh - var(--nav-height));
}
.my-hotels-container[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 3rem;
}
.my-hotels[b-7yhnw3ooq0] {
display: flex;
flex-direction: row;
gap: 0rem 1rem;
flex-wrap: wrap;
}
.hotel-card[b-7yhnw3ooq0] {
position: relative;
display: flex;
gap: 1rem;
align-items: center;
background-color: var(--beige-100);
padding: 1rem;
border-radius: var(--border-radius);
margin: 1rem 0;
.hotel-image {
width: 6rem;
height: 4rem;
object-fit: cover;
border-radius: var(--border-radius);
}
.hotel-details[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.status-indicator[b-7yhnw3ooq0] {
position: absolute;
top: -10px;
right: 15px;
}
}
.bottom-sheet[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
gap: 0.5rem;
height: 100%;
background-color: var(--beige-100);
border-radius: 1.25rem 1.25rem 0 0;
padding: 1.5rem 3rem;
}
.my-rfps-header[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
}
.tab-filters[b-7yhnw3ooq0] {
display: flex;
gap: 0.75rem;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
}
.tab.active[b-7yhnw3ooq0] {
border-bottom: 2px solid var(--accent-500);
}
}
.table-controls[b-7yhnw3ooq0] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
}
.table-functions[b-7yhnw3ooq0] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.header-cell[b-7yhnw3ooq0] {
padding: 0.5rem 1.5rem;
}
table[b-7yhnw3ooq0] {
table-layout: auto;
td {
padding: 1rem;
}
}
.table-controls[b-7yhnw3ooq0] {
display: flex;
gap: 1rem;
}
.toggle-input-container[b-7yhnw3ooq0] {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
background-color: var(--beige-400);
border: 2px solid var(--beige-400);
/*gap: 0.5rem;*/
position: relative;
margin-top: 0.25rem;
height: 3rem;
border-radius: 999rem;
min-width: 6rem;
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);
.selected-highlight {
position: absolute;
top: 0;
background-color: var(--beige-50);
width: 50%;
height: 100%;
z-index: 0;
border-radius: inherit;
border: 1px solid var(--beige-300);
transition: left 0.3s ease;
}
.option[b-7yhnw3ooq0] {
/*cursor: pointer;*/
position: relative;
display: flex;
z-index: 1;
transition: color 0.3s ease;
}
.option.option-True[b-7yhnw3ooq0] {
color: var(--beige-900);
}
.option.option-False[b-7yhnw3ooq0] {
color: var(--beige-700);
}
/* Hidden clickable area*/
.option[b-7yhnw3ooq0]::before {
content: "";
position: absolute;
top: -10px;
bottom: -10px;
left: -5px;
right: -5px;
background: transparent;
cursor: pointer;
}
.selected-highlight.selected-highlight-True[b-7yhnw3ooq0] {
left: 0;
}
.selected-highlight.selected-highlight-False[b-7yhnw3ooq0] {
left: 50%;
}
}
.no-results[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.75rem;
width: 100%;
padding: 3rem;
}
.event-cell[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
gap: 0.25rem;
min-width: 10rem;
max-width: 13rem;
width: 100%;
}
.creator-cell[b-7yhnw3ooq0] {
display: flex;
flex-direction: column;
gap: 0.25rem;
max-width: 8rem;
}
.hotel-cell[b-7yhnw3ooq0] {
display: flex;
max-width: 10rem;
}
.ellipsis-text[b-7yhnw3ooq0] {
max-width: 100%; /* Adjust max width to your requirement */
white-space: nowrap; /* Prevents text from wrapping to another line */
overflow: hidden; /* Hides the overflowing text */
text-overflow: ellipsis; /* Adds the ellipsis (...) to the hidden text */
}
/* _content/Frontend/Components/Pages/Hotelier/HotelierSettingsPage.razor.rz.scp.css */
.planner-settings-page[b-h0ns0260aw]{
display: flex;
flex-direction: column;
min-height: 100vh;
height: 100%;
width: 100vw;
}
.go-back-row[b-h0ns0260aw] {
display: flex;
justify-content: flex-start;
padding: 1rem 2rem;
}
.go-back-button[b-h0ns0260aw] {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
padding: 0.5rem 1rem;
border-radius: 999rem;
transition: all 0.2s;
&:hover {
background-color: var(--beige-400);
}
}
.body[b-h0ns0260aw] {
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1;
background-color: var(--beige-50);
padding: 2rem 3rem;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
}
.tabs[b-h0ns0260aw] {
display: flex;
gap: 1rem;
overflow-x: auto;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
white-space: nowrap;
&.active {
border-bottom: 2px solid var(--accent-color);
}
}
}
/* _content/Frontend/Components/Pages/Hotelier/RfpDetailsHotelPage.razor.rz.scp.css */
.rfp-details-page[b-wempz0fg2u] {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: calc(100vh - var(--nav-height));
}
.form-block[b-wempz0fg2u] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50);
gap: 1rem;
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
.block-header {
display: flex;
justify-content: space-between;
}
}
.edit-button[b-wempz0fg2u] {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
border: 1px solid var(--beige-200);
border-radius: 0.625rem;
padding: 0.625rem;
}
.back-button[b-wempz0fg2u] {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 1.5rem 3rem;
cursor: pointer;
}
.sheet-area[b-wempz0fg2u] {
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
min-width: min-content;
}
.sheet-header[b-wempz0fg2u] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
.sheet-title-area {
display: flex;
align-items: center;
gap: 1rem;
}
.header-buttons[b-wempz0fg2u] {
display: flex;
gap: 0.75rem;
}
}
.sheet-content[b-wempz0fg2u] {
display: flex;
margin-top: 1.5rem;
gap: 1.5rem;
}
.left-column[b-wempz0fg2u] {
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1 0 0;
}
.right-column[b-wempz0fg2u] {
display: flex;
flex-direction: column;
gap: 1rem;
min-width: 10rem;
}
.card[b-wempz0fg2u] {
display: flex;
flex-direction: column;
gap: 0.5rem;
border: 1px solid var(--beige-300, #EEE9E0);
border-radius: var(--border-radius, 0.5rem);
padding: 1rem;
background-color: var(--beige-50, #FCFBFA);
width: 100%;
}
.summary-cards[b-wempz0fg2u] {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
.summary-card {
display: flex;
align-items: flex-start;
flex: 1 1 0;
flex-direction: column;
gap: 0.5rem;
border: 1px solid var(--beige-300, #EEE9E0);
border-radius: var(--border-radius, 0.5rem);
min-width: 10rem;
padding: 1rem;
background-color: var(--beige-50, #FCFBFA);
}
.summary-icon[b-wempz0fg2u] {
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
border-radius: 999em;
background-color: var(--beige-200);
}
}
.stacked-text[b-wempz0fg2u] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}
.tabs[b-wempz0fg2u] {
display: flex;
gap: 0.75rem;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
}
.tab.active[b-wempz0fg2u] {
border-bottom: 2px solid var(--accent-500);
}
}
.venue-table-controls[b-wempz0fg2u] {
display: flex;
justify-content: flex-end;
gap: 1rem;
width: 100%;
}
.venue-table[b-wempz0fg2u] {
table-layout: auto;
}
.venue-table-header[b-wempz0fg2u] {
height: 3rem;
font-size: var(--font-size-text-sm);
padding: 0.75rem 1.5rem;
}
.venue-table-detail[b-wempz0fg2u] {
height: 4rem;
text-align: center; /* Centers content horizontally */
vertical-align: middle; /* Centers content vertically */;
.venue-table-detail-comments {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
cursor: pointer;
}
}
.supplier-image[b-wempz0fg2u] {
height: 2rem;
width: 3.4rem;
border-radius: 0.375rem;
object-fit: fill;
}
.summary-row[b-wempz0fg2u] {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
.summary-label {
display: flex;
flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
min-width: 10rem; /* Set the initial width */
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
}
.summary-info[b-wempz0fg2u] {
display: flex;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-centered[b-wempz0fg2u] {
display: flex;
justify-content: center;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-contact-placeholder-pfp[b-wempz0fg2u] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--accent-color-light);
min-width: 2rem;
height: 2rem;
padding: 0.5rem;
border-radius: 999rem;
font-size: var(--font-size-text-xs);
}
}
.image-name-subtitle-container[b-wempz0fg2u] {
display: flex;
gap: 0.5rem;
.logo-image {
width: 2.5rem;
height: 2.5rem;
border-radius: 999em;
object-fit: cover;
}
.hotel-image[b-wempz0fg2u] {
width: 5rem;
height: 3rem;
border-radius: 0.40763rem;
}
}
.venue-list-item[b-wempz0fg2u] {
padding-bottom: 1rem;
width: 100%;
border-bottom: 1px solid var(--beige-200);
}
.dotted-list[b-wempz0fg2u] {
list-style: none;
/*padding-left: 20px;*/
position: relative;
}
.dotted-list li[b-wempz0fg2u] {
position: relative;
padding-left: 2rem;
padding-bottom: 3rem;
/*margin-bottom: 20px;*/
}
.dotted-list li[b-wempz0fg2u]::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 8px;
height: 8px;
background-color: var(--beige-500, #E2DACB);
border: 1px solid var(--beige-400, #E2DACB);
border-radius: 50%;
}
.dotted-list li[b-wempz0fg2u]::after {
content: "";
position: absolute;
left: 4px;
top: 15px;
width: 2px;
height: calc(100% + 0px);
background-color: var(--beige-400, #E2DACB);
}
/* Remove line for the last item */
.dotted-list li:last-child[b-wempz0fg2u]::after {
display: none;
}
.invite-supplier-row[b-wempz0fg2u] {
display: flex;
max-width: 100%;
gap: 1rem;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--beige-300);
padding: 0.25rem 0;
.invite-supplier-name {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.proposal-card-title-container[b-wempz0fg2u] {
display: flex;
flex-direction: column;
}
.stacked-text[b-wempz0fg2u] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}
.hotel-title[b-wempz0fg2u] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
white-space: nowrap;
overflow: hidden;
max-width: 18rem;
}
td.rowspan[b-wempz0fg2u] {
text-align: left;
vertical-align: baseline;
gap: 0.5rem;
}
.basic-cell[b-wempz0fg2u] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1rem;
}
.name-cell[b-wempz0fg2u] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 1rem;
}
.delivery-status-cell[b-wempz0fg2u] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
}
.no-rows-cell[b-wempz0fg2u] {
text-align: center;
padding: 0.75rem;
}
.create-proposals-cell[b-wempz0fg2u] {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.supplier-image[b-wempz0fg2u] {
height: 2rem;
width: 3.4rem;
border-radius: 0.375rem;
object-fit: fill;
}
.venue-more-button[b-wempz0fg2u] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
&:hover {
background-color: var(--beige-100);
}
}
.user-container[b-wempz0fg2u] {
display: flex;
gap: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--beige-200);
&:last-child {
border-bottom: none;
}
.user-pfp[b-wempz0fg2u] {
height: 2rem;
aspect-ratio: 1 / 1;
object-fit: fill;
border-radius: 99rem;
}
.user-details[b-wempz0fg2u] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
}
/* _content/Frontend/Components/Pages/Planner/CreateRfpPage.razor.rz.scp.css */
.create-rfp-page[b-hc1ddyxrcb] {
display: flex;
width: 100%;
/*max-height: calc(100vh - 6rem !*top-bar-height*! );*/
}
.sidebar[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
min-width: 22rem;
/*max-height: calc(100vh - 5rem !*top-bar-height*! );*/
/*overflow: hidden;*/
padding: 1rem 3rem;
gap: 1rem;
.nav-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
height: 3rem;
}
.back-button[b-hc1ddyxrcb] {
cursor: pointer;
align-items: center;
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
}
.sidebar-title[b-hc1ddyxrcb] {
margin-top: 2rem;
margin-bottom: 1rem;
}
.sections-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
gap: 1rem;
font-size: var(--text-large-size);
height: 100%;
}
.section-tab[b-hc1ddyxrcb] {
border-radius: var(--border-radius);
padding: 0.5rem 1rem;
backdrop-filter: blur(10px); /* Adjust the blur radius as needed */
-webkit-backdrop-filter: blur(10px); /* For Safari support */
background-color: rgba(255, 255, 255, 1);
transition: background-color 0.3s ease;
color: var(--font-color-primary);
}
.section-tab.section-CURRENT[b-hc1ddyxrcb] {
background: white;
border: 1px solid var(--accent-color);
color: var(--accent-color);
.section-status {
background-color: var(--accent-color-light);
color: var(--accent-color);
}
}
.section-tab-header[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
&:hover {
background-color: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
}
.section-status[b-hc1ddyxrcb] {
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: var(--border-radius);
border: 1px solid var(--beige-200);
background-color: var(--beige-100);
margin-right: 1rem;
color: var(--font-color-secondary);
padding: 0.4rem;
}
.section-status.section-status-DONE[b-hc1ddyxrcb] {
background-color: #E1FCEF;
color: #14804A;
border: 1px solid #38A06C;
}
.section-status.section-status-PROGRESS[b-hc1ddyxrcb] {
background-color: #EBF0FA;
color: #2264E5;
border: 1px solid #4B85FA;
}
.section-status.section-status-BAD[b-hc1ddyxrcb] {
background-color: #FFEDEF;
color: #D1293D;
border: 1px solid #EF5466;
}
.section-tab-expanded-area[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
padding: 0.5rem 0.875rem;
margin-top: 0.75rem;
gap: 0.5rem;
.stacked-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
}
}
.rightside[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
width: 100%;
/*max-height: 100vh;*/
/*overflow: auto;*/
.form-area {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
margin: 1rem 1rem 1rem 0rem;
padding-top: 1rem;
max-width: 75rem;
/*overflow-y: scroll; !* Makes area scrollable *!*/
/*max-height: calc(100vh - 5rem !*top-bar-height*! - 5rem !*form-navigation-bar-height*! - 3rem!*height of margins in the column*!);*/
/*min-height: calc(100vh - 5rem !*top-bar-height*! - 5rem !*form-navigation-bar-height*! - 3rem!*height of margins in the column*!);*/
}
.form-block[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50);
gap: 1rem;
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
}
.form-navigation-bar[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0.75rem 2rem;
gap: 0.5rem;
border-radius: 10px;
margin: 1rem 0rem 1rem 0rem;
background-color: white;
height: 4rem;
/*max-width: 74rem;*/
width: 100%;
}
}
.section-details[b-hc1ddyxrcb] {
flex-direction: column;
justify-self: center;
height: 100%;
gap: 0.5rem;
}
.section-title[b-hc1ddyxrcb] {
margin-bottom: 1rem;
}
.input-row[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.marg-regular[b-hc1ddyxrcb] {
margin-bottom: 2rem;
}
.marg-small[b-hc1ddyxrcb] {
margin-bottom: 1rem;
}
.add-or-remove-row[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
}
.add-additional-button[b-hc1ddyxrcb] {
height: 2.5rem;
border: var(--border-color) 1px dashed;
background-color: unset;
flex: 1;
border-radius: 1.75rem;
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
&:hover{
background-color: var(--primary-color-light);
color: var(--primary-color);
border: var(--primary-color) 1px dashed;
}
&:focus[b-hc1ddyxrcb] {
box-shadow: none;
}
}
.remove-additional-button[b-hc1ddyxrcb] {
height: 2.5rem;
border: var(--border-color) 1px dashed;
background-color: unset;
width: 100%;
flex: 1;
border-radius: 1.75rem;
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
&:hover {
background-color: var(--danger);
color: var(--text-color-danger);
border: var(--text-color-danger) 1px dashed;
}
&:focus[b-hc1ddyxrcb] {
box-shadow: none;
}
}
.trash-date-button[b-hc1ddyxrcb] {
cursor: pointer;
display: flex;
height: 3rem;
width: 3rem;
justify-content: center;
align-items: center;
color: var(--text-color-danger);
background-color: var(--danger);
border-radius: var(--border-radius);
}
.horizontal-separator[b-hc1ddyxrcb] {
width: 100%;
height: 0.125rem;
margin-top: 1rem;
margin-bottom: 1rem;
background-color: var(--light-grey);
}
.toggle-input-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
gap: 0.5rem;
padding: unset;
position: relative;
margin-top: 0.25rem;
.selected-highlight {
position: absolute;
top: 0;
background-color: white;
width: 50%;
height: 100%;
z-index: 0;
border-radius: inherit;
border: 3px solid var(--beige-100);
transition: left 0.3s ease;
}
.option[b-hc1ddyxrcb] {
cursor: pointer;
position: relative;
display: flex;
justify-content: center;
flex: 1;
z-index: 1;
}
.selected-highlight.selected-highlight-True[b-hc1ddyxrcb] {
left: 0;
}
.selected-highlight.selected-highlight-False[b-hc1ddyxrcb] {
left: 50%;
}
}
.big-label[b-hc1ddyxrcb] {
margin-top: 2rem;
margin-bottom: 0.5rem;
}
.days-area[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
}
.day-container[b-hc1ddyxrcb] {
display: flex; /* Creates the row layout */
align-items: stretch;
margin-bottom: 1rem;
background-color: white;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
/*.day-drag-area {*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* border-right: 1px solid var(--border-color);*/
/* cursor: grab;*/
/* width: 3rem;*/
/* */
/* &:active {*/
/* cursor: grabbing;*/
/* }*/
/*}*/
.day-main-content[b-hc1ddyxrcb] {
flex: 1;
display: flex;
flex-direction: column;
}
.day-header[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0.5rem 1rem;
width: 100%;
border-bottom: 1px solid var(--border-color);
}
.day-body[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
padding: 1rem 1rem;
gap: 1rem;
}
.grey-background[b-hc1ddyxrcb] {
background-color: var(--gray-50);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
.guest-room-info-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
padding: 1rem;
gap: 1rem;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.meeting-info-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
gap: 1rem;
margin-bottom: 1rem;
flex: 1;
.left-side {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
flex-wrap: wrap;
flex: 1;
.input-row {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
}
.right-side[b-hc1ddyxrcb] {
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid var(--border-color);
padding: 0 0.5rem;
flex: 0;
}
}
.day-tag[b-hc1ddyxrcb] {
border-radius: 16px;
padding: 0.2rem 0.5rem;
text-align: center;
font-size: var(--text-small-size);
background-color: var(--accent-color-light);
color: var(--accent-color);
margin-right: 0.25rem;
}
/***** SELECT CLIENT *****/
.client-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
cursor: pointer;
.left-side {
display: flex;
padding: 2rem 0.5rem;
border-right: 1px solid var(--beige-200);
}
.right-side[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
flex: 1;
.right-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--beige-200);
}
.right-bottom[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1.25rem 1.5rem;
gap: 1rem;
}
}
}
.select-circle[b-hc1ddyxrcb] {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: white;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
}
.select-circle.selected[b-hc1ddyxrcb] {
background-clip: content-box;
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
padding: 0.35rem;
}
.profile-pic[b-hc1ddyxrcb] {
width: 2.5rem;
height: 2.5rem;
border-radius: 999rem;
object-fit: contain;
}
.flex-row[b-hc1ddyxrcb] {
display: flex;
gap: 0.75rem;
align-items: center;
}
.stacked-text[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.client-actions[b-hc1ddyxrcb] {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
align-self: end;
height: 2.25rem;
}
/***** CONTACT INFO *****/
.contact-info-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: white;
padding: 1.25rem 1.5rem;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
}
.main-contact-info[b-hc1ddyxrcb] {
display: flex;
gap: 0.75rem;
align-items: center;
}
.additional-contact-info[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
align-items: center;
gap: 4rem;
}
.add-additional-user-row[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.added-users-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.added-user[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
align-items: center;
background-color: white;
border: 1px solid var(--beige-200);
border-radius: var(--border-radius);
padding: 1.25rem 1.5rem;
height: 5.25rem;
.added-user-main-info {
display: flex;
flex-direction: row;
flex: 1;
gap: 1rem;
}
.added-user-sub-info[b-hc1ddyxrcb] {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
flex: 1;
gap: 1rem;
}
.added-user-placeholder-pfp[b-hc1ddyxrcb] {
width: 3rem;
height: 3rem;
border-radius: 50%;
background-color: var(--beige-100);
display: flex;
justify-content: center;
align-items: center;
}
}
/***** QUESTIONS *****/
.add-first-questions-btns-container[b-hc1ddyxrcb] {
display: flex;
flex-direction: row;
justify-content: center;
gap: 1rem;
margin-bottom: 1rem;
}
.add-questions-btns-container[b-hc1ddyxrcb] {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
}
.questions-block-header[b-hc1ddyxrcb] {
display: flex;
justify-content: space-between;
align-items: center;
}
.add-first-question-btn[b-hc1ddyxrcb] {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
height: 4rem;
border: 1px dashed var(--beige-500);
border-radius: var(--border-radius);
background-color: var(--beige-100);
color: var(--beige-700);
transition: all 0.2s ease;
&:hover {
background-color: var(--beige-200);
border-color: var(--beige-800);
}
}
.add-first-questions-templates[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
gap: 1rem;
}
.add-question-icon[b-hc1ddyxrcb] {
width: 1em;
height: 1em;
margin-right: 0.5em;
}
.block-header[b-hc1ddyxrcb] {
display: flex;
justify-content: space-between;
}
.edit-button[b-hc1ddyxrcb] {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
border: 1px solid var(--beige-200);
border-radius: 0.625rem;
padding: 0.625rem;
}
.summary-row[b-hc1ddyxrcb] {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
.summary-label {
display: flex;
flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
min-width: 10rem; /* Set the initial width */
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
}
.summary-info[b-hc1ddyxrcb] {
display: flex;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-column[b-hc1ddyxrcb] {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-contact-placeholder-pfp[b-hc1ddyxrcb] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--accent-color-light);
min-width: 2rem;
height: 2rem;
padding: 0.5rem;
border-radius: 999rem;
font-size: var(--font-size-text-xs);
}
}
.uploaded-file-container[b-hc1ddyxrcb] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
height: 4rem;
background-color: var(--beige-100);
border: 1px solid var(--beige-300);
border-radius: var(--border-radius);
.file-info {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.file-icon[b-hc1ddyxrcb] {
width: 2rem;
height: 2rem;
color: var(--beige-600);
margin-right: 0.5rem;
object-fit: contain;
}
.x-icon[b-hc1ddyxrcb] {
width: 1.5rem;
height: 1.5rem;
color: var(--beige-600);
cursor: pointer;
}
}
/* _content/Frontend/Components/Pages/Planner/PlannerHomePage.razor.rz.scp.css */
.page[b-5vria7kk2c] {
display: flex;
flex-direction: column;
width: 100vw;
min-height: calc(100vh - var(--nav-height));
}
.header-area[b-5vria7kk2c] {
display: flex;
flex-direction: column;
padding: 4.5rem 1rem;
justify-content: center;
align-items: center;
gap: 1rem;
width: 100%;
}
.bottom-sheet[b-5vria7kk2c] {
display: flex;
flex-direction: column;
gap: 0.5rem;
height: 100%;
background-color: var(--beige-100);
border-radius: 1.25rem 1.25rem 0 0;
padding: 1.5rem 3rem;
}
.tab-filters[b-5vria7kk2c] {
display: flex;
gap: 0.75rem;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
}
.tab.active[b-5vria7kk2c] {
border-bottom: 2px solid var(--accent-500);
}
}
.table-controls[b-5vria7kk2c] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
table[b-5vria7kk2c] {
table-layout: auto;
td {
padding: 1rem;
}
}
.header-cell[b-5vria7kk2c] {
padding: 0.75rem 1.5rem;
}
.table-more-dropdown-option[b-5vria7kk2c] {
display: flex;
gap: 0.25rem;
align-items: center;
cursor: pointer;
padding: 0.5rem 1rem;
&:hover {
background-color: var(--beige-100);
}
}
/* _content/Frontend/Components/Pages/Planner/PlannerSettingsPage.razor.rz.scp.css */
.planner-settings-page[b-mfopecq67x]{
display: flex;
flex-direction: column;
min-height: 100vh;
height: 100%;
width: 100vw;
}
.go-back-row[b-mfopecq67x] {
display: flex;
justify-content: flex-start;
padding: 1rem 2rem;
}
.go-back-button[b-mfopecq67x] {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
padding: 0.5rem 1rem;
border-radius: 999rem;
transition: all 0.2s;
&:hover {
background-color: var(--beige-400);
}
}
.body[b-mfopecq67x] {
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1;
background-color: var(--beige-50);
padding: 2rem 3rem;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
}
.tabs[b-mfopecq67x] {
display: flex;
gap: 1rem;
overflow-x: auto;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
white-space: nowrap;
&.active {
border-bottom: 2px solid var(--accent-color);
}
}
}
/* _content/Frontend/Components/Pages/Planner/RfpDetailsPlannerPage.razor.rz.scp.css */
.rfp-details-page[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: calc(100vh - var(--nav-height));
}
.back-button-container[b-8ufxhg4at0] {
display: flex;
padding: 1rem 2rem;
.back-button {
display: flex;
align-items: center;
padding: 0.5rem 1rem;
border-radius: 99rem;
transition: background-color 0.2s ease;
text-decoration: none;
&:hover {
background-color: var(--beige-400);
}
}
}
.form-block[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50);
gap: 1rem;
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
.block-header {
display: flex;
justify-content: space-between;
}
}
.edit-button[b-8ufxhg4at0] {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
border: 1px solid var(--beige-200);
border-radius: 0.625rem;
padding: 0.625rem;
}
.back-button[b-8ufxhg4at0] {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 1.5rem 3rem;
cursor: pointer;
}
.sheet-area[b-8ufxhg4at0] {
display: flex;
justify-content: center;
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
min-width: min-content;
}
.sheet-content[b-8ufxhg4at0] {
max-width: 100rem;
width: 100%;
}
.sheet-header[b-8ufxhg4at0] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
.sheet-title-area {
display: flex;
align-items: center;
gap: 1rem;
}
.header-buttons[b-8ufxhg4at0] {
display: flex;
gap: 0.75rem;
}
}
.sheet-body[b-8ufxhg4at0] {
display: flex;
margin-top: 1.5rem;
gap: 1.5rem;
}
.left-column[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1 0 0;
}
.right-column[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
gap: 1rem;
min-width: 10rem;
}
.summary-cards[b-8ufxhg4at0] {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
.summary-card {
display: flex;
align-items: flex-start;
flex: 1 1 0;
flex-direction: column;
gap: 0.5rem;
border: 1px solid var(--beige-300, #EEE9E0);
border-radius: var(--border-radius, 0.5rem);
min-width: 10rem;
padding: 1rem;
background-color: var(--beige-50, #FCFBFA);
}
.summary-icon[b-8ufxhg4at0] {
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
border-radius: 999em;
background-color: var(--beige-200);
}
}
.stacked-text[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}
.hotel-title[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
white-space: nowrap;
overflow: hidden;
max-width: 18rem;
}
.card[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
gap: 0.5rem;
border: 1px solid var(--beige-300, #EEE9E0);
border-radius: var(--border-radius, 0.5rem);
padding: 1rem;
background-color: var(--beige-50, #FCFBFA);
}
.tabs[b-8ufxhg4at0] {
display: flex;
gap: 0.75rem;
.tab {
cursor: pointer;
padding: 0.25rem 0.25rem 1rem;
}
.tab.active[b-8ufxhg4at0] {
border-bottom: 2px solid var(--accent-500);
}
}
.venue-table-controls[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1rem;
width: 100%;
}
.venue-table[b-8ufxhg4at0] {
table-layout: auto;
}
.venue-table-header[b-8ufxhg4at0] {
display: flex;
align-items: center;
gap: 0.35rem;
height: 3rem;
font-size: var(--font-size-text-sm);
padding: 0.75rem 1.5rem;
white-space: nowrap;
}
.venue-table-detail[b-8ufxhg4at0] {
height: 4rem;
text-align: center; /* Centers content horizontally */
vertical-align: middle; /* Centers content vertically */;
padding: 1rem;
.venue-table-detail-comments {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
cursor: pointer;
}
}
td.rowspan[b-8ufxhg4at0] {
text-align: left;
vertical-align: top;
gap: 0.5rem;
}
.basic-cell[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1rem;
}
.name-cell[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 1rem;
}
.invite-status-cell[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 1rem;
padding-left: 0;
height: 4rem;
}
.delivery-status-cell[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
}
.no-rows-cell[b-8ufxhg4at0] {
text-align: center;
padding: 0.75rem;
}
.supplier-image[b-8ufxhg4at0] {
height: 2rem;
width: 3.4rem;
border-radius: 0.375rem;
object-fit: fill;
}
.summary-row[b-8ufxhg4at0] {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
gap: 1rem;
justify-content: space-between;
.summary-label {
display: flex;
flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
min-width: 10rem; /* Set the initial width */
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
}
.summary-info[b-8ufxhg4at0] {
display: flex;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-column[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-centered[b-8ufxhg4at0] {
display: flex;
justify-content: center;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-contact-placeholder-pfp[b-8ufxhg4at0] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--accent-color-light);
min-width: 2rem;
height: 2rem;
padding: 0.5rem;
border-radius: 999rem;
font-size: var(--font-size-text-xs);
}
}
.image-name-subtitle-container[b-8ufxhg4at0] {
display: flex;
gap: 0.5rem;
.logo-image {
width: 2.5rem;
height: 2.5rem;
border-radius: 999em;
object-fit: cover;
}
.hotel-image[b-8ufxhg4at0] {
width: 5rem;
height: 3rem;
border-radius: 0.40763rem;
}
}
.venue-list-item[b-8ufxhg4at0] {
padding-bottom: 1rem;
width: 100%;
border-bottom: 1px solid var(--beige-200);
}
.dotted-list[b-8ufxhg4at0] {
list-style: none;
/*padding-left: 20px;*/
position: relative;
}
.dotted-list li[b-8ufxhg4at0] {
position: relative;
padding-left: 2rem;
padding-bottom: 3rem;
/*margin-bottom: 20px;*/
}
.dotted-list li[b-8ufxhg4at0]::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 8px;
height: 8px;
background-color: var(--beige-500, #E2DACB);
border: 1px solid var(--beige-400, #E2DACB);
border-radius: 50%;
}
.dotted-list li[b-8ufxhg4at0]::after {
content: "";
position: absolute;
left: 4px;
top: 15px;
width: 2px;
height: calc(100% + 0px);
background-color: var(--beige-400, #E2DACB);
}
/* Remove line for the last item */
.dotted-list li:last-child[b-8ufxhg4at0]::after {
display: none;
}
.ellipsis-text[b-8ufxhg4at0] {
max-width: 100%; /* Adjust max width to your requirement */
white-space: nowrap; /* Prevents text from wrapping to another line */
overflow: hidden; /* Hides the overflowing text */
text-overflow: ellipsis; /* Adds the ellipsis (...) to the hidden text */
}
.invite-dropdown-toggle-row[b-8ufxhg4at0] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.invite-dropdown-content[b-8ufxhg4at0] {
display: flex;
flex-direction: column;
gap: 0.25rem;
max-height: 0;
overflow: hidden;
&.open {
max-height: 999rem;
}
}
.shortlist-filter[b-8ufxhg4at0] {
display: flex;
align-items: center;
&.active {
color: var(--accent-color);
}
}
.venue-more-button[b-8ufxhg4at0] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
&:hover {
background-color: var(--beige-100);
}
}
/* _content/Frontend/Components/Pages/Planner/ViewProposalPage.razor.rz.scp.css */
.create-proposal-page[b-tmun0rn426] {
display: flex;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: calc(100vh - var(--nav-height));
}
.form-block[b-tmun0rn426] {
display: flex;
flex-direction: column;
justify-content: safe center;
flex: 1;
border-radius: 10px;
padding: 1.5rem 2rem;
background-color: var(--beige-50, white);
gap: 1rem;
box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
.block-header {
display: flex;
justify-content: space-between;
}
}
.input-row[b-tmun0rn426] {
display: flex;
align-items: center;
gap: 1rem;
}
.supplier-logo-container[b-tmun0rn426] {
display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 0.75rem;
background: var(--white, #FFF);
padding: 0.5rem;
.supplier-logo {
height: 1.5rem;
width: 2.55rem;
border-radius: 0.375rem;
object-fit: fill;
}
}
.edit-button[b-tmun0rn426] {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white);
border: 1px solid var(--beige-200);
border-radius: 0.625rem;
padding: 0.625rem;
}
.back-button-container[b-tmun0rn426] {
display: flex;
width: 100%;
justify-content: flex-start;
padding: 1rem 3rem;
.back-button {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
transition: all 0.2s ease-in;
&:hover {
background-color: var(--beige-400);
border-radius: 99rem;
}
}
}
.sheet-area[b-tmun0rn426] {
display: flex;
flex-direction: column;
justify-content: safe center;
align-items: center;
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
width: 100%;
padding: 1.5rem 3rem;
flex: 1;
min-width: min-content;
}
.sheet-header[b-tmun0rn426] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
.sheet-title-area {
display: flex;
align-items: center;
gap: 1rem;
}
.header-buttons[b-tmun0rn426] {
display: flex;
gap: 0.75rem;
}
}
.sheet-content[b-tmun0rn426] {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
gap: 0.5rem;
max-width: 100%;
min-width: 60%;
}
.event-date-box[b-tmun0rn426] {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
border-radius: 0.75rem;
border: 1px solid var(--beige-300);
background: var(--beige-100);
min-width: 18rem;
}
.comment-text-area[b-tmun0rn426] {
max-width: 30rem;
}
[b-tmun0rn426] .suggested-date-input {
width: 17rem;
}
.trash-date-button[b-tmun0rn426] {
cursor: pointer;
display: flex;
height: 3rem;
width: 3rem;
justify-content: center;
align-items: center;
color: var(--maroon-500);
background-color: var(--white, white);
border: 1px solid var(--maroon-50);
border-radius: var(--border-radius);
transition: all 0.2s ease-in-out;
&:hover {
background-color: var(--maroon-500);
border: 1px solid var(--maroon-500);
color: var(--white, white);
}
}
.summary-row[b-tmun0rn426] {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
.summary-label {
display: flex;
flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
min-width: 10rem; /* Set the initial width */
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
}
.summary-info[b-tmun0rn426] {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-info-centered[b-tmun0rn426] {
display: flex;
justify-content: center;
flex: 1;
flex-wrap: nowrap;
gap: 1rem;
}
.summary-contact-placeholder-pfp[b-tmun0rn426] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--accent-color-light);
min-width: 2rem;
height: 2rem;
padding: 0.5rem;
border-radius: 999rem;
font-size: var(--font-size-text-xs);
}
}
.rooms-cost-line[b-tmun0rn426] {
display: flex;
justify-content: space-between;
width: 100%;
}
.rowspan-cell[b-tmun0rn426] {
display: flex;
flex-direction: column;
padding-top: 0.45rem;
}
.other-charges-input-row[b-tmun0rn426] {
display: flex;
max-width: 100%;
width: 50%;
gap: 1rem;
}
.question-response[b-tmun0rn426] {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: fit-content;
border-radius: 0.75rem;
background: var(--beige-100, #F9F6F3);
padding: 0.75rem;
color: var(--accent-600);
font-weight: var(--font-weight-light);
max-width: 40rem;
box-shadow: 0px 1px 2px 0px rgba(47, 45, 46, 0.05);
}
.control-buttons-row[b-tmun0rn426] {
display: flex;
width: 100%;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.fee-info[b-tmun0rn426] {
border-radius: 0.375rem;
background: var(--beige-200, #F1EDE4);
/*color: var(--accent-color);*/
padding: 0rem 0.3rem;
}
[b-tmun0rn426] .fnb-input {
width: 100%;
}
.stacked-cell[b-tmun0rn426] {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.25rem;
height: 100%;
}
.stacked-cell-center[b-tmun0rn426] {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.25rem;
height: 100%;
}
.edit-buttons-cell[b-tmun0rn426] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
width: 100%;
}
.multiple-costs-container[b-tmun0rn426] {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-end;
}
/* _content/Frontend/Components/Pages/Sales/SalesHomePage.razor.rz.scp.css */
.sales-home-page[b-o6vntzqrf7] {
width: 100%;
padding: 1rem 3rem;
min-height: calc(100vh - var(--nav-height));
}
.table-controls[b-o6vntzqrf7] {
display: flex;
gap: 1rem;
justify-content: flex-end;
.table-functions {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
}
.sales-home-page-table[b-o6vntzqrf7] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--beige-400);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
td {
border-bottom: 1px solid var(--beige-300);
}
tr:last-child td[b-o6vntzqrf7] {
border-bottom: none;
}
.header-cell[b-o6vntzqrf7] {
padding: 0.5rem 1.5rem;
}
.basic-cell[b-o6vntzqrf7] {
padding: 1rem;
}
.event-cell[b-o6vntzqrf7] {
display: flex;
flex-direction: column;
gap: 0.25rem;
min-width: 10rem;
max-width: 13rem;
width: 100%;
}
.creator-cell[b-o6vntzqrf7] {
display: flex;
flex-direction: column;
gap: 0.25rem;
max-width: 8rem;
}
.user-cell[b-o6vntzqrf7] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
padding: 1rem;
}
.hotel-cell[b-o6vntzqrf7] {
display: flex;
max-width: 10rem;
}
.role-cell[b-o6vntzqrf7] {
padding: 1rem;
}
.no-results[b-o6vntzqrf7] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.75rem;
width: 100%;
padding: 3rem;
}
}
.ellipsis-text[b-o6vntzqrf7] {
max-width: 100%; /* Adjust max width to your requirement */
white-space: nowrap; /* Prevents text from wrapping to another line */
overflow: hidden; /* Hides the overflowing text */
text-overflow: ellipsis; /* Adds the ellipsis (...) to the hidden text */
}
/* _content/Frontend/Components/Pages/Shared/RfpProposalsSummaryPage.razor.rz.scp.css */
.rfp-proposals-summary-page[b-yeppli1m18] {
width: 100%;
height: 100%;
min-height: calc(100vh - 5rem);
border-radius: 1.25rem 1.25rem 0rem 0rem;
background: var(--beige-100, #F9F6F3);
padding: 1.5rem 3rem;
}
.header[b-yeppli1m18] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.button-group[b-yeppli1m18] {
display: flex;
gap: 0.25rem;
}
.declined-table-title[b-yeppli1m18] {
color: var(--accent-600);
}