/* /Components/ArtifactListControl/ArtifactListControl.razor.rz.scp.css */
.plan-selector[b-k46ajdev89] {
    display: flex;
    gap: 10px;
}

.plan-button[b-k46ajdev89] {
    border-radius: 54px;
    font-family: var(--app-font);
    background: white;
    border: 1px solid #9B639B;
    cursor: pointer;
    border-width: 1px;
    gap: 10px;
    padding: 8px;
}

.plan-button:hover[b-k46ajdev89] {
    opacity: 0.8;
}

.active-plan[b-k46ajdev89] {
    background: var(--primary-color);
    color: white;
}

.search-textbox[b-k46ajdev89] {
    width: 100%;
    margin-bottom: 15px;
}

.open-button[b-k46ajdev89] {
    margin-top: 10px;
    padding: 6px 10px;
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    border: none;
}

.task-dashboard[b-k46ajdev89] {
    background: #ffffff;
    border-radius: 20px;
}

    .task-dashboard .header[b-k46ajdev89] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        background-color: white !important;
        padding: 20px !important;
        color: black !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .task-dashboard > .header > .heading > span[b-k46ajdev89] {
        font-family: var(--app-font);
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0%;
        color: #211521 !important;
        margin-bottom: 10px;
    }

.header-buttons[b-k46ajdev89] {
    display: flex;
    gap: 15px !important;
}

.feature-selector[b-k46ajdev89] {
    background: transparent;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    padding: 5px;
    border-radius: 20px;
}

    .feature-selector:active[b-k46ajdev89] {
        background-color: var(--primary-color);
        color: black;
    }

.task-dashboard > .header > .row > p[b-k46ajdev89] {
    color: white !important;
}

.under-heading[b-k46ajdev89] {
    font-weight: 100;
    padding: 15px;
}

.id[b-k46ajdev89] {
    color: #555;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
}

.title[b-k46ajdev89] {
    color: black;
    font-size: medium;
    padding: 8px 10px;
    font-weight: 900;
}

.description[b-k46ajdev89] {
    color: black;
    font-size: small;
    padding: 0px 10px;
}

.date[b-k46ajdev89] {
    color: #777;
    font-size: 12px;
    padding: 5px 5px;
}

.card[b-k46ajdev89] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
    padding: 0; /* important */
    overflow: hidden; /* ensures borders stay clean */
    margin-bottom: 10px;
    box-shadow: 0px 10px 20px -10px #00000040;
}

.card-body[b-k46ajdev89] {
    text-align: center;
    padding: 2px;
}

.card-header[b-k46ajdev89] {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    border-bottom: 2px solid #A4CF4F; /* full-width bottom border */
    box-sizing: border-box;
}

.image-placeholder[b-k46ajdev89] {
    height: 80px;
    display: flex;
    justify-content: space-around;
    cursor: pointer !important;
    margin: 5px;
}

    .image-placeholder:hover[b-k46ajdev89] {
        border-radius: 10px;
        border: 2px solid green;
    }

.template-search[b-k46ajdev89] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    background: border-box !important;
    width: 253px !important;
    height: 38px;
    text-align: center;
    font-size: 14px !important;
    padding: 2px !important;
}

.welcome-instructions[b-k46ajdev89] {
    max-width: 426px;
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
    margin-bottom:10px;
}
/* /Components/Chatbot/AiView.razor.rz.scp.css */
.view[b-l3kbdhob78] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Ensure content is at the top */
    width: 100%;
}

