/* /Components/ButtonStartPage.razor.rz.scp.css */
.button-start-page[b-vcwz391j7q] {
    width: 100%;
    aspect-ratio: 1/1;
    background: var(--primary900);
    border: 4px solid var(--contrastColor50);
    box-shadow: var(--buttonShadowDark);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-start-page-container[b-vcwz391j7q] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
/* /Components/CardControl.razor.rz.scp.css */
.card-control-container .center-container[b-tiowlc4ygq] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card-image[b-tiowlc4ygq] {
    align-self: flex-start;
    width: 46px;
    height: 46px;
}

[b-tiowlc4ygq] .custom-select .dropdown-option:first-of-type {
    color: white;
}

[b-tiowlc4ygq] .custom-select .dropdown-option:nth-of-type(2) {
    color: #d0d0d0;
}

[b-tiowlc4ygq] .custom-select .dropdown-option:nth-of-type(3) {
    color: var(--green300);
}

[b-tiowlc4ygq] .custom-select .dropdown-option:nth-of-type(4) {
    color: var(--red300)
}

.assessment-level-skipped[b-tiowlc4ygq] {
    background-color: var(--red300);
}

.assessment-level-done[b-tiowlc4ygq] {
    background-color: var(--green300);
}

.assessment-level-not-relevant[b-tiowlc4ygq] {
    background-color: #d0d0d0;
}
ul[b-tiowlc4ygq] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

li[b-tiowlc4ygq]
{
    padding: 3px 9px;
    margin-right: 4px;
    background-color: var(--primary250);
    border-radius: 14px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 4px;
}
/* /Components/CardEquipment.razor.rz.scp.css */
.card-equipment-container .center-container[b-rmv55750lt] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card-image[b-rmv55750lt] {
    align-self: flex-start;
    width: 46px;
    height: 46px;
}

[b-rmv55750lt] .custom-select .dropdown-option:first-of-type {
    color: white;
}

[b-rmv55750lt] .custom-select .dropdown-option:nth-of-type(2) {
    color: #d0d0d0;
}

[b-rmv55750lt] .custom-select .dropdown-option:nth-of-type(3) {
    color: var(--green300);
}

[b-rmv55750lt] .custom-select .dropdown-option:nth-of-type(4) {
    color: var(--red300)
}

.assessment-level-skipped[b-rmv55750lt] {
    background-color: var(--red300);
}

.assessment-level-done[b-rmv55750lt] {
    background-color: var(--green300);
}

.assessment-level-not-relevant[b-rmv55750lt] {
    background-color: #d0d0d0;
}

ul[b-rmv55750lt] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

li[b-rmv55750lt] {
    padding: 3px 9px;
    margin-right: 4px;
    background-color: var(--primary250);
    border-radius: 14px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 4px;
}
/* /Components/CardLibraryRiskCard.razor.rz.scp.css */
.summary ul[b-xdtz2gm9xs] {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 120%;
    color: var(--primary800);
    padding-left: 1.2rem
}

.risk-card-container[b-xdtz2gm9xs] {
    color: var(--contrastColor900);
}

[b-xdtz2gm9xs] .risk-card-container ul {
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 14px;
    background: var(--primary900);
    color: var(--contrastColor50);
    border-radius: 14px;
}

.card-container.expanded .button-date[b-xdtz2gm9xs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}
/* /Components/CardRiskCard.razor.rz.scp.css */
.summary ul[b-vrsfuwl8hf] {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 120%;
    color: var(--primary800);
    padding-left: 1.2rem
}

.assessment-level-not-set[b-vrsfuwl8hf] {
    background-color: var(--contrastColor50);
}

.assessment-level-not-set .summary ul[b-vrsfuwl8hf] {
    background-color: var(--contrastColor50);
    color: #000
}

.assessment-level-not-relevant[b-vrsfuwl8hf] {
    background-color: #d0d0d0;
}

.assessment-level-not-set .summary ul[b-vrsfuwl8hf] {
    background-color: var(--d0d0d0);
    color: #000
}

.assessment-level-low[b-vrsfuwl8hf] {
    background-color: var(--green300);
}

.assessment-level-low .summary ul[b-vrsfuwl8hf] {
    background-color: var(--green300);
    color: #000
}

.assessment-level-medium[b-vrsfuwl8hf] {
    background-color: var(--yellow300);
}

.assessment-level-medium .summary ul[b-vrsfuwl8hf] {
    background-color: var(--yellow300);
    color: #000
}

.assessment-level-high[b-vrsfuwl8hf] {
    background-color: var(--red300);
}

.assessment-level-high .summary ul[b-vrsfuwl8hf] {
    background-color: var(--red300);
    color: #000
}

[b-vrsfuwl8hf] .custom-select li:first-of-type {
    color: white;
}

[b-vrsfuwl8hf] .custom-select li:nth-of-type(2) {
    color: #d0d0d0;
}

[b-vrsfuwl8hf] .custom-select li:nth-of-type(3) {
    color: var(--green300);
}

[b-vrsfuwl8hf] .custom-select li:nth-of-type(4) {
    color: var(--yellow300)
}

[b-vrsfuwl8hf] .custom-select li:nth-of-type(5) {
    color: var(--red300)
}

[b-vrsfuwl8hf] .custom-select .selected-option {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0.1rem, 4vw, 1rem);
    line-height: 120%;
}