.dialogContent[b-l3kbdhob78] {
    margin-top: 20px; /* Space between the top and the messages */
    padding: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-l3kbdhob78] .dialogContent .chat-asset {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.dialogText[b-l3kbdhob78] {
    font-size: 13px;
    border-radius: 6px;
    
    padding: 10px;
    
    width: fit-content;
    clear: both;
    display: block;
    line-height: 18px;
}

.message-content-left[b-l3kbdhob78] {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    align-self: flex-start; /* Aligns message to the left */
    float: none;
    gap: 8px;
    max-width: 70%; /* Max width of the message bubble */
    margin-bottom: 10px; /* Space between messages */
}

.left-message[b-l3kbdhob78] {
    background-color: #7edfa3; /* Light gray background */
    
}

.right-message[b-l3kbdhob78] {
    background-color: #E0F7E9; /* Light green background */
    
}

.message-content-right[b-l3kbdhob78] {
    /* side-by-side alignment and right justification */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    align-self: flex-end;
    float: none; /* keep from floating above */
    max-width: 70%; /* Max width of the message bubble */
    margin-bottom: 10px; /* Space between messages */
}

.view__header[b-l3kbdhob78] {
    gap: 24px;
    display: flex;
    padding: 40px 0;
    justify-content: center;
    h1 {
        margin-bottom: 0;
    }
}

.view__header__inner[b-l3kbdhob78] {
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.view__content[b-l3kbdhob78] {
    gap: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.view__content__inner[b-l3kbdhob78] {
    gap: 14px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 40px;
}

.view__content__item[b-l3kbdhob78] {
    gap: 10px;
    display: flex;
    flex-direction: column;
    flex: 0 1 calc(50% - 40px);
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    background: rgba(254, 254, 254, 1);
    box-shadow: 0px 4px 10px 0px rgba(221, 221, 221, 0.5);
}

@media screen and (max-width: 768px) {
    .view__content__item[b-l3kbdhob78] {
        flex: 0 1 100%; /* Makes each card take full width on mobile */
    }
    
    .view__content__inner[b-l3kbdhob78] {
        padding: 0 20px; /* Reduce padding on smaller screens */
    }
}

.view__content__item span[b-l3kbdhob78] {
    line-height: 1;
}

.gray[b-l3kbdhob78] {
    color: rgba(102, 102, 102, 1);
}

.logo__placeholder[b-l3kbdhob78] {
    width: 70px;
    height: 70px;
    background: green;
    border-radius: 50%;
}

.header[b-l3kbdhob78] {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.13px;
}

.sub-header[b-l3kbdhob78] {
    font-family: var(--app-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}

.body-1[b-l3kbdhob78] {
    font-family: var(--app-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 17.58px;
}

.body-2[b-l3kbdhob78] {
    font-size: 13px;
    font-weight: 700;
    line-height: 14.06px;
}

.caption[b-l3kbdhob78] {
    font-family: var(--app-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
}

.historyTitle[b-l3kbdhob78] {
    display: block;
    font-size: 15px;
    text-align: center;
    font-style: italic;
    border-radius: 6px;
    padding: 3%;
    margin-top: 20px; /* Add some spacing above the history title */
}

.messagesContainer[b-l3kbdhob78] {
    margin-top: 20px; /* Add some spacing above the messages */
    padding: 10px;
    border: 1px solid #ccc; /* Optional: Add a border for distinction */
    border-radius: 6px; /* Optional: Rounded corners */
    background-color: #f9f9f9; /* Optional: Light background color */
}

.messageText[b-l3kbdhob78] {
    font-size: 13px;
    border-radius: 6px;
    text-align: left; /* Align text to the left */
    display: block;
    margin-bottom: 5px; /* Space between messages */
}

.progress-chat[b-l3kbdhob78] {
    width: 50px;
    height: 10px;
    align-self: center;
-webkit-mask: radial-gradient(circle closest-side,#000 94%,#0000) 0 0/25% 100%, linear-gradient(#000 0 0) center/calc(100% - 10.1px) calc(100% - 10.1px) no-repeat;
background: linear-gradient(#474bff 0 0) left/0% 100% no-repeat #dbdcef;
animation: progress-d7mi5a-b-l3kbdhob78 2s infinite linear;
}

@keyframes progress-d7mi5a-b-l3kbdhob78 {
100% {
    background-size: 100% 100%;
}
}

.card-disabled[b-l3kbdhob78] {
    opacity: 0.6;
    background-color: #f5f5f5 !important;
    cursor: not-allowed;
    pointer-events: none;
    border-color: #e6e6e6;
    color: #808080;
    box-shadow: none;
}

.card-disabled span[b-l3kbdhob78] {
    color: #808080;
}

.system-message[b-l3kbdhob78] {
    text-align: center;
    color: #ff0000;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: center;
}

.error-text[b-l3kbdhob78] {
    background-color: #fff3f3;
    padding: 5px 10px;
    border-radius: 4px;
    max-width: 80%;
    word-wrap: break-word;
}

.message-text[b-l3kbdhob78] {
    flex: 1;
}
/* /Components/Chatbot/Chat.razor.rz.scp.css */
.chat[b-zvwr5cqeku] {
    display: flex;
    flex-direction: column;
    background: rgba(245, 245, 245, 1);
    height: 100%;
}

.chat__content[b-zvwr5cqeku] {
    display: flex;
    justify-content: center;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.chat__footer[b-zvwr5cqeku] {
    gap: 8px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0px 32px;
}
/* /Components/Chatbot/ChatbotAssetView.razor.rz.scp.css */
/* Style the image so it never exceeds its container size */
img[b-uefj9lj4fy] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
/* /Components/Chatbot/ChatHistory.razor.rz.scp.css */
.preview[b-iw3lz0lzbt] {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(196, 225, 109, 1);
}

.preview--active[b-iw3lz0lzbt] {
    background: rgba(196, 225, 109, 1);
}

.preview__content[b-iw3lz0lzbt] {
    gap: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto; 

}

.preview__content__inner[b-iw3lz0lzbt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: rgba(102, 102, 102, 1);
}

.body-2[b-iw3lz0lzbt] {
    font-size: 13px;
    font-weight: 700;
    line-height: 14.06px;
}

.caption[b-iw3lz0lzbt] {
    font-family: var(--app-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
}

.loader[b-iw3lz0lzbt] {
    width: 120px;
    height: 24px;
    -webkit-mask:
      radial-gradient(circle closest-side,#000 94%,#0000) 0 0/25% 100%,
      linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat;
    background:
     linear-gradient(#25b09b 0 0) 0/0% no-repeat
     #ddd;
    animation: l7-b-iw3lz0lzbt 2s infinite linear;
  }
  
  @keyframes l7-b-iw3lz0lzbt {
      100% {background-size:100%}
  }

  .preview.load-more[b-iw3lz0lzbt] {
    background: rgba(196, 225, 109, 0.2);
    border: 2px dashed rgba(196, 225, 109, 1);
    transition: all 0.3s ease;
    margin-top: 16px;
    padding: 0px;
}

.preview.load-more:hover[b-iw3lz0lzbt] {
    background: rgba(196, 225, 109, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.preview.load-more .preview__content[b-iw3lz0lzbt] {
    align-items: center;
    justify-content: center;
    min-height: 44px;
}

.preview.load-more .caption[b-iw3lz0lzbt] {
    font-weight: 700;
    color: rgba(37, 176, 155, 1);
}
/* /Components/Chatbot/ChatInput.razor.rz.scp.css */
.container[b-08a990tnus] {
    gap: 16px;
    width: 100%;
    display: flex;
    align-items: center;
}

.container__input[b-08a990tnus] {
    flex: 1;
    display: flex;
    position: relative;
    /* min-height: 49px; */
    transition: all 0.3s ease;
}

.container__input.recording[b-08a990tnus] {
    background: rgba(235, 235, 235, 1);
    border-radius: 8px;
    overflow: hidden;
}

.container__input :deep(.voice-visualizer)[b-08a990tnus] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}


.container__input input[b-08a990tnus] {
    flex: 1;
    border: none;
    resize: none;
    outline: none;
    padding: 16px;
    font-size: 15px !important;
    border-radius: 8px;
    background: rgba(235, 235, 235, 1);
    font-family: var(--app-font) !important;
}

.container__input input[b-08a990tnus]::placeholder {
    color: rgba(185, 185, 185, 1);
    font-size: 13px;
}

.container--primary-button[b-08a990tnus] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: none;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
}
.e-image[b-08a990tnus] {
    font-size: xx-large;
}

.clear-button[b-08a990tnus] {
    font-size: xx-large;
    color: white; /* Change color as needed */
}

.progress-chat[b-08a990tnus] {
    width: 50px;
    height: 10px;
    align-self: center;
    -webkit-mask: radial-gradient(circle closest-side,#000 94%,#0000) 0 0/25% 100%, linear-gradient(#000 0 0) center/calc(100% - 10.1px) calc(100% - 10.1px) no-repeat;
    background: linear-gradient(#474bff 0 0) left/0% 100% no-repeat #dbdcef;
    animation: progress-d7mi5a-b-08a990tnus 2s infinite linear;
}

@keyframes progress-d7mi5a-b-08a990tnus {
    100% {
        background-size: 100% 100%;
    }
}

.container--settings-button[b-08a990tnus] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    transform: scale(0.7);
    transform-origin: left;
}

.switch-group[b-08a990tnus] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.switch-label[b-08a990tnus] {
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
}

#switch-label[b-08a990tnus] {
    white-space: nowrap;

}

.container--primary-button img[b-08a990tnus] {
    width: 100%;
}

.recording[b-08a990tnus] {
    color: red;
    animation: pulse-b-08a990tnus 1s infinite;
}

.active[b-08a990tnus] {
    color: #007bff;
}

@keyframes pulse-b-08a990tnus {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.container--stop-button[b-08a990tnus] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
    position: absolute;
    right: 70px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.container--stop-button:hover[b-08a990tnus] {
    opacity: 1;
}

/* 
These definitions will be read by JavaScript and applied as inline styles
This way we keep the configuration in ChatInput.razor.css but bypass scoping issues
*/
/* /Components/Chatbot/Dialog.razor.rz.scp.css */
[b-wpsifgvikt] .chatbot-ai {
    z-index: 10005 !important;
}

.dialog[b-wpsifgvikt] {
    display: flex;
    height: 100%;
    margin: 0;
    font-family: var(--app-font) !important;
}

.close-button[b-wpsifgvikt] {
    position: absolute; /* Positioning the button */
    top: 10px; /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    background: none; /* No background */
    border: none; /* No border */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 24px; /* Size of the icon */
    color: #000; /* Color of the icon */
}

.close-button:hover[b-wpsifgvikt] {
    color: red; /* Change color on hover for better UX */
}

.dialog__options[b-wpsifgvikt] {
    gap: 14px;
    display: flex;
    flex-direction: column;
    width: 34.29%;
    min-width: 34.29%;
    padding: 20px 4px 0px 16px;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
                min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    will-change: width, min-width, padding, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Collapsed state for the history panel */
.dialog--history-collapsed .dialog__options[b-wpsifgvikt] {
    width: 0;
    min-width: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
                min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0s linear 0.35s;
}

/* When collapsed, hide everything inside dialog__options except the toggle button */
.dialog--history-collapsed .dialog__options > *:not(.switch-container)[b-wpsifgvikt] {
    display: none;
}

.dialog--history-collapsed .dialog__options .switch-container[b-wpsifgvikt] {
    display: none;
}

.switch-container[b-wpsifgvikt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dialog__options__header[b-wpsifgvikt] {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}

.dialog__options__list[b-wpsifgvikt] {
    gap: 16px;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 0 8px 16px 0;
}

.dialog__view[b-wpsifgvikt] {
    flex: 1;
    gap: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgba(245, 245, 245, 1);
    position: relative;
    transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: flex;
    transform: translateZ(0);
}

/* Toggle button in the header (hamburger menu icon) */
.dialog__toggle-btn[b-wpsifgvikt] {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.dialog__toggle-btn:hover[b-wpsifgvikt] {
    background-color: rgba(0, 0, 0, 0.08);
}

.dialog__toggle-btn .e-icons[b-wpsifgvikt] {
    font-size: 20px;
    color: #333;
}

/* Expand button shown when panel is collapsed */
.dialog__expand-btn[b-wpsifgvikt] {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 36px;
    height: 36px;
    z-index: 10;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.dialog__expand-btn:hover[b-wpsifgvikt] {
    background-color: #f5f5f5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.dialog__expand-btn .e-icons[b-wpsifgvikt] {
    font-size: 18px;
    color: #333;
}

.header[b-wpsifgvikt] {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.13px;
}

.e-search[b-wpsifgvikt]{
    font-size: x-large;
}

.search-icon[b-wpsifgvikt] {
    position: absolute;
    right: 10px; /* Adjust based on your design */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Ensures the icon doesn't block input interaction */
}

.search-history[b-wpsifgvikt] {
    flex: 1;
    border: none;
    resize: none;
    outline: none;
    padding: 16px;
    font-size: 10px;
    border-radius: 8px;
    background: rgba(235, 235, 235, 1);
    padding-right: 25px;
}

.search-history[b-wpsifgvikt]::placeholder {
    color: rgba(185, 185, 185, 1);
}

[b-wpsifgvikt] .search-history {
    width: 235px;
}

.container--search-button[b-wpsifgvikt] {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    background: none;
}

.e-close[b-wpsifgvikt]{
    font-size: small;
    margin-left: 5px;
}
/* /Components/Chatbot/MoveableChatbotIcon.razor.rz.scp.css */
/* MoveableChatbotIcon - Scoped CSS */

.moveable-chatbot-icon[b-dsocgw9ru9] {
    position: fixed;
    z-index: 10002;
    cursor: pointer;
    user-select: none;
    touch-action: none;
    /* Responsive dimensions: 5vw scales with viewport, clamped between 48px min and 90px max */
    width: clamp(60px, 5vw, 95px);
    height: clamp(60px, 5vw, 95px);
    /* Default position - bottom right corner */
    right: 8px;
    bottom: 5px;
    /* No transition by default - JS will add when needed for snap animation */
}

.moveable-chatbot-icon img[b-dsocgw9ru9] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 55%;
    pointer-events: none;
    /* Prevent image drag */
    -webkit-user-drag: none;
    user-select: none;
    display: block;
}

/* Dragging state */
.moveable-chatbot-icon.dragging[b-dsocgw9ru9] {
    cursor: grabbing;
    opacity: 0.85;
}

/* Hover effect - subtle shadow instead of transform to avoid position issues */
.moveable-chatbot-icon:hover:not(.dragging)[b-dsocgw9ru9] {
    filter: brightness(1.1);
}

/* Active/pressed state */
.moveable-chatbot-icon:active:not(.dragging)[b-dsocgw9ru9] {
    filter: brightness(0.95);
}

/* Mobile touch feedback */
@media (hover: none) and (pointer: coarse) {
    .moveable-chatbot-icon:active[b-dsocgw9ru9] {
        filter: brightness(1.1);
    }
}

/* Ensure visibility on all screen sizes - media query no longer needed with clamp() */
/* /Components/ComponentSkeletons/FormSkeleton.razor.rz.scp.css */
[b-k882ufe0f7] .skeleton-form {
    width: 100vw;
    margin: auto;
    padding: 20px;
}

[b-k882ufe0f7] .section h4 {
    font-weight: 600;
    background-color: #e8e8e8 !important;
}
/* /Components/EntityLocator/ConnectionTab.razor.rz.scp.css */
[b-zdn7a9rdli].entity-detail-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

[b-zdn7a9rdli].icon-wrapper {
    flex: 0 0 auto; /* fixed width for icons */
    width: 30px;
    display: flex;
    justify-content: center;
}

[b-zdn7a9rdli].label {
    flex: 0 0 auto;
    min-width: 100px; /* adjust width as needed */
    color: #212121;
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
}

[b-zdn7a9rdli].value {
    flex: 1 1 auto; /* take remaining space */
    color: #555555;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    vertical-align: bottom;
}

[b-zdn7a9rdli].tab-icon {
    width: 20px; /* adjust icon size */
    height: 20px;
    object-fit: contain;
}

[b-zdn7a9rdli] .skeleton-container1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


[b-zdn7a9rdli] .tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; /* spacing between tags */
    max-height: 240px; /* set your desired max height */
    overflow-y: auto; /* enable vertical scroll if content overflows */
    padding-right: 6px; /* small space so scrollbar doesn't overlap tags */
}

    [b-zdn7a9rdli] .tag-container::-webkit-scrollbar {
        width: 6px;
    }

    [b-zdn7a9rdli] .tag-container::-webkit-scrollbar-thumb {
        background-color: rgba(155, 99, 155, 0.6);
        border-radius: 2px;
    }


    [b-zdn7a9rdli].tag-container .tag {
        display: flex;
        background: rgba(107, 7, 56, 0.15);
        color: #D75B97;
        font-size: 12px;
        font-weight: 400;
        padding: 2px 6px;
        border-radius: 25px;
        margin: 2px 4px;
        border: 0.25px solid #D75B97
    }

    [b-zdn7a9rdli].tag-container .truncate {
        white-space: nowrap; /* prevent line break */
        overflow: hidden; /* hide overflowing text */
        text-overflow: ellipsis; /* show … */
        display: block; /* or inline-block, flex item also works */
        max-width: 280px;
        height: 26px;
        padding: 4px;
        cursor: default;
    }

[b-zdn7a9rdli] .no-data {
    font-style: italic;
}
/* /Components/EntityLocator/EntityLocatorMapView.razor.rz.scp.css */
.map-container[b-9028j2rikw] {
    position: relative;
    width: 100%;
    height: 359px;
    overflow-x: hidden;
}

.map-dropdown-container[b-9028j2rikw] {
    position: absolute;
    top: 15px; /* Increased for margin */
    left: 15px;
    display: flex;
    gap: 10px;
    z-index: 10000;
    cursor: grab;
    user-select: none;
}

    .map-dropdown-container:active[b-9028j2rikw] {
        cursor: grabbing;
    }


#vendorEntityMapDiv[b-9028j2rikw] {
    width: 100%;
    height: 359px;
    position: relative;
}

[b-9028j2rikw] .open-panel-link {
    color: #D75B97;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
}


[b-9028j2rikw] .entity-name-search.e-input-group.e-control-wrapper {
    width: 235px !important;
    min-height: 36px !important;
    border-radius: 36px !important;
    padding: 2px 12px !important;
}


[b-9028j2rikw] .reset-btn {
    border-radius: 8px;
    background-color: #fff;
    color: #6B0738;
    border: 1px solid #6B0738;
}


[b-9028j2rikw] .gm-style-iw .map-info-window {
    display: flex !important;
    align-items: flex-start !important; /* top align logo with content */
    gap: 10px;
    min-width: auto; /* let width adjust automatically */
    max-width: 300px; /* optional maximum width */
}

[b-9028j2rikw] .map-info-window .logo-column {
    flex: 0 0 28px; /* fixed width for logo */
    display: flex;
    align-items: flex-start;
}

    [b-9028j2rikw] .map-info-window .logo-column img {
        width: 32px;
        height: 32px; /* fixed size */
        border-radius: 50%;
        object-fit: contain;
    }

[b-9028j2rikw] .map-info-window .content-column {
    flex: 1;
}

    [b-9028j2rikw] .map-info-window .content-column .map-entity-name {
        font-family: "Roboto", sans-serif !important;
        font-weight: 500;
        font-size: 14px;
        color: #212121;
        margin: 0 0 4px 0;
    }

    [b-9028j2rikw] .map-info-window .content-column div {
        margin-bottom: 2px;
    }

[b-9028j2rikw] .map-info-window .info-panel {
    position: fixed;
    top: 0;
    right: -200px; /* hidden initially */
    width: 200px;
    height: 100vh;
    background-color: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,0.2);
    transition: right 0.3s ease;
    z-index: 9999;
}

    [b-9028j2rikw] .map-info-window .info-panel.open {
        right: 0; /* slide in */
    }

    [b-9028j2rikw] .map-info-window .info-panel .panel-content {
        padding: 16px;
    }

/* Center container */
.center-loader[b-9028j2rikw] {
    position: absolute; /* or fixed for fullscreen */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

/* Modern spinner */
.loader-ring[b-9028j2rikw] {
    width: 55px;
    height: 55px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #4A90E2;
    border-radius: 50%;
    animation: spin-b-9028j2rikw 0.7s linear infinite;
}

@keyframes spin-b-9028j2rikw {
    100% {
        transform: rotate(360deg);
    }
}


.exit-fullscreen-container[b-9028j2rikw] {
    margin-bottom: 25px;
}
/* /Components/EntityLocator/EntityLocatorSidebar.razor.rz.scp.css */
/* Custom Sidebar Styles */
.custom-sidebar[b-jd6qqpft77] {
    position: absolute;
    top: 0;
    right: 0px;
    width: 500px;
    height: 100vh;
    background-color: white;
    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
    transform: translateX(100%);
    transition: transform 0.5s ease;
    z-index: 11000;
}

    .custom-sidebar.open[b-jd6qqpft77] {
        transform: translateX(0%);
    }

    .custom-sidebar .detail-window[b-jd6qqpft77] {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .custom-sidebar .header[b-jd6qqpft77] {
        height: 280px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

        .custom-sidebar .header .close-button[b-jd6qqpft77] {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

            .custom-sidebar .header .close-button:hover[b-jd6qqpft77] {
                background-color: #f8f9fa;
                color: #333;
                transform: scale(1.1);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            }

        .custom-sidebar .header .close-icon[b-jd6qqpft77] {
            font-size: 24px;
            color: #212121;
        }

    .custom-sidebar .subheader[b-jd6qqpft77] {
        display: flex;
        align-items: center;
        padding: 10px 15px;
        gap: 15px;
    }

        .custom-sidebar .subheader .avatar[b-jd6qqpft77] {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            object-fit: contain;
        }

        .custom-sidebar .subheader .entity-info[b-jd6qqpft77] {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .custom-sidebar .subheader .entity-name[b-jd6qqpft77] {
            font-size: 20px;
            color: #212121;
        }

[b-jd6qqpft77].custom-sidebar .btn-add-connection {
    width: 132px;
    height: 44px;
    background-color: #6B0738;
    font-size: 14px;
    color: #EBE3F0;
    border-radius: 8px;
}

    [b-jd6qqpft77].custom-sidebar .btn-add-connection:disabled {
        background-color: rgba(108,117,125,.65);
        border-color: rgba(108,117,125,.65);
    }

.custom-sidebar .custom-tabs[b-jd6qqpft77] {
    display: flex;
    border-bottom: 1px solid #ddd;
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

    .custom-sidebar .custom-tabs .tab[b-jd6qqpft77] {
        background: none;
        border: none;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

        .custom-sidebar .custom-tabs .tab.active[b-jd6qqpft77] {
            border-bottom: 2px solid #9B639B;
            color: #9B639B;
        }

.custom-sidebar .tab-content[b-jd6qqpft77] {
    padding: 20px;
}

/*.subheader .stars {
    color: #faa822;*/ /* gold stars */
/*}*/


.star-rating[b-jd6qqpft77] {
    display: inline-flex;
}

.star[b-jd6qqpft77] {
    font-size: 20px;
    color: #ccc;
    margin-right: 2px;
}

    .star.full[b-jd6qqpft77] {
        color: #FAA822; /* Full star color */
    }

    .star.half[b-jd6qqpft77] {
        color: #FAA822; /* Half star color */
    }

    .star.empty[b-jd6qqpft77] {
        color: #ccc; /* Empty star color */
    }

.rating-number[b-jd6qqpft77] {
    font-size: 14px;
    font-weight: 500;
}


.select-entity[b-jd6qqpft77] {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 25px;
    font-size: 0.9rem;
    font-weight: 400;
}
/* /Components/EntityLocator/HelperComponents/CheckBoxList.razor.rz.scp.css */
/* Custom Dropdown Container */
.custom-checkbox-dropdown-container[b-jvc1nlyg3e] {
    position: relative;
}

/* Dropdown button */
.custom-checkbox-dropdown-btn[b-jvc1nlyg3e] {
    width: 250px;
    height: 35px;
    padding-left: 36px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 2px 2.62px #0000003B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
    cursor: pointer;
    position: relative;
    border: 1px solid #212121;
}

    /* Left icon in button */
    .custom-checkbox-dropdown-btn .left-icon[b-jvc1nlyg3e] {
        position: absolute;
        left: 12px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

    /* Chevron on right */
    .custom-checkbox-dropdown-btn[b-jvc1nlyg3e]::after {
        content: "\e70d";
        font-family: "e-icons";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        color: #212121;
        pointer-events: none;
    }

/* Dropdown menu */
.custom-checkbox-dropdown-menu[b-jvc1nlyg3e] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 650px;
    background: #fff;
    box-shadow: 0px 2px 2.62px #0000003B;
    margin-top: 5px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    max-height: 500px;
    overflow: hidden; /* Hide both horizontal and vertical overflow */
}

/* Search input field and footer stay fixed */
.checkbox-search[b-jvc1nlyg3e],
.custom-checkbox-footer[b-jvc1nlyg3e] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

/* Styling for the search input field */
.search-input[b-jvc1nlyg3e] {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    z-index: 9999;
}

/* Footer container styling */
.custom-checkbox-footer[b-jvc1nlyg3e] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.clear-btn[b-jvc1nlyg3e],
.apply-btn[b-jvc1nlyg3e] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

    .clear-btn:hover[b-jvc1nlyg3e] {
        text-decoration: underline;
    }

.apply-btn[b-jvc1nlyg3e] {
    font-weight: 700;
    color: #6B0738;
}

    .apply-btn:hover[b-jvc1nlyg3e] {
        text-decoration: underline;
    }

/* Scrollable checkbox list */
.custom-checkbox-list[b-jvc1nlyg3e] {
    flex-grow: 1;
    overflow-y: auto; /* Only vertical scrolling */
    overflow-x: hidden; /* Hide horizontal scrolling */
    padding: 0 12px;
    max-height: 650px; /* Adjust as needed */
}

/* Truncate text and show tooltip */
.checkbox-label[b-jvc1nlyg3e] {
    display: block;
    width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px;
}

    /* Tooltip styling */
    .checkbox-label[title][b-jvc1nlyg3e] {
        position: relative;
        cursor: pointer;
    }

        .checkbox-label[title]:hover[b-jvc1nlyg3e]::after {
            content: attr(title);
            position: absolute;
            left: 0;
            top: 100%;
            background-color: #333;
            color: white;
            padding: 5px;
            border-radius: 4px;
            white-space: nowrap;
            z-index: 9999;
            font-size: 12px;
        }

.custom-checkbox-dropdown-btn.active-filter[b-jvc1nlyg3e] {
    border: 2px solid #D75B97 !important;
    background-color: #FFF4FA !important;
}
/* /Components/EntityLocator/HelperComponents/CustomAutoComplete.razor.rz.scp.css */
[b-lmrmko94gr].custom-autocomplete {
    font-family: Lato, sans-serif;
    font-size: 14px;
    position: relative;
    width: 95%;
    margin: 0px 0px 6px 8px;
}

    [b-lmrmko94gr].custom-autocomplete .input-wrap {
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #ced4da;
        border-radius: 6px;
        padding: 6px 8px;        
    }

    [b-lmrmko94gr].custom-autocomplete .ca-input {
        border: none;
        outline: none;
        flex: 1;
        font-size: 14px;
        min-width: 80px;
    }

    [b-lmrmko94gr].custom-autocomplete .ca-clear {
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 12px;
        padding: 4px;
        color: #6b0738;
    }

[b-lmrmko94gr].ca-popup {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    z-index: 2147483648;
    padding: 6px 0;
    list-style: none;
    margin: 0;
}

[b-lmrmko94gr].ca-item {
    padding: 8px 12px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 13px;
    color: #212121;
}

    [b-lmrmko94gr].ca-item:hover,
    [b-lmrmko94gr].ca-item.highlight {
        background: rgba(107,7,56,0.06);
    }

[b-lmrmko94gr].ca-empty {
    padding: 8px 12px;
    color: #757575;
}

[b-lmrmko94gr].ca-match {
    font-weight: 700;
    color: #6b0738;
}

/* small screens */
@media (max-width: 480px) {
    [b-lmrmko94gr].ca-popup {
        max-height: 220px;
    }
}


.custom-autocomplete-disabled[b-lmrmko94gr] {
    pointer-events: none; 
    opacity: 0.65; 
    background-color: #f5f5f5 !important;
    border-color: #d7d7d7 !important;
    cursor: not-allowed !important;
}

    .custom-autocomplete-disabled input[b-lmrmko94gr] {
        background-color: #f5f5f5 !important;
        cursor: not-allowed !important;
        color: #8d8d8d !important;
    }
/* /Components/EntityLocator/HelperComponents/CustomMultiSelect.razor.rz.scp.css */
/* Container */
.custom-multiselect-container[b-ny2nb6gtjp] {
    position: relative;
    font-family: Lato, sans-serif;
    font-size: 14px;
    width: 100%;
}

/* Input box */
.custom-multiselect-input[b-ny2nb6gtjp] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    min-height: 70px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    background-color: #fff;
    gap: 4px;
    margin: 8px;
}

    /* Active filter style */
    .custom-multiselect-input.active-filter[b-ny2nb6gtjp] {
        border: 2px solid #D75B97;
        background-color: #FFF4FA;
    }

    /* Placeholder */
    .custom-multiselect-input .placeholder[b-ny2nb6gtjp] {
        color: #5D5D5D;
        padding-left: 4px;
    }

    /* Dropdown arrow */
    .custom-multiselect-input .dropdown-arrow[b-ny2nb6gtjp] {
        margin-left: auto;
        font-size: 12px;
        color: #212121;
    }

/* Chips for selected items */
.chips-container[b-ny2nb6gtjp] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.chip[b-ny2nb6gtjp] {
    display: flex;
    align-items: center;
    background: rgba(107,7,56,0.15);
    color: #D75B97;
    font-size: 10px;
    font-weight: 400;
    padding: 2px 6px;
    border-radius: 25px;
    border: 0.25px solid #D75B97;
}

.chip-close[b-ny2nb6gtjp] {
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    font-size: 12px;
    color: #D75B97;
    font-weight: bold;
}

/* Dropdown panel */
.custom-multiselect-dropdown[b-ny2nb6gtjp] {
    position: absolute;
    top: calc(98%);
    left: 8px;
    width: 93%;
    max-height: 250px;
    background: #fff;
    border: 1px solid #ced4da;
    box-shadow: 4px 6px 8px rgba(0,0,0,0.15);
    z-index: 2147483647; /* Google Maps fullscreen safe */
    padding: 4px 0;
}

/* Option items */
.options-list[b-ny2nb6gtjp] {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    max-height: 240px;
    overflow-y: auto;
}

.option-item[b-ny2nb6gtjp] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 0.15s;
}

    .option-item:hover[b-ny2nb6gtjp] {
        background-color: rgba(107,7,56,0.1);
    }    
/* /Components/EntityLocator/HelperComponents/CustomSlider.razor.rz.scp.css */
/* Container */
.ios-slider-container[b-m483q6sm0l] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Track */
.ios-slider[b-m483q6sm0l] {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(to right, #007aff, #53a7ff);
    outline: none;
    cursor: pointer;
    position: relative;
    left: 10px;
}

    /* Thumb */
    .ios-slider[b-m483q6sm0l]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 28px;
        height: 28px;
        background: white;
        border-radius: 50%;
        border: 1px solid #d1d1d6;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 122, 255, 0.15);
        transition: box-shadow 0.2s ease, transform 0.15s ease;
    }

    /* Thumb hover + active effect */
    .ios-slider:active[b-m483q6sm0l]::-webkit-slider-thumb {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), 0 0 0 6px rgba(0, 122, 255, 0.20);
        transform: scale(1.1);
    }

/* Tooltip value */
.ios-value[b-m483q6sm0l] {
    background: rgba(255, 255, 255, 0.8);
    padding: 4px 10px;
    padding-right: 16px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 0.85rem;
    color: #222;
    backdrop-filter: blur(5px);
    min-width: 36px;
    text-align: center;
}

/* Disabled track */
.ios-slider:disabled[b-m483q6sm0l] {
    cursor: not-allowed;
    opacity: 0.5;
    background: #d7d7d7 !important; /* light gray like iOS */
}

    /* Disabled thumb */
    .ios-slider:disabled[b-m483q6sm0l]::-webkit-slider-thumb {
        background: #f1f1f1;
        border: 1px solid #c8c7cc;
        box-shadow: none;
        cursor: not-allowed;
    }

    /* Disabled thumb (active/hover override) */
    .ios-slider:disabled:active[b-m483q6sm0l]::-webkit-slider-thumb {
        transform: none;
        box-shadow: none;
    }

/* Value badge when disabled */
.ios-value.disabled[b-m483q6sm0l] {
    opacity: 0.5;
}
/* /Components/EntityLocator/HelperComponents/RadioButtonList.razor.rz.scp.css */
/**  Radio button list styles **/
.custom-radio-dropdown-container[b-o5k3lpm9z6] {
    position: relative;
    width: 225px;
}

/* Dropdown button */
.custom-radio-dropdown-btn[b-o5k3lpm9z6] {
    width: 100%;
    height: 35px;
    padding-left: 36px; /* space for left icon */
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 2px 2.62px 0px #0000003B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
    cursor: pointer;
    position: relative;
    border: 1px solid #212121; /* button border */
}

    /* Left icon */
    .custom-radio-dropdown-btn .left-icon[b-o5k3lpm9z6] {
        position: absolute;
        left: 12px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

    /* Right chevron using ::after pseudo-element */
    .custom-radio-dropdown-btn[b-o5k3lpm9z6]::after {
        content: "\e70d"; /* Syncfusion chevron */
        font-family: "e-icons";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        color: #212121;
        pointer-events: none; /* ensures click passes through */
    }

/* Dropdown menu */
.custom-radio-dropdown-menu[b-o5k3lpm9z6] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 2.62px 0px #0000003B;
    margin-top: 5px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    border-radius: 12px;
    border: 1px solid #ccc; /* matches button border */
}

/* Radio button wrapper */
[b-o5k3lpm9z6] .custom-radio-dropdown-menu .e-radio-wrapper {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin: 0px 0; /* space between radios */
}

    /* Radio label */
    [b-o5k3lpm9z6] .custom-radio-dropdown-menu .e-radio-wrapper .e-label {
        margin-left: 4px;
        font-family: Lato, sans-serif;
        font-size: 14px;
        color: #212121;
    }

    /* Remove extra radio margins */
    [b-o5k3lpm9z6] .custom-radio-dropdown-menu .e-radio-wrapper .e-radio {
        margin: 0;
    }

/* Footer container styling */
.custom-radio-footer[b-o5k3lpm9z6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 8px 12px;
    background-color: #fff;
}

.clear-btn[b-o5k3lpm9z6],
.apply-btn[b-o5k3lpm9z6] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

    .clear-btn:hover[b-o5k3lpm9z6] {
        text-decoration: underline;
    }

.apply-btn[b-o5k3lpm9z6] {
    font-weight: 700;
    color: #6B0738;
}

    .apply-btn:hover[b-o5k3lpm9z6] {
        text-decoration: underline;
    }

.custom-radio-title[b-o5k3lpm9z6] {
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    vertical-align: middle;
    color: #5D5D5D;
    padding: 0px 0px 4px 12px;
}

    .custom-radio-title:hover[b-o5k3lpm9z6] {
        cursor: default;
    }

.custom-radio-separator[b-o5k3lpm9z6] {
    height: 1px;
    background: #eee;
    margin: 6px 0;
    display: block;
}

[b-o5k3lpm9z6] .custom-location-text.e-control-container.e-control-wrapper{
    margin: 0px 8px 8px 12px !important;
    border-color: #ced4da !important;
    width: 92% !important;
 }


.custom-radio-dropdown-btn.active-filter[b-o5k3lpm9z6] {
    border: 2px solid #D75B97 !important;
    background-color: #FFF4FA !important;
}
/* /Components/EntityLocator/HelperComponents/RatingDropdownList.razor.rz.scp.css */
.custom-rating-dropdown-container[b-nnxbsc25tm] {
    position: relative;
    width: 225px;
}

.custom-rating-dropdown-btn[b-nnxbsc25tm] {
    width: 100%;
    height: 35px;
    padding-left: 36px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 2px 2.62px #0000003B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
    cursor: pointer;
    position: relative;
    border: 1px solid #212121;
}

    .custom-rating-dropdown-btn .left-icon[b-nnxbsc25tm] {
        position: absolute;
        left: 12px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

    /* Right chevron using ::after pseudo-element */
    .custom-rating-dropdown-btn[b-nnxbsc25tm]::after {
        content: "\e70d"; /* Syncfusion chevron */
        font-family: "e-icons";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        color: #212121;
        pointer-events: none; /* ensures click passes through */
    }

.custom-rating-dropdown-menu[b-nnxbsc25tm] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 2px #0000003B;
    margin-top: 5px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    border-radius: 12px;
}

.rating-row[b-nnxbsc25tm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .rating-row:hover[b-nnxbsc25tm] {
        background-color: #f5f5f5;
    }

    .rating-row.selected[b-nnxbsc25tm] {
        background-color: #e3f2fd; /* Light blue background for selected row */
        border-left: 3px solid #2196f3;
    }

.stars[b-nnxbsc25tm] {
    display: flex;
}

.star[b-nnxbsc25tm] {
    font-size: 16px;
    color: #ccc;
    margin-right: 2px;
    cursor: pointer;
}

    .star.selected[b-nnxbsc25tm] {
        color: #f5b301;
    }

.rating-label[b-nnxbsc25tm] {
    margin-right: 8px;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
}

/* Footer container styling */
.custom-rating-footer[b-nnxbsc25tm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 8px 12px;
    background-color: #fff;
}

.clear-btn[b-nnxbsc25tm],
.apply-btn[b-nnxbsc25tm] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

    .clear-btn:hover[b-nnxbsc25tm] {
        text-decoration: underline;
    }

.apply-btn[b-nnxbsc25tm] {
    font-weight: 700;
    color: #6B0738;
}

    .apply-btn:hover[b-nnxbsc25tm] {
        text-decoration: underline;
    }

.custom-rating-dropdown-btn.active-filter[b-nnxbsc25tm] {
    border: 2px solid #D75B97 !important;
    background-color: #FFF4FA !important;
}
/* /Components/EntityLocator/HelperComponents/SearchTextBox.razor.rz.scp.css */
.search-box-wrapper[b-0tr8854huu] {
    position: relative;
    width: 250px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 0 12px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #212121;
    box-shadow: 0px 2px 2.62px #0000003B;
}

    .search-box-wrapper input[b-0tr8854huu] {
        flex: 1;
        border: none;
        outline: none;
        height: 100%;
        font-size: 14px;
        padding: 0;
        border-radius: 16px;
        color: #212121;
     }

    .search-box-wrapper .clear-icon[b-0tr8854huu] {
        position: absolute;
        right: 30px;
        border: none;
        background: none;
        cursor: pointer;
        font-size: 16px;
        color: #888;
        outline: none;
    }

    .search-box-wrapper .search-icon[b-0tr8854huu] {
        position: absolute;
        right: 12px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.3); /* transparent */
        user-select: none;
    }
/* /Components/EntityLocator/HelperComponents/ServiceTimePicker.razor.rz.scp.css */
/* Container */
.custom-radio-dropdown-container[b-o16k1ddrdx] {
    position: relative;
    width: 235px;
}

/* Dropdown Button */
.custom-radio-dropdown-btn[b-o16k1ddrdx] {
    width: 100%;
    height: 35px;
    padding-left: 36px;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
    border: 1px solid #212121;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 2px 2.62px rgba(0,0,0,0.23);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

    .custom-radio-dropdown-btn .left-icon[b-o16k1ddrdx] {
        position: absolute;
        left: 12px;
        width: 16px;
        height: 16px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .custom-radio-dropdown-btn[b-o16k1ddrdx]::after {
        content: "\e70d";
        font-family: "e-icons";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        color: #212121;
        pointer-events: none;
    }

/* Dropdown Menu */
.custom-radio-dropdown-menu[b-o16k1ddrdx] {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content !important;
    min-width: 650px;
    height: 550px;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2.62px rgba(0,0,0,0.23);
    overflow: hidden; /* prevents footer escaping */
    z-index: 9999;
}

/* Service Picker */
.service-time-picker[b-o16k1ddrdx] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Top Controls */
.top-controls[b-o16k1ddrdx] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
    z-index: 1;
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Optional: Left align */
    gap: 8px; /* Reduce spacing if needed */
    padding: 12px;
}

.radio[b-o16k1ddrdx] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

    .radio input[b-o16k1ddrdx] {
        accent-color: #6b2737;
        cursor: pointer;
    }

/* Scrollable Grid */
.days-grid[b-o16k1ddrdx] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    padding: 12px;
}

.day-column[b-o16k1ddrdx] {
    min-width: 80px;
    display: flex;
    flex-direction: column;
    padding-right: 10px;
}
    /* Vertical separator between day columns */
    .day-column:not(:last-child)[b-o16k1ddrdx] {
        border-right: 1px solid #e1e1e1; /* Light grey divider */
    }

.day-header[b-o16k1ddrdx] {
    margin-bottom: 6px;
    color: #6B0738;
    text-align: center;
    font-family: Lato;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    vertical-align: middle;
}

/* Chips */
.chip[b-o16k1ddrdx] {
    display: inline-block;
    padding: 6px 8px;
    margin: 3px;
    font-size: 12px;
    border-radius: 20px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.1s ease;
    white-space: nowrap;
}

    .chip:hover[b-o16k1ddrdx] {
        border-color: #6b2737;
    }

    .chip.selected[b-o16k1ddrdx] {
        background-color: #EBE3F0;
        color: #6b2737;
        font-weight: 400;
        border: 1px solid #6b2737;
    }

/* Footer */
/* Footer container styling */
.custom-radio-footer[b-o16k1ddrdx] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 8px 12px;
    background-color: #fff;
}

.clear-btn[b-o16k1ddrdx],
.apply-btn[b-o16k1ddrdx] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

    .clear-btn:hover[b-o16k1ddrdx] {
        text-decoration: underline;
    }

.apply-btn[b-o16k1ddrdx] {
    font-weight: 700;
    color: #6B0738;
}

    .apply-btn:hover[b-o16k1ddrdx] {
        text-decoration: underline;
    }


/* Animations */
@keyframes fadeIn-b-o16k1ddrdx {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .days-grid[b-o16k1ddrdx] {
        grid-template-columns: repeat(7, minmax(60px, 1fr));
        gap: 4px;
    }

    .chip[b-o16k1ddrdx] {
        padding: 4px 6px;
        font-size: 11px;
    }
}

.radio-item[b-o16k1ddrdx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logic-inline[b-o16k1ddrdx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logic-radio[b-o16k1ddrdx] {
    font-size: 12px;
}

.info-icon[b-o16k1ddrdx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #6B0738;
    color: #6B0738;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;    
    transition: 0.2s ease;
}

    .info-icon:hover[b-o16k1ddrdx] {
        transform: translateY(-1px);
        box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    }

.sub-logic-options[b-o16k1ddrdx] {
    margin-left: 32px;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.logic-row[b-o16k1ddrdx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.custom-radio-dropdown-btn.active-filter[b-o16k1ddrdx] {
    border: 2px solid #D75B97 !important;
    background-color: #FFF4FA !important;
}
/* /Components/EntityLocator/HelperComponents/TagsPicker.razor.rz.scp.css */
/**  Radio button list styles **/
.custom-radio-dropdown-container[b-jhzsia2h90] {
    position: relative;
}

/* Dropdown button */
.custom-radio-dropdown-btn[b-jhzsia2h90] {
    width: 125px;
    height: 35px;
    padding-left: 36px; /* space for left icon */
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 2px 2.62px 0px #0000003B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #212121;
    cursor: pointer;
    position: relative;
    border: 1px solid #212121; /* button border */
}

    /* Left icon */
    .custom-radio-dropdown-btn .left-icon[b-jhzsia2h90] {
        position: absolute;
        left: 12px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

    /* Right chevron using ::after pseudo-element */
    .custom-radio-dropdown-btn[b-jhzsia2h90]::after {
        content: "\e70d"; /* Syncfusion chevron */
        font-family: "e-icons";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        color: #212121;
        pointer-events: none; /* ensures click passes through */
    }

/* Dropdown menu */
.custom-radio-dropdown-menu[b-jhzsia2h90] {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0px 2px 2.62px 0px #0000003B;
    margin-top: 5px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    border-radius: 12px;
    border: 1px solid #ccc; /* matches button border */
}

/* Footer container styling */
.custom-radio-footer[b-jhzsia2h90] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 8px 12px;
    background-color: #fff;
}

.clear-btn[b-jhzsia2h90],
.apply-btn[b-jhzsia2h90] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

    .clear-btn:hover[b-jhzsia2h90] {
        text-decoration: underline;
    }

.apply-btn[b-jhzsia2h90] {
    font-weight: 700;
    color: #6B0738;
}

    .apply-btn:hover[b-jhzsia2h90] {
        text-decoration: underline;
    }

.custom-radio-title[b-jhzsia2h90] {
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    vertical-align: middle;
    color: #5D5D5D;
    padding: 0px 0px 4px 12px;
}

    .custom-radio-title:hover[b-jhzsia2h90] {
        cursor: default;
    }

.custom-radio-separator[b-jhzsia2h90] {
    height: 1px;
    background: #eee;
    margin: 6px 0;
    display: block;
}
.custom-radio-dropdown-btn.active-filter[b-jhzsia2h90] {
    border: 2px solid #D75B97 !important;
    background-color: #FFF4FA !important;
}
/* /Components/EntityLocator/HelperComponents/Tooltip.razor.rz.scp.css */
.simple-tooltip-wrapper[b-vgz6fyomdu] {
    position: relative;
    display: inline-block;
}

.simple-tooltip[b-vgz6fyomdu] {
    position: fixed; 
    visibility: hidden;
    background: #212121;
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    z-index: 999999999;
    transform: translate(-48%, -108%);
    white-space: nowrap;
    pointer-events: none;
}

    .simple-tooltip[b-vgz6fyomdu]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -6px;
        transform: rotate(45deg);
        border-width: 6px;
        border-style: solid;
        border-color: #212121;
    }

.simple-tooltip-wrapper:hover .simple-tooltip[b-vgz6fyomdu] {
    visibility: visible;
}

[b-vgz6fyomdu] .tooltip-grid {
    display: grid;
    grid-template-columns: 50px 120px;
    gap: 4px 4px;
    font-size: 12px;
    color: #fff;
    border-radius: 6px;
    padding: 6px 6px;
    white-space: pre-line;
    max-width: 350px;
}

    [b-vgz6fyomdu] .tooltip-grid .day {
        font-weight: 500;
        color: #fff;
    }

    [b-vgz6fyomdu] .tooltip-grid .hours {
        text-align: center;
        color: #fff;
    }
/* /Components/EntityLocator/OverviewTab.razor.rz.scp.css */
[b-p0vngou2u1].entity-detail-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

[b-p0vngou2u1].icon-wrapper {
    flex: 0 0 auto; /* fixed width for icons */
    width: 30px;
    display: flex;
    justify-content: center;
}

[b-p0vngou2u1].label {
    flex: 0 0 auto;
    min-width: 100px; /* adjust width as needed */
    color: #212121;
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
}

[b-p0vngou2u1].value {
    flex: 1 1 auto; /* take remaining space */
    color: #555555;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    vertical-align: bottom;
}

[b-p0vngou2u1].tab-icon {
    width: 20px; /* adjust icon size */
    height: 20px;
    object-fit: contain;
}

[b-p0vngou2u1].tag-container {
    display: flex;
    flex-wrap: wrap;
    font-family: Roboto;
}

    [b-p0vngou2u1].tag-container .tag {
        display: flex;
        background: rgba(107, 7, 56, 0.15);
        color: #D75B97;
        font-size: 12px;
        font-weight: 400;
        padding: 2px 6px;
        border-radius: 25px;
        margin: 2px 4px;
        border: 0.25px solid #D75B97
    }

[b-p0vngou2u1] .no-data {
    font-style: italic;
}
/* /Components/EntityLocator/ServiceTab.razor.rz.scp.css */
[b-txkyr3ausk].entity-detail-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

[b-txkyr3ausk].icon-wrapper {
    flex: 0 0 auto; /* fixed width for icons */
    width: 30px;
    display: flex;
    justify-content: center;
}

[b-txkyr3ausk].label {
    flex: 0 0 auto;
    min-width: 100px; /* adjust width as needed */
    color: #212121;
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
}

[b-txkyr3ausk].value {
    flex: 1 1 auto; /* take remaining space */
    color: #555555;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    vertical-align: bottom;
}

[b-txkyr3ausk].tab-icon {
    width: 20px; /* adjust icon size */
    height: 20px;
    object-fit: contain;
}

[b-txkyr3ausk] .skeleton-container1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


[b-txkyr3ausk] .tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; /* spacing between tags */
    max-height: 75px; /* set your desired max height */
    overflow-y: auto; /* enable vertical scroll if content overflows */
    padding-right: 6px; /* small space so scrollbar doesn't overlap tags */
    align-items: center;
}

    [b-txkyr3ausk] .tag-container::-webkit-scrollbar {
        width: 6px;
    }

    [b-txkyr3ausk] .tag-container::-webkit-scrollbar-thumb {
        background-color: rgba(155, 99, 155, 0.6);
        border-radius: 2px;
    }


    [b-txkyr3ausk].tag-container .tag {
        display: flex;
        background: rgba(107, 7, 56, 0.15);
        color: #D75B97;
        font-size: 12px;
        font-weight: 400;
        padding: 2px 6px;
        border-radius: 25px;
        margin: 2px 4px;
        border: 0.25px solid #D75B97
    }

    [b-txkyr3ausk].tag-container .truncate {
        white-space: nowrap; /* prevent line break */
        overflow: hidden; /* hide overflowing text */
        text-overflow: ellipsis; /* show … */
        display: block; /* or inline-block, flex item also works */
        max-width: 260px;
        height: 26px;
        padding: 4px;
        cursor: default;
    }

[b-txkyr3ausk] .sub-label {
    font-size: 13px;
    font-weight: 500;
    color: #6b0740; /* matches tag color family */
    margin-bottom: 4px;
    margin-top: 6px;
}

[b-txkyr3ausk] .no-data {
    font-style: italic;
}
/* /Components/GridProfileView/Shared/GridProfile/GridProfile.razor.rz.scp.css */
.profile-content[b-eba2l0luun] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/HiringActivities/PositionAdvertising.razor.rz.scp.css */

.progress-bar-custom[b-we4inyplng] {
    margin-left: -7px !important;
}

.my_bg_yellow[b-we4inyplng] {
    background-color: yellow;
}

.listview-card .status-ontime[b-we4inyplng] {
    border-radius: 50px;
    background: var(--UI-Success-Default, #00A524);
    display: flex;
    height: 24px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    color: var(--UI-On-Success-High-emphasis, #EAF7ED);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 70%;
}

.badges[b-we4inyplng] {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    font-weight: bolder;
    width: fit-content;
    padding: 16px;
}

.listview-card .status-disabled[b-we4inyplng] {
    border-radius: 50px;
    background: var(--UI-Neutral-Default, #E8E8E8);
    display: flex;
    height: 24px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    color: var(--UI-On-Neutral-Disabled, #909090);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 70%;
}

.badges[b-we4inyplng] {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    font-weight: bolder;
    width: fit-content;
    padding: 16px;
}

.multi-instance-task[b-we4inyplng] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rounded-profile-image[b-we4inyplng] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-section[b-we4inyplng] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.participant-url[b-we4inyplng] {
    border-radius: 50px;
}

.subprocess-sec[b-we4inyplng] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    padding: 43px;
    border-radius: 9px;
    justify-content: space-between;
}

.subprocess-btn[b-we4inyplng] {
    background: white;
    color: black;
    border: 1px solid;
}

    .subprocess-btn:hover[b-we4inyplng] {
        background: lawngreen;
        color: black;
    }

.subprocess-info[b-we4inyplng] {
    padding: 15px;
    border-radius: 11px;
    background: var(--primary-color);
    color: white !important
}

.parent-info[b-we4inyplng] {
    display: flex;
    gap: 1px;
    align-items: center;
}

.parent-info-expanded[b-we4inyplng] {
    display: flex;
    gap: 1px;
    align-items: center;
    padding-bottom: 12px;
}

.parent-sub-info[b-we4inyplng] {
    display: flex;
    justify-content: space-between;
    flex: 1;
    flex-wrap: wrap;
}

.sub-process-btn[b-we4inyplng] {
    background: white;
    padding: 11px;
    font-size: larger;
    color: black;
    font-weight: 500;
    border-radius: 7px;
    border: 1px solid black;
    cursor: pointer;
}

.disabled-sub-process-btn[b-we4inyplng] {
    background: white;
    padding: 11px;
    font-size: larger;
    color: grey;
    font-weight: 500;
    border-radius: 7px;
    border: 1px solid grey;
    cursor: not-allowed;
}

.subprocess-section[b-we4inyplng] {
    display: flex;
    justify-content: space-between;
    font-weight: bolder;
    font-size: small;
}

.sec-a[b-we4inyplng] {
    font-size: larger;
    font-weight: 600;
}

.sec-b[b-we4inyplng] {
    font-size: small;
}

.disabled[b-we4inyplng] {
    pointer-events: none;
    opacity: 0.6;
}

.elementnameVal[b-we4inyplng] {
    text-overflow: ellipsis;
}



.task-cell[b-we4inyplng] {
    display: block;
    line-height: normal;
}

.task-title[b-we4inyplng] {
    display: block; /* Force full row */
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 2px; /* Spacing between rows */
    white-space: normal; /* Allow wrapping if needed */
}

.subprocess-icon[b-we4inyplng] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.subprocess-label[b-we4inyplng] {
    font-size: 11px;
    color: #888;
    margin-left: 4px;
}

/* Entity (link) line */
.task-entity[b-we4inyplng] {
    display: block; /* Force second row */
    margin-top: 2px;
}

.entity-link[b-we4inyplng] {
    font-size: 13px;
    font-weight: 600;
    color: #1e88e5;
    text-decoration: none;
}

    .entity-link:hover[b-we4inyplng] {
        text-decoration: underline;
    }

.process-info[b-we4inyplng] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 16px;
    max-height: 300px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
}

.process-info-expanded[b-we4inyplng] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 17px;
    max-height: 64px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease
}


    .process-info .green[b-we4inyplng], .process-info-expanded .green[b-we4inyplng] {
        padding: 2px !important;
        border-radius: 4px;
        background: var(--primary-color);
        border: none;
    }

    .process-info .white[b-we4inyplng], .process-info-expanded .white[b-we4inyplng] {
        border-radius: 4px;
        background: white;
    }

    .process-info .heading[b-we4inyplng], .process-info-expanded .heading[b-we4inyplng] {
        color: var(--UI-on-surface-High-Emphasis, #212121);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
    }

.process-info .sub-heading[b-we4inyplng] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-transform: capitalize;
}

.process-info .subtitle[b-we4inyplng] {
    overflow: hidden;
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
}

.process-info .status-green[b-we4inyplng] {
    padding: 3px 12px;
    border-radius: 40px;
    background: var(--Success-Main, #4CAF50);
    color: white;
}

.process-info .content[b-we4inyplng] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.process-info .sub-content[b-we4inyplng] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: capitalize;
}

.process-info .progress-text[b-we4inyplng] {
    color: var(--UI-on-surface-disabled, #9E9E9E);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-label[b-we4inyplng] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-text[b-we4inyplng] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
/* /Components/HiringActivities/SubprocessInstanceSelector.razor.rz.scp.css */

[b-vrc42tq8ua] .subprocess-selector-dialog {
    z-index: 1001 !important;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-header-content {
    background-color: var(--primary-color, #4CAF50);
    color: white;
    padding: 20px;
}

.subprocess-header h4[b-vrc42tq8ua] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.subprocess-subtitle[b-vrc42tq8ua] {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-content {
    padding: 10px !important;
    max-height: 400px;
    overflow-y: auto;
}

.subprocess-instance-row[b-vrc42tq8ua] {
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 8px;
    margin-bottom: 8px;
}

.subprocess-instance-row:hover[b-vrc42tq8ua] {
    background-color: #f5f5f5;
    transform: translateX(4px);
}

.subprocess-instance-row:hover .subprocess-arrow[b-vrc42tq8ua] {
    opacity: 1;
}

.participant-row[b-vrc42tq8ua] {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
}

.participant-cell[b-vrc42tq8ua] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex: 1;
}

.participant-image[b-vrc42tq8ua] {
    padding-top: 0;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.participant-img[b-vrc42tq8ua] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.participant-info[b-vrc42tq8ua] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.subprocess-info[b-vrc42tq8ua] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 4px;
}

.subprocess-id[b-vrc42tq8ua] {
    font-family: var(--app-font);
    font-size: 11px;
    font-weight: 500;
    color: #888;
}

.subprocess-name[b-vrc42tq8ua] {
    font-family: var(--app-font);
    font-size: 14px;
    font-weight: 600;
    color: #212121;
}

.participant-name[b-vrc42tq8ua] {
    font-family: var(--app-font);
    font-size: 15px;
    font-weight: 600;
    color: #212121;
}

.participant-role[b-vrc42tq8ua] {
    font-family: var(--app-font);
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.participant-status[b-vrc42tq8ua] {
    margin-top: 4px;
}

.status-badge[b-vrc42tq8ua] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.row-options[b-vrc42tq8ua] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.subprocess-arrow[b-vrc42tq8ua] {
    display: flex;
    align-items: center;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.no-instances[b-vrc42tq8ua] {
    padding: 40px 20px;
    text-align: center;
    color: #666;
    font-family: var(--app-font);
}

/* Scrollbar styling */
[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-content::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-icon-dlg-close::before {
    color: white !important;
}

[b-vrc42tq8ua] .subprocess-selector-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 10px !important;
}
/* /Components/HiringActivitiesPanel.razor.rz.scp.css */
/* HiringActivitiesPanel Component Styles */

.bold-text[b-jq9g5to2yy] {
    font-weight: bold;
}

[b-jq9g5to2yy] .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
[b-jq9g5to2yy] .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

[b-jq9g5to2yy] .e-icons.e-medium {
    color: black;
    cursor: pointer;
}

.activities-text[b-jq9g5to2yy] {
    font-family: var(--app-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: black;
}

.custom-sidebar[b-jq9g5to2yy] {
    border-radius: 12px;
    background: #F5F5F5;
    height: max-content;
}

    .custom-sidebar .header[b-jq9g5to2yy] {
        border-top-left-radius: 12px;
        background: white;
        color: black;
        display: flex;
        padding: 16px;
        justify-content: space-between;
        align-items: center;
        gap: 2px;
        align-self: stretch;
        border-right: 2px solid whitesmoke;
    }

        .custom-sidebar .header > span[b-jq9g5to2yy] {
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

    .custom-sidebar .nav-link[b-jq9g5to2yy] {
        overflow: hidden;
        color: black !important;
        width: 100%;
        text-overflow: ellipsis;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        padding: 12px 15px 12px 0px;
        align-items: center;
        align-self: stretch;
        margin-top: 5px;
        cursor: pointer;
        padding: 10px;
        display: flex !important;
    }

        .custom-sidebar .nav-link:hover[b-jq9g5to2yy] {
            background: var(--primary-color) !important;
            color: var(--highlight-font-color) !important;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.01) !important;
            display: flex !important;
            align-items: center;
            width: 100%;
            align-self: stretch;
            margin-right: 15px;
            border-left: 4px solid #9B639B;
            padding: 10px;
            font-weight: bolder;
            cursor: pointer;
        }

    .custom-sidebar ul[b-jq9g5to2yy] {
        margin-top: 1rem;
        list-style-type: none;
        padding-left: 0px;
    }

.tree-name[b-jq9g5to2yy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.custom-sidebar .active-link[b-jq9g5to2yy] {
    background: var(--primary-color) !important;
    color: var(--highlight-font-color) !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.01) !important;
    width: 100%;
    align-self: stretch;
    margin-right: 15px;
    display: flex !important;
    align-items: center;
    border-left: 4px solid #9B639B;
    padding: 10px;
    font-weight: bolder;
}

.custom-sidebar li[b-jq9g5to2yy] {
    padding-left: 1px !important;
}

.custom-sidebar .nav-link > span[b-jq9g5to2yy] {
    margin-right: 5px;
}

.process-instance[b-jq9g5to2yy] {
    border-radius: 8px;
    background: white;
}

.text-trun[b-jq9g5to2yy] {
    width: 12ch;
    word-break: break-word;
}

.col-1[b-jq9g5to2yy] {
    max-width: 4.33%;
}

.col-3[b-jq9g5to2yy] {
    max-width: 23%;
}

.col-9[b-jq9g5to2yy] {
    flex: 0 0 77%;
    max-width: 77%;
}

.col-11[b-jq9g5to2yy] {
    flex: 0 0 95.6%;
    max-width: 95.6%;
}

.anim-icon[b-jq9g5to2yy] {
    color: white !important;
    font-weight: 900;
}

@media(max-width: 768px) {
    .content-container[b-jq9g5to2yy] {
        display: flex;
        flex-wrap: wrap;
    }

    .sidebar-area[b-jq9g5to2yy] {
        min-width: 10% !important;
        max-width: 20% !important;
    }

    .content-area[b-jq9g5to2yy] {
        min-width: 80% !important;
        max-width: 90% !important;
    }
}

.sidebar-search[b-jq9g5to2yy] {
    padding: 5px;
    border-radius: 2px;
    transform: translateY(10px);
    transition: transform 0.3s ease;
}

.sidebar-icons[b-jq9g5to2yy] {
    color: black !important;
    cursor: pointer !important;
}

.icons-main[b-jq9g5to2yy] {
    display: flex;
    align-items: center;
}

.header-main[b-jq9g5to2yy] {
    display: flex;
    gap: 1rem;
    padding: 10px;
}

.badges[b-jq9g5to2yy] {
    font-family: var(--app-font);
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    width: fit-content;
    padding: 2px 8px;
}

.badges-collapsed[b-jq9g5to2yy] {
    padding: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
/* /Components/InitiateProcess/Shared/EntitySelection/EntitySelection.razor.rz.scp.css */
.tab-btn-header[b-xpd1aa2ua2] {
    display: flex;
    gap: 1rem;
    align-items: center;
}
/* /Components/InitiateProcess/Shared/ProcessHeader/ProcessHeader.razor.rz.scp.css */
.tab-item[b-o4hdzznt7u] {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.header-section[b-o4hdzznt7u] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}

.tab-header[b-o4hdzznt7u] {
    font-size: x-large !important;
}
/* /Components/InitiateProcess/Shared/RunProcessPlaceholder/RunProcessPlaceholder.razor.rz.scp.css */
.placeholder-dlg[b-60ydqcxjze] {
    width: auto;
}
/* /Components/InitiateProcess/Shared/TimeAndLocation/CoordinatesPicker.razor.rz.scp.css */
.container[b-934ua3gnet] {
    display: flex;
    flex-direction: row;
    padding: 0;
}
/* /Components/InitiateProcess/Shared/TimeAndLocation/TimeAndLocation.razor.rz.scp.css */
[b-j0y5vd832j] .e-radio + label .e-label {
    font-weight: 500;
}

[b-j0y5vd832j] .footer-buttons {
    margin-top: 3rem;
    display: flex;
    justify-content: end;
    gap: 14px;
}

[b-j0y5vd832j] .btn-left {
    width: 200px !important;
    font-size: medium !important;
    padding: 8px !important;
    font-weight: 600 !important;
    background: white !important;
    color: black !important;
    border-radius: 6px !important;
}

    [b-j0y5vd832j] .btn-left:hover {
        color: white !important;
        background-color: #5c636a !important;
        border-color: #565e64 !important;
        box-shadow: none !important;
    }

    [b-j0y5vd832j] .btn-left:disabled {
        cursor: not-allowed;
        padding: 6px;
        background: white !important;
        color: grey !important;
        border: 1px solid #DDDCDD !important;
        font-weight: 600 !important;
        font-size: 16px;
    }

[b-j0y5vd832j] .btn-right {
    width: 200px;
    font-size: medium;
    padding: 8px;
    background: black !important;
    font-weight: 600;
    border-radius: 6px;
    color: white !important;
}

    [b-j0y5vd832j] .btn-right:hover {
        color: white !important;
        background-color: #5c636a !important;
        border-color: #565e64 !important;
        box-shadow: none !important;
    }

    [b-j0y5vd832j] .btn-right:disabled {
        width: 200px;
        cursor: not-allowed;
        font-size: medium;
        padding: 8px;
        background: #DDDCDD;
        font-weight: 600;
        border-radius: 6px;
        color: grey;
        border: none;
    }

[b-j0y5vd832j] .location-margin-top {
    margin-top: 0.75rem !important;
}

[b-j0y5vd832j] #divUserLocation.content {
    height: auto;
    gap: 1.5rem;
}

[b-j0y5vd832j] #divLocation .custom-icon,
[b-j0y5vd832j] #divProfileLocation .custom-icon,
[b-j0y5vd832j] #divCurrentLocation .custom-icon {
    background-color: transparent;
    background-image: url('./images/mapSearch.svg');
    background-position: center;
    background-repeat: no-repeat;
    border-color: #ced4da;
}

    [b-j0y5vd832j] #divLocation .custom-icon:disabled {
        background-color: #DDDCDD;
    }
/* /Components/ManualProgress/ManualProgress.razor.rz.scp.css */
.progress-content[b-tufp971tkg] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background: whitesmoke;
}

.progress-btn[b-tufp971tkg] {
    background: black !important;
    font-size: medium !important;
    font-weight: 600 !important;
    border-radius: 7px !important;
    padding: 7px !important;
}

.progress-btn-section[b-tufp971tkg] {
    display: flex;
    justify-content: center;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle[b-tufp971tkg] {
    border-radius: 50%;
    border: 0;
    background: #D75B97;
}

.e-control-wrapper.e-slider-container.e-horizontal .e-limits[b-tufp971tkg] {
    background-color: rgba(69, 100, 233, 0.46);
}

.perc-section[b-tufp971tkg]{
    font-size:medium;
    font-weight: 500;
}

.slider-section[b-tufp971tkg] {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* /Components/ManualProgress/Shared/ManualProgressHeader.razor.rz.scp.css */
/* /Components/Map/AddressMap.razor.rz.scp.css */
.location-address[b-0woz0b9cgh] {
    position: absolute;
    right: 40px;
    color: #6c757d;
    font-weight: 500;
}

.map-width-height[b-0woz0b9cgh] {
    height: 455px;
    width: 100%;
}

[b-0woz0b9cgh] .map-container {
    width: 350px;
    font-size: 12px;
    border: 1px solid var(--primary-color);
}

[b-0woz0b9cgh] .info-left-column {
    color: #6c757d;
    font-weight: 500
}

[b-0woz0b9cgh] .info-right-column {
    color: #6c757d;
}
/* /Components/Map/MapView.razor.rz.scp.css */
[b-nrbvg8pm5n] .btn-full-view {
    width: 100%;
    height: 52px;
    min-width: 80px;
    opacity: 1;
    border-radius: 4px;
    padding: 16px;
    background-color: #000;
    display: flex;
    align-items: center;
    gap: 6px;
}

    [b-nrbvg8pm5n] .btn-full-view .btn-icon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        margin-right: 8px;
    }
/* /Components/NotificationMenu/NotificationMenu.razor.rz.scp.css */
.notification-header[b-tx62wwryr1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: black;
    font-weight: bold;
    font-size: smaller;
    align-items: center;
}

.notification-menu[b-tx62wwryr1] {
    margin-top: 10px !important;
    position: fixed;
    border-radius: 10px;
    right: 80px;
    width: 500px;
    background-color: #fff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    padding: 10px;
    transition: display 0.3s ease;
}

@media (max-width: 585px) {
    .notification-menu[b-tx62wwryr1] {
        right: 10px;
        width: calc(100vw - 20px);
        max-width: 350px;
    }
}

.notification-menu-visible[b-tx62wwryr1] {
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 0s linear 0s;
}

.notification-menu-hidden[b-tx62wwryr1] {
    display: none;
}


.actual-notification[b-tx62wwryr1] {
    max-height: 60vh;
    overflow: auto;
    font-size: smaller;
}

/* /Components/NotificationMenu/Shared/NotificationContent/NotificationContent.razor.rz.scp.css */
body[b-jy17uk1sni] {
}
/* /Components/NotificationMenu/Shared/NotificationInfo/NotificationInfo.razor.rz.scp.css */
.notification-details[b-vkbmhc9eg8] {
    display: inline-block;
}
/* /Components/NotificationMenu/Shared/NotificationItem/NotificationItem.razor.rz.scp.css */
.notification-item[b-2fd0k8utsf] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    justify-content: space-between;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

    .notification-item:hover[b-2fd0k8utsf] {
        background-color: var(--active-row);
        cursor: pointer; /* Show pointer cursor on hover */
    }

.time-section[b-2fd0k8utsf] {
    background: aquamarine;
    color: black;
    padding: 11px;
    font-size: smaller;
    border-radius: 8px;
    margin-left: 1rem;
}
/* /Components/OwnerAssignment/OwnerAssignment.razor.rz.scp.css */
.assign-container[b-3k3lm0fngi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


/* /Components/OwnerAssignment/Shared/AssignmentHeader/AssignmentHeader.razor.rz.scp.css */
delegate-list[b-0puknkvbz9] {
    display: block;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.delegate-item[b-0puknkvbz9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}

    .delegate-item:hover[b-0puknkvbz9] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        background: white;
    }

    .delegate-item.selected[b-0puknkvbz9] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        border: 1px solid black;
    }

.delegate-actions[b-0puknkvbz9] {
    margin-top: 20px;
    width: 100%;
}

.delegate-button[b-0puknkvbz9] {
    width: 100%;
    color: black;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    background: white;
    font-weight: bold;
}

    .delegate-button:hover[b-0puknkvbz9] {
        background-color: #45a049;
    }

    .delegate-button:focus[b-0puknkvbz9] {
        outline: none;
    }

.delegate-item label[b-0puknkvbz9] {
    font-weight: normal;
    color: #333;
}

.rounded-profile-image[b-0puknkvbz9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-profile-image-sub[b-0puknkvbz9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
}

.profile-section[b-0puknkvbz9] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.assign-sub[b-0puknkvbz9] {
    padding: 21px;
    border: 1px solid gainsboro;
    background: azure;
}

.participant-url[b-0puknkvbz9] {
    border-radius: 50px;
}

.role-section[b-0puknkvbz9] {
    font-size: 12px;
    opacity: 0.6;
}

.user-name-section[b-0puknkvbz9] {
    font-size: 16px;
    font-weight: 500;
}

.profile-sub-section[b-0puknkvbz9] {
    display: flex;
    flex-direction: column;
    text-align: left;
}
/* /Components/OwnerAssignment/Shared/AssignmentItems/AssignmentItems.razor.rz.scp.css */



.tags[b-z4q613i63c] {
    display: flex;
    flex-wrap: wrap; /* ✅ Ensures proper wrapping */
    gap: 4px;
}

.tag[b-z4q613i63c] {
    background: white;
    border: 1px solid grey;
    padding: 12px;
    border-radius: 10px;
    font-size: 0.6vw;
    color: black !important;
}

assign-list[b-z4q613i63c] {
    display: block;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
    width: 500px;
}

.assign-item[b-z4q613i63c] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}

    .assign-item:hover[b-z4q613i63c] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        background: white;
    }

    .assign-item.selected[b-z4q613i63c] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        border: 1px solid black;
        background: floralwhite;
    }

.assign-actions[b-z4q613i63c] {
    margin-top: 20px;
    width: 100%;
    display: flex;
    gap: 1rem;
}

.assign-item label[b-z4q613i63c] {
    font-weight: normal;
    color: #333;
}

.rounded-profile-image[b-z4q613i63c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-profile-image-sub[b-z4q613i63c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
}

.profile-section[b-z4q613i63c] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.assign-sub[b-z4q613i63c] {
    padding: 21px;
    border: 1px solid gainsboro;
    background: azure;
}

.participant-url[b-z4q613i63c] {
    border-radius: 50px;
}

.role-section[b-z4q613i63c] {
    font-size: 12px;
    opacity: 0.6;
}

.user-name-section[b-z4q613i63c] {
    font-size: 16px;
    font-weight: 500;
}

.profile-sub-section[b-z4q613i63c] {
    display: flex;
    flex-direction: column;
    text-align: left;
}
/* /Components/ProcessChat/ProcessChat.razor.rz.scp.css */

:root[b-1c6kn4ushb] {
    --bg: #F8FAFC;
    --sidebar-bg: #1F2937;
    --primary: #3B82F6;
    --primary-light: #E0EDFF;
    --text-light: #CBD5E1;
    --text-dark: #1E293B;
    --bubble-bg: #FFFFFF;
    --bubble-self-bg: var(--primary-light);
}

*[b-1c6kn4ushb] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--app-font);
}

body[b-1c6kn4ushb] {
    display: flex;
    height: 100vh;
    background-color: var(--bg);
}

.sidebar[b-1c6kn4ushb] {
    width: 240px;
    background-color: var(--sidebar-bg);
    color: white;
    padding: 0.8rem 1rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid #334155;
}

.accordion[b-1c6kn4ushb] {
    margin-bottom: 1rem;
}

.accordion-title[b-1c6kn4ushb] {
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    background: #334155;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
}

    .accordion-title:hover[b-1c6kn4ushb] {
        background-color: #3B475C;
    }

    .accordion-title svg[b-1c6kn4ushb] {
        width: 14px;
        height: 14px;
        fill: #CBD5E1;
        transition: transform 0.3s ease;
    }

    .accordion-title svg[b-1c6kn4ushb] {
        width: 14px;
        height: 14px;
        fill: #CBD5E1;
    }

.accordion.open .accordion-title svg[b-1c6kn4ushb] {
    transform: rotate(90deg);
}

.accordion-content[b-1c6kn4ushb] {
    display: none;
    padding-left: 0.75rem;
    font-size: 0.9rem;
    margin-top: 0.4rem;
}

.accordion.open .accordion-content[b-1c6kn4ushb] {
    display: block;
}

.accordion-content div[b-1c6kn4ushb] {
    padding: 0.35rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-light);
    transition: color 0.2s;
}

    .accordion-content div:hover[b-1c6kn4ushb] {
        color: white;
    }

.accordion-content img[b-1c6kn4ushb] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #64748B;
}

.chat-container[b-1c6kn4ushb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--bg);
}

.chat-header[b-1c6kn4ushb] {
    padding: 0.9rem 1rem;
    background-color: white;
    border-bottom: 1px solid #E2E8F0;
}

    .chat-header h2[b-1c6kn4ushb] {
        font-size: 1.05rem;
        margin-bottom: 0.2rem;
        color: var(--text-dark);
    }

    .chat-header p[b-1c6kn4ushb] {
        font-size: 0.9rem;
        color: #64748B;
    }

.chat-messages[b-1c6kn4ushb] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.message[b-1c6kn4ushb] {
    display: flex;
    align-items: flex-start;
    max-width: 75%;
    gap: 0.6rem;
}

    .message .avatar-img[b-1c6kn4ushb] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #CBD5E1;
    }

    .message .bubble[b-1c6kn4ushb] {
        background-color: var(--bubble-bg);
        padding: 0.7rem 1rem;
        border-radius: 16px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.04);
        font-size: 0.95rem;
        line-height: 1.5;
        color: #1E293B;
        max-width: 100%;
    }

    .message.self[b-1c6kn4ushb] {
        margin-left: auto;
        flex-direction: row-reverse;
    }

        .message.self .bubble[b-1c6kn4ushb] {
            background-color: var(--bubble-self-bg);
            color: #1E3A8A;
        }

.meta[b-1c6kn4ushb] {
    margin-top: 0.4rem;
    font-size: 0.75rem;
    color: #64748B;
    display: flex;
    flex-direction: column;
    padding-left: 2px;
}

    .meta .name[b-1c6kn4ushb] {
        font-weight: 600;
        color: #0F172A;
        font-size: 0.8rem;
        line-height: 1.2;
        margin-bottom: 2px;
    }

    .meta .time[b-1c6kn4ushb] {
        font-size: 0.7rem;
        color: #94A3B8;
        line-height: 1;
    }

.message.self .meta[b-1c6kn4ushb] {
    align-items: flex-end;
}

    .message.self .meta .name[b-1c6kn4ushb] {
        color: #2563EB;
    }

.chat-input[b-1c6kn4ushb] {
    display: flex;
    padding: 0.8rem 1rem;
    border-top: 1px solid #E2E8F0;
    background-color: white;
    align-items: center;
}

    .chat-input input[b-1c6kn4ushb] {
        flex: 1;
        padding: 0.55rem 1rem;
        border-radius: 8px;
        border: 1px solid #D1D5DB;
        font-size: 1rem;
        margin-right: 0.5rem;
    }

    .chat-input button[b-1c6kn4ushb] {
        background-color: var(--primary);
        border: none;
        border-radius: 50%;
        padding: 0.55rem;
        cursor: pointer;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

        .chat-input button svg[b-1c6kn4ushb] {
            fill: white;
            width: 18px;
            height: 18px;
        }

        .chat-input button:hover[b-1c6kn4ushb] {
            background-color: #2563EB;
        }
/* /Components/ProcessMap/ProcessMap.razor.rz.scp.css */
/* /Components/RoleDelegation/RoleDelegation.razor.rz.scp.css */
.assign-container[b-pifkix4pbi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


/* /Components/RoleDelegation/Shared/DelegationItems/DelegationItems.razor.rz.scp.css */



.tags[b-yxfj50y6u6] {
    display: flex;
    flex-wrap: wrap; /* ✅ Ensures proper wrapping */
    gap: 4px;
}

.tag[b-yxfj50y6u6] {
    background: white;
    border: 1px solid grey;
    padding: 12px;
    border-radius: 10px;
    font-size: 0.6vw;
    color: black !important;
}

delegate-list[b-yxfj50y6u6] {
    display: block;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
    width: 500px;
}

.delegate-item[b-yxfj50y6u6] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}

    .delegate-item:hover[b-yxfj50y6u6] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        background: white;
    }

    .delegate-item.selected[b-yxfj50y6u6] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        border: 1px solid black;
        background: floralwhite;
    }

.delegate-actions[b-yxfj50y6u6] {
    margin-top: 20px;
    width: 100%;
    display: flex;
    gap: 1rem;
}

.delegate-item label[b-yxfj50y6u6] {
    font-weight: normal;
    color: #333;
}

.rounded-profile-image[b-yxfj50y6u6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-profile-image-sub[b-yxfj50y6u6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
}

.profile-section[b-yxfj50y6u6] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.delegate-sub[b-yxfj50y6u6] {
    padding: 21px;
    border: 1px solid gainsboro;
    background: azure;
}

.participant-url[b-yxfj50y6u6] {
    border-radius: 50px;
}

.role-section[b-yxfj50y6u6] {
    font-size: 12px;
    opacity: 0.6;
}

.user-name-section[b-yxfj50y6u6] {
    font-size: 16px;
    font-weight: 500;
}

.profile-sub-section[b-yxfj50y6u6] {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.more-tag[b-yxfj50y6u6] {
    background: whitesmoke;
    cursor: pointer;
}
/* /Components/Table/Common/Pager.razor.rz.scp.css */
/* /Components/UserInitials.razor.rz.scp.css */
[b-wnzuomcf06] .avatar-group {
    display: flex;
    justify-content: center;
}

    [b-wnzuomcf06] .avatar-group .avatar-initials:hover {
        z-index: 10; /* bring to front on hover */
    }

[b-wnzuomcf06] .avatar-initials {
    width: 1.75vw;
    aspect-ratio: 1;
    min-width: 32px;
    min-height: 32px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    font-size: 0.65vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    position: relative;
    margin-left: -2px;
    z-index: 1;
    cursor: default;
    object-fit: cover;
}

/* Color classes */
[b-wnzuomcf06] .avatar-rose {
    background-color: #b71c1c;
}

[b-wnzuomcf06] .avatar-blue {
    background-color: #0d48a1;
}

[b-wnzuomcf06] .avatar-indigo {
    background-color: #6d4c41;
}

[b-wnzuomcf06] .avatar-emerald {
    background-color: #1b5e1f;
}

[b-wnzuomcf06] .avatar-amber {
    background-color: #e65100;
}

[b-wnzuomcf06] .avatar-teal {
    background-color: #f9a825;
}

[b-wnzuomcf06] .avatar-violet {
    background-color: #b0d73c;
}

[b-wnzuomcf06] .avatar-sky {
    background-color: #b0d73c;
}

[b-wnzuomcf06] .avatar-slate {
    background-color: #64748B;
}

[b-wnzuomcf06] .avatar-default {
    background-color: #a9a9a9;
}
/* /Layout/MainLayout.razor.rz.scp.css */
:root[b-mvpzlft2rg] {
    --primary-color: #FF0000;
    --secondary-color: #6c757d;
    /* Add other color variables as needed */
}

.page[b-mvpzlft2rg] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-mvpzlft2rg] {
    flex: 1;
}

.main-left-open[b-mvpzlft2rg] {
    margin-left: 312px;
    transition: margin 0.8s;
}

.main-left-close[b-mvpzlft2rg] {
    margin-left: 0px;
    transition: margin 0.8s;
}

.top-row[b-mvpzlft2rg] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-mvpzlft2rg]  a, .top-row[b-mvpzlft2rg]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-mvpzlft2rg]  a:hover, .top-row[b-mvpzlft2rg]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-mvpzlft2rg]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-mvpzlft2rg] {
        justify-content: space-between;
    }

    .top-row[b-mvpzlft2rg]  a, .top-row[b-mvpzlft2rg]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-mvpzlft2rg] {
        flex-direction: row;
    }



    .top-row[b-mvpzlft2rg] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-mvpzlft2rg]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-mvpzlft2rg], article[b-mvpzlft2rg] {
    }

   @media(max-width:1200px){
    .page-overlay[b-mvpzlft2rg] {
        visibility: visible;
        margin-left: 312px;
        position: absolute;
        z-index: 999999 !important;
        width: 100vw;
        background-blend-mode: overlay;
        height: 162vh;
        backdrop-filter: blur(4px);
    }
    .main-left-open[b-mvpzlft2rg] {
        margin-left: 0px !important;
        transition: margin 0.8s;
    }
   } 
}
/* /Layout/NavMenu.razor.rz.scp.css */
ul[b-g911c7q4rm] {
    list-style: none;
    padding: 0;
    margin: 0;
}

li[b-g911c7q4rm] {
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

    li:last-child[b-g911c7q4rm] {
        border-bottom: none;
    }

.header h2[b-g911c7q4rm] {
    color: #008000;
    margin: 0;
}

    .header h2 span[b-g911c7q4rm] {
        font-weight: bold;
    }

.header p[b-g911c7q4rm] {
    color: grey;
    font-size: small;
    margin-top: 5px;
}

.sf-accordion .e-acrdn-header[b-g911c7q4rm] {
    background-color: #f0f0f0;
    font-weight: bold;
    color: #333;
}

.sf-accordion .e-acrdn-panel[b-g911c7q4rm] {
    padding: 0;
}


.e-sidebar[b-g911c7q4rm] {
    min-height: 100vh !important;
}


.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus[b-g911c7q4rm] {
    box-shadow: none !important;
}

.e-acrdn-item[b-g911c7q4rm] {
    background: transparent !important;
}

.connect-drop > .e-acrdn-header[aria-expanded="true"][b-g911c7q4rm] {
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.connect-drop > .e-acrdn-header[b-g911c7q4rm] {
    color: var(--active-row) !important;
    border: 1px solid rgba(242,242,242,1);
    background-color: white !important;
    font-weight: bolder;
}

.connect-drop > .e-acrdn-item .e-select .connect-drop .e-expand-state:active[b-g911c7q4rm] {
    color: var(--active-row) !important;
    background-color: white !important;
}

.connect-drop > .e-acrdn-header > .e-acrdn-header-content[b-g911c7q4rm] {
    color: var(--active-row) !important;
}
.connect-drop > .e-acrdn-header > .e-acrdn-header-content > div[b-g911c7q4rm]{
    font-weight: 400;
}

.connect-drop > .e-acrdn-header > .e-toggle-icon > span[b-g911c7q4rm] {
    color: black !important;
}

.intel-drop > .e-acrdn-header[b-g911c7q4rm] {
    color: #3daf71 !important;
    border-top: 1px solid #3daf71 !important;
    border-right: 1px solid #3daf71 !important;
    border-bottom: 1px solid #3daf71 !important;
    background-color: white !important;
}

    .intel-drop > .e-acrdn-header > .e-acrdn-header-content[b-g911c7q4rm] {
        color: #3daf71 !important;
    }

    .intel-drop > .e-acrdn-header > .e-toggle-icon > span[b-g911c7q4rm] {
        color: #3daf71 !important;
    }

.access-drop > .e-acrdn-header[b-g911c7q4rm] {
    color: #3daf71 !important;
    border-top: 1px solid #3daf71 !important;
    border-right: 1px solid #3daf71 !important;
    border-bottom: 1px solid #3daf71 !important;
    background-color: white !important;
}

    .access-drop > .e-acrdn-header > .e-acrdn-header-content[b-g911c7q4rm] {
        color: #3daf71 !important;
    }

    .access-drop > .e-acrdn-header > .e-toggle-icon > span[b-g911c7q4rm] {
        color: #3daf71 !important;
    }

.accordion-clean[b-g911c7q4rm] {
    border: none;
}

.e-sidebar.e-left.e-open[b-g911c7q4rm] {
    background-color: white !important;
}

.e-acrdn-item .e-select[b-g911c7q4rm] {
    margin-top: 10px;
}

.e-accordion[b-g911c7q4rm] {
    border: none !important;
}

.accordion-links[b-g911c7q4rm] {
    padding: 15px !important;
}

.e-acrdn-item[b-g911c7q4rm] {
}

.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content[b-g911c7q4rm] {
    background: rgba(245,245,245,1) !important;
}

.nav-link[b-g911c7q4rm] {
    display: block;
    color: #5d5d5d !important;
    text-decoration: none;
    background: transparent !important;
    padding: 10px 5px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

    .nav-link > span[b-g911c7q4rm] {
        margin-right: 10px;
    }

    .nav-link.active[b-g911c7q4rm], .nav-link.active[b-g911c7q4rm] {
        background-color: #d5bdd5 !important;
        box-shadow: -5px 0px 0px 0px #9b639b !important;
        font-weight: bolder !important;
    }

.entity-image[b-g911c7q4rm] {
    width: 100%;
    height: 105px !important;
    max-height:fit-content;
}

    .entity-image > img[b-g911c7q4rm] {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: 100% !important;
        padding: 20px !important;
        width: 100% !important;
        object-fit: contain;
    }

    [b-g911c7q4rm] .home-btn {
        width: 100%;
        text-align: start;
        padding: 12px 16px; 
        font-size: 15px;
        background: #fff;
        color: #000;
        border: 1px solid var(--active-row);
        border-radius: 5px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    [b-g911c7q4rm] .home-btn:hover,
    [b-g911c7q4rm] .home-btn:focus {
        background: var(--active-row) !important;
        color: var(--active-row-font-color);
        border-color: var(--active-row);
        font-weight: bolder !important;
    }

    [b-g911c7q4rm] .home-btn .menu-icon {
        width: 18px;
        height: 18px;
    }

    [b-g911c7q4rm] .home-btn .menu-text {
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom {
        background: transparent !important;
        border: none !important;
        padding: 0;
        margin: 0;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom svg {
        color: var(--active-row-font-color);
        transition: color 0.1s ease-in-out;
        cursor: pointer;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom:hover svg,
    [b-g911c7q4rm] .btn-settings-icon.custom:focus svg {
        color: #fff;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom {
        background: transparent !important;
        border: none !important;
        padding: 0;
        margin: 0;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom svg {
        color: var(--active-row-font-color) !important;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

    [b-g911c7q4rm] .home-btn:hover .btn-settings-icon.custom svg {
        color: #fff !important;
    }

    [b-g911c7q4rm] .btn-settings-icon.custom:hover {
        border: 1.5px solid #ffffff !important;
        border-radius: 6px; /* smoother edges, not fully round */
        padding: 0px 0px;
        background: transparent !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

[b-g911c7q4rm] .e-pause-icon::before {
    content: '\e87b';
}

[b-g911c7q4rm] .e-toolbar .e-toolbar-items.e-tbar-pos {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 100;
}

[b-g911c7q4rm] .e-sidebar {
    margin-top: 45px !important;
    z-index: 1000 !important;
    max-height: 96vh !important;
}

    [b-g911c7q4rm] .e-sidebar > .header {
        background: white;
    }

[b-g911c7q4rm] .sidebar-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1px 10px 1px 10px;
    background-color: #e8e8e8;
    text-align: center;
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-g911c7q4rm] .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
    box-shadow: none !important;
}

[b-g911c7q4rm] .e-acrdn-item {
    background: transparent !important;
}

[b-g911c7q4rm].connect-drop > .e-acrdn-header[aria-expanded="true"] {
    border-bottom: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

[b-g911c7q4rm] .connect-drop > .e-acrdn-header {
    color: black !important;
    font-family: var(--app-font) !important;
    background-color: white !important;
}

[b-g911c7q4rm] .connect-drop > .e-acrdn-item .e-select .connect-drop .e-expand-state:active {
    color: black !important;
    background-color: white !important;
}

[b-g911c7q4rm] .connect-drop > .e-acrdn-header > .e-acrdn-header-content {
    color: black !important;
}

[b-g911c7q4rm] .connect-drop > .e-acrdn-header > .e-toggle-icon > span {
    color: black !important;
}

[b-g911c7q4rm] .intel-drop > .e-acrdn-header {
    color: black !important;
    background-color: white !important;
    font-family: var(--app-font) !important;
}

    [b-g911c7q4rm] .intel-drop > .e-acrdn-header > .e-acrdn-header-content {
        color: black !important;
    }

    [b-g911c7q4rm] .intel-drop > .e-acrdn-header > .e-toggle-icon > span {
        color: black !important;
    }

[b-g911c7q4rm] .access-drop > .e-acrdn-header {
    color: black !important;
    background-color: white !important;
    font-family: var(--app-font) !important;
}

    [b-g911c7q4rm] .access-drop > .e-acrdn-header > .e-acrdn-header-content {
        color: black !important;
    }

    [b-g911c7q4rm] .access-drop > .e-acrdn-header > .e-toggle-icon > span {
        color: var(--active-row) !important;
    }

[b-g911c7q4rm] .accordion-clean {
    border: none;
}

[b-g911c7q4rm] .e-sidebar.e-left.e-open {
    background-color: white !important;
}

[b-g911c7q4rm] .e-acrdn-item .e-select {
    margin-top: 10px;
}

[b-g911c7q4rm] .e-accordion {
    border: none !important;
}

[b-g911c7q4rm] .accordion-links {
    padding: 15px !important;
}

[b-g911c7q4rm] .e-acrdn-item {
}

[b-g911c7q4rm] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: rgba(245,245,245,1) !important;
    padding: 0;
}

[b-g911c7q4rm] .nav-link {
    display: block;
    color: #5d5d5d !important;
    text-decoration: none;
    background: transparent !important;
    padding: 10px 5px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

    [b-g911c7q4rm] .nav-link > span {
        margin-right: 10px;
    }

    [b-g911c7q4rm] .nav-link.active, .nav-link.active[b-g911c7q4rm] {
        background-color: var(--active-row) !important;
        font-weight: bolder !important;
    }

.mirlin-drop[b-g911c7q4rm] {
    background: transparent !important;
}

[b-g911c7q4rm] .mirlin-drop > .e-acrdn-header > .e-acrdn-header-content {
    letter-spacing: 1px !important;
    font-weight: 600 !important; /* medium-bold */
}
/* /Pages/Home.razor.rz.scp.css */
.annotationText[b-mu25305i5p] {
    font-size: 15px;
    font-weight: bolder;
    width: 60px;
    text-align: center;
    margin-top: -20px;
    margin-left: -35px
}

.sliderAlign[b-mu25305i5p] {
    height: 70px;
    width: 250px;
    margin-left: -120px;
}

#gradient_slider.e-control.e-slider .e-slider-track[b-mu25305i5p] {
    background: -webkit-linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    background: linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    background: -moz-linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    height: 8px;
    top: calc(50% - 4px);
    border-radius: 5px;
}

#gradient_slider.e-control.e-slider .e-range[b-mu25305i5p] {
    background-color: transparent;
}

.e-control-wrapper.e-slider-container #gradient_slider.e-control.e-slider .e-handle[b-mu25305i5p] {
    background-color: #fff;
    border: 2px solid #666;
}

.material3 #gradient_slider.e-control.e-slider .e-handle[b-mu25305i5p], .material3-dark #gradient_slider.e-control.e-slider .e-handle[b-mu25305i5p] {
    margin-top: 2px;
}

.tailwind #gradient_slider.e-control.e-slider .e-handle[b-mu25305i5p], .tailwind-dark #gradient_slider.e-control.e-slider .e-handle[b-mu25305i5p] {
    margin-top: 3px;
}

.about-content[b-mu25305i5p] {
    background: #f5f5f5;
    padding: 20px;
}

.about-content-button[b-mu25305i5p] {
    width: 100%;
    background: transparent;
    color: black;
}

.e-dlg-header[b-mu25305i5p], .e-dlg-header *[b-mu25305i5p] {
    color: #212529;
    font-size: large;
    font-weight: bolder;
}

.about-popup[b-mu25305i5p] {
    width: 33% !important;
    border-radius: 15px;
    min-height: 50vh;
}

    .about-popup > .e-dlg-content[b-mu25305i5p] {
        padding: 0px !important;
    }

}

.about-popup > .e-dialog .e-dlg-header-content + .e-dlg-content[b-mu25305i5p] {
    padding-top: 0px !important;
}

.about-popup > .e-dialog .e-dlg-content[b-mu25305i5p] {
    padding: 0px !important;
}

.connect-popup[b-mu25305i5p] {
    width: 863px !important;
    border-radius: 15px;
    height: 80vh;
    padding: 24px 32px;
}

.PinnedProcessDialaog[b-mu25305i5p] {
}

.PinnedIntelProcessDialaog[b-mu25305i5p] {
}

.connect-process-pinned[b-mu25305i5p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 24px 32px;
}

.intel-process-pinned[b-mu25305i5p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 24px 32px;
}

.e-dialog .e-dlg-header-content[b-mu25305i5p] {
    background: white;
    height: 76px;
    padding: 24px 32px;
}

.close-popup-button[b-mu25305i5p] {
    background: transparent;
    border: none;
    color: black;
}

    .close-popup-button:hover[b-mu25305i5p] {
        background: transparent;
        border: none;
    }

.image[b-mu25305i5p] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-title[b-mu25305i5p] {
    display: flex;
    align-items: center;
}

.delete-process[b-mu25305i5p] {
    display: flex;
}

.delete-widget[b-mu25305i5p] {
}

.widget-header[b-mu25305i5p] {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.widget-card[b-mu25305i5p] {
    border: 1px solid gray;
    border-radius: 20px;
    height: 250px
}

.widget-card-body[b-mu25305i5p] {
}

.process-card[b-mu25305i5p] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid rgb(242,242,242,1);
    border-radius: 20px;
    box-shadow: 0px 10px 20px -10px #00000040;
}

.process-card-header[b-mu25305i5p] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > svg[b-mu25305i5p] {
        margin-bottom: 15px;
    }

.process-card-body[b-mu25305i5p] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-heading[b-mu25305i5p] {
    padding: 5px;
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    height: 40px;
}

.card-body-content[b-mu25305i5p] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.trail-badge[b-mu25305i5p] {
    width: 180px !important;
    margin-right: 10%;
}

    .trail-badge > p[b-mu25305i5p] {
        color: white;
        background: #674167;
        font-size: small;
        padding: 1px 5px;
        border-radius: 20px;
    }

        .trail-badge > p > span[b-mu25305i5p] {
            color: white;
            background: #674167;
            font-size: small;
            padding: 2px 10px;
            border-radius: 20px;
        }


.run-process-btn[b-mu25305i5p] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-mu25305i5p] {
        margin-bottom: 15px;
        border-radius: 8px;
        color: white;
        border: 0px solid;
        width: 100%;
    }

.process-card-footer[b-mu25305i5p] {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

    .process-card-footer > button[b-mu25305i5p] {
        border-radius: 10px;
        background-color: white;
        border: 1px solid;
    }

.leftside[b-mu25305i5p] {
    display: flex;
}

.styled-button[b-mu25305i5p] {
    background: transparent;
    padding: 5px 10px;
    color: black;
    font-size: larger;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.openprocdetailbutton[b-mu25305i5p] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    justify-content: flex-start
}

.expandbutton[b-mu25305i5p] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.addprocessbutton[b-mu25305i5p] {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    border: 1px solid var(#211521);
}

.link[b-mu25305i5p] {
    color: limegreen;
}

body[b-mu25305i5p] {
    background-color: #eee;
}

.header[b-mu25305i5p] {
    display: flex;
    justify-content: space-between; /* Space between tabs and dropdowns */
    align-items: center;
}

.task-dashboard[b-mu25305i5p] {
    background: #ffffff;
    padding: 10px;
    border-radius: 20px;
}

    .task-dashboard .header[b-mu25305i5p] {
        display: flex;
        margin-bottom: 20px;
        padding: 10px;
    }

.tasks-summary[b-mu25305i5p] {
    display: flex;
    gap: 12px;
    flex-wrap:wrap;
}

.tasks-summary-kpi[b-mu25305i5p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.tasks-summary-important[b-mu25305i5p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


.card[b-mu25305i5p] {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.tabs[b-mu25305i5p] {
    display: flex;
    font-family: var(--app-font);
}

.tab[b-mu25305i5p] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px 5px 0 0;
    background-color: #333;
    background-color: white;
    color: black;
    cursor: pointer;
    outline: none;
}

    .tab:not(:first-child)[b-mu25305i5p] {
        margin-left: -1px; /* Overlap tabs */
    }

    .tab:hover[b-mu25305i5p] {
        background-color: #555;
        color: white;
    }

.active[b-mu25305i5p] {
    background-color: black;
    color: white;
}

.taskbtn[b-mu25305i5p] {
    border: 1px solid black;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.processbtn[b-mu25305i5p] {
   
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.activitybtn[b-mu25305i5p] {
    border: 1px solid black;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.important-tasks[b-mu25305i5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #F9F9F9;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .important-tasks .icon img[b-mu25305i5p] {
        width: 24px;
        height: 24px;
    }

    .important-tasks .text[b-mu25305i5p] {
        flex-grow: 1;
        padding-left: 10px;
        color: #333;
        font-size: 16px;
    }

    .important-tasks .button .view-button[b-mu25305i5p] {
        padding: 5px 15px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 10px;
        cursor: pointer;
    }

        .important-tasks .button .view-button:hover[b-mu25305i5p] {
            background-color: #45A049;
        }

.task-count[b-mu25305i5p] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 1rem;
}

.controls[b-mu25305i5p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cards[b-mu25305i5p] {
    display: flex;
    flex-direction: row;
}

.card-image[b-mu25305i5p] {
    align-content: center;
    width: 17% !important;
    height: fit-content;
}

.card-content[b-mu25305i5p] {
    margin-left: 20px !important;
}

.count[b-mu25305i5p] {
    display: flex;
    flex-direction: row;
    font-size: 3vw !important;
}

.in-progress > .card-content > .change[b-mu25305i5p] {
    color: green !important;
}

.unclaimed > .card-content > .change[b-mu25305i5p] {
    color: gray !important;
}

.outstanding > .card-content > .change[b-mu25305i5p] {
    color: orangered !important;
}

.overdue > .card-content > .change[b-mu25305i5p] {
    color: red !important;
}

.imgs[b-mu25305i5p] {
    width: 100%;
    height: 100%;
}

.change[b-mu25305i5p] {
    font-size: 0.9vw !important;
}

.title[b-mu25305i5p] {
    color: #666;
    font-size: 12px;
    font-weight: bolder;
}

.view-btn[b-mu25305i5p] {
    color: green;
    background: transparent;
    border: none;
    text-decoration: underline;
}

.row[b-mu25305i5p] {
    display: flex;
    flex-wrap: wrap;
}

.col-md-3[b-mu25305i5p] {
    flex: 0 0 25%; /* 4 items per row (100% / 4 = 25%) */
    max-width: 25%;
}

.process-description[b-mu25305i5p] {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.important-desc[b-mu25305i5p] {
    font-size: x-small;
    line-height: normal;
}

.e-detail[b-mu25305i5p] {
    display: flex;
}

.important-card[b-mu25305i5p] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.card-badge[b-mu25305i5p] {
    font-weight: 500;
    background-color: #F1F1F1;
    padding: 0px 12px 0px 13px;
    border-radius: 7px;
    font-size: smaller;
    width: fit-content;
    /* height: 27px; */
    margin-bottom: 30px;
    font-family: var(--app-font);
}

.card-kpi[b-mu25305i5p] {
    height: 110px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}

    .card-kpi:hover[b-mu25305i5p] {
        transform: scale(1.02); /* Slightly enlarge the card */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    }
@media (max-width: 1440px)]{
    .wrapper > h4[b-mu25305i5p] {
        font-family: var(--app-font);
        font-size: 20px;
    }
    .wrapper > p[b-mu25305i5p] {
        font-family: var(--app-font);
        font-size: 10px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .process-card[b-mu25305i5p] {
        width: 252px;
        height: 220px;
        border-width: 1px;
        padding: 12px;
        border-radius: 12px;
        background: #ffffff;
    }
    /*
        .task-dashboard .header {
            display: flex;
            margin-bottom: 20px;
            padding: 10px;
        }*/
}
@media (max-width: 2560px) and (min-width: 1441px){
    .home-date[b-mu25305i5p]{
        font-size:14px;
    }
    .home-address[b-mu25305i5p]{
        font-size:27px;
    }
    .card-kpi[b-mu25305i5p]{
        height:107px !important;
    }
    .card-heading[b-mu25305i5p]{
        font-size:19px;
    }
    .process-card[b-mu25305i5p] {
        width: 336px;
        height: 293px;
        border-width: 1px;
        padding: 16px;
        border-radius: 12px;
        background: #ffffff;
        gap:10px;
    }
    .run-process-btn > button[b-mu25305i5p]{
        padding:11px;
    }
    .process-card-footer[b-mu25305i5p]{
        gap:16px;
    }
    .process-card-footer > button[b-mu25305i5p]{
        padding: 10px;
        width:100%;

    }
    .title[b-mu25305i5p]{
        font-size:16px;
    }
}
/* /Pages/IntelShoppingCart.razor.rz.scp.css */
.plan-selector[b-mvvvo1tuwa] {
    display: flex;
    gap: 10px;
}

.plan-button[b-mvvvo1tuwa] {
    border-radius: 54px;
    border-width: 1px;
    font-family: var(--app-font);
    gap: 10px;
    padding: 8px;
    background: white;
    border: 1px solid #9B639B;
}

.active-plan[b-mvvvo1tuwa] {
    font-family: var(--app-font);
    color: var(--highlight-font-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.divider[b-mvvvo1tuwa] {
    width: 100% !important;
    height: 2px;
    background-color: #eee !important;
}

.heading[b-mvvvo1tuwa] {
    display: flex;
}

.process-dialog[b-mvvvo1tuwa] {
    /* width: 1136px;
			   height: 759px; */
}

.task-dashboard[b-mvvvo1tuwa] {
    background: #ffffff;
    border-radius: 20px;
}

    .task-dashboard .header[b-mvvvo1tuwa] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        background-color: #ffffff !important;
        padding: 20px !important;
        color: #000000 !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .task-dashboard > .header > .heading > span[b-mvvvo1tuwa] {
        font-family: var(--app-font);
        font-weight: 500;
        font-size: 20px;
        leading-trim: Cap height;
        line-height: 32px;
        letter-spacing: 0%;
        color: #211521 !important;
    }

    .task-dashboard > .header > .row > p[b-mvvvo1tuwa] {
        color: #000000 !important;
    }

.under-heading[b-mvvvo1tuwa] {
    font-family: var(--app-font);
    font-weight: 300;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0px;
}

.process-buttons[b-mvvvo1tuwa] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    width: 50%;
}

.process-button[b-mvvvo1tuwa] {
    color: #e5ff70 !important;
    background: transparent !important;
    border: 1px solid #e5ff70 !important;
    border-radius: 30px;
    font-weight: 300;
    font-size: small;
    padding: 10px;
    white-space: nowrap;
}

    .process-button:hover[b-mvvvo1tuwa] {
        background: #e5ff70 !important;
        color: black !important;
    }

    .process-button:active[b-mvvvo1tuwa] {
        background: #e5ff70 !important;
        color: black !important;
    }

.process-button-active[b-mvvvo1tuwa] {
    background: #e5ff70 !important;
    color: black !important;
}

.search-box[b-mvvvo1tuwa] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px !important;
}

    .search-box input[b-mvvvo1tuwa] {
        border: none !important;
        background-color: transparent !important;
        color: #e5ff70 !important;
        font-size: 18px !important;
        padding: 5px !important;
        padding-left: 10px !important;
        width: 340px !important; /* Adjust width as needed */
    }

        .search-box input[b-mvvvo1tuwa]::placeholder {
            color: #e5ff70 !important;
        }

    .search-box button[b-mvvvo1tuwa] {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
    }

        .search-box button img[b-mvvvo1tuwa] {
            width: 40px; /* Adjust size as needed */
            height: 40px;
        }

    /* Ensures input does not outline on focus */
    .search-box input:focus[b-mvvvo1tuwa] {
        outline: none;
    }

    .search-box > svg[b-mvvvo1tuwa] {
        padding-left: 25px;
        width: 45px;
        height: 21px;
    }

.processes[b-mvvvo1tuwa] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
}

.process-card[b-mvvvo1tuwa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(242,242,242,1);
    box-shadow: 0px 10px 20px -10px #00000040;
    width: 248px;
    height: 220px;
    border-width: 1px;
    padding: 12px;
    border-radius: 12px;
}

.process-card-header[b-mvvvo1tuwa] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > svg[b-mvvvo1tuwa] {
    }

.process-card-body[b-mvvvo1tuwa] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-heading[b-mvvvo1tuwa] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    height: 40px;
}

.card-body-content[b-mvvvo1tuwa] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.trail-badge[b-mvvvo1tuwa] {
    width: 180px !important;
    margin-right: 10%;
}

    .trail-badge > p[b-mvvvo1tuwa] {
        margin: 0px !important;
        color: white;
        background: #674167;
        font-size: small;
        padding: 1px 5px;
        border-radius: 20px;
    }

        .trail-badge > p > span[b-mvvvo1tuwa] {
            color: white;
            background: #674167;
            font-size: small;
            padding: 2px 10px;
            border-radius: 20px;
        }


.run-process-btn[b-mvvvo1tuwa] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-mvvvo1tuwa] {
        margin: 3px;
        border-radius: 8px;
        background-color: var(--primary-color);
        color: var(--highlight-font-color) !important;
        border: 0px solid;
        width: 100%;
    }

.process-card-footer[b-mvvvo1tuwa] {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-top: 10px;
}

    .process-card-footer > button[b-mvvvo1tuwa] {
        border-radius: 10px;
        background-color: white;
        border: 1px solid;
    }

.about-content[b-mvvvo1tuwa] {
    background: #f5f5f5;
    padding: 20px;
}

.about-content-button[b-mvvvo1tuwa] {
    width: 100%;
    background: transparent;
    color: black;
}

.template-search[b-mvvvo1tuwa] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    padding: 10px !important;
    font-size: large !important;
    max-width: 465px !important;
    background: border-box !important;
    margin: 15px 0 0 0 !important;
}

.welcome-instructions[b-mvvvo1tuwa] {
    max-width: 426px;
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
}

@media(max-width:2560px) and (min-width:1441px) {
    .processes[b-mvvvo1tuwa] {
        gap: 26px !important;
    }

    .process-card[b-mvvvo1tuwa] {
        width: 330px !important;
        height: 293px !important;
        padding: 20px !important;
    }

    .card-heading[b-mvvvo1tuwa] {
        font-size: 18px;
    }

    .process-card-body[b-mvvvo1tuwa] {
        padding-top: 30px;
    }

    .run-process-btn > button[b-mvvvo1tuwa] {
        padding: 10px;
        gap: 15px;
        border-radius: 10px;
        font-size: 19px;
        width: 100%;
        height: 43px;
    }

    .process-card-footer > button[b-mvvvo1tuwa] {
        width: 100%;
        height: 43px;
        gap: 18px;
    }
}
/* /Pages/KPIDashboard.razor.rz.scp.css */
.annotationText[b-nr4pl69xbu] {
    font-size: 15px;
    font-weight: bolder;
    width: 60px;
    text-align: center;
    margin-top: -20px;
    margin-left: -35px
}

.sliderAlign[b-nr4pl69xbu] {
    height: 70px;
    width: 250px;
    margin-left: -120px;
}

#gradient_slider.e-control.e-slider .e-slider-track[b-nr4pl69xbu] {
    background: -webkit-linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    background: linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    background: -moz-linear-gradient(left, #ea501a 0, #ea501a 20%, #f79c02 40%, #e5ce20 60%, #a1cb43 80%, #82b944 100%);
    height: 8px;
    top: calc(50% - 4px);
    border-radius: 5px;
}

#gradient_slider.e-control.e-slider .e-range[b-nr4pl69xbu] {
    background-color: transparent;
}

.e-control-wrapper.e-slider-container #gradient_slider.e-control.e-slider .e-handle[b-nr4pl69xbu] {
    background-color: #fff;
    border: 2px solid #666;
}

.material3 #gradient_slider.e-control.e-slider .e-handle[b-nr4pl69xbu], .material3-dark #gradient_slider.e-control.e-slider .e-handle[b-nr4pl69xbu] {
    margin-top: 2px;
}

.tailwind #gradient_slider.e-control.e-slider .e-handle[b-nr4pl69xbu], .tailwind-dark #gradient_slider.e-control.e-slider .e-handle[b-nr4pl69xbu] {
    margin-top: 3px;
}

.about-content[b-nr4pl69xbu] {
    background: #f5f5f5;
    padding: 20px;
}

.about-content-button[b-nr4pl69xbu] {
    width: 100%;
    background: transparent;
    color: black;
}

.e-dlg-header[b-nr4pl69xbu], .e-dlg-header *[b-nr4pl69xbu] {
    color: #212529;
    font-size: large;
    font-weight: bolder;
}

.about-popup[b-nr4pl69xbu] {
    width: 33% !important;
    border-radius: 15px;
    min-height: 50vh;
}

    .about-popup > .e-dlg-content[b-nr4pl69xbu] {
        padding: 0px !important;
    }

}

.about-popup > .e-dialog .e-dlg-header-content + .e-dlg-content[b-nr4pl69xbu] {
    padding-top: 0px !important;
}

.about-popup > .e-dialog .e-dlg-content[b-nr4pl69xbu] {
    padding: 0px !important;
}

.connect-popup[b-nr4pl69xbu] {
    width: 863px !important;
    border-radius: 15px;
    height: 80vh;
    padding: 24px 32px;
}

.PinnedProcessDialaog[b-nr4pl69xbu] {
}

.PinnedIntelProcessDialaog[b-nr4pl69xbu] {
}

.connect-process-pinned[b-nr4pl69xbu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 24px 32px;
}

.intel-process-pinned[b-nr4pl69xbu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 24px 32px;
}

.e-dialog .e-dlg-header-content[b-nr4pl69xbu] {
    background: white;
    height: 76px;
    padding: 24px 32px;
}

.close-popup-button[b-nr4pl69xbu] {
    background: transparent;
    border: none;
    color: black;
}

    .close-popup-button:hover[b-nr4pl69xbu] {
        background: transparent;
        border: none;
    }

.image[b-nr4pl69xbu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-title[b-nr4pl69xbu] {
    display: flex;
    align-items: center;
}

.delete-process[b-nr4pl69xbu] {
    display: flex;
}

.delete-widget[b-nr4pl69xbu] {
}

.widget-header[b-nr4pl69xbu] {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.widget-card[b-nr4pl69xbu] {
    border: 1px solid gray;
    border-radius: 20px;
    height: 250px
}

.widget-card-body[b-nr4pl69xbu] {
}

.process-card[b-nr4pl69xbu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 10px 20px -10px #00000040;
}

.process-card-header[b-nr4pl69xbu] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > svg[b-nr4pl69xbu] {
        margin-bottom: 15px;
    }

.process-card-body[b-nr4pl69xbu] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-heading[b-nr4pl69xbu] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    height: 40px;
}

.card-body-content[b-nr4pl69xbu] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.trail-badge[b-nr4pl69xbu] {
    width: 180px !important;
    margin-right: 10%;
}

    .trail-badge > p[b-nr4pl69xbu] {
        color: white;
        background: #674167;
        font-size: small;
        padding: 1px 5px;
        border-radius: 20px;
    }

        .trail-badge > p > span[b-nr4pl69xbu] {
            color: white;
            background: #674167;
            font-size: small;
            padding: 2px 10px;
            border-radius: 20px;
        }


.run-process-btn[b-nr4pl69xbu] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-nr4pl69xbu] {
        margin: 5px;
        padding: 10px;
        border-radius: 8px;
        color: white;
        border: 0px solid;
        width: 100%;
    }

.process-card-footer[b-nr4pl69xbu] {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
}

    .process-card-footer > button[b-nr4pl69xbu] {
        border-radius: 10px;
        background-color: white;
        border: 1px solid;
        padding: 10px !important;
        margin: 0px 5px;
        width: 100%;
    }

.leftside[b-nr4pl69xbu] {
    display: flex;
}

.styled-button[b-nr4pl69xbu] {
    background: transparent;
    padding: 5px 10px;
    color: black;
    font-size: larger;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.openprocdetailbutton[b-nr4pl69xbu] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    justify-content: flex-start
}

.expandbutton[b-nr4pl69xbu] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.addprocessbutton[b-nr4pl69xbu] {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    border: 1px solid var(#211521);
}

.link[b-nr4pl69xbu] {
    color: limegreen;
}

body[b-nr4pl69xbu] {
    background-color: #eee;
}

.header[b-nr4pl69xbu] {
    display: flex;
    justify-content: space-between; /* Space between tabs and dropdowns */
    align-items: center;
}

.task-dashboard[b-nr4pl69xbu] {
    background: #ffffff;
    padding: 10px;
    border-radius: 20px;
}

    .task-dashboard .header[b-nr4pl69xbu] {
        display: flex;
        padding: 10px;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

.tasks-summary[b-nr4pl69xbu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.tasks-summary-kpi[b-nr4pl69xbu] {
    display: flex;
    gap: 12px;
    flex-wrap:wrap;
}

.tasks-summary-important[b-nr4pl69xbu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


.card[b-nr4pl69xbu] {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.tabs[b-nr4pl69xbu] {
    display: flex;
    font-family: var(--app-font);
}

.tab[b-nr4pl69xbu] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px 5px 0 0;
    background-color: #333;
    background-color: white;
    color: black;
    cursor: pointer;
    outline: none;
}

    .tab:not(:first-child)[b-nr4pl69xbu] {
        margin-left: -1px; /* Overlap tabs */
    }

    .tab:hover[b-nr4pl69xbu] {
        background-color: var(--primary-color);
        color: var(--font-highlight-color);
        font-weight: bolder;
    }

.active[b-nr4pl69xbu] {
    background-color: var(--primary-color);
    color: var(--highlight-font-color);
    font-weight: bolder;
}

.taskbtn[b-nr4pl69xbu] {
    border: 1px solid var(--primary-color);
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.processbtn[b-nr4pl69xbu] {
    border: 1px solid var(--primary-color);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.activitybtn[b-nr4pl69xbu] {
    border: 1px solid var(--primary-color);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

    .taskbtn:hover[b-nr4pl69xbu], .processbtn:hover[b-nr4pl69xbu], .activitybtn:hover[b-nr4pl69xbu] {
        color: var(--highlight-font-color);
    }
.important-tasks[b-nr4pl69xbu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #F9F9F9;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .important-tasks .icon img[b-nr4pl69xbu] {
        width: 24px;
        height: 24px;
    }

    .important-tasks .text[b-nr4pl69xbu] {
        flex-grow: 1;
        padding-left: 10px;
        color: #333;
        font-size: 16px;
    }

    .important-tasks .button .view-button[b-nr4pl69xbu] {
        padding: 5px 15px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 10px;
        cursor: pointer;
    }

        .important-tasks .button .view-button:hover[b-nr4pl69xbu] {
            background-color: #45A049;
        }

.task-count[b-nr4pl69xbu] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 1rem;
    padding: 12px;
}


.controls[b-nr4pl69xbu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cards[b-nr4pl69xbu] {
    display: flex;
    flex-direction: row;
}

.card-image[b-nr4pl69xbu] {
    align-content: center;
    height: fit-content;
    display:flex;
    flex-direction:column;
    align-items: center;
}

.card-content[b-nr4pl69xbu] {
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.count[b-nr4pl69xbu] {
    display: flex;
    flex-direction: row;
    font-size: 48px !important;
    font-weight: 500;
    align-self: end;
}

.in-progress > .card-content > .change[b-nr4pl69xbu] {
    color: green !important;
}

.unclaimed > .card-content > .change[b-nr4pl69xbu] {
    color: gray !important;
}

.outstanding > .card-content > .change[b-nr4pl69xbu] {
    color: orangered !important;
}

.overdue > .card-content > .change[b-nr4pl69xbu] {
    color: red !important;
}

.imgs[b-nr4pl69xbu] {
    width: 100%;
    height: 100%;
}

.change[b-nr4pl69xbu] {
    font-size: 0.9vw !important;
}

.title[b-nr4pl69xbu] {
    font-size: 0.8vw !important;
    font-weight: bolder;
}

.view-btn[b-nr4pl69xbu] {
    color: green;
    background: transparent;
    border: none;
    text-decoration: underline;
}

.row[b-nr4pl69xbu] {
    display: flex;
    flex-wrap: wrap;
}

.col-md-3[b-nr4pl69xbu] {
    flex: 0 0 25%; /* 4 items per row (100% / 4 = 25%) */
    max-width: 25%;
}

.process-description[b-nr4pl69xbu] {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.important-desc[b-nr4pl69xbu] {
    font-size: x-small;
    line-height: normal;
}

.e-detail[b-nr4pl69xbu] {
    display: flex;
}

.important-card[b-nr4pl69xbu] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.card-badge[b-nr4pl69xbu] {
    font-weight: 500;
    background-color: #F1F1F1;
    padding: 0px 12px 0px 13px;
    border-radius: 7px;
    font-size: smaller;
    width: fit-content;
    /* height: 27px; */
    margin-bottom: 30px;
    font-family: var(--app-font);
}
.card-kpi[b-nr4pl69xbu] {
    width: 245px !important;
    height: 85px !important;
    padding: 12px;
    gap: 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgb(242,242,242,1);
}

    .card-kpi:hover[b-nr4pl69xbu] {
        transform: scale(1.02); /* Slightly enlarge the card */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    }

.kpi-img[b-nr4pl69xbu]{
    width:50px;
    height:50px;
}

.kpi-status[b-nr4pl69xbu] {
    display: inline-block;
}

[b-nr4pl69xbu] .process-card-container {
    margin-bottom: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

[b-nr4pl69xbu] .process-card-container:hover {
    transform: translateY(-3px);
}

[b-nr4pl69xbu] .important-card {
    border-left: 5px solid var(--primary-color);
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

[b-nr4pl69xbu] .card-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

[b-nr4pl69xbu] .card-bottom {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

[b-nr4pl69xbu] .icon-box {
    background-color: var(--primary-color);
    color: #fff;
    padding: 0.5rem;
    border-radius: 8px;
    display: flex;
    flex: 1;
    align-items: center;
}

[b-nr4pl69xbu] .card-info {
    flex: 10;
    flex-basis: auto;
}

[b-nr4pl69xbu] .instance-name {
    font-weight: bold;
    font-size: 0.9rem;
}

[b-nr4pl69xbu] .important-desc {
    font-size: 0.8rem;
    color: #555;
}

@media (max-width: 1440px){

    .view-btn[b-nr4pl69xbu] {
        font-family: var(--app-font);
        font-weight: 500 !important;
        font-size: 12px !important;
        vertical-align: bottom !important;
        text-decoration: underline !important;
        text-decoration-style: solid !important;
        text-decoration-thickness: 0% !important;
        color: green !important;
        border: none !important;
        align-self: center !important;
        background: none !important;
    }
    .tabs > button[b-nr4pl69xbu] {
        font-size: 12px !important;
        height: 38px !important;
    }

    .task-count > h2 > strong[b-nr4pl69xbu] {
        font-family: var(--app-font);
        font-weight: 600;
        font-size: 32px;
    }

    .card-kpi[b-nr4pl69xbu] {
        width: 168px !important;
        height: 95px !important;
        border-width: 1px;
        padding: 12px;
        gap: 8px;
        border-radius: 8px;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
    }
    .kpi-img[b-nr4pl69xbu] {
        width: 40px;
        height: 40px;
    }
    .kpi-status[b-nr4pl69xbu]{
        font-size:12px;
        display:inline-block;
    }

}

@media(max-width: 2560px) and (min-width: 1441px) {
    .task-count > h2 > strong[b-nr4pl69xbu] {
        font-size: 42px !important;
    }
    .view-btn[b-nr4pl69xbu] {
        font-family: var(--app-font);
        font-weight: 500 !important;
        font-size: 16px !important;
        vertical-align: bottom !important;
        text-decoration: underline !important;
        text-decoration-style: solid !important;
        text-decoration-thickness: 0% !important;
        color: green !important;
        border: none !important;
        align-self: center !important;
        background: none !important;
    }
}

/* /Pages/LocationTracking/LocationMap.razor.rz.scp.css */
/* Scoped styles for LocationMap component */

/* Map container */
#map[b-t5znr92llq] {
    height: 100%;
    width: 100%;
    position: relative;
}

/* Info window styling (applied via inline styles in BuildInfoHtml, but can be extracted) */
.info-window[b-t5znr92llq] {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 8px;
}

.info-window h5[b-t5znr92llq] {
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.info-window b[b-t5znr92llq] {
    color: #555;
    font-weight: 600;
}

/* Loading state */
.map-loading[b-t5znr92llq] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.map-loading-spinner[b-t5znr92llq] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-b-t5znr92llq 1s linear infinite;
}

@keyframes spin-b-t5znr92llq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Error state */
.map-error[b-t5znr92llq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: #fff3cd;
    color: #856404;
    padding: 20px;
    text-align: center;
}

.map-error-icon[b-t5znr92llq] {
    font-size: 48px;
    margin-bottom: 16px;
}

.map-error-message[b-t5znr92llq] {
    font-size: 16px;
    font-weight: 500;
}
/* /Pages/Maintenance.razor.rz.scp.css */
/* styles.css */
body[b-yfqn7nhrov] {
    font-family: var(--app-font);
    color: white;
    background: linear-gradient(to bottom, #471A31, #220011, #040002) !important;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh !important;
}

.mirlin-container[b-yfqn7nhrov] {
    background: #261826 !important;
    text-align: center;
    width: 100% !important;
    height: 100vh !important;
    font-family: var(--app-font);
    color: white;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.logo[b-yfqn7nhrov] {
    width: 346px; 
    height: 400px; 
    margin: 0 auto 20px;
}

.message h1[b-yfqn7nhrov] {
    font-size: 24px;
    color: #FFD700; /* Gold color */
}

.message p[b-yfqn7nhrov] {
    font-size: 16px;
    line-height: 1.6;
}

footer[b-yfqn7nhrov] {
    margin-top: 20px;
}


a[b-yfqn7nhrov] {
    color: #FFD700;
}

@media (max-width: 600px) {
    .logo[b-yfqn7nhrov] {
        width: 100px;
    }
}
/* /Pages/MirlinAccess/MaintenanceAccessDetails.razor.rz.scp.css */
[b-2yfe8y35kw] .e-tab > .e-toolbar .e-toolbar-items {
    background-color: #F5F5F5 !important;
    border-radius: 16px;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
    position: relative !important;
}

[b-2yfe8y35kw] .e-tab > .e-toolbar .e-toolbar-item {
    width: 150px !important;
    height: 50px !important;
    text-align: center;
    background-color: #F5F5F5 !important;
}

    [b-2yfe8y35kw] .e-tab > .e-toolbar .e-toolbar-item.e-active {
        background-color: #FEFEFE !important;
    }

[b-2yfe8y35kw] .e-tab .e-tab-header .e-toolbar-item.e-active {
    border-bottom: 0px solid white !important;
}

[b-2yfe8y35kw] .e-tab-text {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #211521 !important;
}

[b-2yfe8y35kw] .e-tab-wrap:hover {
    border: unset !important;
}

[b-2yfe8y35kw] .e-tab > .e-toolbar .e-toolbar-item[data-index="0"] {
    border-radius: 16px 0 0 0 !important;
    border: 1px solid #dee2e6 !important;
    border-bottom: 0px solid white !important;
}

[b-2yfe8y35kw] .e-tab > .e-toolbar .e-toolbar-item[data-index="1"] {
    border-radius: 0 16px 0 0 !important;
    border: 1px solid #dee2e6 !important;
    border-left: 0px solid #dee2e6 !important;
    border-bottom: 0px solid white !important;
}

[b-2yfe8y35kw] .custom-search {
    border: 1px solid #C6C2C6 !important;
    color: #211521 !important;
    border-radius: 50px !important;
    background: border-box !important;
    width: 400px !important;
    height: 38px;
    text-align: center;
    font-size: 16px !important;
    padding: 2px !important;
    background-color: #F5F5F5 !important;
}


[b-2yfe8y35kw] .custom-search-wrapper .e-input-group-icon.e-icons.e-search {
    background-color: var(--primary-color) !important;
    border-radius: 0 50px 50px 0 !important;
    border: 1px solid #84A522 !important;
    padding: 0 5px 0 5px;
}


[b-2yfe8y35kw] .e-tab > .e-item.e-active {
    background-color: white !important;
}

[b-2yfe8y35kw] formio-container-class {
    border-block: medium none currentcolor;
}

[b-2yfe8y35kw] .button-with-bg {
    background-image: url('../images/new-form.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

    [b-2yfe8y35kw] .button-with-bg:hover {
        opacity: 0.8;
    }

[b-2yfe8y35kw] .e-tab .e-content {
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
    margin-left: 1px;
    background: #FEFEFE !important;
}

[b-2yfe8y35kw] .btn-new {
    color: #212121;
    border: 1px solid #212121;
    background: white;
    font-size: 14px;
    font-weight: 500;
}

[b-2yfe8y35kw] .e-toolbar .e-toolbar-items {
    position: relative !important;
}


[b-2yfe8y35kw] .form-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid #009845;
    border-radius: 50%;
    animation: spin-b-2yfe8y35kw 1s linear infinite;
    margin: 15px;
}

@keyframes spin-b-2yfe8y35kw {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


[b-2yfe8y35kw] .form-success-message {
    margin: 20px !important;
    color: #009845 !important;
}
/* /Pages/MirlinAccess/MaintenancePortal.razor.rz.scp.css */
.plan-selector[b-aqa8xhlbhe] {
    display: flex;
    gap: 10px;
}

.plan-button[b-aqa8xhlbhe] {
    border-radius: 54px;
    border-width: 1px;
    font-family: var(--app-font);
    gap: 10px;
    padding: 8px;
    background: white;
    border: 1px solid #9B639B;
}

.active-plan[b-aqa8xhlbhe] {
    font-family: var(--app-font);
    color: #171C08;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.divider[b-aqa8xhlbhe] {
    width: 100% !important;
    height: 2px;
    background-color: #eee !important;
}

.heading[b-aqa8xhlbhe] {
    display: flex;
}

.task-dashboard[b-aqa8xhlbhe] {
    background: #ffffff;
    border-radius: 20px;
    min-height: 90vh;
}

    .task-dashboard .header[b-aqa8xhlbhe] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        background-color: #ffffff !important;
        padding: 20px !important;
        color: #000000 !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .task-dashboard > .header > .heading > span[b-aqa8xhlbhe] {
        font-family: var(--app-font);
        font-weight: 500;
        font-size: 20px;
        leading-trim: Cap height;
        line-height: 32px;
        letter-spacing: 0%;
        color: #211521 !important;
    }

    .task-dashboard > .header > .row > p[b-aqa8xhlbhe] {
        color: #666666 !important;
    }

.under-heading[b-aqa8xhlbhe] {
    font-weight: 100;
    padding: 15px;
}

.process-buttons[b-aqa8xhlbhe] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    width: 50%;
}

.process-button[b-aqa8xhlbhe] {
    color: #e5ff70 !important;
    background: transparent !important;
    border: 1px solid #e5ff70 !important;
    border-radius: 30px;
    font-weight: 300;
    font-size: small;
    padding: 10px;
    white-space: nowrap;
}

    .process-button:hover[b-aqa8xhlbhe] {
        background: #e5ff70 !important;
        color: black !important;
    }

    .process-button:active[b-aqa8xhlbhe] {
        background: #e5ff70 !important;
        color: black !important;
    }

.process-button-active[b-aqa8xhlbhe] {
    background: #e5ff70 !important;
    color: black !important;
}

.search-box[b-aqa8xhlbhe] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px !important;
}

    .search-box input[b-aqa8xhlbhe] {
        border: none !important;
        background-color: transparent !important;
        color: #e5ff70 !important;
        font-size: 18px !important;
        padding: 5px !important;
        padding-left: 10px !important;
        width: 340px !important; /* Adjust width as needed */
    }

        .search-box input[b-aqa8xhlbhe]::placeholder {
            color: #e5ff70 !important;
        }

    .search-box button[b-aqa8xhlbhe] {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
    }

        .search-box button img[b-aqa8xhlbhe] {
            width: 40px; /* Adjust size as needed */
            height: 40px;
        }

    /* Ensures input does not outline on focus */
    .search-box input:focus[b-aqa8xhlbhe] {
        outline: none;
    }

    .search-box > svg[b-aqa8xhlbhe] {
        padding-left: 25px;
        width: 45px;
        height: 21px;
    }

[b-aqa8xhlbhe] .template-search {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    background: border-box !important;
    width: 253px !important;
    height: 38px;
    text-align: center;
    font-size: 14px !important;
    padding: 2px !important;
}

.maintenance-portal-heading[b-aqa8xhlbhe] {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}



/**********************/


/* Tab container */
.tabs[b-aqa8xhlbhe] {
    display: flex;
    border-bottom: 1px solid #E8E8E8; /* Border under the tabs */
    margin-bottom: 20px;
}

/* Tab button styles */
.tab-button[b-aqa8xhlbhe] {
    padding: 10px 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    transition: color 0.3s, border-bottom 0.3s;
}

    /* Active tab styles */
    .tab-button.active[b-aqa8xhlbhe] {
        color: #381929; /* Text color when active */
        border-bottom: 1px solid #9B639B;
    }

/* Tab content area */
.tab-content[b-aqa8xhlbhe] {
}

/* Show the active tab content */
.tab-pane[b-aqa8xhlbhe] {
    display: block;
    opacity: 0; /* Start with no visibility */
    transform: translateX(-20px); /* Start with content slightly shifted to the left */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for opacity and transform */
}

    .tab-pane.active[b-aqa8xhlbhe] {
        opacity: 1;
        transform: translateX(0); /* Bring the content back to normal position */
    }

/* Hide the inactive tab content by default */
.tab-content .tab-pane:not(.active)[b-aqa8xhlbhe] {
    display: none;
}


.card-heading[b-aqa8xhlbhe] {
    padding: 5px;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
}

.card-body-content[b-aqa8xhlbhe] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.process-card[b-aqa8xhlbhe] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
    box-shadow: 0px 10px 20px -10px #00000040;
    min-height: 200px;
    padding-bottom: 15px;
}

.process-card-header[b-aqa8xhlbhe] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > span[b-aqa8xhlbhe] {
        margin-bottom: 10px;
    }

.process-card-body[b-aqa8xhlbhe] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.run-process-btn[b-aqa8xhlbhe] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-aqa8xhlbhe] {
        margin-bottom: 15px;
        border-radius: 8px;
        width: 100%;
        height: 32px;
        background-color: var(--primary-color);
        border: unset;
        color: #171C08;
        font-weight: 500;
        font-size: 14px;
    }

        .run-process-btn > button > img[b-aqa8xhlbhe] {
            margin-right: 3px;
        }

        .run-process-btn > button > span[b-aqa8xhlbhe] {
            margin-left: 3px;
            color: #171C08;
        }

.process-card-footer[b-aqa8xhlbhe] {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

    .process-card-footer > button[b-aqa8xhlbhe] {
        border-radius: 8px;
        background-color: white;
        border: 1px solid;
        width: 100%;
        height: 32px;
        background-color: white;
        color: #171C08;
        font-weight: 500;
        font-size: 14px;
    }
        .process-card-footer > button > img[b-aqa8xhlbhe] {
            margin-right: 3px;
        }

        .process-card-footer > button > span[b-aqa8xhlbhe] {
            margin-left: 3px;
            color: #171C08;
        }
/* /Pages/MirlinAccess/VendorPortal.razor.rz.scp.css */
/* Tab items */
[b-tuwnmp6lw6] .vendor-tab-header .e-toolbar-items {
    background-color: #371D52 !important;
}

/* Header container */
[b-tuwnmp6lw6] .vendor-tab-header .e-tab-header {
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 3px;
}

[b-tuwnmp6lw6] .vendor-tab-header .e-toolbar-item {
    color: #d1c4e9; /* soft white text */
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 0.9rem;
    margin: 0 1.5rem;
    position: relative;
    background-color: transparent !important;
}

[b-tuwnmp6lw6] .vendor-tab-header .vendor-tab-item {
    background-color: var(--primary-color) !important;
    border: 0 !important;
}

[b-tuwnmp6lw6] .vendor-tab-header .vendor-tab-item .e-active {
    background-color: red !important;
}

[b-tuwnmp6lw6] .vendor-tab-header .e-active .e-tab-wrap {
    border: 0 !important;
    border-bottom: 2px solid white !important;
    margin-bottom: 3px !important;
    border-radius: 0px !important;
}

[b-tuwnmp6lw6] .vendor-tab-header .e-tab-wrap .e-tab-text {
    color: #FFF !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.badges[b-tuwnmp6lw6] {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    font-weight: bolder;
    width: fit-content;
    padding: 16px;
}

.mobile-dialog .e-dlg-header[b-tuwnmp6lw6],
.mobile-dialog .e-dlg-content[b-tuwnmp6lw6] {
    padding: 1rem;
}

.vendor-content[b-tuwnmp6lw6] {
    display: flex;
    flex-direction: column;
    margin-top: 2%;
    padding: 9px !important;
}

.vendor-content .title[b-tuwnmp6lw6] {
    color: white !important;
    font-weight: bold;
    padding: 10px;
    background-color: #371D52 !important;
}

.grid-section[b-tuwnmp6lw6] {
    flex: 1;
    width: 100%;
}

.grid-section-collapsed[b-tuwnmp6lw6] {
    width: 10%;
}

.form-section[b-tuwnmp6lw6] {
    border: 1px solid lightgrey;
    border-radius: 4px;
    width: 50%;
    flex: 1;
}

.form-section-extended[b-tuwnmp6lw6] {
    border: 1px solid lightgrey;
    border-radius: 4px;
}

.form-header[b-tuwnmp6lw6] {
    padding: 9px;
    background: #F5F5F5;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}

e-grid[b-tuwnmp6lw6] {
    border-radius: 4px;
}

.expand-btn[b-tuwnmp6lw6] {
    background: none;
    border: none;
}

.e-headercell[b-tuwnmp6lw6] {
    background-color: #F5F5F5 !important;
}

.full-width > .row > .container[b-tuwnmp6lw6] {
    max-width: 95% !important;
}

.e-message[b-tuwnmp6lw6] {
    margin: 15px;
}

.e-grid .e-table[b-tuwnmp6lw6] {
    width: 100% !important;
}

.vendor-detail-item[b-tuwnmp6lw6] {
    margin: 12px !important;
}

.vendor-detail-item .main[b-tuwnmp6lw6] {
    overflow: hidden;
    color: #371D52;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.vendor-detail-item .location[b-tuwnmp6lw6] {
    overflow: hidden;
    color: rgba(33, 33, 33, 0.60);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.vendor-detail-item .date[b-tuwnmp6lw6] {
    color: #888DAD;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.25px;
}

.rejected-request[b-tuwnmp6lw6] {
    color: #EC4B4E;
    font-weight: bold;
}

.location-unreachable-request[b-tuwnmp6lw6] {
    color: #DC9B02;
    font-weight: bold;
}

.completed-request[b-tuwnmp6lw6] {
    color: #15A542;
    font-weight: bold;
}

.submission-loader[b-tuwnmp6lw6] {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none !important;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    z-index: 1000 !important;
}
/* Vendor Portal Items*/

.vendor-portal-item[b-tuwnmp6lw6] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 10px;
    width: 576px;
    cursor: pointer;
}

.vendor-portal-item:hover[b-tuwnmp6lw6],
.vendor-portal-item-content:hover[b-tuwnmp6lw6] {

    background-color: #f1f1f1 !important;
}

.vendor-portal-item-content[b-tuwnmp6lw6] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 10px;
    width: 576px;
    cursor: pointer;
}

tr[role="row"]:not([aria-expanded]) .vendor-portal-item-content[b-tuwnmp6lw6] {
    margin-left: 25px;
    padding: 5px;
    margin-bottom: 10px;
    width: 550px;
}

.container-info[b-tuwnmp6lw6] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

[b-tuwnmp6lw6] .container-info .e-icons {
    color: red !important;
    font-weight: bold;
}

.customer-name[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #371D52;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.task-id[b-tuwnmp6lw6] {
    color: #371D52;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.25px;
}

.task-description[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.asset[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: rgba(33, 33, 33, 0.60);
    text-align: right;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.repair-items[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: rgba(33, 33, 33, 0.60);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.vendor-pickup[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: rgba(33, 33, 33, 0.60);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.breakdown-address[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    overflow: hidden;
    color: rgba(33, 33, 33, 0.60);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.received-at[b-tuwnmp6lw6] {
    color: #371D52;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.25px;
}

.submitter[b-tuwnmp6lw6] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #371D52;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.no-padding[b-tuwnmp6lw6] {
    padding: 0 !important;
}

.grid-active[b-tuwnmp6lw6] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 576px) {

    .vendor-portal-item[b-tuwnmp6lw6] {
        width: 95%;
    }

    .vendor-portal-item-content[b-tuwnmp6lw6] {
        width: 90%;
    }

    .container-info[b-tuwnmp6lw6] {
        width: 95%;
    }
}

/*task bar detail*/


.process-info .green[b-tuwnmp6lw6], .process-info-expanded .green[b-tuwnmp6lw6] {
    padding: 2px !important;
    border-radius: 4px;
    background: #89C704;
    border: none;
}

.process-info .white[b-tuwnmp6lw6] {
    border-radius: 4px;
    background: white;
}

.process-info .heading[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.process-info .sub-heading[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-transform: capitalize;
}

.process-info .subtitle[b-tuwnmp6lw6] {
    overflow: hidden;
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
}

.process-info .status-green[b-tuwnmp6lw6] {
    padding: 3px 12px;
    border-radius: 40px;
    background: var(--Success-Main, #4CAF50);
    color: white;
}

.process-info .content[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.process-info .sub-content[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: capitalize;
}

.process-info .progress-text[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-disabled, #9E9E9E);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-label[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-text[b-tuwnmp6lw6] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.process-info .back-button[b-tuwnmp6lw6] {
    background: none !important;
    border: none !important;
}


progress[value][b-tuwnmp6lw6] {
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    margin: 0 10px;
    border-radius: 10em;
    background: #EBEBEB;
}

    progress[value][b-tuwnmp6lw6]::-webkit-progress-bar {
        border-radius: 10em;
        background: #EBEBEB;
    }

    progress[value][b-tuwnmp6lw6]::-webkit-progress-value {
        border-radius: 10em;
        background: #008000;
    }

    progress[value][b-tuwnmp6lw6]::-moz-progress-bar {
        border-radius: 10em;
        background: #EBEBEB;
    }

.txt-right-panel-bottom[b-tuwnmp6lw6] {
    color: #212121;
    font-family: var(--app-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 240% */
}

.right-panel-bottom[b-tuwnmp6lw6] {
    display: flex;
    align-items: flex-start;
    gap: -4px !important;
}

.right-panel-bottom-radius[b-tuwnmp6lw6] {
    margin-right: -10px
}

txtProgressBar[b-tuwnmp6lw6] {
    color: #9E9E9E;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    align-items: flex-start
}

.right-panel[b-tuwnmp6lw6] {
    color: #666;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
}

.right-panel-bottom[b-tuwnmp6lw6] {
    display: flex;
    align-items: flex-start;
    gap: -4px !important;
}

.right-panel-bottom-radius[b-tuwnmp6lw6] {
    margin-right: -10px
}


.txtDis[b-tuwnmp6lw6] {
    color: #666;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 20px */
}

.bottomDiv[b-tuwnmp6lw6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
}

.statusBarStyle[b-tuwnmp6lw6] {
    margin-left: -7px;
    width: 507px;
    justify-content: space-between;
    align-items: flex-start;
}

.txtReview[b-tuwnmp6lw6] {
    color: black !important;
    font-family: var(--app-font);
    font-size: 20px;
    font-weight: 700;
}

.badges[b-tuwnmp6lw6] {
    font-family: var(--app-font);
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
}

.badges-collapsed[b-tuwnmp6lw6] {
    background: #4CAF50;
    padding: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.process-info[b-tuwnmp6lw6] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 16px;
    max-height: 300px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
    z-index: 100;
    top: 38px;
    margin-bottom: 27px;
}

.process-info-expanded[b-tuwnmp6lw6] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 17px;
    max-height: 64px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
    z-index: 100;
    top: 38px;
    margin-bottom: 27px;
}

.expand-btn[b-tuwnmp6lw6] {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

.task-meta-row[b-tuwnmp6lw6] {
    display: flex;
    gap: 2rem;
    flex-wrap: nowrap;
    align-items: center;
}

/* =========================
                                                                                   MOBILE ONLY FIXES
                                                                                   (does not affect desktop)
                                                                                   ========================= */
@media (max-width: 768px) {
    .process-info[b-tuwnmp6lw6],
    .process-info-expanded[b-tuwnmp6lw6],
    .process-instance[b-tuwnmp6lw6],
    .process-instance *[b-tuwnmp6lw6] {
        max-height: none !important;
    }

    .process-info[b-tuwnmp6lw6],
    .process-info-expanded[b-tuwnmp6lw6],
    .process-instance[b-tuwnmp6lw6] {
        height: auto !important;
        min-height: unset !important;
        overflow: visible !important; /* key */
        display: block !important; /* avoid flex row height traps */
    }
    /* ---- Top meta row (TaskId / ProcessId / Owner / NextSteps) ---- */
    .task-meta-row[b-tuwnmp6lw6] {
        flex-wrap: wrap; /* allow wrap */
        gap: 0.5rem 1rem; /* tighter spacing */
        align-items: flex-start;
    }

        .task-meta-row .subtitle[b-tuwnmp6lw6] {
            white-space: normal; /* allow text wrap */
            flex: 1 1 48%; /* 2 items per row */
            min-width: 0;
            font-size: 12px; /* slightly smaller */
            line-height: 1.3;
        }
            /* Make Owner + Next steps full-width for readability */
            .task-meta-row .subtitle:nth-child(3)[b-tuwnmp6lw6],
            .task-meta-row .subtitle:nth-child(4)[b-tuwnmp6lw6] {
                flex: 1 1 100%;
            }

    .txtDis[b-tuwnmp6lw6] {
        font-size: 14px;
        font-weight: 600;
        margin-top: 6px;
        line-height: 1.4;
    }
    /* ---- Bottom area container ---- */
    .bottomDiv[b-tuwnmp6lw6] {
        flex-direction: column; /* stack progress then KPIs */
        align-items: stretch;
        gap: 12px;
    }
    /* Progress bar section should be full width */
    .statusBarStyle[b-tuwnmp6lw6] {
        width: 100% !important; /* override fixed 507px only on mobile */
        margin-left: 0 !important; /* remove negative offset */
        display: block;
    }
        /* Ensure Syncfusion linear bar grows */
        .statusBarStyle .e-progressbar[b-tuwnmp6lw6],
        .statusBarStyle .e-progressbar-container[b-tuwnmp6lw6] {
            width: 100% !important;
            display: block;
            min-height: 12px;
        }


    .bottomDiv > .d-flex.gap-5[b-tuwnmp6lw6] {
        width: 100%;
        flex-direction: column; /* stack KPIs */
        gap: 12px !important;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

        .bottomDiv > .d-flex.gap-5 > div[b-tuwnmp6lw6] {
            width: 100%;
        }

    .right-panel[b-tuwnmp6lw6],
    .info-label[b-tuwnmp6lw6] {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 4px;
        display: block;
    }

    .txt-right-panel-bottom[b-tuwnmp6lw6],
    .info-text[b-tuwnmp6lw6],
    .right-panel-bottom[b-tuwnmp6lw6] {
        font-size: 12px;
        line-height: 1.4;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
        word-break: break-word;
    }
    /* ---- Badge safety (avoid �On Time� wrapping) ---- */
    .badges[b-tuwnmp6lw6] {
        white-space: nowrap;
        line-height: 1.1;
        padding: 4px 10px;
        font-size: 11px;
    }
}

@media (min-width: 769px) {
    .statusBarStyle .e-progressbar[b-tuwnmp6lw6], .statusBarStyle .e-progressbar-container[b-tuwnmp6lw6] {
        max-width: 507px;
        width: 507px;
    }
}

/* /Pages/MirlinConnect/Activity/ActivityList.razor.rz.scp.css */
.rounded-profile-image[b-oi4xscy4is] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.chip-container[b-oi4xscy4is] {
    padding: 5px;
    align-self: center;
}

.chip-content[b-oi4xscy4is] {
    background: blueviolet;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: small;
    font-weight: 700;
}


.badges[b-oi4xscy4is] {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    font-weight: bolder;
    width: fit-content;
    padding: 16px;
}

.profile-section[b-oi4xscy4is] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.toolbar-header[b-oi4xscy4is] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 8px 0;
}
/* /Pages/MirlinConnect/BudgetPlanner/BreakdownsGrid.razor.rz.scp.css */
.container-flex[b-210ozu0pf6] {
    display: flex;
    /* gap: 10px;  */
    height: 50px;
    border: 1px solid #dcdcdc;
}

.text-half[b-210ozu0pf6] {
    flex: 8;
    padding: 10px;
}

.flex-half[b-210ozu0pf6] {
    display: flex;
    flex: 15;
    /* gap: 10px; */
    text-align: center;
}

.flex-item[b-210ozu0pf6] {
    flex: 2;
    padding: 10px;
}
[b-210ozu0pf6] .border-total {
    border-color: #dee2e6;
}
.customer-val-total[b-210ozu0pf6] {
    background-color: rgba(255, 151, 54, 0.4);
}

.generic-val-total[b-210ozu0pf6] {
    background-color: rgba(100, 181, 246, 0.4);
}

[b-210ozu0pf6] .customer-val {
    background-color: rgba(250, 177, 109, 0.2);
}

[b-210ozu0pf6] .generic-val {
    background-color: rgba(100, 181, 246, 0.2);
}

/* Handling the + sign styling in customer and generic cell values */
[b-210ozu0pf6] .cell-with-button {
    position: relative;
    text-align: center;
}

[b-210ozu0pf6] .cell-content {
    display: inline-block;
}

[b-210ozu0pf6] .copy-button {
    visibility: hidden;
    position: absolute;
    right: 20px;
    top: 55%;
    transform: translateY(-45%);
    cursor: pointer;
}

[b-210ozu0pf6] .cell-with-button:hover .copy-button {
    visibility: visible;
}

[b-210ozu0pf6] .cell-with-button:hover .cell-content {
    margin-right: 24px;
}
/* /Pages/MirlinConnect/BudgetPlanner/BudgetBreadcrumbs.razor.rz.scp.css */

.breadcrumb-container[b-7cihxcka8u] {
}

.main-breadcrumb[b-7cihxcka8u] {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.breadcrumb-item[b-7cihxcka8u] {
    display: inline-flex;
    align-items: center;
    padding: 4px 20px;
    background-color: #f0f0f0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size:0.75rem;
}

    .breadcrumb-item:hover[b-7cihxcka8u] {
        background-color: #e0e0e0;
    }

    .breadcrumb-item.active[b-7cihxcka8u] {
        background-color: #007bff;
        color: white;
    }

.breadcrumb-arrow[b-7cihxcka8u] {
    margin: 0 8px;
    color: #666;
}

.child-breadcrumb[b-7cihxcka8u] {
    margin-left: 40px;
    position: relative;
}

    .child-breadcrumb[b-7cihxcka8u]::before {
        content: "↳";
        position: absolute;
        left: -25px;
        top: 50%;
        transform: translateY(-50%);
        color: #666;
    }

.parent-indicator[b-7cihxcka8u] {
    font-size: 0.8em;
    color: #666;
    margin-bottom: 4px;
}

    .parent-indicator span[b-7cihxcka8u] {
        color: #007bff;
        font-weight: bold;
    }
/* /Pages/MirlinConnect/BudgetPlanner/BudgetBuilder.razor.rz.scp.css */
.icons-container[b-idpsft4b29] {
    display: flex;
    gap: 2rem; 
    align-items: flex-start;
    justify-content: flex-start;
}

[b-idpsft4b29] .icon-with-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

[b-idpsft4b29] .icon-btn {
    min-width: 25px;
    height: 25px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-idpsft4b29] .e-btn:hover {
    background-color: rgba(0, 152, 69, 0.12) !important;
}

[b-idpsft4b29] .e-btn:focus, [b-idpsft4b29] .e-btn:active {
    background-color: rgba(0, 152, 69, 0.12) !important;
}

[b-idpsft4b29] .count-label {
    font-size: 0.75rem;
    color: #666;
}
[b-idpsft4b29] .e-icons .e-home:active {
    color: green;
}
[b-idpsft4b29] .cards-container {
    display: flex;
    gap: 1rem;
}
.budget-details[b-idpsft4b29] {
    font-size: 0.75rem;
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}
[b-idpsft4b29] .breadcrumbs-card {
    flex: 3;
}
[b-idpsft4b29] .filters-card {
    flex: 2;
}
/* /Pages/MirlinConnect/BudgetPlanner/BudgetGrid.razor.rz.scp.css */
[b-2keq62f53k] .kebab-menu.e-dropdown-btn {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: auto;
}

[b-2keq62f53k] .kebab-menu .e-icons.more-vertical-2::before {
    content: '\22EE'; /* Unicode for vertical ellipsis */
    font-size: 20px;
    color: black;
}
[b-2keq62f53k] .e-grid .e-row:hover .e-rowcell {
    background-color: rgba(0, 152, 69, 0.12) !important;
    cursor: pointer;
}

/* /Pages/MirlinConnect/BudgetPlanner/BudgetItemsGrid.razor.rz.scp.css */
[b-3mtvtqm69q] .customer-val {
    background-color: rgba(250, 177, 109, 0.2);
}

[b-3mtvtqm69q] .generic-val {
    background-color: rgba(100, 181, 246, 0.2);
}

[b-3mtvtqm69q] .user-val {
    font-size: 0.75rem;
}

[b-3mtvtqm69q] .customer-val-total {
    background-color: rgba(255, 151, 54, 0.4);
}

.generic-val-total[b-3mtvtqm69q] {
    background-color: rgba(100, 181, 246, 0.4);
}

.user-val-total[b-3mtvtqm69q] {
}

.clickable-title[b-3mtvtqm69q] {
    cursor: pointer;
    color: #0366d6;
}

.clickable-title:hover[b-3mtvtqm69q] {
    text-decoration: underline;
}

[b-3mtvtqm69q] .clickable-system {
    cursor: pointer;
}

[b-3mtvtqm69q] .clickable-system:hover {
    text-decoration: underline;
    font-weight: bold;
}

[b-3mtvtqm69q] .e-toolbar .e-toolbar-items {
    background: none !important;
    height: 45px;
}

/* Handling the + sign styling in customer and generic cell values */
[b-3mtvtqm69q] .cell-with-button {
    position: relative;
    text-align: center;
    font-size:0.75rem;
}
[b-3mtvtqm69q] .user-cell{
    font-size:0.75rem;
}

[b-3mtvtqm69q] .cell-content {
    display: inline-block;
}

[b-3mtvtqm69q] .copy-button {
    visibility: hidden;
    position: absolute;
    right: 20px;
    top: 55%;
    transform: translateY(-45%);
    cursor: pointer;
}

[b-3mtvtqm69q] .cell-with-button:hover .copy-button {
    visibility: visible;
}

[b-3mtvtqm69q] .cell-with-button:hover .cell-content {
    margin-right: 24px;
}
[b-3mtvtqm69q] .e-gridheader {
     padding-right: 0px !important; 
}

.fiscal-period[b-3mtvtqm69q] {
    font-size:0.75rem;
}
.fiscal-desc[b-3mtvtqm69q]{
    font-size: 0.65rem;
}
[b-3mtvtqm69q] .customer-cell-total, [b-3mtvtqm69q] .generic-cell-total, [b-3mtvtqm69q] .user-cell-total{
    font-size:0.75rem;
}
/* /Pages/MirlinConnect/BudgetPlanner/BudgetPlanner.razor.rz.scp.css */
[b-nlxfn9q0ch] .e-card .e-card-header {
    justify-content: left;
}
/* /Pages/MirlinConnect/BudgetPlanner/Dialogs/CreateBudgetDialog.razor.rz.scp.css */
[b-8wxfb6gp75] .dialog-sub {
    font-size: small;
    font-weight: 300;
    white-space: normal;
}
/* /Pages/MyIntel.razor.rz.scp.css */
.plan-selector[b-ysf1zl8rd8] {
    display: flex;
    gap: 10px;
}

.plan-button[b-ysf1zl8rd8] {
    border-radius: 54px;
    border-width: 1px;
    font-family: var(--app-font);
    gap: 10px;
    padding: 8px;
    background: white;
    border: 1px solid #9B639B;
}

.active-plan[b-ysf1zl8rd8] {
    font-family: var(--app-font);
    color: var(--highlight-font-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.divider[b-ysf1zl8rd8] {
    width: 100% !important;
    height: 2px;
    background-color: #eee !important;
}

.heading[b-ysf1zl8rd8] {
    display: flex;
}

.process-dialog[b-ysf1zl8rd8] {
    /* width: 1136px;
			   height: 759px; */
}

.task-dashboard[b-ysf1zl8rd8] {
    background: #ffffff;
    border-radius: 20px;
}

    .task-dashboard .header[b-ysf1zl8rd8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        background-color: #ffffff !important;
        padding: 20px !important;
        color: #000000 !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .task-dashboard > .header > .heading > span[b-ysf1zl8rd8] {
        font-family: var(--app-font);
        font-weight: 500;
        font-size: 20px;
        leading-trim: Cap height;
        line-height: 32px;
        letter-spacing: 0%;
        color: #211521 !important;
    }

    .task-dashboard > .header > .row > p[b-ysf1zl8rd8] {
        color: #000000 !important;
    }

.under-heading[b-ysf1zl8rd8] {
    font-family: var(--app-font);
    font-weight: 300;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0px;
}

.process-buttons[b-ysf1zl8rd8] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    width: 50%;
}

.process-button[b-ysf1zl8rd8] {
    color: #e5ff70 !important;
    background: transparent !important;
    border: 1px solid #e5ff70 !important;
    border-radius: 30px;
    font-weight: 300;
    font-size: small;
    padding: 10px;
    white-space: nowrap;
}

    .process-button:hover[b-ysf1zl8rd8] {
        background: #e5ff70 !important;
        color: black !important;
    }

    .process-button:active[b-ysf1zl8rd8] {
        background: #e5ff70 !important;
        color: black !important;
    }

.process-button-active[b-ysf1zl8rd8] {
    background: #e5ff70 !important;
    color: black !important;
}

.search-box[b-ysf1zl8rd8] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px !important;
}

    .search-box input[b-ysf1zl8rd8] {
        border: none !important;
        background-color: transparent !important;
        color: #e5ff70 !important;
        font-size: 18px !important;
        padding: 5px !important;
        padding-left: 10px !important;
        width: 340px !important; /* Adjust width as needed */
    }

        .search-box input[b-ysf1zl8rd8]::placeholder {
            color: #e5ff70 !important;
        }

    .search-box button[b-ysf1zl8rd8] {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
    }

        .search-box button img[b-ysf1zl8rd8] {
            width: 40px; /* Adjust size as needed */
            height: 40px;
        }

    /* Ensures input does not outline on focus */
    .search-box input:focus[b-ysf1zl8rd8] {
        outline: none;
    }

    .search-box > svg[b-ysf1zl8rd8] {
        padding-left: 25px;
        width: 45px;
        height: 21px;
    }

.processes[b-ysf1zl8rd8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
}

.process-card[b-ysf1zl8rd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(242,242,242,1);
    box-shadow: 0px 10px 20px -10px #00000040;
    width: 248px;
    height: 220px;
    border-width: 1px;
    padding: 12px;
    border-radius: 12px;
}

.process-card-header[b-ysf1zl8rd8] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > svg[b-ysf1zl8rd8] {
    }

.process-card-body[b-ysf1zl8rd8] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-heading[b-ysf1zl8rd8] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    height: 40px;
}

.card-body-content[b-ysf1zl8rd8] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.trail-badge[b-ysf1zl8rd8] {
    width: 180px !important;
    margin-right: 10%;
}

    .trail-badge > p[b-ysf1zl8rd8] {
        margin: 0px !important;
        color: white;
        background: #674167;
        font-size: small;
        padding: 1px 5px;
        border-radius: 20px;
    }

        .trail-badge > p > span[b-ysf1zl8rd8] {
            color: white;
            background: #674167;
            font-size: small;
            padding: 2px 10px;
            border-radius: 20px;
        }


.run-process-btn[b-ysf1zl8rd8] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-ysf1zl8rd8] {
        margin: 3px;
        border-radius: 8px;
        background-color: var(--primary-color);
        color: var(--highlight-font-color) !important;
        border: 0px solid;
        width: 100%;
    }

.process-card-footer[b-ysf1zl8rd8] {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-top: 10px;
}

    .process-card-footer > button[b-ysf1zl8rd8] {
        border-radius: 10px;
        background-color: white;
        border: 1px solid;
    }

.about-content[b-ysf1zl8rd8] {
    background: #f5f5f5;
    padding: 20px;
}

.about-content-button[b-ysf1zl8rd8] {
    width: 100%;
    background: transparent;
    color: black;
}

.template-search[b-ysf1zl8rd8] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    padding: 10px !important;
    font-size: large !important;
    max-width: 465px !important;
    background: border-box !important;
    margin: 15px 0 0 0 !important;
}

.welcome-instructions[b-ysf1zl8rd8] {
    max-width: 426px;
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
}

#reportContainer[b-ysf1zl8rd8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

@media(max-width:2560px) and (min-width:1441px) {
    .processes[b-ysf1zl8rd8] {
        gap: 26px !important;
    }

    .process-card[b-ysf1zl8rd8] {
        width: 330px !important;
        height: 293px !important;
        padding: 20px !important;
    }

    .card-heading[b-ysf1zl8rd8] {
        font-size: 18px;
    }

    .process-card-body[b-ysf1zl8rd8] {
        padding-top: 30px;
    }

    .run-process-btn > button[b-ysf1zl8rd8] {
        padding: 10px;
        gap: 15px;
        border-radius: 10px;
        font-size: 19px;
        width: 100%;
        height: 43px;
    }

    .process-card-footer > button[b-ysf1zl8rd8] {
        width: 100%;
        height: 43px;
        gap: 18px;
    }
}
/* /Pages/ProcessInstance.razor.rz.scp.css */
.progress-area[b-x4cwkok7t2] {
    margin-left: -7px !important;
    width: 80%;
    max-width: 500px
}

.btn-dropdown[b-x4cwkok7t2] {
    background: none;
    border: 1px solid #f5f5f5;
    padding: 2px !important;
}

.page-wrapper[b-x4cwkok7t2] {
    padding: 5px 30px 0px 20px !important;
    min-height: calc(100vh - 80px); /* adjust 80px based on your actual header height */
    box-sizing: border-box;
}

.link-expired[b-x4cwkok7t2] {
    padding: 10vh;
}

.disabled-div[b-x4cwkok7t2] {
    pointer-events: none; /* Prevent clicks */
    opacity: 0.5; /* Visually indicate disabled state */
}

.transparent-button[b-x4cwkok7t2] {
    background-color: transparent !important;
    border: none !important;
}

    .transparent-button .e-icons.e-close[b-x4cwkok7t2] {
        color: red !important;
    }

[b-x4cwkok7t2]::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

/* Track */
[b-x4cwkok7t2]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
[b-x4cwkok7t2]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    /* Handle on hover */
    [b-x4cwkok7t2]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* Feedback Form Start*/
.process-feedback[b-x4cwkok7t2] {
}

    .process-feedback > .e-dialog .e-lib .process-history .e-dlg-modal .e-popup .e-control .e-popup-open > .e-dlg-content[b-x4cwkok7t2] {
        background-color: white !important;
    }

.feedback-body[b-x4cwkok7t2] {
    margin: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.feedback-heading[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    color: #5D5D5D;
}

.feedback-subheading[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 12px;
    color: #5D5D5D;
}

.e-rating-container .e-rating-item-list[b-x4cwkok7t2] {
    gap: 10px;
}

.e-rating-item-container[b-x4cwkok7t2] {
    padding: 10px !important;
}

    .e-rating-item-container:not(.e-rating-selected) .emoji[b-x4cwkok7t2] {
        filter: brightness(0) saturate(100%) invert(45%) sepia(4%) saturate(20%) hue-rotate(27deg) brightness(100%) contrast(97%) !important;
    }

.unacceptable[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(4936%) hue-rotate(359deg) brightness(98%) contrast(94%);
}

.needsimprovement[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(52%) sepia(86%) saturate(2502%) hue-rotate(351deg) brightness(97%) contrast(95%);
}

.meetexpectation[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(5777%) hue-rotate(338deg) brightness(100%) contrast(101%);
}

.exceedsexpection[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(81%) sepia(27%) saturate(5483%) hue-rotate(69deg) brightness(105%) contrast(106%);
}

.outstanding[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(16%) sepia(94%) saturate(6783%) hue-rotate(124deg) brightness(94%) contrast(93%);
}

.unacceptable:hover[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(4936%) hue-rotate(359deg) brightness(98%) contrast(94%);
}

.needsimprovement:hover[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(52%) sepia(86%) saturate(2502%) hue-rotate(351deg) brightness(97%) contrast(95%);
}

.meetexpectation:hover[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(5777%) hue-rotate(338deg) brightness(100%) contrast(101%);
}

.exceedsexpection:hover[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(81%) sepia(27%) saturate(5483%) hue-rotate(69deg) brightness(105%) contrast(106%);
}

.outstanding:hover[b-x4cwkok7t2] {
    filter: brightness(0) saturate(100%) invert(16%) sepia(94%) saturate(6783%) hue-rotate(124deg) brightness(94%) contrast(93%);
}

.btn-float-right[b-x4cwkok7t2] {
    float: right !important;
    border-radius: 5px;
    color: black;
    border: 1px solid black;
    background: white;
}
/* Feedback Form End*/

/* Feedback Submission Begin */
.feedback-submission[b-x4cwkok7t2] {
    display: flex;
    flex-direction: column;
}

.feedback-message[b-x4cwkok7t2] {
    font-size: 16px;
    font-family: var(--app-font);
    font-weight: 700;
    color: #212121;
}

.feedback-message-complement[b-x4cwkok7t2] {
    font-size: 14px;
    font-family: var(--app-font);
    font-weight: 400;
    color: #5D5D5D;
}

.btn-close-center[b-x4cwkok7t2] {
    color: white;
    background-color: black;
    border-radius: 10px;
    padding: 10px;
}
/* Feedback Submission End */

/* process chart dialog start */
.process-chart-header[b-x4cwkok7t2] {
    display: flex;
    justify-content: space-between;
}

.process-chart-breadcrumb[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.view-all-tasks[b-x4cwkok7t2] {
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
}

.process-card-detail[b-x4cwkok7t2] {
    padding: 20px;
    background: none;
    border: none;
    margin: 20px;
}

.process-type[b-x4cwkok7t2] {
    background-color: #eee;
    padding: 5px 10px;
    border-radius: 5px;
    width: max-content;
}

.process-card-main-detail[b-x4cwkok7t2] {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
    border: 1px solid gray;
    border-radius: 10px;
    margin-top: 5px !important;
    width: max-content;
}

.process-icon-image[b-x4cwkok7t2] {
    width: 20px !important;
    height: 16px !important;
}

.type-task[b-x4cwkok7t2] {
    width: max-content !important;
    padding: 10px !important;
    border: 1px solid black;
    border-radius: 5px;
    display: flex;
    gap: 10px;
}

    .type-task > .task-icon > img[b-x4cwkok7t2] {
        width: 16px;
        height: 16px;
    }

.process-selectors-dropdowns[b-x4cwkok7t2] {
    display: flex;
    position: absolute;
    top: 75px;
    z-index: 999;
    left: 30px;
    gap: 10px;
}

.extended-process-heatmap-visualizer[b-x4cwkok7t2] {
    box-shadow: 1px 1px 12px gray;
    padding: 20px;
    position: absolute;
    top: 90%;
    z-index: 999;
    left: 82%;
    background: white;
    border-radius: 10px;
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

    .extended-process-heatmap-visualizer > label[b-x4cwkok7t2] {
        font-size: 17px;
        font-weight: 700;
    }

.process-heatmap-visualizer[b-x4cwkok7t2] {
    position: absolute;
    box-shadow: 1px 1px 12px gray;
    padding: 15px;
    top: 660px;
    z-index: 999;
    left: 825px;
    background: white;
    border-radius: 10px;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

    .process-heatmap-visualizer > label[b-x4cwkok7t2] {
        font-size: 12px;
        font-weight: 500;
    }

.e-grid-layer[b-x4cwkok7t2] {
    width: 100% !important;
    height: 100% !important;
}

.e-html-layer[b-x4cwkok7t2] {
    width: 100% !important;
    height: 100% !important;
}

.start-task[b-x4cwkok7t2] {
    display: flex;
    width: 100px;
    height: 100px;
    border: 10px solid #A9A9A9;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

.task-detail[b-x4cwkok7t2] {
    display: flex;
    padding: 30px;
    width: max-content;
    border: 3px solid #A9A9A9;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}
/* process chart dialog end */


.confirm-invite-btn[b-x4cwkok7t2] {
    color: white;
    background-color: #211521 !important;
}

.confirm-delete-btn[b-x4cwkok7t2] {
    color: white;
    background-color: #EA2223 !important;
}
/* Participant list Begins */
.participant-row[b-x4cwkok7t2] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.participant-cell[b-x4cwkok7t2] {
    display: flex;
    gap: 5px;
}

.participant-info[b-x4cwkok7t2] {
    display: flex;
    flex-direction: column;
}

.row-options[b-x4cwkok7t2] {
    display: flex;
    gap: 5px !important;
}

.participant-image[b-x4cwkok7t2] {
    padding-top: 5px;
}

.participant-name[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-size: 14px;
    font-weight: 500;
}

.participant-role[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-size: 12px;
    font-weight: 400;
    color: #909090;
}

.process-participants > .e-dlg-header-content[b-x4cwkok7t2] {
}
/* Participant list Ends */

/* Process Invite Begins */
.invite-btn[b-x4cwkok7t2] {
    background-color: #211521 !important;
    color: white !important;
}

.dialog-footer[b-x4cwkok7t2] {
    display: flex;
    float: right !important;
}

.dialog-footer-message[b-x4cwkok7t2] {
    display: flex;
}
/* Process Invite Ends */

/* process attachement begins */
.attachement-data[b-x4cwkok7t2] {
    padding: 10px;
}

.attachement-data-item[b-x4cwkok7t2] {
    display: flex;
    justify-content: space-between;
}

.attachement-filename[b-x4cwkok7t2] {
    display: flex;
}

    .attachement-filename p[b-x4cwkok7t2] {
        font-family: var(--app-font);
        font-size: 14px;
        font-weight: 400;
    }

.attachement-filename-text[b-x4cwkok7t2] {
    margin-left: 5px;
}
/* process attachement end */

/* process history begins */
.history-drops[b-x4cwkok7t2] {
    display: flex;
}

.process-history > .e-dlg-content[b-x4cwkok7t2] {
    background-color: #f5f5f5 !important;
    padding: 10px !important;
}

.history-breadcrumbs[b-x4cwkok7t2] {
    color: #666666 !important;
    font-family: var(--app-font);
    font-weight: 500;
    font-size: 12px !important;
}

.history-breadcrumbs-header[b-x4cwkok7t2] {
    color: #212121 !important;
    font-weight: 700;
    font-size: 24px !important;
    font-family: var(--app-font);
}

.history-body[b-x4cwkok7t2] {
    border: 1px dashed #c6c2c6 !important;
    padding: 10px !important;
}

.history-data > .history-time[b-x4cwkok7t2] {
    font-family: var(--app-font);
    font-size: 13px !important;
    font-weight: 700;
}

.history-item[b-x4cwkok7t2] {
    padding: 10px 20px !important;
    display: flex;
}

    .history-item > .history-item-time[b-x4cwkok7t2] {
        font-family: var(--app-font);
        font-weight: 400;
        font-size: 12px !important;
        color: #212121 !important;
        display: flex;
    }

    .history-item > .history-content[b-x4cwkok7t2] {
        display: flex;
        margin-left: 30px !important;
    }

        .history-item > .history-content > p[b-x4cwkok7t2] {
            font-family: var(--app-font);
            font-weight: 400;
            font-size: 10px !important;
            color: #212121 !important;
            align-content: flex-end;
        }
/* process history ends */

/* chatbox style begin */
.chatbox[b-x4cwkok7t2] {
    display: flex !important;
    height: 100% !important;
}

.chatbox-dialog[b-x4cwkok7t2] {
    border-radius: 10px !important;
    border: none;
}

    .chatbox-dialog > .e-dialog .e-dlg-header[b-x4cwkok7t2] {
        color: white !important;
    }

    .chatbox-dialog > .e-dialog .e-dlg-header-content[b-x4cwkok7t2] {
        border-radius: 10px 10px 0px 0px;
        background-color: var(--primary-color) !important;
        color: var(--highlight-font-color) !important;
    }

    .chatbox-dialog > .e-dialog .e-icon-dlg-close[b-x4cwkok7t2]::before {
        color: white !important;
    }

    .chatbox-dialog > .e-dialog .e-dlg-header-content + .e-dlg-content[b-x4cwkok7t2] {
        padding-top: 0px !important;
    }

    .chatbox-dialog > .e-dialog .e-dlg-content[b-x4cwkok7t2] {
        padding: 0px !important;
        border-radius: 0px 0px 10px 10px !important;
    }

.chat-sidebar[b-x4cwkok7t2] {
    background-color: #dddcdd !important;
    border-bottom-left-radius: 10px !important;
    height: 100% !important;
}

.chat-drop[b-x4cwkok7t2] {
    background: none !important;
}

    .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li[b-x4cwkok7t2] {
        width: 100% !important;
        padding: 5px !important;
        list-style-type: none !important;
        color: #808080 !important;
    }

        .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li :hover[b-x4cwkok7t2] {
            cursor: pointer !important;
            background-color: #eaeaea !important;
        }

    .chat-drop > .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content[b-x4cwkok7t2] {
        background: whitesmoke !important;
        font-size: small;
    }

    .chat-drop > .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header[b-x4cwkok7t2], .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header[b-x4cwkok7t2] {
        border-color: #dddcdd;
        border-style: solid;
        border-width: 0 0 1px 0;
        background: #dddcdd !important;
    }

.e-acrdn-header-content[b-x4cwkok7t2] {
    font-weight: 700 !important;
}

.chat-area[b-x4cwkok7t2] {
}

.chat-area-header[b-x4cwkok7t2] {
    background: #f5f5f5 !important;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

    .chat-area-header > .chat-name[b-x4cwkok7t2] {
        font-size: x-large;
        font-weight: 500;
    }


.chat-area-body[b-x4cwkok7t2] {
    padding: 15px;
    height: 535px !important;
    overflow-y: scroll;
}

.partner-message[b-x4cwkok7t2] {
    display: flex;
    justify-content: flex-start;
}

.partner-message-template[b-x4cwkok7t2] {
    display: flex !important;
}

.partner-message-box[b-x4cwkok7t2] {
    margin-left: 10px !important;
}

.p-message[b-x4cwkok7t2] {
    background: #d5bdd5 !important;
    padding: 10px !important;
    border-radius: 5px !important;
    color: white !important;
}

.own-message[b-x4cwkok7t2] {
    display: flex;
    justify-content: flex-end;
}

.own-message-template[b-x4cwkok7t2] {
    display: flex !important;
}

.own-message-box[b-x4cwkok7t2] {
    margin-right: 10px !important;
}

.o-message[b-x4cwkok7t2] {
    background: var(--primary-color) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    max-width: 386px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    height: auto;
}

.chat-area-footer[b-x4cwkok7t2] {
    display: flex;
    background: #e2e2e2 !important;
    padding: 7px 15px !important;
}

.send-message-btn[b-x4cwkok7t2] {
    margin-left: 10px !important;
}

.own-message-area[b-x4cwkok7t2] {
    background: #f5f5f5 !important;
}
/* chatbox design end */

.right-panel-bottom[b-x4cwkok7t2] {
    display: flex;
    align-items: flex-start;
    gap: -4px !important;
}

.right-panel-bottom-radius[b-x4cwkok7t2] {
    margin-right: -10px
}

.process-info[b-x4cwkok7t2] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 16px;
    max-height: 300px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
}

.process-info-expanded[b-x4cwkok7t2] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 17px;
    max-height: 64px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease
}

.custom-breadcrumb[b-x4cwkok7t2] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-family: var(--app-font);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
}

.process-info .green[b-x4cwkok7t2], .process-info-expanded .green[b-x4cwkok7t2] {
    padding: 2px !important;
    border-radius: 4px;
    background: var(--primary-color);
    border: none;
}

.process-info .white[b-x4cwkok7t2], .process-info-expanded .white[b-x4cwkok7t2] {
    border-radius: 4px;
    background: white;
}

.process-info .heading[b-x4cwkok7t2], .process-info-expanded .heading[b-x4cwkok7t2] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.process-info .sub-heading[b-x4cwkok7t2] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-transform: capitalize;
}

.process-info .subtitle[b-x4cwkok7t2] {
    overflow: hidden;
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
}

.process-info .status-green[b-x4cwkok7t2] {
    padding: 3px 12px;
    border-radius: 40px;
    background: var(--Success-Main, #4CAF50);
    color: white;
}

.process-info .content[b-x4cwkok7t2] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.process-info .sub-content[b-x4cwkok7t2] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: capitalize;
}

.process-info .progress-text[b-x4cwkok7t2] {
    color: var(--UI-on-surface-disabled, #9E9E9E);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-label[b-x4cwkok7t2] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-text[b-x4cwkok7t2] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.back-button[b-x4cwkok7t2] {
    background: none !important;
    border: none !important;
    display: flex;
}

.badges[b-x4cwkok7t2] {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    font-weight: bolder;
    width: fit-content;
    padding: 14px;
    font-size: small;
}

.svg-placeholder[b-x4cwkok7t2] {
    position: absolute;
    width: 24px; /* Adjust size as needed */
    height: 24px; /* Adjust size as needed */
    background-size: cover;
    margin-right: 8px; /* Space between SVG and text */
}

.group-svg[b-x4cwkok7t2] {
    background-image: url('/path/to/group.svg'); /* Path to your group SVG */
}

.person-svg[b-x4cwkok7t2] {
    background-image: url('/path/to/person.svg'); /* Path to your person SVG */
}

ul[b-x4cwkok7t2] {
    position: relative; /* To position SVGs correctly */
}

li[b-x4cwkok7t2] {
    position: relative; /* Ensure li is positioned relative for the absolute SVGs */
    padding-left: 32px; /* Space for the SVG */
}

.selected[b-x4cwkok7t2] {
    background-color: white; /* Highlight color */
    font-weight: bold; /* Bold text */
}

.attatchment-box[b-x4cwkok7t2] {
    height: 35px;
    justify-content: start;
    align-items: center;
    text-align: center;
}

.badges-collapsed[b-x4cwkok7t2] {
    background: #4CAF50;
    padding: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.process-history[b-x4cwkok7t2] {
    font-family: var(--app-font);
    padding: 20px;
    border-radius: 10px;
}

.delegate-container[b-x4cwkok7t2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.delegate-list[b-x4cwkok7t2] {
    display: block;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.delegate-item[b-x4cwkok7t2] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}

    .delegate-item:hover[b-x4cwkok7t2] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        background: white;
    }

    .delegate-item.selected[b-x4cwkok7t2] {
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
        border: 1px solid black;
    }

.delegate-actions[b-x4cwkok7t2] {
    margin-top: 20px;
    width: 100%;
}

.delegate-button[b-x4cwkok7t2] {
    width: 100%;
    color: black;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    background: white;
    font-weight: bold;
}

    .delegate-button:hover[b-x4cwkok7t2] {
        background-color: #45a049;
    }

    .delegate-button:focus[b-x4cwkok7t2] {
        outline: none;
    }

.delegate-item label[b-x4cwkok7t2] {
    font-weight: normal;
    color: #333;
}

.rounded-profile-image[b-x4cwkok7t2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-profile-image-sub[b-x4cwkok7t2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
}

.profile-section[b-x4cwkok7t2] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.delegate-sub[b-x4cwkok7t2] {
    padding: 21px;
    border: 1px solid gainsboro;
    background: azure;
}

.participant-url[b-x4cwkok7t2] {
    border-radius: 50px;
}

.role-section[b-x4cwkok7t2] {
    font-size: 12px;
    opacity: 0.6;
}

.user-name-section[b-x4cwkok7t2] {
    font-size: 16px;
    font-weight: 500;
}

.profile-sub-section[b-x4cwkok7t2] {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li.selected[b-x4cwkok7t2] {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
    font-weight: bolder;
    background: #e8e8e8;
}

.e-icons.e-chevron-down[b-x4cwkok7t2], .e-icons.e-chevron-up[b-x4cwkok7t2] {
    font-size: larger;
    font-weight: 900;
}

.chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li:hover[b-x4cwkok7t2] {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
    background: #e8e8e8;
}

.chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li[b-x4cwkok7t2] {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
}

.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > *[b-x4cwkok7t2] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content[b-x4cwkok7t2] {
    background: whitesmoke !important;
}

.participant-section[b-x4cwkok7t2] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-left: 6px;
}

    .participant-section:hover[b-x4cwkok7t2] {
        display: flex;
        gap: 1rem;
        align-items: center;
        padding-left: 6px;
    }

/* Style for the image */
.participant-img[b-x4cwkok7t2] {
    width: 32px; /* Adjust size as needed */
    height: 32px;
    border-radius: 50%;
    object-fit: cover; /* Ensure the image is scaled correctly */
}

.expand-btn[b-x4cwkok7t2] {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 1rem;
}

    .expand-btn:hover[b-x4cwkok7t2] {
        background: none;
        border: none;
    }

.e-btn .e-btn-icon[b-x4cwkok7t2], .e-css.e-btn .e-btn-icon[b-x4cwkok7t2] {
    font-size: 25px;
    font-weight: bolder;
}

.collapsed-header[b-x4cwkok7t2] {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: small;
    transition: 0.3s ease;
}

.header-span[b-x4cwkok7t2] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.unauthorized-wrapper[b-x4cwkok7t2] {
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 1000000;
    width: 100%;
    padding: 20px;
    top: 4%;
}

.unauthorized-content[b-x4cwkok7t2] {
    border: 1px solid lightgrey;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: lightgoldenrodyellow;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    padding: 13px;
    border-radius: 10px;
}

    .unauthorized-content > span[b-x4cwkok7t2] {
        color: black;
    }

.main-wrapper-unauthorized[b-x4cwkok7t2] {
    opacity: 0.7;
    pointer-events: none;
}

/* Button styling */
.more-dropdown-btn[b-x4cwkok7t2] {
    display: inline-block;
    background-color: white;
}

.floating-box[b-x4cwkok7t2] {
    position: relative;
    display: flex;
    gap: 2rem;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    padding: 10px 12px;
    margin-top: 6px;
    background: white;
    align-items: center;
}

.floating-label[b-x4cwkok7t2] {
    position: absolute;
    top: -10px;
    left: 12px;
    font-size: 12px;
    background: white;
    padding: 0 4px;
    font-weight: 600;
    color: #555;
}
/* /Pages/ProcessShoppingCart.razor.rz.scp.css */
.plan-selector[b-j9rke0nnw7] {
    display: flex;
    gap: 10px;
}

.plan-button[b-j9rke0nnw7] {
    border-radius: 54px;
    border-width: 1px;
    font-family: var(--app-font);
    gap: 10px;
    padding: 8px;
    background: white;
    border: 1px solid #9B639B;
}

.active-plan[b-j9rke0nnw7] {
    font-family: var(--app-font);
    color: var(--highlight-font-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.divider[b-j9rke0nnw7] {
    width: 100% !important;
    height: 2px;
    background-color: #eee !important;
}

.heading[b-j9rke0nnw7] {
    display: flex;
}

.process-dialog[b-j9rke0nnw7] {
    /* width: 1136px;
			   height: 759px; */
}

.task-dashboard[b-j9rke0nnw7] {
    background: #ffffff;
    border-radius: 20px;
}

    .task-dashboard .header[b-j9rke0nnw7] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        background-color: #ffffff !important;
        padding: 20px !important;
        color: #000000 !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .task-dashboard > .header > .heading > span[b-j9rke0nnw7] {
        font-family: var(--app-font);
        font-weight: 500;
        font-size: 20px;
        leading-trim: Cap height;
        line-height: 32px;
        letter-spacing: 0%;
        color: #211521 !important;
    }

    .task-dashboard > .header > .row > p[b-j9rke0nnw7] {
        color: #000000 !important;
    }

.under-heading[b-j9rke0nnw7] {
    font-family: var(--app-font);
    font-weight: 300;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0px;
}

.process-buttons[b-j9rke0nnw7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    width: 50%;
}

.process-button[b-j9rke0nnw7] {
    color: #e5ff70 !important;
    background: transparent !important;
    border: 1px solid #e5ff70 !important;
    border-radius: 30px;
    font-weight: 300;
    font-size: small;
    padding: 10px;
    white-space: nowrap;
}

    .process-button:hover[b-j9rke0nnw7] {
        background: #e5ff70 !important;
        color: black !important;
    }

    .process-button:active[b-j9rke0nnw7] {
        background: #e5ff70 !important;
        color: black !important;
    }

.process-button-active[b-j9rke0nnw7] {
    background: #e5ff70 !important;
    color: black !important;
}

.search-box[b-j9rke0nnw7] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px !important;
}

    .search-box input[b-j9rke0nnw7] {
        border: none !important;
        background-color: transparent !important;
        color: #e5ff70 !important;
        font-size: 18px !important;
        padding: 5px !important;
        padding-left: 10px !important;
        width: 340px !important; /* Adjust width as needed */
    }

        .search-box input[b-j9rke0nnw7]::placeholder {
            color: #e5ff70 !important;
        }

    .search-box button[b-j9rke0nnw7] {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
    }

        .search-box button img[b-j9rke0nnw7] {
            width: 40px; /* Adjust size as needed */
            height: 40px;
        }

    /* Ensures input does not outline on focus */
    .search-box input:focus[b-j9rke0nnw7] {
        outline: none;
    }

    .search-box > svg[b-j9rke0nnw7] {
        padding-left: 25px;
        width: 45px;
        height: 21px;
    }

.processes[b-j9rke0nnw7]{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
}

.process-card[b-j9rke0nnw7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(242,242,242,1);
    box-shadow: 0px 10px 20px -10px #00000040;
    width: 248px;
    height: 220px;
    border-width: 1px;
    padding: 12px;
    border-radius: 12px;
}

.process-card-header[b-j9rke0nnw7] {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

    .process-card-header > svg[b-j9rke0nnw7] {
    }

.process-card-body[b-j9rke0nnw7] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-heading[b-j9rke0nnw7] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    height: 40px;
}

.card-body-content[b-j9rke0nnw7] {
    font-weight: 300;
    font-size: smaller;
    text-align: center;
}

.trail-badge[b-j9rke0nnw7] {
    width: 180px !important;
    margin-right: 10%;
}

    .trail-badge > p[b-j9rke0nnw7] {
        margin:0px !important;
        color: white;
        background: #674167;
        font-size: small;
        padding: 1px 5px;
        border-radius: 20px;
    }

        .trail-badge > p > span[b-j9rke0nnw7] {
            color: white;
            background: #674167;
            font-size: small;
            padding: 2px 10px;
            border-radius: 20px;
        }


.run-process-btn[b-j9rke0nnw7] {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .run-process-btn > button[b-j9rke0nnw7] {
        margin:3px;
        border-radius: 8px;
        background-color: var(--primary-color);
        color: var(--highlight-font-color);
        border: 0px solid;
        width: 100%;
    }

.process-card-footer[b-j9rke0nnw7] {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-top:10px;
}

    .process-card-footer > button[b-j9rke0nnw7] {
        border-radius: 10px;
        background-color: white;
        border: 1px solid;
    }

.about-content[b-j9rke0nnw7] {
    background: #f5f5f5;
    padding: 20px;
}

.about-content-button[b-j9rke0nnw7] {
    width: 100%;
    background: transparent;
    color: black;
}

.template-search[b-j9rke0nnw7] {
    border: 1px solid #9B639B !important;
    color: #9B639B !important;
    border-radius: 50px !important;
    padding: 10px !important;
    font-size: large !important;
    max-width: 465px !important;
    background: border-box !important;
    margin: 15px 0 0 0 !important;
}

/* Tab container */
.tabs[b-j9rke0nnw7] {
    display: flex;
    border-bottom: 1px solid #E8E8E8; /* Border under the tabs */
    margin-bottom: 20px;
}

/* Tab button styles */
.tab-button[b-j9rke0nnw7] {
    padding: 10px 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    transition: color 0.3s, border-bottom 0.3s;
}

    /* Active tab styles */
    .tab-button.active[b-j9rke0nnw7] {
        color: var(--highlight-font-color); /* Text color when active */
        border-bottom: 1px solid #9B639B;
    }

/* Tab content area */
.tab-content[b-j9rke0nnw7] {
}

/* Show the active tab content */
.tab-pane[b-j9rke0nnw7] {
    display: block;
    opacity: 0; /* Start with no visibility */
    transform: translateX(-20px); /* Start with content slightly shifted to the left */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for opacity and transform */
}

    .tab-pane.active[b-j9rke0nnw7] {
        opacity: 1;
        transform: translateX(0); /* Bring the content back to normal position */
    }

/* Hide the inactive tab content by default */
.tab-content .tab-pane:not(.active)[b-j9rke0nnw7] {
    display: none;
}

.welcome-instructions[b-j9rke0nnw7] {
    max-width:426px;
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
}
@media(max-width:2560px) and (min-width:1441px) {
    .processes[b-j9rke0nnw7]{
        gap:26px !important;
    }
    .process-card[b-j9rke0nnw7]{
        width:330px !important;
        height:293px !important;
        padding: 20px !important;
    }
    .card-heading[b-j9rke0nnw7]{
        font-size:18px;
    }
    .process-card-body[b-j9rke0nnw7]{
        padding-top: 30px;
    }
    .run-process-btn > button[b-j9rke0nnw7]{
        padding:10px;
        gap:15px;
        border-radius: 10px;
        font-size:19px;
        width:100%;
        height:43px;
    }
    .process-card-footer > button[b-j9rke0nnw7]{
        width:100%;
        height:43px;
        gap:18px;
    }
}
/* /Pages/TaskDetails.razor.rz.scp.css */
[b-z9gn5mzswf] .dropdown-btn {
    background: none;
    border: 1px solid #f5f5f5;
    padding: 2px !important;
}

[b-z9gn5mzswf]::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

[b-z9gn5mzswf]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[b-z9gn5mzswf]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

[b-z9gn5mzswf]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Feedback Form */
[b-z9gn5mzswf] .process-feedback > .e-dialog .e-lib .process-history .e-dlg-modal .e-popup .e-control .e-popup-open > .e-dlg-content {
    background-color: white !important;
}

.feedback-body[b-z9gn5mzswf] {
    margin: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.feedback-heading[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-weight: 700;
    font-size: 14px;
    color: #5D5D5D;
}

.feedback-subheading[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 12px;
    color: #5D5D5D;
}

[b-z9gn5mzswf] .e-rating-container .e-rating-item-list {
    gap: 10px;
}

[b-z9gn5mzswf] .e-rating-item-container {
    padding: 10px !important;
}

[b-z9gn5mzswf] .e-rating-item-container:not(.e-rating-selected) .emoji {
    filter: brightness(0) saturate(100%) invert(45%) sepia(4%) saturate(20%) hue-rotate(27deg) brightness(100%) contrast(97%) !important;
}

.unacceptable[b-z9gn5mzswf] {
    filter: brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(4936%) hue-rotate(359deg) brightness(98%) contrast(94%);
}

.needsimprovement[b-z9gn5mzswf] {
    filter: brightness(0) saturate(100%) invert(52%) sepia(86%) saturate(2502%) hue-rotate(351deg) brightness(97%) contrast(95%);
}

.meetexpectation[b-z9gn5mzswf] {
    filter: brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(5777%) hue-rotate(338deg) brightness(100%) contrast(101%);
}

.exceedsexpection[b-z9gn5mzswf] {
    filter: brightness(0) saturate(100%) invert(81%) sepia(27%) saturate(5483%) hue-rotate(69deg) brightness(105%) contrast(106%);
}

.outstanding[b-z9gn5mzswf] {
    filter: brightness(0) saturate(100%) invert(16%) sepia(94%) saturate(6783%) hue-rotate(124deg) brightness(94%) contrast(93%);
}

.unacceptable:hover[b-z9gn5mzswf],
.needsimprovement:hover[b-z9gn5mzswf],
.meetexpectation:hover[b-z9gn5mzswf],
.exceedsexpection:hover[b-z9gn5mzswf],
.outstanding:hover[b-z9gn5mzswf] {
    filter: inherit;
}

.btn-float-right[b-z9gn5mzswf] {
    float: right !important;
    border-radius: 5px;
    color: black;
    border: 1px solid black;
    background: white;
}

/* Feedback Submission */
.feedback-submission[b-z9gn5mzswf] {
    display: flex;
    flex-direction: column;
}

.feedback-message[b-z9gn5mzswf] {
    font-size: 16px;
    font-family: var(--app-font);
    font-weight: 700;
    color: #212121;
}

.feedback-message-complement[b-z9gn5mzswf] {
    font-size: 14px;
    font-family: var(--app-font);
    font-weight: 400;
    color: #5D5D5D;
}

.btn-close-center[b-z9gn5mzswf] {
    color: white;
    background-color: black;
    border-radius: 10px;
    padding: 10px;
}

/* Process Chart Dialog */
.process-chart-header[b-z9gn5mzswf] {
    display: flex;
    justify-content: space-between;
}

.process-chart-breadcrumb[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.view-all-tasks[b-z9gn5mzswf] {
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
}

.process-card-detail[b-z9gn5mzswf] {
    padding: 20px;
    background: none;
    border: none;
    margin: 20px;
}

.process-type[b-z9gn5mzswf] {
    background-color: #eee;
    padding: 5px 10px;
    border-radius: 5px;
    width: max-content;
}

.process-card-main-detail[b-z9gn5mzswf] {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
    border: 1px solid gray;
    border-radius: 10px;
    margin-top: 5px !important;
    width: max-content;
}

.process-icon-image[b-z9gn5mzswf] {
    width: 20px !important;
    height: 16px !important;
}

.type-task[b-z9gn5mzswf] {
    width: max-content !important;
    padding: 10px !important;
    border: 1px solid black;
    border-radius: 5px;
    display: flex;
    gap: 10px;
}

.type-task > .task-icon > img[b-z9gn5mzswf] {
    width: 16px;
    height: 16px;
}

.process-selectors-dropdowns[b-z9gn5mzswf] {
    display: flex;
    position: absolute;
    top: 75px;
    z-index: 999;
    left: 30px;
    gap: 10px;
}

.extended-process-heatmap-visualizer[b-z9gn5mzswf],
.process-heatmap-visualizer[b-z9gn5mzswf] {
    box-shadow: 1px 1px 12px gray;
    padding: 15px 20px;
    position: absolute;
    z-index: 999;
    background: white;
    border-radius: 10px;
    display: flex;
    gap: 8px;
}

.extended-process-heatmap-visualizer[b-z9gn5mzswf] {
    top: 90%;
    left: 82%;
    align-items: flex-end;
}

.extended-process-heatmap-visualizer > label[b-z9gn5mzswf] {
    font-size: 17px;
    font-weight: 700;
}

.process-heatmap-visualizer[b-z9gn5mzswf] {
    top: 660px;
    left: 825px;
    flex-direction: row-reverse;
}

.process-heatmap-visualizer > label[b-z9gn5mzswf] {
    font-size: 12px;
    font-weight: 500;
}

[b-z9gn5mzswf] .e-grid-layer,
[b-z9gn5mzswf] .e-html-layer {
    width: 100% !important;
    height: 100% !important;
}

.start-task[b-z9gn5mzswf] {
    display: flex;
    width: 100px;
    height: 100px;
    border: 10px solid #A9A9A9;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

.task-detail[b-z9gn5mzswf] {
    display: flex;
    padding: 30px;
    width: max-content;
    border: 3px solid #A9A9A9;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

/* Buttons */
.confirm-invite-btn[b-z9gn5mzswf] {
    color: white;
    background-color: #211521 !important;
}

.confirm-delete-btn[b-z9gn5mzswf] {
    color: white;
    background-color: #EA2223 !important;
}

/* Participant List */
.participant-row[b-z9gn5mzswf] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.participant-cell[b-z9gn5mzswf] {
    display: flex;
    gap: 5px;
}

.participant-info[b-z9gn5mzswf] {
    display: flex;
    flex-direction: column;
}

.row-options[b-z9gn5mzswf] {
    display: flex;
    gap: 5px !important;
}

.participant-image[b-z9gn5mzswf] {
    padding-top: 5px;
}

.participant-name[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-size: 14px;
    font-weight: 500;
}

.participant-role[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-size: 12px;
    font-weight: 400;
    color: #909090;
}

[b-z9gn5mzswf] .process-participants > .e-dlg-header-content {
    display: none;
}

/* Process Invite */
.invite-btn[b-z9gn5mzswf] {
    background-color: #211521 !important;
    color: white !important;
}

.dialog-footer[b-z9gn5mzswf] {
    display: flex;
    float: right !important;
}

.dialog-footer-message[b-z9gn5mzswf] {
    display: flex;
}

/* Process Attachment */
.attachement-data[b-z9gn5mzswf] {
    padding: 10px;
}

.attachement-data-item[b-z9gn5mzswf] {
    display: flex;
    justify-content: space-between;
}

.attachement-filename[b-z9gn5mzswf] {
    display: flex;
}

.attachement-filename p[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-size: 14px;
    font-weight: 400;
}

.attachement-filename-text[b-z9gn5mzswf] {
    margin-left: 5px;
}

/* Process History */
.history-drops[b-z9gn5mzswf] {
    display: flex;
}

[b-z9gn5mzswf] .process-history > .e-dlg-content {
    background-color: #f5f5f5 !important;
    padding: 10px !important;
}

.history-breadcrumbs[b-z9gn5mzswf] {
    color: #666666 !important;
    font-family: var(--app-font);
    font-weight: 500;
    font-size: 12px !important;
}

.history-breadcrumbs-header[b-z9gn5mzswf] {
    color: #212121 !important;
    font-weight: 700;
    font-size: 24px !important;
    font-family: var(--app-font);
}

.history-body[b-z9gn5mzswf] {
    border: 1px dashed #c6c2c6 !important;
    padding: 10px !important;
}

.history-data > .history-time[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-size: 13px !important;
    font-weight: 700;
}

.history-item[b-z9gn5mzswf] {
    padding: 10px 20px !important;
    display: flex;
}

.history-item > .history-item-time[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 12px !important;
    color: #212121 !important;
}

.history-item > .history-content[b-z9gn5mzswf] {
    display: flex;
    margin-left: 30px !important;
}

.history-item > .history-content > p[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-weight: 400;
    font-size: 10px !important;
    color: #212121 !important;
    align-content: flex-end;
}

/* Chatbox */
.chatbox[b-z9gn5mzswf] {
    display: flex !important;
    height: 100% !important;
}

[b-z9gn5mzswf] .chatbox-dialog {
    border-radius: 10px !important;
    border: none;
}

[b-z9gn5mzswf] .chatbox-dialog > .e-dialog .e-dlg-header {
    color: white !important;
}

    [b-z9gn5mzswf] .chatbox-dialog > .e-dialog .e-dlg-header-content {
        border-radius: 10px 10px 0px 0px;
        background-color: var(--primary-color) !important;
        color: var(--highlight-font-color) !important;
    }

[b-z9gn5mzswf] .chatbox-dialog > .e-dialog .e-icon-dlg-close::before {
    color: white !important;
}

[b-z9gn5mzswf] .chatbox-dialog > .e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 0px !important;
}

[b-z9gn5mzswf] .chatbox-dialog > .e-dialog .e-dlg-content {
    padding: 0px !important;
    border-radius: 0px 0px 10px 10px !important;
}

.chat-sidebar[b-z9gn5mzswf] {
    background-color: #dddcdd !important;
    border-bottom-left-radius: 10px !important;
    height: 100% !important;
}

[b-z9gn5mzswf] .chat-drop {
    background: none !important;
}

[b-z9gn5mzswf] .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li {
    width: 100% !important;
    padding: 5px !important;
    list-style-type: none !important;
    color: #808080 !important;
}

[b-z9gn5mzswf] .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li:hover {
    cursor: pointer !important;
    background-color: #eaeaea !important;
}

[b-z9gn5mzswf] .chat-drop > .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: #dddcdd !important;
}

[b-z9gn5mzswf] .chat-drop > .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
[b-z9gn5mzswf] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border-color: #dddcdd;
    border-style: solid;
    border-width: 0 0 1px 0;
    background: #dddcdd !important;
}

[b-z9gn5mzswf] .e-acrdn-header-content {
    font-weight: 700 !important;
}

.chat-area-header[b-z9gn5mzswf] {
    background: #f5f5f5 !important;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.chat-area-header > .chat-name[b-z9gn5mzswf] {
    font-size: x-large;
    font-weight: 500;
}

.chat-area-body[b-z9gn5mzswf] {
    padding: 15px;
    height: 535px !important;
    overflow-y: scroll;
}

.partner-message[b-z9gn5mzswf] {
    display: flex;
    justify-content: flex-start;
}

.partner-message-template[b-z9gn5mzswf] {
    display: flex !important;
}

.partner-message-box[b-z9gn5mzswf] {
    margin-left: 10px !important;
}

.p-message[b-z9gn5mzswf] {
    background: #d5bdd5 !important;
    padding: 10px !important;
    border-radius: 5px !important;
    color: white !important;
}

.own-message[b-z9gn5mzswf] {
    display: flex;
    justify-content: flex-end;
}

.own-message-template[b-z9gn5mzswf] {
    display: flex !important;
}

.own-message-box[b-z9gn5mzswf] {
    margin-right: 10px !important;
}

.o-message[b-z9gn5mzswf] {
    background: var(--primary-color) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    max-width: 386px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    height: auto;
}

.chat-area-footer[b-z9gn5mzswf] {
    display: flex;
    background: #e2e2e2 !important;
    padding: 7px 15px !important;
}

.send-message-btn[b-z9gn5mzswf] {
    margin-left: 10px !important;
}

.own-message-area[b-z9gn5mzswf] {
    background: #f5f5f5 !important;
}

.right-panel-bottom[b-z9gn5mzswf] {
    display: flex;
    align-items: flex-start;
    gap: -4px !important;
}

.right-panel-bottom-radius[b-z9gn5mzswf] {
    margin-right: -10px;
}

.custom-breadcrumb[b-z9gn5mzswf] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-family: var(--app-font);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
}

[b-z9gn5mzswf] .e-lib .green {
    border-radius: 4px;
    background: var(--primary-color) !important;
    border: none;
    padding: 2px !important;
}

.btn-green[b-z9gn5mzswf] {
    border-radius: 4px;
    background: var(--primary-color) !important;
    border: none;
    padding: 2px !important;
    height: max-content;
}

.process-info .green[b-z9gn5mzswf],
.process-info-expanded .green[b-z9gn5mzswf] {
    padding: 2px !important;
    border-radius: 4px;
    background: #89C704;
    border: none;
}

.process-info .white[b-z9gn5mzswf] {
    border-radius: 4px;
    background: white;
}

.process-info .heading[b-z9gn5mzswf] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.process-info .sub-heading[b-z9gn5mzswf] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-transform: capitalize;
}

.process-info .subtitle[b-z9gn5mzswf] {
    overflow: hidden;
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
}

.process-info .status-green[b-z9gn5mzswf] {
    padding: 3px 12px;
    border-radius: 40px;
    background: var(--Success-Main, #4CAF50);
    color: white;
}

.process-info .content[b-z9gn5mzswf] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.process-info .sub-content[b-z9gn5mzswf] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: capitalize;
}

.process-info .progress-text[b-z9gn5mzswf] {
    color: var(--UI-on-surface-disabled, #9E9E9E);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-label[b-z9gn5mzswf] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.process-info .info-text[b-z9gn5mzswf] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.process-info .back-button[b-z9gn5mzswf] {
    background: none !important;
    border: none !important;
}

/* Progress Bar */
progress[value][b-z9gn5mzswf] {
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    margin: 0 10px;
    border-radius: 10em;
    background: #EBEBEB;
}

progress[value][b-z9gn5mzswf]::-webkit-progress-bar {
    border-radius: 10em;
    background: #EBEBEB;
}

progress[value][b-z9gn5mzswf]::-webkit-progress-value {
    border-radius: 10em;
    background: #008000;
}

progress[value][b-z9gn5mzswf]::-moz-progress-bar {
    border-radius: 10em;
    background: #EBEBEB;
}

.fullbar[b-z9gn5mzswf] {
    height: 12px;
    align-self: stretch;
    border-radius: 40px;
    background: #EBEBEB;
}

.chatboticonimage[b-z9gn5mzswf] {
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
}

.chatboticon[b-z9gn5mzswf] {
    bottom: 0;
    right: 0;
    position: absolute;
}

.greenbar[b-z9gn5mzswf] {
    width: 145px;
    height: 12px;
    position: absolute;
    border-radius: 60px;
    background: #42BC3F;
}

.pageheader[b-z9gn5mzswf] {
    padding: 16px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    background: #FEFEFE;
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
}

.innerheader[b-z9gn5mzswf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.txtReview[b-z9gn5mzswf] {
    color: black !important;
    font-family: var(--app-font);
    font-size: 20px;
    font-weight: 700;
}

.badges[b-z9gn5mzswf] {
    font-family: var(--app-font);
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #FFF !important;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
}

.badges-collapsed[b-z9gn5mzswf] {
    background: #4CAF50;
    padding: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.mainDiv[b-z9gn5mzswf] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.svg-bg-color[b-z9gn5mzswf] {
    background: #89C704;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

svg-info-ico[b-z9gn5mzswf] {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.txtId[b-z9gn5mzswf] {
    overflow: hidden;
    color: #666;
    leading-trim: both;
    text-edge: cap;
    text-overflow: ellipsis;
    font-family: var(--app-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.txtDis[b-z9gn5mzswf] {
    color: #666;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.bottomDiv[b-z9gn5mzswf] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
}

.statusBarStyle[b-z9gn5mzswf] {
    margin-left: -7px;
    width: 507px;
    justify-content: space-between;
    align-items: flex-start;
}

txtProgressBar[b-z9gn5mzswf] {
    color: #9E9E9E;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    align-items: flex-start;
}

.right-panel[b-z9gn5mzswf] {
    color: #666;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.imageattachment[b-z9gn5mzswf] {
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: lightgray 50%;
}

.txt-right-panel-bottom[b-z9gn5mzswf] {
    color: #212121;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--app-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.participant-url[b-z9gn5mzswf] {
    border-radius: 50px;
}

.delegate-container[b-z9gn5mzswf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.delegate-list[b-z9gn5mzswf] {
    display: block;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.delegate-item[b-z9gn5mzswf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}

.delegate-item:hover[b-z9gn5mzswf] {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
}

.delegate-item.selected[b-z9gn5mzswf] {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid black;
    background: white;
}

.delegate-actions[b-z9gn5mzswf] {
    margin-top: 20px;
    width: 100%;
}

.delegate-button[b-z9gn5mzswf] {
    width: 100%;
    color: black;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    background: white;
    font-weight: bold;
}

.delegate-button:hover[b-z9gn5mzswf] {
    background-color: #45a049;
}

.delegate-button:focus[b-z9gn5mzswf] {
    outline: none;
}

.delegate-item label[b-z9gn5mzswf] {
    font-weight: normal;
    color: #333;
}

.rounded-profile-image[b-z9gn5mzswf] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-profile-image-sub[b-z9gn5mzswf] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
}

.profile-section[b-z9gn5mzswf] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.delegate-sub[b-z9gn5mzswf] {
    padding: 21px;
    border: 1px solid gainsboro;
    background: azure;
}

.role-section[b-z9gn5mzswf] {
    font-size: 12px;
    opacity: 0.6;
}

.user-name-section[b-z9gn5mzswf] {
    font-size: 16px;
    font-weight: 500;
}

.profile-sub-section[b-z9gn5mzswf] {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.subtitle[b-z9gn5mzswf] {
    overflow: hidden;
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
}

[b-z9gn5mzswf] .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li.selected {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
    font-weight: bolder;
    background: #e8e8e8;
}

[b-z9gn5mzswf] .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li:hover {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
    background: #e8e8e8;
}

[b-z9gn5mzswf] .chat-drop > .e-acrdn-panel > .e-acrdn-content > ul > li {
    padding: 4px !important;
    color: black !important;
    font-family: var(--app-font);
    cursor: pointer !important;
    border-radius: 5px;
}

[b-z9gn5mzswf] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

[b-z9gn5mzswf] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: whitesmoke !important;
}

.participant-section[b-z9gn5mzswf] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-left: 5px;
}

.participant-img[b-z9gn5mzswf] {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

[b-z9gn5mzswf] .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
[b-z9gn5mzswf] .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    min-height: 0px;
}

.flex-column .info-label[b-z9gn5mzswf] {
    color: var(--UI-on-surface-Medium-Emphasis, #666);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.flex-column .info-text[b-z9gn5mzswf] {
    color: var(--UI-on-surface-High-Emphasis, #212121);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.top-head[b-z9gn5mzswf] {
    gap: 1rem !important;
}

@@media(max-width:768px) {
    .top-head[b-z9gn5mzswf] {
        gap: 10px !important;
    }
}

.header-span[b-z9gn5mzswf] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.back-button[b-z9gn5mzswf] {
    background: none !important;
    border: none !important;
    display: flex;
}

.process-info[b-z9gn5mzswf] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 16px;
    max-height: 300px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
    position: sticky;
    z-index: 100;
    top: 38px;
}

.process-info-expanded[b-z9gn5mzswf] {
    border-radius: 8px;
    border: 1px solid var(--UI-Neutral-Default, #E8E8E8);
    background: var(--UI-Surface, #FEFEFE);
    box-shadow: 0px 4px 10px 0px rgba(238, 238, 238, 0.30);
    padding: 17px;
    max-height: 64px;
    transform: translateY(10px);
    overflow: hidden;
    transition: 0.3s ease;
    position: sticky;
    z-index: 100;
    top: 38px;
}

.expand-btn[b-z9gn5mzswf] {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

.expand-btn:hover[b-z9gn5mzswf] {
    background: none;
    border: none;
}
/* /Pages/TaskList.razor.rz.scp.css */
/* TaskList.razor.css */
:host[b-i4md7eix5u]  .e-grid .e-spinner-pane,
:host[b-i4md7eix5u]  .e-grid .e-spinner-pane .e-spinner-inner,
:host[b-i4md7eix5u]  .e-grid .e-content-overlay {
    display: none !important;
    pointer-events: none !important;
}

:host[b-i4md7eix5u]  .e-grid .e-gridcontent.e-blur,
:host[b-i4md7eix5u]  .e-grid .e-gridheader.e-blur {
    filter: none !important;
}
.more-ico[b-i4md7eix5u]{
    background: transparent;
}