[b-vrsfuwl8hf] .custom-select {
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 14px;
    background: var(--primary900);
    color: var(--contrastColor50);
    border-radius: 14px;
    height: fit-content;
}

[b-vrsfuwl8hf] .risk-card-container ul {
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 14px;
    background: var(--primary900);
    color: var(--contrastColor50);
    border-radius: 14px;
}

.comment-section[b-vrsfuwl8hf] {
    line-height: 120%;
    padding: 16px;
    margin: 0 -16px;
}


.comment-item--header[b-vrsfuwl8hf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
/*
.comment-item__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}*/



/*.comment-section__add-button {
    width: 100%;
}

.comment-section__add-button .primary.small {
    width: 100%;
    height: 100%;
    min-height: 40px; 
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.2;
}*/

.comment-section__add-button .primary.small[b-vrsfuwl8hf] {
    background: var(--primary);
    color: var(--contrastColor50);
    border: none;
    cursor: pointer;
}

.comment-section__add-button .primary.small:hover[b-vrsfuwl8hf] {
    opacity: 0.9;
}

.comment-section__add-button .primary.small:active[b-vrsfuwl8hf] {
    opacity: 0.8;
}

.assess-and-comment-button-container[b-vrsfuwl8hf] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.assessment-select-box[b-vrsfuwl8hf],
.comment-section__add-button[b-vrsfuwl8hf] {
    flex: 1;
    display: flex;
}

.assessment-select-box[b-vrsfuwl8hf]  .custom-select,
.comment-section__add-button > button[b-vrsfuwl8hf] {
    width: 100%;
    height: 40px;
    padding: 0 12px; 
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}

.assessment-select-box[b-vrsfuwl8hf]  .custom-select {
    background-color: #1e3a5f; 
    color: white;
}

.comment-section__add-button > button[b-vrsfuwl8hf] {
    margin-top: 0;
    padding-top: 0;
    background-color: #CFDBED;
    color: #1C465D;
}

.comment-section__add-button[b-vrsfuwl8hf] {
    margin-top: 0px; 
}


.assessment-select-box[b-vrsfuwl8hf]  .custom-select {
    flex-direction: column;
    justify-content: center; 
}

.assessment-select-box[b-vrsfuwl8hf]  .selected-option {
    flex: 1;
    display: flex;
    align-items: center;
}

.assessment-select-box[b-vrsfuwl8hf]  .dropdown-menu {
    display: none;
}

.comment-item[b-vrsfuwl8hf] {
    margin-bottom: 24px;
}

.comment-item:last-child[b-vrsfuwl8hf] {
    margin-bottom: 0;
}

.card-container.collapsed .comment-item[b-vrsfuwl8hf] {
    margin-bottom: 0;
}

.comment-item__date[b-vrsfuwl8hf] {
    white-space: nowrap;
    font-size: 12px;
    font-style: italic;
}

.card-container.collapsed .comment-section--title[b-vrsfuwl8hf] {
    display: none;
}

.card-container .comment-item--delete[b-vrsfuwl8hf] {
    margin-top: 0;
}

.card-container.collapsed .comment-item--delete[b-vrsfuwl8hf] {
    display: none;
}


.card-container.collapsed .expanded-add-comment-button[b-vrsfuwl8hf] {
    display: none;
}

.comment-section[b-vrsfuwl8hf] {
    background-color: var(--primary50);
}



.card-container.collapsed .comment-section[b-vrsfuwl8hf] {
    background-color: transparent;
}

.card-container.expanded .button-date[b-vrsfuwl8hf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.card-container.collapsed .comment-item[b-vrsfuwl8hf] {
    display: flex;
    justify-content: space-between;
}

.assessment-comment-container2[b-vrsfuwl8hf] {
    margin-top: 16px;
}
/* /Components/CardWorker.razor.rz.scp.css */
.card-disabled[b-sqikq57zeq] {
    color: #888 !important;
    border: 1px solid #ccc;
    background: #eee;
}

.card-disabled .Image[b-sqikq57zeq] {
    background: #888;
}

.tag.inactive-label[b-sqikq57zeq] {
    background-color: #888;
}

.tag.finished-label[b-sqikq57zeq] {
    background-color: var(--green500);
}

.tag.on-site-supervisor-label[b-sqikq57zeq] {
    background-color: var(--primary500);
}
/* /Components/CardWorkOrder.razor.rz.scp.css */
.upper[b-s5jhahro8p] {
    display: flex;
}

.role-container[b-s5jhahro8p] {
    display: flex;
    gap: 6px;
    margin-right: 10px;
}

.bell-container[b-s5jhahro8p] {
    position: relative;
}

.bell-icon[b-s5jhahro8p] {
    width: 30px;
    margin-left: 16px;
    background-color: #edb100;
    border-radius: 15px;
    padding: 3px;
    position: absolute;
    top: -16px;
    right: -10px;
}
/* /Components/ContextMenu.razor.rz.scp.css */
.click-area[b-vx3h0sw8vz] {
    background-image: url("/Icons/vertical_ellipsis_button.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 20px;
    flex: 1;
    padding: 8px;
    text-align: right;
}

.anchor[b-vx3h0sw8vz] {
    position: relative;
}

ul.context-menu[b-vx3h0sw8vz] {
    list-style-type: none;
    position: absolute;
    background-color: var(--primary900);
    border-radius: 14px 2px 14px 14px;
    box-shadow: 0 0 0 4px rgba(2, 48, 71, 0.3);
    padding: 14px 0;
    z-index: 1;
    top: 0;
    right: 30px;
}

ul.context-menu li[b-vx3h0sw8vz] {
    cursor: pointer;
    color: var(--contrastColor50);
    font-size: 20px;
    white-space: nowrap;
    padding: 6px 20px;
}

ul.context-menu li:hover[b-vx3h0sw8vz] {
    background-color: var(--primary800);
}
/* /Components/ExpandableCanvas.razor.rz.scp.css */
.collapsible-canvas-container[b-ifr8gunp8q] {
    border-radius: 15px;
    background-color: #fff;
}

.collapsible-canvas-body-container[b-ifr8gunp8q] {
    margin-top: 24px;
}

.collapsible-canvas-container .collapsible-canvas-title-container[b-ifr8gunp8q] {
    background-image: url("/Icons/Arrow_Up.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 12px;
}

.collapsible-canvas-container.collapsed .collapsible-canvas-title-container[b-ifr8gunp8q] {
    background-image: url("/Icons/Arrow_Down.svg");
}
/* /Components/FormCheckbox.razor.rz.scp.css */
.form-checkbox[b-48th26vurk] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.form-checkbox.checked .box-container[b-48th26vurk] {
    background-color: grey;
}

.form-checkbox .form-checkbox-element[b-48th26vurk] {
    display: none;
}

.form-checkbox .checkmark[b-48th26vurk] {
    width: 90%;
    display: none;
}

.form-checkbox.checked .checkmark[b-48th26vurk] {
    display: inline;
}

.form-checkbox .box-container[b-48th26vurk] {
    width: 30px;
    overflow: hidden;
    height: 30px;
    border: 2px solid grey;
    border-radius: 6px;
    text-align: center;
}

/* /Components/ModalCommentPrompt.razor.rz.scp.css */
.comment-input-container[b-qoumwfvyzt] {
    width: 100%;
    margin-bottom: 8px;
}

.input-field[b-qoumwfvyzt] {
    width: 100%;
    resize: vertical;
    min-height: 100px;
    padding: 8px;
    border: 1px solid var(--primary800);
    border-radius: 8px;
    background-color: var(--contrastColor50);
    color: var(--primary900);
    font-size: 14px;
}

    .input-field[b-qoumwfvyzt]::placeholder {
        /* color: var(--primary900); */
    }

.error-text[b-qoumwfvyzt] {
    color: var(--red300);
    margin-bottom: 8px;
}

/* /Components/NotificationBar.razor.rz.scp.css */
.notification-bar[b-d5u4e0trhe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    background-color: #323232;
    color: white;
    padding: 10px;
    font-size: 1rem;
}
/* /Components/SearchBox.razor.rz.scp.css */
/* /Components/SelectBox.razor.rz.scp.css */
.custom-select[b-gsa6ziyci7] {
    display: flex;
    flex-direction: column;
    padding: 12px 18px;
    gap: 14px;
    background: var(--primary900);
    color: var(--contrastColor50);
    border-radius: 14px;
    cursor: pointer;
}

.custom-select ul[b-gsa6ziyci7] {
    display: block;
    background-color: var(--primary900);
    border-radius: 14px;
    padding: 12px;
    color: var(--contrastColor50);
}

.custom-select .selected-option[b-gsa6ziyci7] {
    text-align: center;
}

.custom-select li[b-gsa6ziyci7] {
    padding: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0.1rem, 4vw, 1rem);
    line-height: 120%;
}
/* /Pages/EditWorkOrderDates.razor.rz.scp.css */
.layout-container[b-551usmrvnm] {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    width: 100%;
}

.container_primary[b-551usmrvnm] {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 600px; /* Adjust this value as needed */
}

.date-inputs-container[b-551usmrvnm] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 300px; /* Adjust this value as needed */
}

.date-input-wrapper[b-551usmrvnm] {
    width: 100%;
}

.date-input-wrapper label[b-551usmrvnm] {
    display: block;
    margin-bottom: 5px;
    color: var(--primary900);
}

.date-input[b-551usmrvnm] {
    width: 100%;
    height: 59px;
    padding: 10px;
    border: 1px solid var(--primary300);
    border-radius: 4px;
    font-size: 16px;
}

#dates-submit-button[b-551usmrvnm] {
    margin-top: 20px;
    align-self: center;
}
/* /Pages/EditWorkOrderRisks.razor.rz.scp.css */
.modal-wrapper[b-dj2fryunnq]  .modal-container {
    top: 20px !important;
    transform: none;
}
/* /Pages/RiskCardViewDetails.razor.rz.scp.css */
[b-kpk5vd8tqp] .collapsible-canvas-container {
    border-radius: 15px;
    background-color: #fff;
    padding: 20px 14px;
    display: flex;
     gap: 12px; 
    flex-direction: column;
    width: 100%;
}

[b-kpk5vd8tqp] .collapsible-canvas-container h3, .collapsible-canvas-container h4[b-kpk5vd8tqp], .collapsible-canvas-container h5[b-kpk5vd8tqp], .collapsible-canvas-container h6[b-kpk5vd8tqp] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    margin-top: 8px;
    margin-bottom: 0px;
    color: var(--primary900);
}

[b-kpk5vd8tqp] .collapsible-canvas-container h4 {
    margin-bottom: 12px;
    margin-top: 20px;
}

[b-kpk5vd8tqp] .collapsible-canvas-title-container {
    background-position-y: 3px !important;
}

[b-kpk5vd8tqp] .collapsible-canvas-container h5, .collapsible-canvas-container h6[b-kpk5vd8tqp] {
    font-size: 14px;
}

[b-kpk5vd8tqp] .collapsible-canvas-container p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--primary800);
}

[b-kpk5vd8tqp] .collapsible-canvas-container.collapsed {
    background: #9DB9D1;
}

[b-kpk5vd8tqp] .collapsible-canvas-container .read-more {
    font-size: 14px;
}

[b-kpk5vd8tqp] .collapsible-canvas-container.expanded .read-more {
    display: none;
}

div.markdown strong[b-kpk5vd8tqp] {
    font-weight: bold;
}

div.markdown em[b-kpk5vd8tqp] {
    font-style: italic;
}

div.markdown u[b-kpk5vd8tqp] {
    text-decoration: underline;
}

div.markdown ul[b-kpk5vd8tqp] {
    list-style-type: disc;
    padding-left: 20px;
}

div.markdown li[b-kpk5vd8tqp] {
    margin-bottom: 5px;
}

div.markdown[b-kpk5vd8tqp] {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--primary800);
}

div.markdown p[b-kpk5vd8tqp] {
    margin-bottom: 8px;
}

.list-container[b-kpk5vd8tqp] {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden; /* Ensures child elements respect the border-radius */
}

.list-container div[b-kpk5vd8tqp] {
    padding: 8px;
}

.list-container > div:nth-child(2n-1)[b-kpk5vd8tqp] {
    background-color: var(--primary50);
}

.image-40-40[b-kpk5vd8tqp] {
    width: 40px;
    height: 40px;
}

#tag-container[b-kpk5vd8tqp] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    padding: 6px 0px;
    flex-wrap: wrap;
}

.tag[b-kpk5vd8tqp] {
    padding: 6px 12px;
    background: var(--primary900);
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    color: var(--primary50);
}

.segment-icon[b-kpk5vd8tqp] {
    width: 44px;
}

[b-kpk5vd8tqp] .collapsible-canvas-body-container {
    margin-top: 12px !important;
}
/* /Pages/WorkOrderOverview.razor.rz.scp.css */
.role-supervisor[b-m3xdc5ocqw]  .bell-container {
    display: none !important;
}
/* /Shared/AssessmentComment.razor.rz.scp.css */

.comment-container[b-dv3ti3qbwo] {
    border-radius: 8px;
    display: flex;
    padding: 8px;
    justify-content: space-between;
    align-items: center;
}

.comment-date[b-dv3ti3qbwo] {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600;
}

.comment-content[b-dv3ti3qbwo] {
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 8px;
}

button[b-dv3ti3qbwo] {
    margin-top: 0;
}
/* /Shared/DropDownAssessentRiskCardItemChild.razor.rz.scp.css */
/* /Shared/DropMenu.razor.rz.scp.css */
.drop-menu[b-kjckap74xw] {
    position: absolute;
    background-color: var(--primary900);
    border-radius: 14px 2px 14px 14px;
    box-shadow: 0 0 0 4px rgba(2, 48, 71, 0.3);
    gap: 12px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    right: 60px;
    z-index: 1;
}

.paragraph[b-kjckap74xw] {
    color: var(--contrastColor50);
}
/* /Shared/StatusRiskCounter.razor.rz.scp.css */
.risk-counter-container[b-ngn1zy5zm1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-gsyvqft9ny] {
  position: fixed;

  right: 2rem;
  bottom: 2rem;

  padding: 1rem 1.5rem;

  animation: fadein-b-gsyvqft9ny 2s ease-out;
}

@keyframes fadein-b-gsyvqft9ny {
  from { right: -100%; }
  to { right: 2rem; }
}