/* /Components/ConfirmDialog.razor.rz.scp.css */


.confirm-container[b-ljokk33hch] {
    width: 648px;
    padding: 24px;
}

.confirm-heading-container[b-ljokk33hch] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--neutral-color);
}


.bi-x-lg:hover[b-ljokk33hch] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-ljokk33hch] {
    position: absolute;
    right: -13px;
    top: -17px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}
.confirm-content[b-ljokk33hch] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.confirm-text-container[b-ljokk33hch] {
    width: 100%;
    height: 100%;
    width: 100%;
    margin-top:20px;
}

   
.btns-container[b-ljokk33hch] {
    display: flex;
    width:100%;
    gap: 20px;
    justify-content: flex-end;
    align-items:center;
    margin-top:20px;
}


@media only screen and (max-width: 641px) {

    .confirm-container[b-ljokk33hch] {
        height: 100vh;
    }

    .btns-container[b-ljokk33hch] {
        justify-content: center;
        margin-top: 20px;
        align-items: center;
        width: 100%;
        padding-top: 10vh;
        flex-wrap:wrap;
        gap:10px;
    }

    .confirm-text-container[b-ljokk33hch] {
        height: auto;
    }

    button[b-ljokk33hch]{
        font-size:11px;
    }
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .confirm-container[b-ljokk33hch] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Components/CustomPlaceholder.razor.rz.scp.css */
.placeholder-container[b-h4w8rd0qnv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    gap:10px;
    background-color: white;
    border-radius: 6px;
    position: relative;
}



    .placeholder-container img[b-h4w8rd0qnv] {
        width: 100px;
        height: 100px;
    }
.placeholder-heading[b-h4w8rd0qnv] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: 0.42px;
    text-align:center;
}

.placeholder-text[b-h4w8rd0qnv] {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    padding-bottom: 25px;
    text-align:center;
  
}
.placeholder-content[b-h4w8rd0qnv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    gap: 15px;
}
/* /Components/DeleteOrResetDialog.razor.rz.scp.css */


.confirm-container[b-y8hzv3ij47] {
    width: 648px;
    height: 258px;
    padding: 24px;
}

.confirm-heading-container[b-y8hzv3ij47] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
}

.bi-x-lg:hover[b-y8hzv3ij47] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-y8hzv3ij47] {
    position: absolute;
    right: -13px;
    top: -17px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.confirm-content[b-y8hzv3ij47] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.confirm-text-container[b-y8hzv3ij47] {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    width: 100%;
}

    .confirm-text-container p[b-y8hzv3ij47] {
        font-size: 16px;
    }

.btns-container[b-y8hzv3ij47] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
}


@media only screen and (max-width: 641px) {

    .confirm-container[b-y8hzv3ij47] {
        height: 100vh;
    }

    .btns-container[b-y8hzv3ij47] {
        justify-content: center;
        margin-top: 20px;
        align-items: center;
        width: 100%;
    }

    .confirm-text-container[b-y8hzv3ij47] {
        height: auto;
    }

    .btns-container[b-y8hzv3ij47] {
        display: flex;
        gap: 20px;
        justify-self: flex-end;
        align-self: flex-end;
        padding-top: 10vh;
    }
}
/* /Components/HeatMap.razor.rz.scp.css */

.heatmap[b-1dmfnwgcl1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 1109px;
}

.heatmap-row[b-1dmfnwgcl1] {
    display: grid;
    grid-template-columns: repeat(9, 1fr); /* Adjusted to 9 columns including row heading */
    background-color:white;
    padding-bottom:20px;
}


.column-heading[b-1dmfnwgcl1] {
    display: flex;
    align-items: center;
    padding: 10px;
    padding-top:20px;
}

    .column-heading p[b-1dmfnwgcl1] {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }

.row-heading[b-1dmfnwgcl1] {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 10px 15px 10px 10px;
    margin-right:15px;
    overflow:hidden;
}

.column-heading p[b-1dmfnwgcl1] {
    justify-content: center;
}

.heatmap-row .column-heading:not(:first-child)[b-1dmfnwgcl1] {
    text-align: center; /* Center horizontally except the first one */
    justify-content: center;
}

.heatmap-total-row[b-1dmfnwgcl1] {
    margin-bottom: 30px; /* Adjust spacing as needed */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.after-total-row[b-1dmfnwgcl1] {
    padding-top: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.heatmap .heatmap-row:first-child[b-1dmfnwgcl1] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/* Select the last row and add padding */
.heatmap .heatmap-row:last-child[b-1dmfnwgcl1] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Skip the row heading by selecting after it */
.heatmap-row > .row-heading[b-1dmfnwgcl1]{
    position:relative;
    left:20px;
}
.heatmap .column-heading:first-of-type[b-1dmfnwgcl1] {
    position: relative;
    left: 20px;
}
.heatmap-row > .heatmap-cell:last-of-type[b-1dmfnwgcl1] {
    padding-right: 20px;
}

.heatmap-cell[b-1dmfnwgcl1] {

    height: 68px;
    padding: 6px;
}

.cell-content[b-1dmfnwgcl1] {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    border: 1px solid #F2F5F7;
    background-color: #F2F5F7;
    border-radius:6px;
    gap: 5px;
}



.cell-value[b-1dmfnwgcl1] {
    font-size: 12px;
    font-weight: 500;
}

.empty-cell-content[b-1dmfnwgcl1] {
    width: 100%;
    height: 100%;
    border: 1px solid #AFB7BE;
    border-radius: 6px;
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

    .empty-cell-content:hover .create-new-pulse-element[b-1dmfnwgcl1] {
        display: flex;
    }


.create-new-pulse-element[b-1dmfnwgcl1] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: white;
    animation: fade-b-1dmfnwgcl1 .3s;
}

@keyframes fade-b-1dmfnwgcl1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.cell-value-meter.low[b-1dmfnwgcl1] {
    background-color: var(--low-value-color);
    color: white;
}

.cell-value-meter.medium[b-1dmfnwgcl1] {
    background-color: var(--mid-value-color);
}

.cell-value-meter.high[b-1dmfnwgcl1] {
    background-color: var(--high-value-color);
}

.cell-value-meter-element[b-1dmfnwgcl1] {
    width: 60px;
    height: 7px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid lightgray;
}

.cell-value-meter[b-1dmfnwgcl1] {
    height: 7px;
}
/* /Components/InfoTextComponent.razor.rz.scp.css */


/*  info messages*/
.component-container[b-foj2wbq2kv] {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    cursor:default;
}

   .bi[b-foj2wbq2kv] {
        font-size: 20px;
    }

   a[b-foj2wbq2kv] {
        font-weight: 500;
    }

@media only screen and (max-width: 641px) {
    .component-container[b-foj2wbq2kv] {
        width: 100%;
    }
    .component-container p[b-foj2wbq2kv] {
        word-break: break-word;
    }
}
/* /Components/InfoToolTip.razor.rz.scp.css */

.tooltip-container[b-v07qzh3piu] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.icon[b-v07qzh3piu] {
width:16px;
height:16px;
}



.tooltip-container:hover .tooltip-element[b-v07qzh3piu] {
    opacity: 1;
    z-index: 200;
    visibility: visible;
}




.tooltip-container:hover .tooltip-element[b-v07qzh3piu] {
    opacity: 1;
    z-index: 200;
    visibility: visible;
}


.tooltip-element[b-v07qzh3piu] {
    visibility: hidden;
    position: absolute;
    top: 24px;
    z-index: 200;
    max-width: 200px;
    width:max-content;
    box-shadow: var(--box-shadow);
    padding: 13px 20px;
    border-radius: 5px;
    background-color: white;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


.tooltiptext[b-v07qzh3piu] {
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
    color: var(--font-color);
    text-align: left;
}

/* /Components/Loader.razor.rz.scp.css */
.loader-container[b-f8i0ecx7hw] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.loader[b-f8i0ecx7hw] {
    position: relative;
    width: 70px;
    height: 70px;
    animation: spin-b-f8i0ecx7hw 2s linear infinite; /* Adjust animation duration as needed */
}

img[b-f8i0ecx7hw] {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-origin: center center;
}

@keyframes spin-b-f8i0ecx7hw {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}
/* /Components/LoginLoader.razor.rz.scp.css */
.login-loader-container[b-bz3holtq9t] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.login-loader[b-bz3holtq9t] {
    position: relative;
    width: 70px;
    height: 70px;
    animation: spin-b-bz3holtq9t 2s linear infinite; /* Adjust animation duration as needed */
}

img[b-bz3holtq9t] {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-origin: center center;
}

@keyframes spin-b-bz3holtq9t {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}
/* /Components/SessionExpiredLogin.razor.rz.scp.css */
.expired-session-container[b-60vmlbuxda]{
    width:600px;
    display:flex;
    flex-direction:column;
}

.login-btn-container[b-60vmlbuxda]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    gap:20px;
}
.heading-container[b-60vmlbuxda]{
    width:100%;
    border-bottom:var(--neutral-color) 2px solid;
    padding-bottom:5px;
}

.heading[b-60vmlbuxda] {
    font-weight: 500;
}

.input-container[b-60vmlbuxda] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top:16px;
}
.input-field[b-60vmlbuxda]{
    display:flex;
    flex-direction:column;
}

label[b-60vmlbuxda]{
    font-size:14px;
    font-weight:500;
}

@media only screen and (max-width: 641px) {

    .expired-session-container[b-60vmlbuxda] {
        height: 100vh;
    }
 
}
/* /Components/SidebarFilterComponent/SidebarFilterComponent.razor.rz.scp.css */
.sidebar-container[b-wv7y8mkim6] {
    display:flex;
    flex-direction:column;
    gap:20px;
    width: 239px;
    min-width: 239px;
}

.sidebar[b-wv7y8mkim6] {
    width: 239px;
    min-width: 239px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    height: max-content;
    /*    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
*/ position: relative;
}

.anon-note[b-wv7y8mkim6]{
    margin-bottom:20px;
}
.dropdowns[b-wv7y8mkim6]{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:30px;
}

.active-filter-container[b-wv7y8mkim6]{
    display:flex;
    flex-direction:column;
}
.active-filter-container h3[b-wv7y8mkim6]{
    font-size: 12px;
    margin-bottom:5px;
    font-weight:400;
}
    .active-filter-container p[b-wv7y8mkim6] {
        font-size: 10px;
        font-weight: 500;
        margin-bottom: 3px;
    }

.heading-container[b-wv7y8mkim6]{
    display:flex;
    align-items:center;
    width:100%;
    justify-content:space-between;
}
.heading-container h2[b-wv7y8mkim6]{
font-size:20px;
font-weight:600;
}
.heading-container svg[b-wv7y8mkim6]{
height:24px;
width:20px;
}
label[b-wv7y8mkim6] {
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
.input-item[b-wv7y8mkim6]{
    position:relative;
    cursor:pointer;
    height:30px;
    display:flex;
    align-items:flex-start;
}


input[type="text"][b-wv7y8mkim6], select[b-wv7y8mkim6] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

select[b-wv7y8mkim6] {
    background-color: #fff;
}

.buttons button[b-wv7y8mkim6]{
width:100% !important;
margin-bottom:20px;
}
.clear-filter-container[b-wv7y8mkim6]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-bottom:60px;
    margin-top:10px;
}

.icon-container[b-wv7y8mkim6]{
    position:absolute;
    left:8px;
    top:0px;
    height:30px;
    display:flex;
    align-items:center;
    z-index:100;
}
    .icon-container .material-symbols-outlined[b-wv7y8mkim6]{
        font-size:14px;
    }

    .search-icon-container[b-wv7y8mkim6] {
        position: absolute;
        left: 8px;
        top: 0px;
        z-index: 100;
    }
svg[b-wv7y8mkim6], .icon-container img[b-wv7y8mkim6] {
    height: 12px;
    width: 12px;
}

.dropdown-row[b-wv7y8mkim6] {
    width: 100%;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
}


.profile-img-container[b-wv7y8mkim6] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.profile-img-placeholder[b-wv7y8mkim6] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-wv7y8mkim6] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-wv7y8mkim6] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}

/* /Components/SyncFusionLineChart.razor.rz.scp.css */

.chart-container[b-umq4zir6zv] {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
    position: relative;
}

.area-chart[b-umq4zir6zv] {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    padding: 17px;
    margin-bottom: 21px;
    height: 295px;
}

.chart-heading-container[b-umq4zir6zv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chart-heading[b-umq4zir6zv] {
    position: relative;
}

    .chart-heading p[b-umq4zir6zv] {
        font-weight: 500;
    }

.tooltip-container[b-umq4zir6zv] {
    position: absolute;
    top: 0px;
    right: -25px;
}
/* /Components/TeamCardComponent.razor.rz.scp.css */

.team-card[b-x8ald6u5fo] {
    width: 100%;
    height: 64px;
    display: flex;
    padding: 6px 12px;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    border-radius: 6px;
}


.team-card-content[b-x8ald6u5fo] {
    display: flex;
    align-items: center;
    gap: 11px;
}
.outer-border-container[b-x8ald6u5fo] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-letter-container[b-x8ald6u5fo] {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-x8ald6u5fo] {
    font-size: 18px;
}

.team-name[b-x8ald6u5fo] {
    font-weight: 500;
}
@media only screen and (max-width: 641px) {

}
/* /Components/TrialPeriodDialog.razor.rz.scp.css */


.trial-period-dialog[b-9h8xj4fppk] {
    width: auto;
    background-color: white;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    position: relative;
    padding: 60px;
}

.content[b-9h8xj4fppk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info-section[b-9h8xj4fppk] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.info-section-main-content[b-9h8xj4fppk] {
 width:60%;
}
.img-container[b-9h8xj4fppk] {
    top: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    width: 500px;
    height: 500px;
}
    .img-container img[b-9h8xj4fppk] {
        position: absolute;    
        top: -63px;
        right: -58px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.info-section .heading[b-9h8xj4fppk] {
    border-left: 5px solid var(--secondary-color);
    padding-left: 5px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    margin-bottom:24px;
}
.info-section-main-content img[b-9h8xj4fppk]{
    width:15px;
    height:15px;
    margin-left:5px;
}
/*Cards*/


ul[b-9h8xj4fppk] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    cursor: auto;
    padding: 16px 0;
    margin: 0;
}

li[b-9h8xj4fppk] {
    gap: 5px;
    width: 100%;
    height: 20px;
    cursor: auto;
    text-align: left;
    display: flex;
    align-items: center;
}

    li .material-symbols-outlined[b-9h8xj4fppk] {
        color: var(--secondary-color);
    }
.subscription-cards-container[b-9h8xj4fppk] {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 60px;
    padding-bottom:30px;
}
.card-top-container[b-9h8xj4fppk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 14px 0;
    position: relative;
    overflow: hidden;
    padding-left: 20px;
    gap: 2px;
}


    .card-top-container h1[b-9h8xj4fppk] {
        color: black;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 33.6px */
        height: 30px;
    }

    .card-top-container p[b-9h8xj4fppk] {
        color: #000000D1;
        font-family: "Poppins", Sans-serif;
        font-size: 12px;
        font-weight: 300;
    }

.ribbon[b-9h8xj4fppk] {
    position: absolute;
    background-color: #F1B15C;
    right: -65px;
    top: 15px;
    transform: rotate(45deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 189px;
    padding: 5px 0;
    z-index: 111;
}

    .ribbon p[b-9h8xj4fppk] {
        color: white;
        font-weight: 400;
        font-size: 12px;
        line-height: 11px;
    }

.information[b-9h8xj4fppk] {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    justify-content: center;
    height: 93px;
    background-color: #f7f7f7;
}

    .information .price-text[b-9h8xj4fppk] {
        font-size: 12px;
    }

.price-container[b-9h8xj4fppk] {
    display: flex;
    align-items: baseline;
    gap: 3px;
    height: 53px;
}

.currency[b-9h8xj4fppk] {
    font-size: 35px;
    font-weight: 700;
    color: #111111;
}
/*Recommended card*/


.recommended-subscription-card[b-9h8xj4fppk] {
    width: 29%;
    min-width: 326px;
    height: 530px;
    box-shadow: 4px 4px 15px 0px #7D99B440;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0px 0.728px 7.278px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 100;
}

    .recommended-subscription-card:hover[b-9h8xj4fppk] {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        transition: ease-in-out .2s;
    }

    .recommended-subscription-card ul[b-9h8xj4fppk] {
        display: flex;
        flex-direction: column;
        gap: 9px;
        padding-left: 20px;
    }

.recommended-subscription-card-content[b-9h8xj4fppk] {
    width: 100%;
}

.recommended-subscription-card-top-icon-container[b-9h8xj4fppk] {
    display: flex;
    width: 100%;
}

    .recommended-subscription-card-top-icon-container img[b-9h8xj4fppk] {
        width: 80px;
        height: 80px;
    }

.recommended-subscription-card-information[b-9h8xj4fppk] {
    display: flex;
    flex-direction: column;
    height: 195px;
}

.recommended-subscription-card-type-heading[b-9h8xj4fppk] {
    color: white;
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0;
}

.recommended-subscription-card-price[b-9h8xj4fppk] {
    font-size: 50px;
    font-weight: 600;
    color: #111111;
}

.recommended-subscription-card-info[b-9h8xj4fppk] {
    font-size: 16px;
    font-weight: 400;
}

.recommended-subscription-card-features-info[b-9h8xj4fppk] {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0;
}

.recommended-subscription-card-feature-item p[b-9h8xj4fppk] {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    color: black;
}


.recommended-subscription-card-btn[b-9h8xj4fppk] {
    width: 150px;
    font-weight: 700;
    height: 36px;
    font-size: 16px;
}

.recommended-subscription-card .btn-container[b-9h8xj4fppk] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 50px;
}


.recommended-subscription-card-select-plan-btn[b-9h8xj4fppk] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

    .recommended-subscription-card-btn:hover[b-9h8xj4fppk], .recommended-subscription-card-select-plan-btn:hover[b-9h8xj4fppk] {
        background-color: var(--hover-color);
    }

/*Subscription card*/
.subscription-card[b-9h8xj4fppk] {
    width: 29%;
    min-width: 326px;
    height: 507px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0.728px 7.278px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 10;
    background-color: white;
}

    .subscription-card:hover[b-9h8xj4fppk] {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        transition: ease-in-out .2s;
    }

.subscription-card-content[b-9h8xj4fppk] {
    width: 100%;
}

.subscription-card-type-heading[b-9h8xj4fppk] {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0;
}

.subscription-card-price[b-9h8xj4fppk] {
    font-size: 50px;
    font-weight: 600;
    color: #111111;
}

.subscription-card-info[b-9h8xj4fppk] {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.subscription-card-features-info[b-9h8xj4fppk] {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
}

.subscription-card ul[b-9h8xj4fppk] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-left: 20px;
}


.subscription-card-feature-item p[b-9h8xj4fppk] {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    color: black;
}




.subscription-card-btn[b-9h8xj4fppk] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

.subscription-card-select-plan-btn[b-9h8xj4fppk] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

    .subscription-card-select-plan-btn:hover[b-9h8xj4fppk] {
        background-color: var(--hover-color);
    }

.btn-container[b-9h8xj4fppk] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 50px;
    padding-left: 21px;
}

.bi-check[b-9h8xj4fppk] {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    height: 17px;
    font-size: 20px;
}

.premium-overlay[b-9h8xj4fppk] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 110;
    background-color: #F3F3F2;
    opacity: 0.7;
}

.need-help-container[b-9h8xj4fppk]{
    display:flex;
    gap:3px;
}
@media only screen and (max-width: 641px) {
    .subscription-container[b-9h8xj4fppk] {
        margin-top: 20px;
        width: 95%;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }



    .subscription-cards-container[b-9h8xj4fppk] {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .recommended-subscription-card[b-9h8xj4fppk] {
        height: 620px;
    }
}
/* /Pages/ActionPlans/ActionPlanDetail.razor.rz.scp.css */
/* ── Page wrap ───────────────────────────────────────────── */
.page-wrap[b-y18fwdugwq] {
    padding: 26px 36px 60px 36px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

/* ── Breadcrumbs ─────────────────────────────────────────── */
.crumbs[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
    margin-bottom: 16px;
}

.crumbs a[b-y18fwdugwq] {
    color: var(--inactive-color, #717f8d);
    text-decoration: none;
    cursor: pointer;
}

.crumbs a:hover[b-y18fwdugwq] { color: var(--survey-accent, #4f46e5); }
.crumbs .sep[b-y18fwdugwq] { color: #c2c8cd; }

.crumbs .here[b-y18fwdugwq] {
    color: var(--font-color, #242e38);
    font-weight: 600;
}

.crumbs .ctx[b-y18fwdugwq] {
    text-transform: uppercase;
    font-size: 11.5px;
    letter-spacing: 0.06em;
    font-weight: 600;
}

/* ── Hero ────────────────────────────────────────────────── */
.hero[b-y18fwdugwq] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 20px;
    padding: 30px 36px 26px 36px;
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: start;
    position: relative;
    overflow: hidden;
}

.hero[b-y18fwdugwq]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    background: var(--status-color, #c17d0a);
}

.eyebrow[b-y18fwdugwq] {
    font-size: 11.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--survey-accent, #4f46e5);
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.eyebrow-icon[b-y18fwdugwq] { font-size: 14px; }

.hero h1[b-y18fwdugwq] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    text-transform: uppercase;
    cursor: text;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-wrap: balance;
}

.ed-pen[b-y18fwdugwq] {
    font-size: 20px;
    color: var(--inactive-2, #9aa4ad);
    opacity: 0;
    transition: opacity 120ms;
    flex-shrink: 0;
}

.hero h1:hover .ed-pen[b-y18fwdugwq] { opacity: 1; }

.title-edit-input[b-y18fwdugwq] {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-bottom: 2px solid var(--survey-accent, #4f46e5);
    background: transparent;
    width: 100%;
    font-family: var(--font);
    color: var(--font-color, #242e38);
    padding: 0;
}

/* Hero meta row */
.hero-meta[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
}

.dot-sep[b-y18fwdugwq] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c2c8cd;
    flex-shrink: 0;
}

.hero-status-pill[b-y18fwdugwq] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    padding: 6px 13px;
    border-radius: 999px;
    background: var(--status-bg, #fff4e0);
    color: var(--status-color, #c17d0a);
}

.hero-status-pill .dot[b-y18fwdugwq] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--status-color, #c17d0a);
    flex-shrink: 0;
}

.hero-status-pill.inprog .dot[b-y18fwdugwq] {
    animation: status-pulse-b-y18fwdugwq 1.6s ease-in-out infinite;
}

@keyframes status-pulse-b-y18fwdugwq {
    0%   { box-shadow: 0 0 0 0 rgba(193,125,10,.6); }
    70%  { box-shadow: 0 0 0 6px rgba(193,125,10,0); }
    100% { box-shadow: 0 0 0 0 rgba(193,125,10,0); }
}

.src-chip[b-y18fwdugwq] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 500;
    font-size: 12.5px;
}

.src-chip .material-symbols-outlined[b-y18fwdugwq] { font-size: 14px; }

/* Hero actions */
.hero-actions[b-y18fwdugwq] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.btn-hero-delete[b-y18fwdugwq] {
    height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1.5px solid var(--delete-color, #dc2626);
    background: #fff;
    color: var(--delete-color, #dc2626);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 120ms;
}

.btn-hero-delete:hover[b-y18fwdugwq] { background: #fff0f4; }
.btn-hero-delete .material-symbols-outlined[b-y18fwdugwq] { font-size: 18px; }

.btn-hero-save[b-y18fwdugwq] {
    height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    border: none;
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 120ms;
}

.btn-hero-save:hover[b-y18fwdugwq] { background: #004d56; }
.btn-hero-save:disabled[b-y18fwdugwq] { opacity: 0.6; cursor: not-allowed; }
.btn-hero-save .material-symbols-outlined[b-y18fwdugwq] { font-size: 18px; }

.delete-confirm-row[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--font-color);
}

/* ── KPI grid ────────────────────────────────────────────── */
.kpi-grid[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-y18fwdugwq] {
    background: #fff;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 18px 20px;
    min-height: 138px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    overflow: hidden;
}

.kpi.featured[b-y18fwdugwq] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-color: transparent;
}

.kpi.featured[b-y18fwdugwq]::after {
    content: "";
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,219,148,0.18) 0%, transparent 70%);
    pointer-events: none;
}

.kpi-label[b-y18fwdugwq] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--inactive-color, #717f8d);
    display: flex;
    align-items: center;
    gap: 5px;
}

.kpi.featured .kpi-label[b-y18fwdugwq] { color: rgba(255,255,255,0.7); }

.kpi-label-icon[b-y18fwdugwq] { font-size: 14px; }

.kpi-foot[b-y18fwdugwq] {
    font-size: 11.5px;
    color: var(--inactive-color, #717f8d);
    margin-top: auto;
}

.kpi.featured .kpi-foot[b-y18fwdugwq] { color: rgba(255,255,255,0.55); }

/* Featured body (ring + stack) */
.kpi-body[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: center;
    flex: 1;
}

.kpi-ring-wrap[b-y18fwdugwq] {
    position: relative;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}

.kpi-ring-svg[b-y18fwdugwq] {
    transform: rotate(-90deg);
}

.ring-track[b-y18fwdugwq] {
    fill: none;
    stroke: rgba(255,255,255,0.15);
    stroke-width: 6;
}

.ring-fill[b-y18fwdugwq] {
    fill: none;
    stroke: var(--primary-color, #00db94);
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dashoffset 320ms ease;
}

.ring-pct[b-y18fwdugwq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

.kpi-feat-stack[b-y18fwdugwq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kpi-feat-big[b-y18fwdugwq] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #fff;
}

.kpi-feat-sub[b-y18fwdugwq] {
    font-size: 12.5px;
    color: rgba(255,255,255,0.72);
    line-height: 1.4;
}

/* Segment bar */
.seg-bar[b-y18fwdugwq] {
    display: flex;
    gap: 3px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.seg[b-y18fwdugwq] {
    flex: 1;
    min-width: 6px;
    max-width: 24px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255,255,255,0.14);
    transition: background 240ms;
}

.seg.on[b-y18fwdugwq] { background: var(--primary-color, #00db94); }

/* KPI 2 - Status */
.kpi-status-wrap[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    flex: 1;
}

.kpi-status-pill[b-y18fwdugwq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 10px 6px 13px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
}

.kpi-status-pill.open[b-y18fwdugwq]   { background: #e6f0ff; color: #1d4ed8; }
.kpi-status-pill.inprog[b-y18fwdugwq] { background: #fef3e2; color: #c17d0a; }
.kpi-status-pill.done[b-y18fwdugwq]   { background: #e6f4ea; color: #27742e; }

.kpi-status-pill .dot[b-y18fwdugwq] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kpi-status-pill.open .dot[b-y18fwdugwq]   { background: #1d4ed8; }
.kpi-status-pill.inprog .dot[b-y18fwdugwq] { background: #c17d0a; animation: status-pulse-b-y18fwdugwq 1.6s ease-in-out infinite; }
.kpi-status-pill.done .dot[b-y18fwdugwq]   { background: #27742e; }

.kpi-status-pill .expand-icon[b-y18fwdugwq] { font-size: 16px; }

/* KPI 3 - Deadline */
.kpi-deadline-body[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.kpi-date-big[b-y18fwdugwq] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--font-color, #242e38);
}

.kpi-countdown[b-y18fwdugwq] {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

.kpi-countdown.urgent[b-y18fwdugwq] { background: #fde8e8; color: #c0392b; }
.kpi-countdown.warn[b-y18fwdugwq]   { background: #fef3e2; color: #c17d0a; }
.kpi-countdown.ok[b-y18fwdugwq]     { background: #e6f4ea; color: #27742e; }
.kpi-countdown.none[b-y18fwdugwq]   { background: var(--line-soft, #eef0f3); color: var(--inactive-color, #717f8d); }

.kpi-deadline-pick[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.kpi-deadline-pick[b-y18fwdugwq]  .rz-calendar {
    width: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.kpi-deadline-pick[b-y18fwdugwq]  .rz-calendar .rz-inputtext {
    height: auto !important;
    width: 130px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: var(--font) !important;
    color: var(--inactive-color, #717f8d) !important;
    cursor: pointer !important;
}

.kpi-deadline-pick[b-y18fwdugwq]  .rz-datepicker-trigger { display: none !important; }

/* KPI 4 - Assignee */
.kpi-assignee-body[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.kpi-av[b-y18fwdugwq] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.kpi-av-initials[b-y18fwdugwq] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: grid;
    place-items: center;
    text-transform: uppercase;
}

.kpi-av-name[b-y18fwdugwq] {
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color, #242e38);
}

/* ── Two-column layout ───────────────────────────────────── */
.layout[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
}

.main-col[b-y18fwdugwq] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rail[b-y18fwdugwq] {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Shared block-label ──────────────────────────────────── */
.block-label[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--survey-accent, #4f46e5);
    margin-bottom: 14px;
}

.block-label .material-symbols-outlined[b-y18fwdugwq] { font-size: 15px; }

/* ── Åtgärder card ───────────────────────────────────────── */
.actions-card[b-y18fwdugwq] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 24px 28px;
}

.actions-head[b-y18fwdugwq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.actions-head h3[b-y18fwdugwq] {
    margin: 0 0 4px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.actions-sub[b-y18fwdugwq] {
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
    margin: 0;
}

.ah-pill[b-y18fwdugwq] {
    flex-shrink: 0;
    font-size: 12.5px;
    font-weight: 600;
    background: var(--line-soft, #eef0f3);
    color: var(--font-color, #242e38);
    padding: 5px 11px;
    border-radius: 999px;
    white-space: nowrap;
}

/* ── Empty state ─────────────────────────────────────────── */
.empty-state[b-y18fwdugwq] {
    padding: 30px 16px;
    border: 1.5px dashed var(--line, #e7eaee);
    border-radius: 12px;
    text-align: center;
    color: var(--inactive-color, #717f8d);
    font-size: 13.5px;
    margin-bottom: 12px;
}

.empty-icon[b-y18fwdugwq] {
    font-size: 36px;
    display: block;
    margin: 0 auto 10px;
    opacity: 0.4;
}

.empty-state p[b-y18fwdugwq] { margin: 0; }

/* ── Checklist ───────────────────────────────────────────── */
.checklist[b-y18fwdugwq] {
    list-style: none;
    padding: 0;
    margin: 0 0 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checklist li[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 14px 16px;
    border-radius: 12px;
    background: #fafbfc;
    border: 1px solid var(--line-soft, #eef0f3);
    transition: border-color 120ms, background 120ms;
}

.checklist li:hover[b-y18fwdugwq] {
    border-color: var(--survey-accent, #4f46e5);
    background: #fff;
}

.check[b-y18fwdugwq] {
    width: 26px;
    height: 26px;
    border: 1.5px solid #c8cdd2;
    border-radius: 8px;
    display: grid;
    place-items: center;
    cursor: pointer;
    background: #fff;
    transition: all 120ms;
    flex-shrink: 0;
    outline: none;
    margin-top: 1px;
}

.check:hover[b-y18fwdugwq], .check:focus[b-y18fwdugwq] { border-color: var(--survey-accent, #4f46e5); }
.check svg[b-y18fwdugwq] { display: none; color: #fff; }

.checklist li.done .check[b-y18fwdugwq] {
    background: var(--survey-accent, #4f46e5);
    border-color: var(--survey-accent, #4f46e5);
}

.checklist li.done .check svg[b-y18fwdugwq] { display: block; }

.it-text[b-y18fwdugwq] {
    font-size: 14.5px;
    color: var(--font-color, #242e38);
    line-height: 1.5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.it-text-clickable[b-y18fwdugwq] { cursor: pointer; }

.checklist li.done .it-text[b-y18fwdugwq] {
    color: var(--inactive-color, #717f8d);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.it-body[b-y18fwdugwq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.it-body-clickable[b-y18fwdugwq] { cursor: pointer; }

.it-title[b-y18fwdugwq] {
    font-size: 14.5px;
    font-weight: 500;
    color: var(--font-color, #242e38);
    line-height: 1.4;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.checklist li.done .it-title[b-y18fwdugwq] {
    color: var(--inactive-color, #717f8d);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.it-purpose[b-y18fwdugwq] {
    font-size: 12.5px;
    color: var(--inactive-color, #717f8d);
    line-height: 1.4;
}

.it-meta[b-y18fwdugwq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.it-meta-tag[b-y18fwdugwq] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    color: var(--inactive-color, #717f8d);
    background: #f4f5f7;
    padding: 2px 8px;
    border-radius: 999px;
}

.it-meta-tag .material-symbols-outlined[b-y18fwdugwq] { font-size: 13px; }

.it-rec-chip[b-y18fwdugwq] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--survey-accent, #4f46e5);
    background: var(--survey-accent-light, #eef2ff);
    padding: 2px 8px;
    border-radius: 999px;
    text-decoration: none;
    flex-shrink: 0;
}

.chip-icon[b-y18fwdugwq] { font-size: 11px; }

.it-actions[b-y18fwdugwq] {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 120ms;
}

.checklist li:hover .it-actions[b-y18fwdugwq] { opacity: 1; }

.it-btn[b-y18fwdugwq] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--inactive-color, #717f8d);
    display: grid;
    place-items: center;
    cursor: pointer;
    font-family: inherit;
    transition: background 120ms;
}

.it-btn:hover[b-y18fwdugwq] {
    background: var(--line-soft, #eef0f3);
    color: var(--font-color, #242e38);
}

.it-btn .material-symbols-outlined[b-y18fwdugwq] { font-size: 17px; }

/* ── Add row ─────────────────────────────────────────────── */
.add-row[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    cursor: pointer;
    border: 1.5px dashed var(--line, #e7eaee);
    border-radius: 12px;
    margin-top: 6px;
    transition: background 120ms, border-color 120ms;
}

.add-row:hover[b-y18fwdugwq] {
    background: var(--survey-accent-light, #eef2ff);
    border-color: var(--survey-accent, #4f46e5);
}

.add-row:hover .add-lbl[b-y18fwdugwq] { color: var(--survey-accent, #4f46e5); }

.add-icon[b-y18fwdugwq] {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    transition: background 120ms;
}

.add-row:hover .add-icon[b-y18fwdugwq] { background: var(--survey-accent, #4f46e5); color: #fff; }

.add-icon .material-symbols-outlined[b-y18fwdugwq] { font-size: 18px; }

.add-lbl[b-y18fwdugwq] {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--font-color-soft, #4a5663);
    transition: color 120ms;
}

.add-item-input-row[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0 0 0;
    margin-top: 6px;
    border-top: 1.5px dashed var(--line, #e7eaee);
}

.new-item-input[b-y18fwdugwq] {
    flex: 1;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font);
    color: var(--font-color, #242e38);
    outline: none;
    transition: border-color 120ms;
}

.new-item-input:focus[b-y18fwdugwq] { border-color: var(--survey-accent, #4f46e5); }

.btn-save-item[b-y18fwdugwq] {
    background: var(--survey-accent, #4f46e5);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
}

.btn-cancel-item[b-y18fwdugwq] {
    background: none;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
    color: var(--inactive-color, #717f8d);
    font-family: var(--font);
}

/* ── Bakgrund & kontext card ─────────────────────────────── */
.bg-card[b-y18fwdugwq] {
    background: linear-gradient(135deg, #f3f1ff 0%, #fafaff 60%);
    border: 1px solid #e4e0f7;
    border-radius: 18px;
    padding: 24px 28px;
    position: relative;
}

.bg-card-head[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.bg-card .block-label[b-y18fwdugwq] { margin-bottom: 0; }

.opt-pill[b-y18fwdugwq] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--inactive-color, #717f8d);
    background: #fff;
    border: 1px solid var(--line, #e7eaee);
    padding: 2px 8px;
    border-radius: 999px;
}

.descr-input[b-y18fwdugwq] {
    width: 100%;
    margin-top: 14px;
    border: 1px solid #dcd6f0;
    border-radius: 12px;
    padding: 14px 16px;
    font-family: var(--font);
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--font-color, #242e38);
    resize: vertical;
    min-height: 110px;
    outline: none;
    transition: border-color 120ms;
    display: block;
    background: #fff;
    box-sizing: border-box;
}

.descr-input:focus[b-y18fwdugwq] { border-color: var(--survey-accent, #4f46e5); }

/* ── Recommended actions ─────────────────────────────────── */
.rec-outer[b-y18fwdugwq] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 24px 28px;
}

.rec-section-head[b-y18fwdugwq] {
    margin-bottom: 20px;
}

.rec-outer .block-label[b-y18fwdugwq] { margin-bottom: 4px; }

.rec-section-sub[b-y18fwdugwq] {
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
    margin: 0 0 0 21px;
}

.rec-loading[b-y18fwdugwq],
.rec-empty[b-y18fwdugwq] {
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
    margin: 0;
}

.rec-grid[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.rec-card[b-y18fwdugwq] {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    gap: 16px;
    align-items: start;
    padding: 18px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--line, #e7eaee);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 120ms, transform 120ms, box-shadow 120ms;
}

.rec-card[b-y18fwdugwq]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--range-color, #c17d0a);
}

.rec-card:hover[b-y18fwdugwq] {
    border-color: var(--survey-accent, #4f46e5);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(79,70,229,0.08);
}

.rec-num[b-y18fwdugwq] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    font-size: 14px;
    font-weight: 700;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.rec-card-body[b-y18fwdugwq] { min-width: 0; }

.rec-card-heading[b-y18fwdugwq] {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--font-color, #242e38);
    margin: 0 0 6px;
    line-height: 1.3;
    text-wrap: balance;
}

.rec-card-desc[b-y18fwdugwq] {
    font-size: 13px;
    color: var(--inactive-color, #717f8d);
    margin: 0 0 10px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rec-tags[b-y18fwdugwq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rec-tag[b-y18fwdugwq] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
}

.rec-tag.important[b-y18fwdugwq] { background: #fff1e7; color: #b8542b; }
.urgency-red[b-y18fwdugwq]    { background: #fde8e8; color: #c0392b; }
.urgency-orange[b-y18fwdugwq] { background: #fef3e2; color: #c17d0a; }
.urgency-green[b-y18fwdugwq]  { background: #e6f4ea; color: #27742e; }

.rec-add-btn[b-y18fwdugwq] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid var(--dark-primary-color, #00383f);
    background: transparent;
    color: var(--dark-primary-color, #00383f);
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
    transition: background 150ms, color 150ms;
    align-self: flex-start;
}

.rec-add-btn:hover[b-y18fwdugwq] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
}

.rec-add-btn .material-symbols-outlined[b-y18fwdugwq] { font-size: 18px; }

/* ── Right rail ──────────────────────────────────────────── */
.rail-card[b-y18fwdugwq] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 20px 22px;
}

/* Meta rows */
.meta-row[b-y18fwdugwq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    font-size: 13px;
    border-bottom: 1px solid var(--line-soft, #eef0f3);
}

.meta-row.last[b-y18fwdugwq] { border-bottom: none; }
.meta-row:last-child[b-y18fwdugwq] { border-bottom: none; }

.meta-row .l[b-y18fwdugwq] {
    color: var(--inactive-color, #717f8d);
    display: flex;
    align-items: center;
    gap: 5px;
}

.meta-icon[b-y18fwdugwq] { font-size: 15px; }

.meta-row .r[b-y18fwdugwq] { color: var(--font-color, #242e38); font-weight: 600; }
.meta-row .r.sm[b-y18fwdugwq] { font-size: 12px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Status pill in rail */
.status-pill-wrap[b-y18fwdugwq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

.status-pill-wrap.open[b-y18fwdugwq]   { background: #e6f0ff; color: #1d4ed8; }
.status-pill-wrap.inprog[b-y18fwdugwq] { background: #fef3e2; color: #c17d0a; }
.status-pill-wrap.done[b-y18fwdugwq]   { background: #e6f4ea; color: #27742e; }

.status-pill-wrap .dot[b-y18fwdugwq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-pill-wrap.open .dot[b-y18fwdugwq]   { background: #1d4ed8; }
.status-pill-wrap.inprog .dot[b-y18fwdugwq] { background: #c17d0a; }
.status-pill-wrap.done .dot[b-y18fwdugwq]   { background: #27742e; }

.expand-icon[b-y18fwdugwq] { font-size: 15px; }

.status-overlay[b-y18fwdugwq] {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: var(--font) !important;
}

/* Deadline picker in rail */
.deadline-picker[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.clear-date-btn[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: none;
    background: transparent;
    color: var(--inactive-color, #717f8d);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    border-radius: 50%;
    transition: background 120ms, color 120ms;
}

.clear-date-btn:hover[b-y18fwdugwq] {
    background: var(--line-soft, #eef0f3);
    color: var(--font-color, #242e38);
}

.clear-date-btn .material-symbols-outlined[b-y18fwdugwq] { font-size: 14px; }

.deadline-picker[b-y18fwdugwq]  .rz-calendar {
    width: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.deadline-picker[b-y18fwdugwq]  .rz-calendar .rz-inputtext {
    height: auto !important;
    width: 130px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: var(--font) !important;
    color: var(--font-color, #242e38) !important;
    text-align: right !important;
    cursor: pointer !important;
}

.deadline-picker[b-y18fwdugwq]  .rz-calendar .rz-inputtext::placeholder {
    color: var(--inactive-2, #9aa4ad) !important;
    font-weight: 400 !important;
}

.deadline-picker[b-y18fwdugwq]  .rz-datepicker-trigger { display: none !important; }

/* ── Assignee dropdown ───────────────────────────────────── */
.assignee-card .block-label[b-y18fwdugwq] { margin-bottom: 12px; }

.assignee-card[b-y18fwdugwq]  .rz-dropdown-data-grid {
    border: 1px solid var(--line, #e7eaee) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-family: var(--font) !important;
}

.assignee-card[b-y18fwdugwq]  .rz-dropdown-data-grid .rz-inputtext {
    font-family: var(--font) !important;
    font-size: 13px !important;
}

.ap-dropdown-row[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 1px 0;
}

.ap-av[b-y18fwdugwq] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.ap-av-initials[b-y18fwdugwq] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    display: grid;
    place-items: center;
    text-transform: uppercase;
}

/* ── CTA card (Visa resultat) ────────────────────────────── */
.cta-card[b-y18fwdugwq] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-radius: 18px;
    padding: 22px 22px;
    position: relative;
    overflow: hidden;
}

.cta-card[b-y18fwdugwq]::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,219,148,0.22) 0%, transparent 70%);
    pointer-events: none;
}

.cta-label[b-y18fwdugwq] {
    color: var(--primary-color, #00db94);
}

.cta-text[b-y18fwdugwq] {
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    line-height: 1.55;
    margin: 0 0 16px;
}

.cta-btn[b-y18fwdugwq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: var(--primary-color, #00db94);
    color: var(--dark-primary-color, #00383f);
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font);
    cursor: pointer;
    transition: opacity 120ms;
}

.cta-btn:hover[b-y18fwdugwq] { opacity: 0.9; }
.cta-btn .material-symbols-outlined[b-y18fwdugwq] { font-size: 18px; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1200px) {
    .kpi-grid[b-y18fwdugwq] { grid-template-columns: repeat(2, 1fr); }
    .layout[b-y18fwdugwq] { grid-template-columns: 1fr; }
    .rail[b-y18fwdugwq] { position: static; }
    .rec-grid[b-y18fwdugwq] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .page-wrap[b-y18fwdugwq] { padding: 16px 16px 40px; }
    .hero[b-y18fwdugwq] { grid-template-columns: 1fr; padding: 22px 22px 22px 28px; }
    .hero h1[b-y18fwdugwq] { font-size: 30px; }
    .title-edit-input[b-y18fwdugwq] { font-size: 30px; }
    .hero-actions[b-y18fwdugwq] { flex-wrap: wrap; }
    .kpi-grid[b-y18fwdugwq] { grid-template-columns: 1fr; }
}
/* /Pages/ActionPlans/ActionPlanItemDetail.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────────────── */
.page-wrap[b-09xjoqx1ee] {
    padding: 26px 36px 60px 36px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

/* ── Breadcrumbs ──────────────────────────────────────────── */
.crumbs[b-09xjoqx1ee] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin-bottom: 22px;
}

.crumbs a[b-09xjoqx1ee] {
    color: var(--muted, #6b7682);
    text-decoration: none;
    cursor: pointer;
}

.crumbs a:hover[b-09xjoqx1ee] { color: var(--dark-primary-color, #00383f); }
.crumbs .sep[b-09xjoqx1ee] { color: #c2c8cd; }
.crumbs .here[b-09xjoqx1ee] { color: var(--font-color, #242e38); font-weight: 600; }
.crumbs .ctx[b-09xjoqx1ee] { text-transform: uppercase; letter-spacing: 0.06em; font-size: 11.5px; font-weight: 600; }

/* ── Hero ─────────────────────────────────────────────────── */
.hero[b-09xjoqx1ee] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 20px;
    padding: 30px 36px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: start;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}

.hero[b-09xjoqx1ee]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    background: var(--range-color, #c17d0a);
}

.eyebrow[b-09xjoqx1ee] {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--muted, #6b7682);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.eyebrow .q-chip[b-09xjoqx1ee] {
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: 0.06em;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.eyebrow .q-chip .material-symbols-outlined[b-09xjoqx1ee] { font-size: 14px; }
.eyebrow .q-dot[b-09xjoqx1ee] { color: #c2c8cd; }

/* Range pill */
.range-pill[b-09xjoqx1ee] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.range-pill .dot[b-09xjoqx1ee] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.range-pill-sm[b-09xjoqx1ee] {
    font-size: 11.5px;
    padding: 4px 10px;
    margin: 0;
}

.range-red[b-09xjoqx1ee]    { background: #fde8e8; color: #c0392b; }
.range-red .dot[b-09xjoqx1ee]    { background: #c0392b; }
.range-orange[b-09xjoqx1ee] { background: #fef3e2; color: #c17d0a; }
.range-orange .dot[b-09xjoqx1ee] { background: #c17d0a; }
.range-green[b-09xjoqx1ee]  { background: #e6f4ea; color: #27742e; }
.range-green .dot[b-09xjoqx1ee]  { background: #27742e; }

.hero h1[b-09xjoqx1ee] {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--font-color, #242e38);
    margin: 0 0 6px;
    text-wrap: balance;
}

.hero .subtitle[b-09xjoqx1ee] {
    font-size: 17px;
    color: var(--muted, #6b7682);
    margin: 0;
}

.hero-tags[b-09xjoqx1ee] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.tag[b-09xjoqx1ee] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    background: var(--line-soft, #eef0f3);
    padding: 6px 11px;
    border-radius: 8px;
}

.tag .material-symbols-outlined[b-09xjoqx1ee] { font-size: 15px; }
.tag.important[b-09xjoqx1ee] { background: #fff1e7; color: #b8542b; }

/* CTA column */
.hero-cta[b-09xjoqx1ee] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    min-width: 280px;
}

.added-pill[b-09xjoqx1ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 18px;
    background: #e7f7f0;
    color: #006e4a;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
}

.added-pill .material-symbols-outlined[b-09xjoqx1ee] { font-size: 20px; }

.cta-hint[b-09xjoqx1ee] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    text-align: center;
    line-height: 1.5;
}

.cta-hint strong[b-09xjoqx1ee] { color: var(--font-color, #242e38); }

/* ── Buttons ──────────────────────────────────────────────── */
.btn[b-09xjoqx1ee] {
    height: 46px;
    padding: 0 22px;
    border-radius: 12px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14.5px;
    white-space: nowrap;
    cursor: pointer;
    font-family: var(--font);
    transition: background-color 120ms;
}

.btn-primary[b-09xjoqx1ee] { background: var(--primary-btn-color, #00383f); color: #fff; }
.btn-primary:hover[b-09xjoqx1ee] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-09xjoqx1ee] { opacity: 0.65; cursor: not-allowed; }
.btn-ghost[b-09xjoqx1ee] { background: #fff; color: var(--font-color, #242e38); border: 1px solid var(--line, #e7eaee); }
.btn-ghost:hover[b-09xjoqx1ee] { border-color: #c8cdd2; }
.btn .material-symbols-outlined[b-09xjoqx1ee] { font-size: 20px; }

/* ── KPI strip ────────────────────────────────────────────── */
.kpi-grid[b-09xjoqx1ee] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-09xjoqx1ee] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 122px;
    position: relative;
    overflow: hidden;
}

.kpi.featured[b-09xjoqx1ee] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-color: transparent;
}

.kpi.featured[b-09xjoqx1ee]::after {
    content: "";
    position: absolute;
    right: -40px; bottom: -40px;
    width: 140px; height: 140px;
    background: radial-gradient(circle, rgba(0,219,148,.25), transparent 70%);
    pointer-events: none;
}

.kpi-label[b-09xjoqx1ee] {
    font-size: 11.5px;
    color: var(--muted, #6b7682);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kpi-label .material-symbols-outlined[b-09xjoqx1ee] { font-size: 16px; }
.kpi.featured .kpi-label[b-09xjoqx1ee] { color: rgba(255,255,255,.72); }

.kpi-value[b-09xjoqx1ee] {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.kpi-value .unit[b-09xjoqx1ee] { font-size: 14px; color: var(--muted, #6b7682); font-weight: 500; }
.kpi.featured .kpi-value .unit[b-09xjoqx1ee] { color: rgba(255,255,255,.6); }

.kpi-foot[b-09xjoqx1ee] {
    font-size: 12.5px;
    color: var(--muted, #6b7682);
    line-height: 1.45;
    margin-top: auto;
}

.kpi.featured .kpi-foot[b-09xjoqx1ee] { color: rgba(255,255,255,.72); }

/* Range bar inside featured KPI */
.range-bar[b-09xjoqx1ee] {
    display: flex;
    gap: 4px;
}

.range-bar span[b-09xjoqx1ee] {
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background: rgba(255,255,255,.12);
}

.range-bar span.red[b-09xjoqx1ee]    { background: #c0392b; }
.range-bar span.orange[b-09xjoqx1ee] { background: #c17d0a; }
.range-bar span.green[b-09xjoqx1ee]  { background: #27742e; }
.range-bar span.dim[b-09xjoqx1ee]    { background: rgba(255,255,255,.16); }

/* Big dots for difficulty/time KPIs */
.big-dots[b-09xjoqx1ee] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.big-dot[b-09xjoqx1ee] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--line, #e7eaee);
}

.big-dot.on[b-09xjoqx1ee] { background: var(--survey-accent, #4f46e5); }

/* Time label tag inside time KPI */
.time-tag[b-09xjoqx1ee] {
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    background: var(--line-soft, #eef0f3);
    padding: 3px 9px;
    border-radius: 999px;
    width: fit-content;
}

/* Status mini badge inside status KPI */
.status-mini[b-09xjoqx1ee] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 999px;
    background: #e7f7f0;
    color: #006e4a;
    width: fit-content;
}

.status-mini .material-symbols-outlined[b-09xjoqx1ee] { font-size: 16px; }
.status-mini.not-added[b-09xjoqx1ee] { background: #f4f5f7; color: var(--muted, #6b7682); }

/* ── Two-column layout ────────────────────────────────────── */
.layout[b-09xjoqx1ee] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
}

.main-col[b-09xjoqx1ee] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rail[b-09xjoqx1ee] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 80px;
}

/* ── Block label ──────────────────────────────────────────── */
.block-label[b-09xjoqx1ee] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--muted, #6b7682);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.block-label .material-symbols-outlined[b-09xjoqx1ee] { font-size: 16px; color: var(--survey-accent, #4f46e5); }

/* ── Content cards ────────────────────────────────────────── */
.card[b-09xjoqx1ee] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 26px 28px;
}

.card .lead[b-09xjoqx1ee] {
    font-size: 15.5px;
    line-height: 1.65;
    color: var(--font-color, #242e38);
}

.card.purpose[b-09xjoqx1ee] {
    background: linear-gradient(135deg, #f3f1ff 0%, #fafaff 60%);
    border-color: #e4e0f7;
    position: relative;
    overflow: hidden;
}

.card.purpose .quote-mark[b-09xjoqx1ee] {
    position: absolute;
    top: 18px; right: 22px;
    font-size: 80px;
    line-height: 0.8;
    color: var(--survey-accent, #4f46e5);
    opacity: 0.18;
    font-family: Georgia, serif;
    pointer-events: none;
}

.card.purpose .block-label[b-09xjoqx1ee] { color: var(--survey-accent, #4f46e5); }
.card.purpose .block-label .material-symbols-outlined[b-09xjoqx1ee] { color: var(--survey-accent, #4f46e5); }

.card.purpose .lead[b-09xjoqx1ee] {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
}

/* ── Resources ────────────────────────────────────────────── */
.resources[b-09xjoqx1ee] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.resource-card[b-09xjoqx1ee] {
    background: #fff;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    transition: border-color 120ms, transform 120ms;
}

.resource-card:hover[b-09xjoqx1ee] {
    border-color: var(--survey-accent, #4f46e5);
    transform: translateY(-1px);
}

.resource-icon[b-09xjoqx1ee] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.resource-icon .material-symbols-outlined[b-09xjoqx1ee] { font-size: 20px; }

.resource-meta[b-09xjoqx1ee] { flex: 1; min-width: 0; }

.resource-title[b-09xjoqx1ee] {
    font-size: 14px;
    font-weight: 600;
    color: var(--font-color, #242e38);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-url[b-09xjoqx1ee] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-card .ext[b-09xjoqx1ee] { color: var(--muted, #6b7682); flex-shrink: 0; font-size: 18px; }

/* ── Question list ────────────────────────────────────────── */
.q-list[b-09xjoqx1ee] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.q-row[b-09xjoqx1ee] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 12px;
    background: #fafbfc;
    border: 1px solid var(--line-soft, #eef0f3);
}

.q-num[b-09xjoqx1ee] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    font-size: 12.5px;
    font-weight: 700;
    flex-shrink: 0;
}

.q-text[b-09xjoqx1ee] { font-size: 14.5px; font-weight: 500; line-height: 1.45; }

/* ── Rail cards ───────────────────────────────────────────── */
.rail-card[b-09xjoqx1ee] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 22px;
}

.rail-card.cta[b-09xjoqx1ee] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-color: transparent;
    position: relative;
    overflow: hidden;
}

.rail-card.cta[b-09xjoqx1ee]::before {
    content: "";
    position: absolute;
    right: -50px; top: -50px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(0,219,148,.28), transparent 65%);
    pointer-events: none;
}

.rail-card.cta .block-label[b-09xjoqx1ee] { color: rgba(255,255,255,.7); position: relative; }
.rail-card.cta .block-label .material-symbols-outlined[b-09xjoqx1ee] { color: var(--primary-color, #00db94); }

.rail-card.cta p[b-09xjoqx1ee] {
    color: rgba(255,255,255,.8);
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 18px;
    position: relative;
}

.rail-card.cta p strong[b-09xjoqx1ee] { color: #fff; }

.rail-card.cta .btn-primary[b-09xjoqx1ee] {
    background: var(--primary-color, #00db94);
    color: var(--dark-primary-color, #00383f);
    width: 100%;
    position: relative;
}

.rail-card.cta .btn-primary:hover[b-09xjoqx1ee] { background: #02b57b; color: #fff; }

/* Plan context card */
.plan-context[b-09xjoqx1ee] { display: flex; align-items: center; gap: 12px; margin-top: 10px; }

.pc-icon[b-09xjoqx1ee] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.pc-icon .material-symbols-outlined[b-09xjoqx1ee] { font-size: 22px; }

.pc-meta[b-09xjoqx1ee] { flex: 1; min-width: 0; }

.pc-title[b-09xjoqx1ee] {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-sub[b-09xjoqx1ee] { font-size: 12px; color: var(--muted, #6b7682); margin-top: 2px; }

/* Metadata rows */
.meta-row[b-09xjoqx1ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid var(--line-soft, #eef0f3);
}

.meta-row:last-child[b-09xjoqx1ee] { border-bottom: none; }

.meta-label[b-09xjoqx1ee] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--font-color, #242e38);
}

.meta-label .material-symbols-outlined[b-09xjoqx1ee] { font-size: 18px; color: var(--muted, #6b7682); }

.meta-dots[b-09xjoqx1ee] { display: flex; gap: 5px; align-items: center; }

.meta-dot[b-09xjoqx1ee] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--line, #e7eaee);
}

.meta-dot.on[b-09xjoqx1ee] { background: var(--survey-accent, #4f46e5); }
.meta-val[b-09xjoqx1ee] { font-size: 13px; font-weight: 600; color: var(--muted, #6b7682); margin-left: 6px; }

/* Related actions */
.related-list[b-09xjoqx1ee] { display: flex; flex-direction: column; gap: 8px; }

.related-item[b-09xjoqx1ee] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--line-soft, #eef0f3);
    background: #fafbfc;
    cursor: pointer;
    transition: border-color 120ms;
}

.related-item:hover[b-09xjoqx1ee] { border-color: var(--survey-accent, #4f46e5); }

.related-dot[b-09xjoqx1ee] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.related-dot.red[b-09xjoqx1ee]    { background: #c0392b; }
.related-dot.orange[b-09xjoqx1ee] { background: #c17d0a; }
.related-dot.green[b-09xjoqx1ee]  { background: #27742e; }

.related-text[b-09xjoqx1ee] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-item .material-symbols-outlined[b-09xjoqx1ee] { color: var(--muted, #6b7682); font-size: 18px; flex-shrink: 0; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 1200px) {
    .kpi-grid[b-09xjoqx1ee] { grid-template-columns: repeat(2, 1fr); }
    .layout[b-09xjoqx1ee] { grid-template-columns: 1fr; }
    .rail[b-09xjoqx1ee] { position: static; }
}

@media (max-width: 900px) {
    .hero[b-09xjoqx1ee] { grid-template-columns: 1fr; }
    .hero-cta[b-09xjoqx1ee] { min-width: unset; }
    .resources[b-09xjoqx1ee] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .page-wrap[b-09xjoqx1ee] { padding: 18px 18px 40px; }
    .hero h1[b-09xjoqx1ee] { font-size: 26px; }
    .kpi-grid[b-09xjoqx1ee] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/ActionPlans/ActionPlans.razor.rz.scp.css */
/* --- Page layout (matchar overview-container/main-content-pattern) --- */
.overview-container[b-pg00y90kxw] {
    display: flex;
    gap: 3%;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.main-content[b-pg00y90kxw] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-content-heading-container[b-pg00y90kxw] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}

/* --- Actions bar (subtitle + create-knapp) --- */
.actions-bar[b-pg00y90kxw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 16px;
}

.actions-sub[b-pg00y90kxw] {
    font-size: 13px;
    color: var(--inactive-color);
}

/* --- KPI grid --- */
.kpi-grid[b-pg00y90kxw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-pg00y90kxw] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
}

    .kpi.featured[b-pg00y90kxw] {
        background: var(--dark-primary-color);
        color: white;
        border-color: transparent;
    }

.kpi-label[b-pg00y90kxw] {
    font-size: 12px;
    color: var(--inactive-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kpi.featured .kpi-label[b-pg00y90kxw] {
    color: rgba(255,255,255,0.7);
}

.kpi-value[b-pg00y90kxw] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.kpi-value-sm[b-pg00y90kxw] {
    font-size: 22px;
    padding-top: 4px;
}

.unit[b-pg00y90kxw] {
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px;
    color: var(--inactive-color);
}

.kpi.featured .unit[b-pg00y90kxw] {
    color: rgba(255,255,255,0.6);
}

.kpi-foot[b-pg00y90kxw] {
    font-size: 12px;
    color: var(--inactive-color);
}

.kpi.featured .kpi-foot[b-pg00y90kxw] {
    color: rgba(255,255,255,0.55);
}

/* --- Block head --- */
.block-head[b-pg00y90kxw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .block-head h2[b-pg00y90kxw] {
        font-size: 18px;
        font-weight: 700;
    }

.hint[b-pg00y90kxw] {
    font-size: 12px;
    color: var(--inactive-color);
}

/* --- Plan list --- */
.plan-list[b-pg00y90kxw] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.plan-row[b-pg00y90kxw] {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) 130px 180px 140px 130px 32px;
    align-items: center;
    gap: 18px;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}

    .plan-row:last-child[b-pg00y90kxw] {
        border-bottom: none;
    }

    .plan-row:hover[b-pg00y90kxw] {
        background: var(--hover-color);
    }

    .plan-row.hd[b-pg00y90kxw] {
        background: #f8fafb;
        cursor: default;
        padding: 10px 20px;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--inactive-color);
    }

        .plan-row.hd:hover[b-pg00y90kxw] {
            background: #f8fafb;
        }

.plan-title[b-pg00y90kxw] {
    font-size: 14px;
    font-weight: 600;
    color: var(--font-color);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-sub[b-pg00y90kxw] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 2px;
}

.plan-survey-chip[b-pg00y90kxw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    background: #eef0f8;
    color: var(--survey-accent);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chip-icon[b-pg00y90kxw] {
    font-size: 12px !important;
    flex-shrink: 0;
}

/* --- Status pills --- */
.status[b-pg00y90kxw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
}

.pulse[b-pg00y90kxw] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status.plan-open[b-pg00y90kxw] {
    background: #e6f0ff;
    color: #1d4ed8;
}

    .status.plan-open .pulse[b-pg00y90kxw] {
        background: #1d4ed8;
    }

.status.plan-inprogress[b-pg00y90kxw] {
    background: #fff4e0;
    color: #8a5a00;
}

    .status.plan-inprogress .pulse[b-pg00y90kxw] {
        background: #f59e0b;
        animation: blink-b-pg00y90kxw 1.6s ease-in-out infinite;
    }

.status.plan-completed[b-pg00y90kxw] {
    background: #e7f7f0;
    color: #006e4a;
}

    .status.plan-completed .pulse[b-pg00y90kxw] {
        background: #00683f;
    }

@keyframes blink-b-pg00y90kxw {
    0% { box-shadow: 0 0 0 0 rgba(245,158,11,.6); }
    70% { box-shadow: 0 0 0 6px rgba(245,158,11,0); }
    100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}

/* --- Progress column --- */
.col-progress[b-pg00y90kxw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .col-progress .pct[b-pg00y90kxw] {
        font-size: 13px;
        font-weight: 600;
    }

.progress-track[b-pg00y90kxw] {
    height: 6px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

.progress-fill[b-pg00y90kxw] {
    height: 100%;
    background: var(--survey-accent);
    border-radius: 999px;
    transition: width 200ms ease;
}

.pct-label[b-pg00y90kxw] {
    font-size: 11px;
    color: var(--inactive-color);
}

/* --- Avatars --- */
.col-owner[b-pg00y90kxw] {
    display: flex;
    align-items: center;
}

.avatars[b-pg00y90kxw] {
    display: inline-flex;
}

.av[b-pg00y90kxw] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--dark-primary-color);
    color: white;
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    margin-left: -6px;
}

    .av:first-child[b-pg00y90kxw] {
        margin-left: 0;
    }

/* --- Deadline column --- */
.col-due[b-pg00y90kxw] {
    font-size: 13px;
    color: var(--font-color);
}

    .col-due small[b-pg00y90kxw] {
        display: block;
        font-size: 11px;
        color: var(--inactive-color);
        margin-top: 1px;
    }

    .col-due.overdue[b-pg00y90kxw] {
        color: var(--delete-color);
        font-weight: 600;
    }

/* --- Chevron --- */
.col-chev[b-pg00y90kxw] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--inactive-color);
}

    .col-chev .material-symbols-outlined[b-pg00y90kxw] {
        font-size: 20px;
    }

/* --- Empty state --- */
.empty-plans[b-pg00y90kxw] {
    background: white;
    border: 1px dashed #cfd4d9;
    border-radius: 6px;
    padding: 60px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .empty-plans h3[b-pg00y90kxw] {
        font-size: 18px;
        margin: 0;
        font-weight: 600;
    }

    .empty-plans p[b-pg00y90kxw] {
        color: var(--inactive-color);
        margin: 0;
    }

/* --- Responsive --- */
@media (max-width: 1100px) {
    .kpi-grid[b-pg00y90kxw] {
        grid-template-columns: repeat(2, 1fr);
    }

    .plan-row[b-pg00y90kxw] {
        grid-template-columns: 1fr 120px 140px 100px;
    }

    .col-owner[b-pg00y90kxw], .col-chev[b-pg00y90kxw] {
        display: none;
    }
}

@media (max-width: 641px) {
    .overview-container[b-pg00y90kxw] {
        width: 100vw;
        flex-direction: column;
        gap: 0;
        padding: 20px;
    }

    .kpi-grid[b-pg00y90kxw] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/ActionPlans/Components/ActionItemModal.razor.rz.scp.css */
.modal-backdrop[b-3gjk2nm28r] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-panel[b-3gjk2nm28r] {
    background: white;
    border-radius: var(--survey-radius, 14px);
    width: 520px;
    max-width: calc(100vw - 2rem);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: var(--survey-shadow);
    overflow: hidden;
}

.modal-header[b-3gjk2nm28r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h2[b-3gjk2nm28r] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

.close-btn[b-3gjk2nm28r] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--inactive-color);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.close-btn:hover[b-3gjk2nm28r] { background: var(--hover-color); }

.modal-body[b-3gjk2nm28r] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.modal-footer[b-3gjk2nm28r] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
}

.field-group[b-3gjk2nm28r] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-group label[b-3gjk2nm28r] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--font-color);
}

.field-row[b-3gjk2nm28r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.text-input[b-3gjk2nm28r] {
    border: 1px solid #e5e7eb;
    border-radius: var(--survey-radius-sm, 8px);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    font-family: var(--font);
    outline: none;
    transition: border-color 0.2s;
    width: 100%;
    box-sizing: border-box;
    color: var(--font-color);
    resize: vertical;
}

.text-input:focus[b-3gjk2nm28r] { border-color: var(--survey-accent); }

.select-input[b-3gjk2nm28r] {
    border: 1px solid #e5e7eb;
    border-radius: var(--survey-radius-sm, 8px);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    font-family: var(--font);
    outline: none;
    background: white;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: var(--font-color);
}

.required-star[b-3gjk2nm28r] {
    color: #e53e3e;
    font-size: 0.8rem;
}
/* /Pages/ActionPlans/Components/ActionPlanCard.razor.rz.scp.css */
.action-plan-card[b-d88pqj3amj] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
}

.action-plan-card:hover[b-d88pqj3amj] {
    box-shadow: var(--box-shadow);
}

.card-top[b-d88pqj3amj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-badge[b-d88pqj3amj] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-open[b-d88pqj3amj] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-inprogress[b-d88pqj3amj] {
    background: #fef9c3;
    color: #854d0e;
}

.status-completed[b-d88pqj3amj] {
    background: #dcfce7;
    color: #15803d;
}

.delete-btn[b-d88pqj3amj] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--inactive-color);
    padding: 0.25rem;
    display: flex;
    align-items: center;
    border-radius: 6px;
    transition: color 0.2s, background 0.2s;
}

.delete-btn:hover[b-d88pqj3amj] {
    color: var(--delete-color);
    background: #fee2e2;
}

.card-title[b-d88pqj3amj] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--font-color);
}

.progress-row[b-d88pqj3amj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.progress-bar-wrap[b-d88pqj3amj] {
    height: 6px;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
}

.progress-bar-fill[b-d88pqj3amj] {
    height: 100%;
    background: var(--survey-accent);
    border-radius: 999px;
    transition: width 0.3s ease;
}

.progress-label[b-d88pqj3amj] {
    font-size: 0.78rem;
    color: var(--inactive-color);
}

.linked-round[b-d88pqj3amj] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: var(--hover-color);
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.linked-round .material-symbols-outlined[b-d88pqj3amj] {
    font-size: 1.1rem;
    color: var(--inactive-color);
    flex-shrink: 0;
    margin-top: 1px;
}

.linked-round-text[b-d88pqj3amj] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.survey-name[b-d88pqj3amj] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--font-color);
}

.round-name[b-d88pqj3amj] {
    font-size: 0.78rem;
    color: var(--font-color);
}

.round-date[b-d88pqj3amj] {
    font-size: 0.75rem;
    color: var(--inactive-color);
}

.due-date[b-d88pqj3amj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--inactive-color);
}

.due-date .material-symbols-outlined[b-d88pqj3amj] {
    font-size: 1rem;
}
/* /Pages/ActionPlans/Components/ActionPlanDetailModal.razor.rz.scp.css */
.modal-backdrop[b-s57os8d06k] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-panel[b-s57os8d06k] {
    background: #fff;
    border-radius: 14px;
    width: 560px;
    max-width: calc(100vw - 2rem);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.modal-header[b-s57os8d06k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    gap: 1rem;
}

.title-input[b-s57os8d06k] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    background: transparent;
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
    transition: border-color 0.15s;
}

.title-input:focus[b-s57os8d06k] {
    border-bottom-color: var(--primary-color, #4f46e5);
}

.close-btn[b-s57os8d06k] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-muted, #6b7280);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: 6px;
    flex-shrink: 0;
    transition: background 0.15s;
}

.close-btn:hover[b-s57os8d06k] {
    background: var(--surface-subtle, #f3f4f6);
}

.modal-body[b-s57os8d06k] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.modal-footer[b-s57os8d06k] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.meta-row[b-s57os8d06k] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.field-group[b-s57os8d06k] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-group label[b-s57os8d06k] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #6b7280);
}

.select-input[b-s57os8d06k] {
    border: 1px solid var(--border-color, #d1d5db);
    border-radius: 8px;
    padding: 0.4rem 0.65rem;
    font-size: 0.9rem;
    outline: none;
    background: #fff;
    cursor: pointer;
}

.linked-round-info[b-s57os8d06k] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.85rem;
}

.linked-round-info .material-symbols-outlined[b-s57os8d06k] {
    font-size: 1rem;
    color: var(--text-muted, #6b7280);
    margin-top: 1px;
    flex-shrink: 0;
}

.linked-round-info > div[b-s57os8d06k] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.survey-name[b-s57os8d06k] {
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.round-name[b-s57os8d06k] {
    color: var(--text-secondary, #374151);
}

.round-date[b-s57os8d06k] {
    color: var(--text-muted, #6b7280);
    font-size: 0.78rem;
}

.checklist-section[b-s57os8d06k] {
    flex: 1;
}

.checklist-header-row[b-s57os8d06k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-text[b-s57os8d06k] {
    font-size: 0.8rem;
    color: var(--text-muted, #6b7280);
}

.empty-items[b-s57os8d06k] {
    font-size: 0.85rem;
    color: var(--text-muted, #6b7280);
    margin: 0;
}

.checklist[b-s57os8d06k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checklist-item[b-s57os8d06k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    background: var(--surface-subtle, #f9fafb);
    border: 1px solid var(--border-color, #e5e7eb);
    transition: background 0.15s;
    cursor: pointer;
}

.checklist-item.completed[b-s57os8d06k] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.checklist-item.completed .item-text[b-s57os8d06k] {
    text-decoration: line-through;
    color: var(--text-muted, #6b7280);
}

.item-checkbox[b-s57os8d06k] {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: var(--primary-color, #4f46e5);
}

.item-text[b-s57os8d06k] {
    font-size: 0.9rem;
    color: var(--text-primary, #111827);
    flex: 1;
}
/* /Pages/ActionPlans/Components/CreateActionPlanModal.razor.rz.scp.css */
.modal-backdrop[b-dnur4v0orv] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-panel[b-dnur4v0orv] {
    background: white;
    border-radius: var(--survey-radius, 14px);
    width: 520px;
    max-width: calc(100vw - 2rem);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: var(--survey-shadow);
    overflow: hidden;
}

.modal-header[b-dnur4v0orv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h2[b-dnur4v0orv] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

.close-btn[b-dnur4v0orv] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--inactive-color);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.close-btn:hover[b-dnur4v0orv] {
    background: var(--hover-color);
}

.modal-body[b-dnur4v0orv] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.modal-footer[b-dnur4v0orv] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
}

.field-group[b-dnur4v0orv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-group label[b-dnur4v0orv] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--font-color);
}

.text-input[b-dnur4v0orv] {
    border: 1px solid #e5e7eb;
    border-radius: var(--survey-radius-sm, 8px);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    font-family: var(--font);
    outline: none;
    transition: border-color 0.2s;
    width: 100%;
    box-sizing: border-box;
    color: var(--font-color);
}

.text-input:focus[b-dnur4v0orv] {
    border-color: var(--survey-accent);
}

.select-input[b-dnur4v0orv] {
    border: 1px solid #e5e7eb;
    border-radius: var(--survey-radius-sm, 8px);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    font-family: var(--font);
    outline: none;
    background: white;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: var(--font-color);
}
/* /Pages/ActionPlans/RecommendedActionDetail.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────────────── */
.page-wrap[b-cb5fbav0s1] {
    padding: 26px 36px 60px 36px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

/* ── Breadcrumbs ──────────────────────────────────────────── */
.crumbs[b-cb5fbav0s1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin-bottom: 22px;
}

.crumbs a[b-cb5fbav0s1] {
    color: var(--muted, #6b7682);
    text-decoration: none;
    cursor: pointer;
}

.crumbs a:hover[b-cb5fbav0s1] { color: var(--dark-primary-color, #00383f); }
.crumbs .sep[b-cb5fbav0s1] { color: #c2c8cd; }
.crumbs .here[b-cb5fbav0s1] { color: var(--font-color, #242e38); font-weight: 600; }
.crumbs .ctx[b-cb5fbav0s1] { text-transform: uppercase; letter-spacing: 0.06em; font-size: 11.5px; font-weight: 600; }

/* ── Hero ─────────────────────────────────────────────────── */
.hero[b-cb5fbav0s1] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 20px;
    padding: 30px 36px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: start;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}

.hero[b-cb5fbav0s1]::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    background: var(--range-color, #c17d0a);
}

.eyebrow[b-cb5fbav0s1] {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--muted, #6b7682);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.eyebrow .q-chip[b-cb5fbav0s1] {
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: 0.06em;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.eyebrow .q-chip .material-symbols-outlined[b-cb5fbav0s1] { font-size: 14px; }
.eyebrow .q-dot[b-cb5fbav0s1] { color: #c2c8cd; }

/* Range pill */
.range-pill[b-cb5fbav0s1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.range-pill .dot[b-cb5fbav0s1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.range-pill-sm[b-cb5fbav0s1] {
    font-size: 11.5px;
    padding: 4px 10px;
    margin: 0;
}

.range-red[b-cb5fbav0s1]    { background: #fde8e8; color: #c0392b; }
.range-red .dot[b-cb5fbav0s1]    { background: #c0392b; }
.range-orange[b-cb5fbav0s1] { background: #fef3e2; color: #c17d0a; }
.range-orange .dot[b-cb5fbav0s1] { background: #c17d0a; }
.range-green[b-cb5fbav0s1]  { background: #e6f4ea; color: #27742e; }
.range-green .dot[b-cb5fbav0s1]  { background: #27742e; }

.hero h1[b-cb5fbav0s1] {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--font-color, #242e38);
    margin: 0 0 6px;
    text-wrap: balance;
}

.hero .subtitle[b-cb5fbav0s1] {
    font-size: 17px;
    color: var(--muted, #6b7682);
    margin: 0;
}

.hero-tags[b-cb5fbav0s1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.tag[b-cb5fbav0s1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    background: var(--line-soft, #eef0f3);
    padding: 6px 11px;
    border-radius: 8px;
}

.tag .material-symbols-outlined[b-cb5fbav0s1] { font-size: 15px; }
.tag.important[b-cb5fbav0s1] { background: #fff1e7; color: #b8542b; }

/* CTA column */
.hero-cta[b-cb5fbav0s1] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    min-width: 280px;
}

.added-pill[b-cb5fbav0s1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 18px;
    background: #e7f7f0;
    color: #006e4a;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
}

.added-pill .material-symbols-outlined[b-cb5fbav0s1] { font-size: 20px; }

.cta-hint[b-cb5fbav0s1] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    text-align: center;
    line-height: 1.5;
}

.cta-hint strong[b-cb5fbav0s1] { color: var(--font-color, #242e38); }

/* ── Buttons ──────────────────────────────────────────────── */
.btn[b-cb5fbav0s1] {
    height: 46px;
    padding: 0 22px;
    border-radius: 12px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14.5px;
    white-space: nowrap;
    cursor: pointer;
    font-family: var(--font);
    transition: background-color 120ms;
}

.btn-primary[b-cb5fbav0s1] { background: var(--primary-btn-color, #00383f); color: #fff; }
.btn-primary:hover[b-cb5fbav0s1] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-cb5fbav0s1] { opacity: 0.65; cursor: not-allowed; }
.btn-ghost[b-cb5fbav0s1] { background: #fff; color: var(--font-color, #242e38); border: 1px solid var(--line, #e7eaee); }
.btn-ghost:hover[b-cb5fbav0s1] { border-color: #c8cdd2; }
.btn .material-symbols-outlined[b-cb5fbav0s1] { font-size: 20px; }

/* ── KPI strip ────────────────────────────────────────────── */
.kpi-grid[b-cb5fbav0s1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-cb5fbav0s1] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 122px;
    position: relative;
    overflow: hidden;
}

.kpi.featured[b-cb5fbav0s1] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-color: transparent;
}

.kpi.featured[b-cb5fbav0s1]::after {
    content: "";
    position: absolute;
    right: -40px; bottom: -40px;
    width: 140px; height: 140px;
    background: radial-gradient(circle, rgba(0,219,148,.25), transparent 70%);
    pointer-events: none;
}

.kpi-label[b-cb5fbav0s1] {
    font-size: 11.5px;
    color: var(--muted, #6b7682);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kpi-label .material-symbols-outlined[b-cb5fbav0s1] { font-size: 16px; }
.kpi.featured .kpi-label[b-cb5fbav0s1] { color: rgba(255,255,255,.72); }

.kpi-value[b-cb5fbav0s1] {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.kpi-value .unit[b-cb5fbav0s1] { font-size: 14px; color: var(--muted, #6b7682); font-weight: 500; }
.kpi.featured .kpi-value .unit[b-cb5fbav0s1] { color: rgba(255,255,255,.6); }

.kpi-foot[b-cb5fbav0s1] {
    font-size: 12.5px;
    color: var(--muted, #6b7682);
    line-height: 1.45;
    margin-top: auto;
}

.kpi.featured .kpi-foot[b-cb5fbav0s1] { color: rgba(255,255,255,.72); }

/* Range bar inside featured KPI */
.range-bar[b-cb5fbav0s1] {
    display: flex;
    gap: 4px;
}

.range-bar span[b-cb5fbav0s1] {
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background: rgba(255,255,255,.12);
}

.range-bar span.red[b-cb5fbav0s1]    { background: #c0392b; }
.range-bar span.orange[b-cb5fbav0s1] { background: #c17d0a; }
.range-bar span.green[b-cb5fbav0s1]  { background: #27742e; }
.range-bar span.dim[b-cb5fbav0s1]    { background: rgba(255,255,255,.16); }

/* Big dots for difficulty/time KPIs */
.big-dots[b-cb5fbav0s1] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.big-dot[b-cb5fbav0s1] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--line, #e7eaee);
}

.big-dot.on[b-cb5fbav0s1] { background: var(--survey-accent, #4f46e5); }

/* Time label tag inside time KPI */
.time-tag[b-cb5fbav0s1] {
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    background: var(--line-soft, #eef0f3);
    padding: 3px 9px;
    border-radius: 999px;
    width: fit-content;
}

/* Status mini badge inside status KPI */
.status-mini[b-cb5fbav0s1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 999px;
    background: #e7f7f0;
    color: #006e4a;
    width: fit-content;
}

.status-mini .material-symbols-outlined[b-cb5fbav0s1] { font-size: 16px; }
.status-mini.not-added[b-cb5fbav0s1] { background: #f4f5f7; color: var(--muted, #6b7682); }

/* ── Two-column layout ────────────────────────────────────── */
.layout[b-cb5fbav0s1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
}

.main-col[b-cb5fbav0s1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rail[b-cb5fbav0s1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 80px;
}

/* ── Block label ──────────────────────────────────────────── */
.block-label[b-cb5fbav0s1] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--muted, #6b7682);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.block-label .material-symbols-outlined[b-cb5fbav0s1] { font-size: 16px; color: var(--survey-accent, #4f46e5); }

/* ── Content cards ────────────────────────────────────────── */
.card[b-cb5fbav0s1] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 26px 28px;
}

.card .lead[b-cb5fbav0s1] {
    font-size: 15.5px;
    line-height: 1.65;
    color: var(--font-color, #242e38);
}

.card.purpose[b-cb5fbav0s1] {
    background: linear-gradient(135deg, #f3f1ff 0%, #fafaff 60%);
    border-color: #e4e0f7;
    position: relative;
    overflow: hidden;
}

.card.purpose .quote-mark[b-cb5fbav0s1] {
    position: absolute;
    top: 18px; right: 22px;
    font-size: 80px;
    line-height: 0.8;
    color: var(--survey-accent, #4f46e5);
    opacity: 0.18;
    font-family: Georgia, serif;
    pointer-events: none;
}

.card.purpose .block-label[b-cb5fbav0s1] { color: var(--survey-accent, #4f46e5); }
.card.purpose .block-label .material-symbols-outlined[b-cb5fbav0s1] { color: var(--survey-accent, #4f46e5); }

.card.purpose .lead[b-cb5fbav0s1] {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
}

/* ── Resources ────────────────────────────────────────────── */
.resources[b-cb5fbav0s1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.resource-card[b-cb5fbav0s1] {
    background: #fff;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    transition: border-color 120ms, transform 120ms;
}

.resource-card:hover[b-cb5fbav0s1] {
    border-color: var(--survey-accent, #4f46e5);
    transform: translateY(-1px);
}

.resource-icon[b-cb5fbav0s1] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.resource-icon .material-symbols-outlined[b-cb5fbav0s1] { font-size: 20px; }

.resource-meta[b-cb5fbav0s1] { flex: 1; min-width: 0; }

.resource-title[b-cb5fbav0s1] {
    font-size: 14px;
    font-weight: 600;
    color: var(--font-color, #242e38);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-url[b-cb5fbav0s1] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-card .ext[b-cb5fbav0s1] { color: var(--muted, #6b7682); flex-shrink: 0; font-size: 18px; }

/* ── Question list ────────────────────────────────────────── */
.q-list[b-cb5fbav0s1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.q-row[b-cb5fbav0s1] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 12px;
    background: #fafbfc;
    border: 1px solid var(--line-soft, #eef0f3);
}

.q-num[b-cb5fbav0s1] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    font-size: 12.5px;
    font-weight: 700;
    flex-shrink: 0;
}

.q-text[b-cb5fbav0s1] { font-size: 14.5px; font-weight: 500; line-height: 1.45; }

/* ── Rail cards ───────────────────────────────────────────── */
.rail-card[b-cb5fbav0s1] {
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 18px;
    padding: 22px;
}

.rail-card.cta[b-cb5fbav0s1] {
    background: var(--dark-primary-color, #00383f);
    color: #fff;
    border-color: transparent;
    position: relative;
    overflow: hidden;
}

.rail-card.cta[b-cb5fbav0s1]::before {
    content: "";
    position: absolute;
    right: -50px; top: -50px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(0,219,148,.28), transparent 65%);
    pointer-events: none;
}

.rail-card.cta .block-label[b-cb5fbav0s1] { color: rgba(255,255,255,.7); position: relative; }
.rail-card.cta .block-label .material-symbols-outlined[b-cb5fbav0s1] { color: var(--primary-color, #00db94); }

.rail-card.cta p[b-cb5fbav0s1] {
    color: rgba(255,255,255,.8);
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 18px;
    position: relative;
}

.rail-card.cta p strong[b-cb5fbav0s1] { color: #fff; }

.rail-card.cta .btn-primary[b-cb5fbav0s1] {
    background: var(--primary-color, #00db94);
    color: var(--dark-primary-color, #00383f);
    width: 100%;
    position: relative;
}

.rail-card.cta .btn-primary:hover[b-cb5fbav0s1] { background: #02b57b; color: #fff; }

/* Plan context card */
.plan-context[b-cb5fbav0s1] { display: flex; align-items: center; gap: 12px; margin-top: 10px; }

.pc-icon[b-cb5fbav0s1] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.pc-icon .material-symbols-outlined[b-cb5fbav0s1] { font-size: 22px; }

.pc-meta[b-cb5fbav0s1] { flex: 1; min-width: 0; }

.pc-title[b-cb5fbav0s1] {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-sub[b-cb5fbav0s1] { font-size: 12px; color: var(--muted, #6b7682); margin-top: 2px; }

/* Metadata rows */
.meta-row[b-cb5fbav0s1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid var(--line-soft, #eef0f3);
}

.meta-row:last-child[b-cb5fbav0s1] { border-bottom: none; }

.meta-label[b-cb5fbav0s1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--font-color, #242e38);
}

.meta-label .material-symbols-outlined[b-cb5fbav0s1] { font-size: 18px; color: var(--muted, #6b7682); }

.meta-dots[b-cb5fbav0s1] { display: flex; gap: 5px; align-items: center; }

.meta-dot[b-cb5fbav0s1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--line, #e7eaee);
}

.meta-dot.on[b-cb5fbav0s1] { background: var(--survey-accent, #4f46e5); }
.meta-val[b-cb5fbav0s1] { font-size: 13px; font-weight: 600; color: var(--muted, #6b7682); margin-left: 6px; }

/* Related actions */
.related-list[b-cb5fbav0s1] { display: flex; flex-direction: column; gap: 8px; }

.related-item[b-cb5fbav0s1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--line-soft, #eef0f3);
    background: #fafbfc;
    cursor: pointer;
    transition: border-color 120ms;
}

.related-item:hover[b-cb5fbav0s1] { border-color: var(--survey-accent, #4f46e5); }

.related-dot[b-cb5fbav0s1] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.related-dot.red[b-cb5fbav0s1]    { background: #c0392b; }
.related-dot.orange[b-cb5fbav0s1] { background: #c17d0a; }
.related-dot.green[b-cb5fbav0s1]  { background: #27742e; }

.related-text[b-cb5fbav0s1] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-item .material-symbols-outlined[b-cb5fbav0s1] { color: var(--muted, #6b7682); font-size: 18px; flex-shrink: 0; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 1200px) {
    .kpi-grid[b-cb5fbav0s1] { grid-template-columns: repeat(2, 1fr); }
    .layout[b-cb5fbav0s1] { grid-template-columns: 1fr; }
    .rail[b-cb5fbav0s1] { position: static; }
}

@media (max-width: 900px) {
    .hero[b-cb5fbav0s1] { grid-template-columns: 1fr; }
    .hero-cta[b-cb5fbav0s1] { min-width: unset; }
    .resources[b-cb5fbav0s1] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .page-wrap[b-cb5fbav0s1] { padding: 18px 18px 40px; }
    .hero h1[b-cb5fbav0s1] { font-size: 26px; }
    .kpi-grid[b-cb5fbav0s1] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/Answer/AnswerOverview.razor.rz.scp.css */
.notifications-container[b-0nb7hw0wam] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notification-menu-heading-container[b-0nb7hw0wam] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 10px 0px 10px;
}

    .notification-menu-heading-container .bi-bell[b-0nb7hw0wam] {
        font-size: 30px;
        cursor: auto;
    }

    .notification-menu-heading-container p[b-0nb7hw0wam] {
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        padding-bottom: 3px;
        border-bottom: 1px solid transparent;
    }

    .notification-menu-heading-container .bi-bell:hover[b-0nb7hw0wam] {
        background-color: transparent;
    }

.placeholder-text-container[b-0nb7hw0wam] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.placeholder-text[b-0nb7hw0wam] {
    padding-left: 10px;
}

.placeholder-img-container[b-0nb7hw0wam] {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .placeholder-img-container img[b-0nb7hw0wam] {
        width: 70%;
    }




/*Answer Item*/

.answer-item[b-0nb7hw0wam] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 15px;
    border-radius: 5px;
    position: relative;
    height: 81px;
    transition: ease-in-out .3s;
}

    .answer-item:hover[b-0nb7hw0wam] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.answer-item-text-content-container[b-0nb7hw0wam] {
    flex: 1;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
/*Icon*/
.icon-container[b-0nb7hw0wam] {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    min-width: 37px;
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .icon-container img[b-0nb7hw0wam] {
        width: 20px;
        height: 20px;
    }


/*Notification item*/
.notification-item[b-0nb7hw0wam] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    position: relative;
    transition: ease-in-out .3s;
    border-radius: 6px;
    height: 87px;
}


.notification-like-icon-container[b-0nb7hw0wam] {
    border-radius: 50%;
    background-color: #ff7347;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -6px;
    right: -5px;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
}



.notification-comment-icon-container[b-0nb7hw0wam] {
    border-radius: 50%;
    background-color: #a0e6d0;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -6px;
    right: -5px;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-icon[b-0nb7hw0wam] {
    color: var(--dark-primary-color);
    font-size: 12px;
    position: relative;
    left: .5px;
}

.bi-person-circle[b-0nb7hw0wam] {
    font-size: 33px;
    color: gray;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-item:hover[b-0nb7hw0wam] {
    background-color: var(--hover-color);
}

.new-notification-dot[b-0nb7hw0wam] {
    width: 10px;
    height: 10px;
    background-color: var(--secondary-color);
    border-radius: 50%;
}

.notification-item:hover[b-0nb7hw0wam] {
    cursor: pointer;
}


.notification-text-content-container[b-0nb7hw0wam] {
    width: 450px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 15px;
    padding-left: 10px;
}

.notification-user-action-container[b-0nb7hw0wam] {
    display: flex;
    flex-wrap: wrap;
}

.author-name[b-0nb7hw0wam] {
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
}

.fill-text[b-0nb7hw0wam] {
    font-size: 12px;
    font-weight: 300;
}

.notification-text[b-0nb7hw0wam], .notification-comment-snippet[b-0nb7hw0wam] {
    font-weight: 300;
    font-size: 12px;
}

.notification-comment-snippet[b-0nb7hw0wam] {
    font-weight: 400;
    /*    font-size: 14px;*/
}

.number-of-pulse-questions[b-0nb7hw0wam] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 17px;
    padding: 0px 5px;
    cursor: default;
    font-size: 10px;
    font-weight: 600;
    color: var(--dark-primary-color);
}

.category-container p[b-0nb7hw0wam] {
    text-align: center;
}


.time-since-created[b-0nb7hw0wam] {
    font-size: 10px;
    cursor: default;
}


.placeholder-text[b-0nb7hw0wam] {
    padding: 10px;
}

.smiley[b-0nb7hw0wam] {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.notification-info-container[b-0nb7hw0wam] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1;
}

.top-info-container[b-0nb7hw0wam] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}


.type-container[b-0nb7hw0wam] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1px 10px;
    cursor: default;
}

    .type-container p[b-0nb7hw0wam] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

.profile-img-container[b-0nb7hw0wam] {
    border-radius: 50%;
    width: 37px;
    min-width: 37px;
    height: 37px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.profile-img[b-0nb7hw0wam] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    object-fit: cover;
}

.comment-icon[b-0nb7hw0wam], .like-icon[b-0nb7hw0wam] {
    width: 10px;
    height: 10px;
}

.img-container[b-0nb7hw0wam] {
    position: relative;
    margin-right: 10px;
}

.profile-img-placeholder[b-0nb7hw0wam] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-0nb7hw0wam] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

@media only screen and (max-width: 641px) {
    .answer-overview-content-container[b-0nb7hw0wam] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        border-radius: 0;
        height: auto;
    }

    .placeholder-img-container img[b-0nb7hw0wam] {
        width: 80vw;
    }

    .card-container[b-0nb7hw0wam] {
        justify-content: center;
    }

    .cards-container[b-0nb7hw0wam] {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
    }

    .info-text[b-0nb7hw0wam] {
        width: 100%
    }
}
/* /Pages/ByHart/Admin/AdminDashboard.razor.rz.scp.css */
.content-container[b-9hbq6128be] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position:relative;
    margin-top:50px;
}

.top-container[b-9hbq6128be] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.table[b-9hbq6128be] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table-container[b-9hbq6128be] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.number-of-results[b-9hbq6128be] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}
.button-cancel[b-9hbq6128be] {
    position: absolute;
    right: 280px;
    top: -30px;
}

.table-row[b-9hbq6128be] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-9hbq6128be] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-9hbq6128be] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-9hbq6128be] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-9hbq6128be] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-9hbq6128be] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-9hbq6128be] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-9hbq6128be] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-9hbq6128be] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-9hbq6128be] {
    overflow: visible;
}

.select-column[b-9hbq6128be] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-9hbq6128be] {
    margin-left: 10px;
}

.member-container[b-9hbq6128be] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .member-container:hover .member-tooltip-element[b-9hbq6128be] {
        display: flex;
    }

.member-tooltip-container[b-9hbq6128be] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-9hbq6128be] {
    position: absolute;
    top: 0;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-9hbq6128be] {
        text-decoration: underline;
    }

.profile-img-container[b-9hbq6128be] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-9hbq6128be] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-9hbq6128be] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-9hbq6128be] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }




/*Team*/

.team-list-item-container[b-9hbq6128be] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-9hbq6128be] {
        display: flex;
    }

.letter-border-container[b-9hbq6128be] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-9hbq6128be] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-9hbq6128be] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-9hbq6128be] {
    font-size: 14px;
}

.team-list-item[b-9hbq6128be] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-9hbq6128be] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-9hbq6128be] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-9hbq6128be] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-9hbq6128be] {
    font-size: 15px;
    color: var(--secondary-color);
}


/*Paginator*/

.table-container .material-symbols-outlined[b-9hbq6128be] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-9hbq6128be] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-9hbq6128be] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-9hbq6128be] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-9hbq6128be] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-9hbq6128be] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-9hbq6128be] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-9hbq6128be] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/

.no-office-placeholder[b-9hbq6128be] {
    padding-left: 12px;
}

.office-tooltip-element[b-9hbq6128be] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-9hbq6128be] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-9hbq6128be] {
    display: flex;
}

.close-on-click-outside-container[b-9hbq6128be] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/ByHart/Admin/CompanyFeatureFlags.razor.rz.scp.css */
.ff-page[b-l4lw0pzt1o] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px 48px;
    width: 100%;
    box-sizing: border-box;
}

/* Header */

.ff-header[b-l4lw0pzt1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ff-header-left[b-l4lw0pzt1o] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ff-back-btn[b-l4lw0pzt1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    color: var(--dark-primary-color);
    flex-shrink: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    transition: background 0.15s;
}

    .ff-back-btn:hover[b-l4lw0pzt1o] {
        background: #f0f0f0;
    }

    .ff-back-btn .material-symbols-outlined[b-l4lw0pzt1o] {
        font-size: 22px;
    }

.ff-title-group[b-l4lw0pzt1o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ff-title[b-l4lw0pzt1o] {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-primary-color);
    margin: 0;
}

.ff-subtitle[b-l4lw0pzt1o] {
    font-size: 14px;
    color: #717F8D;
    margin: 0;
}

/* List */

.ff-list[b-l4lw0pzt1o] {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    width: 100%;
}

.ff-row[b-l4lw0pzt1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 40px;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.12s;
}

    .ff-row:last-child[b-l4lw0pzt1o] {
        border-bottom: none;
    }

    .ff-row:hover[b-l4lw0pzt1o] {
        background: #fafafa;
    }

.ff-row-left[b-l4lw0pzt1o] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ff-icon[b-l4lw0pzt1o] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ff-icon .material-symbols-outlined[b-l4lw0pzt1o] {
        font-size: 28px;
        color: white;
    }

.ff-icon-pulse[b-l4lw0pzt1o] {
    background: linear-gradient(135deg, #00db94, #00b37d);
}

.ff-icon-enps[b-l4lw0pzt1o] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
}

.ff-icon-wellbeing[b-l4lw0pzt1o] {
    background: linear-gradient(135deg, #ff7347, #f56040);
}

.ff-icon-custom[b-l4lw0pzt1o] {
    background: linear-gradient(135deg, #0ea5e9, #38bdf8);
}

.ff-label[b-l4lw0pzt1o] {
    font-size: 17px;
    font-weight: 500;
    color: var(--font-color);
}

/* Toggle */

.ff-toggle[b-l4lw0pzt1o] {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 30px;
    flex-shrink: 0;
    cursor: pointer;
    margin: 0;
}

    .ff-toggle input[b-l4lw0pzt1o] {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

.ff-toggle-slider[b-l4lw0pzt1o] {
    position: absolute;
    inset: 0;
    background-color: #d1d5db;
    border-radius: 30px;
    transition: background-color 0.2s;
}

    .ff-toggle-slider[b-l4lw0pzt1o]::before {
        content: '';
        position: absolute;
        height: 24px;
        width: 24px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        border-radius: 50%;
        transition: transform 0.2s;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.ff-toggle input:checked + .ff-toggle-slider[b-l4lw0pzt1o] {
    background-color: var(--primary-color);
}

.ff-toggle input:checked + .ff-toggle-slider[b-l4lw0pzt1o]::before {
    transform: translateX(26px);
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyLibraryCategory/AdminCustomSurveyLibraryCategories.razor.rz.scp.css */
.page-container[b-u1sqb8bnf7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table-container[b-u1sqb8bnf7] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-question-btn-container[b-u1sqb8bnf7] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.table-row[b-u1sqb8bnf7] {
    display: flex;
    width: 100%;
    gap: 20px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-u1sqb8bnf7] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-u1sqb8bnf7] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-u1sqb8bnf7] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading[b-u1sqb8bnf7] {
    font-size: 15px;
    font-weight: 500;
}

.table-column[b-u1sqb8bnf7] {
    flex: 1;
    flex-basis: 150px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-u1sqb8bnf7] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyLibraryCategory/AdminCustomSurveyLibraryCategoryDialog.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────── */
.dialog-backdrop[b-57hk80y5z1] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

/* ── Card ────────────────────────────────────────────────── */
.dialog-card[b-57hk80y5z1] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px 28px 32px;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Title ───────────────────────────────────────────────── */
.dialog-title[b-57hk80y5z1] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    color: var(--font-color);
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-57hk80y5z1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field label[b-57hk80y5z1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-57hk80y5z1] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-57hk80y5z1] {
    border-color: var(--primary-color, #00515a);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-57hk80y5z1] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
    transition: background 0.12s, border-color 0.12s;
}

.btn-primary[b-57hk80y5z1] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-57hk80y5z1] {
    background: var(--primary-btn-color-hover, #044952);
}

.btn-primary:disabled[b-57hk80y5z1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-ghost[b-57hk80y5z1] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-57hk80y5z1] {
    border-color: #c8cdd2;
}

/* ── Footer ──────────────────────────────────────────────── */
.form-footer[b-57hk80y5z1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line, #e7eaee);
    margin-top: 4px;
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyQuestion/AdminCustomSurveyLibraryQuestionDialog.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────── */
.dialog-backdrop[b-olvhrskf0i] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

/* ── Card ────────────────────────────────────────────────── */
.dialog-card[b-olvhrskf0i] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px 28px 32px;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Title ───────────────────────────────────────────────── */
.dialog-title[b-olvhrskf0i] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    color: var(--font-color);
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-olvhrskf0i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field label[b-olvhrskf0i] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-olvhrskf0i] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-olvhrskf0i] {
    border-color: var(--primary-color, #00515a);
}

/* ── Answer type pills ───────────────────────────────────── */
.answer-type-pills[b-olvhrskf0i] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pill[b-olvhrskf0i] {
    height: 34px;
    padding: 0 16px;
    border-radius: 20px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s, background 0.12s, color 0.12s;
    white-space: nowrap;
}

.pill:hover[b-olvhrskf0i] {
    border-color: #c8cdd2;
    background: #f5f6f8;
}

.pill--active[b-olvhrskf0i] {
    background: var(--primary-btn-color, #00383f);
    color: white;
    border-color: transparent;
}

.pill--active:hover[b-olvhrskf0i] {
    background: var(--primary-btn-color-hover, #044952);
}

/* ── eNPS toggle ─────────────────────────────────────────── */
.enps-toggle[b-olvhrskf0i] {
    background: #f0f4ff;
    border: 1px solid #c7d4f7;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.enps-toggle label[b-olvhrskf0i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    color: var(--font-color);
}

.enps-toggle input[type="checkbox"][b-olvhrskf0i] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #4f46e5;
    flex-shrink: 0;
}

.enps-hint[b-olvhrskf0i] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    margin: 0;
}

/* ── Section heading ─────────────────────────────────────── */
.form-section[b-olvhrskf0i] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted, #6b7682);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line, #e7eaee);
}

/* ── Choices ─────────────────────────────────────────────── */
.choices-list[b-olvhrskf0i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.choice-row[b-olvhrskf0i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.choice-row input[b-olvhrskf0i] {
    flex: 1;
    padding: 9px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    outline: none;
    transition: border-color 0.15s;
}

.choice-row input:focus[b-olvhrskf0i] {
    border-color: var(--primary-color, #00515a);
}

.btn-remove-choice[b-olvhrskf0i] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    color: var(--muted, #9aa4ad);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.12s, color 0.12s;
}

.btn-remove-choice:hover[b-olvhrskf0i] {
    border-color: #e0a0a0;
    color: #c0392b;
}

.choice-add-row[b-olvhrskf0i] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.choice-add-row input[b-olvhrskf0i] {
    flex: 1;
    padding: 9px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    outline: none;
    transition: border-color 0.15s;
}

.choice-add-row input:focus[b-olvhrskf0i] {
    border-color: var(--primary-color, #00515a);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-olvhrskf0i] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
    transition: background 0.12s, border-color 0.12s;
}

.btn-primary[b-olvhrskf0i] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-olvhrskf0i] {
    background: var(--primary-btn-color-hover, #044952);
}

.btn-primary:disabled[b-olvhrskf0i] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-ghost[b-olvhrskf0i] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-olvhrskf0i] {
    border-color: #c8cdd2;
}

.btn-secondary-outline[b-olvhrskf0i] {
    height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    white-space: nowrap;
}

.btn-secondary-outline:hover[b-olvhrskf0i] {
    border-color: #c8cdd2;
}

/* ── Footer ──────────────────────────────────────────────── */
.form-footer[b-olvhrskf0i] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line, #e7eaee);
    margin-top: 4px;
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyQuestion/AdminCustomSurveyLibraryQuestions.razor.rz.scp.css */
.page-container[b-o7n31xk7ii] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.table-container[b-o7n31xk7ii] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-question-btn-container[b-o7n31xk7ii] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.table-row[b-o7n31xk7ii] {
    display: flex;
    width: 100%;
    gap: 20px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-o7n31xk7ii] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-o7n31xk7ii] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-o7n31xk7ii] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading[b-o7n31xk7ii] {
    font-size: 15px;
    font-weight: 500;
}

.table-column[b-o7n31xk7ii] {
    flex: 1;
    flex-basis: 150px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-o7n31xk7ii] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyTemplate/AdminCreateCustomSurveyTemplate.razor.rz.scp.css */
/* ── Breadcrumbs ─────────────────────────────────────────── */
.topbar[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    padding-bottom: 14px;
}

.crumbs[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-n0aumlxs9k] { color: #c2c8cd; }
.crumbs a[b-n0aumlxs9k] { cursor: pointer; }
.crumbs a:hover[b-n0aumlxs9k] { color: var(--dark-primary-color); }
.crumbs .here[b-n0aumlxs9k] { color: var(--font-color); font-weight: 600; }

.page-heading[b-n0aumlxs9k] {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

/* ── Layout ──────────────────────────────────────────────── */
.page-container[b-n0aumlxs9k] {
    display: flex;
    justify-content: center;
    gap: 28px;
    padding: 16px 36px 120px;
    align-items: flex-start;
}

.main-content[b-n0aumlxs9k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 700px;
}

/* ── Form card ───────────────────────────────────────────── */
.form-card[b-n0aumlxs9k] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-n0aumlxs9k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-header[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field label[b-n0aumlxs9k] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-n0aumlxs9k],
.field textarea[b-n0aumlxs9k] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-n0aumlxs9k],
.field textarea:focus[b-n0aumlxs9k] {
    border-color: var(--primary-color, #00515a);
}

.field textarea[b-n0aumlxs9k] {
    height: 120px;
    resize: vertical;
    min-height: 80px;
}

.required[b-n0aumlxs9k] {
    color: var(--low-value-color);
    margin-left: 2px;
}

.char-counter[b-n0aumlxs9k] {
    align-self: flex-end;
    font-size: 12px;
    color: var(--muted, #959595);
}

/* ── Language toggle ─────────────────────────────────────── */
.lang-toggle[b-n0aumlxs9k] {
    display: flex;
    gap: 6px;
}

.lang-btn[b-n0aumlxs9k] {
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font);
    color: var(--font-color);
    transition: background 0.12s, border-color 0.12s;
}

.lang-btn.active[b-n0aumlxs9k] {
    background: var(--primary-btn-color, #00383f);
    color: white;
    border-color: transparent;
}

.lang-btn:not(.active):hover[b-n0aumlxs9k] { border-color: #c8cdd2; }

/* ── Anonymous badge ─────────────────────────────────────── */
.anonymous-badge[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color);
}

.anonymous-badge img[b-n0aumlxs9k] {
    width: 18px;
    height: 18px;
}

/* ── Fixed page footer ───────────────────────────────────── */
.page-footer[b-n0aumlxs9k] {
    width: 700px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: fixed;
    bottom: 0;
    padding: 20px 0;
    height: 100px;
    z-index: 100;
    background: linear-gradient(to top, var(--background-color) 60%, transparent 105%);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-n0aumlxs9k] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    font-family: var(--font);
    transition: background 0.12s, border-color 0.12s;
}

.btn-primary[b-n0aumlxs9k] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-n0aumlxs9k] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-n0aumlxs9k] { opacity: 0.5; cursor: not-allowed; }

.btn-ghost[b-n0aumlxs9k] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-n0aumlxs9k] { border-color: #c8cdd2; }

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar-content[b-n0aumlxs9k] {
    position: fixed;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-card[b-n0aumlxs9k] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebar-card h3[b-n0aumlxs9k] {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

.sidebar-card p[b-n0aumlxs9k] {
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin: 0;
}

.sidebar-card label[b-n0aumlxs9k] {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
}

/* ── Default toggle row ──────────────────────────────────── */
.default-row[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ── Section list header ─────────────────────────────────── */
.section-list-header[b-n0aumlxs9k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ── Section list ────────────────────────────────────────── */
.section-list[b-n0aumlxs9k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-list li[b-n0aumlxs9k] {
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    padding: 10px 12px;
    transition: border-color 0.12s;
    cursor: grab;
}

.section-list li:hover[b-n0aumlxs9k] {
    border-color: #c8cdd2;
}

.section-list-item[b-n0aumlxs9k] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
}

.drag-handle[b-n0aumlxs9k] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.section-list-divider[b-n0aumlxs9k] {
    width: 1px;
    height: 100%;
    background: var(--line, #e7eaee);
    flex-shrink: 0;
}

.section-list-text[b-n0aumlxs9k] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 2px;
}

.section-list-title[b-n0aumlxs9k] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-list-count[b-n0aumlxs9k] {
    font-size: 11px;
    color: var(--muted, #9aa4ad);
}

.trash-icon[b-n0aumlxs9k] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    opacity: 0.5;
    transition: opacity 0.12s;
    flex-shrink: 0;
}

.trash-icon:hover[b-n0aumlxs9k] {
    opacity: 1;
}
/* /Pages/ByHart/Admin/CustomSurvey/CustomSurveyTemplate/AdminCustomSurveyLibraryTemplates.razor.rz.scp.css */
.topbar[b-rhn5n8v3gm] {
    display: flex;
    align-items: center;
    padding-bottom: 14px;
}

.crumbs[b-rhn5n8v3gm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-rhn5n8v3gm] { color: #c2c8cd; }
.crumbs a[b-rhn5n8v3gm] { cursor: pointer; }
.crumbs a:hover[b-rhn5n8v3gm] { color: var(--dark-primary-color); }
.crumbs .here[b-rhn5n8v3gm] { color: var(--font-color); font-weight: 600; }

.page-container[b-rhn5n8v3gm] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}



.top-actions[b-rhn5n8v3gm] {
    display: flex;
    align-self: flex-end;
    align-items: center;
    gap: 16px;
}

.button-primary[b-rhn5n8v3gm] {
    display: flex;
}

.dev-seed-group[b-rhn5n8v3gm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dev-seed-input[b-rhn5n8v3gm] {
    padding: 6px 10px;
    border: 1px dashed #ca8a04;
    border-radius: 6px;
    font-size: 12px;
    background: #fef9c3;
    color: #92400e;
    font-family: inherit;
    width: 270px;
}

.dev-seed-btn[b-rhn5n8v3gm] {
    white-space: nowrap;
    padding: 6px 12px;
    background: #fef9c3;
    border: 1px dashed #ca8a04;
    border-radius: 6px;
    color: #92400e;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
}

.dev-seed-btn:hover[b-rhn5n8v3gm] {
    background: #fef08a;
}
/*Table*/
.table-container[b-rhn5n8v3gm] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
    height: max-content;
}

.content-container[b-rhn5n8v3gm] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
}

.number-of-results[b-rhn5n8v3gm] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}

.table-row[b-rhn5n8v3gm] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-rhn5n8v3gm] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-rhn5n8v3gm] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-rhn5n8v3gm] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-rhn5n8v3gm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-rhn5n8v3gm] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-rhn5n8v3gm] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-rhn5n8v3gm] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-rhn5n8v3gm] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.close-on-click-outside-container[b-rhn5n8v3gm] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.btn-spinner[b-rhn5n8v3gm] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: btn-spin 0.7s linear infinite;
    flex-shrink: 0;
}

@@keyframes btn-spin {
    to[b-rhn5n8v3gm] { transform: rotate(360deg); }
}
/* /Pages/ByHart/Admin/CustomSurvey/PredefinedActions/AdminCreateCustomSurveyPredefinedAction.razor.rz.scp.css */
.page-wrap[b-30gpp3gy0z] {
    padding: 28px 36px 60px 36px;
    width: 100%;
    max-width: 760px;
}

/* ── Breadcrumb ──────────────────────────────────────────── */
.crumbs[b-30gpp3gy0z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin-bottom: 22px;
}

.crumbs .sep[b-30gpp3gy0z] { color: #c2c8cd; }
.crumbs a[b-30gpp3gy0z] { cursor: pointer; }
.crumbs a:hover[b-30gpp3gy0z] { color: var(--dark-primary-color); }
.crumbs .here[b-30gpp3gy0z] { color: var(--font-color); font-weight: 600; }

/* ── Page title ──────────────────────────────────────────── */
.eyebrow[b-30gpp3gy0z] {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent, #4f46e5);
    font-weight: 700;
}

h1[b-30gpp3gy0z] {
    font-size: 26px;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
}

/* ── Form card ───────────────────────────────────────────── */
.form-card[b-30gpp3gy0z] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Section headings ────────────────────────────────────── */
.form-section[b-30gpp3gy0z] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted, #6b7682);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line, #e7eaee);
    margin-bottom: 4px;
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-30gpp3gy0z] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-30gpp3gy0z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[type="text"][b-30gpp3gy0z],
.field input[type="number"][b-30gpp3gy0z],
.field select[b-30gpp3gy0z],
.field textarea[b-30gpp3gy0z] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-30gpp3gy0z],
.field select:focus[b-30gpp3gy0z],
.field textarea:focus[b-30gpp3gy0z] {
    border-color: var(--primary-color, #00515a);
}

.field select:disabled[b-30gpp3gy0z] {
    background: #f5f6f8;
    color: var(--muted, #9aa4ad);
    cursor: not-allowed;
}

.field textarea[b-30gpp3gy0z] {
    resize: vertical;
    min-height: 80px;
}

/* ── Language toggle ─────────────────────────────────────── */
.lang-toggle[b-30gpp3gy0z] {
    display: flex;
    gap: 6px;
}

.lang-btn[b-30gpp3gy0z] {
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: background 0.12s, border-color 0.12s;
}

.lang-btn.active[b-30gpp3gy0z] {
    background: var(--primary-btn-color, #00383f);
    color: white;
    border-color: transparent;
}

.lang-btn:not(.active):hover[b-30gpp3gy0z] { border-color: #c8cdd2; }

/* ── Resources ───────────────────────────────────────────── */
.resource-add-row[b-30gpp3gy0z] {
    display: grid;
    grid-template-columns: 1fr 1.4fr auto;
    gap: 8px;
    align-items: center;
}

.resource-add-row input[b-30gpp3gy0z] {
    padding: 9px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    outline: none;
    transition: border-color 0.15s;
}

.resource-add-row input:focus[b-30gpp3gy0z] { border-color: var(--primary-color, #00515a); }

.btn-add-resource[b-30gpp3gy0z] {
    height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    white-space: nowrap;
    transition: border-color 0.12s;
}

.btn-add-resource:hover[b-30gpp3gy0z] { border-color: #c8cdd2; }

.resource-list[b-30gpp3gy0z] {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.resource-item[b-30gpp3gy0z] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #fafbfc;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 13px;
}

.resource-item .r-name[b-30gpp3gy0z] { font-weight: 600; color: var(--font-color); flex-shrink: 0; }
.resource-item .r-url[b-30gpp3gy0z] { color: var(--muted, #6b7682); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.btn-remove-resource[b-30gpp3gy0z] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted, #9aa4ad);
    display: flex;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
    transition: color 0.12s;
}

.btn-remove-resource:hover[b-30gpp3gy0z] { color: #c0392b; }
.btn-remove-resource .material-symbols-outlined[b-30gpp3gy0z] { font-size: 18px; }

/* ── Form footer ─────────────────────────────────────────── */
.form-footer[b-30gpp3gy0z] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line, #e7eaee);
    margin-top: 4px;
}

.btn[b-30gpp3gy0z] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
}

.btn-primary[b-30gpp3gy0z] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-30gpp3gy0z] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-30gpp3gy0z] { opacity: 0.5; cursor: not-allowed; }

.btn-ghost[b-30gpp3gy0z] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-30gpp3gy0z] { border-color: #c8cdd2; }

/* ── Important toggle row ────────────────────────────────── */
.toggle-row[b-30gpp3gy0z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
    background: white;
    transition: border-color 0.15s, background 0.15s;
}

.toggle-row:hover[b-30gpp3gy0z] { border-color: #c8cdd2; }

.toggle-row--active[b-30gpp3gy0z] {
    border-color: #c8a900;
    background: #fffbeb;
}

.toggle-row-text[b-30gpp3gy0z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.toggle-row-label[b-30gpp3gy0z] {
    font-size: 14px;
    font-weight: 600;
    color: var(--font-color);
}

.toggle-row--active .toggle-row-label[b-30gpp3gy0z] {
    color: #92680a;
}

.toggle-row-desc[b-30gpp3gy0z] {
    font-size: 12px;
    color: var(--muted, #6b7682);
}

.toggle-switch[b-30gpp3gy0z] {
    flex-shrink: 0;
    width: 42px;
    height: 24px;
    border-radius: 12px;
    background: #d1d5db;
    position: relative;
    transition: background 0.2s;
}

.toggle-switch--on[b-30gpp3gy0z] { background: #c8a900; }

.toggle-knob[b-30gpp3gy0z] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}

.toggle-switch--on .toggle-knob[b-30gpp3gy0z] { transform: translateX(18px); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 700px) {
    .page-wrap[b-30gpp3gy0z] { padding: 18px 18px 48px; }
    .form-card[b-30gpp3gy0z] { padding: 18px; }
    .resource-add-row[b-30gpp3gy0z] { grid-template-columns: 1fr; }
}
/* /Pages/ByHart/Admin/CustomSurvey/PredefinedActions/AdminCustomSurveyPredefinedActionsOverview.razor.rz.scp.css */
.page-wrap[b-rg0g473s8r] {
    padding: 28px 36px 60px 36px;
    width: 100%;
}

/* ── Page header ─────────────────────────────────────────── */
.page-head[b-rg0g473s8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.page-title-block .eyebrow[b-rg0g473s8r] {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent, #4f46e5);
    font-weight: 700;
}

.page-title-block h1[b-rg0g473s8r] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.page-title-block .subtitle[b-rg0g473s8r] {
    color: var(--muted, #6b7682);
    margin-top: 4px;
    font-size: 14px;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-rg0g473s8r] {
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
}

.btn-primary[b-rg0g473s8r] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-rg0g473s8r] { background: var(--primary-btn-color-hover, #044952); }

.btn-ghost[b-rg0g473s8r] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-rg0g473s8r] { border-color: #c8cdd2; }

/* ── Search ──────────────────────────────────────────────── */
.search-bar[b-rg0g473s8r] {
    margin-bottom: 16px;
}

.search-input[b-rg0g473s8r] {
    height: 40px;
    padding: 0 14px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    width: 280px;
    outline: none;
    transition: border-color 0.15s;
}

.search-input:focus[b-rg0g473s8r] { border-color: var(--primary-color, #00515a); }
.search-input[b-rg0g473s8r]::placeholder { color: var(--muted, #9aa4ad); }

/* ── Table card ──────────────────────────────────────────── */
.table-card[b-rg0g473s8r] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    overflow: hidden;
}

/* ── Table rows ──────────────────────────────────────────── */
.t-row[b-rg0g473s8r] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr 2fr 130px 28px;
    gap: 16px;
    padding: 0 20px;
    align-items: center;
    border-bottom: 1px solid var(--line, #e7eaee);
}

.t-row:last-child[b-rg0g473s8r] { border-bottom: none; }

.t-row.hd[b-rg0g473s8r] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted, #6b7682);
    font-weight: 600;
    background: #fafbfc;
    cursor: default;
    height: 42px;
}

.t-row.hd .sort-btn[b-rg0g473s8r] {
    background: none;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font: inherit;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted, #6b7682);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.t-row.hd .sort-btn:hover[b-rg0g473s8r] { color: var(--font-color); }

.t-row.data[b-rg0g473s8r] {
    cursor: pointer;
    min-height: 54px;
}

.t-row.data:hover[b-rg0g473s8r] { background: #fafbfc; }

.t-cell[b-rg0g473s8r] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.t-cell strong[b-rg0g473s8r] {
    font-weight: 600;
    color: var(--font-color);
}

.t-cell .sub[b-rg0g473s8r] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-cell .muted[b-rg0g473s8r] {
    color: var(--muted, #9aa4ad);
    font-style: italic;
    font-size: 13px;
}

/* ── Range badges ────────────────────────────────────────── */
.range-badge[b-rg0g473s8r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 999px;
    white-space: nowrap;
}

.range-badge[b-rg0g473s8r]::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.range-red[b-rg0g473s8r]    { background: #fde8e8; color: #c0392b; }
.range-red[b-rg0g473s8r]::before    { background: #c0392b; }
.range-orange[b-rg0g473s8r] { background: #fef3e2; color: #c17d0a; }
.range-orange[b-rg0g473s8r]::before { background: #c17d0a; }
.range-green[b-rg0g473s8r]  { background: #e6f4ea; color: #27742e; }
.range-green[b-rg0g473s8r]::before  { background: #27742e; }

/* ── Chevron ─────────────────────────────────────────────── */
.t-chev[b-rg0g473s8r] {
    color: var(--muted, #9aa4ad);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ── Results count ───────────────────────────────────────── */
.results-count[b-rg0g473s8r] {
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin-bottom: 12px;
}

/* ── Pagination ──────────────────────────────────────────── */
.pagination-wrap[b-rg0g473s8r] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 18px 0 4px;
}

.pag-btn[b-rg0g473s8r] {
    height: 34px;
    min-width: 34px;
    padding: 0 8px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s;
}

.pag-btn:hover[b-rg0g473s8r] { border-color: #c8cdd2; }
.pag-btn.active[b-rg0g473s8r] { background: var(--primary-btn-color, #00383f); color: white; border-color: transparent; }
.pag-btn:disabled[b-rg0g473s8r] { opacity: 0.4; cursor: not-allowed; }
.pag-btn .material-symbols-outlined[b-rg0g473s8r] { font-size: 18px; }

.pag-info[b-rg0g473s8r] {
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin-left: 6px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .page-wrap[b-rg0g473s8r] { padding: 18px; }
    .t-row[b-rg0g473s8r] { grid-template-columns: 1fr 1fr 110px 24px; }
    .t-row .t-cell:nth-child(3)[b-rg0g473s8r],
    .t-row .t-cell:nth-child(4)[b-rg0g473s8r] { display: none; }
}
/* /Pages/ByHart/DeleteCompanies/DeleteCompanyAdmin.razor.rz.scp.css */
.delete-company-container[b-kbfh8d0hcr] {
    display: flex;
    flex-direction: column;
    align-items:center;
    gap: 20px;
}
.delete-company-container button[b-kbfh8d0hcr]{
margin-top:30px;
}
/* /Pages/ByHart/IndividualActions/Create/CreateIndividualAction.razor.rz.scp.css */
.create-pulse-template-container[b-ugg5bftmjq] {
    width: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    padding: 24px 44px;
}
.page-heading[b-ugg5bftmjq] {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}
.input-items-container[b-ugg5bftmjq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.input-item[b-ugg5bftmjq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
}

    .input-item label[b-ugg5bftmjq] {
        font-weight: 600;
        font-size: 15px;
    }

.resource-list-container[b-ugg5bftmjq] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.resource-list-item[b-ugg5bftmjq] {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style: disc;
    list-style-position: inside;
}

li[b-ugg5bftmjq] {
    list-style: disc;
    list-style-position: inside;
}

.bi-trash[b-ugg5bftmjq] {
    color: red;
}

.resource-item-link[b-ugg5bftmjq] {
    text-decoration: underline;
    color: var(--primary-color);
}

.resource-item-name[b-ugg5bftmjq] {
    font-weight: 500;
    font-size: 15px;
}

.add-resource-item[b-ugg5bftmjq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/*nav buttons*/
.nav-btn-container[b-ugg5bftmjq] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
}
/* /Pages/ByHart/IndividualActions/DetailedView/IndividualActionDetailedView.razor.rz.scp.css */
.pulse-action-details[b-ul0vm8li6z] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.back-btn-container[b-ul0vm8li6z] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-ul0vm8li6z] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-ul0vm8li6z] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-ul0vm8li6z] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}

.page-heading[b-ul0vm8li6z] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-ul0vm8li6z] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-ul0vm8li6z] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}


.category-icon-container[b-ul0vm8li6z] {
    width: 130px;
    height: 130px;
}

    .category-icon-container img[b-ul0vm8li6z] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.difficulty-container[b-ul0vm8li6z] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}


.difficulty-heading[b-ul0vm8li6z] {
    font-weight: 500;
    font-size: 20px;
}

.difficulty-element[b-ul0vm8li6z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-ul0vm8li6z] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.action-description-text[b-ul0vm8li6z] {
    margin-top: 10px;
    font-weight: 400;
}

.content-container[b-ul0vm8li6z] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-ul0vm8li6z] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-ul0vm8li6z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .pulse-action-info-container span[b-ul0vm8li6z] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }

.time-consumption[b-ul0vm8li6z] {
    font-weight: 400;
    line-height: 18px;
}

.info-heading[b-ul0vm8li6z], .resource-heading[b-ul0vm8li6z] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-ul0vm8li6z] {
    font-weight: 300;
}

.action-description-container[b-ul0vm8li6z] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-ul0vm8li6z] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-ul0vm8li6z] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-ul0vm8li6z] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-ul0vm8li6z] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-ul0vm8li6z] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-ul0vm8li6z] {
        color: #F49A41;
    }

/*Sidebar*/
.sidebar-container[b-ul0vm8li6z] {
    width: 25%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}



.purpose-heading[b-ul0vm8li6z] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .purpose-heading span[b-ul0vm8li6z] {
        color: var(--secondary-color);
    }

.purpose-container[b-ul0vm8li6z] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-ul0vm8li6z] {
    font-weight: 300;

}

.btn-container[b-ul0vm8li6z] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-ul0vm8li6z] {
        width: 100vw;
    }

    .action-details-container[b-ul0vm8li6z] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-ul0vm8li6z] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-ul0vm8li6z] {
        width: 100%;
    }

    .sidebar-container[b-ul0vm8li6z] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/ByHart/IndividualActions/Overview/IndividualActionsOverview.razor.rz.scp.css */
.page-container[b-u2d96qbsi3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 44px;
    flex: 0.8;
}

.content-container[b-u2d96qbsi3] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    margin-top: 50px;
}

.sidebar[b-u2d96qbsi3] {
    margin-top: 28px;
}

.table[b-u2d96qbsi3] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table-container[b-u2d96qbsi3] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-statement-container[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.number-of-results[b-u2d96qbsi3] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.table-row[b-u2d96qbsi3] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-u2d96qbsi3] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-u2d96qbsi3] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-u2d96qbsi3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-u2d96qbsi3] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-u2d96qbsi3] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-u2d96qbsi3] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 10px;
}

.table-item[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 100%;
    padding: 9px 0;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-u2d96qbsi3] {
    overflow: visible;
}




/*Paginator*/

.table-container .material-symbols-outlined[b-u2d96qbsi3] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-u2d96qbsi3] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-u2d96qbsi3] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-u2d96qbsi3] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-u2d96qbsi3] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-u2d96qbsi3] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}



.close-on-click-outside-container[b-u2d96qbsi3] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/ByHart/PulseActions/CreatePulseActionTemplate.razor.rz.scp.css */
.create-pulse-template-container[b-iet7e59lqy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    padding: 24px 54px;
    width:800px;
}
.page-heading[b-iet7e59lqy] {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}
.input-items-container[b-iet7e59lqy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.input-item[b-iet7e59lqy] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:5px;
}

    .input-item label[b-iet7e59lqy] {
        font-weight: 600;
       font-size:15px;
       
    }
    .resource-list-container[b-iet7e59lqy]{
        display:flex;
        flex-direction:column;
        margin:10px 0;
    }
.resource-list-item[b-iet7e59lqy] {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style:disc;
    list-style-position:inside;
}
li[b-iet7e59lqy]{
    list-style:disc;
    list-style-position:inside;
}

.bi-trash[b-iet7e59lqy]{
    color:red;
}


.resource-item-link[b-iet7e59lqy]{
    text-decoration:underline;
    color: var(--primary-color);
}

.resource-item-name[b-iet7e59lqy] {
font-weight:500;
font-size:15px;
}

.add-resource-item[b-iet7e59lqy]{
    display:flex;
    flex-direction:column;
    gap:10px;
}
/*nav buttons*/
.nav-btn-container[b-iet7e59lqy] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
}
/* /Pages/ByHart/PulseActions/PulseActionTemplateDetailedView.razor.rz.scp.css */
.pulse-action-details[b-si2o5et24j] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.back-btn-container[b-si2o5et24j] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-si2o5et24j] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-si2o5et24j] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-si2o5et24j] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}

.page-heading[b-si2o5et24j] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-si2o5et24j] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.hero[b-si2o5et24j] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}


.category-icon-container[b-si2o5et24j] {
    width: 130px;
    height: 130px;
}

    .category-icon-container img[b-si2o5et24j] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.difficulty-container[b-si2o5et24j] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}


.difficulty-heading[b-si2o5et24j] {
    font-weight: 500;
    font-size: 20px;
}

.difficulty-element[b-si2o5et24j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-si2o5et24j] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.action-description-text[b-si2o5et24j] {
    margin-top: 10px;
    font-weight: 400;
}

.content-container[b-si2o5et24j] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-si2o5et24j] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-si2o5et24j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .pulse-action-info-container span[b-si2o5et24j] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }


.time-consumption[b-si2o5et24j] {
    font-weight: 400;
    line-height: 18px;
}

.info-heading[b-si2o5et24j], .resource-heading[b-si2o5et24j] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-si2o5et24j] {
    font-weight: 300;
}

.action-description-container[b-si2o5et24j] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-si2o5et24j] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-si2o5et24j] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-si2o5et24j] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-si2o5et24j] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-si2o5et24j] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-si2o5et24j] {
        color: #F49A41;
    }

/*Sidebar*/

.sidebar-container[b-si2o5et24j] {
    width: 25%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.purpose-heading[b-si2o5et24j] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .purpose-heading span[b-si2o5et24j] {
        color: var(--secondary-color);
    }

.purpose-container[b-si2o5et24j] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-si2o5et24j] {
    font-weight: 300;

}


.btn-container[b-si2o5et24j]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-top:20px;
}
/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-si2o5et24j] {
        width: 100vw;
    }

    .action-details-container[b-si2o5et24j] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-si2o5et24j] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-si2o5et24j] {
        width: 100%;
    }

    .sidebar-container[b-si2o5et24j] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/ByHart/PulseActions/PulseActionTemplateOverview.razor.rz.scp.css */
.page-container[b-vszy3zi5rt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 44px;
    flex: 0.8;
}

.content-container[b-vszy3zi5rt] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    margin-top: 50px;
}

.sidebar[b-vszy3zi5rt] {
    margin-top: 28px;
}

.table[b-vszy3zi5rt] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table-container[b-vszy3zi5rt] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-statement-container[b-vszy3zi5rt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.number-of-results[b-vszy3zi5rt] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.table-row[b-vszy3zi5rt] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-vszy3zi5rt] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-vszy3zi5rt] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-vszy3zi5rt] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-vszy3zi5rt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-vszy3zi5rt] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-vszy3zi5rt] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-vszy3zi5rt] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 10px;
}

.table-item[b-vszy3zi5rt] {
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 100%;
    padding: 9px 0;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-vszy3zi5rt] {
    overflow: visible;
}




/*Paginator*/

.table-container .material-symbols-outlined[b-vszy3zi5rt] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-vszy3zi5rt] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-vszy3zi5rt] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-vszy3zi5rt] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-vszy3zi5rt] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-vszy3zi5rt] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-vszy3zi5rt] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-vszy3zi5rt] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}



.close-on-click-outside-container[b-vszy3zi5rt] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/ByHart/PulseLibraryQuestions/CreateQuestion/CreatePulseLibraryQuestion.razor.rz.scp.css */
.create-library-question-container[b-pjy9s0pnks] {
    width: 600px;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 9px;
    padding: 24px 44px;
}

.page-heading[b-pjy9s0pnks] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}

.content[b-pjy9s0pnks] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

/*Create new question Form*/

.input-items-container[b-pjy9s0pnks] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

select[b-pjy9s0pnks] {
    width: 100%;
}

.input-item[b-pjy9s0pnks] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position:relative;
}

    .input-item label[b-pjy9s0pnks] {
        font-weight: 600;
    }

.create-question-textarea[b-pjy9s0pnks] {
    border-radius: 10px;
    width: 100%;
    height: 100px;
    padding: 8px;
    resize: none;
}

.character-count[b-pjy9s0pnks] {
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: -25px;
    right: 7px;
}

/*nav buttons*/

.nav-btn-container[b-pjy9s0pnks]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:20px;
    margin-top:44px;
}

/* /Pages/ByHart/PulseLibraryQuestions/QuestionsOverview/PulseLibraryQuestions.razor.rz.scp.css */
.page-container[b-dx5b1faahf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 44px;
    flex: 0.8;
}

.content-container[b-dx5b1faahf] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    margin-top: 50px;
}

.sidebar[b-dx5b1faahf]{
    margin-top:28px;
}

.table[b-dx5b1faahf] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table-container[b-dx5b1faahf] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-statement-container[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.number-of-results[b-dx5b1faahf] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.table-row[b-dx5b1faahf] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-dx5b1faahf] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-dx5b1faahf] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-dx5b1faahf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-dx5b1faahf] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-dx5b1faahf] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-dx5b1faahf] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-dx5b1faahf] {
    overflow: visible;
}




/*Paginator*/

.table-container .material-symbols-outlined[b-dx5b1faahf] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-dx5b1faahf] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-dx5b1faahf] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-dx5b1faahf] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-dx5b1faahf] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-dx5b1faahf] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}



.close-on-click-outside-container[b-dx5b1faahf] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/ByHart/PulseTemplates/CreatePulseTemplate/CreatePulseTemplate.razor.rz.scp.css */
.create-pulse-template-container[b-5falfelyq8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 24px;
    flex: 0.8;
}

.page-heading[b-5falfelyq8] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}

.top-content[b-5falfelyq8] {
    width: 100%;
    display: flex;
    flex-direction:column;
}

.selected-question-summary[b-5falfelyq8] {
    width: 100%;
    padding: 24px 0;
}
.form-data[b-5falfelyq8]{
    display:flex;
    gap:24px;
}

.bi-toggle-on[b-5falfelyq8], .bi-toggle-off[b-5falfelyq8] {
    font-size: 30px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999;
}



ul[b-5falfelyq8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 340px;
    overflow: auto;
}

.selected-question-summary li[b-5falfelyq8] {
    font-size: 14px;
}

    .selected-question-summary li span[b-5falfelyq8] {
        font-weight: 500;
        font-size: 14px;
    }

.remove-btn-container[b-5falfelyq8] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.create-template-container[b-5falfelyq8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 0;
}

.select-image-container[b-5falfelyq8] {
    display: flex;
    gap: 100px;
}

.select-image-container label[b-5falfelyq8]{
margin:0;
}

.selected-image[b-5falfelyq8] {
    width: 100px;
    height: 100px;
}



.button-secondary[b-5falfelyq8]{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    width:100px;
    padding:0;
}

.input-item[b-5falfelyq8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

label[b-5falfelyq8] {
    width: 120px;
}

.selected-questions-counter-container[b-5falfelyq8] {
    width: 100%;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
}

.selected-questions-counter[b-5falfelyq8] {
    display: flex;
    gap: 3px;
    font-size: 20px;
    color: lightgray;
    position: fixed;
}


.category-filter[b-5falfelyq8] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 8%;
}

.checkbox-container[b-5falfelyq8] {
    position: absolute;
    top: 8px;
    right: 4px;
}

.bi-check-circle-fill[b-5falfelyq8] {
    font-size: 20px;
}

/*Table*/

.table[b-5falfelyq8] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.questions-container[b-5falfelyq8]{
    overflow-y:scroll;
    overflow-x:clip;

}
.table-container[b-5falfelyq8] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
    height: 500px;
}

.create-statement-container[b-5falfelyq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.number-of-results[b-5falfelyq8] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.table-row[b-5falfelyq8] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
    position:relative;
}

    .table-row:hover[b-5falfelyq8] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-5falfelyq8] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-5falfelyq8] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-5falfelyq8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-5falfelyq8] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-5falfelyq8] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-5falfelyq8] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-5falfelyq8] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-5falfelyq8] {
    overflow: visible;
}

.btns-container[b-5falfelyq8] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 8% 0 8%;
}

.remove-question-temp-table[b-5falfelyq8] {
    text-align: center;
    width: 100%;
}

/* /Pages/ByHart/PulseTemplates/PulseTemplatesOverview/PulseTemplatesOverview.razor.rz.scp.css */
.page-container[b-efjutah873] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 44px;
    flex: 0.8;
}

.content-container[b-efjutah873] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    margin-top: 50px;
}

.sidebar[b-efjutah873] {
    margin-top: 28px;
}

.table[b-efjutah873] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table-container[b-efjutah873] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.create-statement-container[b-efjutah873] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.number-of-results[b-efjutah873] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.table-row[b-efjutah873] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-efjutah873] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-efjutah873] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-efjutah873] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-efjutah873] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-efjutah873] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-efjutah873] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-efjutah873] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 10px;
}

.table-item[b-efjutah873] {
    font-size: 14px;
    width: 100%;
    padding:9px 0;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-efjutah873] {
    overflow: visible;
}




/*Paginator*/

.table-container .material-symbols-outlined[b-efjutah873] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-efjutah873] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-efjutah873] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-efjutah873] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-efjutah873] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-efjutah873] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-efjutah873] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-efjutah873] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}



.close-on-click-outside-container[b-efjutah873] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/CustomSurvey/Active/ActiveCustomSurveys.razor.rz.scp.css */
.active-container[b-zcmc60127i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}

/*filter bar*/
.filter-bar[b-zcmc60127i] {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-zcmc60127i] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-zcmc60127i] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


.grid-icon:hover[b-zcmc60127i], .list-icon:hover[b-zcmc60127i] {
    cursor: pointer;
}


/*grid & list containers*/
.cards-container-list[b-zcmc60127i] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.cards-container-grid[b-zcmc60127i] {
    margin-top: 18px;
    display: flex;
    flex-wrap:wrap;
    gap: 20px;
}

.placeholder-container[b-zcmc60127i] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-zcmc60127i] {
        font-weight: 500;
    }


@media only screen and (min-width: 1681px) {

    .cards-container-grid[b-zcmc60127i] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}

@media only screen and (max-width: 641px) {

    .cards-container-grid[b-zcmc60127i] {
        display: flex;
        flex-direction: column;
    }

    .filter-bar[b-zcmc60127i] {
        flex-direction: column;
        height: auto;
        margin: 0;
    }

        .filter-bar input[b-zcmc60127i], .filter-date-container span[b-zcmc60127i] {
            width: 100% !important;
        }

    .filter-date-container[b-zcmc60127i] {
        flex-direction: column;
    }

    .grid-icon[b-zcmc60127i], .list-icon[b-zcmc60127i] {
        display: none;
    }

    .input-item[b-zcmc60127i] {
        width: 100%;
    }
}
/* /Pages/CustomSurvey/Answer/AnswerCustomSurveyDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   AnswerCustomSurveyDialog.razor.css
   Scoped styles for the survey answer component
   ══════════════════════════════════════════════ */

/* ── Backdrop ── */
.survey-backdrop[b-oc10szppuc] {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 20, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
    animation: backdropIn-b-oc10szppuc 0.2s ease;
}

@keyframes backdropIn-b-oc10szppuc {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ── Sheet ── */
.survey-sheet[b-oc10szppuc] {
    background: #fff;
    border-radius: var(--survey-radius);
    box-shadow: var(--survey-shadow);
    width: 100%;
    max-width: 640px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: sheetIn-b-oc10szppuc 0.25s cubic-bezier(0.34, 1.3, 0.64, 1);
}

@keyframes sheetIn-b-oc10szppuc {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.98);
    }

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

/* ── Header ── */
.survey-header[b-oc10szppuc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 24px 16px;
    gap: 16px;
    border-bottom: 1px solid #f0f0ee;
    flex-shrink: 0;
}

.survey-eyebrow[b-oc10szppuc] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent);
    margin-bottom: 4px;
}

.survey-title[b-oc10szppuc] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.survey-close-btn[b-oc10szppuc] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f5f5f3;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
    margin-top: 2px;
}

    .survey-close-btn:hover[b-oc10szppuc] {
        background: #eee;
        color: #111;
    }

/* ── Progress ── */
.survey-progress-rail[b-oc10szppuc] {
    height: 3px;
    background: #f0f0ee;
    flex-shrink: 0;
}

.survey-progress-fill[b-oc10szppuc] {
    height: 100%;
    background: var(--survey-accent);
    transition: width 0.4s ease;
    border-radius: 0 2px 2px 0;
}

.survey-progress-label[b-oc10szppuc] {
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    font-size: 12px;
    color: #999;
    flex-shrink: 0;
    background: #fafaf9;
    border-bottom: 1px solid #f0f0ee;
}

/* ── Body (scrollable) ── */
.survey-body[b-oc10szppuc] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    scroll-behavior: smooth;
}

    .survey-body[b-oc10szppuc]::-webkit-scrollbar {
        width: 5px;
    }

    .survey-body[b-oc10szppuc]::-webkit-scrollbar-track {
        background: transparent;
    }

    .survey-body[b-oc10szppuc]::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 10px;
    }

/* ── Validation alert ── */
.survey-alert[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--survey-danger-light);
    color: var(--survey-danger);
    border: 1px solid #fecaca;
    border-radius: var(--survey-radius-sm);
    padding: 12px 16px;
    font-size: 13.5px;
    font-weight: 500;
    margin-bottom: 20px;
    animation: alertIn-b-oc10szppuc 0.2s ease;
}

@keyframes alertIn-b-oc10szppuc {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ── Category ── */
.survey-category[b-oc10szppuc] {
    margin-bottom: 28px;
}

.survey-category-header[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.survey-category-dot[b-oc10szppuc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--survey-accent);
    flex-shrink: 0;
}

.survey-category-title[b-oc10szppuc] {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.01em;
    flex: 1;
}

.survey-category-count[b-oc10szppuc] {
    font-size: 12px;
    color: #aaa;
}

/* ── Questions ── */
.survey-questions[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.survey-question[b-oc10szppuc] {
    display: flex;
    gap: 14px;
    background: #fafaf9;
    border: 1.5px solid #ebebea;
    border-radius: var(--survey-radius-sm);
    padding: 18px 16px;
    transition: border-color 0.2s, background 0.2s;
}

    .survey-question:focus-within[b-oc10szppuc] {
        border-color: #c7c4f0;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.07);
    }

    .survey-question.is-answered[b-oc10szppuc] {
        border-color: #bbf7d0;
        background: #fafffe;
    }

    .survey-question.is-invalid[b-oc10szppuc] {
        border-color: #fca5a5;
        background: var(--survey-danger-light);
    }

/* ── Status icon ── */
.survey-question-status[b-oc10szppuc] {
    flex-shrink: 0;
    padding-top: 1px;
}

.status-icon--done[b-oc10szppuc] {
    color: var(--survey-success);
}

.status-icon--empty[b-oc10szppuc] {
    color: #d4d4d0;
}

.survey-question.is-invalid .status-icon--empty[b-oc10szppuc] {
    color: #fca5a5;
}

/* ── Question body ── */
.survey-question-body[b-oc10szppuc] {
    flex: 1;
    min-width: 0;
}

.survey-question-text[b-oc10szppuc] {
    font-size: 14.5px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.5;
    margin-bottom: 16px;
}

.survey-answer-area[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Radio single ── */
.answer-radio-list[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.radio-choice[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s;
    border: 1.5px solid transparent;
}

    .radio-choice:hover[b-oc10szppuc] {
        background: #f0f0ee;
    }

.radio-choice--selected[b-oc10szppuc] {
    background: var(--survey-accent-light);
    border-color: #c7c4f0;
}

.radio-choice input[type="radio"][b-oc10szppuc] {
    display: none;
}

.radio-dot[b-oc10szppuc] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s;
    position: relative;
}

.radio-choice--selected .radio-dot[b-oc10szppuc] {
    border-color: var(--survey-accent);
}

    .radio-choice--selected .radio-dot[b-oc10szppuc]::after {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--survey-accent);
        position: absolute;
    }

.radio-label[b-oc10szppuc] {
    font-size: 13.5px;
    color: #333;
    line-height: 1.4;
}

.radio-choice--selected .radio-label[b-oc10szppuc] {
    color: #111;
    font-weight: 500;
}

/* ── Checkbox multiple ── */
.answer-checkbox-list[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checkbox-choice[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s;
    border: 1.5px solid transparent;
}

    .checkbox-choice:hover[b-oc10szppuc] {
        background: #f0f0ee;
    }

.checkbox-choice--selected[b-oc10szppuc] {
    background: var(--survey-accent-light);
    border-color: #c7c4f0;
}

.checkbox-choice input[type="checkbox"][b-oc10szppuc] {
    display: none;
}

.checkbox-box[b-oc10szppuc] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid #ccc;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, background 0.15s;
}

.checkbox-choice--selected .checkbox-box[b-oc10szppuc] {
    background: var(--survey-accent);
    border-color: var(--survey-accent);
    color: white;
}

.checkbox-label[b-oc10szppuc] {
    font-size: 13.5px;
    color: #333;
    line-height: 1.4;
}

.checkbox-choice--selected .checkbox-label[b-oc10szppuc] {
    color: #111;
    font-weight: 500;
}

/* ── Text inputs ── */
.survey-input[b-oc10szppuc],
.survey-textarea[b-oc10szppuc] {
    width: 100%;
    border: 1.5px solid #e4e4e0;
    border-radius: var(--survey-radius-sm);
    padding: 10px 13px;
    font-size: 14px;
    font-family: inherit;
    color: #111;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
    resize: vertical;
    outline: none;
}

    .survey-input:focus[b-oc10szppuc],
    .survey-textarea:focus[b-oc10szppuc] {
        border-color: var(--survey-accent);
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    }

.survey-textarea[b-oc10szppuc] {
    min-height: 90px;
}

.survey-textarea--inline[b-oc10szppuc] {
    min-height: 70px;
    margin-top: 4px;
    margin-left: 28px;
}

/* ── Scale buttons (1-5 / 1-10) ── */
.answer-scale[b-oc10szppuc] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.scale-btn[b-oc10szppuc] {
    width: 44px;
    height: 44px;
    border-radius: var(--survey-radius-sm);
    border: 1.5px solid #e4e4e0;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #444;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .scale-btn:hover[b-oc10szppuc] {
        border-color: var(--survey-accent);
        background: var(--survey-accent-light);
        color: var(--survey-accent);
        transform: translateY(-1px);
    }

.scale-btn--active[b-oc10szppuc] {
    background: var(--survey-accent);
    border-color: var(--survey-accent);
    color: #fff;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3);
}

.scale-labels[b-oc10szppuc] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaa;
    margin-top: 2px;
}

/* ── Slider ── */
.answer-slider[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.slider-value-bubble[b-oc10szppuc] {
    align-self: flex-start;
    background: var(--survey-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    min-width: 40px;
    text-align: center;
}

.survey-slider[b-oc10szppuc] {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
    background: #e4e4e0;
    outline: none;
    cursor: pointer;
}

    .survey-slider[b-oc10szppuc]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--survey-accent);
        border: 3px solid #fff;
        box-shadow: 0 1px 6px rgba(79, 70, 229, 0.35);
        cursor: pointer;
        transition: transform 0.1s;
    }

        .survey-slider[b-oc10szppuc]::-webkit-slider-thumb:hover {
            transform: scale(1.15);
        }

.slider-labels[b-oc10szppuc] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaa;
}

/* ── Footer ── */
.survey-footer[b-oc10szppuc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid #f0f0ee;
    background: #fafaf9;
    flex-shrink: 0;
}

.survey-page-dots[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.page-dot[b-oc10szppuc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    transition: background 0.2s, width 0.2s;
}

.page-dot--active[b-oc10szppuc] {
    background: var(--survey-accent);
    width: 20px;
    border-radius: 4px;
}

.page-dot--done[b-oc10szppuc] {
    background: var(--survey-success);
}

.survey-footer-actions[b-oc10szppuc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.survey-btn[b-oc10szppuc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border-radius: var(--survey-radius-sm);
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.1s;
    border: none;
    outline: none;
}

    .survey-btn:disabled[b-oc10szppuc] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none !important;
    }

.survey-btn--ghost[b-oc10szppuc] {
    background: transparent;
    color: #666;
    border: 1.5px solid #e4e4e0;
}

    .survey-btn--ghost:hover:not(:disabled)[b-oc10szppuc] {
        background: #f0f0ee;
        color: #111;
    }

.survey-btn--primary[b-oc10szppuc] {
    background: var(--survey-accent);
    color: #fff;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.25);
}

    .survey-btn--primary:hover:not(:disabled)[b-oc10szppuc] {
        background: var(--survey-accent-hover);
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
    }

/* ── Spinner ── */
.survey-spinner[b-oc10szppuc] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-oc10szppuc 0.7s linear infinite;
}

@keyframes spin-b-oc10szppuc {
    to {
        transform: rotate(360deg);
    }
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .survey-sheet[b-oc10szppuc] {
        max-height: 95vh;
        border-radius: var(--survey-radius) var(--survey-radius) 0 0;
    }

    .survey-backdrop[b-oc10szppuc] {
        align-items: flex-end;
        padding: 0;
    }

    .scale-btn[b-oc10szppuc] {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}
/* /Pages/CustomSurvey/Completed/CompletedCustomSurveys.razor.rz.scp.css */
.active-container[b-6de43acc7u] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}

/*filter bar*/
.filter-bar[b-6de43acc7u] {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-6de43acc7u] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-6de43acc7u] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


.grid-icon:hover[b-6de43acc7u], .list-icon:hover[b-6de43acc7u] {
    cursor: pointer;
}


/*grid & list containers*/
.cards-container-list[b-6de43acc7u] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.cards-container-grid[b-6de43acc7u] {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.placeholder-container[b-6de43acc7u] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-6de43acc7u] {
        font-weight: 500;
    }


@media only screen and (min-width: 1681px) {

    .cards-container-grid[b-6de43acc7u] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}

@media only screen and (max-width: 641px) {

    .cards-container-grid[b-6de43acc7u] {
        display: flex;
        flex-direction: column;
    }

    .filter-bar[b-6de43acc7u] {
        flex-direction: column;
        height: auto;
        margin: 0;
    }

        .filter-bar input[b-6de43acc7u], .filter-date-container span[b-6de43acc7u] {
            width: 100% !important;
        }

    .filter-date-container[b-6de43acc7u] {
        flex-direction: column;
    }

    .grid-icon[b-6de43acc7u], .list-icon[b-6de43acc7u] {
        display: none;
    }

    .input-item[b-6de43acc7u] {
        width: 100%;
    }
}
/* /Pages/CustomSurvey/Create/CreateCustomSurvey.razor.rz.scp.css */

.create-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 20px;
    padding: 24px;
    flex: 0.8;
}

.heading[b-9h4zwccabg] {
    font-weight: 700;
    font-size: 18px;
    color: black;
    display: flex;
    align-self: flex-start;
    margin-bottom: 12px;
}

/* =====================
   LAYOUT
===================== */

.step-content-wrapper[b-9h4zwccabg] {
    width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.step-body[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.step-section[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* =====================
   STEPPER
===================== */

.stepper[b-9h4zwccabg] {
    --active: var(--high-value-color);
    --done: var(--high-value-color);
    --next: #D9D9D9;
    width: 1000px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.step[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.circle[b-9h4zwccabg] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--next);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.line[b-9h4zwccabg] {
    flex: 1;
    height: 2px;
    background: var(--next);
    position: relative;
    top: -10px;
}

.stepper[style*="--step:1"] .step:nth-child(1) .circle[b-9h4zwccabg],
.stepper[style*="--step:2"] .step:nth-child(3) .circle[b-9h4zwccabg],
.stepper[style*="--step:3"] .step:nth-child(5) .circle[b-9h4zwccabg],
.stepper[style*="--step:4"] .step:nth-child(7) .circle[b-9h4zwccabg],
.stepper[style*="--step:5"] .step:nth-child(9) .circle[b-9h4zwccabg] {
    background: var(--active);
    color: #fff;
}

.stepper[style*="--step:2"] .step:nth-child(1) .circle[b-9h4zwccabg],
.stepper[style*="--step:3"] .step:nth-child(-n+3) .circle[b-9h4zwccabg],
.stepper[style*="--step:4"] .step:nth-child(-n+5) .circle[b-9h4zwccabg],
.stepper[style*="--step:5"] .step:nth-child(-n+7) .circle[b-9h4zwccabg] {
    background: var(--done);
    color: #fff;
}

.stepper[style*="--step:2"] .line:nth-child(2)[b-9h4zwccabg],
.stepper[style*="--step:3"] .line:nth-child(-n+4)[b-9h4zwccabg],
.stepper[style*="--step:4"] .line:nth-child(-n+6)[b-9h4zwccabg],
.stepper[style*="--step:5"] .line:nth-child(-n+8)[b-9h4zwccabg] {
    background: var(--done);
}

/* =====================
   NAVIGATION BUTTONS
===================== */

.step-nav-fixed[b-9h4zwccabg] {
    width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-top: 30px;
    position: fixed;
    bottom: 0px;
    height: 146px;
    z-index: 100;
    background: linear-gradient(to top, var(--background-color) 60%, transparent 105%);
}

.btns-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-bottom: 24px;
}

.btn-group[b-9h4zwccabg] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

/* =====================
   SURVEY INFO CARD
===================== */

.survey-info-card[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--line, #e7eaee);
    background-color: white;
    padding: 24px;
    position: relative;
    z-index: 10;
}

.survey-info-header[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.survey-title-group[b-9h4zwccabg] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 410px;
}

.template-heading[b-9h4zwccabg] {
    font-size: 16px;
    font-weight: 700;
}

.anonymous-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .anonymous-container p[b-9h4zwccabg] {
        cursor: default;
    }

.info-field[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
}

    .info-field p[b-9h4zwccabg], h4[b-9h4zwccabg] {
        cursor: default;
    }

    .info-field h4[b-9h4zwccabg] {
        font-weight: 500;
    }

.description-heading[b-9h4zwccabg] {
    font-size: 14px;
    font-weight: 600;
    color: #6b7682;
}

/* =====================
   SECTIONS (STEP 1)
===================== */

.empty-sections[b-9h4zwccabg] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: dashed 2px var(--line, #e7eaee);
    width: 100%;
    border-radius: 16px;
    height: 200px;
}

.sections-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.section-item[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 16px;
    border: 1px solid var(--line, #e7eaee);
    padding: 20px 24px;
    z-index: 10;
}

.section-header[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .section-header p[b-9h4zwccabg] {
        cursor: default;
    }

    .section-header img[b-9h4zwccabg] {
        cursor: pointer;
        width: 20px;
        height: 20px;
    }

.section-title-group[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-heading[b-9h4zwccabg] {
    font-size: 16px;
    font-weight: 700;
}

.question-count[b-9h4zwccabg] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 17px;
    padding: 0 5px;
}

    .question-count p[b-9h4zwccabg] {
        font-size: 10px;
        font-weight: 600;
    }

/* =====================
   QUESTIONS
===================== */

.empty-questions[b-9h4zwccabg] {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

    .empty-questions .heading[b-9h4zwccabg] {
        font-size: 12px;
        width: auto;
        padding: 0;
    }

    .empty-questions .paragraph[b-9h4zwccabg] {
        font-size: 11px;
        width: auto;
    }

.questions-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.question-item[b-9h4zwccabg] {
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    background-color: #fafbfc;
    width: 100%;
    cursor: default;
}

    .question-item p[b-9h4zwccabg] {
        cursor: default;
    }

.question-content[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.question-row[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question[b-9h4zwccabg] {
    font-size: 14px;
    font-weight: 500;
    word-break: break-all;
}

.answer-type[b-9h4zwccabg] {
    display: flex;
    padding: 2px 7px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: #f0f2f5;
    color: #6b7682;
    font-size: 11px;
    font-weight: 600;
    width: max-content;
}

.radio-btn[b-9h4zwccabg] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #505860;
}

.choice-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.choice[b-9h4zwccabg] {
    font-size: 11px;
    font-weight: 500;
}

/* =====================
   RECIPIENTS CARD (STEP 2)
===================== */

.recipients-card[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: white;
    border-radius: 16px;
    border: 1px solid var(--line, #e7eaee);
    padding: 20px 24px;
}

.input-item[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

    .input-item label[b-9h4zwccabg] {
        margin: 0;
        font-size: 13px;
        font-weight: 600;
    }

.input-group[b-9h4zwccabg] {
    display: flex;
    gap: 24px;
}

.dropdown-row[b-9h4zwccabg] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-9h4zwccabg] {
        font-size: 14px;
        text-align: center;
    }

.profile-img-container[b-9h4zwccabg] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-9h4zwccabg] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-9h4zwccabg] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-9h4zwccabg] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}

/* =====================
   SCHEDULE CARD (STEP 2)
===================== */

.schedule-card[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: white;
    border-radius: 16px;
    border: 1px solid var(--line, #e7eaee);
    padding: 20px 24px;
}

.date-picker-text[b-9h4zwccabg] {
    font-weight: 500;
    width: max-content;
    margin-bottom: 10px;
}

/* =====================
   RESPONSIVE
===================== */

@media only screen and (max-width: 641px) {
    .btns-container[b-9h4zwccabg], .btn-group[b-9h4zwccabg] {
        flex-direction: column;
        gap: 15px;
    }
}
/* /Pages/CustomSurvey/Create/CustomSurveySummaryComponent.razor.rz.scp.css */
body[b-pw2w0kv1d9] {
}
.summary-container[b-pw2w0kv1d9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

.summary[b-pw2w0kv1d9] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 20px 24px;
    border-radius: 16px;
    border: 1px solid var(--line, #e7eaee);
}


.summary-item[b-pw2w0kv1d9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}

.card-icons-container[b-pw2w0kv1d9] {
    display: flex;
    width: max-content;
    position: relative;
}



    .card-icons-container:hover .category-tooltip[b-pw2w0kv1d9] {
        display: flex;
    }

.icon-border-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}



.pulse-template-icon-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}



    .pulse-template-icon-container p[b-pw2w0kv1d9] {
        font-size: 12px;
    }


.icon-border-container:first-child[b-pw2w0kv1d9] {
    margin-left: 0; /* first icon stays in place */
}




.category-tooltip[b-pw2w0kv1d9] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .category-tooltip p[b-pw2w0kv1d9] {
        font-size: 12px;
    }

.card-category-icon[b-pw2w0kv1d9] {
    width: 15px;
    height: 15px;
}

/*team icons*/
.team-icons-container[b-pw2w0kv1d9] {
    display: flex;
    width: max-content;
    position: relative;
}



    .team-icons-container:hover .team-tooltip[b-pw2w0kv1d9] {
        display: flex;
    }

.outer-border-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.team-letter-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-pw2w0kv1d9] {
    font-size: 12px;
    cursor: default;
    font-weight: 500;
}

.team-name[b-pw2w0kv1d9] {
    font-weight: 500;
}


.team-tooltip[b-pw2w0kv1d9] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .team-tooltip p[b-pw2w0kv1d9] {
        font-size: 12px;
    }

/*   User icons*/

.user-icons-container[b-pw2w0kv1d9] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-pw2w0kv1d9] {
        display: flex;
    }

.outer-border-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

    .outer-border-container:first-child[b-pw2w0kv1d9] {
        margin-left: 0;
    }

.user-letter-container[b-pw2w0kv1d9], .profile-img-container[b-pw2w0kv1d9] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-pw2w0kv1d9] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-pw2w0kv1d9] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-pw2w0kv1d9] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-pw2w0kv1d9] {
        font-size: 12px;
    }



.summary-item:last-child[b-pw2w0kv1d9] {
    border: none;
}

.summary-iteam-heading[b-pw2w0kv1d9] {
    font-weight: 500;
    margin-bottom: 5px;
}

.summary-text[b-pw2w0kv1d9] {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.summary-label[b-pw2w0kv1d9] {
    font-weight: 300;
    width: 139px;
}

.summary-info[b-pw2w0kv1d9] {
    display: flex;
    flex: 1;
    font-weight: 300;
}

.summary-list[b-pw2w0kv1d9] {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
    gap: 5px;
    margin-bottom:0;
}


.show-preview-container[b-pw2w0kv1d9]{
    display:flex;
    align-items:center;
    gap:5px;
    cursor:pointer;
}
ul p[b-pw2w0kv1d9] {
    font-weight: 300;
}
/* /Pages/CustomSurvey/Create/PreviewSurveyDialog.razor.rz.scp.css */
span[b-u46gjty5s5]{
    font-family:var(--font);
}
/* ── Backdrop ── */
.survey-backdrop[b-u46gjty5s5] {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 20, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 16px;
    animation: backdropIn-b-u46gjty5s5 0.2s ease;
}

@keyframes backdropIn-b-u46gjty5s5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Sheet ── */
.survey-sheet[b-u46gjty5s5] {
    background: #fff;
    border-radius: var(--survey-radius);
    box-shadow: var(--survey-shadow);
    width: 100%;
    max-width: 640px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: sheetIn-b-u46gjty5s5 0.25s cubic-bezier(0.34, 1.3, 0.64, 1);
    border-radius:6px;
}

@keyframes sheetIn-b-u46gjty5s5 {
    from { opacity: 0; transform: translateY(16px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Header ── */
.survey-header[b-u46gjty5s5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 24px 16px;
    gap: 16px;
    border-bottom: 1px solid #f0f0ee;
    flex-shrink: 0;
}

.survey-eyebrow[b-u46gjty5s5] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent);
    margin-bottom: 4px;
}

.survey-title[b-u46gjty5s5] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.survey-close-btn[b-u46gjty5s5] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f5f5f3;
    color: #666;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
    margin-top: 2px;
}

    .survey-close-btn:hover[b-u46gjty5s5] {
        background: #eee;
        color: #111;
    }

/* ── Body (scrollable) ── */
.survey-body[b-u46gjty5s5] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    scroll-behavior: smooth;
}

    .survey-body[b-u46gjty5s5]::-webkit-scrollbar { width: 5px; }
    .survey-body[b-u46gjty5s5]::-webkit-scrollbar-track { background: transparent; }
    .survey-body[b-u46gjty5s5]::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }

/* ── Category ── */
.survey-category[b-u46gjty5s5] {
    margin-bottom: 28px;
}

.survey-category-header[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.survey-category-dot[b-u46gjty5s5] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--survey-accent);
    flex-shrink: 0;
}

.survey-category-title[b-u46gjty5s5] {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.01em;
    flex: 1;
}

.survey-category-count[b-u46gjty5s5] {
    font-size: 12px;
    color: #aaa;
}

/* ── Questions ── */
.survey-questions[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.survey-question[b-u46gjty5s5] {
    display: flex;
    gap: 14px;
    background: #fafaf9;
    border: 1.5px solid #ebebea;
    border-radius: var(--survey-radius-sm);
    padding: 18px 16px;
    cursor: default;
}

/* ── Status icon ── */
.survey-question-status[b-u46gjty5s5] {
    flex-shrink: 0;
    padding-top: 1px;
}

.status-icon--empty[b-u46gjty5s5] {
    color: #d4d4d0;
}

/* ── Question body ── */
.survey-question-body[b-u46gjty5s5] {
    flex: 1;
    min-width: 0;
}

.survey-question-text[b-u46gjty5s5] {
    font-size: 14.5px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.5;
    margin-bottom: 16px;
}

.survey-answer-area[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Radio single ── */
.answer-radio-list[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.radio-choice[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 7px;
    border: 1.5px solid transparent;
}

.radio-choice input[type="radio"][b-u46gjty5s5] {
    display: none;
}

.radio-dot[b-u46gjty5s5] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    flex-shrink: 0;
}

.radio-label[b-u46gjty5s5] {
    font-size: 13.5px;
    color: #333;
    line-height: 1.4;
}

/* ── Checkbox multiple ── */
.answer-checkbox-list[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checkbox-choice[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 7px;
    border: 1.5px solid transparent;
}

.checkbox-choice input[type="checkbox"][b-u46gjty5s5] {
    display: none;
}

.checkbox-box[b-u46gjty5s5] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid #ccc;
    flex-shrink: 0;
}

.checkbox-label[b-u46gjty5s5] {
    font-size: 13.5px;
    color: #333;
    line-height: 1.4;
}

/* ── Text inputs ── */
.survey-input[b-u46gjty5s5],
.survey-textarea[b-u46gjty5s5] {
    width: 100%;
    border: 1.5px solid #e4e4e0;
    border-radius: var(--survey-radius-sm);
    padding: 10px 13px;
    font-size: 14px;
    font-family: inherit;
    color: #111;
    background: #fff;
    resize: none;
    outline: none;
    cursor: default;
}

.survey-textarea[b-u46gjty5s5] {
    min-height: 90px;
}

.survey-textarea--inline[b-u46gjty5s5] {
    min-height: 70px;
    margin-top: 4px;
    margin-left: 28px;
}

/* ── Scale buttons (1-5 / 1-10) ── */
.answer-scale[b-u46gjty5s5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.scale-btn[b-u46gjty5s5] {
    width: 44px;
    height: 44px;
    border-radius: var(--survey-radius-sm);
    border: 1.5px solid #e4e4e0;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #444;
    cursor: not-allowed;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.scale-labels[b-u46gjty5s5] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaa;
    margin-top: 2px;
}

/* ── Slider ── */
.answer-slider[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.slider-value-bubble[b-u46gjty5s5] {
    align-self: flex-start;
    background: var(--survey-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    min-width: 40px;
    text-align: center;
}

.survey-slider[b-u46gjty5s5] {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
    background: #e4e4e0;
    outline: none;
    cursor: default;
}

    .survey-slider[b-u46gjty5s5]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--survey-accent);
        border: 3px solid #fff;
        box-shadow: 0 1px 6px rgba(79, 70, 229, 0.35);
        cursor: default;
    }

.slider-labels[b-u46gjty5s5] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaa;
}

/* ── Footer ── */
.survey-footer[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid #f0f0ee;
    background: #fafaf9;
    flex-shrink: 0;
}

.survey-page-dots[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.page-dot[b-u46gjty5s5] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    transition: background 0.2s, width 0.2s;
}

.page-dot--active[b-u46gjty5s5] {
    background: var(--survey-accent);
    width: 20px;
    border-radius: 4px;
}

.page-dot--done[b-u46gjty5s5] {
    background: var(--survey-success);
}

.survey-footer-actions[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.survey-btn[b-u46gjty5s5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border-radius: var(--survey-radius-sm);
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer !important;
    border: none;
    outline: none;
}

.survey-btn--ghost[b-u46gjty5s5] {
    background: transparent;
    color: #666;
    border: 1.5px solid #e4e4e0;
}

    .survey-btn--ghost:hover[b-u46gjty5s5] {
        background: #f0f0ee;
        color: #111;
    }

/* ── Responsive ── */
@media (max-width: 480px) {
    .survey-sheet[b-u46gjty5s5] {
        max-height: 95vh;
        border-radius: var(--survey-radius) var(--survey-radius) 0 0;
    }

    .survey-backdrop[b-u46gjty5s5] {
        align-items: flex-end;
        padding: 0;
    }

    .scale-btn[b-u46gjty5s5] {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}
/* /Pages/CustomSurvey/Draft/CustomSurveyDraft.razor.rz.scp.css */
.draft-pulse-container[b-w3acvl1bhk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}



/*filter bar*/
.filter-bar[b-w3acvl1bhk] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-w3acvl1bhk] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-w3acvl1bhk] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


.grid-icon:hover[b-w3acvl1bhk], .list-icon:hover[b-w3acvl1bhk] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-w3acvl1bhk] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-w3acvl1bhk] {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.placeholder-container[b-w3acvl1bhk] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-w3acvl1bhk] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-w3acvl1bhk] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}


@media only screen and (max-width: 641px) {
    .filter-bar[b-w3acvl1bhk] {
        display: none;
    }

    .pulse-cards-container-grid[b-w3acvl1bhk] {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }

    pulse-cards-container-grid[b-w3acvl1bhk] {
    }

    .pulse-card-grid[b-w3acvl1bhk] {
    }

    .draft-pulse-container[b-w3acvl1bhk] {
        min-height: auto;
    }
}
/* /Pages/CustomSurvey/Overview/Components/CustomSurveyCard.razor.rz.scp.css */
/* Grid Card */
.grid[b-pspgo8yz8j] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: white;
    padding: 20px;
    width: 276px;
    /*    height:335px;*/
    cursor: pointer;
}

    .grid:hover[b-pspgo8yz8j] {
        box-shadow: var(--box-shadow);
    }

/* List Card */
.list[b-pspgo8yz8j] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 44px;
    padding: 10px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    cursor: pointer;
}

/* Card Header */
.header[b-pspgo8yz8j] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px;
    width: 100%;
}

.icon-wrapper[b-pspgo8yz8j] {
    display: flex;
    gap: 10px;
}

.icon-frame[b-pspgo8yz8j] {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.icon-inner[b-pspgo8yz8j] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.tags[b-pspgo8yz8j] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.list .tags[b-pspgo8yz8j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: 15px;
}

.tag-group[b-pspgo8yz8j] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width:max-content;
    gap: 5px;
}

.list .tag-group[b-pspgo8yz8j] {
    align-items: flex-start;
}

.tag-item[b-pspgo8yz8j] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    height: 17px;
}

    .tag-item p[b-pspgo8yz8j] {
        font-size: 10px;
        font-weight: 700;
    }

/* Published / Active / Scheduled */
.tag-published[b-pspgo8yz8j], .tag-active[b-pspgo8yz8j], .tag-scheduled[b-pspgo8yz8j] {
    width: 13px;
    height: 13px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
}

    .tag-published img[b-pspgo8yz8j] {
        width: 16px;
        height: 16px;
    }

.tag-active[b-pspgo8yz8j] {
    background-color: var(--high-value-color);
}

.tag-scheduled[b-pspgo8yz8j] {
    background-color: var(--mid-value-color);
}


    .tag-published:hover > .card-tooltip[b-pspgo8yz8j],
    .tag-active:hover > .card-tooltip[b-pspgo8yz8j],
    .tag-scheduled:hover > .card-tooltip[b-pspgo8yz8j] {
        display: flex;
    }

.card-tooltip[b-pspgo8yz8j] {
    display: none;
    position: absolute;
    top: -25px;
    right: 8px;
    background-color: white;
    border-radius: 6px;
    padding: 3px 10px;
    box-shadow: var(--box-shadow);
    font-size: 12px;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    .card-tooltip p[b-pspgo8yz8j] {
        font-size: 12px;
    }
/* Card Body */
.body[b-pspgo8yz8j] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tag-default[b-pspgo8yz8j] {
    background-color: var(--primary-btn-color);
    border: 1px solid var(--primary-btn-color);
    margin-bottom: 16px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    width: max-content;
}

    .tag-default p[b-pspgo8yz8j] {
        color: white;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.5px;
    }


.list .tag-default[b-pspgo8yz8j] {
    margin-right: 12px;
}

.tag-company[b-pspgo8yz8j] {
    background-color: white;
    border: 1px solid var(--primary-btn-color);
    margin-bottom: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    width: max-content;
}

    .tag-company p[b-pspgo8yz8j] {
        color: var(--primary-btn-color);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.5px;
    }


.title[b-pspgo8yz8j] {
    font-weight: 500;
    margin-bottom: 4px;
    width: 250px;
    text-align: left;
}

.template-name[b-pspgo8yz8j] {
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
    text-align: left;
}

.description[b-pspgo8yz8j] {
    margin-bottom: 20px;
    height: 90px;
}

    .description p[b-pspgo8yz8j] {
        font-size: 12px;
        font-weight: 400;
    }

.anonymous-outer-container[b-pspgo8yz8j] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anonymous[b-pspgo8yz8j] {
    display: flex;
    align-items: center;
}

    .anonymous p[b-pspgo8yz8j] {
        font-weight: 700;
        font-size: 12px;
    }

.time[b-pspgo8yz8j] {
    font-weight: 500;
    font-size: 12px;
    width: 250px;
    text-align: left;
}

.date[b-pspgo8yz8j] {
    font-size: 12px;
    font-weight: 500;
    margin-top: 16px;
    width: 250px;
    text-align: left;
}

.icon-delete[b-pspgo8yz8j] {
    cursor: pointer;
}

.icon-delete[b-pspgo8yz8j] {
    font-size: 20px;
    height: 20px;
    display: flex;
    justify-self: flex-end;
}

    .icon-delete:hover[b-pspgo8yz8j] {
        transform: scale(1.2);
    }

.list > *[b-pspgo8yz8j] {
    margin: 0;
}

@keyframes fadeIn-b-pspgo8yz8j {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Pages/CustomSurvey/Overview/Components/hero.razor.rz.scp.css */

.hero[b-w66i6hlffv] {
    display: flex;
    width: 100%;
    height: 190px;
    border-radius: 6px;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    padding: 31px;
    margin-bottom: 18px;
}


.hero-text-container[b-w66i6hlffv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-width: 400px;
}


.hero-btn-container[b-w66i6hlffv] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-icon-container[b-w66i6hlffv] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

span[b-w66i6hlffv] {
    color: var(--icon-color);
    font-size: 60px;
}

@media only screen and (max-width: 641px) {
    .hero[b-w66i6hlffv] {
        display: none;
    }
}
/* /Pages/CustomSurvey/Overview/CustomSurveyOverview.razor.rz.scp.css */
.loader-container[b-lwwg9ldp0k] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.overview-container[b-lwwg9ldp0k] {
    display: flex;
    gap: 3%;
    justify-content: center;
    width: 100%;
    height: 100%
}

h1[b-lwwg9ldp0k] {
    padding-left: 5px;
}

/*main content*/
.main-content[b-lwwg9ldp0k] {
    display: flex;
    flex-direction: column;
    /*    width: 70%;*/
    width: 100%;
}

.main-content-heading-container[b-lwwg9ldp0k] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}

.tooltip-container[b-lwwg9ldp0k] {
    position: absolute;
    top: 0px;
    right: -25px;
}

/*Tabs*/
.desktop-tabs-container[b-lwwg9ldp0k] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .desktop-tabs-container h5[b-lwwg9ldp0k] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor: default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }

.tab-hover-effect:hover[b-lwwg9ldp0k] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}

.tab-underline-active[b-lwwg9ldp0k] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-lwwg9ldp0k] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-lwwg9ldp0k] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}



/*
filter bar*/
.filter-bar[b-lwwg9ldp0k] {
    position: relative;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.search-icon[b-lwwg9ldp0k] {
    position: absolute;
    z-index: 100;
    left: 5px;
}

select[b-lwwg9ldp0k] {
    height: 38px;
}

.grid-icon:hover[b-lwwg9ldp0k], .list-icon:hover[b-lwwg9ldp0k] {
    cursor: pointer;
}
/*
PulseTemplates*/

.template-cards-container-list[b-lwwg9ldp0k] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.template-cards-container-grid[b-lwwg9ldp0k] {
    margin-top: 18px;
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    gap: 20px;
}

/*mobile view*/
.mobile-menu[b-lwwg9ldp0k], .menu-btn[b-lwwg9ldp0k] {
    display: none;
}


@media only screen and (min-width: 1681px) {
    .template-cards-container-grid[b-lwwg9ldp0k] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}


@media only screen and (max-width: 641px) {
    .overview-container[b-lwwg9ldp0k] {
        width: 100vw;
        flex-direction: column;
        gap: 0;
        padding: 20px;
    }


    .template-cards-container-grid[b-lwwg9ldp0k] {
        display: flex;
        flex-direction: column;
        gap: 18px;
        overflow-x: scroll;
    }

    .main-content[b-lwwg9ldp0k], .right-sidebar[b-lwwg9ldp0k] {
        width: 100%;
    }

    .right-sidebar[b-lwwg9ldp0k] {
        margin-top: 30px;
    }

    .hero[b-lwwg9ldp0k] {
        display: none;
    }

    .desktop-tabs-container[b-lwwg9ldp0k] {
        display: none;
    }

    .menu-btn[b-lwwg9ldp0k] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom: 30px;
    }

        .menu-btn p[b-lwwg9ldp0k] {
            font-weight: 500;
        }

    .mobile-menu[b-lwwg9ldp0k] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

        .mobile-menu p[b-lwwg9ldp0k] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-menu p:hover[b-lwwg9ldp0k] {
                background-color: var(--hover-color);
            }

    .grid-icon[b-lwwg9ldp0k], .list-icon[b-lwwg9ldp0k] {
        display: none;
    }
}
/* /Pages/CustomSurvey/Result/CustomSurveyResult.razor.rz.scp.css */
.template-cards-container[b-m4gnaosmh2] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 24px;
}

.template-card[b-m4gnaosmh2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 20px;
    width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 2px 2px 4px rgba(85, 102, 153, 0.11), 6px 6px 30px rgba(125, 153, 180, 0.25);
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    position: relative;
}

    .template-card:hover[b-m4gnaosmh2] {
        box-shadow: 4px 8px 24px rgba(85, 102, 153, 0.18), 0 2px 8px rgba(0,0,0,0.06);
    }

.template-card-icon[b-m4gnaosmh2] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--survey-accent-light, #eef2ff);
    color: var(--survey-accent, #4f46e5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.template-name[b-m4gnaosmh2] {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    line-height: 1.3;
    margin: 0;
}

.template-meta[b-m4gnaosmh2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.template-meta-item[b-m4gnaosmh2] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meta-value[b-m4gnaosmh2] {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-btn-color, #00383f);
    line-height: 1;
}

.meta-label[b-m4gnaosmh2] {
    font-size: 11px;
    color: #999;
    margin-top: 2px;
}

.template-meta-divider[b-m4gnaosmh2] {
    width: 1px;
    height: 28px;
    background: #e8e8e8;
}

.template-last-sent[b-m4gnaosmh2] {
    font-size: 12px;
    color: #aaa;
    margin: 0;
}

.template-card-arrow[b-m4gnaosmh2] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #ccc;
}

@media only screen and (max-width: 641px) {
    .template-cards-container[b-m4gnaosmh2] {
        flex-direction: column;
        align-items: center;
    }

    .template-card[b-m4gnaosmh2] {
        width: 100%;
        max-width: 340px;
    }
}
/* /Pages/CustomSurvey/Result/CustomSurveyResultDetail.razor.rz.scp.css */
/* ── Shared layout (duplicated from Overview since Blazor scoped CSS is per-component) ── */

.page-wrap[b-mpsocetu4y] {
    padding: 28px 36px 60px 36px;
    width: 100%;
}

.topbar[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
}

.crumbs[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-mpsocetu4y] { color: #c2c8cd; }
.crumbs a[b-mpsocetu4y] { cursor: pointer; }
.crumbs a:hover[b-mpsocetu4y] { color: var(--dark-primary-color); }
.crumbs .here[b-mpsocetu4y] { color: var(--font-color); font-weight: 600; }

.page-head[b-mpsocetu4y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-title-block .eyebrow[b-mpsocetu4y] {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent, #4f46e5);
    font-weight: 700;
}

.page-title-block h1[b-mpsocetu4y] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.page-title-block .subtitle[b-mpsocetu4y] {
    color: var(--muted, #6b7682);
    margin-top: 4px;
    font-size: 14px;
}

.page-actions[b-mpsocetu4y] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.btn[b-mpsocetu4y] {
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
}

.btn-primary[b-mpsocetu4y] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-mpsocetu4y] { background: var(--primary-btn-color-hover, #044952); }

.btn-ghost[b-mpsocetu4y] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-mpsocetu4y] { border-color: #c8cdd2; }

.btn:disabled[b-mpsocetu4y] { opacity: 0.65; cursor: not-allowed; }

/* Export dropdown */
.export-menu-wrap[b-mpsocetu4y] {
    position: relative;
}

.export-overlay[b-mpsocetu4y] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.export-menu[b-mpsocetu4y] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    z-index: 100;
    min-width: 200px;
    padding: 4px;
    white-space: nowrap;
}

.export-menu-item[b-mpsocetu4y] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    cursor: pointer;
    border-radius: 8px;
    font-family: var(--font);
    text-align: left;
}

.export-menu-item:hover[b-mpsocetu4y] { background: #f5f6f8; }
.export-menu-item:disabled[b-mpsocetu4y] { opacity: 0.5; cursor: not-allowed; }

.export-chev[b-mpsocetu4y] {
    transition: transform 0.2s;
    margin-left: 2px;
}

.export-chev.open[b-mpsocetu4y] { transform: rotate(180deg); }

.btn-spinner[b-mpsocetu4y] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: btn-spin-b-mpsocetu4y 0.7s linear infinite;
    flex-shrink: 0;
}

.btn-spinner--light[b-mpsocetu4y] {
    border-color: rgba(255,255,255,0.5);
    border-top-color: transparent;
}

@keyframes btn-spin-b-mpsocetu4y {
    to { transform: rotate(360deg); }
}

/* KPI grid */
.kpi-grid[b-mpsocetu4y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-mpsocetu4y] {
    background: var(--card, #ffffff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
    position: relative;
    overflow: visible;
}

.kpi.featured[b-mpsocetu4y] {
    background: var(--dark-primary-color, #00383f);
    color: white;
    border-color: transparent;
}

.kpi-label[b-mpsocetu4y] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kpi.featured .kpi-label[b-mpsocetu4y] { color: rgba(255,255,255,0.7); }

.kpi-value[b-mpsocetu4y] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.kpi-value .unit[b-mpsocetu4y] {
    font-size: 16px;
    color: var(--muted);
    font-weight: 500;
    margin-left: 4px;
}

.kpi.featured .kpi-value .unit[b-mpsocetu4y] { color: rgba(255,255,255,0.6); }

.kpi-foot[b-mpsocetu4y] {
    font-size: 12px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 6px;
}

.kpi.featured .kpi-foot[b-mpsocetu4y] { color: rgba(255,255,255,0.7); }

/* KPI donut */
.kpi-side[b-mpsocetu4y] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

/* Delta badges */
.delta[b-mpsocetu4y] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 6px;
}

.delta.up[b-mpsocetu4y] { color: #006e4a; background: #d6f7e8; }
.delta.down[b-mpsocetu4y] { color: #a01a3f; background: #ffd9e3; }
.delta.flat[b-mpsocetu4y] { color: var(--muted); background: #eaeef1; }

/* Status pills */
.status[b-mpsocetu4y] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
}

.status.ongoing[b-mpsocetu4y] { background: #e7f7f0; color: #006e4a; }
.status.closed[b-mpsocetu4y] { background: #eef0f3; color: var(--muted, #717F8D); }

.status.ongoing .pulse[b-mpsocetu4y] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary-color, #00db94);
    box-shadow: 0 0 0 0 rgba(0,219,148,.6);
    animation: pulse-b-mpsocetu4y 1.6s infinite;
}

.status.closed .pulse[b-mpsocetu4y] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b0b6bd;
}

@keyframes pulse-b-mpsocetu4y {
    0%   { box-shadow: 0 0 0 0   rgba(0,219,148,.6); }
    70%  { box-shadow: 0 0 0 6px rgba(0,219,148,0); }
    100% { box-shadow: 0 0 0 0   rgba(0,219,148,0); }
}

/* Block head */
.block-head[b-mpsocetu4y] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 4px;
}

.block-head h2[b-mpsocetu4y] { font-size: 18px; font-weight: 700; }
.block-head .hint[b-mpsocetu4y] { font-size: 12px; color: var(--muted, #6b7682); }

/* ── Detail-specific layout ── */

.with-rsidebar[b-mpsocetu4y] {
    display: flex;
    gap: 30px;
    width: 100%;
    align-items: flex-start;
}

.main-content[b-mpsocetu4y] {
    flex: 1;
    min-width: 0;
    padding-bottom: 48px;
}

.rsidebar-col[b-mpsocetu4y] {
    width: 240px;
    min-width: 240px;
}

/* Round pickers */
.round-pickers[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--card, #fff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    padding: 4px 6px;
}

.round-picker[b-mpsocetu4y] {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236b7682' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding: 0 28px 0 10px;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font);
    color: var(--font-color);
    cursor: pointer;
    border-radius: 8px;
    min-width: 175px;
    outline: none;
    transition: background-color 0.12s;
}

.round-picker:hover[b-mpsocetu4y] { background-color: #f5f6f8; }
.round-picker:focus[b-mpsocetu4y] { background-color: #f0f1fe; }
.round-picker:disabled[b-mpsocetu4y] { opacity: 0.5; cursor: not-allowed; }

.round-picker--compare[b-mpsocetu4y] {
    color: var(--muted, #6b7682);
}

.round-picker-vs[b-mpsocetu4y] {
    font-size: 11px;
    font-weight: 700;
    color: var(--muted, #6b7682);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    flex-shrink: 0;
    padding: 0 4px;
    user-select: none;
}

.round-picker-close[b-mpsocetu4y] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: none;
    color: var(--muted, #6b7682);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.12s, color 0.12s;
}

.round-picker-close:hover[b-mpsocetu4y] {
    background: #f0f0f5;
    color: var(--font-color);
}

/* Tabs */
.tabs[b-mpsocetu4y] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid var(--line, #e7eaee);
    margin-bottom: 18px;
    overflow-x: auto;
    overflow-y:hidden;
}

.tab[b-mpsocetu4y] {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s;
}

.tab:hover[b-mpsocetu4y] { color: var(--font-color); }

.tab.active[b-mpsocetu4y] {
    color: var(--survey-accent, #4f46e5);
/*    border-bottom-color: var(--survey-accent, #4f46e5);*/
}

.tab .count[b-mpsocetu4y] {
    font-size: 11px;
    background: #eef0f3;
    color: var(--muted);
    padding: 1px 6px;
    border-radius: 999px;
    font-weight: 600;
}

.tab.active .count[b-mpsocetu4y] {
    background: #ebe9fd;
    color: var(--survey-accent, #4f46e5);
}

/* Sections block */
.sections-block[b-mpsocetu4y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-card[b-mpsocetu4y] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 14px;
    overflow: hidden;
}
.section-head-compare-wrapper[b-mpsocetu4y]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
.section-head[b-mpsocetu4y] {
    display: grid;
    grid-template-columns: 1fr repeat(3, 90px) 28px;
    gap: 12px;
    padding: 16px 20px;
    align-items: center;
    cursor: pointer;
    user-select: none;
    width:100%;
}

.section-head:hover[b-mpsocetu4y] { background: #fafbfc; }
.section-head.open[b-mpsocetu4y] { background: #fafbfc; }

.section-head--compare-main[b-mpsocetu4y] {
    grid-template-columns: 1fr repeat(2, 90px) 28px;
}
.section-head--compare[b-mpsocetu4y] {
    grid-template-columns: 1fr repeat(2, 90px) 28px;
}

.section-id[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-dot[b-mpsocetu4y] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.section-name[b-mpsocetu4y] { font-size: 15px; font-weight: 600; }

.section-meta[b-mpsocetu4y] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    margin-top: 2px;
}

.section-stat[b-mpsocetu4y] { text-align: center; }

.section-stat .num[b-mpsocetu4y] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.section-stat .lbl[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7682);
    margin-top: 2px;
}

.chev[b-mpsocetu4y] {
    width: 18px;
    height: 18px;
    color: var(--muted);
    transition: transform 0.2s;
}

.section-head.open .chev[b-mpsocetu4y] { transform: rotate(180deg); }

/* Section body */
.section-body[b-mpsocetu4y] {
    border-top: 1px solid var(--line, #e7eaee);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Question card */
.q-card[b-mpsocetu4y] {
    background: #fafbfc;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    padding: 16px 18px;
}

.q-head[b-mpsocetu4y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.q-text[b-mpsocetu4y] { font-size: 15px; font-weight: 600; line-height: 1.4; }

.q-meta[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-size: 12px;
    color: var(--muted, #6b7682);
}

.pill[b-mpsocetu4y] {
    background: #eef0f3;
    color: var(--muted, #6b7682);
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 999px;
}

/* Anonymized guard */
.empty-anon[b-mpsocetu4y] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #f5f6f8;
    border-radius: 10px;
    padding: 14px 16px;
    color: var(--muted, #6b7682);
    font-size: 13px;
    line-height: 1.5;
}

.empty-anon svg[b-mpsocetu4y] { flex-shrink: 0; margin-top: 1px; }

/* Comments */
.comments-list[b-mpsocetu4y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.comment[b-mpsocetu4y] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.55;
}

.comment-foot[b-mpsocetu4y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
    color: var(--muted, #6b7682);
}

.create-action-link[b-mpsocetu4y] {
    cursor: pointer;
    color: var(--survey-accent, #4f46e5);
    font-weight: 600;
}

.create-action-link:hover[b-mpsocetu4y] { text-decoration: underline; }

.show-more[b-mpsocetu4y] {
    width: 100%;
    margin-top: 8px;
    padding: 10px;
    background: none;
    border: 1px dashed var(--line, #e7eaee);
    border-radius: 8px;
    color: var(--survey-accent, #4f46e5);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
}

.show-more:hover[b-mpsocetu4y] { background: #f5f5ff; }

/* ── Chart component styles (::deep penetrates child component scope) ── */

[b-mpsocetu4y] .likert-bar {
    display: flex;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

[b-mpsocetu4y] .likert-seg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: white;
    overflow: hidden;
    white-space: nowrap;
}

[b-mpsocetu4y] .likert-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 10px;
}

[b-mpsocetu4y] .legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--muted);
}

[b-mpsocetu4y] .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

[b-mpsocetu4y] .hbars {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-mpsocetu4y] .hbar-row {
    display: grid;
    grid-template-columns: 160px 1fr 80px;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

[b-mpsocetu4y] .hbar-label {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-mpsocetu4y] .hbar-track {
    background: #f0f2f4;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

[b-mpsocetu4y] .hbar-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s;
}

[b-mpsocetu4y] .hbar-value {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    gap: 4px;
    align-items: center;
}

[b-mpsocetu4y] .muted { color: var(--muted, #6b7682); font-weight: 400; }

[b-mpsocetu4y] .scale-cols { width: 100%; }

[b-mpsocetu4y] .scale-cols-grid {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 120px;
}

[b-mpsocetu4y] .scale-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

[b-mpsocetu4y] .scale-col-bar-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    gap: 4px;
}

[b-mpsocetu4y] .scale-col-val { font-size: 11px; font-weight: 600; color: var(--muted); }

[b-mpsocetu4y] .scale-col-bar {
    width: 100%;
    border-radius: 4px 4px 0 0;
    transition: height 0.3s;
    min-height: 2px;
}

[b-mpsocetu4y] .scale-col-label { font-size: 11px; color: var(--muted); margin-top: 4px; }

[b-mpsocetu4y] .scale-cols-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    font-size: 12px;
    color: var(--muted);
}

[b-mpsocetu4y] .scale-cols-avg { font-size: 13px; font-weight: 600; color: var(--font-color); }

[b-mpsocetu4y] .slider-hist { display: flex; flex-direction: column; gap: 16px; }

[b-mpsocetu4y] .slider-track {
    position: relative;
    height: 8px;
    background: #e7eaee;
    border-radius: 999px;
    margin: 20px 0 28px 0;
}

[b-mpsocetu4y] .slider-fill {
    position: absolute;
    left: 0; top: 0;
    height: 100%;
    background: var(--survey-accent, #4f46e5);
    border-radius: 999px;
    transition: width 0.3s;
}

[b-mpsocetu4y] .slider-knob {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: white;
    border: 2px solid var(--survey-accent, #4f46e5);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

[b-mpsocetu4y] .slider-knob-val {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--survey-accent, #4f46e5);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 6px;
    white-space: nowrap;
}

[b-mpsocetu4y] .slider-axis {
    position: absolute;
    bottom: -20px;
    left: 0; right: 0;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--muted);
}

[b-mpsocetu4y] .slider-buckets {
    display: flex;
    gap: 6px;
    height: 80px;
    align-items: flex-end;
}

[b-mpsocetu4y] .bucket {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

[b-mpsocetu4y] .bucket-bar-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    gap: 3px;
}

[b-mpsocetu4y] .bucket-val { font-size: 11px; font-weight: 600; color: var(--muted); }

[b-mpsocetu4y] .bucket-bar {
    width: 100%;
    background: var(--survey-accent, #4f46e5);
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
    min-height: 2px;
}

[b-mpsocetu4y] .bucket-label { font-size: 10px; color: var(--muted); margin-top: 4px; white-space: nowrap; }

[b-mpsocetu4y] .mini-donut { display: block; }

[b-mpsocetu4y] .enps-q-chart { display: flex; flex-direction: column; gap: 10px; }

[b-mpsocetu4y] .enps-q-score {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

[b-mpsocetu4y] .enps-q-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted, #6b7682);
}

[b-mpsocetu4y] .enps-q-num {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

[b-mpsocetu4y] .enps-q-num.pos { color: #006e4a; }
[b-mpsocetu4y] .enps-q-num.neg { color: #a01a3f; }

/* ── Responsive ── */

@media (max-width: 1200px) {
    .kpi-grid[b-mpsocetu4y] { grid-template-columns: repeat(2, 1fr); }

    .with-rsidebar[b-mpsocetu4y] {
        flex-direction: column;
    }

    .rsidebar-col[b-mpsocetu4y] {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 900px) {
    .section-head[b-mpsocetu4y] {
        grid-template-columns: 1fr 28px;
    }

    .section-stat[b-mpsocetu4y] { display: none; }
}

@media (max-width: 760px) {
    .page-wrap[b-mpsocetu4y] { padding: 18px; }
    .kpi-grid[b-mpsocetu4y] { grid-template-columns: 1fr 1fr; }
}

/* ── Jämförelse ──────────────────────────────────────────── */


.compare-close[b-mpsocetu4y] {
    padding: 9px 9px;
}

.compare-header[b-mpsocetu4y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 8px;
}

.s-col--diff[b-mpsocetu4y] {
    flex-shrink: 0;
    width: 96px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    padding-left: 18px;
    padding-right:20px;
    height:75px;
    border-left:3px solid var(--background-color);
}

.s-col--diff .num[b-mpsocetu4y] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.s-col--diff .lbl[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 2px;
}

.s-col--secondary[b-mpsocetu4y] {
    opacity: 0.85;
    border-left: 1px solid var(--line-soft, #eef0f3);
    padding-left: 22px;
}
.compare-col-label[b-mpsocetu4y] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 6px 0;
    border-bottom: 2px solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:10px;
}

    .compare-col-label.primary[b-mpsocetu4y] {
        color: var(--survey-accent, #4f46e5);
        border-color: var(--survey-accent, #4f46e5);
    }

    .compare-col-label.secondary[b-mpsocetu4y] {
        color: var(--dark-primary-color, #00383f);
        border-color: var(--dark-primary-color, #00383f);
    }

.compare-col-label.diff[b-mpsocetu4y] {
    color: var(--muted, #6b7682);
    border-color: #c2c8cd;
}

.compare-labels-row[b-mpsocetu4y] {
    display: flex;
    margin-bottom: 10px;
}

.compare-labels-row .compare-col-label[b-mpsocetu4y] {
    flex: 1;
    margin-bottom: 0;
}

.compare-labels-row .compare-col-label.diff[b-mpsocetu4y] {
    flex: 0 0 96px;
}

.section-compare-wrap[b-mpsocetu4y] {
    display: grid;
    grid-template-columns: 1fr 1fr 96px;
    align-items: stretch;
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 14px;
    overflow: hidden;
}

    .section-compare-wrap .section-head--compare-main[b-mpsocetu4y], .section-compare-wrap .section-head--compare[b-mpsocetu4y]{
        border-right: 1px solid var(--line, #e7eaee);
    }

.q-cell[b-mpsocetu4y] {
    padding: 16px 0 16px 16px;
}



.sec-diff-cell[b-mpsocetu4y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 14px;
}

.q-diff-cell[b-mpsocetu4y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 14px;
}

.sec-diff-cell .num[b-mpsocetu4y],
.q-diff-cell .num[b-mpsocetu4y] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.sec-diff-cell .lbl[b-mpsocetu4y],
.q-diff-cell .lbl[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 2px;
}

.diff-card[b-mpsocetu4y] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.diff-head[b-mpsocetu4y] {
    padding: 16px 14px;
    min-height: 71px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #fafbfc;
    border-bottom: 1px solid var(--line, #e7eaee);
}

.diff-num[b-mpsocetu4y] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.diff-num.pos[b-mpsocetu4y] { color: #006e4a; }
.diff-num.neg[b-mpsocetu4y] { color: #a01a3f; }
.diff-num.neutral[b-mpsocetu4y] { color: var(--muted, #6b7682); }

.diff-lbl[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7682);
    text-align: center;
}

.diff-body[b-mpsocetu4y] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid var(--line, #e7eaee);
}

.diff-row[b-mpsocetu4y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.diff-row-q[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7682);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.diff-row-val[b-mpsocetu4y] {
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.diff-row-val.pos[b-mpsocetu4y] { color: #006e4a; }
.diff-row-val.neg[b-mpsocetu4y] { color: #a01a3f; }
.diff-row-val.neutral[b-mpsocetu4y] { color: var(--muted, #6b7682); }

.q-card--compare .q-body-cols[b-mpsocetu4y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.q-diff-wrap[b-mpsocetu4y] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.q-diff-wrap .q-card[b-mpsocetu4y] {
    flex: 1;
    min-width: 0;
}

.q-col--diff[b-mpsocetu4y] {
    flex-shrink: 0;
    min-width: 76px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    border-left: 3px solid var(--background-color);
    margin-left:20px;
}

.q-col--diff .num[b-mpsocetu4y] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.q-col--diff .lbl[b-mpsocetu4y] {
    font-size: 11px;
    color: var(--muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 2px;
}

.q-col--secondary[b-mpsocetu4y] {
    opacity: 0.85;
    border-left: 1px solid var(--line-soft, #eef0f3);
    padding-left: 22px;
}

.likert-avg[b-mpsocetu4y] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-top: 10px;
    justify-content: flex-end;
}

.likert-avg-num[b-mpsocetu4y] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.likert-avg-lbl[b-mpsocetu4y] {
    font-size: 12px;
    color: var(--muted, #6b7682);
}

@media (max-width: 900px) {
    .q-card--compare .q-body-cols[b-mpsocetu4y] {
        grid-template-columns: 1fr;
    }
    .q-col--secondary[b-mpsocetu4y] {
        border-left: none;
        border-top: 1px solid var(--line-soft, #eef0f3);
        padding-left: 0;
        padding-top: 16px;
    }
    .compare-header[b-mpsocetu4y] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CustomSurvey/Result/CustomSurveyResultOverview.razor.rz.scp.css */
.page-wrap[b-gwyketfps0] {
    padding: 28px 36px 60px 36px;
    width: 100%;
}

/* Two-column flex layout (page + sidebar) */
.result-layout[b-gwyketfps0] {
    display: flex;
    gap: 30px;
    width: 100%;
}

.result-page[b-gwyketfps0] {
    flex: 1;
    min-width: 0;
    padding-bottom: 48px;
}

.right-side-container[b-gwyketfps0] {
    width: 240px;
    min-width: 240px;
}

/* Topbar / breadcrumbs */
.topbar[b-gwyketfps0] {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
}

.crumbs[b-gwyketfps0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-gwyketfps0] { color: #c2c8cd; }

.crumbs a[b-gwyketfps0] {
    cursor: pointer;
}

.crumbs a:hover[b-gwyketfps0] { color: var(--dark-primary-color); }

.crumbs .here[b-gwyketfps0] { color: var(--font-color); font-weight: 600; }

/* Page header */
.page-head[b-gwyketfps0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-title-block .eyebrow[b-gwyketfps0] {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--survey-accent, #4f46e5);
    font-weight: 700;
}

.page-title-block h1[b-gwyketfps0] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.page-title-block .subtitle[b-gwyketfps0] {
    color: var(--muted, #6b7682);
    margin-top: 4px;
    font-size: 14px;
}

.page-actions[b-gwyketfps0] {
    display: flex;
    gap: 10px;
}

/* Buttons */
.btn[b-gwyketfps0] {
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
}

.btn-primary[b-gwyketfps0] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-gwyketfps0] { background: var(--primary-btn-color-hover, #044952); }

.btn-ghost[b-gwyketfps0] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-gwyketfps0] { border-color: #c8cdd2; }

.btn:disabled[b-gwyketfps0] { opacity: 0.65; cursor: not-allowed; }

.btn-spinner[b-gwyketfps0] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: btn-spin-b-gwyketfps0 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes btn-spin-b-gwyketfps0 {
    to { transform: rotate(360deg); }
}

/* Export dropdown */
.export-menu-wrap[b-gwyketfps0] {
    position: relative;
}

.export-overlay[b-gwyketfps0] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.export-menu[b-gwyketfps0] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    z-index: 100;
    min-width: 200px;
    padding: 4px;
    white-space: nowrap;
}

.export-menu-item[b-gwyketfps0] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    cursor: pointer;
    border-radius: 8px;
    font-family: var(--font);
    text-align: left;
}

.export-menu-item:hover[b-gwyketfps0] { background: #f5f6f8; }
.export-menu-item:disabled[b-gwyketfps0] { opacity: 0.5; cursor: not-allowed; }

.export-chev[b-gwyketfps0] {
    transition: transform 0.2s;
    margin-left: 2px;
}

.export-chev.open[b-gwyketfps0] { transform: rotate(180deg); }

/* KPI grid */
.kpi-grid[b-gwyketfps0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.kpi[b-gwyketfps0] {
    background: var(--card, #ffffff);
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
    position: relative;
}

.kpi-side[b-gwyketfps0] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.kpi.featured[b-gwyketfps0] {
    background: var(--dark-primary-color, #00383f);
    color: white;
    border-color: transparent;
}

.kpi-label[b-gwyketfps0] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kpi.featured .kpi-label[b-gwyketfps0] { color: rgba(255,255,255,0.7); }

.kpi-value[b-gwyketfps0] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.kpi-value .unit[b-gwyketfps0] {
    font-size: 16px;
    color: var(--muted);
    font-weight: 500;
    margin-left: 4px;
}

.kpi.featured .kpi-value .unit[b-gwyketfps0] { color: rgba(255,255,255,0.6); }

.kpi-foot[b-gwyketfps0] {
    font-size: 12px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Delta badges */
.delta[b-gwyketfps0] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 6px;
}

.delta.up[b-gwyketfps0] { color: #006e4a; background: #d6f7e8; }
.delta.down[b-gwyketfps0] { color: #a01a3f; background: #ffd9e3; }
.delta.flat[b-gwyketfps0] { color: var(--muted); background: #eaeef1; }

/* Status pills */
.status[b-gwyketfps0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
}

.status.ongoing[b-gwyketfps0] { background: #e7f7f0; color: #006e4a; }
.status.closed[b-gwyketfps0] { background: #eef0f3; color: var(--muted, #717F8D); }

.status.ongoing .pulse[b-gwyketfps0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary-color, #00db94);
    box-shadow: 0 0 0 0 rgba(0,219,148,.6);
    animation: pulse-b-gwyketfps0 1.6s infinite;
}

.status.closed .pulse[b-gwyketfps0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b0b6bd;
}

@keyframes pulse-b-gwyketfps0 {
    0% { box-shadow: 0 0 0 0 rgba(0,219,148,.6); }
    70% { box-shadow: 0 0 0 6px rgba(0,219,148,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,219,148,0); }
}

/* Block head */
.block-head[b-gwyketfps0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 4px;
}

.block-head h2[b-gwyketfps0] { font-size: 18px; font-weight: 700; }
.block-head .hint[b-gwyketfps0] { font-size: 12px; color: var(--muted, #6b7682); }

/* Send list */
.send-list[b-gwyketfps0] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    overflow: hidden;
}

.send-row[b-gwyketfps0] {
    display: grid;
    grid-template-columns: 1fr 140px 140px 140px 110px 30px;
    gap: 16px;
    padding: 16px 20px;
    align-items: center;
    border-bottom: 1px solid var(--line, #e7eaee);
    cursor: pointer;
}

.send-row:hover[b-gwyketfps0] { background: #fafbfc; }
.send-row:last-child[b-gwyketfps0] { border-bottom: none; }

.send-row.hd[b-gwyketfps0] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted, #6b7682);
    font-weight: 600;
    cursor: default;
    background: #fafbfc;
}

.send-row.hd:hover[b-gwyketfps0] { background: #fafbfc; }

.send-title[b-gwyketfps0] { font-size: 15px; font-weight: 600; }
.send-sub[b-gwyketfps0] { font-size: 12px; color: var(--muted, #6b7682); margin-top: 2px; }

/* Response rate bar */
.rate-bar[b-gwyketfps0] {
    background: #f0f2f4;
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 4px;
}

.rate-fill[b-gwyketfps0] {
    background: var(--survey-accent, #4f46e5);
    height: 100%;
}

@media (max-width: 1300px) {
    .kpi-grid[b-gwyketfps0] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1100px) {
    .kpi-grid[b-gwyketfps0] { grid-template-columns: repeat(2, 1fr); }
    .send-row[b-gwyketfps0] { grid-template-columns: 1fr 100px 100px 110px; }
    .send-row :nth-child(2)[b-gwyketfps0], .send-row :nth-child(6)[b-gwyketfps0] { display: none; }

    .result-layout[b-gwyketfps0] {
        flex-direction: column;
    }

    .right-side-container[b-gwyketfps0] {
        width: 100%;
        min-width: unset;
    }
}

@media (max-width: 760px) {
    .page-wrap[b-gwyketfps0] { padding: 18px; }
    .kpi-grid[b-gwyketfps0] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/CustomSurvey/Templates/CreateCustomSurveyCompanyTemplate.razor.rz.scp.css */
/* ── Breadcrumbs ─────────────────────────────────────────── */
.topbar[b-qmfvhhtjyl] {
    display: flex;
    align-items: center;
    padding-bottom: 14px;
}

.crumbs[b-qmfvhhtjyl] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-qmfvhhtjyl] { color: #c2c8cd; }
.crumbs a[b-qmfvhhtjyl] { cursor: pointer; }
.crumbs a:hover[b-qmfvhhtjyl] { color: var(--dark-primary-color); }
.crumbs .here[b-qmfvhhtjyl] { color: var(--font-color); font-weight: 600; }

.page-heading[b-qmfvhhtjyl] {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

/* ── Layout ──────────────────────────────────────────────── */
.page-container[b-qmfvhhtjyl] {
    display: flex;
    justify-content: center;
    gap: 28px;
    padding: 16px 36px 120px;
    align-items: flex-start;
}

.main-content[b-qmfvhhtjyl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 700px;
}

/* ── Form card ───────────────────────────────────────────── */
.form-card[b-qmfvhhtjyl] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-qmfvhhtjyl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-header[b-qmfvhhtjyl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field label[b-qmfvhhtjyl] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-qmfvhhtjyl],
.field textarea[b-qmfvhhtjyl] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-qmfvhhtjyl],
.field textarea:focus[b-qmfvhhtjyl] {
    border-color: var(--primary-color, #00515a);
}

.field textarea[b-qmfvhhtjyl] {
    height: 120px;
    resize: vertical;
    min-height: 80px;
}

.required[b-qmfvhhtjyl] {
    color: var(--low-value-color);
    margin-left: 2px;
}

.char-counter[b-qmfvhhtjyl] {
    align-self: flex-end;
    font-size: 12px;
    color: var(--muted, #959595);
}

/* ── Anonymous badge ─────────────────────────────────────── */
.anonymous-badge[b-qmfvhhtjyl] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color);
}

.anonymous-badge img[b-qmfvhhtjyl] {
    width: 18px;
    height: 18px;
}

/* ── Fixed page footer ───────────────────────────────────── */
.page-footer[b-qmfvhhtjyl] {
    width: 700px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: fixed;
    bottom: 0;
    padding: 20px 0;
    height: 100px;
    z-index: 100;
    background: linear-gradient(to top, var(--background-color) 60%, transparent 105%);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-qmfvhhtjyl] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    font-family: var(--font);
    transition: background 0.12s, border-color 0.12s;
}

.btn-primary[b-qmfvhhtjyl] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-qmfvhhtjyl] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-qmfvhhtjyl] { opacity: 0.5; cursor: not-allowed; }

.btn-ghost[b-qmfvhhtjyl] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-qmfvhhtjyl] { border-color: #c8cdd2; }

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar-content[b-qmfvhhtjyl] {
    position: fixed;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-card[b-qmfvhhtjyl] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebar-card h3[b-qmfvhhtjyl] {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    color: var(--font-color);
}

.sidebar-card p[b-qmfvhhtjyl] {
    font-size: 13px;
    color: var(--muted, #6b7682);
    margin: 0;
}

.sidebar-card label[b-qmfvhhtjyl] {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
}

/* ── Section list header ─────────────────────────────────── */
.section-list-header[b-qmfvhhtjyl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ── Section list ────────────────────────────────────────── */
.section-list[b-qmfvhhtjyl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-list li[b-qmfvhhtjyl] {
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    padding: 10px 12px;
    transition: border-color 0.12s;
    cursor: grab;
}

.section-list li:hover[b-qmfvhhtjyl] {
    border-color: #c8cdd2;
}

.section-list-item[b-qmfvhhtjyl] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
}

.drag-handle[b-qmfvhhtjyl] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.section-list-divider[b-qmfvhhtjyl] {
    width: 1px;
    height: 100%;
    background: var(--line, #e7eaee);
    flex-shrink: 0;
}

.section-list-text[b-qmfvhhtjyl] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 2px;
}

.section-list-title[b-qmfvhhtjyl] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-list-count[b-qmfvhhtjyl] {
    font-size: 11px;
    color: var(--muted, #9aa4ad);
}

.trash-icon[b-qmfvhhtjyl] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    opacity: 0.5;
    transition: opacity 0.12s;
    flex-shrink: 0;
}

.trash-icon:hover[b-qmfvhhtjyl] {
    opacity: 1;
}
/* /Pages/CustomSurvey/Templates/CreateCustomSurveyQuestionDialog.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────── */
.dialog-backdrop[b-j9ikwufng6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

/* ── Card ────────────────────────────────────────────────── */
.dialog-card[b-j9ikwufng6] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px 28px 32px;
    width: 100%;
    max-width: 710px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Title ───────────────────────────────────────────────── */
.dialog-title[b-j9ikwufng6] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    color: var(--font-color);
}

/* ── Mode tabs ───────────────────────────────────────────── */
.mode-tabs[b-j9ikwufng6] {
    display: flex;
    gap: 6px;
    background: #f5f6f8;
    border-radius: 10px;
    padding: 4px;
}

.mode-tab[b-j9ikwufng6] {
    flex: 1;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--muted, #6b7682);
    transition: background 0.15s, color 0.15s;
}

.mode-tab--active[b-j9ikwufng6] {
    background: white;
    color: var(--font-color);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* ── Search field ────────────────────────────────────────── */
.search-field[b-j9ikwufng6] {
    position: relative;
}

.search-field input[b-j9ikwufng6] {
    width: 100%;
    padding: 10px 12px 10px 38px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.search-field input:focus[b-j9ikwufng6] {
    border-color: var(--primary-color, #00515a);
}

.search-icon[b-j9ikwufng6] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--muted, #9aa4ad);
    pointer-events: none;
}

/* ── Question list ───────────────────────────────────────── */
.question-list[b-j9ikwufng6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 2px;
}

.question-list[b-j9ikwufng6]::-webkit-scrollbar {
    width: 4px;
}

.question-list[b-j9ikwufng6]::-webkit-scrollbar-track {
    background: transparent;
}

.question-list[b-j9ikwufng6]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

.question-item[b-j9ikwufng6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    cursor: pointer;
    background: white;
    transition: border-color 0.12s, background 0.12s;
}

.question-item:hover[b-j9ikwufng6] {
    border-color: #c8cdd2;
    background: #fafbfc;
}

.question-item--selected[b-j9ikwufng6] {
    border-color: var(--primary-color, #00515a);
    background: #f0faf9;
}

.question-item-main[b-j9ikwufng6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.question-item-text[b-j9ikwufng6] {
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answer-badge[b-j9ikwufng6] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    background: #f0f2f5;
    border-radius: 6px;
    padding: 2px 8px;
    width: fit-content;
}

.check-icon[b-j9ikwufng6] {
    font-size: 20px;
    color: var(--primary-color, #00515a);
    flex-shrink: 0;
}

.no-results[b-j9ikwufng6] {
    font-size: 14px;
    color: var(--muted, #9aa4ad);
    text-align: center;
    padding: 20px 0;
    margin: 0;
}

/* ── Answer type pills ───────────────────────────────────── */
.answer-type-pills[b-j9ikwufng6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pill[b-j9ikwufng6] {
    height: 34px;
    padding: 0 16px;
    border-radius: 20px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s, background 0.12s, color 0.12s;
    white-space: nowrap;
}

.pill:hover[b-j9ikwufng6] {
    border-color: #c8cdd2;
    background: #f5f6f8;
}

.pill--active[b-j9ikwufng6] {
    background: var(--primary-btn-color, #00383f);
    color: white;
    border-color: transparent;
}

.pill--active:hover[b-j9ikwufng6] {
    background: var(--primary-btn-color-hover, #044952);
}

/* ── eNPS ────────────────────────────────────────────────── */
.enps-toggle[b-j9ikwufng6] {
    background: #f0f4ff;
    border: 1px solid #c7d4f7;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.enps-toggle label[b-j9ikwufng6] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    color: var(--font-color);
}

.enps-toggle input[type="checkbox"][b-j9ikwufng6] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #4f46e5;
    flex-shrink: 0;
}

.enps-hint[b-j9ikwufng6] {
    font-size: 12px;
    color: var(--muted, #6b7682);
    margin: 0;
}

/* ── Custom question fields ──────────────────────────────── */
.field[b-j9ikwufng6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-j9ikwufng6] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-j9ikwufng6],
.field select[b-j9ikwufng6] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-j9ikwufng6],
.field select:focus[b-j9ikwufng6] {
    border-color: var(--primary-color, #00515a);
}

/* ── Choices ─────────────────────────────────────────────── */
.choices-section[b-j9ikwufng6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-section[b-j9ikwufng6] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted, #6b7682);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line, #e7eaee);
}

.choices-list[b-j9ikwufng6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.choice-row[b-j9ikwufng6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.choice-row input[b-j9ikwufng6] {
    flex: 1;
    padding: 9px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    outline: none;
    transition: border-color 0.15s;
}

.choice-row input:focus[b-j9ikwufng6] {
    border-color: var(--primary-color, #00515a);
}

.btn-remove-choice[b-j9ikwufng6] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    color: var(--muted, #9aa4ad);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.12s, color 0.12s;
}

.btn-remove-choice:hover[b-j9ikwufng6] {
    border-color: #e0a0a0;
    color: #c0392b;
}

.choice-add-row[b-j9ikwufng6] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.choice-add-row input[b-j9ikwufng6] {
    flex: 1;
    padding: 9px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    outline: none;
    transition: border-color 0.15s;
}

.choice-add-row input:focus[b-j9ikwufng6] {
    border-color: var(--primary-color, #00515a);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-j9ikwufng6] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    font-family: var(--font);
    transition: background 0.12s, border-color 0.12s;
}

.btn-primary[b-j9ikwufng6] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-j9ikwufng6] {
    background: var(--primary-btn-color-hover, #044952);
}

.btn-primary:disabled[b-j9ikwufng6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-ghost[b-j9ikwufng6] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-j9ikwufng6] {
    border-color: #c8cdd2;
}

.btn-outline[b-j9ikwufng6] {
    height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    white-space: nowrap;
}

.btn-outline:hover[b-j9ikwufng6] {
    border-color: #c8cdd2;
}

/* ── Footer ──────────────────────────────────────────────── */
.form-footer[b-j9ikwufng6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line, #e7eaee);
    margin-top: auto;
}
/* /Pages/CustomSurvey/Templates/CustomSurveyTemplates.razor.rz.scp.css */
.topbar[b-96pxs47axw] {
    display: flex;
    align-items: center;
    padding-bottom: 14px;
}

.crumbs[b-96pxs47axw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--muted, #6b7682);
}

.crumbs .sep[b-96pxs47axw] { color: #c2c8cd; }
.crumbs a[b-96pxs47axw] { cursor: pointer; }
.crumbs a:hover[b-96pxs47axw] { color: var(--dark-primary-color); }
.crumbs .here[b-96pxs47axw] { color: var(--font-color); font-weight: 600; }

.main-content[b-96pxs47axw]{
    width:100%;
    display:flex;
    flex-direction:column;
}

.main-content-heading-container[b-96pxs47axw] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}
.tooltip-container[b-96pxs47axw] {
    position: absolute;
    top: 0px;
    right: -25px;
}

/*
filter bar*/
.filter-bar[b-96pxs47axw] {
    position: relative;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.search-icon[b-96pxs47axw] {
    position: absolute;
    z-index: 100;
    left: 5px;
}

select[b-96pxs47axw] {
    height: 38px;
}

.grid-icon:hover[b-96pxs47axw], .list-icon:hover[b-96pxs47axw] {
    cursor: pointer;
}
/*
PulseTemplates*/

.template-cards-container-list[b-96pxs47axw] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.template-cards-container-grid[b-96pxs47axw] {
    margin-top: 18px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}
/* /Pages/CustomSurvey/Templates/CustomSurveyTemplateSectionsEditor.razor.rz.scp.css */
/* ── Empty state ─────────────────────────────────────────── */
.no-categories-placeholder[b-jnmvh6r28k] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed var(--line, #e7eaee);
    width: 700px;
    border-radius: 16px;
    height: 101px;
    margin-top: 20px;
    cursor: pointer;
    color: var(--muted, #6b7682);
    font-size: 14px;
    transition: border-color 0.15s;
}

.no-categories-placeholder:hover[b-jnmvh6r28k] {
    border-color: #c8cdd2;
}

/* ── Sections list ───────────────────────────────────────── */
.sections-container[b-jnmvh6r28k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 700px;
}

/* ── Section card ────────────────────────────────────────── */
.section-item[b-jnmvh6r28k] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 20px 24px;
}

.outer-section-heading-container[b-jnmvh6r28k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.section-heading-container[b-jnmvh6r28k] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-heading[b-jnmvh6r28k] {
    font-size: 16px;
    font-weight: 700;
    color: var(--font-color);
}

.edit-item-grp[b-jnmvh6r28k] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.edit-item-grp img[b-jnmvh6r28k] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0.65;
    transition: opacity 0.12s;
}

.edit-item-grp img:hover[b-jnmvh6r28k] {
    opacity: 1;
}

/* ── Questions empty state ───────────────────────────────── */
.no-questions-placeholder-container[b-jnmvh6r28k] {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--muted, #9aa4ad);
}

.no-questions-placeholder-container .heading[b-jnmvh6r28k] {
    font-size: 13px;
}

/* ── Questions list ──────────────────────────────────────── */
.questions-container[b-jnmvh6r28k] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

/* ── Question card ───────────────────────────────────────── */
.question-item[b-jnmvh6r28k] {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    cursor: grab;
    width: 100%;
    background: #fafbfc;
    transition: border-color 0.12s;
}

.question-item:hover[b-jnmvh6r28k] {
    border-color: #c8cdd2;
}

.question-item-grp[b-jnmvh6r28k] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.question-type-container[b-jnmvh6r28k] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.question[b-jnmvh6r28k] {
    word-break: break-word;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    flex: 1;
}

.answer-type[b-jnmvh6r28k] {
    display: inline-flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 6px;
    background: #f0f2f5;
    font-size: 11px;
    font-weight: 600;
    color: var(--muted, #6b7682);
    white-space: nowrap;
    flex-shrink: 0;
}

.edit-question-item-grp[b-jnmvh6r28k] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.question-item-grp img[b-jnmvh6r28k],
.edit-question-item-grp img[b-jnmvh6r28k] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    opacity: 0.65;
    transition: opacity 0.12s;
}

.question-item-grp img:hover[b-jnmvh6r28k],
.edit-question-item-grp img:hover[b-jnmvh6r28k] {
    opacity: 1;
}

/* ── Choices ─────────────────────────────────────────────── */
.choice-container[b-jnmvh6r28k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line, #e7eaee);
}

.choice[b-jnmvh6r28k] {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted, #9aa4ad);
}

/* ── Add question button ─────────────────────────────────── */
.action-btns-container[b-jnmvh6r28k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.create-question-btn[b-jnmvh6r28k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s;
}

.create-question-btn:hover[b-jnmvh6r28k] {
    border-color: #c8cdd2;
}

.create-question-btn img[b-jnmvh6r28k] {
    width: 20px;
    height: 20px;
}

/* ── Add section button ──────────────────────────────────── */
.section-action-btns-container[b-jnmvh6r28k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    width: 700px;
}

.add-section-btn[b-jnmvh6r28k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s;
}

.add-section-btn:hover[b-jnmvh6r28k] {
    border-color: #c8cdd2;
}

.add-section-btn img[b-jnmvh6r28k] {
    width: 20px;
    height: 20px;
}
/* /Pages/CustomSurvey/Templates/EditSectionDialog.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────── */
.dialog-backdrop[b-6qf40dw2vx] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

/* ── Card ────────────────────────────────────────────────── */
.dialog-card[b-6qf40dw2vx] {
    background: white;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 16px;
    padding: 28px;
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Title ───────────────────────────────────────────────── */
.dialog-title[b-6qf40dw2vx] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    color: var(--font-color);
}

/* ── Field ───────────────────────────────────────────────── */
.field[b-6qf40dw2vx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field label[b-6qf40dw2vx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color);
}

.field input[b-6qf40dw2vx] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line, #e7eaee);
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font);
    color: var(--font-color);
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.field input:focus[b-6qf40dw2vx] {
    border-color: var(--primary-color, #00515a);
}

/* ── Mode toggle ─────────────────────────────────────────── */
.mode-toggle[b-6qf40dw2vx] {
    display: flex;
    background: #f0f2f5;
    border-radius: 12px;
    padding: 4px;
    gap: 4px;
}

.mode-toggle-btn[b-6qf40dw2vx] {
    flex: 1;
    height: 40px;
    border: none;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
    background: transparent;
    color: var(--muted, #6b7682);
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.mode-toggle-btn--active[b-6qf40dw2vx] {
    background: white;
    color: var(--font-color);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
}

/* ── Category pills ──────────────────────────────────────── */
.category-pills[b-6qf40dw2vx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pill[b-6qf40dw2vx] {
    height: 34px;
    padding: 0 16px;
    border-radius: 20px;
    border: 1px solid var(--line, #e7eaee);
    background: white;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font);
    color: var(--font-color);
    transition: border-color 0.12s, background 0.12s, color 0.12s;
    white-space: nowrap;
}

.pill:hover[b-6qf40dw2vx] {
    border-color: #c8cdd2;
    background: #f5f6f8;
}

.pill--active[b-6qf40dw2vx] {
    background: var(--primary-btn-color, #00383f);
    color: white;
    border-color: transparent;
}

.pill--active:hover[b-6qf40dw2vx] {
    background: var(--primary-btn-color-hover, #044952);
}

/* ── Footer ──────────────────────────────────────────────── */
.form-footer[b-6qf40dw2vx] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line, #e7eaee);
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn[b-6qf40dw2vx] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    font-family: var(--font);
}

.btn-primary[b-6qf40dw2vx] {
    background: var(--primary-btn-color, #00383f);
    color: white;
}

.btn-primary:hover[b-6qf40dw2vx] { background: var(--primary-btn-color-hover, #044952); }
.btn-primary:disabled[b-6qf40dw2vx] { opacity: 0.5; cursor: not-allowed; }

.btn-ghost[b-6qf40dw2vx] {
    color: var(--font-color);
    border: 1px solid var(--line, #e7eaee);
    background: white;
}

.btn-ghost:hover[b-6qf40dw2vx] { border-color: #c8cdd2; }
/* /Pages/Dashboard/AddTaskDialog.razor.rz.scp.css */

.add-task-dialog-container[b-7ip7xcj43a]{
    position:fixed;
    width:300px;
    top:30vh;
    display:flex;
    flex-direction:column;
}

.close-btn[b-7ip7xcj43a] {
    position: absolute;
    right: 20px;
    top: 10px;
}

.heading-container[b-7ip7xcj43a]{
    border-bottom:2px solid var(--neutral-color);
    margin-bottom:10px;

}

.heading-container h1[b-7ip7xcj43a]{
font-weight:600;
}

.new-task-container[b-7ip7xcj43a]{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:15px;

}

.pulse[b-7ip7xcj43a]{
background-color:var(--pulse-color);
}
.enps[b-7ip7xcj43a] {
    background-color: var(--enps-color);
}

.wellbeing[b-7ip7xcj43a] {
    background-color: var(--wellbeing-color);
}

.new-task-item[b-7ip7xcj43a]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:5px 10px;
    border-radius:5px;
}

.new-task-item:hover[b-7ip7xcj43a] {
filter:brightness(1.1);
cursor:pointer;
}

.new-task-item p[b-7ip7xcj43a]{
 color:white;
}

.bi-plus-circle[b-7ip7xcj43a]{
    color:white;
    font-size:20px;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */

.dashboard-loader-container[b-fkt9057lao] {
    position: fixed;
    top: 70px;
    bottom: 0;
    width: 100vw;
    background-color: var(--background-color);
    z-index: 200;
}

.todo-table-mobile-view[b-fkt9057lao] {
    display: none;
    width: 100%;
}

.todo-table-desktop-view[b-fkt9057lao] {
    display: block;
    width: 100%;
}

.dashboard-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 30px;
}

.greeting-container[b-fkt9057lao] {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    height: 70px;
    border-left: 4px solid var(--primary-color);
    padding-left: 10px;
}

.greeting-name-container[b-fkt9057lao] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .greeting-name-container img[b-fkt9057lao] {
        width: 30px;
        height: 30px;
    }

.greeting-container h1[b-fkt9057lao] {
    font-size: 36px;
    font-weight: 600;
}

.welcome-text[b-fkt9057lao] {
    font-weight: 500;
    padding-top: 10px;
}

.element-heading-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.element-heading-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    position:relative;
}
.element-heading[b-fkt9057lao] {
    font-size: 20px;
    font-weight: 600;
    color: black;
    width:max-content;
    position:relative;

}
.tooltip-container[b-fkt9057lao] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.see-all-link[b-fkt9057lao] {
color:black;
    line-height: 18px;
}
.see-all-link:hover[b-fkt9057lao] {
    text-decoration: underline;
    cursor:pointer;
}

.bottom-content-container[b-fkt9057lao] {
    display: flex;
    width: 100%;
    gap: 40px;
}



.answer-now-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    position: relative;
}

/*
Answer now*/
.answer-now-cards-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.answer-now-card[b-fkt9057lao] {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    position: relative;
    height: 96px;
    cursor: pointer;
    transition: ease-in-out .3s;
}


    .answer-now-card:hover[b-fkt9057lao] {
        box-shadow: var(--box-shadow);
    }


        .answer-now-card:hover .card-icon-container[b-fkt9057lao] {
            background-color: transparent;
        }


.card-icon[b-fkt9057lao] {
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color: var(--icon-background-color);
    border-radius: 50%;
}

    .card-icon img[b-fkt9057lao] {
        width: 25px;
        height: 25px;
    }

.card-icon-container[b-fkt9057lao] {
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.answer-now-text-content-container[b-fkt9057lao] {
    max-width: 392px;
    height: 100%;
    display: flex;
    padding: 15px 0;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

    .answer-now-text-content-container:hover .answer-now-popup[b-fkt9057lao] {
        display: block;
    }

.answer-now-popup[b-fkt9057lao] {
    position: absolute;
    bottom: -10px;
    max-width: 450px;
    left: 75px;
    top: -60px;
    padding: 15px;
    background-color: white;
    border-radius: 6px;
    display: none;
    height: max-content;
    z-index: 100;
    box-shadow: var(--box-shadow);
}

    .answer-now-popup p[b-fkt9057lao] {
        font-size: 12px;
        font-weight: 400;
    }

.answer-now-text-content-container h5[b-fkt9057lao] {
    font-weight: 500;
}


.number-of-questions-container[b-fkt9057lao] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #e3e3e3;
    border-radius: 5px;
    top: 10px;
    right: 10px;
    text-align: right;
    font-size: 10px;
    font-weight: 500;
    color: black;
    width: max-content;
    height: 17px;
    padding: 0px 5px;
}

.category-container p[b-fkt9057lao] {
    text-align: center;
}

.pulse-template-category-text[b-fkt9057lao] {
    font-weight: 300;
    font-size: 14px;
}

.answer-now-card-description-text[b-fkt9057lao] {
    width: 100%;
    margin-top: 5px;
}

.see-all-survey-btn[b-fkt9057lao] {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 47px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 6px;
    transition: ease-in-out .3s;
}
    .see-all-survey-btn:hover[b-fkt9057lao] {
        box-shadow: var(--box-shadow);
    }

    .see-all-survey-btn p[b-fkt9057lao] {
        color: black;
        font-size: 14px;
        font-family: var(--font);
        font-weight: 500;
    }

.answer-survey-placeholder-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: white;
    border-radius: 6px;
    height: 201px;
    margin-top: 10px;
}

    .answer-survey-placeholder-container img[b-fkt9057lao] {
        width: 100px;
        height: 100px;
    }

    /*Actions & personal advice*/
.left-bottom-content-container[b-fkt9057lao], .right-bottom-content-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    flex: 1;
  
}
.individual-action-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    width: 100%;

  
}
.recommended-actions-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.recommended-individual-actions-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;

}
/*recommended Cards*/

.recommended-action-cards-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    margin-bottom:30px;
}

.individual-action-cards-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}
.action-card[b-fkt9057lao] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: ease-in-out .3s;
    padding: 20px;
    height: 170px;
    gap: 10px;
}



    .action-card:hover[b-fkt9057lao] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-fkt9057lao] {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .action-img-container img[b-fkt9057lao] {
        width: 95%;
        height: 95%;
        object-fit: cover;
    }

.action-heading-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-fkt9057lao] {
    font-weight: 500;
    font-size: 14px;
}

.category-time-consumption p[b-fkt9057lao] {
    color: #979797;
    font-size: 10px;
}

.action-heading-item[b-fkt9057lao] {
    display: flex;
    align-items: center;
    gap: 5px;
}


.action-card-text-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;
}

.action-card-heading[b-fkt9057lao] {
    font-weight: 500;
}

.action-card-text-content[b-fkt9057lao] {
    font-weight: 300;
    margin-top: 10px;
}
/*Difficulty*/
.difficulty-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
}

    .difficulty-container p[b-fkt9057lao] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

.difficulty-element[b-fkt9057lao] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-fkt9057lao] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}


.recommended-action-placeholder-container[b-fkt9057lao] {
    width: 100%;
    margin-bottom:30px;
}

    .recommended-action-placeholder-container img[b-fkt9057lao] {
        width: 100px;
        height: 100px;
    }

    .recommended-action-placeholder-container .text-container[b-fkt9057lao] {
        width: 291px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
        align-items: center;
    }

    .recommended-action-placeholder-container h1[b-fkt9057lao] {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.42px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .recommended-action-placeholder-container p[b-fkt9057lao] {
        font-size: 11px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 15px */
        letter-spacing: 0.3px;
        text-align: center;
    }
/*Banner*/
.banner-container[b-fkt9057lao] {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 20px;
    height: 216px;
    position: relative;
}

    .banner-container img[b-fkt9057lao] {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.banner-overlay-content[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 100;
}

    .banner-overlay-content p[b-fkt9057lao] {
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        color: #333;
        margin-bottom: 8px;
    }

    .banner-overlay-content h1[b-fkt9057lao] {
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        color: black;
        margin-bottom: 20px;
    }

/*Team*/
.team-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top:30px;
}

.team-cards-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position:relative;
}


.team-card[b-fkt9057lao] {
    width: 286px;
    border-radius: 6px;
    cursor: pointer;
    background-color: white;
    position: relative;
    transition: ease-in-out .3s;
    height: 276px;
}



.card-content[b-fkt9057lao] {
    padding: 20px;
}

.card-heading[b-fkt9057lao] {
    font-weight: 500;
    font-size: 16px;
}

.team-card:hover[b-fkt9057lao] {
    box-shadow: var(--box-shadow);
}

.card-members-container[b-fkt9057lao] {
    padding-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot-devider[b-fkt9057lao] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #979797;
}

.card-members-container p[b-fkt9057lao] {
    font-weight: 500;
    font-weight: 300;
}

.team-info-container[b-fkt9057lao] {
    width: 60%;
    height: 130px;
}

.team-card-info-container[b-fkt9057lao] {
    margin-bottom: 10px;
}

.team-card img[b-fkt9057lao] {
    width: 100%;
    height: 147px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.team-img-placeholder[b-fkt9057lao] {
    width: 100%;
    height: 147px;
    background-color: #242e38;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:20px;
}

    .team-img-placeholder p[b-fkt9057lao] {
        color: white;
       text-align: center;

    }
/*
profile picture*/

.member-container[b-fkt9057lao] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

/*   User icons*/

.user-icons-container[b-fkt9057lao] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-fkt9057lao] {
        display: flex;
    }

.outer-border-container[b-fkt9057lao] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    background-color: white;
}

    .outer-border-container:first-child[b-fkt9057lao] {
        margin-left: 0;
    }

.user-letter-container[b-fkt9057lao], .profile-img-container[b-fkt9057lao] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-fkt9057lao] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-fkt9057lao] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-fkt9057lao] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-fkt9057lao] {
        font-size: 12px;
    }


.owner-or-member-container[b-fkt9057lao] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .owner-or-member-container span[b-fkt9057lao] {
        font-size: 15px;
        color: var(--icon-color);
    }

.owner-icon-container[b-fkt9057lao], .member-icon-container[b-fkt9057lao] {
    position: relative;
    display: flex;
    justify-content: center;
}

.owner-icon-tooltip[b-fkt9057lao], .member-icon-tooltip[b-fkt9057lao] {
    display: none;
    position: absolute;
    z-index: 100;
    top: -31px;
    background-color: white;
    border-radius: 4px;
    width: max-content;
    padding: 5px;
    box-shadow: var(--box-shadow);
}

    .owner-icon-tooltip p[b-fkt9057lao], .member-icon-tooltip p[b-fkt9057lao] {
        font-size: 12px;
    }

.owner-icon-container:hover .owner-icon-tooltip[b-fkt9057lao] {
    display: block;
}

.member-icon-container:hover .member-icon-tooltip[b-fkt9057lao] {
    display: block;
}

.number-team-members[b-fkt9057lao] {
    font-weight: 500;
    font-size: 10px;
}




@media only screen and (max-width: 641px) {
    .dashboard-container[b-fkt9057lao] {
        width: 100%;
    }

    .bottom-content-container[b-fkt9057lao], .left-bottom-content-container[b-fkt9057lao], .right-bottom-content-container[b-fkt9057lao], .team-container[b-fkt9057lao] {
        width: 100%;
    }
    .see-all-link[b-fkt9057lao]{
        display:none;
    }
    .bottom-content-container[b-fkt9057lao] {
        flex-direction: column;
        padding-bottom:30px;
    }
        .team-cards-container[b-fkt9057lao] {
            flex-direction: column;
            width: 100%;
            align-items: center;
        }
    .answer-and-actions-container[b-fkt9057lao] {
        width: 100%;
        flex-direction: column;
    }

    .todo-table-mobile-view[b-fkt9057lao] {
        display: block;
        width: 100%;
    }

    .answer-now-cards-container[b-fkt9057lao] {
        width: 100%;
    }

    .answer-now-text-content-container[b-fkt9057lao] {
        width: 70%;
    }

    .todo-table-mobile-view[b-fkt9057lao] {
        margin-top: 30px;
    }

    .card-icon-container[b-fkt9057lao] {
        width: 70px;
    }

    .action-card[b-fkt9057lao] {
        height: auto;
    }

    .answer-now-card[b-fkt9057lao] {
        height: auto;
    }

    .todo-table-desktop-view[b-fkt9057lao] {
        display: none;
    }

    .answer-now-container[b-fkt9057lao], .recommended-actions-container[b-fkt9057lao] {
        width: 100%;
    }

    .greeting-name-container h1[b-fkt9057lao] {
        font-size: 18px;
    }

    .greeting-name-container[b-fkt9057lao] {
        gap: 7px;
    }

        .greeting-name-container img[b-fkt9057lao] {
            width: 25px;
            height: 25px;
        }

    .greeting-container[b-fkt9057lao] {
        height: 60px;
    }

    .welcome-text[b-fkt9057lao] {
        padding-top: 5px;
    }
}
/* /Pages/eNPS/ActiveEnps/ActiveEnps.razor.rz.scp.css */
.active-enps-container[b-ya2bhw8g44] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}

/*filter bar*/
.filter-bar[b-ya2bhw8g44] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-ya2bhw8g44] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-ya2bhw8g44] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}

.grid-icon:hover[b-ya2bhw8g44], .list-icon:hover[b-ya2bhw8g44] {
    cursor: pointer;
    
}

.create-enps-btn-container[b-ya2bhw8g44]{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

    .create-enps-btn-container .material-symbols-outlined[b-ya2bhw8g44]{
        width:16px;
        display:flex;
        justify-content:center;
    }
    /*grid & list containers*/
    .enps-cards-container-list[b-ya2bhw8g44] {
        margin-top: 18px;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }

.enps-cards-container-grid[b-ya2bhw8g44] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-ya2bhw8g44] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction:column;
    margin-top: 5vh;
    gap: 10px;
}

.placeholder-container p[b-ya2bhw8g44]{
font-weight:500;
}

@media only screen and (min-width: 1681px) {

    .enps-cards-container-grid[b-ya2bhw8g44] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}



@media only screen and (max-width: 641px) {
    .enps-cards-container-grid[b-ya2bhw8g44] {
        display:flex;
        flex-direction:column;
    }
 .list-icon[b-ya2bhw8g44], .grid-icon[b-ya2bhw8g44] {
        display: none;
    }
    .filter-bar[b-ya2bhw8g44]{
        display:flex;
        flex-direction:column;
    }
    .input-item[b-ya2bhw8g44]{
        width:100%;
    }
    .create-enps-btn-container[b-ya2bhw8g44]{
        margin:20px 0;
    }
}
/* /Pages/eNPS/AnswerEnpsDialog.razor.rz.scp.css */

.answer-enps-dialog-container[b-jn7ccaf0yg] {
    Width: 323px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    position: relative;
    user-select: none;
}

.bi-x-lg:hover[b-jn7ccaf0yg] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-jn7ccaf0yg] {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.enps-card[b-jn7ccaf0yg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 20px;
}

.enps-heading[b-jn7ccaf0yg] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */

    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.text-container[b-jn7ccaf0yg] {
    display: flex;
    flex-direction:column;
    padding-top: 10px;
}

    .text-container p[b-jn7ccaf0yg] {
        font-size: 14px;
    }

.outer-anonymous-container[b-jn7ccaf0yg] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom:25px;
    margin-top:5px;
}
.anonymous-container[b-jn7ccaf0yg] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 3px 10px;
    cursor: default;
    gap: 5px;
    margin-top:5px;
}

    .anonymous-container p[b-jn7ccaf0yg] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

    .anonymous-container .material-symbols-outlined[b-jn7ccaf0yg] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }
.numbers-container[b-jn7ccaf0yg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .numbers-container p[b-jn7ccaf0yg] {
        font-size: 12px;
        color: #757570;
        width:7px;
        display:flex;
        justify-content:center;
    }

.material-symbols-outlined[b-jn7ccaf0yg] {
    color: var(--secondary-color);
    font-size: 65px;
}

.btns-container[b-jn7ccaf0yg] {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}
/*Value selection*/
.value-select[b-jn7ccaf0yg] {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    gap: 7px;
    width: 100%;
    padding-top:25px;
    padding-bottom:30px;
}

/* Base style */
.value-box[b-jn7ccaf0yg] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    border-width: 3px;
    border-style: solid;
    background: transparent;
    /* ⬅️ Add smooth animation */
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}

    /* Optional: slight scale on hover */
    .value-box:hover[b-jn7ccaf0yg] {
        transform: scale(1.05);
    }

.box-value[b-jn7ccaf0yg]{
    font-size:12px;
    font-weight:500;
}
/* Color groups */
.low[b-jn7ccaf0yg] {
    border-color: var(--low-value-color);
}

.mid[b-jn7ccaf0yg] {
    border-color: var(--mid-value-color);
}

.high[b-jn7ccaf0yg] {
    border-color: var(--high-value-color);
}

/* Selected state */
.value-box.selected.low[b-jn7ccaf0yg] {
    background: var(--low-value-color);
}

.value-box.selected.mid[b-jn7ccaf0yg] {
    background: var(--mid-value-color);
}

.value-box.selected.high[b-jn7ccaf0yg] {
    background: var(--high-value-color);
}

.value-box.selected[b-jn7ccaf0yg] {
    color: var(--selected-text-color);
}

/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .answer-enps-dialog-container[b-jn7ccaf0yg] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

@media only screen and (max-width: 641px) {
    .answer-enps-dialog-container[b-jn7ccaf0yg] {
        width: 100%;
        height: 100vh;
        border-radius: 0px;
        justify-content:flex-start;
    }

    .enps-card[b-jn7ccaf0yg] {
        Width: 323px;
    }
}
/* /Pages/eNPS/CompletedEnps/CompletedEnps.razor.rz.scp.css */
.completed-enps-container[b-6c92scy9ee] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 70vh;
}

/*filter bar*/
.filter-bar[b-6c92scy9ee] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-6c92scy9ee] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-6c92scy9ee] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


   
.grid-icon:hover[b-6c92scy9ee], .list-icon:hover[b-6c92scy9ee] {
    cursor: pointer;
}
.create-enps-btn-container[b-6c92scy9ee] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*grid & list containers*/
.enps-cards-container-list[b-6c92scy9ee] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.enps-cards-container-grid[b-6c92scy9ee] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-6c92scy9ee]{
    width:100%;
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:5vh;
    gap:10px;
}
.placeholder-container p[b-6c92scy9ee]{
font-weight:500;
}

@media only screen and (min-width: 1681px) {

    .enps-cards-container-grid[b-6c92scy9ee] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}
/* /Pages/eNPS/Components/EnpsCardComponent.razor.rz.scp.css */


.enps-card-grid .enps-card-name[b-gid6mq7sua] {
    font-weight: 500;
    padding-top: 20px;
}

.enps-card-grid .enps-card-text[b-gid6mq7sua] {
    font-weight: 300;
    padding-top: 15px;
}

.enps-card-grid[b-gid6mq7sua] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
    transition: ease-in-out .3s;
}

    .enps-card-grid:hover[b-gid6mq7sua] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
    }

.enps-card-grid-text-container[b-gid6mq7sua] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: max-content;
}

    .enps-card-grid-text-container p[b-gid6mq7sua] {
        font-weight: 300;
    }


.enps-card-grid-name[b-gid6mq7sua] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 10px;
}

.enps-card-list[b-gid6mq7sua] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    transition: ease-in-out .3s;
}

    .enps-card-list:hover[b-gid6mq7sua] {
        box-shadow: var(--box-shadow);
    }

.enps-card-list-text-container[b-gid6mq7sua] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    height: 100%;
    width: max-content;
}

    .enps-card-list-text-container p[b-gid6mq7sua] {
        font-weight: 300;
    }

.enps-card-list-info-container[b-gid6mq7sua] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-gid6mq7sua] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}

.enps-card-list:hover[b-gid6mq7sua] {
    cursor: pointer;
}

.enps-card-list .enps-card-name[b-gid6mq7sua] {
    font-weight: 500;
}

.team-container-grid[b-gid6mq7sua] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.team-container-list[b-gid6mq7sua] {
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 5px;
}

.top-corner-info-container[b-gid6mq7sua] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-gid6mq7sua], .number-of-users-container[b-gid6mq7sua] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-gid6mq7sua] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 16px;
}

    .number-of-questions p[b-gid6mq7sua] {
        font-size: 10px;
        font-weight: 600;
    }

.active-element[b-gid6mq7sua] {
    background-color: var(--high-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .active-element:hover .active-round-popup[b-gid6mq7sua] {
        display: flex;
    }

.active-round-popup[b-gid6mq7sua] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 3px 10px;
    width: max-content;
    height: 25px;
}

    .active-round-popup p[b-gid6mq7sua] {
        font-size: 12px;
    }

/*Scheduled element*/

.scheduled-element[b-gid6mq7sua] {
    background-color: var(--mid-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .scheduled-element:hover .scheduled-round-popup[b-gid6mq7sua] {
        display: flex;
    }

.scheduled-round-popup[b-gid6mq7sua] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    right: 8px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 3px 10px;
}

    .scheduled-round-popup p[b-gid6mq7sua] {
        font-size: 12px;
    }


.enps-icon-container[b-gid6mq7sua] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .enps-icon-container span[b-gid6mq7sua] {
        color: var(--ícon-color);
        font-size: 28px;
    }


.number-of-teams-container:hover .team-names-popup[b-gid6mq7sua] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-gid6mq7sua] {
    display: flex;
}

.team-names-popup[b-gid6mq7sua], .user-names-popup[b-gid6mq7sua] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height: 300px;
    overflow: auto;
    width: max-content;
}

.date-text[b-gid6mq7sua] {
    position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 10px;
}

.popup-heading[b-gid6mq7sua] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}


.popup-list-item[b-gid6mq7sua] {
    color: black;
    font-size: 12px;
}
/* /Pages/eNPS/CreateEnps/Components/EnpsSummaryComponent.razor.rz.scp.css */
.summary-container[b-m2tirv0i6m] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom:20px;
}
.summary[b-m2tirv0i6m] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding:17px;
    border-radius:6px;
}

.summary-heading-container[b-m2tirv0i6m] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.summary-heading[b-m2tirv0i6m] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.summary-item[b-m2tirv0i6m] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}

.summary-item:last-child[b-m2tirv0i6m] {
border:none;
}
.summary-iteam-heading[b-m2tirv0i6m]{
    font-weight:500;
    margin-bottom:5px;
}
.summary-text[b-m2tirv0i6m]{
    display:flex;
    align-items:flex-start;
    gap:30px;

}
.summary-label[b-m2tirv0i6m] {
    font-weight: 300;
    width: 139px;
}
.summary-info[b-m2tirv0i6m] {
    display: flex;
    flex: 1;
    font-weight:300;
}

.summary-list[b-m2tirv0i6m] {
    display:flex;
    flex-direction:column;
    text-align:left;
    flex:1;
    gap:5px;
}
ul p[b-m2tirv0i6m] {
    font-weight: 300;
}
.change-days-to-answer-btn[b-m2tirv0i6m] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}



/*team icons*/
.team-icons-container[b-m2tirv0i6m] {
    display: flex;
    width: max-content;
    position: relative;
}



    .team-icons-container:hover .team-tooltip[b-m2tirv0i6m] {
        display: flex;
    }

.outer-border-container[b-m2tirv0i6m] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.team-letter-container[b-m2tirv0i6m] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-m2tirv0i6m] {
    font-size: 12px;
    cursor: default;
    font-weight: 500;
}


.team-name[b-m2tirv0i6m] {
    font-weight: 500;
}


.team-tooltip[b-m2tirv0i6m] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .team-tooltip p[b-m2tirv0i6m] {
        font-size: 12px;
    }

/*   User icons*/

.user-icons-container[b-m2tirv0i6m] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-m2tirv0i6m] {
        display: flex;
    }

.outer-border-container[b-m2tirv0i6m] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

    .outer-border-container:first-child[b-m2tirv0i6m] {
        margin-left: 0;
    }

.user-letter-container[b-m2tirv0i6m], .profile-img-container[b-m2tirv0i6m] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-m2tirv0i6m] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-m2tirv0i6m] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-m2tirv0i6m] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-m2tirv0i6m] {
        font-size: 12px;
    }


/*Om skärmen är större än */
@media only screen and (min-width: 2000px) {
    .summary[b-m2tirv0i6m] {
    display: flex;
    flex-direction: column;
    padding: 17px;

}
    .summary-container[b-m2tirv0i6m] {
        display: flex;
        flex-direction: column;
    }

    .summary-text[b-m2tirv0i6m] {
 
        gap: 150px;
    }
}
/* /Pages/eNPS/CreateEnps/CreateEnps.razor.rz.scp.css */
.create-enps-container[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-enps-content[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    gap: 3%;
}
.back-btn-container[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-wh1g790wr9] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-wh1g790wr9] {
        color: var(--font-color);
        font-size: 16px;
    }
    .heading-container[b-wh1g790wr9]{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
.create-enps-heading-container[b-wh1g790wr9] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 30px;
    margin-bottom: 16px;
}
.tooltip-container[b-wh1g790wr9] {
    position: absolute;
    top: 2px;
    right: -20px;
}

h1[b-wh1g790wr9] {
    padding-left: 5px;
}
.completed-element[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #33475B;
    padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}

.active-element[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--high-value-color);
   padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}


    .active-element p[b-wh1g790wr9], .completed-element p[b-wh1g790wr9] {
        font-size: 10px;
        font-weight: 600;
        color: white;
    }


/*main content*/
.main-content[b-wh1g790wr9] {
    position: relative;
    width: 70%;
    display: flex;
    flex-direction: column;
    min-width: 830px;
}

.right-sidebar[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    width: 30%;
}
/*Reciver & settings*/
.receiver-container[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.receiver-heading[b-wh1g790wr9] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.reciver-settings-container[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    gap: 19px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 17px;
}

.input-item[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

    .input-item label[b-wh1g790wr9] {
        margin: 0;
    }

.input-group[b-wh1g790wr9] {
    display: flex;
    gap: 24px;
}

.owner-container[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.owner-element[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
}
.owner-info-text[b-wh1g790wr9] {
    width: 580px;
}
.owner-element .input-item[b-wh1g790wr9] {
    width: 30%;
    margin-bottom: 10px;
}

.owner-heading[b-wh1g790wr9], .history-heading[b-wh1g790wr9] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.owner-text[b-wh1g790wr9] {
    font-weight: 500;
    position: relative;
    width: max-content;
}

.tooltip-container[b-wh1g790wr9] {
    position: absolute;
    top: -2px;
    right: -20px;
}

.schedule-pulse[b-wh1g790wr9], .send-pulse[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}

.dropdown-row[b-wh1g790wr9] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-wh1g790wr9] {
        font-size: 14px;
        text-align: center;
    }


.profile-img-container[b-wh1g790wr9] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-wh1g790wr9] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-wh1g790wr9] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-wh1g790wr9] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}

/*profilePicture*/
.dropdown-row-profile-img[b-wh1g790wr9] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}

.recurring-element[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 49%;
}

.recurring-heading[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .recurring-heading p[b-wh1g790wr9] {
        font-weight: 500;
    }

/*Summary*/
.summary-heading-container[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.summary-heading[b-wh1g790wr9] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

/*eNPs history*/

.history-container[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    margin-top: 30px;
}

.history-element[b-wh1g790wr9] {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
    border-radius: 6px;
}

.enps-history-dropdown-bar[b-wh1g790wr9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 18px;
}

.enps-hisory-dropdown-bar:hover[b-wh1g790wr9] {
    cursor: pointer;
}


.enps-history-container[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    padding: 18px;
}

.enps-history-dropdown-container[b-wh1g790wr9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.enps-history-dropdown-heading-container[b-wh1g790wr9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enps-history-dropdown-heading[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    position: relative;
}


    .enps-history-dropdown-heading p[b-wh1g790wr9] {
        font-weight: 500;
    }


.enps-history-list[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 20px;
    cursor: auto;
}

.enps-history-item[b-wh1g790wr9] {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    overflow: hidden;
    cursor: auto;
}

.enps-history-item-section[b-wh1g790wr9] {
    min-width: 125px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .enps-history-item-section p[b-wh1g790wr9] {
        font-size: 12px;
    }

.active-mark[b-wh1g790wr9] {
    height: 100%;
    width: 8px;
    background-color: var(--primary-color);
    margin-right: 5px;
}

.inactive-mark[b-wh1g790wr9] {
    height: 100%;
    width: 8px;
    background-color: var(--inactive-color);
    margin-right: 5px;
}


/*Extend enps*/
.extend-enps-heading-container[b-wh1g790wr9] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 10px;
}

.extend-enps-heading[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.active-enps-mark[b-wh1g790wr9] {
    background-color: var(--high-value-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.extend-enps-container[b-wh1g790wr9] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
}

/*Btns*/
.btns-container[b-wh1g790wr9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 28px;
    position: relative;
}

.draft[b-wh1g790wr9], .cancel[b-wh1g790wr9] {
    font-size: 12px;
    font-weight: 500;
}

    .draft:hover[b-wh1g790wr9] {
        cursor: pointer;
    }

.btn-group[b-wh1g790wr9] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position: relative;
}

.schedule-pulse[b-wh1g790wr9], .send-pulse[b-wh1g790wr9], .delete-pulse[b-wh1g790wr9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 5px;
}




@media only screen and (max-width: 641px) {


    .input-item[b-wh1g790wr9] {
        width: 100%;
    }

    .inputs[b-wh1g790wr9] {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .enps-summary-border-container[b-wh1g790wr9] {
        border: none;
        padding: 10px;
    }

    .schedule-container[b-wh1g790wr9] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top: none;
        margin-top: 30px;
        padding-top: 30px;
    }

    .settings-contiainer[b-wh1g790wr9]{
        width:100%;
    }

    .select-name-input-item[b-wh1g790wr9], .select-owner-input-item[b-wh1g790wr9], .input-item[b-wh1g790wr9] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .select-owner-text[b-wh1g790wr9]{
        width:100%;
    }

    .enps-settings-container[b-wh1g790wr9] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .enps-summary[b-wh1g790wr9] {
        width: 100%;
    }

    .team-individual-container[b-wh1g790wr9] {
        flex-direction: column;
    }

    .summary-item > div p:last-child[b-wh1g790wr9] {
        width: 150px;
    }

    .summary-item > div ul:last-child[b-wh1g790wr9] {
        width: 150px;
    }


}
@media only screen and (min-width: 2000px) {

    .create-enps-container[b-wh1g790wr9] {
        width: 1700px;
    }
}
@media only screen and (max-width: 641px) {
    .create-enps-container[b-wh1g790wr9] {
        flex-direction: column;
    }

    .main-content[b-wh1g790wr9] {
        width: 100%;
    }

    .right-sidebar[b-wh1g790wr9] {
        display: none;
    }

    .heading-container[b-wh1g790wr9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .btns-container[b-wh1g790wr9], .btn-group[b-wh1g790wr9] {
        flex-direction: column;
        gap: 15px;
    }
}
/* /Pages/eNPS/CreateEnps/NewEnpsCreatedDialog.razor.rz.scp.css */
.new-pulse-created-dialog-container[b-i76mqvw32k] {
    display: flex;
    align-items: center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction: row;
}


.bi-x-lg:hover[b-i76mqvw32k] {
    background-color: var(--hover-color);
}

span[b-i76mqvw32k] {
    font-weight: 500;
}

.img-container[b-i76mqvw32k] {
    height: 100%;
    width: 50%;
}

    .img-container img[b-i76mqvw32k] {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.text-content[b-i76mqvw32k] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
}

h1[b-i76mqvw32k] {
    font-size: 24px;
    padding-top: 60px;
    padding-bottom: 15px;
    font-weight: 600;
}

.bi-x-lg[b-i76mqvw32k] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-i76mqvw32k] {
    font-weight: 500;
    padding-bottom: 10px;
}

.next-pulse-round-text[b-i76mqvw32k] {
    font-weight: 300;
    font-size: 14px;
}

.btn-container[b-i76mqvw32k] {
    margin-top: 20px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-pulse-created-dialog-container[b-i76mqvw32k] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/eNPS/DraftEnps/Components/EnpsDraftCardComponent.razor.rz.scp.css */

.enps-card-grid .enps-card-name[b-atsnpjcx58] {
    font-weight: 500;
    padding-top: 20px;
}

.enps-card-grid .enps-card-text[b-atsnpjcx58] {
    font-weight: 300;
    padding-top: 15px;
}

.enps-card-grid[b-atsnpjcx58] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
    transition: ease-in-out .3s;
}
    .enps-card-grid:hover[b-atsnpjcx58] {
        cursor:pointer;
        box-shadow: var(--box-shadow);
    }
.enps-card-grid-text-container[b-atsnpjcx58] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width:max-content;
}

    .enps-card-grid-text-container p[b-atsnpjcx58] {
        font-weight: 300;
    }


.enps-card-grid-name[b-atsnpjcx58] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 10px;
}

.enps-card-list[b-atsnpjcx58] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    transition: ease-in-out .3s;
}
    .enps-card-list:hover[b-atsnpjcx58] {
        box-shadow: var(--box-shadow);
    }
.enps-card-list-text-container[b-atsnpjcx58] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    height: 100%;
    width: max-content;
}

    .enps-card-list-text-container p[b-atsnpjcx58] {
        font-weight: 300;
    }

.enps-card-list-info-container[b-atsnpjcx58] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-atsnpjcx58] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}

.enps-card-list:hover[b-atsnpjcx58] {
    cursor: pointer;
}

.enps-card-list .enps-card-name[b-atsnpjcx58] {
    font-weight: 500;
}

.team-container-grid[b-atsnpjcx58] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.team-container-list[b-atsnpjcx58] {
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 5px;
}

.top-corner-info-container[b-atsnpjcx58] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-atsnpjcx58], .number-of-users-container[b-atsnpjcx58] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-atsnpjcx58] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 16px;
}

    .number-of-questions p[b-atsnpjcx58] {
        font-size: 10px;
        font-weight: 600;
    }

.active-pulse-round-element-grid[b-atsnpjcx58] {
    background-color: #78D24A;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

.active-pulse-round-element-list[b-atsnpjcx58] {
    background-color: #78D24A;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
}

    .active-pulse-round-element-grid:hover .active-round-popup[b-atsnpjcx58], .active-pulse-round-element-list:hover .active-round-popup[b-atsnpjcx58] {
        display: flex;
    }

.active-round-popup[b-atsnpjcx58] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: 15px;
    right: 10px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    width: 107px;
    height: 25px;
}

    .active-round-popup p[b-atsnpjcx58] {
        font-size: 12px;
    }



.number-of-teams-container:hover .team-names-popup[b-atsnpjcx58] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-atsnpjcx58] {
    display: flex;
}

.team-names-popup[b-atsnpjcx58], .user-names-popup[b-atsnpjcx58] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height: 300px;
    overflow: auto;
    width: max-content;
}

.date-text[b-atsnpjcx58] {
    position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 10px;
}

.popup-heading[b-atsnpjcx58] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}


.popup-list-item[b-atsnpjcx58] {
    color: black;
    font-size: 12px;
}
.delete-icon[b-atsnpjcx58] {
    font-size: 20px;
}

    .delete-icon:hover[b-atsnpjcx58] {
        color: #A2A2A2;
    }
.enps-icon-container[b-atsnpjcx58] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .enps-icon-container span[b-atsnpjcx58] {
        color: #A2A2A2;
    }

/* /Pages/eNPS/DraftEnps/DraftEnps.razor.rz.scp.css */
.draft-pulse-container[b-rh7v2dw151] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}



/*filter bar*/
.filter-bar[b-rh7v2dw151] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-rh7v2dw151] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-rh7v2dw151] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}
.create-enps-btn-container[b-rh7v2dw151] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.grid-icon:hover[b-rh7v2dw151], .list-icon:hover[b-rh7v2dw151] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-rh7v2dw151] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-rh7v2dw151] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.placeholder-container[b-rh7v2dw151] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-rh7v2dw151] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-rh7v2dw151] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}

@media only screen and (max-width: 641px) {
    .pulse-cards-container-grid[b-rh7v2dw151] {
        display:flex;
        flex-direction:column;
    }
    .filter-bar[b-rh7v2dw151]{
        display:flex;
        flex-direction:column;
        margin-bottom:20px;
    }
    .input-item[b-rh7v2dw151]{
        width:100%;
    }
    .list-icon[b-rh7v2dw151], .grid-icon[b-rh7v2dw151] {
        display: none;
    }
}
/* /Pages/eNPS/EnpsOverview/Components/EnpsChartComponent.razor.rz.scp.css */
.chart-container[b-ckdaq9acsu] {
    position: relative;
    margin-top: 26px;
}

.chart[b-ckdaq9acsu] {
    position: relative;
    min-height: 70px;
}
.heading-container[b-ckdaq9acsu] {
    display: flex;
    position: relative;
    width: max-content;
}

.heading-container[b-ckdaq9acsu] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-ckdaq9acsu] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-ckdaq9acsu] {
        font-weight: 500;
    }

.tooltip-container[b-ckdaq9acsu] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.all-results-element[b-ckdaq9acsu] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;

    position: absolute;
}

    .all-results-element:hover[b-ckdaq9acsu] {
        box-shadow: var(--box-shadow);
        cursor: pointer;
    }

    .all-results-element p[b-ckdaq9acsu] {
        font-weight: 500;
    }

.column-chart-btn[b-ckdaq9acsu] {
    bottom: -16px;
}

.line-chart-btn[b-ckdaq9acsu] {
    bottom: -42px;
}


.custom-chart-tooltip[b-ckdaq9acsu] {
    display: flex;
    flex-direction: column;
}


.chart-placeholder-text[b-ckdaq9acsu] {
    position: absolute;
    top: 30px;
}
.enps-result-placeholder[b-ckdaq9acsu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .enps-result-placeholder img[b-ckdaq9acsu] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }
/* /Pages/eNPS/EnpsOverview/Components/EnpsHeroComponent.razor.rz.scp.css */

.hero[b-nwqhw34aht] {
    display: flex;
    width: 100%;
    height: 190px;
    border-radius: 6px;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    padding: 31px;
    margin-bottom: 18px;
}


.hero-text-container[b-nwqhw34aht] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-width: 400px;
}


.hero-btn-container[b-nwqhw34aht] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-icon-container[b-nwqhw34aht] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

span[b-nwqhw34aht] {
    color: var(--icon-color);
    font-size: 60px;
}

@media only screen and (max-width: 641px) {
    .hero[b-nwqhw34aht] {
        display: none;
    }
}
/* /Pages/eNPS/EnpsOverview/EnpsOverview.razor.rz.scp.css */

.enps-overview-container[b-dfz3hmk8fl] {
    display: flex;
    gap: 3%;
    justify-content: center;
    width: 100%;
    height: 100%
}



h1[b-dfz3hmk8fl] {
    padding-left: 5px;
}
/*main content*/
.main-content[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.main-content-heading-container[b-dfz3hmk8fl] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}


.tooltip-container[b-dfz3hmk8fl] {
    position: absolute;
    top: 0px;
    right: -25px;
}
/*Tabs*/
.tabs-container[b-dfz3hmk8fl] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .tabs-container h5[b-dfz3hmk8fl] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor:default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }
.tab-hover-effect:hover[b-dfz3hmk8fl] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.tab-underline-active[b-dfz3hmk8fl] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-dfz3hmk8fl] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-dfz3hmk8fl] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}

.mobile-menu-btn[b-dfz3hmk8fl]{
    display:none;
}
/*
filter bar*/
.filter-bar[b-dfz3hmk8fl] {
    position: relative;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.search-icon[b-dfz3hmk8fl] {
    position: absolute;
    z-index: 100;
    left: 5px;
}


.grid-icon:hover[b-dfz3hmk8fl], .list-icon:hover[b-dfz3hmk8fl] {
    cursor: pointer;
}



/*Right Sidebar*/
.right-sidebar[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.right-sidebar-heading-container[b-dfz3hmk8fl] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.team-container[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.team-heading[b-dfz3hmk8fl] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.team-cards-container[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

.all-team-container[b-dfz3hmk8fl] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;
    margin-top: 6px;
}

    .all-team-container:hover[b-dfz3hmk8fl] {
        box-shadow: var(--box-shadow);
        cursor: pointer;
    }

.all-team-text[b-dfz3hmk8fl] {
    font-weight: 500;
}

.team-placeholder[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .team-placeholder img[b-dfz3hmk8fl] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }

/*Results*/

.result-container[b-dfz3hmk8fl] {
    width: 100%;
    margin-top: 37px;
}

.result-heading[b-dfz3hmk8fl] {
    font-weight: 600;
    font-size: 18px;
    color: black;
    margin-bottom: 21px;
}

.result-text[b-dfz3hmk8fl] {
    color: #333333;
}

.charts-container[b-dfz3hmk8fl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 30px;
}
.no-access-container[b-dfz3hmk8fl]{
    margin:20px 0;
}
@media only screen and (max-width: 641px) {
    .enps-overview-container[b-dfz3hmk8fl] {
        width: 100vw;
        flex-direction: column;
        gap: 0;
        padding: 20px;
    }

    .hero[b-dfz3hmk8fl]{
        display:none;
    }
    .pulse-template-cards-container-grid[b-dfz3hmk8fl] {
        display: flex;
        flex-direction: column;
        gap: 18px;
        overflow-x: scroll;
    }

    .main-content[b-dfz3hmk8fl], .right-sidebar[b-dfz3hmk8fl] {
        width: 100%;
    }

    .right-sidebar[b-dfz3hmk8fl] {
        margin-top: 30px;
    }

    .hero[b-dfz3hmk8fl] {
        display: none;
    }

    .desktop-tabs-container[b-dfz3hmk8fl] {
        display: none;
    }

    .mobile-menu-btn[b-dfz3hmk8fl] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom: 30px;
    }

        .mobile-menu-btn p[b-dfz3hmk8fl] {
            font-weight: 500;
        }

    .mobile-menu[b-dfz3hmk8fl] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

        .mobile-menu p[b-dfz3hmk8fl] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-menu p:hover[b-dfz3hmk8fl] {
                background-color: var(--hover-color);
            }

    .grid-icon[b-dfz3hmk8fl], .list-icon[b-dfz3hmk8fl] {
        display: none;
    }
}

@media only screen and (max-width: 641px) {

    .tabs-container[b-dfz3hmk8fl]{
        display:none;
    }

    .mobile-menu-btn[b-dfz3hmk8fl] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom: 30px;
    }

        .mobile-menu-btn p[b-dfz3hmk8fl] {
            font-weight: 500;
        }

    .mobile-menu[b-dfz3hmk8fl] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

        .mobile-menu p[b-dfz3hmk8fl] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-menu p:hover[b-dfz3hmk8fl] {
                background-color: var(--hover-color);
            }

    .grid-icon[b-dfz3hmk8fl], .list-icon[b-dfz3hmk8fl] {
        display: none;
    }
}
/* /Pages/eNPS/EnpsResult/Components/EnpsExplanationComponent.razor.rz.scp.css */
.enps-explanation-container[b-6dvjcq24av] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-top: 1px solid #E8E8E8;
    padding:20px 0;
}
.top-text-container[b-6dvjcq24av]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.smileys-container[b-6dvjcq24av] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 5px;
      width:100%;

}

    .smileys-container p[b-6dvjcq24av] {
        font-size: 14px;
        font-weight: 500;
    }

.smiley-container[b-6dvjcq24av] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    width:100%;
}

.smileys-container img[b-6dvjcq24av] {
    height: 28px;
    width: 28px;
}

.detractors-smileys-container[b-6dvjcq24av] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: var(--low-value-color);
    height: 15px;
    width: 100%;
}

.passives-smileys-container[b-6dvjcq24av] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: var(--mid-value-color);
    height: 15px;
    width: 100%;
}


.promotors-smileys-container[b-6dvjcq24av] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: var(--high-value-color);
    height: 15px;
    width: 100%;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}


.smiley-item[b-6dvjcq24av] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .smiley-item p[b-6dvjcq24av] {
        font-weight: 700;
        font-size: 12px;
        text-align: center;
   
    }
.bottom-text-container[b-6dvjcq24av] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


    .enps-formula[b-6dvjcq24av] {
        font-size: 12px;
        font-weight: 500;
    }


@media only screen and (max-width: 641px) {


    .smiley-container p[b-6dvjcq24av]{
        display: none;
    }
}
/* /Pages/eNPS/EnpsResult/EnpsResults.razor.rz.scp.css */
.enps-results-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.enps-content[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.result-containers[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.main-content[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: max-content;
}

.right-side[b-9psrj7bz4a] {
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.heading-container[b-9psrj7bz4a] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}


.tooltip-container[b-9psrj7bz4a] {
    position: absolute;
    top: 0px;
    right: -25px;
}

/*filter bar*/
.outer-filter-bar[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height:fit-content;
}


    .outer-filter-bar img[b-9psrj7bz4a] {
        width: 15px;
        height: 15px;
    }

.filter-bar[b-9psrj7bz4a] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-9psrj7bz4a] {
    position: relative;
    display: flex;
    width: 200px;
}

    .input-item select[b-9psrj7bz4a] {
        width: 100%;
    }

.enps-details-container[b-9psrj7bz4a] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    border-radius: 6px;
    background-color: white;
    gap: 20px;
}

.enps-details-heading-container[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    position: relative;
    width: max-content;
}

.enps-scale-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-evenly;
}

    .enps-scale-container h1[b-9psrj7bz4a] {
        font-size: 36px;
        font-weight: 600;
    }



.scale-container[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.enps-scale[b-9psrj7bz4a] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--high-value-color);
    height: 24px;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
}

.scale-marker[b-9psrj7bz4a] {
    position: absolute;
    z-index: 10;
    height: 36px;
    width: 5px;
    border-radius: 4px;
    background-color: var(--dark-primary-color);
    top: -7px;
}

.bi-caret-down-fill[b-9psrj7bz4a] {
    position: absolute;
    top: -20px;
    right: -4px;
}

.enps-span-values[b-9psrj7bz4a] {
    margin-top: 5px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.enps-explanation-toggle-element-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    padding: 0 20px;
    border-radius: 6px;
    margin: 30px 0;
}

.enps-explanation-toggle-element[b-9psrj7bz4a] {
    height: 43px;
    border-radius: 6px;
    width: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.enps-explanation-toggle-element-text[b-9psrj7bz4a] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}



.breakdown-answer-rate-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.enps-breakdown-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 10px;
    width: 300px;
    height: 263px;
    border-radius: 6px;
    background-color: white;
}

.enps-breakdown-heading-container[b-9psrj7bz4a], .enps-answer-rate-heading-container[b-9psrj7bz4a], enps-details-heading-container[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.enps-answer-rate-heading[b-9psrj7bz4a], .enps-breakdown-heading[b-9psrj7bz4a] {
    margin: auto;
    font-size: 14px;
    font-weight: 600;
}

.toooltip-container[b-9psrj7bz4a] {
    margin-left: auto;
}

.enps-answer-rate-chart-container[b-9psrj7bz4a] {
    padding: 16px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 100%;
    border-radius: 6px;
    background-color: white;
}

.answer-rate[b-9psrj7bz4a], .breakdown-value[b-9psrj7bz4a] {
    font-weight: 700;
    font-size: 30px;
}




.bi-question-circle-fill[b-9psrj7bz4a] {
    align-self: flex-end;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
}




.donut-value[b-9psrj7bz4a] {
    font-size: 48px;
    font-weight: 700;
}


.enps-answer-rate-container[b-9psrj7bz4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px;
    width: 300px;
    height: 263px;
    border-radius: 6px;
    background-color: white;
}

.answer-rate h4[b-9psrj7bz4a], .average-answer-rate h4[b-9psrj7bz4a] {
    font-weight: 700;
}

.answer-rate h1[b-9psrj7bz4a], .average-answer-rate h1[b-9psrj7bz4a] {
    font-weight: 700;
    font-size: 48px;
}

.chart-heading-container[b-9psrj7bz4a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-9psrj7bz4a] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}

@media only screen and (max-width: 641px) {
    .enps-results-container[b-9psrj7bz4a] {
        width: 100%;
        min-height: 620px;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .result-containers[b-9psrj7bz4a] {
        flex-direction: column;
    }

    .right-side[b-9psrj7bz4a] {
        width: 100%;
    }

    .top-container[b-9psrj7bz4a], .bottom-container[b-9psrj7bz4a] {
        flex-direction: column;
    }

    .enps-score-container[b-9psrj7bz4a], .enps-answer-rate-container[b-9psrj7bz4a] {
        width: 100%;
    }

    .top-container[b-9psrj7bz4a], .bottom-container[b-9psrj7bz4a] {
        height: 100%;
    }

    .breakdown-answer-rate-container[b-9psrj7bz4a] {
        width: 100%;
    }

    .enps-breakdown-container[b-9psrj7bz4a] {
        width: 100%;
    }

    .enps-details-container[b-9psrj7bz4a] {
        width: 100%;
    }

    .detractors-smileys-container[b-9psrj7bz4a] {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .enps-formula-container[b-9psrj7bz4a] {
        width: 100%;
        height: auto;
    }

    .smiley-containerp[b-9psrj7bz4a] {
        display: none;
    }
}
/* /Pages/MyHealth/Actions/DetailView/IndividualActionCreatedDialog.razor.rz.scp.css */
.modal-dialog[b-n9r6759zas]{
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.new-action-created-dialog-container[b-n9r6759zas] {
    display: flex;
    align-items: center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction: row;
}


span[b-n9r6759zas] {
    font-weight: 500;
}

.img-container[b-n9r6759zas] {
    height: 100%;
    width: 50%;
}

    .img-container img[b-n9r6759zas] {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.text-content[b-n9r6759zas] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
}

h1[b-n9r6759zas] {
    font-size: 24px;
    padding-top: 60px;
    padding-bottom: 15px;
    font-weight: 600;
}

.bi-x-lg[b-n9r6759zas] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-n9r6759zas] {
    font-weight: 500;
    padding-bottom: 10px;
}

.next-pulse-round-text[b-n9r6759zas] {
    font-weight: 300;
    font-size: 14px;
}

.btn-container[b-n9r6759zas] {
    margin-top: 20px;
    display:flex;
    align-items:center;
    gap:10px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-pulse-created-dialog-container[b-n9r6759zas] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .new-action-created-dialog-container[b-n9r6759zas] {
  flex-direction:column;
  width:100%;
    }
    .modal[b-n9r6759zas]{
        width:100vw;
    }
    .text-content[b-n9r6759zas] {
    width:90%;
    }
}
/* /Pages/MyHealth/Actions/DetailView/MyHealthIndividualActionsDetailView.razor.rz.scp.css */
.pulse-action-details[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.back-btn-container[b-90cle0o6mo] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-90cle0o6mo] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-90cle0o6mo] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-90cle0o6mo] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 18px;
}

.page-heading[b-90cle0o6mo] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-90cle0o6mo] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-90cle0o6mo] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}


.category-icon-container[b-90cle0o6mo] {
    width: 130px;
    height: 130px;
}

    .category-icon-container img[b-90cle0o6mo] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.difficulty-container[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}


.difficulty-heading[b-90cle0o6mo] {
    font-weight: 500;
    font-size: 20px;
}

.difficulty-element[b-90cle0o6mo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-90cle0o6mo] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.action-description-text[b-90cle0o6mo] {
    margin-top: 10px;
    font-weight: 400;
}

.content-container[b-90cle0o6mo] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-90cle0o6mo] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-90cle0o6mo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .pulse-action-info-container span[b-90cle0o6mo] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }


.time-consumption[b-90cle0o6mo] {
    font-weight: 400;
    line-height:18px;
    display:flex;
    align-items:center;
}
.devider[b-90cle0o6mo] {
    height: 100%;
    width: 2px;
    background-color: #c8c8c8;
    border-radius:2px;
}
.info-heading[b-90cle0o6mo], .resource-heading[b-90cle0o6mo] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-90cle0o6mo] {
    font-weight: 300;
}

.action-description-container[b-90cle0o6mo] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-90cle0o6mo] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-90cle0o6mo] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-90cle0o6mo] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-90cle0o6mo] {
        color: #F49A41;
    }

/*Sidebar*/
.sidebar-container[b-90cle0o6mo] {
    width: 25%;
    display: flex;
    flex-direction: column;
}

.create-action-container[b-90cle0o6mo] {
    background-color: white;
    padding: 20px;
    border-radius: 6px;
}

.create-action-heading-container[b-90cle0o6mo] {
    position: relative;
    width: max-content;
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.create-action-heading[b-90cle0o6mo] {
    font-weight: 600;
    font-size: 18px;
}

.create-action-element[b-90cle0o6mo] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 16px;
}

    .create-action-element p[b-90cle0o6mo] {
        font-weight: 500;
        padding-left: 5px;
        margin-bottom: 5px;
    }

    .create-action-element select[b-90cle0o6mo] {
        width: 100%;
        margin-bottom: 5px;
    }

.owner-container[b-90cle0o6mo], .deadline-container[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.create-action-btn-container[b-90cle0o6mo] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    width: 100%
}


.purpose-heading[b-90cle0o6mo] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .purpose-heading span[b-90cle0o6mo] {
        color: var(--icon-color);
    }

.purpose-container[b-90cle0o6mo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-90cle0o6mo] {
    font-weight: 300;
 
}



.dropdown-row[b-90cle0o6mo] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-90cle0o6mo] {
        font-size: 14px;
        text-align: center;
    }

.bi-person-circle[b-90cle0o6mo] {
    display: flex;
    align-items: center;
    color: var(--inactive-color);
    font-size: 23px;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}


/*profilePicture*/
.dropdown-row-profile-img[b-90cle0o6mo] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}
/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-90cle0o6mo] {
        width: 100vw;
    }

    .action-details-container[b-90cle0o6mo] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-90cle0o6mo] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-90cle0o6mo] {
        width: 100%;
    }

    .sidebar-container[b-90cle0o6mo] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/MyHealth/Actions/Overview/MyHealthIndividualActions.razor.rz.scp.css */
.page-container[b-4s4lphl9hh] {
   width:100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.loader-container[b-4s4lphl9hh] {
    position: fixed;
    top: 50%;
    left: 50%;
}

.dropdowns-container[b-4s4lphl9hh] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -83px;
}
select[b-4s4lphl9hh] {
    width: 241px !important;
}

.my-health-actions-container[b-4s4lphl9hh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.main-content-container[b-4s4lphl9hh] {
    width: 100%;
    display: flex;
    gap: 30px;
}
.heading-container[b-4s4lphl9hh] {
    margin-bottom: 14px;
    position: relative;
    width: max-content;
}

.heading[b-4s4lphl9hh] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: black;

}
.tooltip-container[b-4s4lphl9hh] {
    position: absolute;
    top: -7px;
    right: -23px;
}

/*individual action Cards*/
.action-cards-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
}

.action-card[b-4s4lphl9hh] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: ease-in-out .3s;
    height: 170px;
    padding: 20px;
    gap: 10px;
}



    .action-card:hover[b-4s4lphl9hh] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-4s4lphl9hh] {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .action-img-container img[b-4s4lphl9hh] {
        width: 95%;
        height: 95%;
        object-fit: cover;
    }

.action-heading-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-4s4lphl9hh] {
    font-weight: 500;
    font-size: 14px;
}

.category-time-consumption p[b-4s4lphl9hh] {
    color: #979797;
    font-size: 10px;
}

.action-heading-item[b-4s4lphl9hh] {
    display: flex;
    align-items: center;
    gap: 5px;
}



.action-card-text-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
    justify-content:center;
    height: 100%;
    flex: 1;
}

.action-card-heading[b-4s4lphl9hh] {
    font-weight: 500;
}

.action-card-text-content[b-4s4lphl9hh] {
    font-weight: 300;
    margin-top: 10px;
}

/*Difficulty*/
.difficulty-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
}

    .difficulty-container p[b-4s4lphl9hh] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

.difficulty-element[b-4s4lphl9hh] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-4s4lphl9hh] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

/*
Sidebar*/
.sidebar-container[b-4s4lphl9hh] {
    width: 300px;
    display: flex;
    flex-direction: column;
    height: 400px;
    border-radius: 6px;
}

  

.category-result-list-container[b-4s4lphl9hh] {
    background-color: white;
    width: 100%;
    border-radius: 6px;
}

.category-result-list-item[b-4s4lphl9hh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    height: 70px;
    border-bottom: 1px solid #E8E8E8;
}

    .category-result-list-item:last-child[b-4s4lphl9hh] {
        border: none;
    }

.result-element[b-4s4lphl9hh] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.category-result[b-4s4lphl9hh] {
    font-size: 12px;
    font-weight: 500;
}

.cell-value-meter.low[b-4s4lphl9hh] {
    background-color: var(--low-value-color);
    color: white;
}

.cell-value-meter.medium[b-4s4lphl9hh] {
    background-color: var(--mid-value-color);
}

.cell-value-meter.high[b-4s4lphl9hh] {
    background-color: var(--high-value-color);
}

.cell-value-meter-element[b-4s4lphl9hh] {
    width: 60px;
    height: 7px;
    border-radius: 5px;
    overflow: hidden;
    background-color: lightgray;
}

.cell-value-meter[b-4s4lphl9hh] {
    height: 7px;
}

@media only screen and (max-width: 641px) {

    .dropdowns-container[b-4s4lphl9hh] {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        top: auto;
        right: auto;
    }
    .loader-container[b-4s4lphl9hh] {
        top: 60%;
    }
    .main-content-container[b-4s4lphl9hh]{
        flex-direction:column;
    }
    .my-health-actions-container[b-4s4lphl9hh] {
        margin-top: 20px;
    }
    .action-img-container[b-4s4lphl9hh]{
        display:none;
    }
    .sidebar-container[b-4s4lphl9hh] {
        width: 100%;
    }
}
/* /Pages/MyHealth/eNPS/MyHealthEnps.razor.rz.scp.css */
.page-container[b-zkiibnc4jv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.loader-container[b-zkiibnc4jv] {
    position: fixed;
    top: 50%;
    left: 50%;
}

.dropdowns-container[b-zkiibnc4jv] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -83px;
}

select[b-zkiibnc4jv] {
    width: 241px !important;
}

.content-container[b-zkiibnc4jv] {
    display: flex;
    gap: 30px;
    width: 100%;
}

.main-content-container[b-zkiibnc4jv] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 30px;
}

.sidebar-container[b-zkiibnc4jv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 300px;
}

/*cards*/
.overview-cards-container[b-zkiibnc4jv] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.overview-card[b-zkiibnc4jv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    height: 130px;
    width: 24%;
    border-radius: 6px;
    background-color: white;
    padding: 20px;
    position: relative;
    cursor: default;
}

    .overview-card .icon[b-zkiibnc4jv] {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 99;
        width: 15px;
        height: 15px;
    }

.overview-card-hover-effect:hover[b-zkiibnc4jv] {
    background-color: var(--hover-color);
    cursor: pointer;
}


.overview-card h3[b-zkiibnc4jv] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: var(--font-color);
    padding: 5px 0;
}

.placeholder-container[b-zkiibnc4jv] {
    height: 245px;
}

.placeholder-text[b-zkiibnc4jv] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
/*AnswerRate*/
.answer-rate-element[b-zkiibnc4jv] {
    display: flex;
    flex-direction: column;
    width: 300px;
    gap: 14px;
    height: 100%;
}

.enps-answer-rate-chart-container[b-zkiibnc4jv] {
    padding: 16px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background-color: white;
}

.answer-rate[b-zkiibnc4jv], .breakdown-value[b-zkiibnc4jv] {
    font-weight: 700;
    font-size: 30px;
}




.bi-question-circle-fill[b-zkiibnc4jv] {
    align-self: flex-end;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
}




.donut-value[b-zkiibnc4jv] {
    font-size: 48px;
    font-weight: 700;
}


.enps-answer-rate-container[b-zkiibnc4jv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px;
    width: 300px;
    height: 263px;
    border-radius: 6px;
    background-color: white;
}

.answer-rate h4[b-zkiibnc4jv], .average-answer-rate h4[b-zkiibnc4jv] {
    font-weight: 700;
}

.answer-rate h1[b-zkiibnc4jv], .average-answer-rate h1[b-zkiibnc4jv] {
    font-weight: 700;
    font-size: 48px;
}


/*Chart*/


.chart[b-zkiibnc4jv] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 420px;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
}


.charts-container[b-zkiibnc4jv] {
    width: 100%;
    display: flex;
    gap: 30px;
}

.chart-container[b-zkiibnc4jv] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 14px;
}

.chart-heading-container[b-zkiibnc4jv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}



.category-heading[b-zkiibnc4jv] {
    font-size: 20px;
    font-weight: 600;
}

.line-chart-placeholder[b-zkiibnc4jv] {
    height: 263px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.chart-heading[b-zkiibnc4jv] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}

/*Cards*/

.cards-container[b-zkiibnc4jv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cards-heading[b-zkiibnc4jv] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
    margin-bottom: 14px;
}
.enps-card[b-zkiibnc4jv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 24px;
    border-radius: 6px;
    background-color: white;
    cursor: default;
    border: none;
}

.enps-card-result-container[b-zkiibnc4jv] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100px;
}

    .enps-card-result-container img[b-zkiibnc4jv] {
        width: 25px;
        height: 25px;
    }

.enps-card-result[b-zkiibnc4jv] {
    color: var(--font-color);
    font-weight: 500;
    font-size: 16px;
    width: 15px;
}

.card-date[b-zkiibnc4jv] {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-end;
    color: #979797;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
}

@media only screen and (max-width: 641px) {

    .dropdowns-container[b-zkiibnc4jv] {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        top: auto;
        right: auto;
    }
    .overview-cards-container[b-zkiibnc4jv] {
        flex-direction: column;
        margin-top: 20px;
    }

    .overview-card[b-zkiibnc4jv] {
        height: 120px;
        flex: auto;
        width: 100%;
    }
    .content-container[b-zkiibnc4jv] {
        flex-direction: column;
        margin-top: 20px;
    }

    .sidebar-container[b-zkiibnc4jv] {
        width: 100%;
        align-items: center;
    }

    .chart-container[b-zkiibnc4jv] {
        margin-top: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .chart[b-zkiibnc4jv] {
        width: 700px;
    }
}
/* /Pages/MyHealth/MyHealth.razor.rz.scp.css */
.my-health-main-content-container[b-5nmi9smkzj]{
    width:100%;
    display:flex;
    justify-content:flex-start;
}
.myhealth-container[b-5nmi9smkzj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1293px;
    height: 100%;
    position: relative;
}

.page-heading-container[b-5nmi9smkzj] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}


.tooltip-container[b-5nmi9smkzj] {
    position: absolute;
    top: 0px;
    right: -25px;
}
/*Tabs*/
.tabs-selects-container[b-5nmi9smkzj] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
}


.desktop-tabs-container[b-5nmi9smkzj] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;

    position: relative;
    height: 30px;
}

    .desktop-tabs-container h5[b-5nmi9smkzj] {
        position: relative;
        cursor: default;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }

.tab-underline-active[b-5nmi9smkzj] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -3px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-5nmi9smkzj] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}
.tab-hover-effect:hover[b-5nmi9smkzj] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.devider[b-5nmi9smkzj] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}
/*dropdown/select*/

.dropdown[b-5nmi9smkzj] {

    height: 38px;
    border-radius: 6px;
    font-weight: 500;
}
.main-content-container[b-5nmi9smkzj]{
    width:100%;
}


/*mobile view*/
.mobile-menu-btn[b-5nmi9smkzj] {
    display: none;
}

@media only screen and (max-width: 641px) {


    .tabs-selects-container[b-5nmi9smkzj] {
        display: flex;
        flex-direction: column;
    }
    .desktop-tabs-container[b-5nmi9smkzj] {
        display: none;
    }

    .mobile-menu-btn[b-5nmi9smkzj] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom: 30px;
    }

        .mobile-menu-btn p[b-5nmi9smkzj] {
            font-weight: 500;
        }

    .mobile-menu[b-5nmi9smkzj] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

        .mobile-menu p[b-5nmi9smkzj] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-menu p:hover[b-5nmi9smkzj] {
                background-color: var(--hover-color);
            }


   
    }
/* /Pages/MyHealth/Overview/MyHealthOverview.razor.rz.scp.css */


.loader-container[b-utnf4s2ud2] {
    position: fixed;
    top: 50%;
    left: 50%;
}

.overview-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    gap:30px;
}

.dropdowns-container[b-utnf4s2ud2] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -83px;
}
select[b-utnf4s2ud2] {
    width: 241px !important;
}

/*cards*/
.overview-cards-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.overview-card[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 20px;
    border-radius: 6px;
    background-color: white;
    padding: 35px 20px;
    position: relative;
    cursor:default;
}

    .overview-card .icon[b-utnf4s2ud2]{
        position: absolute;
        top:11px;
        left: 11px;
        z-index: 99;
        width:15px;
        height:15px;
    }

.overview-card-hover-effect:hover[b-utnf4s2ud2] {
    background-color: var(--hover-color);
    cursor: pointer;
}


.overview-card h3[b-utnf4s2ud2] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: var(--font-color);
    padding: 5px 0;
}

.placeholder-container[b-utnf4s2ud2] {
    height: 245px;
}

.placeholder-text[b-utnf4s2ud2] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
.card-link[b-utnf4s2ud2]{
    font-size:11px;
    font-weight:500;
    position:absolute;
    bottom:8px;
    right:13px;

}
.card-link:hover[b-utnf4s2ud2] {
 text-decoration:underline;
    cursor:pointer;
}

/*wellbeing*/
.tooltip-container[b-utnf4s2ud2] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.wellbeing-advice-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    gap: 30px;
}

.welbeing-container[b-utnf4s2ud2] {
    width: 300px;
}

.wellbeing-component-heading-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.wellbeing-heading-container[b-utnf4s2ud2] {
    position: relative;
    width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}

.wellbeing-heading[b-utnf4s2ud2] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: black;
}


.wellbeing-cards-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wellbeing-card[b-utnf4s2ud2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 24px;
    border-radius: 6px;
    background-color: white;
    cursor: default;
}

.sad[b-utnf4s2ud2] {
    color: var(--low-value-color);
}

.neutral[b-utnf4s2ud2] {
    color: var(--mid-value-color);
}

.happy[b-utnf4s2ud2] {
    color: var(--high-value-color);
}

.wellbeing-card-date[b-utnf4s2ud2] {
    color: #979797;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
}

/*Advice*/
.advice-container[b-utnf4s2ud2] {
    flex: 1;
}

.advice-component-heading-container[b-utnf4s2ud2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.advice-heading-container[b-utnf4s2ud2] {
    position: relative;
    width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}

.advice-heading[b-utnf4s2ud2] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: black;
}


.all-result-link:hover[b-utnf4s2ud2] {
    text-decoration: underline;
    cursor: pointer;
}

.advice-card-container[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
}
.action-card[b-utnf4s2ud2] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: ease-in-out .3s;
    height: 170px;
    padding: 20px;
    gap: 10px;
}



    .action-card:hover[b-utnf4s2ud2] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-utnf4s2ud2] {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .action-img-container img[b-utnf4s2ud2] {
        width: 95%;
        height: 95%;
        object-fit: cover;
    }

.action-heading-container[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-utnf4s2ud2] {
    font-weight: 500;
    font-size: 14px;
}

.category-time-consumption p[b-utnf4s2ud2] {
    color: #979797;
    font-size: 10px;
}

.action-heading-item[b-utnf4s2ud2] {
    display: flex;
    align-items: center;
    gap: 5px;
}



.action-card-text-container[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;
}

.action-card-heading[b-utnf4s2ud2] {
    font-weight: 500;
}

.action-card-text-content[b-utnf4s2ud2] {
    font-weight: 300;
    margin-top: 10px;
}

/*Difficulty*/
.difficulty-container[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
}

    .difficulty-container p[b-utnf4s2ud2] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

.difficulty-element[b-utnf4s2ud2] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-utnf4s2ud2] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

@media only screen and (max-width: 641px) {

    .dropdowns-container[b-utnf4s2ud2]{
        flex-direction:column;
        position:relative;
        align-items:flex-start;
        top:auto;
        right:auto;
    }
    .overview-container[b-utnf4s2ud2]{
        width:85vw;
    }
    .overview-cards-container[b-utnf4s2ud2] {
        display: flex;
        flex-direction: column;
        width: 100vw;
    }
    .overview-card[b-utnf4s2ud2]{
        width:90%;
    }
    .wellbeing-advice-container[b-utnf4s2ud2]{
        flex-direction:column;
        width:100vw;
    }
    .welbeing-container[b-utnf4s2ud2], .advice-card-container[b-utnf4s2ud2] {
        width: 90%;
    }
}
/* /Pages/MyHealth/Pulse/MyHealthPulse.razor.rz.scp.css */
.page-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.loader-container[b-skg6xga8fq] {
    position: fixed;
    top: 50%;
    left: 50%;
}

.dropdowns-container[b-skg6xga8fq] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -83px;
}

select[b-skg6xga8fq] {
    width: 241px !important;
}

/*cards*/
.overview-cards-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.overview-card[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    gap: 20px;
    height: 130px;
    border-radius: 6px;
    background-color: white;
    padding: 0 20px;
    position: relative;
    cursor: default;
}

    .overview-card .icon[b-skg6xga8fq] {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 99;
        width: 15px;
        height: 15px;
    }

.overview-card-hover-effect:hover[b-skg6xga8fq] {
    background-color: var(--hover-color);
    cursor: pointer;
}


.overview-card h3[b-skg6xga8fq] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: var(--font-color);
    padding: 5px 0;
}

.placeholder-container[b-skg6xga8fq] {
    height: 245px;
}

.placeholder-text[b-skg6xga8fq] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
/*Chart*/
.chart[b-skg6xga8fq] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
    min-height:400px;
}

.my-health-pulse-container[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.charts-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.chart-container[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.chart-heading-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-skg6xga8fq] {
    position: relative;
}

.category-heading[b-skg6xga8fq] {
    font-size: 20px;
    font-weight: 600;
}

.line-chart-placeholder[b-skg6xga8fq] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Comments*/
.comments-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 14px;
}

.comment-heading[b-skg6xga8fq] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.comments-cards-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-card[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 20px;
}

.comment-top-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-content-container[b-skg6xga8fq] {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.category-question-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.devider[b-skg6xga8fq] {
    height: 15px;
    width: 2px;
    background-color: #C1C1BE;
}

.created[b-skg6xga8fq] {
    font-size: 12px;

}

.category[b-skg6xga8fq] {
    font-weight: 500;
}

.question[b-skg6xga8fq] {
    font-size: 13px;
}

.comment-text-container[b-skg6xga8fq] {
    width: 70%;
    margin: 14px 0;
    min-height: 30px;
}

.comment-date[b-skg6xga8fq] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}


.result-comment-profile-img-container[b-skg6xga8fq] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
    .result-comment-profile-img-container img[b-skg6xga8fq] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
        object-fit: cover;
    }

.result-comment-profile-img-placeholder[b-skg6xga8fq] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .result-comment-profile-img-placeholder p[b-skg6xga8fq] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }
.bi-person-circle[b-skg6xga8fq] {
    color: var(--inactive-color);
    font-size: 38px;
    display: flex;
    align-items: center;
}

.chart-heading[b-skg6xga8fq] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}



/*comment respons classes*/


.number-of-responses-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.no-comment-placeholder[b-skg6xga8fq] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-skg6xga8fq] {
    width: 30px;
    height: 30px;
}


.action-item .comment-icon[b-skg6xga8fq] {
    font-size: 15px;
    transform: scaleX(-1);
    margin-bottom: 2px;
    width: 17px;
    display: flex;
    justify-content: flex-end;
}

.comment-action-bar-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}

.action-item[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 33px;
}

    .action-item:hover[b-skg6xga8fq] {
        background-color: var(--hover-color);
    }

    .action-item .material-symbols-outlined[b-skg6xga8fq] {
        height: 20px;
        font-size: 20px;
    }

.action-item-text[b-skg6xga8fq] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}



.comment-action-bar[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-skg6xga8fq] {
        width: 15px;
        height: 15px;
    }

.pre-written-comments-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-skg6xga8fq] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-skg6xga8fq] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .submit-container .material-symbols-outlined[b-skg6xga8fq] {
        height: 20px;
        font-size: 20px;
    }

.new-comment-container input[b-skg6xga8fq] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-skg6xga8fq]::placeholder {
    font-size: 12px;
}

.bi-person-circle[b-skg6xga8fq] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-skg6xga8fq] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.comment-jobtitle[b-skg6xga8fq] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
    cursor: default;
}

.response-comment-profile-img-container[b-skg6xga8fq] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-skg6xga8fq] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }
.response-comment-profile-img-placeholder[b-skg6xga8fq] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width:27px;
    min-height:27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .response-comment-profile-img-placeholder p[b-skg6xga8fq] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }
.bi-person-circle[b-skg6xga8fq] {
    color: var(--inactive-color);
    font-size: 38px;
    display: flex;
    align-items: center;
}

.number-of-comments-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-skg6xga8fq] {
    font-size: 13px;
}

    .number-of-comments:hover[b-skg6xga8fq] {
        text-decoration: underline;
    }


.feedback-comment[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 25px;
    gap: 15px;
}


    /* Remove border for the last child */
    .feedback-comment:last-child[b-skg6xga8fq] {
        border-bottom: none;
    }

.feedback-comment-top-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anonymous-container[b-skg6xga8fq] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1px 10px;
    cursor: default;
}
    .anonymous-container p[b-skg6xga8fq] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

.feedback-comment-user-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: default;
}

.feedback-comment-content-container[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 85px;
}

    .feedback-comment-content-container input[b-skg6xga8fq] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment-container[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: default;
}

.text-comment[b-skg6xga8fq] {
    width: 70%;
}

.time-since-created[b-skg6xga8fq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
    cursor: default;
}


.feedback-comment-timestamp-container[b-skg6xga8fq] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}




.feedback-comments-container[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    /*    gap: 10px;*/
    margin-top: 20px;
}

.feedback-comment-actions-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-skg6xga8fq] {
        background-color: var(--hover-color);
    }

       

.edit-btn[b-skg6xga8fq] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-skg6xga8fq] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-skg6xga8fq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-skg6xga8fq] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup img[b-skg6xga8fq] {
  width:20px;
  height:20px;
    }



    .edit-popup p:hover[b-skg6xga8fq] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.close-on-click-outside-container[b-skg6xga8fq] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}


@media only screen and (max-width: 641px) {

    .dropdowns-container[b-skg6xga8fq] {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        top: auto;
        right: auto;
    }

    .overview-cards-container[b-skg6xga8fq] {
        flex-direction: column;
        margin-top: 20px;
    }

    .overview-card[b-skg6xga8fq] {
        height: 120px;
        flex: auto;
        width: 100%;
    }

    .chart-container[b-skg6xga8fq] {
        margin-top: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .chart[b-skg6xga8fq] {
        width: 1000px;
    }

    .loader-container[b-skg6xga8fq] {
        top: 60%;
    }

    .category-question-container[b-skg6xga8fq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .devider[b-skg6xga8fq] {
        display: none;
    }
}
/* /Pages/MyHealth/Wellbeing/MyHealthWellbeing.razor.rz.scp.css */
.page-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    position: relative;
    gap:30px;
}
.loader-container[b-dylzu7iepn] {
    position: fixed;
    top: 50%;
    left: 50%;
}
.dropdowns-container[b-dylzu7iepn] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -83px;
}
select[b-dylzu7iepn] {
    width: 241px !important;
}
.content-container[b-dylzu7iepn]{
    width:100%;
    display:flex;
    gap:30px;
}
.main-content-container[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:30px;
}

/*cards*/
.overview-cards-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.overview-card[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 20px;
    height: 130px;
    border-radius: 6px;
    background-color: white;
    padding: 0 20px;
    position: relative;
    cursor: default;
}

    .overview-card .icon[b-dylzu7iepn] {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 99;
        width: 15px;
        height: 15px;
    }

.overview-card-hover-effect:hover[b-dylzu7iepn] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.overview-card h3[b-dylzu7iepn] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    padding: 5px 0;
}

.placeholder-container[b-dylzu7iepn] {
    height: 245px;
}

.placeholder-text[b-dylzu7iepn] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
/*Chart*/
.chart[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
    position:relative;
    height:300px;
}

.chart-smiley-container[b-dylzu7iepn] {
    position: absolute;
    left: 12px;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:white;
}

.charts-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.chart-container[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.chart-heading-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-dylzu7iepn] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.category-heading[b-dylzu7iepn] {
    font-size: 20px;
    font-weight: 600;
}

.line-chart-placeholder[b-dylzu7iepn] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Comments*/
.comments-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;

}

.comment-element[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-heading[b-dylzu7iepn] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.comments-cards-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comment-card[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 15px 20px;
    user-select: none;
}

.comment-top-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-user-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.comment-user[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
}

.comment-profile-img-container[b-dylzu7iepn] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .comment-profile-img-container img[b-dylzu7iepn] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        object-fit: cover;
    }

.comment-profile-img-placeholder[b-dylzu7iepn] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    min-width: 29px;
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .comment-profile-img-placeholder p[b-dylzu7iepn] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }
.comment-username[b-dylzu7iepn] {
    font-size: 12px;
}

.comment-jobtitle[b-dylzu7iepn] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}

.devider[b-dylzu7iepn] {
    height: 15px;
    width: 2px;
    background-color: #C1C1BE;
}


.category[b-dylzu7iepn] {
    font-weight: 500;
}

.question[b-dylzu7iepn] {
    font-size: 13px;
}

.comment-text-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 70%;
    margin: 14px 0;
    height: 45px;
    padding-left:5px;
}

.add-comment-date-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left:7px;
}

.no-comment-placeholder[b-dylzu7iepn] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-dylzu7iepn] {
    width: 30px;
    height: 30px;
}

.like-add-comment-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 10px;
}



.like[b-dylzu7iepn] {
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 2px;
}


.action-item .comment-icon[b-dylzu7iepn] {
    font-size: 15px;
    transform: scaleX(-1);
    margin-bottom: 2px;
    width: 17px;
    display: flex;
    justify-content: flex-end;
}

.comment-action-bar-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
    padding-left:5px;
}

.action-item[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}

    .action-item:hover[b-dylzu7iepn] {
        background-color: var(--hover-color);
    }

    .action-item .material-symbols-outlined[b-dylzu7iepn] {
        height: 20px;
        font-size: 20px;
    }

.action-item-text[b-dylzu7iepn] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}
.number-of-likes[b-dylzu7iepn] {
    font-size: 12px;
    font-weight: 500;
    height:17px;
}
.comment-action-bar[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-dylzu7iepn] {
        width: 15px;
        height: 15px;

    }

.pre-written-comments-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-dylzu7iepn] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-dylzu7iepn] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-comment-container input[b-dylzu7iepn] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-dylzu7iepn]::placeholder {
    font-size: 12px;
}

.bi-person-circle[b-dylzu7iepn] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-dylzu7iepn] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}


.response-comment-profile-img-container[b-dylzu7iepn] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-dylzu7iepn] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-dylzu7iepn] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-dylzu7iepn] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }
.number-of-comments-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-dylzu7iepn] {
    font-size: 13px;
}

    .number-of-comments:hover[b-dylzu7iepn] {
        text-decoration: underline;
    }

.feedback-comment[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    background-color: none;
    border-radius: 6px;
    padding: 15px 25px;
    gap: 15px;
}

.feedback-comment-top-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feedback-comment-user-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.feedback-comment-content-container[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
}

    .feedback-comment-content-container input[b-dylzu7iepn] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment[b-dylzu7iepn] {
    min-height: 30px;
    padding-left:5px;
}

.time-since-created[b-dylzu7iepn] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.feedback-comment img[b-dylzu7iepn] {

}

.feedback-comment-like-container[b-dylzu7iepn] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
}


.feedback-comment-like[b-dylzu7iepn] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

.feedback-comments-container[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.feedback-comment-actions-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-dylzu7iepn] {
        background-color: var(--hover-color);
    }

        .feedback-comment-action-item:hover .like-tooltip[b-dylzu7iepn] {
            display: flex;
        }

.like-tooltip[b-dylzu7iepn] {
    position: absolute;
    top: 23px;
    left: 17px;
    border-radius: 6px;
    width: max-content;
    padding: 10px 15px;
    background-color: white;
    display: none;
    flex-direction: column;
    box-shadow: var(--box-shadow);
    z-index:100;
}

    .like-tooltip p[b-dylzu7iepn] {
        font-size: 12px;
    }

.devider-dot[b-dylzu7iepn] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}

.number-of-likes-main-comment-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
    border-radius: 6px;
    position: relative;
    cursor:default;
    gap:5px;
}

    .number-of-likes-main-comment-container:hover .like-tooltip[b-dylzu7iepn] {
        display: flex;
    }



.edit-btn[b-dylzu7iepn] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-dylzu7iepn] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-dylzu7iepn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-dylzu7iepn] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup img[b-dylzu7iepn] {
        width: 20px;
        height: 20px;
    }



    .edit-popup p:hover[b-dylzu7iepn] {
        cursor: pointer;
        background-color: var(--hover-color);
    }




/*wellbeing*/
.tooltip-container[b-dylzu7iepn] {
    position: absolute;
    top: 0px;
    right: -25px;
}


.welbeing-container[b-dylzu7iepn] {
    display:flex;
    flex-direction:column;
    gap:14px;
    width: 300px;
    min-width:300px;
    
}

.wellbeing-component-heading-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wellbeing-heading-container[b-dylzu7iepn] {
    position: relative;
    width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
}

.wellbeing-heading[b-dylzu7iepn] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black
}



.wellbeing-cards-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wellbeing-card[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 24px;
    border-radius: 6px;
    background-color: white;
    cursor: default;
}
    .wellbeing-card .comment-icon[b-dylzu7iepn] {
        position: relative;
        top: 1px;
        width: 15px;
        height: 15px;
    }

.sad[b-dylzu7iepn] {
    color: var(--low-value-color);
    background-color:white;
    width:30px;
}

.neutral[b-dylzu7iepn] {
    color: var(--mid-value-color);
    background-color: white;
    width: 30px;
}

.happy[b-dylzu7iepn] {
    color: var(--high-value-color);
    background-color: white;
    width: 30px;
}

.wellbeing-card-icons-container[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 10px;
    position:relative;
}



    .wellbeing-card-icons-container:hover .wellbeing-comment-tooltip[b-dylzu7iepn] {
        display: flex;
    }

.wellbeing-comment-tooltip[b-dylzu7iepn] {
    position: absolute;
    top: 24px;
    right: 0px;
    box-shadow: var(--box-shadow);
    padding: 13px 20px;
    min-width: 50px;
    background-color: white;
    border-radius: 6px;
    display: none;
    z-index: 100;
    max-width: 200px;
    width: max-content;
    white-space: pre-wrap;
    word-break: break-word;
}
.wellbeing-card-date[b-dylzu7iepn] {
    color: #979797;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
}
.close-on-click-outside-container[b-dylzu7iepn] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width: 641px) {

    .dropdowns-container[b-dylzu7iepn] {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        top: auto;
        right: auto;
    }
    .overview-cards-container[b-dylzu7iepn]{
        flex-direction:column;
    }
    .overview-card[b-dylzu7iepn]{
        height:120px;
        flex:auto;
    }
    .wellbeing-comment-tooltip[b-dylzu7iepn]{
        left:0;
        width:250px;
        white-space:break-spaces;
        z-index:100;
    }

    .page-container[b-dylzu7iepn] {
        flex-direction: column;
    }
    .content-container[b-dylzu7iepn]{
        margin-top:20px;
        flex-direction:column;
    }
    .welbeing-container[b-dylzu7iepn]{
        width:100%;
    }
    .chart-container[b-dylzu7iepn] {
        margin-top: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .chart[b-dylzu7iepn] {
        width: 700px;
    }
}
/* /Pages/Organization/Team/AddTeamDialog.razor.rz.scp.css */
.add-team-container[b-d5ia8eydu0] {
    width: 400px;
    min-height:407px;

}

h3[b-d5ia8eydu0]{
    font-size:20px;
}

.label-container[b-d5ia8eydu0] {
    position: relative;
    width: max-content;
}

.tooltip-container[b-d5ia8eydu0] {
    position: absolute;
    top: 0px;
    right: -20px;
}

.disabled-overlay[b-d5ia8eydu0] {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 10;
    background-color: gray;
    height: 87%;
    opacity: 0.5;
}

.heading-container[b-d5ia8eydu0] {
    width: 100%;
    margin-bottom: 20px;
}

.dropdown-row[b-d5ia8eydu0]{
    width:100%;
    height:30px;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:10px;
}

.bi-person-circle[b-d5ia8eydu0] {
    color: var(--inactive-color);
    font-size: 28px;
    text-align: center;
    width: 30px;
    margin-right: 10px;
}

img[b-d5ia8eydu0] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.content[b-d5ia8eydu0] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.input-item[b-d5ia8eydu0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}


.text-container[b-d5ia8eydu0] {
    margin-top: 15px;
    width: 100%;
}

.no-permission-text[b-d5ia8eydu0] {
    font-weight: 500;
}

.remove-team-btn-container[b-d5ia8eydu0] {
    width: 100%;
}


.submit-cancel-btn-container[b-d5ia8eydu0] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.btn-group[b-d5ia8eydu0]{
    display:flex;
    align-items:center;
    gap:20px;
}
.select-all-label-container[b-d5ia8eydu0] {
    position: relative;
    top: 6px;
}

.select-all-label[b-d5ia8eydu0] {
    right: 35px;
    top: -2px;
    position: absolute;
    font-size: 16px;
    font-weight: 500;
}

h5[b-d5ia8eydu0] {
    margin-bottom: 5px;
}

.checkbox-container[b-d5ia8eydu0] {
    display:flex;
    justify-content:center;
    width:100%;
}

@media only screen and (max-width: 641px) {
    .select-employee-to-team-container[b-d5ia8eydu0] {
        width: 100%;
        min-width: 300px;
    }
    .add-team-container[b-d5ia8eydu0]{
   width:100vw;
   height:100vh;
        overflow:auto;
    }
}

/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .add-team-container[b-d5ia8eydu0] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Organization/Team/DeleteTeamDialog/DeleteTeamDialog.razor.rz.scp.css */


.confirm-container[b-n82srtshqf] {
    width: 648px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.loader-container[b-n82srtshqf] {
    height: 297px;
    width: 100%;
    background-color: var(--background-color);
}

.top-section[b-n82srtshqf] {
    position: relative;
    width: 105%;
    height: 50px;
    background-color: var(--critical-color);
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.confirm-heading[b-n82srtshqf] {
    color: white;
}



.bi-x-lg:hover[b-n82srtshqf] {
    background-color: #f5f5f575;
}

.bi-x-lg[b-n82srtshqf] {
    position: absolute;
    right: 38px;
    top: 4px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
    color: white;
}

.confirm-content[b-n82srtshqf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
}

.confirm-text-container[b-n82srtshqf] {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    width: 100%;
}


.btns-container[b-n82srtshqf] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}


@media only screen and (max-width: 641px) {

    .confirm-container[b-n82srtshqf] {
        height: 100vh;
    }

    .btns-container[b-n82srtshqf] {
        justify-content: center;
        margin-top: 20px;
        align-items: center;
        width: 100%;
        padding-top: 10vh;
        flex-wrap: wrap;
        gap: 0;
    }

    .confirm-text-container[b-n82srtshqf] {
        height: auto;
    }

    button[b-n82srtshqf] {
        font-size: 11px;
    }
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .confirm-container[b-n82srtshqf] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Organization/Team/TeamOverview.razor.rz.scp.css */
.team-container[b-9m7odl3g7e] {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.subscription-link[b-9m7odl3g7e] {
    color: var(--tertiary-color);
}

.upgrade-subscription-text[b-9m7odl3g7e] {
    font-size: 16px;
}

.heading-create-team-container[b-9m7odl3g7e] {
  flex:1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
    padding-bottom:5px;
}

.heading-container[b-9m7odl3g7e] {
    position: relative;
    width: max-content;

}
.create-new-team-container[b-9m7odl3g7e]{
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
}

.tooltip-container[b-9m7odl3g7e] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.content-container[b-9m7odl3g7e] {
    display: flex;
    width: 100%;
    gap:30px;
}

.team-cards-container[b-9m7odl3g7e] {
    display: flex;
    width:100%;
    flex-wrap: wrap;
    gap: 40px;
}


.team-card[b-9m7odl3g7e] {
    width: 286px;
    border-radius: 6px;
    cursor: pointer;
    background-color: white;
    position: relative;
    transition: ease-in-out .3s;
    height:276px;
}



.card-content[b-9m7odl3g7e] {
    padding: 20px;
}

.card-heading[b-9m7odl3g7e] {
    font-weight: 500;
    font-size: 16px;
}

.team-card:hover[b-9m7odl3g7e] {
    box-shadow: var(--box-shadow);
}

.card-members-container[b-9m7odl3g7e] {
    padding-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot-devider[b-9m7odl3g7e] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #979797;
}

.card-members-container p[b-9m7odl3g7e] {
    font-weight: 500;
    font-weight: 300;
}

.team-info-container[b-9m7odl3g7e] {
    width: 60%;
    height: 130px;
}

.team-card-info-container[b-9m7odl3g7e] {
    margin-bottom: 10px;
}

.team-card img[b-9m7odl3g7e] {
    width: 100%;
    height: 147px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.team-img-placeholder[b-9m7odl3g7e] {
    width: 100%;
    height: 147px;
    background-color: #242e38;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .team-img-placeholder p[b-9m7odl3g7e] {
        color:white;
        text-align:center;
    }
/*
profile picture*/

.member-container[b-9m7odl3g7e]{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px;
}

/*   User icons*/

.user-icons-container[b-9m7odl3g7e] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-9m7odl3g7e] {
        display: flex;
    }

.outer-border-container[b-9m7odl3g7e] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    background-color: white;
}

    .outer-border-container:first-child[b-9m7odl3g7e] {
        margin-left: 0;
    }

.user-letter-container[b-9m7odl3g7e], .profile-img-container[b-9m7odl3g7e] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-9m7odl3g7e] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-9m7odl3g7e] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-9m7odl3g7e] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-9m7odl3g7e] {
        font-size: 12px;
    }


.owner-or-member-container[b-9m7odl3g7e] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .owner-or-member-container span[b-9m7odl3g7e] {
        font-size: 15px;
        color: var(--icon-color);
    }

.owner-icon-container[b-9m7odl3g7e], .member-icon-container[b-9m7odl3g7e] {
    position: relative;
    display: flex;
    justify-content: center;
}

.owner-icon-tooltip[b-9m7odl3g7e], .member-icon-tooltip[b-9m7odl3g7e] {
    display: none;
    position: absolute;
    z-index: 100;
    top: -31px;
    background-color: white;
    border-radius: 4px;
    width: max-content;
    padding: 5px;
    box-shadow: var(--box-shadow);
}

    .owner-icon-tooltip p[b-9m7odl3g7e], .member-icon-tooltip p[b-9m7odl3g7e] {
        font-size: 12px;
    }

.owner-icon-container:hover .owner-icon-tooltip[b-9m7odl3g7e] {
    display: block;
}

.member-icon-container:hover .member-icon-tooltip[b-9m7odl3g7e] {
    display: block;
}

.close-on-click-outside-container[b-9m7odl3g7e] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.placeholder-container[b-9m7odl3g7e]{
    background-color:white;
    padding:20px;
    width:100%;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}

.placeholder-container button[b-9m7odl3g7e]{
margin-top:20px;
}

    .placeholder-heading[b-9m7odl3g7e]{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: 0.42px;
        text-align: center;
    }
@media only screen and (max-width: 641px) {
    .team-info-container[b-9m7odl3g7e] {
        height: auto;
        width: 100%;
    }

    .content-container[b-9m7odl3g7e] {
        flex-direction: column-reverse;
        align-items: center;
    }
    .create-new-team-container[b-9m7odl3g7e] {
        gap: 15px;
        align-items: center;
   
        flex-direction: column;
    }
        .filter-bar[b-9m7odl3g7e] {
            flex-direction: column;
        }

    .search-icon[b-9m7odl3g7e] {
        top: 18px;
    }

    .sort-container[b-9m7odl3g7e], .search-container[b-9m7odl3g7e] {
        width: 100%;
    }

    .team-cards-container[b-9m7odl3g7e] {
        justify-content: center;
        padding-top: 30px;
    }

    .create-team-btn[b-9m7odl3g7e] {
        margin: 0;
    }
}
/* /Pages/Organization/Team/TeamPage/TeamPage.razor.rz.scp.css */
.team-container[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    min-height: 80vh;
    flex-direction: column;
}

.back-btn-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-1i4or8a1fc] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-1i4or8a1fc] {
        color: var(--font-color);
        font-size: 16px;
    }

.team-heading-container[b-1i4or8a1fc] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}


.heading[b-1i4or8a1fc] {
    font-size: 24px;
    font-weight: 600;

}

.tooltip-container[b-1i4or8a1fc] {
    position: absolute;
    top: 2px;
    right: -20px;
}


.team-content-container[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    gap: 30px;
}

.main-content[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.team-hero[b-1i4or8a1fc] {
    width: 100%;
    height: 332px;
    position: relative;
    border-radius: 6px;
    margin-top: 30px;
}



.team-hero img[b-1i4or8a1fc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.team-img-placeholder[b-1i4or8a1fc] {
    width: 100%;
    height: 100%;
    background-color: #242e38;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.team-hero-gradient[b-1i4or8a1fc] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    background: linear-gradient(0deg, rgba(74,74,74,0.5718662464985995) 0%, rgba(255,255,255,0) 83%);
    border-radius: 6px;
}
.team-img-placeholder p[b-1i4or8a1fc] {
    color: white;
    text-align: center;
}

.hero-text-container[b-1i4or8a1fc] {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 100;
}

    .hero-text-container p[b-1i4or8a1fc], .hero-text-container h2[b-1i4or8a1fc] {
        color: white;
    }

.hero-dot-devider[b-1i4or8a1fc] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
}

.hero-text-container h2[b-1i4or8a1fc] {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 43.2px */
}

/*CoverImage*/
.cover-image-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 100;
    background-color: rgba(255,255,255, 0.8);
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

    .cover-image-container .bi-camera-fill[b-1i4or8a1fc] {
        cursor: pointer;
        font-size: 30px;
    }

    .cover-image-container:hover .bi-camera-fill[b-1i4or8a1fc] {
        filter: brightness(1.8);
    }



.team-image-options-container[b-1i4or8a1fc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 48px;
    right: 0px;
    box-shadow: var(--box-shadow);
    background-color: white;
    z-index: 10;
    width: 200px;
    border-radius: 6px;
    padding: 16px 0;
}

    .team-image-options-container p[b-1i4or8a1fc] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        font-style: normal;
    }

    .team-image-options-container .material-symbols-outlined[b-1i4or8a1fc] {
        color: #CDCDCB;
        font-size: 20px;
    }

    .team-image-options-container label[b-1i4or8a1fc] {
        margin: 0;
        width: 100%;
    }

label[b-1i4or8a1fc] {
    margin: 0;
}

.select-team-image[b-1i4or8a1fc], .remove-team-image[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    gap: 4px;
    width: 100%;
}

    .select-team-image:hover[b-1i4or8a1fc], .remove-team-image:hover[b-1i4or8a1fc] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.no-profifle-img-border[b-1i4or8a1fc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--inactive-color);
    background-color: white;
}


.team-participant-hero-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

    .team-participant-hero-container p[b-1i4or8a1fc] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

.team-members-heading-container[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

    .team-members-heading-container h2[b-1i4or8a1fc] {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 24px */
    }

.table-container[b-1i4or8a1fc] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
    margin-bottom:30px;
}

.number-of-results[b-1i4or8a1fc] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}

.table-row[b-1i4or8a1fc] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-1i4or8a1fc] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-1i4or8a1fc] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-1i4or8a1fc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-1i4or8a1fc] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-1i4or8a1fc] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-1i4or8a1fc] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-1i4or8a1fc] {
    overflow: visible;
}

.select-column[b-1i4or8a1fc] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-1i4or8a1fc] {
    margin-left: 10px;
}

.member-container[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .member-container:hover .member-tooltip-element[b-1i4or8a1fc] {
        display: flex;
    }

.member-tooltip-container[b-1i4or8a1fc] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-1i4or8a1fc] {
    position: absolute;
    top: 0;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-1i4or8a1fc] {
        text-decoration: underline;
    }

.profile-img-container[b-1i4or8a1fc] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-1i4or8a1fc] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-1i4or8a1fc] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-1i4or8a1fc] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }




/*Team*/

.team-list-item-container[b-1i4or8a1fc] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-1i4or8a1fc] {
        display: flex;
    }

.letter-border-container[b-1i4or8a1fc] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-1i4or8a1fc] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-1i4or8a1fc] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-1i4or8a1fc] {
    font-size: 14px;
}

.team-list-item[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-1i4or8a1fc] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-1i4or8a1fc] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-1i4or8a1fc] {
    font-size: 15px;
    color: var(--secondary-color);
}


/*Paginator*/

.table-container .material-symbols-outlined[b-1i4or8a1fc] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-1i4or8a1fc] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-1i4or8a1fc] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-1i4or8a1fc] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-1i4or8a1fc] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-1i4or8a1fc] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/

.no-office-placeholder[b-1i4or8a1fc] {
    padding-left: 12px;
}

.office-tooltip-element[b-1i4or8a1fc] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-1i4or8a1fc] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-1i4or8a1fc] {
    display: flex;
}


.sidebar-container[b-1i4or8a1fc] {
    width: 335px;
    display: flex;
    flex-direction: column;
}

.close-on-click-outside-container[b-1i4or8a1fc] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
.close-on-click-outside-container[b-1i4or8a1fc] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

@media only screen and (max-width: 641px) {

    .table[b-1i4or8a1fc] {
        overflow-x: scroll;
    }

    .table-item[b-1i4or8a1fc] {
        width: 700px;
    }

    .team-hero[b-1i4or8a1fc] {
        height: 200px;
    }
}
/* /Pages/Organization/User/ImportUserDialog.razor.rz.scp.css */
.import-user-dialog-container[b-oupktal66v] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 500px;
    position: relative;
}

.heading-container[b-oupktal66v] {
    width: 100%;
    padding-bottom: 20px;
}

h4[b-oupktal66v] {
    font-weight: 500;
}

.content[b-oupktal66v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    height: 100%;
}

.main-content[b-oupktal66v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10px;
    height: 100%;
}

.download-container[b-oupktal66v], .upload-container[b-oupktal66v] {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}


.devider[b-oupktal66v] {
    width: 100%;
    height: 2px;
    background-color: var(--neutral-color);
    margin: 18px 0;
}


form[b-oupktal66v] {
    width: 100%;
}

.download-upload-container[b-oupktal66v] {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.downloading[b-oupktal66v] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 20px 0 10px 0;
    gap:10px;
}

.bi-download[b-oupktal66v] {
    color: var(--secondary-color);
    background-color: var(--secondary-btn-color);
    padding: 0 7px;
    border-radius: 5px;
    margin: 25px 0;
    transition: .2s ease-in;
}
    .bi-download:hover[b-oupktal66v] {
        background-color: var(--secondary-btn-color-hover);
    }
    .bi-download[b-oupktal66v]::before {
        color: white;
    }
.uploading[b-oupktal66v] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap:20px;
    height: 100%;
}

    .downloading h4[b-oupktal66v], .uploading h4[b-oupktal66v] {
        margin-bottom: 20px;
        text-align: center;
        font-size:14px;
        font-weight:400;
    }

.uploading-button-container[b-oupktal66v] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top:40px;
}

.file-drop-zone[b-oupktal66v] {
    /*    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 170px;
    border: 2px dashed lightgray;
    border-radius: 15px;
    margin: 20px 0;*/
}

.hover[b-oupktal66v] {
    background-color: var(--neutral-color);
}

#import[b-oupktal66v] {
    display: none;
}

.browse-btn-container[b-oupktal66v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

    .browse-btn-container .button-secondary[b-oupktal66v] {
        margin-top: 25px;
    }

.custom-browse-btn:hover[b-oupktal66v] {
    background-color: var(--primary-color-hover);
    border: 2px solid var(--primary-color-hover);
    color: white;
}

.bi-cloud-arrow-up-fill[b-oupktal66v] {
    color: var(--inactive-color);
    font-size: 40px;
}

.browse-btn-container label[b-oupktal66v] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}


.submit-cancel-btns-container[b-oupktal66v] {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    padding-top: 25px;
}



.disable-submit[b-oupktal66v] {
    background-color: gray;
    filter: opacity(0.6);
    cursor: auto;
}

    .disable-submit:hover[b-oupktal66v] {
        background-color: gray;
        filter: opacity(0.6);
        cursor: auto;
    }

/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .loader-container[b-oupktal66v] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

/*Mindre är 641 pixlar*/
@media only screen and (max-width: 641px) {
    .import-user-dialog-container[b-oupktal66v] {
        height: 100vh;
    }

    .main-content[b-oupktal66v] {
        margin: 0;
        justify-content: flex-start;
    }
}
/* /Pages/Organization/User/Profile/ChangePasswordDialog.razor.rz.scp.css */


.change-password-dialog[b-2xemzgo7v0] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 350px;
    padding: 24px;
    background-color: white;
    padding:24px;
    border-radius:6px;
}

.heading[b-2xemzgo7v0] {
    width: 100%;
}

.password-container[b-2xemzgo7v0]{
    padding-top:24px;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.input-item[b-2xemzgo7v0] {
    display: flex;
  flex-direction:column;

}


.input-item label[b-2xemzgo7v0]{
width:150px;
font-weight:400;
}

.btn-container[b-2xemzgo7v0]{
    margin-top:24px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .change-password-dialog[b-2xemzgo7v0] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
@media only screen and (max-width: 641px) {
    .change-password-dialog[b-2xemzgo7v0] {
        border-radius:0;
    }
}
/* /Pages/Organization/User/Profile/NextOfKin/EditDialog/EditNextOfKinDialog.razor.rz.scp.css */
.add-nextofkin-dialog-container[b-bqge6qu2bv] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: max-content;
}

h1[b-bqge6qu2bv] {
    width: 100%;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
}

.content[b-bqge6qu2bv] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 350px;
}

.input-item[b-bqge6qu2bv] {
    display: flex;
    flex-direction: column;
}

.btns-container[b-bqge6qu2bv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

label[b-bqge6qu2bv] {
    font-weight: 400;
}

.error-message[b-bqge6qu2bv] {
    height: 15px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .add-nextofkin-dialog-container[b-bqge6qu2bv] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

@media only screen and (max-width: 641px) {
    .add-nextofkin-dialog-container[b-bqge6qu2bv] {
        width: 100vw;
    }
}
/* /Pages/Organization/User/Profile/NextOfKin/NextOfKin.razor.rz.scp.css */

.nextofkin-container[b-gcxgcu0ms8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 6px;
}
h2[b-gcxgcu0ms8] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    color: black;
    margin-bottom: 8px;

}
.input-item[b-gcxgcu0ms8] {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 30px;
}
    .input-item p[b-gcxgcu0ms8] {
        margin-left: 11px;
        font-weight:300;
    }
    .input-item label[b-gcxgcu0ms8] {
        width: 161px;
        font-size:14px;
        font-weight:400;
        margin: 0;
    }

.next-of-kin-element[b-gcxgcu0ms8] {
    display: flex;
    align-items: center;
    justify-content:space-between;
    width:100%;
    position:relative;
}


.data-container[b-gcxgcu0ms8]{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:8px;
}

.edit-btns-container[b-gcxgcu0ms8]{
    display:flex;
    flex-direction:column;
}


.add-btn-container[b-gcxgcu0ms8] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}



/*Three dot menu*/

.active-edit-btn[b-gcxgcu0ms8] {
    background-color: var(--hover-color);
}
.next-of-kin-element .material-symbols-outlined[b-gcxgcu0ms8] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
    z-index:200;
}

    .next-of-kin-element .material-symbols-outlined:hover[b-gcxgcu0ms8] {
        background-color: var(--hover-color);
        cursor: pointer;
    }
.edit-jobtitle-popup[b-gcxgcu0ms8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-jobtitle-popup p[b-gcxgcu0ms8] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-jobtitle-popup .material-symbols-outlined[b-gcxgcu0ms8] {
        color: #CDCDCB;
        font-size: 20px;
    }



    .edit-jobtitle-popup p:hover[b-gcxgcu0ms8] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.close-on-click-outside-container[b-gcxgcu0ms8] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

/*not specified user info*/

.not-specified[b-gcxgcu0ms8] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-gcxgcu0ms8] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfile.razor.rz.scp.css */
.profile-container[b-uzo7phtqe3] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-content-container[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    gap: 30px;
}
h1[b-uzo7phtqe3]{
    margin-bottom:24px;
}

.back-btn-container[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-uzo7phtqe3] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-uzo7phtqe3] {
        color: var(--font-color);
        font-size: 16px;
    }

.tabs-content[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    width: 100%
}
/*Tabs*/
.tabs-and-edit-container[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
}

.edit-btn-container[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    cursor: pointer;
}

    .edit-btn-container .material-symbols-outlined[b-uzo7phtqe3] {
        font-size: 15px;
        height: 19.58px;
        display: flex;
        align-items: center;
    }

    .edit-btn-container p[b-uzo7phtqe3] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
        border-bottom: 1px solid transparent;
    }

    .edit-btn-container:hover p[b-uzo7phtqe3] {
        border-bottom: 1px solid var(--font-color);
    }

.tabs-container[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    height: 30px;
}

    .tabs-container h5[b-uzo7phtqe3] {
        position: relative;
        cursor: default;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }
.tab-hover-effect:hover[b-uzo7phtqe3] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.tab-underline-active[b-uzo7phtqe3] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-uzo7phtqe3] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-uzo7phtqe3] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}


h2[b-uzo7phtqe3] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    color: black;
}

.employment-container[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.employment-fields[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 6px;
    margin-top: 8px;
}

.personal-data-container[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.personal-data-fields[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 6px;
    margin-top: 8px;
}


.organization-container[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.organization-content[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 20px 30px 20px;
    background-color: white;
    border-radius: 6px;
    margin-top: 8px;
}
.system-settings-container[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 6px;
    margin-top: 8px;
}

.input-item[b-uzo7phtqe3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}

    .input-item label[b-uzo7phtqe3] {
        width: 161px;
        margin: 0;
    }


.error-message[b-uzo7phtqe3] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}


.leader-edit-container[b-uzo7phtqe3] {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bi-pencil-square[b-uzo7phtqe3] {
    font-size: 20px;
    cursor: pointer;
}


.add-supervisor-placeholder[b-uzo7phtqe3] {
    color: #096c6c !important;
}

    .add-supervisor-placeholder:hover[b-uzo7phtqe3] {
        color: #129999 !important;
        cursor: pointer;
    }
/*
staff profile picture*/
.staff-profile-picture-container[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    height: 40px;
}

.staff-container[b-uzo7phtqe3] {
    margin-left:-10px;

}

.staff-container:first-child[b-uzo7phtqe3] {
    margin-left: 0px;
}
.staff-container-placeholder[b-uzo7phtqe3] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
    overflow: hidden;
}


.staff-img-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

    .staff-img-container img[b-uzo7phtqe3] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
        object-fit: cover;
    }

.staff-img-placeholder[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .staff-img-placeholder p[b-uzo7phtqe3] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }
.number-of-staff-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-left: -10px;
}
.number-of-staff[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#e5e5e5;
}
.number-of-staff p[b-uzo7phtqe3] {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -1px;
}

.popup-list-item:hover[b-uzo7phtqe3] {
    color: var(--link-color-hover);
    cursor:pointer;
}
/*Team*/
.team-input-item[b-uzo7phtqe3] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

    .team-input-item label[b-uzo7phtqe3] {
        width: 161px;
    }

.team-cards-container[b-uzo7phtqe3] {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}



.team-card[b-uzo7phtqe3] {
    width: 286px;
    border-radius: 6px;
    cursor: pointer;
    background-color: white;
    position: relative;
    transition: ease-in-out .3s;
    height: 276px;
    cursor: default;
    border: 1px solid #c7c7c7;
}



.card-content[b-uzo7phtqe3] {
    padding: 20px;
}

.card-heading[b-uzo7phtqe3] {
    font-weight: 500;
    font-size: 16px;
}


.card-members-container[b-uzo7phtqe3] {
    padding-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot-devider[b-uzo7phtqe3] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #979797;
}

.card-members-container p[b-uzo7phtqe3] {
    font-weight: 500;
    font-weight: 300;
}

.team-info-container[b-uzo7phtqe3] {
    width: 60%;
    height: 130px;
}

.team-card-info-container[b-uzo7phtqe3] {
    margin-bottom: 10px;
}

.team-card img[b-uzo7phtqe3] {
    width: 100%;
    height: 147px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.team-img-placeholder[b-uzo7phtqe3] {
    width: 100%;
    height: 147px;
    background-color: #242e38;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .team-img-placeholder p[b-uzo7phtqe3] {
        color: white;
        text-align: center;
    }
/*
profile picture*/

.member-container[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

/*   User icons*/

.user-icons-container[b-uzo7phtqe3] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-uzo7phtqe3] {
        display: flex;
    }

.outer-border-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    background-color: white;
}

    .outer-border-container:first-child[b-uzo7phtqe3] {
        margin-left: 0;
    }

.user-letter-container[b-uzo7phtqe3], .profile-img-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-uzo7phtqe3] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-uzo7phtqe3] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-uzo7phtqe3] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-uzo7phtqe3] {
        font-size: 12px;
    }


.owner-or-member-container[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .owner-or-member-container span[b-uzo7phtqe3] {
        font-size: 15px;
        color: var(--icon-color);
    }

.owner-icon-container[b-uzo7phtqe3], .member-icon-container[b-uzo7phtqe3] {
    position: relative;
    display: flex;
    justify-content: center;
}

.owner-icon-tooltip[b-uzo7phtqe3], .member-icon-tooltip[b-uzo7phtqe3] {
    display: none;
    position: absolute;
    z-index: 100;
    top: -31px;
    background-color: white;
    border-radius: 4px;
    width: max-content;
    padding: 5px;
    box-shadow: var(--box-shadow);
}

    .owner-icon-tooltip p[b-uzo7phtqe3], .member-icon-tooltip p[b-uzo7phtqe3] {
        font-size: 12px;
    }

.owner-icon-container:hover .owner-icon-tooltip[b-uzo7phtqe3] {
    display: block;
}

.member-icon-container:hover .member-icon-tooltip[b-uzo7phtqe3] {
    display: block;
}


.team-card-hover:hover[b-uzo7phtqe3] {
  box-shadow:var(--box-shadow);
    cursor:pointer;
}

/*select leader dropdown*/

.dropdown-row[b-uzo7phtqe3] {
    width: 100%;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row .bi-person-circle[b-uzo7phtqe3] {
        color: var(--inactive-color);
        font-size: 28px;
        text-align: center;
        width: 30px;
        margin-right: 10px;
    }

    .dropdown-row img[b-uzo7phtqe3] {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }


.select-leader-btns-container[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    gap: 15px;
}
.sidebar[b-uzo7phtqe3] {
    width: 355px;
    min-width: 355px;
    position: relative;
    border-radius: 6px;
    background-color: white;
    height: 480px;
    margin-top:30px;
}

.sidebar-content[b-uzo7phtqe3] {
    width: 100%;
    position: absolute;
    top: -15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0 30px 0 30px;
}

/*profile picture*/
.large-profile-pic-container[b-uzo7phtqe3] {
    display: flex;
    justify-content: center;
    position: relative;
    width: 110px;
    margin-bottom: 20px;
}

.sidebar .bi-person-circle[b-uzo7phtqe3] {
    display:flex;
    align-items:flex-start;
    font-size: 107px;
    color: var(--inactive-color);
}


.large-profile-img-container[b-uzo7phtqe3] {
    border-radius: 50%;
    height: 110px;
    width: 110px;
    min-width: 110px;
    min-height: 110px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background-color: white;
    position:relative;
}

.large-profile-img[b-uzo7phtqe3] {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
}

.large-profile-img-placeholder[b-uzo7phtqe3] {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    min-width: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .large-profile-img-placeholder p[b-uzo7phtqe3] {
        font-weight: 500;
        font-size: 35px;
        letter-spacing: -2px;
    }


#uploadImage[b-uzo7phtqe3] {
    visibility: hidden;

}

.profile-pic-options-container[b-uzo7phtqe3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 97px;
    right: 33px;
    box-shadow: var(--box-shadow);
    background-color: white;
    z-index: 10;
    width: 200px;
    border-radius: 6px;
    padding: 16px 0;
}

    .profile-pic-options-container p[b-uzo7phtqe3] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        font-style: normal;
    }

    .profile-pic-options-container .material-symbols-outlined[b-uzo7phtqe3] {
        color: #CDCDCB;
        font-size: 20px;
    }

.profile-pic-options-container label[b-uzo7phtqe3] {
    margin: 0;
    width: 100%;
}

label[b-uzo7phtqe3] {
        margin: 0;
    }

.select-profile-pic[b-uzo7phtqe3], .remove-profile-pic[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    gap: 4px;
    width: 100%;
}
    .select-profile-pic img[b-uzo7phtqe3], .remove-profile-pic img[b-uzo7phtqe3]{
        width: 18px;
        height: 18px;
    }
    .select-profile-pic:hover[b-uzo7phtqe3], .remove-profile-pic:hover[b-uzo7phtqe3] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.no-profifle-img-border[b-uzo7phtqe3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--inactive-color);
    background-color:white;
}

.camera-icon-container[b-uzo7phtqe3] {
    position: absolute;
    right: 7px;
    bottom: 9px;
    z-index: 1;
    height: 11px;
    display: flex;
    align-items: center;
    background-color: white;
}

.bi-camera-fill[b-uzo7phtqe3]{
    font-size:24px;
}
.bi-camera-fill:hover[b-uzo7phtqe3] {
   filter:brightness(1.4);
}


.user-full-name[b-uzo7phtqe3] {
    width: 100%;
    text-align: left;
}

.camera-icon-container:hover[b-uzo7phtqe3] {
    cursor: pointer;
}

.jobbtitle-city-container[b-uzo7phtqe3] {
    width:100%;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    gap: 7px;
}

    .jobbtitle-city-container p[b-uzo7phtqe3] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        color: #8B96A1;
    }

.dot-devider[b-uzo7phtqe3] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #8B96A1;
}
/*Sidebar UserInfo*/
.sidebar-user-info-container[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

.sidebar-info-item[b-uzo7phtqe3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.info-item-label[b-uzo7phtqe3] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: black;
}

.info-item-text[b-uzo7phtqe3] {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.42px;
}
.edit-profile-btns-container[b-uzo7phtqe3] {
display:flex;
gap:20px;
margin-top:30px;
}
@keyframes border-b-uzo7phtqe3 {
    0% {
        Width: 272px;
        Height: 162px;
        top: -17px;
        left: -17px;
    }

    50% {
        top: -14px;
        left: -14px;
        Width: 266px;
        Height: 156px;
    }

    75% {
        Width: 272px;
        Height: 162px;
        top: -17px;
        left: -17px;
    }

    100% {
        top: -14px;
        left: -14px;
        Width: 266px;
        Height: 156px;
    }
}

.action-bar[b-uzo7phtqe3]{
background-color:white;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
gap:20px;
position:fixed;
bottom:20px;
padding: 15px 40px;
right:45%;
box-shadow:var(--box-shadow);
}

.staff-profile-picture-container:hover .my-staff-popup[b-uzo7phtqe3] {
    display: flex;
}
.my-staff-popup[b-uzo7phtqe3] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px;
    width:max-content;
    position: absolute;
    border-radius: 6px;
    top: 36px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height:300px;
    overflow:scroll;
}


.popup-heading[b-uzo7phtqe3] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}

.popup-list-item[b-uzo7phtqe3] {
    display:flex;
    color: black;
    font-size: 11px;
}
.close-on-click-outside-container[b-uzo7phtqe3] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

/*Office */

.office-item[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
/*    overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}
.memeber-icons[b-uzo7phtqe3] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-uzo7phtqe3] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-uzo7phtqe3] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-uzo7phtqe3] {
    font-size: 15px;
    color: var(--secondary-color);
}

.letter-border-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-left:-10px;
}
.letter-border-container:first-child[b-uzo7phtqe3] {

    margin-left: 0px;
}
.team-office-container[b-uzo7phtqe3] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-uzo7phtqe3] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-uzo7phtqe3] {
    font-size: 14px;
}

.no-office-placeholder[b-uzo7phtqe3] {
    padding-left: 12px;
}

.office-tooltip-element[b-uzo7phtqe3] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.offce-tooltip-element p[b-uzo7phtqe3] {
    text-decoration: none;
    cursor:default !important;
    color:red;
    font-size:22px;
    
}
.office-name[b-uzo7phtqe3]{
    cursor:default;
}
.team-office-container:hover .office-tooltip-element[b-uzo7phtqe3] {
    display: flex;
}

/*mobile view*/
.mobile-menu[b-uzo7phtqe3] {
    display: none;
}
/*not specified user info*/

.not-specified[b-uzo7phtqe3] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    cursor:default;
}

@media only screen and (max-width: 641px) {

    .action-bar[b-uzo7phtqe3]{
right:0;
margin-right:20px;
top:115px;
padding:10px 20px;
bottom:unset;

    }
    .main-content-container[b-uzo7phtqe3] {
        flex-direction: column;
    }
    .tabs-content[b-uzo7phtqe3]{
        margin-top:40px;
    }
    .sidebar[b-uzo7phtqe3]{
        width:100vw;
    }
    .input-item[b-uzo7phtqe3]{
        gap:5px;
    }
    .select-leader-container[b-uzo7phtqe3] {
        height: auto;
        margin: 12px 0;
    }

    .tabs-and-edit-container[b-uzo7phtqe3]{
        display:none;
    }
    .select-leader-container .input-item[b-uzo7phtqe3] {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
    }


    .profile-container[b-uzo7phtqe3] {
        width: 100vw;
        padding: 20px;
    }

    .team-input-item[b-uzo7phtqe3] {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .profile-pic-container h1[b-uzo7phtqe3] {
        width: 160px;
        word-break: break-word;
        font-size: 16px;
    }


    .leader-edit-container p[b-uzo7phtqe3] {
        width: 100px;
    }

    .edit-profile-btns-container[b-uzo7phtqe3] {
        flex-wrap: wrap;
    }

    .mobile-menu[b-uzo7phtqe3]{
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    .mobile-menu-btn[b-uzo7phtqe3] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
    }

        .mobile-menu-btn p[b-uzo7phtqe3] {
            font-weight: 500;
        }

    .mobile-tabs-menu[b-uzo7phtqe3] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        width:160px;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

    .mobile-tabs-menup[b-uzo7phtqe3] {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 10px 20px;
        cursor: pointer;
    }

    .mobile-tabs-menu p:hover[b-uzo7phtqe3] {
        background-color: var(--hover-color);
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentDateFieldComponent.razor.rz.scp.css */
.input-item[b-owddmu8otl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}

    .input-item p[b-owddmu8otl] {
        margin-left: 11px;
    }

    .input-item label[b-owddmu8otl] {
        width: 161px;
        margin: 0;
    }
.error-message[b-owddmu8otl] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-owddmu8otl] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-owddmu8otl] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentFirstWorkingDayFieldComponent.razor.rz.scp.css */
.input-item[b-73e8v9lwci] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-73e8v9lwci] {
        margin-left: 11px;
    }
    .input-item label[b-73e8v9lwci] {
        width: 161px;
        margin: 0;
    }

.error-message[b-73e8v9lwci] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-73e8v9lwci] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-73e8v9lwci] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentIsManagementFieldComponent.razor.rz.scp.css */
.input-item[b-genb5rqxn8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-genb5rqxn8] {
        margin-left: 11px;
    }

    .input-item label[b-genb5rqxn8] {
        width: 161px;
        margin: 0;
    }

.error-message[b-genb5rqxn8] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-genb5rqxn8] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-genb5rqxn8] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentJobTitleFieldComponent.razor.rz.scp.css */
.input-item[b-i9wdaitdva] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-i9wdaitdva] {
        margin-left: 11px;
    }

.input-item label[b-i9wdaitdva] {
    width: 161px;
    margin: 0;
}

.error-message[b-i9wdaitdva] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-i9wdaitdva] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-i9wdaitdva] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentRateFieldComponent.razor.rz.scp.css */
.input-item[b-x1x4n0j7qp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-x1x4n0j7qp] {
        margin-left: 11px;
    }

    .input-item label[b-x1x4n0j7qp] {
        width: 161px;
        margin: 0;
    }

.error-message[b-x1x4n0j7qp] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-x1x4n0j7qp] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-x1x4n0j7qp] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentStaffResponsibilityFieldComponent.razor.rz.scp.css */
.input-item[b-7ajg9c6l2m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-7ajg9c6l2m] {
        margin-left: 11px;
    }

    .input-item label[b-7ajg9c6l2m] {
        width: 161px;
        margin: 0;
    }

.error-message[b-7ajg9c6l2m] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-7ajg9c6l2m] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-7ajg9c6l2m] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/EmploymentTypeFieldComponent.razor.rz.scp.css */
.input-item[b-4gccdmc5yd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-4gccdmc5yd] {
        margin-left: 11px;
    }

.input-item label[b-4gccdmc5yd] {
    width: 161px;
    margin: 0;
}

.input-item select[b-4gccdmc5yd] {
    cursor: pointer;
}

/*not specified user info*/

.not-specified[b-4gccdmc5yd] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-4gccdmc5yd] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataAdressFieldComponent.razor.rz.scp.css */
.input-item[b-so6xlmaaz1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-so6xlmaaz1] {
        margin-left: 11px;
    }
    .input-item label[b-so6xlmaaz1] {
        width: 161px;
        margin: 0;
    }

.error-message[b-so6xlmaaz1] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-so6xlmaaz1] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-so6xlmaaz1] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataCityFieldComponent.razor.rz.scp.css */
.input-item[b-cpqen1sqiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}

    .input-item p[b-cpqen1sqiz] {
        margin-left: 11px;
    }

    .input-item label[b-cpqen1sqiz] {
        width: 161px;
        margin: 0;
    }

.error-message[b-cpqen1sqiz] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-cpqen1sqiz] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-cpqen1sqiz] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataFirstnameFieldComponent.razor.rz.scp.css */
.input-item[b-l074t1fd2g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-l074t1fd2g] {
        margin-left: 11px;
    }
    .input-item label[b-l074t1fd2g] {
        width: 161px;
        margin: 0;
    }

.error-message[b-l074t1fd2g] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-l074t1fd2g] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-l074t1fd2g] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataGenderFieldComponent.razor.rz.scp.css */
.input-item[b-no5pu0axup] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-no5pu0axup] {
        margin-left: 11px;
    }
    .input-item label[b-no5pu0axup] {
        width: 161px;
        margin: 0;
    }

.error-message[b-no5pu0axup] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-no5pu0axup] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-no5pu0axup] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataLastnameFieldComponent.razor.rz.scp.css */
.input-item[b-s1jufhij3c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-s1jufhij3c] {
        margin-left: 11px;
    }
    .input-item label[b-s1jufhij3c] {
        width: 161px;
        margin: 0;
    }

.error-message[b-s1jufhij3c] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-s1jufhij3c] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-s1jufhij3c] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataMaritalStatusFieldComponent.razor.rz.scp.css */
.input-item[b-l5cipyrdh8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-l5cipyrdh8] {
        margin-left: 11px;
    }
    .input-item label[b-l5cipyrdh8] {
        width: 161px;
        margin: 0;
    }

.error-message[b-l5cipyrdh8] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-l5cipyrdh8] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-l5cipyrdh8] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersonalDataZipCodeFieldComponent.razor.rz.scp.css */
.input-item[b-ywql1s0igx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}

    .input-item p[b-ywql1s0igx] {
        margin-left: 11px;
    }

    .input-item label[b-ywql1s0igx] {
        width: 161px;
        margin: 0;
    }

.error-message[b-ywql1s0igx] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-ywql1s0igx] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-ywql1s0igx] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersondalDataBirthDateFieldComponent.razor.rz.scp.css */
.input-item[b-sehi52srbj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-sehi52srbj] {
        margin-left: 11px;
    }
    .input-item label[b-sehi52srbj] {
        width: 161px;
        margin: 0;
    }

.error-message[b-sehi52srbj] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-sehi52srbj] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}

@media only screen and (max-width: 641px) {

    .input-item[b-sehi52srbj] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }

}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersondalDataEmailFieldComponent.razor.rz.scp.css */
.input-item[b-zykvo5fgc2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-zykvo5fgc2] {
        margin-left: 11px;
    }
    .input-item label[b-zykvo5fgc2] {
        width: 161px;
        margin: 0;
    }

.error-message[b-zykvo5fgc2] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-zykvo5fgc2] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-zykvo5fgc2] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/Profile/UserProfileDataFields/PersondalDataPhoneNumberFieldComponent.razor.rz.scp.css */
.input-item[b-scyw3wdtro] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    min-height: 42px;
}
    .input-item p[b-scyw3wdtro] {
        margin-left: 11px;
    }
    .input-item label[b-scyw3wdtro] {
        width: 161px;
        margin: 0;
    }

.error-message[b-scyw3wdtro] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}

/*not specified user info*/

.not-specified[b-scyw3wdtro] {
    position: relative;
    right: 3px;
    background-color: var(--not-specified);
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 11px;
}
@media only screen and (max-width: 641px) {

    .input-item[b-scyw3wdtro] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        min-height: 42px;
    }
}
/* /Pages/Organization/User/UserOverview.razor.rz.scp.css */
.user-overview-container[b-zutmlrlei4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}
 svg[b-zutmlrlei4] {
stroke:red;
}
.content-container[b-zutmlrlei4]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:30px;
}
.sidebar[b-zutmlrlei4]{
    margin-top:23px;
}

.outer-heading-container[b-zutmlrlei4] {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    width:100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
}

.button-cancel img[b-zutmlrlei4]{
    width:15px;
    height:15px;
    
}
.button-cancel[b-zutmlrlei4] {
position:relative;
top:4px;
}
.button-cancel:hover[b-zutmlrlei4] {
border-bottom:1px solid transparent;
}
.add-user-container[b-zutmlrlei4] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 10px;
}

.heading-container[b-zutmlrlei4] {
    position: relative;
    width: max-content;
}

.tooltip-container[b-zutmlrlei4] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.user-overview-table[b-zutmlrlei4] {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    height:100%;
}


/*cards*/
.overview-cards-container[b-zutmlrlei4] {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom:30px;
}

.overview-card[b-zutmlrlei4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 20px;
    border-radius: 6px;
    background-color: white;
    padding: 35px 20px;
    position: relative;
    cursor: default;
}

    .overview-card .icon[b-zutmlrlei4] {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 99;
        width: 15px;
        height: 15px;
    }
    .overview-card .material-symbols-outlined[b-zutmlrlei4] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 18px;
    }

.overview-card-hover-effect:hover[b-zutmlrlei4] {
    background-color: var(--hover-color);
    cursor: pointer;
}


.overview-card h3[b-zutmlrlei4] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    padding: 5px 0;
}

.placeholder-container[b-zutmlrlei4] {
    height: 245px;
}

.placeholder-text[b-zutmlrlei4] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.card-link[b-zutmlrlei4] {
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    bottom: 8px;
    right: 13px;
}

    .card-link:hover[b-zutmlrlei4] {
        text-decoration: underline;
        cursor: pointer;
    }
select[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    padding: 6px 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    color: var(--tertiary-color);
    cursor: pointer;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
    height: auto;
}

.add-user-btns-container[b-zutmlrlei4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.user-overview-table[b-zutmlrlei4]{
    display:flex;
    flex-direction:column;
    width:100%;
}
.table-container[b-zutmlrlei4] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.number-of-results[b-zutmlrlei4] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}

.table-row[b-zutmlrlei4] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-zutmlrlei4] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-zutmlrlei4] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-zutmlrlei4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-zutmlrlei4] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-zutmlrlei4] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-zutmlrlei4] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-zutmlrlei4] {
    overflow: visible;
}

.select-column[b-zutmlrlei4] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-zutmlrlei4] {
    margin-left: 10px;
}

.member-container[b-zutmlrlei4] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .member-container:hover .member-tooltip-element[b-zutmlrlei4] {
        display: flex;
    }

.member-tooltip-container[b-zutmlrlei4] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-zutmlrlei4] {
    position: absolute;
    top: 0;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-zutmlrlei4] {
        text-decoration: underline;
    }

.profile-img-container[b-zutmlrlei4] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-zutmlrlei4] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-zutmlrlei4] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-zutmlrlei4] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }




/*Team*/

.team-list-item-container[b-zutmlrlei4] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-zutmlrlei4] {
        display: flex;
    }

.letter-border-container[b-zutmlrlei4] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-zutmlrlei4] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-zutmlrlei4] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-zutmlrlei4] {
    font-size: 14px;
}

.team-list-item[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-zutmlrlei4] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-zutmlrlei4] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-zutmlrlei4] {
    font-size: 15px;
    color: var(--secondary-color);
}


/*Paginator*/

.table-container .material-symbols-outlined[b-zutmlrlei4] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.pagination[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center ;
}

    .pagination span[b-zutmlrlei4] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-zutmlrlei4] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-zutmlrlei4] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-zutmlrlei4] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-zutmlrlei4] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/

.no-office-placeholder[b-zutmlrlei4] {
    padding-left: 12px;
}

.office-tooltip-element[b-zutmlrlei4] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-zutmlrlei4] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-zutmlrlei4] {
    display: flex;
}

.close-on-click-outside-container[b-zutmlrlei4] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

@media only screen and (max-width: 641px) {

    .content-container[b-zutmlrlei4]{
        flex-direction:column-reverse;
        align-items:center;

    }

    .info-container[b-zutmlrlei4] {
        display: none;
    }

    .add-user-btns-container[b-zutmlrlei4] {
        align-items: center;
    }
    .top-container[b-zutmlrlei4]{
        flex-direction:column;
        align-items:flex-start;gap:20px;
    }
    .user-overview-table[b-zutmlrlei4]{
        overflow:auto;
        background-color:white;
    }
    .overview-cards-container[b-zutmlrlei4] {
        flex-direction: column;
    }
    .overview-card[b-zutmlrlei4]{
        height:120px;
    }
    .filter-bar[b-zutmlrlei4] {
       flex-direction:column;
     width:100%;
    }
    .filter-container[b-zutmlrlei4]{
        width:100%;
    }

    .user-info-container[b-zutmlrlei4] {
        width: 100%;
    }
}
/* /Pages/Pulse/ActivePulses/ActivePulses.razor.rz.scp.css */
.active-pulse-container[b-p4s28owa66] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height:70vh;
}

/*filter bar*/
.filter-bar[b-p4s28owa66] {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}
.input-item[b-p4s28owa66] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-p4s28owa66] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top:6px;
}


.grid-icon:hover[b-p4s28owa66], .list-icon:hover[b-p4s28owa66] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-p4s28owa66] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-p4s28owa66] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-p4s28owa66] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-p4s28owa66] {
        font-weight: 500;
    }


@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-p4s28owa66] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}
@media only screen and (max-width: 641px) {

    .pulse-cards-container-grid[b-p4s28owa66] {
        display: flex;
        flex-direction: column;
    }
    .filter-bar[b-p4s28owa66]{
        flex-direction:column;
        height:auto;
        margin:0;
    }
        .filter-bar input[b-p4s28owa66], .filter-date-container span[b-p4s28owa66]{
            width: 100% !important;
        }
    .filter-date-container[b-p4s28owa66]{
        flex-direction:column;
    }
    .grid-icon[b-p4s28owa66], .list-icon[b-p4s28owa66] {
        display: none;
    }

    .input-item[b-p4s28owa66]{
        width:100%;
    }

}



/* /Pages/Pulse/AnswerPulseDialog.razor.rz.scp.css */

.take-pulse-dialog-container[b-7r5jpce1jf] {
    position: relative;
    Width: 351px;
    padding: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 6px;
    user-select: none;
}

/*Start card*/

.start-card-top-section[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

    .start-card-top-section h1[b-7r5jpce1jf] {
        font-weight: 500;
        width: max-content;
    }

.tags-container[b-7r5jpce1jf] {
    display: flex;
    gap: 10px;
}

.anonymous-container[b-7r5jpce1jf] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 3px 10px;
    cursor: default;
    gap: 5px;
}

    .anonymous-container p[b-7r5jpce1jf] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }
    .anonymous-container .material-symbols-outlined[b-7r5jpce1jf] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }
.icon-container[b-7r5jpce1jf] {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.start-card-description[b-7r5jpce1jf] {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    height:119px;
    width:100%;
}
/*Answer cards*/
.card-top-section[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

    .card-top-section h1[b-7r5jpce1jf] {
        font-weight: 500;
    }

button:disabled[b-7r5jpce1jf] {
    background-color: transparent !important;
    color: lightgray !important;
}

.close-icon-container[b-7r5jpce1jf] {
    position: absolute;
    top: 25px;
    right: 20px;
}

    .close-icon-container .material-symbols-outlined[b-7r5jpce1jf] {
        font-size: 35px;
        font-weight: 500;
        cursor: pointer;
        padding: 1px 3px;
        color: #bdbbbb;
        border-radius: 5px;
    }

        .close-icon-container .material-symbols-outlined:hover[b-7r5jpce1jf] {
            background-color: var(--hover-color);
        }

.question-index-container[b-7r5jpce1jf] {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.comment-container[b-7r5jpce1jf] {
    cursor: pointer;
    position: relative;
}

.comment-dot[b-7r5jpce1jf] {
    position: absolute;
    top: -7px;
    right: -7px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background-color: #a0e6d0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .comment-dot .material-symbols-outlined[b-7r5jpce1jf] {
        color: black;
        font-size: 13px;
    }

.comment-container img[b-7r5jpce1jf] {
    width: 30px;
    height: 30px;
}

.stepper-container[b-7r5jpce1jf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pulse-content[b-7r5jpce1jf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    background-color: white;
}

.pulse-question-container[b-7r5jpce1jf] {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    width: 100%;
    height: 110px;
    overflow: scroll;
    flex-wrap: nowrap;
}

    .pulse-question-container p[b-7r5jpce1jf] {
        line-height: 1.4;
        text-align: center;
    }





/*Comment*/

.comment-card[b-7r5jpce1jf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 10px;
    position: absolute;
    z-index: 100;
    background-color: white;
    top: 0;
    right: 0;
    padding: 47px 47px 30px 47px;
    border-radius: 6px;
}

.close-icon-container-comment[b-7r5jpce1jf] {
    position: absolute;
    top: -25px;
    right: -25px;
}

    .close-icon-container-comment .material-symbols-outlined[b-7r5jpce1jf] {
        font-size: 35px;
        font-weight: 500;
        cursor: pointer;
        padding: 1px 3px;
        color: #bdbbbb;
        border-radius: 5px;
    }

        .close-icon-container-comment .material-symbols-outlined:hover[b-7r5jpce1jf] {
            background-color: var(--hover-color);
        }

.comment-card h1[b-7r5jpce1jf] {
    padding-bottom: 14px;
}

.comment-card .anonymous-container[b-7r5jpce1jf] {
    margin-top: 18px;
}

.text-area-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

textarea[b-7r5jpce1jf] {
    background-color: white;
    width: 100%;
    height: 100%;
    outline: none;
    border: 1px solid #DADAD8;
    border-radius: 6px;
    padding: 10px;
    resize: none;
    cursor: text;
    margin-top: 10px;
}

    textarea[b-7r5jpce1jf]::placeholder {
        color: var(--font-color);
        font-size: 12px;
    }


.comment-character-counter-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px;
    margin-bottom: 15px;
}

    .comment-character-counter-container p[b-7r5jpce1jf] {
        color: #757570;
        font-size: 10px;
        font-weight: 300;
    }

.comment-buttons-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
/*Navigation buttons*/
.navigation-content-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.nav-btns-container[b-7r5jpce1jf] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 45px;
}

.nav-btn[b-7r5jpce1jf], .submit-btn-inactive[b-7r5jpce1jf] {
    color: lightgray;
    font-size: 16px;
    font-weight: 600;
    width: 80px;
    text-align: center;
}

.nav-btn-right-active[b-7r5jpce1jf], .nav-btn-left-active[b-7r5jpce1jf], .submit-btn-active[b-7r5jpce1jf] {
    color: #333 !important;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    width: 80px;
    text-align: center;
}


/*Slider*/
.answer-slider-container[b-7r5jpce1jf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    padding-bottom: 15px;
    height:160px;
}

.slider-container[b-7r5jpce1jf] {
    width: 90%;
}


.slider-value[b-7r5jpce1jf] {
    font-size: 48px;
    font-weight: 600;
}


.disagree-agree-container[b-7r5jpce1jf] {
    width: 90%;
    display: flex;
    justify-content: space-between;
}

.agree-text[b-7r5jpce1jf], .disagree-text[b-7r5jpce1jf] {
    width: 60px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
}

/* Yes now btns*/



.no-yes-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.no-btn-container[b-7r5jpce1jf], .yes-btn-container[b-7r5jpce1jf] {
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .no-btn-container p[b-7r5jpce1jf], .yes-btn-container p[b-7r5jpce1jf] {
        font-size: 16px;
        font-weight: 600;
    }

.no-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--low-value-color);
}



.no-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--low-value-color);
    transition: ease-in .1s;
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .no-btn-container-active p[b-7r5jpce1jf] {
        color: white;
        font-size: 16px;
        font-weight: 600;
    }

.yes-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--high-value-color);
}

    .yes-btn-container p[b-7r5jpce1jf] {
        font-size: 16px;
        font-weight: 600;
    }

.yes-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--high-value-color);
    transition: ease-in .1s;
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .yes-btn-container-active p[b-7r5jpce1jf] {
        color: white;
        font-size: 16px;
        font-weight: 600;
    }


/*Reverse no yes btns*/

.reverse-no-btn-container[b-7r5jpce1jf], .reverse-yes-btn-container[b-7r5jpce1jf] {
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reverse-no-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--high-value-color);
}

    .reverse-no-btn-container p[b-7r5jpce1jf] {
        font-size: 16px;
        font-weight: 600;
    }

.reverse-no-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--high-value-color);
    transition: ease-in .1s;
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .reverse-no-btn-container-active p[b-7r5jpce1jf] {
        color: white;
        font-size: 16px;
        font-weight: 600;
    }

.reverse-yes-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--low-value-color);
}

    .reverse-yes-btn-container p[b-7r5jpce1jf] {
        font-size: 16px;
        font-weight: 600;
    }

.reverse-yes-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--low-value-color);
    transition: ease-in .1s;
    cursor: pointer;
    width: 100%;
    border-radius: 6px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .reverse-yes-btn-container-active p[b-7r5jpce1jf] {
        color: white;
        font-size: 16px;
        font-weight: 600;
    }

/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .take-pulse-dialog-container[b-7r5jpce1jf] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

@media only screen and (max-width: 641px) {

    .take-pulse-dialog-container[b-7r5jpce1jf] {
        width: 100%;
        height: 100vh;
        border-radius: 0px;
    }

    .nav-btns-container[b-7r5jpce1jf] {
        margin-bottom: 40px;
    }

    .pulse-content[b-7r5jpce1jf] {
        height: auto;
    }


    .text-area-container[b-7r5jpce1jf] {
        height: 135px;
        flex:none;
    }
}
/* /Pages/Pulse/CompletedPulses/CompletedPulses.razor.rz.scp.css */
.completed-pulse-container[b-9dyzmhqach] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height:70vh;
}

/*
/*filter bar*/
.filter-bar[b-9dyzmhqach] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-9dyzmhqach] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-9dyzmhqach] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


.grid-icon:hover[b-9dyzmhqach], .list-icon:hover[b-9dyzmhqach] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-9dyzmhqach] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-9dyzmhqach] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-9dyzmhqach]{
    width:100%;
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:5vh;
    gap:10px;
}
.placeholder-container p[b-9dyzmhqach]{
font-weight:500;
}

@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-9dyzmhqach] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}

@media only screen and (max-width: 641px) {

    .pulse-cards-container-grid[b-9dyzmhqach] {
        display: flex;
        flex-direction: column;
    }

    .filter-bar[b-9dyzmhqach] {
        flex-direction: column;
        height: auto;
        margin: 0;
    }

        .filter-bar input[b-9dyzmhqach], .filter-date-container span[b-9dyzmhqach] {
            width: 100% !important;
        }

    .filter-date-container[b-9dyzmhqach] {
        flex-direction: column;
    }

    .grid-icon[b-9dyzmhqach], .list-icon[b-9dyzmhqach] {
        display: none;
    }

    .input-item[b-9dyzmhqach] {
        width: 100%;
    }

}


/* /Pages/Pulse/Components/AllTeamDialog.razor.rz.scp.css */
.all-team-dialog-container[b-kq8foi9dzp] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 909px;
    height: 533px;
    position: relative;
    background-color: #F5F6FA;
    padding: 34px;
}

.bi-x-lg:hover[b-kq8foi9dzp] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-kq8foi9dzp] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

h1[b-kq8foi9dzp] {

    margin-bottom: 10px;
}

.info-text[b-kq8foi9dzp] {
    margin-bottom: 23px;
}


.team-cards-container[b-kq8foi9dzp] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
    overflow-y: auto;
}

.team-card[b-kq8foi9dzp] {
    width:414px;
    height: 64px;
    display: flex;
    padding: 6px 12px;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    border-radius: 6px;
}


.team-card-content[b-kq8foi9dzp] {
    display: flex;
    align-items: center;
    gap: 11px;
}
.outer-border-container[b-kq8foi9dzp] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-letter-container[b-kq8foi9dzp] {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-kq8foi9dzp] {
    font-size: 18px;
}

.team-name[b-kq8foi9dzp] {
    font-weight: 500;
}
.placeholder-container[b-kq8foi9dzp]{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:10px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {
    .all-team-dialog-container[b-kq8foi9dzp] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}


@media only screen and (max-width: 641px) {
    .all-team-dialog-container[b-kq8foi9dzp] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100vw;
        height: 100vh;
        position: relative;
        background-color: #F5F6FA;
        padding: 20px;
    }
}
/* /Pages/Pulse/Components/AnswerRateComponent.razor.rz.scp.css */


.answer-rate-value-container[b-dloebj9uaq]{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

    .answer-rate-value-container p[b-dloebj9uaq] {
        font-size: 20px;
        font-weight: 700;
    }
/* /Pages/Pulse/Components/PulseCardComponent.razor.rz.scp.css */

.pulse-card-grid .pulse-card-name[b-qkqzt0eg85] {
    font-weight: 500;
    padding-top: 20px;
}

.pulse-card-grid .pulse-card-text[b-qkqzt0eg85] {
    font-weight: 300;
    padding-top: 15px;
}

.pulse-card-grid[b-qkqzt0eg85] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
}
    .pulse-card-grid:hover[b-qkqzt0eg85] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }

.pulse-card-grid-text-container[b-qkqzt0eg85] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: max-content;
}

    .pulse-card-grid-text-container p[b-qkqzt0eg85] {
        font-weight: 300;
    }

.pulse-card-grid-name[b-qkqzt0eg85] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 18px;
}

.pulse-card-list[b-qkqzt0eg85] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
}

.list-pulse-name-container[b-qkqzt0eg85]{
    display:flex;
    gap:10px;
    align-items:center;
}
    .pulse-card-list:hover[b-qkqzt0eg85] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }

.pulse-card-list-text-container[b-qkqzt0eg85] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    width: max-content;
}

    .pulse-card-list-text-container p[b-qkqzt0eg85] {
        font-weight: 300;
    }

.pulse-card-list-info-container[b-qkqzt0eg85] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-qkqzt0eg85] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}



.pulse-card-list .pulse-card-name[b-qkqzt0eg85] {
    font-weight: 500;
}

.top-corner-info-container[b-qkqzt0eg85] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-qkqzt0eg85], .number-of-users-container[b-qkqzt0eg85] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-qkqzt0eg85] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height:17px;
    padding: 0px 5px;
}

    .number-of-questions p[b-qkqzt0eg85] {
        font-size: 10px;
        font-weight: 600;
    }


    /*Active element*/
.active-element[b-qkqzt0eg85] {
    background-color: var(--high-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .active-element:hover .active-round-popup[b-qkqzt0eg85] {
        display: flex;
    }

.active-round-popup[b-qkqzt0eg85] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    width: 107px;
    width: max-content;
    padding:3px 10px;
}

    .active-round-popup p[b-qkqzt0eg85] {
        font-size: 12px;
    }



/*Scheduled element*/

.scheduled-element[b-qkqzt0eg85] {
    background-color: var(--mid-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .scheduled-element:hover .scheduled-round-popup[b-qkqzt0eg85] {
        display: flex;
    }

.scheduled-round-popup[b-qkqzt0eg85] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    right: 8px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 3px 10px;
}

    .scheduled-round-popup p[b-qkqzt0eg85] {
        font-size: 12px;
    }

.number-of-teams-container:hover .team-names-popup[b-qkqzt0eg85] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-qkqzt0eg85] {
    display: flex;
}
.team-names-popup[b-qkqzt0eg85], .user-names-popup[b-qkqzt0eg85] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height: 300px;
    overflow: auto;
    width: max-content;
}

.date-text[b-qkqzt0eg85]{
    position:absolute;
    bottom:11px;
    right:15px;
    font-size:10px;
}


.popup-heading[b-qkqzt0eg85] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}

    .popup-list-item[b-qkqzt0eg85] {
        color: black;
        font-size:12px;
    }


    /*Category icons*/


.card-icons-container[b-qkqzt0eg85] {
    display: flex;
    width: max-content;
}

.list-card-icons-container[b-qkqzt0eg85] {
    display: flex;
    width: max-content;
}

    .card-icons-container:hover .category-tooltip[b-qkqzt0eg85], .list-card-icons-container:hover .list-category-tooltip[b-qkqzt0eg85] {
        display: flex;
    }

.icon-border-container[b-qkqzt0eg85] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.list-icon-border-container[b-qkqzt0eg85] {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.pulse-template-icon-container[b-qkqzt0eg85] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.list-pulse-template-icon-container[b-qkqzt0eg85] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.pulse-template-icon-container p[b-qkqzt0eg85] {
    font-size: 12px;
}

.list-pulse-template-icon-container p[b-qkqzt0eg85] {
    font-size: 10px;
}

.icon-border-container:first-child[b-qkqzt0eg85] {
    margin-left: 0; /* first icon stays in place */
}

.list-icon-border-container:first-child[b-qkqzt0eg85] {
    margin-left: 0; /* first icon stays in place */
}


.category-tooltip[b-qkqzt0eg85] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 45px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

.list-category-tooltip[b-qkqzt0eg85] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 25px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

.category-tooltip p[b-qkqzt0eg85] {
    font-size: 12px;
}

.card-category-icon[b-qkqzt0eg85] {
    width: 15px;
    height: 15px;
}

.list-card-category-icon[b-qkqzt0eg85] {
    width: 11px;
    height: 11px;
}

.pulse-template-icon-container span[b-qkqzt0eg85] {
    color: var(--icon-color);
}

@media only screen and (max-width: 641px) {

}

/* /Pages/Pulse/Components/RadarChart/RadarChart.razor.rz.scp.css */

.chart-container[b-ssq9f826r2]{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    border-radius:10px;
    background-color:white;
}
canvas[b-ssq9f826r2] {
    display: block;
    margin: auto;
    width:600px;
    height:600px;
}
/* /Pages/Pulse/CreatePulse/Components/NewPulseCreatedDialog.razor.rz.scp.css */
.new-pulse-created-dialog-container[b-lv45aaq5lk] {
    display:flex;
    align-items:center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction:row;
}


.bi-x-lg:hover[b-lv45aaq5lk] {
    background-color: var(--hover-color);
}

span[b-lv45aaq5lk]{
    font-weight:500;
}
.img-container[b-lv45aaq5lk]{
    height:100%;
    width:50%;
}

.img-container img[b-lv45aaq5lk]{
    object-fit:cover;
    height: 100%;
    width: 100%;
}

.text-content[b-lv45aaq5lk]{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    height:100%;
    width:50%;
}

h1[b-lv45aaq5lk] {
    font-size: 24px;
    padding-top:60px;
    padding-bottom:15px;
    font-weight:600;
}
.bi-x-lg[b-lv45aaq5lk] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-lv45aaq5lk]{
    font-weight:500;
    padding-bottom:10px;
}

.next-pulse-round-text[b-lv45aaq5lk]{
    font-weight:300;
    font-size:14px;
}

.btn-container[b-lv45aaq5lk]{
    margin-top:20px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-pulse-created-dialog-container[b-lv45aaq5lk] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Pulse/CreatePulse/Components/PulseSummaryComponent.razor.rz.scp.css */
.summary-container[b-0g55togpzw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

.summary[b-0g55togpzw] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 17px;
    border-radius: 6px;
}


.summary-item[b-0g55togpzw] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}

.card-icons-container[b-0g55togpzw] {
    display: flex;
    width: max-content;
    position:relative;
}



    .card-icons-container:hover .category-tooltip[b-0g55togpzw] {
        display: flex;
    }

.icon-border-container[b-0g55togpzw] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}



.pulse-template-icon-container[b-0g55togpzw] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}



    .pulse-template-icon-container p[b-0g55togpzw] {
        font-size: 12px;
    }


.icon-border-container:first-child[b-0g55togpzw] {
    margin-left: 0; /* first icon stays in place */
}




.category-tooltip[b-0g55togpzw] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .category-tooltip p[b-0g55togpzw] {
        font-size: 12px;
    }

.card-category-icon[b-0g55togpzw] {
    width: 15px;
    height: 15px;
}

/*team icons*/
.team-icons-container[b-0g55togpzw] {
    display: flex;
    width: max-content;
    position: relative;
}



    .team-icons-container:hover .team-tooltip[b-0g55togpzw] {
        display: flex;
    }
.outer-border-container[b-0g55togpzw] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:-10px;
    background-color:white;
}

.team-letter-container[b-0g55togpzw] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-0g55togpzw] {
    font-size: 12px;
    cursor: default;
    font-weight:500;
}

.team-name[b-0g55togpzw] {
    font-weight: 500;
}


.team-tooltip[b-0g55togpzw] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .team-tooltip p[b-0g55togpzw] {
        font-size: 12px;
    }

 /*   User icons*/

.user-icons-container[b-0g55togpzw] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-0g55togpzw] {
        display: flex;
    }

.outer-border-container[b-0g55togpzw] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}
    .outer-border-container:first-child[b-0g55togpzw]{
        margin-left:0;
    }
    .user-letter-container[b-0g55togpzw], .profile-img-container[b-0g55togpzw] {
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .profile-img-container img[b-0g55togpzw] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit:cover;
    }


        .user-letter-container p[b-0g55togpzw] {
            font-weight: 500;
            font-size: 12px;
            letter-spacing: -1px;
            cursor: default;
        }


.user-tooltip[b-0g55togpzw] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-0g55togpzw] {
        font-size: 12px;
    }



.summary-item:last-child[b-0g55togpzw] {
    border: none;
}

.summary-iteam-heading[b-0g55togpzw] {
    font-weight: 500;
    margin-bottom: 5px;
}

.summary-text[b-0g55togpzw] {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.summary-label[b-0g55togpzw] {
    font-weight: 300;
    width: 139px;
}

.summary-info[b-0g55togpzw] {
    display: flex;
    flex: 1;
    font-weight: 300;
}

.summary-list[b-0g55togpzw] {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
    gap: 5px;
}

ul p[b-0g55togpzw] {
    font-weight: 300;
}
/* /Pages/Pulse/CreatePulse/Components/QuestionsDropDown/QuestionComponent.razor.rz.scp.css */
.question-container[b-6milqqpki7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    position: relative;
    padding: 22px 19px 19px 19px;
    background-color: #F5F5F5;
}
.heading[b-6milqqpki7]{
    font-weight:500;
    margin-bottom:5px;
}
.description[b-6milqqpki7]{
    font-weight:300;
}
.icon-container[b-6milqqpki7]{
    position:absolute;
    top:6px;
    right:6px;
}
    .icon-container img[b-6milqqpki7] {
        height: 15px;
        width: 15px;
    }


.pointer:hover[b-6milqqpki7]{
    cursor:pointer;
    background-color:var(--hover-color);
}
/* /Pages/Pulse/CreatePulse/Components/QuestionsDropDown/QuestionDropDownComponent.razor.rz.scp.css */

.questions-dropdown-bar[b-1sm2u6i5xu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    min-height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 18px;
}

    .questions-dropdown-bar:hover[b-1sm2u6i5xu] {
        cursor: pointer;
    }


.questions-container[b-1sm2u6i5xu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    background-color: white;
    padding: 18px 17px;
    border-top: 1px solid #E8E8E8;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.questions-dropdown-container[b-1sm2u6i5xu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.questions-dropdown-heading-container[b-1sm2u6i5xu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tooltip-container[b-1sm2u6i5xu] {
    position: absolute;
    top: -2px;
    right: -20px;
}

.dropdown-heading[b-1sm2u6i5xu] {
    display: flex;
    align-items: center;
    position: relative;
}


    .dropdown-heading p[b-1sm2u6i5xu] {
        font-weight: 500;
    }


@media only screen and (min-width: 1681px) {

    .questions-container[b-1sm2u6i5xu] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}
/* /Pages/Pulse/CreatePulse/Components/QuestionsDropDown/SelectQuestionDialog.razor.rz.scp.css */
.select-question-dialog-container[b-2gavtn1xl8] {
    height: 70vh;
    position: relative;
    background-color: var(--background-color);
    padding: 34px;
    justify-content:flex-start;

}

.content[b-2gavtn1xl8] {

    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    overflow-x:hidden;
}
.card-container[b-2gavtn1xl8] {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 253px);
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bi-x-lg:hover[b-2gavtn1xl8] {
    background-color: var(--hover-color);
}



.bi-x-lg[b-2gavtn1xl8] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}
.question-container[b-2gavtn1xl8] {
    display: flex;
    flex-direction: column;
    width: 243px;
    border-radius: 6px;
    position: relative;
    padding: 19px;
    background-color: white;
}

    .question-container:hover[b-2gavtn1xl8] {
        cursor: pointer;
       box-shadow:var(--box-shadow);
    }


.heading[b-2gavtn1xl8] {
    font-weight: 500;
}

.description[b-2gavtn1xl8] {
    font-weight: 300;
    padding-top:5px;
}

.icon-container[b-2gavtn1xl8] {
    position: absolute;
    top: 8px;
    right: 8px;
}
.icon-container img[b-2gavtn1xl8]{
height:15px;
width:15px;
}




/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .select-question-dialog-container[b-2gavtn1xl8] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Pulse/CreatePulse/Components/ScheduleComponent/ScheduleComponent.razor.rz.scp.css */
.schedule-component-dialog-container[b-fk8b5dxm53] {
    display: flex;
    background-color: #F5F6FA;
    width: 640px;
    height: 375px;
    position: relative;
    flex-direction: column;
    border-radius: 6px;
    padding-top: 30px;
}

.bi-x-lg[b-fk8b5dxm53] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

    .bi-x-lg:hover[b-fk8b5dxm53] {
        background-color: var(--hover-color);
    }

.heading-container[b-fk8b5dxm53] {
    width: 305px;
}

h1[b-fk8b5dxm53] {
    font-weight: 600;
    text-align: center;
    word-spacing: 1px;
    letter-spacing: .1px;
}

.content[b-fk8b5dxm53] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    padding-top: 10px;
}

.calander-container[b-fk8b5dxm53] {
    width: 305px;
}

.summary-container[b-fk8b5dxm53] {
    height: 100%;
    width: 252px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 7px;
}

.time-container[b-fk8b5dxm53] {
    width: 100%;
    display: flex;
    flex-direction: column;
padding-top:13px;
    height: 100%;
}


.time-element[b-fk8b5dxm53] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


    .time-element p[b-fk8b5dxm53] {
        color: black;
        font-weight: 500;
        font-size: 14px;
        width:100%;
        margin-top:5px;
    }


.btns-container[b-fk8b5dxm53] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    gap:20px;
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {
    .schedule-component-dialog-container[b-fk8b5dxm53] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Pulse/CreatePulse/CreatePulse.razor.rz.scp.css */
.create-pulse-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-pulse-content[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    gap: 3%;
}



.right-sidebar[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.answer-rate-container[b-nfb5cfq3cv] {
    width: 100%;
    background-color: white;
    padding: 16px;
    border-radius: 6px;
    height: 344px;
    margin-bottom: 20px;
}

.answer-rate-heading[b-nfb5cfq3cv] {
    font-weight: 600;
}


.back-btn-container[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-nfb5cfq3cv] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-nfb5cfq3cv] {
        color: var(--font-color);
        font-size: 16px;
    }

h1[b-nfb5cfq3cv] {
    padding-left: 5px;
}


.completed-pulse-element[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #33475B;
    padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}

.active-pulse-element[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--high-value-color);
    padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}


    .active-pulse-element p[b-nfb5cfq3cv], .completed-pulse-element p[b-nfb5cfq3cv] {
        font-size: 10px;
        font-weight: 600;
        color: white;
    }
/*main content*/
.main-content[b-nfb5cfq3cv] {
    position: relative;
    width: 70%;
    display: flex;
    flex-direction: column;
}

.heading-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.create-pulse-heading-container[b-nfb5cfq3cv] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}

.create-pulse-heading[b-nfb5cfq3cv] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.select-pulse-template-container[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 350px;
}

    .select-pulse-template-container p[b-nfb5cfq3cv] {
        font-weight: 500;
        font-size: 14px;
    }

.tooltip-container[b-nfb5cfq3cv] {
    position: absolute;
    top: -2px;
    right: -20px;
}

.pulse-template-info-container[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.pulse-template-name-container[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pulse-template-name[b-nfb5cfq3cv] {
    font-size: 18px;
    color: black;
    font-weight: 600;
}

.pulse-template-info[b-nfb5cfq3cv] {
    font-weight: 300;
    border-radius: 6px;
}

.pulse-template-icon-container[b-nfb5cfq3cv] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .pulse-template-icon-container span[b-nfb5cfq3cv] {
        color: var(--icon-color);
    }

.dropdowns-container[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    margin-top: 14px;
}


/*Reciver & settings*/


.receiver-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.receiver-heading[b-nfb5cfq3cv] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.reciver-settings-container[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    gap: 19px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 17px;
}

.input-item[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

    .input-item label[b-nfb5cfq3cv] {
        margin: 0;
    }

.input-group[b-nfb5cfq3cv] {
    display: flex;
    gap: 24px;
}

.owner-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.owner-element[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
}
.owner-info-text[b-nfb5cfq3cv] {
    width:580px;
}
.owner-element .input-item[b-nfb5cfq3cv] {
    width: 30%;
    margin-bottom: 10px;
}

.owner-heading[b-nfb5cfq3cv], .history-heading[b-nfb5cfq3cv] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.owner-text[b-nfb5cfq3cv] {
    font-weight: 500;
    position: relative;
    width: max-content;
}



.dropdown-row[b-nfb5cfq3cv] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-nfb5cfq3cv] {
        font-size: 14px;
        text-align: center;
    }

.profile-img-container[b-nfb5cfq3cv] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-nfb5cfq3cv] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-nfb5cfq3cv] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-nfb5cfq3cv] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}

/*
recurring*/
.recurring-element[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 49%;
}

.recurring-heading[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .recurring-heading p[b-nfb5cfq3cv] {
        font-weight: 500;
    }



/*Summary*/
.summary-heading-container[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.summary-heading[b-nfb5cfq3cv] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

/*Pulse history*/

.history-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    margin-top: 30px;
}

.history-element[b-nfb5cfq3cv] {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
    border-radius: 6px;
}

.pulse-history-dropdown-bar[b-nfb5cfq3cv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 18px;
}

.pulse-hisory-dropdown-bar:hover[b-nfb5cfq3cv] {
    cursor: pointer;
}


.pulse-history-container[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    padding: 18px;
}

.pulse-history-dropdown-container[b-nfb5cfq3cv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.pulse-history-dropdown-heading-container[b-nfb5cfq3cv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pulse-history-dropdown-heading[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    position: relative;
}


    .pulse-history-dropdown-heading p[b-nfb5cfq3cv] {
        font-weight: 500;
    }


.pulse-history-list[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 20px;
    cursor: auto;
}

.pulse-history-item[b-nfb5cfq3cv] {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    overflow: hidden;
    cursor: auto;
}

.pulse-history-item-section[b-nfb5cfq3cv] {
    min-width: 125px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .pulse-history-item-section p[b-nfb5cfq3cv] {
        font-size: 12px;
    }

.active-mark[b-nfb5cfq3cv] {
    height: 100%;
    width: 8px;
    background-color: var(--primary-color);
    margin-right: 5px;
}

.inactive-mark[b-nfb5cfq3cv] {
    height: 100%;
    width: 8px;
    background-color: var(--inactive-color);
    margin-right: 5px;
}



/*Extend Puls*/
.extend-pulse-heading-container[b-nfb5cfq3cv] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 10px;
}

.extend-pulse-heading[b-nfb5cfq3cv] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.active-pulse-mark[b-nfb5cfq3cv] {
    background-color: var(--primary-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.extend-pulse-container[b-nfb5cfq3cv] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
}

/*Btns*/
.btns-container[b-nfb5cfq3cv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 28px;
    position:relative;
}

.draft[b-nfb5cfq3cv], .cancel[b-nfb5cfq3cv] {
    font-size: 12px;
    font-weight: 500;
}

    .draft:hover[b-nfb5cfq3cv] {
        cursor: pointer;
    }

.btn-group[b-nfb5cfq3cv] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position:relative;
}


.no-access-container[b-nfb5cfq3cv] {
    margin: 10px 0;
}

@media only screen and (min-width: 2000px) {
    .create-pulse-container[b-nfb5cfq3cv] {
        width: 1700px;
    }
}
@media only screen and (max-width: 641px) {
    .create-pulse-content[b-nfb5cfq3cv]{
        flex-direction:column;
    }
    .main-content[b-nfb5cfq3cv] {
        width:100%;
    }
    .right-sidebar[b-nfb5cfq3cv]{
        display:none;
    }
    .heading-container[b-nfb5cfq3cv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .btns-container[b-nfb5cfq3cv], .btn-group[b-nfb5cfq3cv] {
        flex-direction: column;
        gap:15px;
    }
}
/* /Pages/Pulse/DraftPulses/Components/DraftCardComponent.razor.rz.scp.css */


.pulse-card-grid .pulse-card-name[b-ar7jpl9ubh] {
    font-weight: 500;
    padding-top: 20px;
}

.pulse-card-grid .pulse-card-text[b-ar7jpl9ubh] {
    font-weight: 300;
    padding-top: 15px;
}

.pulse-card-grid[b-ar7jpl9ubh] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
}
    .pulse-card-grid:hover[b-ar7jpl9ubh] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }
.pulse-card-grid-text-container[b-ar7jpl9ubh] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width:max-content;
}

    .pulse-card-grid-text-container p[b-ar7jpl9ubh] {
        font-weight: 300;
    }

.pulse-card-grid-name[b-ar7jpl9ubh] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 18px;
}

.pulse-card-list[b-ar7jpl9ubh] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;

}

.list-pulse-name-container[b-ar7jpl9ubh] {
    display: flex;
    gap: 10px;
    align-items: center;
}
    .pulse-card-list:hover[b-ar7jpl9ubh] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }
.pulse-card-list-text-container[b-ar7jpl9ubh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    height: 100%;
    width: max-content;
}

    .pulse-card-list-text-container p[b-ar7jpl9ubh] {
        font-weight: 300;
    }

.pulse-card-list-info-container[b-ar7jpl9ubh] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-ar7jpl9ubh] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}

.pulse-card-list .pulse-card-name[b-ar7jpl9ubh] {
    font-weight: 500;
}

.top-corner-info-container[b-ar7jpl9ubh] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-ar7jpl9ubh], .number-of-users-container[b-ar7jpl9ubh] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-ar7jpl9ubh] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 17px;
    padding: 0px 5px;
}

    .number-of-questions p[b-ar7jpl9ubh] {
        font-size: 10px;
        font-weight: 600;
    }

.active-pulse-round-element[b-ar7jpl9ubh] {
    background-color: #78D24A;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .active-pulse-round-element:hover .active-round-popup[b-ar7jpl9ubh] {
        display: flex;
    }

.active-round-popup[b-ar7jpl9ubh] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    width: 107px;
    height: 25px;
}

    .active-round-popup p[b-ar7jpl9ubh] {
        font-size: 12px;
    }



.number-of-teams-container:hover .team-names-popup[b-ar7jpl9ubh] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-ar7jpl9ubh] {
    display: flex;
}

.team-names-popup[b-ar7jpl9ubh], .user-names-popup[b-ar7jpl9ubh] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height: 300px;
    overflow: auto;
    width: max-content;
}

.date-text[b-ar7jpl9ubh] {
    position: absolute;
    bottom: 11px;
    right: 15px;
    font-size: 10px;
}

.popup-heading[b-ar7jpl9ubh] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}


.popup-list-item[b-ar7jpl9ubh] {
    color: black;
    font-size: 12px;
}

/*Category icons*/


.card-icons-container[b-ar7jpl9ubh] {
    display: flex;
    width: max-content;
}

.list-card-icons-container[b-ar7jpl9ubh] {
    display: flex;
    width: max-content;
}

    .card-icons-container:hover .category-tooltip[b-ar7jpl9ubh], .list-card-icons-container:hover .list-category-tooltip[b-ar7jpl9ubh] {
        display: flex;
    }

.icon-border-container[b-ar7jpl9ubh] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.list-icon-border-container[b-ar7jpl9ubh] {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.pulse-template-icon-container[b-ar7jpl9ubh] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.list-pulse-template-icon-container[b-ar7jpl9ubh] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

.pulse-template-icon-container p[b-ar7jpl9ubh] {
    font-size: 12px;
}

.list-pulse-template-icon-container p[b-ar7jpl9ubh] {
    font-size: 10px;
}

.icon-border-container:first-child[b-ar7jpl9ubh] {
    margin-left: 0; /* first icon stays in place */
}

.list-icon-border-container:first-child[b-ar7jpl9ubh] {
    margin-left: 0; /* first icon stays in place */
}


.category-tooltip[b-ar7jpl9ubh] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 45px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

.list-category-tooltip[b-ar7jpl9ubh] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 25px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

.category-tooltip p[b-ar7jpl9ubh] {
    font-size: 12px;
}

.card-category-icon[b-ar7jpl9ubh] {
    width: 15px;
    height: 15px;
}

.list-card-category-icon[b-ar7jpl9ubh] {
    width: 11px;
    height: 11px;
}

.pulse-template-icon-container span[b-ar7jpl9ubh] {
    color: var(--icon-color);
}
@media only screen and (max-width: 641px) {
}



.delete-icon[b-ar7jpl9ubh] {
    font-size: 20px;
}

    .delete-icon:hover[b-ar7jpl9ubh] {
        color: #A2A2A2;
    }


.pulse-icon-container[b-ar7jpl9ubh] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDEFF9;
}

    .pulse-icon-container span[b-ar7jpl9ubh] {
        color: #A2A2A2;
    }
/* /Pages/Pulse/DraftPulses/DraftPulses.razor.rz.scp.css */
.draft-pulse-container[b-8u0a7990t5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}



/*filter bar*/
.filter-bar[b-8u0a7990t5] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-8u0a7990t5] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-8u0a7990t5] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}


.grid-icon:hover[b-8u0a7990t5], .list-icon:hover[b-8u0a7990t5] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-8u0a7990t5] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-8u0a7990t5] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-8u0a7990t5] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-8u0a7990t5] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-8u0a7990t5] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}


@media only screen and (max-width: 641px) {
    .filter-bar[b-8u0a7990t5] {
        display: none;
    }
    .pulse-cards-container-grid[b-8u0a7990t5] {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }
    pulse-cards-container-grid[b-8u0a7990t5] {
     
    }
    .pulse-card-grid[b-8u0a7990t5] {
    
    }
    .draft-pulse-container[b-8u0a7990t5]{
      min-height:auto;
    }
}
/* /Pages/Pulse/PulseActions/PulseActionsDetails/PulseActionCreatedDialog.razor.rz.scp.css */
.modal-dialog[b-iwkpfha8pb]{
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.new-action-created-dialog-container[b-iwkpfha8pb] {
    display: flex;
    align-items: center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction: row;
}


span[b-iwkpfha8pb] {
    font-weight: 500;
}

.img-container[b-iwkpfha8pb] {
    height: 100%;
    width: 50%;
}

    .img-container img[b-iwkpfha8pb] {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.text-content[b-iwkpfha8pb] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
}

h1[b-iwkpfha8pb] {
    padding-top: 60px;
}

.bi-x-lg[b-iwkpfha8pb] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-iwkpfha8pb] {
    font-weight: 500;
    padding-bottom: 10px;
}

.next-pulse-round-text[b-iwkpfha8pb] {
    font-weight: 300;
    font-size: 14px;
}

.btn-container[b-iwkpfha8pb] {
    margin-top: 20px;
    display:flex;
    align-items:center;
    gap:10px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-pulse-created-dialog-container[b-iwkpfha8pb] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Pulse/PulseActions/PulseActionsDetails/PulseActionsDetails.razor.rz.scp.css */
.pulse-action-details[b-twr6eftrs5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.back-btn-container[b-twr6eftrs5] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-twr6eftrs5] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-twr6eftrs5] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-twr6eftrs5] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 18px;
}

.page-heading[b-twr6eftrs5] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-twr6eftrs5] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.hero[b-twr6eftrs5]{
    width:100%;
    border-radius:6px;
    background-color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
}


.category-icon-container[b-twr6eftrs5]
{
width:130px;
height:130px;
}
    .category-icon-container img[b-twr6eftrs5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.difficulty-container[b-twr6eftrs5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width:50%;
}


.difficulty-heading[b-twr6eftrs5] {
    font-weight: 500;
    font-size: 20px;
}
.difficulty-element[b-twr6eftrs5] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.difficulty-dot[b-twr6eftrs5] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}
.action-description-text[b-twr6eftrs5]{
    margin-top:10px;
    font-weight:400;
}
.content-container[b-twr6eftrs5] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-twr6eftrs5] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap:20px;
}

.pulse-action-info-container[b-twr6eftrs5] {
    display: flex;
    align-items:center;
    gap: 10px;
}

.devider[b-twr6eftrs5] {
    height: 100%;
    width: 2px;
    background-color: #c8c8c8;
    border-radius: 2px;
}
.time-consumption[b-twr6eftrs5] {
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.info-heading[b-twr6eftrs5], .resource-heading[b-twr6eftrs5] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-twr6eftrs5] {
    font-weight: 300;
}

.action-description-container[b-twr6eftrs5]{
    width:75%;
    display:flex;
    flex-direction:column;
    width:100%;
    background-color:white;
    border-radius:6px;
    padding:30px 20px;
}
.description-heading[b-twr6eftrs5] {
    font-weight: 500;
    font-size:16px;
    margin-bottom:24px;
}

.action-description[b-twr6eftrs5]{
    font-weight: 300;
}

/*Resources*/

.resource-container[b-twr6eftrs5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-twr6eftrs5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin:0;
}

li[b-twr6eftrs5] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-twr6eftrs5] {
        color: #F49A41;
    }

/*Sidebar*/
.sidebar-container[b-twr6eftrs5] {
    width: 25%;
    display: flex;
    flex-direction: column;
}
.create-action-container[b-twr6eftrs5]{
    background-color:white;
    padding:20px;
    border-radius:6px;
}
.create-action-heading-container[b-twr6eftrs5] {
    position: relative;
    width: max-content;
    height: 30px;
    display:flex;
    align-items:center;
    margin-bottom: 10px;
}

.create-action-heading[b-twr6eftrs5] {
    font-weight: 600;
    font-size: 18px;

}

.create-action-element[b-twr6eftrs5]{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:20px;
    border-radius:6px;
    padding:16px;
    margin-bottom:16px;
}

.create-action-element p[b-twr6eftrs5]{
font-weight:500;
padding-left:5px;
margin-bottom:5px;
}
    .create-action-element select[b-twr6eftrs5] {
        width: 100%;
        margin-bottom: 5px;
    }
.owner-container[b-twr6eftrs5], .deadline-container[b-twr6eftrs5]{
    display:flex;
    flex-direction:column;
    gap:5px;
    width:100%;
}
.create-action-btn-container[b-twr6eftrs5]{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
    width:100%
}


.purpose-heading[b-twr6eftrs5] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap:5px;
    align-items: center;
}
.purpose-heading span[b-twr6eftrs5] {
    color: var(--icon-color);
}

.purpose-container[b-twr6eftrs5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px ;
}


.purpose-text[b-twr6eftrs5] {
    font-weight: 300;

}



.dropdown-row[b-twr6eftrs5] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-twr6eftrs5] {
        font-size: 14px;
        text-align: center;
    }

.bi-person-circle[b-twr6eftrs5] {
    display: flex;
    align-items: center;
    color: var(--inactive-color);
    font-size: 23px;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}


/*profilePicture*/
.dropdown-row-profile-img[b-twr6eftrs5] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}
/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-twr6eftrs5] {
        width: 100vw;
    }

    .action-details-container[b-twr6eftrs5] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-twr6eftrs5] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-twr6eftrs5] {
        width: 100%;
    }

    .sidebar-container[b-twr6eftrs5] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/Pulse/PulseActions/PulseActionsOverview/PulseActionsOverview.razor.rz.scp.css */
.pulse-actions-container[b-2l2i8q2n8d] {
    width: 100%;
    display: flex;
    min-height:80vh;
    flex-direction: column;
}

.page-heading-container[b-2l2i8q2n8d] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}


/*filter bar*/
.filter-bar[b-2l2i8q2n8d] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom:20px;
}

.input-item[b-2l2i8q2n8d] {
    position: relative;
    display: flex;
    height: 38px;
    flex:1;
}
select[b-2l2i8q2n8d] {
flex:1;
}
.tooltip-container[b-2l2i8q2n8d] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.content-container[b-2l2i8q2n8d] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.main-content-container[b-2l2i8q2n8d] {
    flex:1;
    display: flex;
    flex-direction: column;
}


.info-heading[b-2l2i8q2n8d] {
    font-weight: 500;
    font-size: 18px;
}

.info-text[b-2l2i8q2n8d] {
    font-weight: 300;
}

/*Cards*/

.action-cards-container[b-2l2i8q2n8d] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex:1;
}

.action-card[b-2l2i8q2n8d] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    transition: ease-in-out .3s;
    height:176px;
    padding:20px;
    gap:10px;
}



    .action-card:hover[b-2l2i8q2n8d] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-2l2i8q2n8d] {
    width: 156px;
    height: 156px;
    display:flex;
    justify-content:center;
    align-items:center;

}
.action-img-container img[b-2l2i8q2n8d]{
    width: 95%;
    height: 95%;
    object-fit:cover;
}

.action-heading-container[b-2l2i8q2n8d]{
    display:flex;
    flex-direction:column;
}
.action-heading[b-2l2i8q2n8d]{
    font-weight: 500;
    font-size: 14px;
}
  .category-time-consumption p[b-2l2i8q2n8d]{
        color: #979797;
        font-size: 10px;
    }
.action-heading-item[b-2l2i8q2n8d]{
    display:flex;
    align-items:center;
    gap:5px;
}



.action-card-text-container[b-2l2i8q2n8d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;
}

.action-card-heading[b-2l2i8q2n8d] {
    font-weight: 500;
}

.action-card-text-content[b-2l2i8q2n8d] {
    font-weight: 300;
    margin-top:10px;
}

/*Difficulty*/
.difficulty-container[b-2l2i8q2n8d] {
    display: flex;
    flex-direction: column;

}

    .difficulty-container p[b-2l2i8q2n8d] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color:#333;
    }

.difficulty-element[b-2l2i8q2n8d] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-2l2i8q2n8d] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}
/*
Sidebar*/
.sidebar-container[b-2l2i8q2n8d] {
    width: 300px;
    display: flex;
    flex-direction: column;
    height: 400px;
 
    border-radius: 6px;
}

    .sidebar-container .page-heading-container[b-2l2i8q2n8d] {
        margin-bottom: 10px;
        margin-top: 18px;
    }
.category-result-list-container[b-2l2i8q2n8d]{
    background-color:white;
    width:100%;
    border-radius:6px;
}
.category-result-list-item[b-2l2i8q2n8d] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    height: 70px;
    border-bottom: 1px solid #E8E8E8;
}
.category-result-list-item:last-child[b-2l2i8q2n8d] {
border:none;
}
.result-element[b-2l2i8q2n8d]{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    height:100%;
}
.category-result[b-2l2i8q2n8d] {
    font-size: 12px;
    font-weight:500;
}
.cell-value-meter.low[b-2l2i8q2n8d] {
    background-color: var(--low-value-color);
    color: white;
}

.cell-value-meter.medium[b-2l2i8q2n8d] {
    background-color: var(--mid-value-color);
}

.cell-value-meter.high[b-2l2i8q2n8d] {
    background-color: var(--high-value-color);
}

.cell-value-meter-element[b-2l2i8q2n8d] {
    width: 60px;
    height: 7px;
    border-radius: 5px;
    overflow: hidden;
  background-color:lightgray;
}

.cell-value-meter[b-2l2i8q2n8d] {
    height: 7px;
}

/* /Pages/Pulse/PulseOverview/Components/PulseChartComponent.razor.rz.scp.css */
.chart-container[b-beudpozknp] {
    position: relative;
    margin-top: 26px;

}
.chart[b-beudpozknp] {
    position: relative;
    min-height: 70px;
}
.heading-container[b-beudpozknp]{
    display:flex;
    position:relative;
    width:max-content;
}

.chart-heading[b-beudpozknp] {
    color: black;
    font-weight: 500;
    padding-bottom:10px;
}
    .chart-heading p[b-beudpozknp] {
        font-weight: 500;
    }
 
.tooltip-container[b-beudpozknp] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.all-results-element[b-beudpozknp] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;

    position:absolute;
}

    .all-results-element:hover[b-beudpozknp] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }

    .all-results-element p[b-beudpozknp] {
        font-weight: 500;
    }

.column-chart-btn[b-beudpozknp] {
    bottom: -16px;
}

.line-chart-btn[b-beudpozknp] {
    bottom: -42px;
}

.custom-chart-tooltip[b-beudpozknp]{
    display:flex;
    flex-direction:column;
}


.chart-placeholder-text[b-beudpozknp]{
    position:absolute;
    top:30px;
}

.pulse-category-result-placeholder[b-beudpozknp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .pulse-category-result-placeholder img[b-beudpozknp] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }
/* /Pages/Pulse/PulseOverview/Components/PulseHeroComponent.razor.rz.scp.css */

.hero[b-7ixbh6zmpu] {
    display: flex;
    width: 100%;
    height: 190px;
    border-radius: 6px;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    padding: 31px;
    margin-bottom:18px;
}


.hero-text-container[b-7ixbh6zmpu] {
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 5px;
    flex: 1;
    min-width: 400px;
}


.hero-btn-container[b-7ixbh6zmpu] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-icon-container[b-7ixbh6zmpu] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    span[b-7ixbh6zmpu] {
        color: var(--icon-color);
        font-size:60px;
    }

@media only screen and (max-width: 641px) {
    .hero[b-7ixbh6zmpu] {
        display: none;
    }
}
/* /Pages/Pulse/PulseOverview/Components/PulseTemplateCardComponent.razor.rz.scp.css */

/*pulse template card*/

.pulse-template-card-grid[b-8tpd9v1oa8] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position:relative;
}

    .pulse-template-card-grid:hover[b-8tpd9v1oa8] {
        box-shadow:var(--box-shadow);
        cursor: pointer;
    }

    .pulse-template-card-grid .pulse-template-card-name[b-8tpd9v1oa8] {
        font-weight: 500;
        padding-top: 20px;
    }

    .pulse-template-card-grid .pulse-template-card-text[b-8tpd9v1oa8] {
        font-weight: 300;
        padding-top: 15px;
    }


.pulse-template-card-list[b-8tpd9v1oa8] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 44px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    position: relative;
    min-height:100px;
}
.card-list-text-container[b-8tpd9v1oa8]{
    width:90%;
    
}

.pulse-template-card-list:hover[b-8tpd9v1oa8] {
    box-shadow: var(--box-shadow);
    cursor: pointer;
}

    .pulse-template-card-list .pulse-template-card-name[b-8tpd9v1oa8] {
        font-weight: 500;
    }

    .pulse-template-card-list .pulse-template-card-text[b-8tpd9v1oa8] {
        font-weight: 300;
        padding-top: 5px;
    }

.number-of-questions[b-8tpd9v1oa8] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 17px;
    padding: 0px 5px;
    position: absolute;
    top: 12px;
    right: 12px;
}

    .number-of-questions p[b-8tpd9v1oa8] {
        font-size: 10px;
        font-weight: 600;
    }

.card-icons-container[b-8tpd9v1oa8] {
    display: flex;
    width: max-content;
}

.list-card-icons-container[b-8tpd9v1oa8] {
    display: flex;
    width: max-content;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

    .card-icons-container:hover .category-tooltip[b-8tpd9v1oa8], .list-card-icons-container:hover .list-category-tooltip[b-8tpd9v1oa8] {
        display: flex;
    }
.icon-border-container[b-8tpd9v1oa8] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color:white;
}
.list-icon-border-container[b-8tpd9v1oa8] {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}
.pulse-template-icon-container[b-8tpd9v1oa8] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);

}

.list-pulse-template-icon-container[b-8tpd9v1oa8] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}
.pulse-template-icon-container p[b-8tpd9v1oa8]{
    font-size:12px;
}

.list-pulse-template-icon-container p[b-8tpd9v1oa8] {
    font-size: 10px;
}
.icon-border-container:first-child[b-8tpd9v1oa8] {
    margin-left: 0; /* first icon stays in place */
}
.list-icon-border-container:first-child[b-8tpd9v1oa8] {
    margin-left: 0; /* first icon stays in place */
}


.category-tooltip[b-8tpd9v1oa8] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 45px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

.list-category-tooltip[b-8tpd9v1oa8] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 25px;
    box-shadow: var(--box-shadow);
    width: max-content;
}

    .category-tooltip p[b-8tpd9v1oa8] {
        font-size: 12px;
    }

.card-category-icon[b-8tpd9v1oa8] {
    width: 15px;
    height: 15px;
}

.list-card-category-icon[b-8tpd9v1oa8] {
    width: 11px;
    height: 11px;
}
    .pulse-template-icon-container span[b-8tpd9v1oa8] {
        color: var(--icon-color);
    }



@keyframes fadeIn-b-8tpd9v1oa8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 641px) {





}
/* /Pages/Pulse/PulseOverview/PulseOverview.razor.rz.scp.css */
.loader-container[b-fw59ewrcvu] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.pulse-overview-container[b-fw59ewrcvu] {
    display: flex;
    gap: 3%;
    justify-content: center;
    width: 100%;
    height: 100%
}

h1[b-fw59ewrcvu] {
    padding-left: 5px;
}

/*main content*/
.main-content[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.main-content-heading-container[b-fw59ewrcvu] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}

.tooltip-container[b-fw59ewrcvu] {
    position: absolute;
    top: 0px;
    right: -25px;
}

/*Tabs*/
.desktop-tabs-container[b-fw59ewrcvu] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .desktop-tabs-container h5[b-fw59ewrcvu] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor:default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }
.tab-hover-effect:hover[b-fw59ewrcvu] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.tab-underline-active[b-fw59ewrcvu] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-fw59ewrcvu] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-fw59ewrcvu] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}



/*
filter bar*/
.filter-bar[b-fw59ewrcvu] {
    position: relative;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.search-icon[b-fw59ewrcvu] {
    position: absolute;
    z-index: 100;
    left: 5px;
}
select[b-fw59ewrcvu]{
    height:38px;
}

.grid-icon:hover[b-fw59ewrcvu], .list-icon:hover[b-fw59ewrcvu] {
    cursor: pointer;
}
/*
PulseTemplates*/

.pulse-template-cards-container-list[b-fw59ewrcvu] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-template-cards-container-grid[b-fw59ewrcvu] {
    margin-top: 18px;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}


/*Right Sidebar*/
.right-sidebar[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    width: 30%;
    gap:30px;
}

.right-sidebar-heading-container[b-fw59ewrcvu] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.category-container[b-fw59ewrcvu]{
    width:100%;
    display:flex;
    flex-direction:column;

}
.category-items-container[b-fw59ewrcvu] {
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem; /* mellanrum mellan rutorna */

}

.icon-border-container[b-fw59ewrcvu] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.pulse-template-icon-container[b-fw59ewrcvu] {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}
.card-category-icon[b-fw59ewrcvu] {
    width: 20px;
    height: 20px;
}
    .category-item p[b-fw59ewrcvu]  {
     font-size:13px;
     font-weight:400;
    }

.category-item[b-fw59ewrcvu]{
    display:flex;
    align-items:center;
    gap:10px;
}
.team-container[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.team-heading[b-fw59ewrcvu] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.team-cards-container[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

.all-team-container[b-fw59ewrcvu] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;
    margin-top: 6px;
}

    .all-team-container:hover[b-fw59ewrcvu] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
        transition: ease-in-out .3s;
    }

.all-team-text[b-fw59ewrcvu] {
    font-weight: 500;
}

.team-placeholder[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .team-placeholder img[b-fw59ewrcvu] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }
/*Results*/
.result-container[b-fw59ewrcvu] {
    width: 100%;
}

.result-heading[b-fw59ewrcvu] {
    font-weight: 600;
    font-size: 18px;
    color: black;
    margin-bottom: 21px;
}

.result-text[b-fw59ewrcvu] {
    color: #333333;
}

.charts-container[b-fw59ewrcvu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 30px;
}

.no-access-container[b-fw59ewrcvu]{
    margin:10px 0;
}
/*mobile view*/
.mobile-pulse-menu[b-fw59ewrcvu], .pulse-menu-btn[b-fw59ewrcvu] {
    display: none;
}


@media only screen and (min-width: 1681px) {
    .pulse-template-cards-container-grid[b-fw59ewrcvu] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}


@media only screen and (max-width: 641px) {
    .pulse-overview-container[b-fw59ewrcvu] {
        width: 100vw;
        flex-direction: column;
        gap: 0;
        padding:20px;
    }


    .pulse-template-cards-container-grid[b-fw59ewrcvu] {
        display: flex;
        flex-direction: column;
        gap: 18px;
        overflow-x: scroll;
    }

    .main-content[b-fw59ewrcvu], .right-sidebar[b-fw59ewrcvu] {
        width: 100%;
    }
    .right-sidebar[b-fw59ewrcvu] {
        margin-top: 30px;
    }
    .hero[b-fw59ewrcvu] {
        display: none;
    }

    .desktop-tabs-container[b-fw59ewrcvu] {
        display: none;
    }

    .pulse-menu-btn[b-fw59ewrcvu] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom:30px;
    }

        .pulse-menu-btn p[b-fw59ewrcvu] {
            font-weight: 500;
        }

    .mobile-pulse-menu[b-fw59ewrcvu] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }
        .mobile-pulse-menu p[b-fw59ewrcvu] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-pulse-menu p:hover[b-fw59ewrcvu] {
            
                background-color: var(--hover-color);
            }

    .grid-icon[b-fw59ewrcvu], .list-icon[b-fw59ewrcvu] {
        display: none;
    }
}
/* /Pages/Pulse/PulseResultSelectPulse.razor.rz.scp.css */
.pulse-result-select-pulse-dialog-container[b-5pp51z10pl] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    position:relative;
}

.bi-x-lg:hover[b-5pp51z10pl] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-5pp51z10pl] {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}


.top-row-container[b-5pp51z10pl] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:24px;
}

.cards-container[b-5pp51z10pl] {
    width: 100%;
    display: flex;
    gap: 24px;
    padding: 0 8%;
    flex-wrap: wrap;
    height: 84vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 15px;
    align-content: flex-start;
}

/*Pulse card*/
.pulse-card[b-5pp51z10pl] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px;
    border-radius: 20px;
    width: 234px;
    height: 320px;
    box-shadow: 2px 2px 4px rgba(85, 102, 153, 0.11), 6px 6px 30px rgba(125, 153, 180, 0.25);
    cursor: pointer;
    transition: .3s ease-in;
}

    .pulse-card h5[b-5pp51z10pl] {
        display: flex;
        align-items: center;
        text-align:center;
        height: 35px;
        overflow: hidden;
    }

.bi-heart-pulse-fill[b-5pp51z10pl] {
    color: var(--pulse-color);
    font-size: 25px;
    margin-right: 8px;
}


.pulse-card-img-container[b-5pp51z10pl] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid var(--neutral-color);
    transition: .3s ease-in;
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding:20px 0 15px 0;

}

    .pulse-card-img-container img[b-5pp51z10pl] {
        width: 130px;
        height: 130px;
        border-radius:50%;
    }

.number-of-questions-container[b-5pp51z10pl] {
    width: 90%;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 20px;
    background-color: var(--pulse-color);
}

    .number-of-questions-container .question[b-5pp51z10pl] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

    .number-of-questions-container .number-of-questions[b-5pp51z10pl] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

.pulse-category-container[b-5pp51z10pl] {
    display: flex;
    align-items: center;
    text-align: center;
    height: 35px;
}
/* /Pages/Pulse/PulseResultSelectPulseQuestion.razor.rz.scp.css */
.pulse-result-select-question-dialog-container[b-ekkqgnt0h4]{
    width:100%;
    display:flex;
    flex-direction:column;
    position:relative;

}

.bi-x-lg:hover[b-ekkqgnt0h4] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-ekkqgnt0h4] {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}
.top-row-container[b-ekkqgnt0h4] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.cards-container[b-ekkqgnt0h4] {
    width: 100%;
    display: flex;
    gap: 24px;
    padding: 0 8%;
    flex-wrap: wrap;
    height: 84vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 15px;
}

.card[b-ekkqgnt0h4] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    width: 234px;
    height: 320px;
    cursor: pointer;
    padding: 20px;
}

.card-heading-container[b-ekkqgnt0h4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--neutral-color);
}

    .card-heading-container :first-child[b-ekkqgnt0h4] {
        text-align: center;
    }

.img-container[b-ekkqgnt0h4] {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

    .img-container img[b-ekkqgnt0h4] {
        width: 100px;
        height: 100px;
    }

.card-question[b-ekkqgnt0h4] {
    position: relative;
}

    .card-question p[b-ekkqgnt0h4] {
        text-align: center;
    }


    .card-question:hover .custom-tooltip[b-ekkqgnt0h4] {
        opacity: 1;
        z-index: 200;
        visibility: visible;
    }

.custom-tooltip[b-ekkqgnt0h4] {
    visibility: hidden;
    position: absolute;
    top: 80px;
    right: -15px;
    z-index: 50;
    box-shadow: var(--box-shadow);
    width: 214px;
    min-height: 80px;
    padding: 8px 8px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid var(--tertiary-color);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .custom-tooltip p[b-ekkqgnt0h4] {
        font-size: 12px;
        font-weight: 500;
        text-align: left;
    }
/* /Pages/Pulse/PulseResult/PulseResultComments/PulseResultComments.razor.rz.scp.css */
.pulse-result-comment-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    gap: 30px;
    position: relative;
}

.tooltip-container[b-mox749i0qe] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.loader-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 70vh;
}

.content-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.left-content-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.comment-heading[b-mox749i0qe] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.comments-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
}


.table-heading-row[b-mox749i0qe] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px;
    border-radius: 6px;
    background-color: white;
    gap: 20px;
}

    .table-heading-row p[b-mox749i0qe] {
        font-weight: 500;
    }

.table-heading-item[b-mox749i0qe] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    border-radius: 66px;
}


.table-heading[b-mox749i0qe] {
    font-weight: 500;
    height: 20px;
    display: flex;
    font-size: 16px;
    align-items: center;
}

.table-heading-sort-icon-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.material-symbols-outlined[b-mox749i0qe] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}

.comment-element[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 27px;
    gap: 10px;
    border-radius: 6px;
    background-color: white;
    transition: ease-in-out .3s;
}



.comment-question-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.text-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    padding-right: 20px;
}
.comment-info-container[b-mox749i0qe]{
    display:flex;
    flex:1;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
}
.comment[b-mox749i0qe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
}

.heading[b-mox749i0qe] {
    font-weight: 500;
    width: 90px;
}

.category[b-mox749i0qe] {

    background-color: #E9EAEA;
    padding: 1px 10px;
    border-radius: 6px;
    font-size:12px;
    text-wrap:nowrap;

}
.own-comment[b-mox749i0qe] {
    background-color: #E9EAEA;
    padding: 1px 10px;
    border-radius: 6px;
    font-size: 12px;
    text-wrap: nowrap;
}
.created[b-mox749i0qe] {
    font-size: 12px;
    text-wrap: nowrap;
}

.right-content-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    width: 20%;
    gap: 15px;
}

.sidebar-heading[b-mox749i0qe] {
    font-weight: 600;
    font-size: 18px;
}

.cards-container[b-mox749i0qe] {
    height: 400px;
    background-color: white;
    width: 100%;
}


.result-comment-profile-img-container[b-mox749i0qe] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .result-comment-profile-img-container img[b-mox749i0qe] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
        object-fit: cover;
    }

.result-comment-profile-img-placeholder[b-mox749i0qe] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .result-comment-profile-img-placeholder p[b-mox749i0qe] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }



/*comment respons classes*/


.number-of-responses-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.no-comment-placeholder[b-mox749i0qe] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-mox749i0qe] {
    width: 30px;
    height: 30px;
}


.action-item .comment-icon[b-mox749i0qe] {
    font-size: 15px;
    transform: scaleX(-1);
    margin-bottom: 2px;
    width: 17px;
    display: flex;
    justify-content: flex-end;
}

.comment-action-bar-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}

.response-comment-profile-img-container[b-mox749i0qe] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-mox749i0qe] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-mox749i0qe] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-mox749i0qe] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }
.action-item[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}

    .action-item:hover[b-mox749i0qe] {
        background-color: var(--hover-color);
    }

    .action-item .material-symbols-outlined[b-mox749i0qe] {
        height: 20px;
        font-size: 20px;
    }

.action-item-text[b-mox749i0qe] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}

.locked-by-container[b-mox749i0qe], .lock-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: default;
    position: relative;
}



.lock-container:hover .lock-container-tooltip[b-mox749i0qe] {
    display: flex;
}

.lock-container-tooltip[b-mox749i0qe] {
    position: absolute;
    top: -29px;
    right: -10px;
    display: none;
    background-color: white;
    padding: 3px 10px;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    text-wrap-mode: nowrap;
}
.lock-container-tooltip p[b-mox749i0qe] {
font-size:12px;
}
.locked-by-container .material-symbols-outlined[b-mox749i0qe] {
    font-size: 20px;
    cursor: default;
}

.comment-action-bar[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-mox749i0qe] {
     width:15px;
     height:15px;
    }

.pre-written-comments-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-mox749i0qe] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-mox749i0qe] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .submit-container .material-symbols-outlined[b-mox749i0qe] {
        height: 20px;
        font-size: 20px;
    }

.new-comment-container input[b-mox749i0qe] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-mox749i0qe]::placeholder {
    font-size: 12px;
}

.bi-person-circle[b-mox749i0qe] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-mox749i0qe] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.comment-jobtitle[b-mox749i0qe] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}

.profile-img-contanier[b-mox749i0qe] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-mox749i0qe] {
        border-radius: 50%;
        width: 31px;
        height: 31px;
        min-width: 31px;
        min-height: 31px;
        object-fit: cover;
    }

.profile-img-placeholder[b-mox749i0qe] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-mox749i0qe] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }


.number-of-comments-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-mox749i0qe] {
    font-size: 13px;
}

    .number-of-comments:hover[b-mox749i0qe] {
        text-decoration: underline;
    }

.feedback-comment[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    background-color: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 25px;
    gap: 15px;
}
    /* Remove border for the last child */
    .feedback-comment:last-child[b-mox749i0qe] {
        border-bottom: none;
    }
.feedback-comment-top-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anonymous-container[b-mox749i0qe] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1px 10px;
    cursor: default;
}

    .anonymous-container p[b-mox749i0qe] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }
.feedback-comment-user-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: default;
}

.feedback-comment-content-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 85px;
}

    .feedback-comment-content-container input[b-mox749i0qe] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment-container[b-mox749i0qe] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: default;
}

.text-comment[b-mox749i0qe] {
    width: 70%;
}

.time-since-created[b-mox749i0qe] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.feedback-comment img[b-mox749i0qe] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.feedback-comment-timestamp-container[b-mox749i0qe] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 10px;
}

feedback-comment-timestamp-container


.feedback-comment-like[b-mox749i0qe] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

.feedback-comments-container[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feedback-comment-actions-container[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-mox749i0qe] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-mox749i0qe] {
        background-color: var(--hover-color);
    }



.devider-dot[b-mox749i0qe] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}



.number-of-likes-icon[b-mox749i0qe] {
    font-size: 15px;
    color: var(--like-color);
    width: 19px;
}

.edit-btn[b-mox749i0qe] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-mox749i0qe] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-mox749i0qe] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-mox749i0qe] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup img[b-mox749i0qe]{
      height:20px;
      width:20px;
    }



    .edit-popup p:hover[b-mox749i0qe] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.close-on-click-outside-container[b-mox749i0qe] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/Pulse/PulseResult/PulseResultHeatmap/PulseResultHeatmap.razor.rz.scp.css */
.pulse-result-category-container[b-x15cvjrgrb] {
    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
}


/*filter bar*/
.filter-bar-container[b-x15cvjrgrb] {
    display: flex;
justify-content:flex-end;
    margin-bottom: 10px;
    position: sticky;
    top: 0px;
    z-index: 199;
    background-color: var(--background-color);
    width: 100%;
    gap:20px;
}
.result-explanation-container[b-x15cvjrgrb]{
    display:flex;
    gap:41px;
}
.result-item[b-x15cvjrgrb]{
    display:flex;
    align-items:center;
    gap:10px;
}
.result-dot[b-x15cvjrgrb] {
    width: 20px;
    height: 15px;
}
.result-text[b-x15cvjrgrb] {
    font-weight: 500;
    line-height:1;
    cursor:default;
}
.no-answer[b-x15cvjrgrb] {
}
.low-answer[b-x15cvjrgrb] {
    background: var(--Gradient-c, linear-gradient(90deg, #FFAB91 -15.79%, #F52466 107.84%));
}
.mid-answer[b-x15cvjrgrb] {
    background: var(--Gradient_orange, linear-gradient(295deg, rgba(255, 200, 83, 0.60) 46.37%, #F47D1C 163.29%));
}
.high-answer[b-x15cvjrgrb] {
    background: var(--Gradient-7, linear-gradient(90deg, var(--Extended-frpalett-Grn--4, #018574) -148.41%, var(--Primr-Hartic-Green-100, #00DB94) 43.26%));
}
.filter-bar[b-x15cvjrgrb] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
    padding-bottom:10px;
}

    .filter-bar select[b-x15cvjrgrb] {
        width: 160px;
    }

.tooltip-container[b-x15cvjrgrb] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.content-container[b-x15cvjrgrb] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.pulse-icon-container[b-x15cvjrgrb] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(234, 148, 63, 0.3);
}

    .pulse-icon-container span[b-x15cvjrgrb] {
        color: var(--secondary-color);
        font-size: 30px;
    }

/*Chart*/

.chart-container[b-x15cvjrgrb] {
    display: flex;
    width: 100%;
    height: 395px;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
    position: relative;
}

.chart-heading-container[b-x15cvjrgrb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chart-heading[b-x15cvjrgrb] {
    position: relative;
}

/*HeatMap*/
.heatmap-container[b-x15cvjrgrb] {

    overflow-x:scroll;
    width:100%;
}

.heatmap-heading[b-x15cvjrgrb] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
    position: relative;
    width: max-content;
}

.no-team-pladeholder-container[b-x15cvjrgrb]{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:20px;
}
.no-team-access-container[b-x15cvjrgrb] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 5vh;
}
/* /Pages/Pulse/PulseResult/PulseResultOrg/PulseResultOrganization.razor.rz.scp.css */
.pulse-result-category-container[b-17wacmeb76] {
    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    position:relative;
}

.tooltip-container[b-17wacmeb76] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.content-container[b-17wacmeb76] {
    width: 100%;
    display: flex;
    gap: 30px;
}
.heading-container[b-17wacmeb76] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-17wacmeb76] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-17wacmeb76] {
        font-weight: 500;
    }
.left-content-container[b-17wacmeb76] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.right-side-container[b-17wacmeb76] {

    width: 240px;
   min-width:240px;
}

/*stacked column chart*/
.chart-container[b-17wacmeb76] {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 24px;
    position: relative;
    margin-bottom:30px;
}

.chart-heading-container[b-17wacmeb76] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-17wacmeb76] {
    position: relative;
}

.category-heading[b-17wacmeb76] {
    font-size: 20px;
    font-weight: 600;
}
.column-chart[b-17wacmeb76] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.result-row[b-17wacmeb76] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-name[b-17wacmeb76] {
    width: 212px;
    min-width: 212px;
    text-align: right;
}

.category-result[b-17wacmeb76] {
    font-weight: 500;
    min-width: 20px;
}

.result-bar[b-17wacmeb76] {
    width: 100%;
    height: 25px;
    background-color: #F2F5F7;
    position: relative;
    border-radius: 6px;
}

.result-colored-part[b-17wacmeb76] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    border-radius: 6px;
}

.result-span-container[b-17wacmeb76] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .result-span-container p[b-17wacmeb76] {
        font-weight: 500;
    }
/* /Pages/Pulse/PulseResult/PulseResultOverview/PulseResultOverview.razor.rz.scp.css */

/*Heading*/
.result-heading-container[b-kz0rxb4cz9] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}

.heading-container[b-kz0rxb4cz9] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-kz0rxb4cz9] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-kz0rxb4cz9] {
        font-weight: 500;
    }

.tooltip-container[b-kz0rxb4cz9] {
    position: absolute;
    top: 0px;
    right: -25px;
}

/*Tabs*/
.tabs-container[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .tabs-container h5[b-kz0rxb4cz9] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor: default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }

.tab-hover-effect:hover[b-kz0rxb4cz9] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}

.tab-underline-active[b-kz0rxb4cz9] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-kz0rxb4cz9] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-kz0rxb4cz9] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}

/*Timespan select*/

.filter-container[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    gap: 15px;
    position: relative;
    top: -10px;
}

    .filter-container select[b-kz0rxb4cz9] {
        width: 156px;
        height: 38px;
        border-radius: 6px;
        font-weight: 500;
    }

.export-container[b-kz0rxb4cz9] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: flex-end;
}
    .export-container img[b-kz0rxb4cz9] {
        width: 15px;
        height: 15px;
    }
    /*Result content*/
    .result-content[b-kz0rxb4cz9] {
        width: 100%;
        display: flex;
        gap: 30px;
    }

.left-content-container[b-kz0rxb4cz9] {
    min-width: 520px;
    display: flex;
    flex-direction: column;
}

.right-content-container[b-kz0rxb4cz9] {
    display: flex;
    flex: 1;
    flex-direction: column;
}
/*
Cards*/

.cards-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.card-group[b-kz0rxb4cz9] {
    display: flex;
    justify-content: space-between;
    gap: 26px;
}

.card-item[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 247px;
    flex: 1;
    height: 110px;
    background-color: white;
    padding: 12px 10px;
    border-radius: 6px;
    position: relative;
}

.chart-card[b-kz0rxb4cz9] {
    height: 168px;
}

.card-top-row[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: 20px;
}

    .card-top-row p[b-kz0rxb4cz9] {
        font-size: 12px;
        font-weight: 400;
    }

.card-heading[b-kz0rxb4cz9] {
    font-weight: 600;
}

.number-of-pulses[b-kz0rxb4cz9] {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.card-icon-container[b-kz0rxb4cz9] {
    display: flex;
    gap: 5px;
}

.card-icon-positive[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #78D24A;
}

.icon-text-value-positive[b-kz0rxb4cz9] {
    color: rgba(1, 133, 116, 1);
    font-weight: 500;
}

.card-icon-negative[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F52366;
}


.icon-text-value-negative[b-kz0rxb4cz9] {
    color: rgba(245, 36, 102, 1);
    font-weight: 500;
}

.card-up-arrow-icon[b-kz0rxb4cz9] {
    color: white;
    font-size: 14px;
    transform: rotate(-55deg);
}

.card-down-arrow-icon[b-kz0rxb4cz9] {
    color: white;
    font-size: 14px;
    transform: rotate(125deg);
}
/*Pie chart*/
.gender-chart-container[b-kz0rxb4cz9] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.pie-chart[b-kz0rxb4cz9] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 1rem;
    font-family: sans-serif;
}

.pie-label[b-kz0rxb4cz9] {
    position: absolute;
    transform: translate(-50%, -50%); /* Center the label */
    font-size: 12px;
    font-weight: bold;
    color: #333;
    pointer-events: none;
    white-space: nowrap; /* Prevent labels from wrapping */
    z-index: 1; /* Ensure labels are above pie slices */
}

/* Legend styling */
.legend[b-kz0rxb4cz9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    cursor: default;
}

    .legend li[b-kz0rxb4cz9] {
        display: flex;
        align-items: center;
        cursor: default;
    }

.legend-color[b-kz0rxb4cz9] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 8px;
    cursor: default;
}


/*progress chart*/

.ring-chart[b-kz0rxb4cz9] {
    position: relative;
    width: 89px;
    height: 89px;
    margin: auto;
}

.ring-bg[b-kz0rxb4cz9] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#36a2eb 75%, #e6e6e6 75% 100%);
}

.outer-ring[b-kz0rxb4cz9] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.ring-hole[b-kz0rxb4cz9] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
}

    .ring-hole img[b-kz0rxb4cz9] {
        width: 39px;
        height: 24px;
    }

    .ring-hole span[b-kz0rxb4cz9] {
        font-size: 14px;
        font-weight: 500;
    }

.ring-dot[b-kz0rxb4cz9] {
    position: absolute;
    top: 0px;
    left: 44%;
    width: 12px;
    height: 12px;
    background-color: #36a2eb;
    border-radius: 50%;
    transform-origin: center 60.5px;
    z-index: 2;
}

.result-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
}


/*stacked column chart*/

.column-chart[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.result-row[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-name[b-kz0rxb4cz9] {
    width: 212px;
    min-width: 212px;
    text-align: right;
}

.category-result[b-kz0rxb4cz9] {
    font-weight: 500;
    min-width: 20px;
}

.result-bar[b-kz0rxb4cz9] {
    width: 100%;
    height: 18px;
    background-color: #F2F5F7;
    position: relative;
    border-radius: 6px;
}

.result-colored-part[b-kz0rxb4cz9] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    border-radius: 6px;
}

.result-span-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .result-span-container p[b-kz0rxb4cz9] {
        font-weight: 500;
    }
/*Teams*/
.team-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.team-heading-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 20px;
}

.team-heading[b-kz0rxb4cz9] {
    display: flex;
    flex: 1;
    font-size: 20px;
    font-weight: 600;
}

.team-pulse-heading[b-kz0rxb4cz9], .team-answer-rate-heading[b-kz0rxb4cz9] {
    display: flex;
    width: 100px;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
}

.team-card-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 6px;
    min-height: 273px;
}

.team-item[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background-color: white;
    border-radius: 6px;
}



.team-icon[b-kz0rxb4cz9] {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

    .team-icon img[b-kz0rxb4cz9] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.team-item-name[b-kz0rxb4cz9] {
    display: flex;
    flex: 1;
}



.team-item-pulse[b-kz0rxb4cz9], .team-item-answer-rate[b-kz0rxb4cz9] {
    display: flex;
    width: 85px;
    justify-content: center;
}

.all-team-btn-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 70px;
    padding: 0 16px;
}

.team-placeholder[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .team-placeholder img[b-kz0rxb4cz9] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }
/*Chart*/

.chart-container[b-kz0rxb4cz9] {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 24px;
    position: relative;
}

.chart-heading-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-kz0rxb4cz9] {
    position: relative;
}

.category-heading[b-kz0rxb4cz9] {
    font-size: 20px;
    font-weight: 600;
}


/*select team*/
.filter-container[b-kz0rxb4cz9] {
    display: flex;
    gap: 16px;
}

.select-team-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/*recommended Cards*/
.recommended-actions-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.recommended-action-heading-container[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    height: 23px;
    margin-bottom: 20px;
}

.recommended-actions-heading[b-kz0rxb4cz9] {
    display: flex;
    font-size: 20px;
    font-weight: 600;
}

/* Make .action-cards-container a query container */
.action-cards-container[b-kz0rxb4cz9] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    flex: 1;
    container-type: inline-size;
}

    /* Default: < 500px → 1 column (full width) */
    .action-cards-container > *[b-kz0rxb4cz9] {
        flex: 0 0 100%;
    }

/* ≥ 500px → 2 equal columns */
@container (min-width: 1000px) {
    .action-cards-container > *[b-kz0rxb4cz9] {
        flex: 0 0 calc(50% - 9px);
    }
}

.action-card[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: ease-in-out .3s;
    padding: 20px;
    height:170px;
    gap: 10px;
}



    .action-card:hover[b-kz0rxb4cz9] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-kz0rxb4cz9] {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .action-img-container img[b-kz0rxb4cz9] {
        width: 95%;
        height: 95%;
        object-fit: cover;
    }

.action-heading-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-kz0rxb4cz9] {
    font-weight: 500;
    font-size: 14px;
}

.category-time-consumption p[b-kz0rxb4cz9] {
    color: #979797;
    font-size: 10px;
}

.action-heading-item[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    gap: 5px;
}


.action-card-text-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;
}
.action-card-heading[b-kz0rxb4cz9] {
    font-weight: 500;
}

.action-card-text-content[b-kz0rxb4cz9] {
    font-weight: 300;
    margin-top: 10px;
}
/*Difficulty*/
.difficulty-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
}

    .difficulty-container p[b-kz0rxb4cz9] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

.difficulty-element[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-kz0rxb4cz9] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

.action-card-bottom-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 15px 15px;
}

.recommended-action-placeholder-container[b-kz0rxb4cz9] {
    width: 100%;
    margin-bottom: 30px;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
}

    .recommended-action-placeholder-container img[b-kz0rxb4cz9] {
        width: 100px;
        height: 100px;
    }

    .recommended-action-placeholder-container .text-container[b-kz0rxb4cz9] {
        width: 310px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
        align-items: center;
    }

    .recommended-action-placeholder-container h1[b-kz0rxb4cz9] {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.42px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .recommended-action-placeholder-container p[b-kz0rxb4cz9] {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 15px */
        letter-spacing: 0.3px;
        text-align: center;
    }


.see-all-actions-btn[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}



.no-team-access-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

@media only screen and (max-width: 641px) {
    .result-content[b-kz0rxb4cz9] {
        width: 100%;
    }

    .result-content[b-kz0rxb4cz9], .breakdown-cards-container[b-kz0rxb4cz9], .breakdown-card-group[b-kz0rxb4cz9] {
        flex-direction: column;
        margin: 0;
        height: auto;
    }

    .breakdown-card-item[b-kz0rxb4cz9], .left-content-container[b-kz0rxb4cz9] {
        width: 100%;
        min-width: 100%;
    }

    .breakdown-card-item[b-kz0rxb4cz9] {
        align-items: center;
    }

    .tabs-container[b-kz0rxb4cz9] {
        display: none;
    }

    .action-card[b-kz0rxb4cz9] {
        height: auto;
    }
}
/* /Pages/Pulse/PulseResult/PulseResultQuestionsOverview/PulseResultQuestionsOverview.razor.rz.scp.css */
.pulse-result-single-pulse-container[b-1humi1rp22] {
    width: 100%;
    display: flex;
    gap:30px;
    position:relative;
}

.loader-container[b-1humi1rp22] {
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 70vh;
}
.table-container[b-1humi1rp22] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    height: max-content;
}

.table-heading-container[b-1humi1rp22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    width: 100%;
    padding: 17px;
}

.table-heading-question[b-1humi1rp22] {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    width:100%;
    gap: 5px;
}

.table-heading-result[b-1humi1rp22] {
    display: flex;
    align-items: center;
    height: 100%;
    width: 10%;
    justify-content: flex-start;
    gap: 5px;
}
.table-heading-category[b-1humi1rp22] {
    display: flex;
    align-items: center;
    height: 100%;
   width:27%;
    justify-content: flex-start;
    gap: 5px;
}
.table-heading[b-1humi1rp22] {
    font-weight: 500;
    height: 20px;
    display: flex;
    align-items: center;
}


.table-item[b-1humi1rp22] {
    display: flex;
    align-items: center;
    height: 57px;
    justify-content: space-between;
    border-top: 1px solid #EFF3F9;
    padding: 0 17px;
    width:100%;
    transition: ease-in-out .3s;
}


    .table-item:hover[b-1humi1rp22] {
        background-color: var(--hover-color);
        cursor: pointer;
    }
.notification-comment-icon-container[b-1humi1rp22]{
    position:relative;
}
.comment-count-dot[b-1humi1rp22] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    top: -7px;
    right: -11px;
    background-color: #a0e6d0;
    border-radius: 50%;
}

.comment-icon[b-1humi1rp22] {
    font-size: 16px;
    color: var(--icon-color);
}

.comment-count-dot p[b-1humi1rp22] {
    color: var(--icon-color);
    font-weight: 500;
    font-size: 10px;
    font-style: normal;
    height: 18px;
}


.table-item-text-result[b-1humi1rp22] {
    position:relative;
    display: flex;
    width: 10%;
    font-weight: 300;
}
.table-item-text-question[b-1humi1rp22] {
    display: flex;
    gap:15px;
    width: 100%;
    font-weight: 300;
    padding-right: 15px;
}
.table-item-text-category[b-1humi1rp22] {
    display: flex;
    width: 27%;
    font-weight: 300;
}

.table-heading-sort-icon-container[b-1humi1rp22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table-container .material-symbols-outlined[b-1humi1rp22] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}

.result-blob[b-1humi1rp22]{
    position:absolute;
    left:24px;
    top:4px;
    width:10px;
    height:10px;
    border-radius:50%;
}
.low-res[b-1humi1rp22]{
    background-color:var(--low-value-color);
}
.mid-res[b-1humi1rp22] {
    background-color: var(--mid-value-color);
}
.high-res[b-1humi1rp22] {
    background-color: var(--high-value-color);
}
/* /Pages/Pulse/PulseResult/PulseResultQuestionsOverview/PulseResultQuestion/PulseResultQuestion.razor.rz.scp.css */

.pulse-result-question-container[b-w0xj7206zh] {
    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
}

.back-btn-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-w0xj7206zh] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-w0xj7206zh] {
        color: var(--font-color);
        font-size: 16px;
    }

.heading-container[b-w0xj7206zh] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 40px;
}

.heading[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 3px;
}
.tooltip-container[b-w0xj7206zh] {
    position: absolute;
    top: 0px;
    right: -25px;
}


.content-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.left-content-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
flex:1;
}

.right-content-container[b-w0xj7206zh] {
/*    display: flex;
    flex-direction: column;
    width: 400px;*/
}

.pulse-icon-container[b-w0xj7206zh] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .pulse-icon-container span[b-w0xj7206zh] {
        color: var(--icon-color);
        font-size: 30px;
    }

.question-heading-container[b-w0xj7206zh] {
    display: flex;
    justify-content:space-between;
    align-items: center;
    width:100%;
    margin-bottom:30px;
    background-color:white;
    padding:15px 30px;
    border-radius:8px;
}

.question-container[b-w0xj7206zh]{
    display:flex;
    justify-content:flex-start;
    flex-direction:column;
    gap:5px;
    max-width:500px;
}
    .question-container img[b-w0xj7206zh] {
        width: 18.6px;
        height: 15.12px;
    }
.question[b-w0xj7206zh] {
    font-size: 16px;
    font-weight: 500;
}
.avg-result-container[b-w0xj7206zh], .category-container[b-w0xj7206zh]{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:7px;
}
.avg-result-heading[b-w0xj7206zh]{
    font-size: 16px;
    font-weight: 500;
}
.avg-result[b-w0xj7206zh]{
    position:relative;
}


.number-of-pulses[b-w0xj7206zh] {
    font-weight: 400;
    font-size: 12px;
    color: #333;
}
.right-container-heading[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    height: 46px;
    margin-bottom: 17px;
}


.chart-container[b-w0xj7206zh] {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    padding: 17px;
}
.chart-heading-container[b-w0xj7206zh]{
    margin-bottom:14px;
}
.category-heading[b-w0xj7206zh] {
    font-size: 16px;
    font-weight: 600;
}
.line-chart[b-w0xj7206zh] {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    padding: 17px;
    margin-bottom: 21px;
}

.chart-heading-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chart-pulse-categoryname[b-w0xj7206zh] {
    font-weight: 600;
}


.filter-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom:10px;
}

.select-team-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chart-btns-container[b-w0xj7206zh] {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 35px;
}


.summary-container[b-w0xj7206zh] {
    width: 100%;
    background-color: white;
    height: 200px;
    border-radius: 6px;
}


select[b-w0xj7206zh] {
    height: 38px;
}

/*
Cards*/

.cards-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.card-item[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;

    padding: 18px 20px;
    gap: 10px;
    border-radius: 6px;
    height:80px;
}

.card-heading[b-w0xj7206zh] {
    font-weight: 600;
}

/*.number-of-pulses {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}*/

.comment-placeholder-container[b-w0xj7206zh]{
    background-color:white;
    border-radius:6px;
    padding:17px 10px;
}


.result-blob[b-w0xj7206zh] {
    position: absolute;
    left: 24px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.low-res[b-w0xj7206zh] {
    background-color: var(--low-value-color);
}

.mid-res[b-w0xj7206zh] {
    background-color: var(--mid-value-color);
}

.high-res[b-w0xj7206zh] {
    background-color: var(--high-value-color);
}

/*Comment*/
.comment-heading[b-w0xj7206zh] {
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
    margin-bottom: 16px;
    margin-top: 10px;
}

.comments-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap:20px;
    margin-bottom: 30px;
}



.comment-element[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 17px 27px;
    background-color: white;
    border-radius: 6px;
    gap:10px;
}

.comment-date-container[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.comment[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-start;
}
.comment[b-w0xj7206zh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
}


.result-comment-profile-img-container[b-w0xj7206zh] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .result-comment-profile-img-container img[b-w0xj7206zh] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
        object-fit: cover;
    }

.result-comment-profile-img-placeholder[b-w0xj7206zh] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .result-comment-profile-img-placeholder p[b-w0xj7206zh] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }
.comment-question-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.text-container[b-w0xj7206zh] {
    display: flex;
    flex-direction:column;
    width: 100%;
}


.comment-info-container[b-w0xj7206zh] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.comment[b-w0xj7206zh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
}

.heading[b-w0xj7206zh] {
    font-weight: 500;
}

.category[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-start;
    width: 15%;
    height: min-content;
    align-items: center;
}

.own-comment[b-w0xj7206zh] {
    background-color: #E9EAEA;
    padding: 1px 10px;
    border-radius: 6px;
    font-size: 12px;
    text-wrap: nowrap;
}

.created[b-w0xj7206zh] {
    font-size: 12px;
    text-wrap: nowrap;
}

/*comment respons classes*/
.number-of-responses-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.no-comment-placeholder[b-w0xj7206zh] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-w0xj7206zh] {
    width: 30px;
    height: 30px;
}


.comment-icon[b-w0xj7206zh] {
width:15px;
height:15px;
}

.comment-action-bar-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}

.action-item[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}

    .action-item:hover[b-w0xj7206zh] {
        background-color: var(--hover-color);
    }

    .action-item .material-symbols-outlined[b-w0xj7206zh] {
        height: 20px;
        font-size: 20px;
    }

.action-item-text[b-w0xj7206zh] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}


.response-comment-profile-img-container[b-w0xj7206zh] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-w0xj7206zh] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-w0xj7206zh] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-w0xj7206zh] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }


.locked-by-container[b-w0xj7206zh], .lock-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: default;
    position: relative;
}



    .lock-container:hover .lock-container-tooltip[b-w0xj7206zh] {
        display: flex;
    }

.lock-container-tooltip[b-w0xj7206zh] {
    position: absolute;
    top: -29px;
    right: -10px;
    display: none;
    background-color: white;
    padding: 3px 10px;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    text-wrap-mode: nowrap;
}

    .lock-container-tooltip p[b-w0xj7206zh] {
        font-size: 12px;
    }

.locked-by-container .material-symbols-outlined[b-w0xj7206zh] {
    font-size: 20px;
    cursor: default;
}

.comment-action-bar[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .profile-img[b-w0xj7206zh] {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        object-fit: cover;
    }

.pre-written-comments-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-w0xj7206zh] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-w0xj7206zh] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .submit-container .material-symbols-outlined[b-w0xj7206zh] {
        height: 20px;
        font-size: 20px;
    }

.new-comment-container input[b-w0xj7206zh] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-w0xj7206zh]::placeholder {
    font-size: 12px;
}

.bi-person-circle[b-w0xj7206zh] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-w0xj7206zh] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.comment-jobtitle[b-w0xj7206zh] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}

.comment-profile-img[b-w0xj7206zh] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}



.number-of-comments-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-w0xj7206zh] {
    font-size: 13px;
}

    .number-of-comments:hover[b-w0xj7206zh] {
        text-decoration: underline;
    }

.feedback-comment[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    background-color: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 25px;
    gap: 15px;
}
    /* Remove border for the last child */
    .feedback-comment:last-child[b-w0xj7206zh] {
        border-bottom: none;
    }

.feedback-comment-top-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anonymous-container[b-w0xj7206zh] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1px 10px;
    cursor: default;
}

    .anonymous-container p[b-w0xj7206zh] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

.feedback-comment-user-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: default;
}

.feedback-comment-content-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 85px;
}

    .feedback-comment-content-container input[b-w0xj7206zh] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment-container[b-w0xj7206zh] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: default;
}

.text-comment[b-w0xj7206zh] {
    width: 70%;
}

.time-since-created[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.feedback-comment img[b-w0xj7206zh] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.feedback-comment-timestamp-container[b-w0xj7206zh] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 10px;
}



.feedback-comment-like[b-w0xj7206zh] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

.feedback-comments-container[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feedback-comment-actions-container[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-w0xj7206zh] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-w0xj7206zh] {
        background-color: var(--hover-color);
    }



.devider-dot[b-w0xj7206zh] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}



.number-of-likes-icon[b-w0xj7206zh] {
    font-size: 15px;
    color: var(--like-color);
    width: 19px;
}

.edit-btn[b-w0xj7206zh] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-w0xj7206zh] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-w0xj7206zh] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup .material-symbols-outlined[b-w0xj7206zh] {
        color: #CDCDCB;
        font-size: 20px;
    }



    .edit-popup p:hover[b-w0xj7206zh] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.close-on-click-outside-container[b-w0xj7206zh] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulseOverview.razor.rz.scp.css */
.pulse-result-single-pulse-container[b-lnlf8ptgtc] {
    width: 100%;
    display: flex;
    gap: 30px;
}

/* Loader styling */
.loader-container[b-lnlf8ptgtc] {
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 70vh;
}

/* ===============================
   TABLE BASE STRUCTURE
   =============================== */
.table-container[b-lnlf8ptgtc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    height: max-content;
}

/* Keep headings and rows aligned horizontally */
.table-heading-container[b-lnlf8ptgtc],
.table-item[b-lnlf8ptgtc] {
    display: flex;
    min-width: 700px;
    width: 100%;
    gap: 20px; /* consistent space between columns */
    padding: 0 17px; /* <-- ensures headers align perfectly with rows */
}

.table-heading-container[b-lnlf8ptgtc] {
    align-items: center;
    height: 70px;
    box-sizing: border-box;
}

.table-heading-item[b-lnlf8ptgtc],
.table-item-text[b-lnlf8ptgtc] {
    flex: 1 1 0;
    display:flex;
    min-width: 120px;
    word-break: break-word;
}
.table-heading-item[b-lnlf8ptgtc]{
    gap:5px;
}
.table-heading[b-lnlf8ptgtc] {
    font-weight: 500;
    height: 20px;
    display: flex;
    align-items: center;
}

/* Row styling */
.table-item[b-lnlf8ptgtc] {
    align-items: center;
    height: 57px;
    justify-content: flex-start;
    border-top: 1px solid #EFF3F9;
    transition: ease-in-out .3s;
}

    .table-item:hover[b-lnlf8ptgtc] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.table-item-text[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    font-weight: 300;
}

.pulse-name-table-item[b-lnlf8ptgtc] {
    gap: 15px;
}

.table-item-text-answer-rate[b-lnlf8ptgtc] {
    position: relative;
    left: 40px;
}

/* ===============================
   SORT ICONS
   =============================== */
.table-heading-sort-icon-container[b-lnlf8ptgtc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table-container .material-symbols-outlined[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}

/* ===============================
   TEAM ICONS
   =============================== */
.letter-border-container[b-lnlf8ptgtc] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-letter-container[b-lnlf8ptgtc], .letter-container[b-lnlf8ptgtc] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-lnlf8ptgtc] {
    font-size: 14px;
}

.no-team-placeholder[b-lnlf8ptgtc] {
    padding-left: 20px;
}

.table-item-team[b-lnlf8ptgtc] {
    position: relative;
}

    .table-item-team:hover .team-hover-container[b-lnlf8ptgtc] {
        display: flex;
    }

/* ===============================
   TOOLTIP
   =============================== */
.tooltip-element[b-lnlf8ptgtc] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.tooltip-list-item[b-lnlf8ptgtc] {
    cursor: default;
}

.table-item-text:hover .tooltip-element[b-lnlf8ptgtc] {
    display: flex;
}

/* ===============================
   COMMENT BADGE
   =============================== */
.notification-comment-icon-container[b-lnlf8ptgtc] {
    position: relative;
}

.comment-count-dot[b-lnlf8ptgtc] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    top: -7px;
    right: -11px;
    background-color: #a0e6d0;
}

    .comment-count-dot p[b-lnlf8ptgtc] {
        color: var(--icon-color);
        font-weight: 500;
        font-size: 10px;
        height: 18px;
    }

/* ===============================
   RESPONSIVE STACK VIEW (optional)
   =============================== */
@media (max-width: 768px) {
    .table-heading-container[b-lnlf8ptgtc] {
        display: none; /* hide headers */
    }

    .table-item[b-lnlf8ptgtc] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 12px;
        gap: 8px; /* smaller gap for mobile stacking */
    }

    .table-item-text[b-lnlf8ptgtc] {
        width: 100%;
        flex: none;
        display: flex;
        justify-content: space-between;
        padding: 4px 0;
    }

        .table-item-text[b-lnlf8ptgtc]::before {
            content: attr(data-label); /* labels for mobile */
            font-weight: 500;
            color: #777;
        }
}
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulse/Components/PulseResultSinglePulseCommentAndQuestionsDialog.razor.rz.scp.css */
.modal-dialog[b-6a9w63p1qu]{
    max-width:1300px;
}

.pulse-result-single-pulse-dialog-container[b-6a9w63p1qu] {
    height: 95vh;
    display: flex;
    flex-direction: column;
    gap: 17px;
    align-items: center;
    justify-content: flex-start;
    padding: 48px;
    position: relative;
    background-color: var(--background-color);
}

.bi-x-lg:hover[b-6a9w63p1qu] {
    background-color: rgba(255,255,255,0.8);
}

.bi-x-lg[b-6a9w63p1qu] {
    position: absolute;
    right: 13px;
    top: 17px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}


.info-text[b-6a9w63p1qu] {
    font-weight: 300;
}
/*Comments*/

/*Comment*/
.comment-heading[b-6a9w63p1qu] {
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
    margin-bottom: 16px;
    margin-top: 10px;
}

.comments-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap:20px;
    margin-bottom: 30px;
    overflow-y:auto;
    overflow-x:hidden;
}

    .comments-container > :not(:first-child)[b-6a9w63p1qu] {
        border-top: 1px solid #e8e8e8;
    }

.comment-element[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 17px 27px;
    border-radius: 6px;
    gap: 10px;
    background-color: white;
}

.comment-date-container[b-6a9w63p1qu] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.comment[b-6a9w63p1qu] {
    display: flex;
    justify-content: flex-start;
}
.comment[b-6a9w63p1qu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
}

.comment-question-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.text-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    padding-right: 20px;
}



.comment-info-container[b-6a9w63p1qu] {
    display: flex;
    width:auto;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.comment[b-6a9w63p1qu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
}

.heading[b-6a9w63p1qu] {
    font-weight: 500;
    width: 90px;
}

.category[b-6a9w63p1qu] {
    background-color: #E9EAEA;
    padding: 1px 10px;
    border-radius: 6px;
    font-size: 12px;
    text-wrap: nowrap;
}

.own-comment[b-6a9w63p1qu] {
    background-color: #E9EAEA;
    padding: 1px 10px;
    border-radius: 6px;
    font-size: 12px;
    text-wrap: nowrap;
}

.created[b-6a9w63p1qu] {
    font-size: 12px;
    text-wrap: nowrap;
}

.result-comment-profile-img-container[b-6a9w63p1qu] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .result-comment-profile-img-container img[b-6a9w63p1qu] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
        object-fit: cover;
    }

.result-comment-profile-img-placeholder[b-6a9w63p1qu] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .result-comment-profile-img-placeholder p[b-6a9w63p1qu] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }



/*comment respons classes*/
.number-of-responses-container[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.no-comment-placeholder[b-6a9w63p1qu] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-6a9w63p1qu] {
    width: 30px;
    height: 30px;
}




.comment-action-bar-container[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}

.action-item[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}


.comment-icon[b-6a9w63p1qu]{

    width:15px;
    height:15px;
}
    .action-item:hover[b-6a9w63p1qu] {
        background-color: var(--hover-color);
    }

    .action-item .material-symbols-outlined[b-6a9w63p1qu] {
        height: 20px;
        font-size: 20px;
    }

.action-item-text[b-6a9w63p1qu] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}

.response-comment-profile-img-container[b-6a9w63p1qu] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-6a9w63p1qu] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-6a9w63p1qu] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-6a9w63p1qu] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }

.locked-by-container[b-6a9w63p1qu], .lock-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: default;
    position: relative;
}



    .lock-container:hover .lock-container-tooltip[b-6a9w63p1qu] {
        display: flex;
    }

.lock-container-tooltip[b-6a9w63p1qu] {
    position: absolute;
    top: -29px;
    right: -10px;
    display: none;
    background-color: white;
    padding: 3px 10px;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    text-wrap-mode: nowrap;
}

    .lock-container-tooltip p[b-6a9w63p1qu] {
        font-size: 12px;
    }

.locked-by-container .material-symbols-outlined[b-6a9w63p1qu] {
    font-size: 20px;
    cursor: default;
}

.comment-action-bar[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 7px;
}



.pre-written-comments-container[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-6a9w63p1qu] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-6a9w63p1qu] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .submit-container .material-symbols-outlined[b-6a9w63p1qu] {
        height: 20px;
        font-size: 20px;
    }

.new-comment-container input[b-6a9w63p1qu] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-6a9w63p1qu]::placeholder {
    font-size: 12px;
}

.bi-person-circle[b-6a9w63p1qu] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-6a9w63p1qu] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.comment-jobtitle[b-6a9w63p1qu] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}

.comment-profile-img[b-6a9w63p1qu] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}



.number-of-comments-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-6a9w63p1qu] {
    font-size: 13px;
}

    .number-of-comments:hover[b-6a9w63p1qu] {
        text-decoration: underline;
    }

.feedback-comment[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    background-color: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 25px;
    gap: 15px;
}
    /* Remove border for the last child */
    .feedback-comment:last-child[b-6a9w63p1qu] {
        border-bottom: none;
    }

.feedback-comment-top-container[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anonymous-container[b-6a9w63p1qu] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1px 10px;
    cursor: default;
}

    .anonymous-container p[b-6a9w63p1qu] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

.feedback-comment-user-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: default;
}

.feedback-comment-content-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 85px;
}

    .feedback-comment-content-container input[b-6a9w63p1qu] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment-container[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: default;
}

.text-comment[b-6a9w63p1qu] {
    width: 70%;
}

.time-since-created[b-6a9w63p1qu] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.feedback-comment img[b-6a9w63p1qu] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.feedback-comment-timestamp-container[b-6a9w63p1qu] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 10px;
}

feedback-comment-timestamp-container


.feedback-comment-like[b-6a9w63p1qu] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

.feedback-comments-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feedback-comment-actions-container[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-6a9w63p1qu] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-6a9w63p1qu] {
        background-color: var(--hover-color);
    }



.devider-dot[b-6a9w63p1qu] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}



.number-of-likes-icon[b-6a9w63p1qu] {
    font-size: 15px;
    color: var(--like-color);
    width: 19px;
}

.edit-btn[b-6a9w63p1qu] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-6a9w63p1qu] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-6a9w63p1qu] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup .material-symbols-outlined[b-6a9w63p1qu] {
        color: #CDCDCB;
        font-size: 20px;
    }



    .edit-popup p:hover[b-6a9w63p1qu] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.close-on-click-outside-container[b-6a9w63p1qu] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

/*Questions*/
.related-question-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 90%;
    overflow-y: scroll;
}


.related-question-item[b-6a9w63p1qu] {
    background-color: white;
    width: 100%;
    border-radius: 6px;
    padding: 16px;
    cursor: pointer;
    transition: ease-in-out .3s;
}

    .related-question-item:hover[b-6a9w63p1qu] {
        box-shadow: var(--box-shadow);
    }
.related-question-category-name[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}



.comment-related-question[b-6a9w63p1qu] {
    font-weight: 500;
    font-size: 12px;
}

.category-name[b-6a9w63p1qu] {
    font-weight: 500;
    font-size: 12px;
}

.related-question-date[b-6a9w63p1qu] {
    font-weight: 300;
    font-size: 12px;
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {
    .pulse-result-single-pulse-dialog-container[b-6a9w63p1qu] {
        position: relative;
      
    }
}
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulse/Components/PulseResultSinglePulseSummaryComponent.razor.rz.scp.css */
.summary-container[b-xk6n10tnzv] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

.summary[b-xk6n10tnzv] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 17px;
    border-radius: 6px;
}


.summary-item[b-xk6n10tnzv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}

    .summary-item:last-child[b-xk6n10tnzv] {
        border: none;
    }

.summary-iteam-heading[b-xk6n10tnzv] {
    font-weight: 500;
    margin-bottom: 5px;
}


.card-icons-container[b-xk6n10tnzv] {
    display: flex;
    width: max-content;
    position: relative;
}



    .card-icons-container:hover .category-tooltip[b-xk6n10tnzv] {
        display: flex;
    }

.icon-border-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}



.pulse-template-icon-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}



    .pulse-template-icon-container p[b-xk6n10tnzv] {
        font-size: 12px;
    }


.icon-border-container:first-child[b-xk6n10tnzv] {
    margin-left: 0; /* first icon stays in place */
}




.category-tooltip[b-xk6n10tnzv] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .category-tooltip p[b-xk6n10tnzv] {
        font-size: 12px;
    }

.card-category-icon[b-xk6n10tnzv] {
    width: 15px;
    height: 15px;
}

/*team icons*/
.team-icons-container[b-xk6n10tnzv] {
    display: flex;
    width: max-content;
    position: relative;
}



    .team-icons-container:hover .team-tooltip[b-xk6n10tnzv] {
        display: flex;
    }

.outer-border-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.team-letter-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-xk6n10tnzv] {
    font-size: 12px;
    cursor: default;
    font-weight: 500;
}

.team-name[b-xk6n10tnzv] {
    font-weight: 500;
}


.team-tooltip[b-xk6n10tnzv] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .team-tooltip p[b-xk6n10tnzv] {
        font-size: 12px;
    }

/*   User icons*/

.user-icons-container[b-xk6n10tnzv] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-xk6n10tnzv] {
        display: flex;
    }

.outer-border-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

    .outer-border-container:first-child[b-xk6n10tnzv] {
        margin-left: 0;
    }

.user-letter-container[b-xk6n10tnzv], .profile-img-container[b-xk6n10tnzv] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-xk6n10tnzv] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-xk6n10tnzv] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-xk6n10tnzv] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-xk6n10tnzv] {
        font-size: 12px;
    }



.summary-text[b-xk6n10tnzv] {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.summary-label[b-xk6n10tnzv] {
    font-weight: 300;
    width: 153px;
}

.summary-info[b-xk6n10tnzv] {
    display: flex;
    flex: 1;
    font-weight: 300;
}

.summary-list[b-xk6n10tnzv] {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
    gap: 5px;
}

    .summary-list p[b-xk6n10tnzv] {
        font-weight: 300;
    }
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulse/PulseResultSinglePulse.razor.rz.scp.css */

.single-pulse-result-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.back-btn-container[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-wuutl5c0vz] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-wuutl5c0vz] {
        color: var(--font-color);
        font-size: 16px;
    }

.outer-heading-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
    margin-bottom:20px;
}

.heading-container[b-wuutl5c0vz] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}

.heading[b-wuutl5c0vz]{
    display:flex;
    align-items:center;
    gap:3px;
}
.tooltip-container[b-wuutl5c0vz] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.heading-container[b-wuutl5c0vz] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-wuutl5c0vz] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-wuutl5c0vz] {
        font-weight: 500;
    }
.content-container[b-wuutl5c0vz]{
    width:100%;
    display:flex;
   gap:3%;
}

.left-content-container[b-wuutl5c0vz]{
    display:flex;
    flex-direction:column;
    width:80%;
    min-width:750px;

}

.pulse-name-and-filter-container[b-wuutl5c0vz]{
     display:flex;
     align-items:center;
}
.right-content-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    width: 30%;
    min-width:338px;
}

.pulse-icon-container[b-wuutl5c0vz] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
 
}

    .pulse-icon-container span[b-wuutl5c0vz] {
        color: var(--icon-color);
        font-size:30px;
    }
.left-container-heading[b-wuutl5c0vz]{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    height:46px;
    margin-bottom:17px;
}
.right-container-heading[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
.left-container-heading p[b-wuutl5c0vz], .right-container-heading p[b-wuutl5c0vz] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

/*stacked column chart*/
.chart-container[b-wuutl5c0vz] {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 24px;
    position: relative;
    margin-bottom:30px;
}

.chart-heading-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-wuutl5c0vz] {
    position: relative;
}

.category-heading[b-wuutl5c0vz] {
    font-size: 20px;
    font-weight: 600;
}

.column-chart[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.result-row[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-name[b-wuutl5c0vz] {
    width: 212px;
    min-width: 212px;
    text-align: right;
}

.category-result[b-wuutl5c0vz] {
    font-weight: 500;
    min-width: 20px;
}

.result-bar[b-wuutl5c0vz] {
    width: 100%;
    height: 25px;
    background-color: #F2F5F7;
    position: relative;
    border-radius: 6px;
}

.result-colored-part[b-wuutl5c0vz] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    border-radius: 6px;
}

.result-span-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .result-span-container p[b-wuutl5c0vz] {
        font-weight: 500;
    }

.area-chart[b-wuutl5c0vz] {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    padding: 17px;
    margin-bottom: 21px;
}


.chart-pulse-categoryname[b-wuutl5c0vz]{
    font-weight:600;
}

.filter-container[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.select-team-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/*
    Pulse history*/

.history-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 30px;
}
    .history-container h2[b-wuutl5c0vz] {
        font-size: 20px;
        font-weight: 600;
    }
    .history-element[b-wuutl5c0vz] {
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 20px;
        border-radius: 6px;
    }

.history-heading[b-wuutl5c0vz] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}
.pulse-history-dropdown-bar[b-wuutl5c0vz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 18px;
}

.pulse-hisory-dropdown-bar:hover[b-wuutl5c0vz] {
    cursor: pointer;
}


.pulse-history-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    padding: 18px;
}

.pulse-history-dropdown-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.pulse-history-dropdown-heading-container[b-wuutl5c0vz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pulse-history-dropdown-heading[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    position: relative;
}


    .pulse-history-dropdown-heading p[b-wuutl5c0vz] {
        font-weight: 500;
    }


.pulse-history-list[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 20px;
    cursor: auto;
}

.pulse-history-item[b-wuutl5c0vz] {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    overflow: hidden;
    cursor: auto;
}

.pulse-history-item-section[b-wuutl5c0vz] {
    min-width: 105px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .pulse-history-item-section p[b-wuutl5c0vz] {
        font-size: 12px;
    }

.active-mark[b-wuutl5c0vz] {
    height: 100%;
    width: 8px;
    background-color: #78D24A;
    margin-right: 5px;
}

.inactive-mark[b-wuutl5c0vz] {
    height: 100%;
    width: 8px;
    background-color: var(--inactive-color);
    margin-right: 5px;
}

/*recommended Cards*/
.recommended-actions-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
    .recommended-actions-container h2[b-wuutl5c0vz] {
        font-size: 20px;
        font-weight: 600;
        margin-bottom:20px;
    }
.recommended-action-heading-container[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    height: 23px;
}

.recommended-actions-heading[b-wuutl5c0vz] {
    display: flex;
    font-size: 20px;
    font-weight: 600;
}

.action-cards-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    
}

.action-card[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: ease-in-out .3s;
    padding: 20px;
    height: 170px;
    gap: 10px;
}



    .action-card:hover[b-wuutl5c0vz] {
        box-shadow: var(--box-shadow);
    }

.action-img-container[b-wuutl5c0vz] {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .action-img-container img[b-wuutl5c0vz] {
        width: 95%;
        height: 95%;
        object-fit: cover;
    }

.action-heading-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-wuutl5c0vz] {
    font-weight: 500;
    font-size: 14px;
}

.category-time-consumption p[b-wuutl5c0vz] {
    color: #979797;
    font-size: 10px;
}

.action-heading-item[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    gap: 5px;
}


.action-card-text-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;
}

.action-card-heading[b-wuutl5c0vz] {
    font-weight: 500;
}

.action-card-text-content[b-wuutl5c0vz] {
    font-weight: 300;
    margin-top: 10px;
}
/*Difficulty*/
.difficulty-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
}

    .difficulty-container p[b-wuutl5c0vz] {
        color: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

.difficulty-element[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
    width: 145px;
}

.difficulty-dot[b-wuutl5c0vz] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

.see-all-actions-btn[b-wuutl5c0vz]{
    margin-top:30px;
}
/*Right container*/
.btns-container[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
}

/*no team access*/

.no-team-access-container[b-wuutl5c0vz]{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
}


/*övrigt*/
select[b-wuutl5c0vz] {
    height: 38px;
}
/* /Pages/Pulse/SelectLibraryQuestionsDialog.razor.rz.scp.css */
.top-section[b-q0bfu095fp] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-bottom: 2px solid var(--neutral-color);
    padding-bottom: 15px;
    position:relative;
}

.bi-x-lg:hover[b-q0bfu095fp] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-q0bfu095fp] {
    position: absolute;
    right: -13px;
    top: -17px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.content-container[b-q0bfu095fp] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    gap: 20px;
    padding: 40px 0;
    overflow: auto;
}


.card[b-q0bfu095fp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    width: 234px;
    height: 320px;
    cursor: pointer;
    border: none;
    margin: 20px;
    transition: .3s ease-in-out;
    padding: 20px;
}

.card-heading-container[b-q0bfu095fp] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--neutral-color);
}

    .card-heading-container :first-child[b-q0bfu095fp]{
        text-align:center;
    }

    .img-container[b-q0bfu095fp] {
        display: flex;
        align-items: center;
        padding: 20px 0;
    }

    .img-container img[b-q0bfu095fp] {
        width: 100px;
        height: 100px;
    }

.card-question[b-q0bfu095fp] {
    text-align: center;
}
/*border effect bounce*/
.card-border[b-q0bfu095fp] {
    position: absolute;
    border: 2px solid transparent;
    Width: 103%;
    Height: 102%;
    top: -17px;
    left: -17px;
    background-color: transparent;
    z-index: 10;
    padding: 5px;
    margin: 10px;
}

    .card-border:hover[b-q0bfu095fp] {
        position: absolute;
        Width: 103%;
        Height: 102%;
        top: -14px;
        left: -14px;
        border: 2px solid var(--primary-color);
        border-radius: 20px;
        padding: 5px;
        animation: border-b-q0bfu095fp .4s ease-in-out;
        margin: 10px;
    }

@keyframes border-b-q0bfu095fp {
    0% {
        top: -17px;
        left: -17px;
        Width: 105%;
        Height: 105%;
    }

    50% {
        top: -14px;
        left: -14px;
        Width: 103%;
        Height: 102%;
    }

    75% {
        top: -17px;
        left: -17px;
        Width: 105%;
        Height: 105%;
    }

    100% {
        top: -14px;
        left: -14px;
        Width: 103%;
        Height: 102%;
    }
}


@media only screen and (max-width: 641px) {

    .content-container[b-q0bfu095fp] {
        justify-content: center;
    }
}
/* /Pages/Pulse/SelectPulseTemplateDialog.razor.rz.scp.css */
.select-pulse-template-container[b-5yujlsfavc]{
    position:relative;
}

.bi-x-lg:hover[b-5yujlsfavc] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-5yujlsfavc] {
    position: absolute;
    right: 8px;
    top: 3px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.heading[b-5yujlsfavc] {
    width: 100%;
    border-bottom: 2px solid var(--neutral-color);
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
}

.template-container[b-5yujlsfavc] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 40px 0;
    overflow: auto
}



.card-heading-container[b-5yujlsfavc] {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 65px;
    border-bottom: 2px solid var(--neutral-color);
}

    .card-heading-container :first-child[b-5yujlsfavc] {
        text-align: center;
    }

.card[b-5yujlsfavc] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    width: 234px;
    height: 320px;
    cursor: pointer;
    margin: 20px;
}


.img-container[b-5yujlsfavc] {
    height: 150px;
    display: flex;
    align-items: center;
    margin:20px 0;
}

    .img-container img[b-5yujlsfavc] {
        width: 150px;
        height: 150px;
        border-radius:50%;
    }


.number-of-questions-container[b-5yujlsfavc] {
    width: 90%;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 20px;
    background-color: var(--pulse-color);
}

    .number-of-questions-container .question[b-5yujlsfavc] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

    .number-of-questions-container .number-of-questions[b-5yujlsfavc] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

@media only screen and (max-width: 641px) {

    .template-container[b-5yujlsfavc] {
        justify-content: center;
    }
}
/* /Pages/Register/NewAccountCreatedDialog.razor.rz.scp.css */
.new-account-created-dialog-container[b-s3mwqz2gvj] {
    display: flex;
    align-items: center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction: row;
}


.bi-x-lg:hover[b-s3mwqz2gvj] {
    background-color: whitesmoke;
}

span[b-s3mwqz2gvj] {
    font-weight: 500;
}

.img-container[b-s3mwqz2gvj] {
    height: 100%;
    width: 50%;
}

    .img-container img[b-s3mwqz2gvj] {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.text-content[b-s3mwqz2gvj] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
}
.text-container[b-s3mwqz2gvj]{
    display:flex;
    flex-direction:column;
    gap:5px;
}
h1[b-s3mwqz2gvj] {
    color: var(--secondary-color);
    font-size: 24px;
    padding-top: 60px;
    padding-bottom: 15px;
    font-weight: 600;
}

.bi-x-lg[b-s3mwqz2gvj] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-s3mwqz2gvj] {
    font-weight: 500;
    padding-bottom: 10px;
}

.next-pulse-round-text[b-s3mwqz2gvj] {
    font-weight: 300;
    font-size: 14px;
}

.btn-container[b-s3mwqz2gvj] {
    margin-top: 20px;
}

@media only screen and (max-width: 641px) {
    .new-account-created-dialog-container[b-s3mwqz2gvj] {
        height: 100vh;
        flex-direction: column;

    }

    .img-container[b-s3mwqz2gvj] {
        height: 300px;
        width: 100%;
    }

    .text-content[b-s3mwqz2gvj] {
        width: 100%;
        align-items:center;
    }
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-account-created-dialog-container[b-s3mwqz2gvj] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Register/Register.razor.rz.scp.css */
.register-page[b-boo0h0naka] {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction:row-reverse;
    align-items: center;
    min-width: 1440px;
    overflow: auto;
}

.register-content[b-boo0h0naka] {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--background-color);
}
.register-container[b-boo0h0naka] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    gap:40px;
    padding: 20px;
}
.hartic-logo-container-desktop-view[b-boo0h0naka] {
    width: 500px;
    display: flex;
    margin-bottom:40px;
}


.registration-stepper[b-boo0h0naka]{
    display:flex;
    width:400px;
    height:44px;
    position:relative;
    margin-bottom:20px;
}
.registration-stepper-horizontal-line[b-boo0h0naka] {
    background-color: #CDCDCB;
    height:2px;
    position:absolute;
    left:56px;
    width:288px;
    top:35px;
    z-index:1;
}
.registration-stepper p[b-boo0h0naka] {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
}

    .registration-step[b-boo0h0naka]{
        display:flex;
        flex-direction:column;
        gap:10px;
        align-items:center;
        flex:1;
        position:relative;
        z-index:10;
    }


.material-symbols-outlined[b-boo0h0naka] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 3px;
    border-radius: 50%;
    background-color: #CDCDCB;
    color:white;
}
.active-step[b-boo0h0naka] {
    color: white;
    background-color: var(--primary-color);  
}
.register-heading-container[b-boo0h0naka] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hartic-logo-mobile-view[b-boo0h0naka] {
    display: none;
}


.input-item[b-boo0h0naka] {
    display: flex;
    flex-direction: column;
}

.input-item label[b-boo0h0naka]{
 font-size:14px;
}
.inputs-container[b-boo0h0naka] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}


.input-group[b-boo0h0naka] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.name-inputs[b-boo0h0naka] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}



ul[b-boo0h0naka] {
    margin-top: 16px;
    margin-bottom: 30px;
}

#and-more-text[b-boo0h0naka] {
    margin-left: 34px;
}

li[b-boo0h0naka] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: auto;
}

.terms-item[b-boo0h0naka] {
    display: flex;
}

.terms-condition-item-container[b-boo0h0naka] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.terms-condition-item-container a[b-boo0h0naka]{
    display: flex;
}
    .terms-condition-item-container label[b-boo0h0naka] {
        font-family: var(--font);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
    }



.terms-condition-item-container span[b-boo0h0naka] {
    color: var(--critical-color);
}



.btns-container[b-boo0h0naka] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}


/*Step 3*/
.register-step-3[b-boo0h0naka] {
    width: 100%;
    padding-top: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.new-account-confirmation-text[b-boo0h0naka] {
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}

.hero-container[b-boo0h0naka] {
    position: relative;
    height: 100%;
    min-height: 845px;
    width: 50%;
    overflow:hidden;
    background-color:var(--dark-primary-color);
/*    background: linear-gradient(355deg, rgba(0,56,63,1) 0%, rgba(31,107,116,1) 83%);*/
}

.brand-line[b-boo0h0naka] {
    position: absolute;
    left: 0;
    right: 0;
    width: 104%;
    object-fit: cover;
    transform: rotate(315deg);
}

.error-container .validation-message[b-boo0h0naka] {
    color: var(--critical-color);
}

.validation-summary[b-boo0h0naka] {
    margin: 0 ;
}


@media only screen and (max-width: 641px) {

    .register-page[b-boo0h0naka] {
        width: 100vw;
        min-width: 100vw;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .register-content[b-boo0h0naka] {
        height:100vh;
        width: 100vw;
        flex-direction:column;
        justify-content:flex-start;
        gap: 30px;
        padding:20px 0;
    }

    .register-container[b-boo0h0naka] {
        width: 100vw;
        height: 100%;
        justify-content: flex-start;
      padding:20px;
      gap:20px;
    }


    .hero-container[b-boo0h0naka] {
        display: none;
    }

    .hartic-logo-mobile-view[b-boo0h0naka] {
        display: block;
        width: 88px;
        height: 19px;
    }

    .hartic-logo-container-desktop-view[b-boo0h0naka] {
        display: none;
    }

    .btns-container[b-boo0h0naka] {
        padding-right: 20px;
        padding-bottom: 50px;
    }
 
}
/* /Pages/Settings/CompanyDetailsSection/CompanyDetails.razor.rz.scp.css */
.settings-parent-container[b-xtpmyyi34b] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 30px;
}

.company-details[b-xtpmyyi34b] {
    width: 70%;
    min-width: 1100px;
    display: flex;
    flex-direction: column;
    min-height: 50vh;
}

.loader-container[b-xtpmyyi34b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}

.company-logo-container[b-xtpmyyi34b] {
    display: flex;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 24px;
    background-color: white;
    height: 140px;
    border-radius: 6px;
}

.select-image-container[b-xtpmyyi34b] {
    position: relative;
    height: 100%;
    width: 15px;
    display: flex;
    align-items: flex-end;
}

.camera-icon-container[b-xtpmyyi34b] {
    position: absolute;
    right: 0px;
    bottom: 5px;
    z-index: 1;
}




.camera-icon-container:hover[b-xtpmyyi34b] {
    cursor: pointer;
}

.company-logo-container h1[b-xtpmyyi34b] {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}


.company-logo[b-xtpmyyi34b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 101px;
    height: 101px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #979797;
    z-index: 1;
}

    .company-logo p[b-xtpmyyi34b] {
        color: white;
    }

    .company-logo .logo-img[b-xtpmyyi34b] {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }


label[b-xtpmyyi34b] {
    margin: 0;
}

.select-company-logo[b-xtpmyyi34b], .remove-company-logo[b-xtpmyyi34b] {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    gap: 4px;
    width: 100%;
}

    .select-company-logo:hover[b-xtpmyyi34b], .remove-company-logo:hover[b-xtpmyyi34b] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.company-logo-options-container[b-xtpmyyi34b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 89px;
    left: 89px;
    box-shadow: var(--box-shadow);
    background-color: white;
    z-index: 10;
    width: 200px;
    border-radius: 6px;
    padding: 16px 0;
}

    .company-logo-options-container label[b-xtpmyyi34b] {
        width: 100%;
    }

    .company-logo-options-container p[b-xtpmyyi34b] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        font-style: normal;
    }


    .company-logo-options-container img[b-xtpmyyi34b] {
width:20px;
height:20px;
    }

/*Edit btn*/
.edit-btn-container[b-xtpmyyi34b] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    cursor: pointer;
}

    .edit-btn-container .material-symbols-outlined[b-xtpmyyi34b] {
        font-size: 15px;
        height: 19.58px;
        display: flex;
        align-items: center;
    }

    .edit-btn-container p[b-xtpmyyi34b] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
        border-bottom:1px solid transparent;
    }
    .edit-btn-container:hover p[b-xtpmyyi34b] {
        border-bottom: 1px solid var(--font-color);
    }
    /*Upload Btn*/
    #uploadImage[b-xtpmyyi34b] {
        visibility: hidden;
    }



.details-container[b-xtpmyyi34b], .company-contact-container[b-xtpmyyi34b] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.details-container[b-xtpmyyi34b] {
    margin-bottom: 30px;
}

/*headings*/

.heading-container[b-xtpmyyi34b] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

    .heading-container h1[b-xtpmyyi34b] {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 21.6px */
        color: black;
    }

.heading-border[b-xtpmyyi34b] {
    display: flex;
    align-items: center;
    flex: 1;
    height: 1px;
    background-color: var(--neutral-color);
}

.edit-btn-container[b-xtpmyyi34b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    position: relative;
}

.edit-save-btn-container[b-xtpmyyi34b] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: relative;
    margin-top: 30px;
}

.edt-btn[b-xtpmyyi34b] {
    position: relative;
}

.error-message[b-xtpmyyi34b] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}


.details-inputs-container[b-xtpmyyi34b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: white;
    padding: 20px;
    border-radius: 6px;
}


.input-group[b-xtpmyyi34b] {
    width: 100%;
    display: flex;
    gap: 22px;
}

.company-detail-item[b-xtpmyyi34b] {
    width: 363px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}


    .company-detail-item p[b-xtpmyyi34b] {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
    }



.company-detail-item-label[b-xtpmyyi34b] {
    font-weight: 500;
    width: 200px;
}

.close-on-click-outside-container[b-xtpmyyi34b] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}


/*seats*/
.seats-element-container[b-xtpmyyi34b]{
    margin-top:30px;
}

/*
Pulse comments*/


.pulse-settings-container[b-xtpmyyi34b] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    gap: 20px;
}

.pulse-settings-heading[b-xtpmyyi34b] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
    margin-bottom: 9px;
    margin-top: 50px;
}

.setting-item[b-xtpmyyi34b]{
    width:100%;
    display:flex;
    align-items:center;
    gap:15px;
}

/*Delete*/
.delete-account-container[b-xtpmyyi34b] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    gap: 20px;
}

.delete-heading[b-xtpmyyi34b] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
    margin-bottom: 9px;
    margin-top: 50px;
}

@media only screen and (max-width: 641px) {

    .company-detail-item-label[b-xtpmyyi34b] {
        width: 180px;
    }

    .details-inputs-container[b-xtpmyyi34b] {
        margin-top: 20px;
        gap: 25px;
    }

    .company-detail-item[b-xtpmyyi34b] {
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }

    .company-logo-container h1[b-xtpmyyi34b] {
        font-size: 20px;
        word-break: break-word;
        width: 150px;
    }

    .close-on-click-outside-container[b-xtpmyyi34b] {
        display: none;
    }
}
/* /Pages/Settings/CompanyDetailsSection/DeleteOrganization/DeleteOrganizationDialog.razor.rz.scp.css */


.confirm-container[b-u07cfnjyxd] {
    width: 648px;
    padding:0;
  overflow:hidden;
  position:relative;
}

.loader-container[b-u07cfnjyxd]{
    height:297px;
    width:100%;
    background-color:var(--background-color);
}
.top-section[b-u07cfnjyxd]{
    position:relative;
    width:100%;
    height:50px;
    background-color:var(--critical-color);
    display:flex;
    align-items:center;
    padding:0 20px;
}

.confirm-heading[b-u07cfnjyxd]{
    color:white;
}



.confirm-content[b-u07cfnjyxd] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:24px;
}

.confirm-text-container[b-u07cfnjyxd] {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    width: 100%;
}


.btns-container[b-u07cfnjyxd] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    margin-top:15px;
}


@media only screen and (max-width: 641px) {

    .confirm-container[b-u07cfnjyxd] {
        height: 100vh;
    }

    .btns-container[b-u07cfnjyxd] {
        padding-top: 5vh;

    }

    .confirm-text-container[b-u07cfnjyxd] {
        height: auto;
    }

    button[b-u07cfnjyxd] {
        font-size: 11px;
    }
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .confirm-container[b-u07cfnjyxd] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Settings/CompanyDetailsSection/PricingSection/ChangeNumberOfSeats/ChangeNumberOfSeatsDialog.razor.rz.scp.css */


.change-seats-container[b-kqktqkfstb] {
    width: 648px;
    padding: 24px;
}

.change-seats-heading-container[b-kqktqkfstb] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
}


.bi-x-lg:hover[b-kqktqkfstb] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-kqktqkfstb] {
    position: absolute;
    right: -13px;
    top: -17px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.change-seats-content[b-kqktqkfstb] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.change-seats-text-container[b-kqktqkfstb] {
    width: 100%;
   min-height:170px;
    padding-top: 20px;
    width: 100%;
}


.btns-container[b-kqktqkfstb] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
}

.select-seats-container[b-kqktqkfstb]{
    display:flex;
   flex-direction:column;
    margin-top:14px;
}

@media only screen and (max-width: 641px) {
    .change-seats-container[b-kqktqkfstb] {
        height: 100vh;
    }

    .btns-container[b-kqktqkfstb] {
        justify-content: center;
        margin-top: 20px;
        align-items: center;
        width: 100%;
        padding-top: 10vh;
        flex-wrap: wrap;
        gap: 0;
    }

    .change-seats-text-container[b-kqktqkfstb] {
        height: auto;
    }

    button[b-kqktqkfstb] {
        font-size: 11px;
    }
}


/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .change-seats-container[b-kqktqkfstb] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Settings/CompanyDetailsSection/PricingSection/Pricing.razor.rz.scp.css */

.pricing-container[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.coming-soon-container h2[b-fh28uaulhg] {
    font-weight: 500;
    font-size: 14px;
}

.coming-soon-container[b-fh28uaulhg] {
    border-radius: 10px;
    background-color: var(--tertiary-color);
    height: 44px;
    padding: 0 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

a[b-fh28uaulhg] {
    font-family: var(--font);
    color: var(--link-color);
    font-size: 14px;
    line-height: 19.6px;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    margin-top:20px;
}
a:hover[b-fh28uaulhg]{
    text-decoration:underline !important;
}
ul[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    cursor: auto;
    padding: 16px 0;
    margin: 0;
}

li[b-fh28uaulhg] {
    gap: 12px;
    width: 100%;
    height: 20px;
    cursor: auto;
    text-align: left;
    display: flex;
    align-items: center;
}

    li .material-symbols-outlined[b-fh28uaulhg] {
        fill: red;
        color: #02C981;
    }

.bi-check-circle-fill[b-fh28uaulhg] {
    color: #02C981;
    font-size: 15px;
}

.limited-check[b-fh28uaulhg] {
    color: var(--secondary-color);
    font-size: 15px;
}

.current-subscription-container[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.heading-container[b-fh28uaulhg] {

width:100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 30px;
    margin-block: 8px;
}

.heading[b-fh28uaulhg] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
    width:max-content;
    position: relative;
}
.edit-btn-container[b-fh28uaulhg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    position: relative;
    cursor:pointer;
}
    .edit-btn-container .material-symbols-outlined[b-fh28uaulhg] {
        font-size: 15px;
        height: 19.58px;
        display: flex;
        align-items: center;
    }

    .edit-btn-container p[b-fh28uaulhg] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
        border-bottom: 1px solid transparent;
    }

    .edit-btn-container:hover p[b-fh28uaulhg] {
        border-bottom: 1px solid var(--font-color);
    }
.tooltip-container[b-fh28uaulhg] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.seats-users-container[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
}

.current-subscription-item-text[b-fh28uaulhg] {
    margin: 30px 0;
    text-align:center;
}

.current-seats[b-fh28uaulhg], .current-users[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.current-hartic-plan[b-fh28uaulhg] {
    display: flex;
}

.button-secondary[b-fh28uaulhg] {
    margin-bottom: 44px;
}

.subscriptions-container[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 20px 20px 30px 20px;
}

.subscription-cards-container[b-fh28uaulhg] {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.current-plan-container[b-fh28uaulhg]{
    display:flex;
    align-items:center;
}
.current-plan-container p[b-fh28uaulhg]{
line-height:18px;
}
/*headings*/
.heading-container-no-edit-btn[b-fh28uaulhg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    height: 60px;
}

    .heading-container-no-edit-btn h1[b-fh28uaulhg] {
        font-size: 22px;
        font-weight: 600;
    }

.heading-border-no-edit-btn[b-fh28uaulhg] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1px;
    background-color: var(--neutral-color);
    margin-top: 16px;
}


.error-message[b-fh28uaulhg] {
    position: absolute;
    top: 54px;
    right: 0;
    width: 500px;
}
/*Change seats*/
.change-seats-btn-container[b-fh28uaulhg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-top-container[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px 0px 20px 0px;
    position: relative;
    overflow: hidden;
    gap: 10px;
}


    .card-top-container h1[b-fh28uaulhg] {
        color: black;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 33.6px */
    }

    .card-top-container p[b-fh28uaulhg] {
        color: #000000D1;
        font-family: "Poppins", Sans-serif;
        font-size: 14px;
        font-weight: 300;
    }

.ribbon[b-fh28uaulhg] {
    position: absolute;
    background-color: #473BEF;
    right: -62px;
    top: 24px;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 189px;
    padding: 3px 0;
    z-index: 111;
}

    .ribbon p[b-fh28uaulhg] {
        color: white;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
    }

.information[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    justify-content: center;
    align-items: center;
    height: 192px;
    background-color: #f7f7f7;
}

    .information .price-text[b-fh28uaulhg] {
        font-size: 12px;
    }

.price-container[b-fh28uaulhg] {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.currency[b-fh28uaulhg] {
    font-size: 35px;
    font-weight: 700;
    color: #111111;
}
/*Recommended card*/


.recommended-subscription-card[b-fh28uaulhg] {
    height: max-content;
    width:29%;
    min-width: 300px;
    box-shadow: 4px 4px 15px 0px #7D99B440;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0px 0.728px 7.278px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 100;
}

    .recommended-subscription-card:hover[b-fh28uaulhg] {
        /*        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        transition: ease-in-out .2s;*/
    }

    .recommended-subscription-card ul[b-fh28uaulhg] {
        display: flex;
        flex-direction: column;
        gap: 9px;
        padding-left: 20px;
    }

.recommended-subscription-card-content[b-fh28uaulhg] {
    width: 100%;
}

.recommended-subscription-card-top-icon-container[b-fh28uaulhg] {
    display: flex;
    width: 100%;
}

    .recommended-subscription-card-top-icon-container img[b-fh28uaulhg] {
        width: 80px;
        height: 80px;
    }

.recommended-subscription-card-information[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    height: 195px;
}

.recommended-subscription-card-type-heading[b-fh28uaulhg] {
    color: white;
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0;
}

.recommended-subscription-card-price[b-fh28uaulhg] {
    font-size: 80px;
    font-weight: 700;
    color: #111111;
}

.recommended-subscription-card-info[b-fh28uaulhg] {
    font-size: 16px;
    font-weight: 400;
}

.recommended-subscription-card-features-info[b-fh28uaulhg] {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0;
}

.recommended-subscription-card-feature-item p[b-fh28uaulhg] {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    color: black;
}


.recommended-subscription-card-btn[b-fh28uaulhg] {
    width: 150px;
    font-weight: 700;
    height: 36px;
    font-size: 16px;
}

.recommended-subscription-card .btn-container[b-fh28uaulhg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 30px 0;
}


.recommended-subscription-card-select-plan-btn[b-fh28uaulhg] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

    .recommended-subscription-card-btn:hover[b-fh28uaulhg], .recommended-subscription-card-select-plan-btn:hover[b-fh28uaulhg] {
        background-color: var(--hover-color);
    }

/*Subscription card*/
.subscription-card[b-fh28uaulhg] {
    width: 29%;
    min-width: 300px;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0.728px 7.278px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 10;
    background-color: white;
}

    .subscription-card:hover[b-fh28uaulhg] {
        /*        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        transition: ease-in-out .2s;*/
    }

.subscription-card-content[b-fh28uaulhg] {
    width: 100%;
}

.subscription-card-type-heading[b-fh28uaulhg] {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0;
}

.subscription-card-price[b-fh28uaulhg] {
    font-size: 80px;
    font-weight: 700;
    color: #111111;
}

.subscription-card-info[b-fh28uaulhg] {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.subscription-card-features-info[b-fh28uaulhg] {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
}

.subscription-card ul[b-fh28uaulhg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-left: 20px;
}



.subscription-card-feature-item p[b-fh28uaulhg] {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    color: black;
}




.subscription-card-btn[b-fh28uaulhg] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

.subscription-card-select-plan-btn[b-fh28uaulhg] {
    background-color: white;
    color: #F88F21;
    border: 1px solid #F88F21;
    outline: none;
    font-family: var(--font);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 15px;
}

    .subscription-card-select-plan-btn:hover[b-fh28uaulhg] {
        background-color: var(--hover-color);
    }

.btn-container[b-fh28uaulhg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin:30px 0;
}

.bi-check[b-fh28uaulhg] {
    display: flex;
    align-items: center;
    font-size: 25px;
}

.bottom-text[b-fh28uaulhg] {
    font-size: 10px;
    color:gray;
    cursor:default;
}

.premium-overlay[b-fh28uaulhg] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 110;
    background-color: #F3F3F2;
    opacity: 0.7;
    display: none;
}


@media only screen and (max-width: 641px) {


    .subscription-container[b-fh28uaulhg] {
        margin-top: 20px;
        width: 95%;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }



    .subscription-cards-container[b-fh28uaulhg] {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

}
/* /Pages/Settings/Invoice/Payments.razor.rz.scp.css */
.settings-parent-container[b-9xfqwf0xcg] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.invoice-container[b-9xfqwf0xcg]{
    margin-top:24px;
    width:100%;
}

table[b-9xfqwf0xcg] {
    width: 100%;
}

tr[b-9xfqwf0xcg] {
    border-bottom: 1px solid var(--Color-Greyscale-Greyscale-150, #E8E8E8);
}
td:first-child[b-9xfqwf0xcg] {
    padding-left:24px;

}
td[b-9xfqwf0xcg]{
    background-color: white;
    height: 49px;
}
    th:first-child[b-9xfqwf0xcg] {
        padding-left: 24px;

    }
th[b-9xfqwf0xcg] {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    padding: 0px 20px;
    height: 45px;
    border-bottom: 1px solid var(--Color-Greyscale-Greyscale-150, #E8E8E8);
}
th .material-symbols-outlined[b-9xfqwf0xcg]{
    font-size:15px;
    cursor:pointer;
}

img[b-9xfqwf0xcg]{
    width:15px;
    height:15px;
}


p[b-9xfqwf0xcg] {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 21px */
    letter-spacing: 0.42px;
}


.placeholder-container[b-9xfqwf0xcg]{
    display:flex;
    justify-content:center;
}


@media only screen and (max-width: 641px) {
}
/* /Pages/Settings/Organization/AddEntitySidebar.razor.rz.scp.css */

.add-entity-sidebar-container[b-myp6n8vk8f] {
    z-index: 100;
    position: fixed;
    height: 100%;
    box-shadow: var(--box-shadow);
    background-color: white;
    top: 70px;
    right:0;
    width:400px;
    padding: 20px;
    margin: auto;
    justify-content: center;
    border-radius: 0px 0px 15px 15px;
    overflow-y: auto;
    display:flex;
    flex-direction:column;
justify-content:flex-start;
}
.grid-row[b-myp6n8vk8f]{
    width:100px;
    overflow:hidden;
}
.animate-in[b-myp6n8vk8f] {
    display: block;
    animation-name: animateIn-b-myp6n8vk8f;
    animation-duration: .3s;
    width: 400px;
    right: 0px;
    padding-bottom: 100px;
}
.tooltip-container[b-myp6n8vk8f] {
    position: absolute;
    top: 0px;
    right: -20px;
}




@keyframes animateIn-b-myp6n8vk8f {
    from {
        width: 0px;
        right: -400px;
    }

    to {
        width: 400px;
        right: 0px;
    }
}


.animate-out[b-myp6n8vk8f] {
    animation-name: animateOut-b-myp6n8vk8f;
    animation-duration: .4s;

}

@keyframes animateOut-b-myp6n8vk8f {
    from {
        width: 400px;
        right: 0px;
        display: block;
    }

    to {
        width: 0px;
        right: -400px;
        display:none;
    
    }
}



.close-on-click-outside-container[b-myp6n8vk8f] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}


.input-item[b-myp6n8vk8f]{
    display:flex;
    flex-direction:column;
    margin-top:20px;
}
input[b-myp6n8vk8f]{
    width:100%;
}

label[b-myp6n8vk8f] {
    font-size: 14px !important;
    margin: 0;
    position: relative;
    width: max-content;
}

.btns-container[b-myp6n8vk8f] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width: 100%;
    margin-top: 20px;
}
.btn-group[b-myp6n8vk8f]{
    display:flex;
    align-items:center;
    gap:15px;

}

.dropdown-row[b-myp6n8vk8f] {
    width: 100%;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-img-container[b-myp6n8vk8f] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-myp6n8vk8f] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-myp6n8vk8f] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-myp6n8vk8f] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}
.role-description-container[b-myp6n8vk8f]{

    margin-top:20px;
}

/*//Team hero*/


.team-hero[b-myp6n8vk8f] {
    width: 100%;
    height: 129px;
    position: relative;
    border-radius: 6px;
    margin-top: 15px;
}



    .team-hero img[b-myp6n8vk8f] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }

.team-img-placeholder[b-myp6n8vk8f] {
    width: 100%;
    height: 129px;
    background-color: #242e38;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .team-img-placeholder p[b-myp6n8vk8f] {
        color: white;
        font-size:20px;
        text-align:center;
    }
.hero-text-container[b-myp6n8vk8f] {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 100;
}

    .hero-text-container p[b-myp6n8vk8f], .hero-text-container h2[b-myp6n8vk8f] {
        color: white;
    }

.hero-dot-devider[b-myp6n8vk8f] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
}

.hero-text-container h2[b-myp6n8vk8f] {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 43.2px */
}

/*CoverImage*/
.cover-image-container[b-myp6n8vk8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    background-color: rgba(255,255,255, 0.8);
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

    .cover-image-container .bi-camera-fill[b-myp6n8vk8f] {
        cursor: pointer;
        font-size: 20px;
    }

    .cover-image-container:hover .bi-camera-fill[b-myp6n8vk8f] {
        filter: brightness(1.8);
    }


.team-image-options-container[b-myp6n8vk8f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 24px;
    right: 0px;
    box-shadow: var(--box-shadow);
    background-color: white;
    z-index: 10;
    width: 200px;
    border-radius: 6px;
    padding: 16px 0;
}

    .team-image-options-container p[b-myp6n8vk8f] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        font-style: normal;
    }

    .team-image-options-container .material-symbols-outlined[b-myp6n8vk8f] {
        color: #CDCDCB;
        font-size: 20px;
    }

    .team-image-options-container label[b-myp6n8vk8f] {
        margin: 0;
        width: 100%;
    }


.select-team-image[b-myp6n8vk8f], .remove-team-image[b-myp6n8vk8f] {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    gap: 4px;
    width: 100%;
}

    .select-team-image:hover[b-myp6n8vk8f], .remove-team-image:hover[b-myp6n8vk8f] {
        cursor: pointer;
        background-color: var(--hover-color);
    }
/* /Pages/Settings/Organization/AddOrganizationEntityDialog.razor.rz.scp.css */
.add-organisation-entity-dialog-container[b-jnyhvejrgy] {
    background-color: white;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 280px;
    padding:0;
}


h1[b-jnyhvejrgy] {
    font-size: 16px;
    font-weight: 500;
    padding:30px 30px 20px 30px;
}

.bi-x-lg:hover[b-jnyhvejrgy] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-jnyhvejrgy] {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 15px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.list[b-jnyhvejrgy] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom:30px;
}

.list-item[b-jnyhvejrgy] {
    display: flex;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    padding:5px 30px;
}
.list-item p[b-jnyhvejrgy]{
font-weight:400;
}
    .list-item:hover[b-jnyhvejrgy] {
        background-color: var(--hover-color)
    }

    .list-item .material-symbols-outlined[b-jnyhvejrgy] {
        font-size: 35px;

    }

.icon-container[b-jnyhvejrgy] {
    background-color: #BFF6E4;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.icon[b-jnyhvejrgy]{
    width:20px;
    height:20px;
}
/* /Pages/Settings/Organization/Department/CorporateStructureDialog/CorporateStructureModal.razor.rz.scp.css */
.corporate-structure-dialog-container[b-w8wqk6hjrf] {
    display:flex;
    justify-content:center;
width:100%;
height:100%;
background-color:white;
border-radius:6px;
overflow-x:scroll;
min-width:1307px;
}
/* /Pages/Settings/Organization/Department/CorporateStructureDialog/DepartmentTree.razor.rz.scp.css */

.tree-container[b-gqwm0capdj] {
    display: flex;
    width: 100%;
    padding: 20px;
    position: relative;
    margin: 0 auto;
}

    .tree-container l1[b-gqwm0capdj] {
        flex: 1;
    }

.root .tree-container[b-gqwm0capdj] {
    width: 100%;
}

ul li[b-gqwm0capdj] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.root-container[b-gqwm0capdj] {
    flex: 1;
}

.sub-container[b-gqwm0capdj] {
    flex: 1;
    position:relative;
}


    /* Add a horizontal line between sibling nodes */
    .sub-container[b-gqwm0capdj]::before {
        content: '';
        position: absolute;
        top: 0px; /* Aligns with the bottom vertical connector */
        left: 0;
        width: 100%;
        height: 2px;
        border-bottom:2px dashed gray;
    }
    .sub-container:only-child[b-gqwm0capdj]::before {
        display: none; /* Remove horizontal connector when only one child */
    }

    /* Ensure the first child does not extend to the left */
    .sub-container:first-child[b-gqwm0capdj]::before {
        left: 50%;
        width: 50%;
    }

    /* Ensure the last child does not extend to the right */
    .sub-container:last-child[b-gqwm0capdj]::before {
        width: 50%;
    }


.root-department-item[b-gqwm0capdj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 10px;
    position: relative;
}


    .root-department-item[b-gqwm0capdj]::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        width: 2px;
        height: 20px;
        border-left: 2px dashed gray;
        z-index: 2;
    }
.root-container:not(:has(.sub-container)) .root-department-item[b-gqwm0capdj]::after {
    display: none;
}

.sub-department-item[b-gqwm0capdj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px;
    position: relative;
}
    .sub-department-item[b-gqwm0capdj]::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        width: 2px;
        height: 20px;
        border-left: 2px dashed gray;
        z-index: 2;
    }
    .sub-department-item[b-gqwm0capdj]::Before {
        content: '';
        position: absolute;
        top: -3px;
        left: calc(50% - 3px);
        width: 9px;
        height: 9px;
        background-color:black;
        z-index: 2;
        border-radius:50%;
    }
.sub-container:not(:has(.sub-container)) .sub-department-item[b-gqwm0capdj]::after {
    display: none;
}


.text-container[b-gqwm0capdj] {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.department-name[b-gqwm0capdj] {
    font-size: 14px;
    font-weight: 500;
}

.owner-name[b-gqwm0capdj] {
    font-size: 13px;
    font-weight: 300;
}

.profile-img-container-level-0[b-gqwm0capdj] {
    border-radius: 50%;
    width: 88px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(0,219,148,1) 0%, rgba(0,83,150,1) 100%);
}

.profile-img-white-container-level-0[b-gqwm0capdj] {
    border-radius: 50%;
    width: 68px;
    height: 68px;
    display: flex;
    background-color: white;
    justify-content: center;
    align-items: center;
}

.profile-img-level-0[b-gqwm0capdj] {
    border-radius: 50%;
    width: 52px;
    height: 52px;
    object-fit: cover;
}

.profile-img-placeholder-level-0[b-gqwm0capdj] {
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

    .profile-img-placeholder-level-0 p[b-gqwm0capdj] {
        font-size: 19px;
    }

.profile-img-container-level-1[b-gqwm0capdj] {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(0,219,148,1) 0%, rgba(0,83,150,1) 100%);
}

.profile-img-white-container-level-1[b-gqwm0capdj] {
    border-radius: 50%;
    width: 61px;
    height: 61px;
    display: flex;
    background-color: white;
    justify-content: center;
    align-items: center;
}

.profile-img-level-1[b-gqwm0capdj] {
    border-radius: 50%;
    width: 49px;
    height: 49px;
    object-fit: cover;
}

.profile-img-placeholder-level-1[b-gqwm0capdj] {
    border-radius: 50%;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

    .profile-img-placeholder-level-1 p[b-gqwm0capdj] {
        font-size: 18px;
    }

.profile-img-container-level-2[b-gqwm0capdj] {
    border-radius: 50%;
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(0,219,148,1) 0%, rgba(0,83,150,1) 100%);
    position: relative;
}

.profile-img-white-container-level-2[b-gqwm0capdj] {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    border: 2px solid white;
    justify-content: center;
    align-items: center;
}
.profile-img-inner-white-container-level[b-gqwm0capdj] {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    background-color:white;
    align-items: center;
}
.profile-img-level-2[b-gqwm0capdj] {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.profile-img-placeholder-level-2[b-gqwm0capdj] {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

    .profile-img-placeholder-level-2 p[b-gqwm0capdj] {
        font-size: 17px;
    }

.profile-img-container-level-3[b-gqwm0capdj] {
    border-radius: 50%;
    width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: dashed 2px rgba(0,219,148,1);
    position: relative;
}

.profile-img-white-container-level-3[b-gqwm0capdj] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    background-color: white;
    justify-content: center;
    align-items: center;
}

.profile-img-level-3[b-gqwm0capdj] {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.profile-img-placeholder-level-3[b-gqwm0capdj] {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

    .profile-img-placeholder-level-3 p[b-gqwm0capdj] {
        font-size: 16px;
    }
/* /Pages/Settings/Organization/Department/Department.razor.rz.scp.css */
.page-container[b-usfxtsrzwd] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction:column;
    min-height: 70vh;
}

.number-of-results[b-usfxtsrzwd] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position:absolute;
    left:2px;
    top:-30px;
}
.table-filter-container[b-usfxtsrzwd] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.table-container[b-usfxtsrzwd] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
  
}

.table-row[b-usfxtsrzwd] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-usfxtsrzwd] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-usfxtsrzwd] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-usfxtsrzwd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.table-container .material-symbols-outlined[b-usfxtsrzwd] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}
.table-heading[b-usfxtsrzwd] {
    font-size: 15px;
    font-weight: 500;
}

.table-column[b-usfxtsrzwd] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}
.tooltip-table-item[b-usfxtsrzwd]{
    overflow:visible;
}
.select-column[b-usfxtsrzwd] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}
.owner-name[b-usfxtsrzwd]{
    margin-left:10px;
}
.member-container[b-usfxtsrzwd] {
    width: 100%;
    display: flex;
    align-items: center;
    position:relative;
}

    .member-container:hover .member-tooltip-element[b-usfxtsrzwd] {
        display: flex;
    }


.member-tooltip-element[b-usfxtsrzwd] {
    position: absolute;
    top: 30px;
    left: 0;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-tooltip-element p:hover[b-usfxtsrzwd]{
text-decoration:underline;
}
.profile-img-container[b-usfxtsrzwd] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height:36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.profile-img-placeholder[b-usfxtsrzwd] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-usfxtsrzwd] {
        font-weight: 500;
        font-size:12px;
        letter-spacing: -1px;
    }

img[b-usfxtsrzwd] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover; 
}

.close-on-click-outside-container[b-usfxtsrzwd] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}


/*Paginator*/
.pagination[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: flex-end;
}

    .pagination span[b-usfxtsrzwd] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-usfxtsrzwd] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-usfxtsrzwd] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-usfxtsrzwd] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-usfxtsrzwd] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*Multi Delete*/


.action-bar-container[b-usfxtsrzwd] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 30px;
    left: calc(50vw - 125px);
    z-index: 200;
}

.multi-select-action-bar[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-usfxtsrzwd] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-usfxtsrzwd] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-usfxtsrzwd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-usfxtsrzwd] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-usfxtsrzwd] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-usfxtsrzwd] {
    font-size: 16px;
}

.and-more-text[b-usfxtsrzwd] {
    font-size: 12px;
}

.close-multi-select-container[b-usfxtsrzwd] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-usfxtsrzwd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-usfxtsrzwd] {
        font-size: 12px;
    }



    .mutli-select-action-item .material-symbols-outlined[b-usfxtsrzwd] {
        font-size: 25px;
    }

.bi-x-lg[b-usfxtsrzwd] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-usfxtsrzwd] {
    background-color: var(--hover-color);
}
/* /Pages/Settings/Organization/JobTitles/JobTitles.razor.rz.scp.css */
.page-container[b-7kikptsk93] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 70vh;
    flex-direction:column;
}
.table-filter-container[b-7kikptsk93] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.table-container[b-7kikptsk93] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}
.number-of-results[b-7kikptsk93] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}
.table-row[b-7kikptsk93] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-7kikptsk93] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-7kikptsk93] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-7kikptsk93] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-7kikptsk93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.table-container .material-symbols-outlined[b-7kikptsk93] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}
.table-heading[b-7kikptsk93] {
    font-size: 15px;
    font-weight: 500;
}

.table-column[b-7kikptsk93] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-7kikptsk93] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}
.tooltip-table-item[b-7kikptsk93] {
    overflow: visible;
}
.select-column[b-7kikptsk93] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}
.member-container[b-7kikptsk93] {
    width: 100%;
    display: flex;
    align-items: center;
    position:relative;
}

    .member-container:hover .member-tooltip-element[b-7kikptsk93] {
        display: flex;
    }



.member-tooltip-element[b-7kikptsk93] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-7kikptsk93] {
        text-decoration: underline;
    }

.profile-img-container[b-7kikptsk93] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.profile-img-placeholder[b-7kikptsk93] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0; /* Default background color */
}

    .profile-img-placeholder p[b-7kikptsk93] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

img[b-7kikptsk93] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover; /* Ensure images are not distorted */
}

.close-on-click-outside-container[b-7kikptsk93] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

/*Multi Delete*/


.action-bar-container[b-7kikptsk93] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 30px;
    left: calc(50vw - 125px);
    z-index: 200;
}

.multi-select-action-bar[b-7kikptsk93] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-7kikptsk93] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-7kikptsk93] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-7kikptsk93] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-7kikptsk93] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-7kikptsk93] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-7kikptsk93] {
    font-size: 16px;
}

.and-more-text[b-7kikptsk93] {
    font-size: 12px;
}

.close-multi-select-container[b-7kikptsk93] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-7kikptsk93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-7kikptsk93] {
        font-size: 12px;
    }



    .mutli-select-action-item .material-symbols-outlined[b-7kikptsk93] {
        font-size: 25px;
    }

.bi-x-lg[b-7kikptsk93] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-7kikptsk93] {
    background-color: var(--hover-color);
}

/*Paginator*/
.pagination[b-7kikptsk93] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: flex-end;
}

    .pagination span[b-7kikptsk93] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-7kikptsk93] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-7kikptsk93] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-7kikptsk93] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-7kikptsk93] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-7kikptsk93] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}
/* /Pages/Settings/Organization/Office/Office.razor.rz.scp.css */
.page-container[b-zx9zmcibmc] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 70vh;
    flex-direction:column;
}
.table-filter-container[b-zx9zmcibmc] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.table-container[b-zx9zmcibmc] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}
.number-of-results[b-zx9zmcibmc] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}
.table-row[b-zx9zmcibmc] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-zx9zmcibmc] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-zx9zmcibmc] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-zx9zmcibmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.table-container .material-symbols-outlined[b-zx9zmcibmc] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}
.table-heading[b-zx9zmcibmc] {
    font-size: 15px;
    font-weight: 500;
}

.table-column[b-zx9zmcibmc] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}
.tooltip-table-item[b-zx9zmcibmc] {
    overflow: visible;
}
.select-column[b-zx9zmcibmc] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.member-container[b-zx9zmcibmc] {
    width: 100%;
    display: flex;
    align-items: center;
    position:relative
}

    .member-container:hover .member-tooltip-element[b-zx9zmcibmc] {
        display: flex;
    }



.member-tooltip-element[b-zx9zmcibmc] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-zx9zmcibmc] {
        text-decoration: underline;
    }

.profile-img-container[b-zx9zmcibmc] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.profile-img-placeholder[b-zx9zmcibmc] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0; /* Default background color */
}

    .profile-img-placeholder p[b-zx9zmcibmc] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

img[b-zx9zmcibmc] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover; /* Ensure images are not distorted */
}
.close-on-click-outside-container[b-zx9zmcibmc] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/*Paginator*/
.pagination[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: flex-end;
}

    .pagination span[b-zx9zmcibmc] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-zx9zmcibmc] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-zx9zmcibmc] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-zx9zmcibmc] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-zx9zmcibmc] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}

/*Multi Delete*/


.action-bar-container[b-zx9zmcibmc] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 30px;
    left: calc(50vw - 125px);
    z-index: 200;
}

.multi-select-action-bar[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-zx9zmcibmc] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-zx9zmcibmc] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-zx9zmcibmc] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-zx9zmcibmc] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-zx9zmcibmc] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-zx9zmcibmc] {
    font-size: 16px;
}

.and-more-text[b-zx9zmcibmc] {
    font-size: 12px;
}

.close-multi-select-container[b-zx9zmcibmc] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-zx9zmcibmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-zx9zmcibmc] {
        font-size: 12px;
    }



    .mutli-select-action-item .material-symbols-outlined[b-zx9zmcibmc] {
        font-size: 25px;
    }

.bi-x-lg[b-zx9zmcibmc] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-zx9zmcibmc] {
    background-color: var(--hover-color);
}
/* /Pages/Settings/Organization/SettingsOrganizationOverview.razor.rz.scp.css */
.settings-organization-container[b-8buh0pv46d] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.top-container[b-8buh0pv46d] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-bottom: 20px;
    border-bottom: 1px solid #979797;
    position: relative;
    height: 30px;
}

.btn-container[b-8buh0pv46d] {
    width:100%;
    display: flex;
    align-items: center;
    justify-content:flex-end;
    gap: 15px;
    position: relative;
    margin-bottom:20px;
}
.button-cancel img[b-8buh0pv46d] {
    width: 15px;
    height: 15px;
}
.button-cancel[b-8buh0pv46d]{
    min-width:169px;
}

    .button-cancel:hover[b-8buh0pv46d] {
        border-bottom: 1px solid transparent;
    }
.show-corporate-tree-container[b-8buh0pv46d] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.heading-container[b-8buh0pv46d] {
    position: relative;
    width: max-content;
    margin-bottom: 24px;
}

.tooltip-container[b-8buh0pv46d] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.corporate-tree:hover[b-8buh0pv46d] {
    cursor: pointer;
    text-decoration: underline;
}

.tabs-container[b-8buh0pv46d] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .tabs-container h5[b-8buh0pv46d] {
        position: relative;
        cursor: default;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }

.tab-hover-effect:hover[b-8buh0pv46d] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}

.tab-underline-active[b-8buh0pv46d] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -3px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-8buh0pv46d] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-8buh0pv46d] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}

.close-on-click-outside-container[b-8buh0pv46d] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/Settings/Organization/Supervisor/ImmediateSupervisor.razor.rz.scp.css */
.page-container[b-1t329wh930] {
    width: 100%;
    display: flex;
    min-height: 70vh;
}

.page-container[b-1t329wh930] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}

.main-content-container[b-1t329wh930] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
}

.table-container[b-1t329wh930] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.content-container[b-1t329wh930] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
}

.number-of-results[b-1t329wh930] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}

.table-row[b-1t329wh930] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-1t329wh930] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-1t329wh930] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-1t329wh930] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-1t329wh930] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-1t329wh930] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-1t329wh930] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-1t329wh930] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-1t329wh930] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-1t329wh930] {
    overflow: visible;
}

.select-column[b-1t329wh930] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-1t329wh930] {
    margin-left: 10px;
}

.member-container[b-1t329wh930] {
    width: 100%;
    display: flex;
    height:100%;
    align-items: center;
    position: relative;
}

    .member-container:hover .member-tooltip-element[b-1t329wh930] {
        display: flex;
    }

.member-tooltip-container[b-1t329wh930] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-1t329wh930] {
    position: absolute;
    top: 30px;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    max-height:300px;
    overflow:auto;
}

    .member-tooltip-element p:hover[b-1t329wh930] {
        text-decoration: underline;
    }

.profile-img-container[b-1t329wh930] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    background-color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -10px;

}

    .profile-img-container img[b-1t329wh930] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-1t329wh930] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-1t329wh930] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }




/*Team*/

.team-list-item-container[b-1t329wh930] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-1t329wh930] {
        display: flex;
    }

.letter-border-container[b-1t329wh930] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-1t329wh930] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-1t329wh930] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-1t329wh930] {
    font-size: 14px;
}

.team-list-item[b-1t329wh930] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-1t329wh930] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-1t329wh930] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-1t329wh930] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-1t329wh930] {
    font-size: 15px;
    color: var(--secondary-color);
}



.close-on-click-outside-container[b-1t329wh930] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}


/*Multi Delete*/


.action-bar-container[b-1t329wh930] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 30px;
    left: calc(50vw - 125px);
    z-index: 200;
}

.multi-select-action-bar[b-1t329wh930] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-1t329wh930] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-1t329wh930] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-1t329wh930] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-1t329wh930] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-1t329wh930] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-1t329wh930] {
    font-size: 16px;
}

.and-more-text[b-1t329wh930] {
    font-size: 12px;
}

.close-multi-select-container[b-1t329wh930] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-1t329wh930] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-1t329wh930] {
        font-size: 12px;
    }



    .mutli-select-action-item .material-symbols-outlined[b-1t329wh930] {
        font-size: 25px;
    }

.bi-x-lg[b-1t329wh930] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-1t329wh930] {
    background-color: var(--hover-color);
}

/*Paginator*/
.pagination[b-1t329wh930] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-1t329wh930] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-1t329wh930] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-1t329wh930] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-1t329wh930] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-1t329wh930] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-1t329wh930] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/



.no-office-placeholder[b-1t329wh930] {
    padding-left: 12px;
}

.office-tooltip-element[b-1t329wh930] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-1t329wh930] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-1t329wh930] {
    display: flex;
}
/* /Pages/Settings/Organization/Team/Team.razor.rz.scp.css */
.page-container[b-n5twgau4tm] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 70vh;
    flex-direction:column;
}
.table-filter-container[b-n5twgau4tm] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.table-container[b-n5twgau4tm] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}
.number-of-results[b-n5twgau4tm] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}
.table-row[b-n5twgau4tm] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-n5twgau4tm] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-n5twgau4tm] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-n5twgau4tm] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}
.table-heading[b-n5twgau4tm] {
    font-size: 15px;
    font-weight: 500;
}
.table-heading-sort-icon-container[b-n5twgau4tm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.table-container .material-symbols-outlined[b-n5twgau4tm] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}
.table-column[b-n5twgau4tm] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-n5twgau4tm] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}
.tooltip-table-item[b-n5twgau4tm] {
    overflow: visible;
}
.select-column[b-n5twgau4tm] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.cover-image-column[b-n5twgau4tm]{
    width:60px;
    flex:unset;
    height:45px;
}
.team-image-container[b-n5twgau4tm] {
    width: 60px;
    height: 45px;
    border-radius:6px;
}

    .team-image-container img[b-n5twgau4tm] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }

.member-container[b-n5twgau4tm] {
    width: max-content;
    display: flex;
    align-items: center;
    position:relative;
    height:100%;
    position:relative;
}
    .member-container:hover .member-tooltip-element[b-n5twgau4tm] {
        display: flex;
    }

.member-tooltip-element[b-n5twgau4tm] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}
    .member-tooltip-element p:hover[b-n5twgau4tm] {
        text-decoration: underline;
    }

.profile-img-container[b-n5twgau4tm] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.profile-img-placeholder[b-n5twgau4tm] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0; /* Default background color */
}

    .profile-img-placeholder p[b-n5twgau4tm] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

img[b-n5twgau4tm] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover; /* Ensure images are not distorted */
}

    .profile-picture-container:hover .profile-tooltip[b-n5twgau4tm]{
        display:block;
    }
    .profile-picture[b-n5twgau4tm] {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #D9D9D9;
    }

    .profile-picture img[b-n5twgau4tm] {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 50%;
    }

.profile-tooltip[b-n5twgau4tm]{
    position:absolute;
    top:-30px;
    padding:5px;
    border-radius:3px;
    background-color:white;
    box-shadow:var(--box-shadow);
    display:none;
    z-index:100;
    min-width:max-content;
}
.profile-tooltip p[b-n5twgau4tm]{
    font-size:12px;
}

.close-on-click-outside-container[b-n5twgau4tm] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.close-on-click-outside-container[b-n5twgau4tm] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

/*Paginator*/
.pagination[b-n5twgau4tm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: flex-end;
}

    .pagination span[b-n5twgau4tm] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-n5twgau4tm] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-n5twgau4tm] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-n5twgau4tm] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-n5twgau4tm] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-n5twgau4tm] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}

/*office*/


.memeber-icons[b-n5twgau4tm] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-n5twgau4tm] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-n5twgau4tm] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-n5twgau4tm] {
    font-size: 15px;
    color: var(--secondary-color);
}
.letter-border-container[b-n5twgau4tm] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-n5twgau4tm] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}
.letter-container[b-n5twgau4tm] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-n5twgau4tm] {
    font-size: 14px;
}

.no-office-placeholder[b-n5twgau4tm] {
    padding-left: 12px;
}

.office-tooltip-element[b-n5twgau4tm] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .offce-tooltip-element p:hover[b-n5twgau4tm] {
        text-decoration:none;
    }

.team-office-container:hover .office-tooltip-element[b-n5twgau4tm] {
    display: flex;
}
/* /Pages/Settings/Organization/Users/OrganizationUsers.razor.rz.scp.css */
.page-container[b-dpe816071z] {
    width: 100%;
    display: flex;
    min-height: 70vh;
}

.page-container[b-dpe816071z] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.main-content-container[b-dpe816071z] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
}
.table-container[b-dpe816071z] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.content-container[b-dpe816071z] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
}

.number-of-results[b-dpe816071z] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -30px;
}

.table-row[b-dpe816071z] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-dpe816071z] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-dpe816071z] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-dpe816071z] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-dpe816071z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-dpe816071z] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-dpe816071z] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-dpe816071z] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-dpe816071z] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-dpe816071z] {
    overflow: visible;
}

.select-column[b-dpe816071z] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-dpe816071z] {
    margin-left: 10px;
}

.member-container[b-dpe816071z] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .member-container:hover .member-tooltip-element[b-dpe816071z] {
        display: flex;
    }

.member-tooltip-container[b-dpe816071z] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-dpe816071z] {
    position: absolute;
    top: 0;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-dpe816071z] {
        text-decoration: underline;
    }

.profile-img-container[b-dpe816071z] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-dpe816071z] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-dpe816071z] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-dpe816071z] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }




/*Team*/

.team-list-item-container[b-dpe816071z] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-dpe816071z] {
        display: flex;
    }

.letter-border-container[b-dpe816071z] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-dpe816071z] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-dpe816071z] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-dpe816071z] {
    font-size: 14px;
}

.team-list-item[b-dpe816071z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-dpe816071z] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.team-hover-container[b-dpe816071z] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-dpe816071z] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-dpe816071z] {
    font-size: 15px;
    color: var(--secondary-color);
}



.close-on-click-outside-container[b-dpe816071z] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}


/*Multi Delete*/


.action-bar-container[b-dpe816071z] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 30px;
    left: calc(50vw - 125px);
    z-index: 200;
}

.multi-select-action-bar[b-dpe816071z] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-dpe816071z] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-dpe816071z] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-dpe816071z] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-dpe816071z] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-dpe816071z] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-dpe816071z] {
    font-size: 16px;
}

.and-more-text[b-dpe816071z] {
    font-size: 12px;
}

.close-multi-select-container[b-dpe816071z] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-dpe816071z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-dpe816071z] {
        font-size: 12px;
    }



    .mutli-select-action-item .material-symbols-outlined[b-dpe816071z] {
        font-size: 25px;
    }

.bi-x-lg[b-dpe816071z] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-dpe816071z] {
    background-color: var(--hover-color);
}

/*Paginator*/
.pagination[b-dpe816071z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center;
}

    .pagination span[b-dpe816071z] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-dpe816071z] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-dpe816071z] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-dpe816071z] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-dpe816071z] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-dpe816071z] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/



.no-office-placeholder[b-dpe816071z] {
    padding-left: 12px;
}

.office-tooltip-element[b-dpe816071z] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-dpe816071z] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-dpe816071z] {
    display: flex;
}
/* /Pages/Settings/SettingsOverview.razor.rz.scp.css */

.settings-overview-container[b-k6gto0wwut] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position:relative;

}

h1[b-k6gto0wwut] {
    padding-left: 5px;
}

.content[b-k6gto0wwut] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    max-width: 1600px;
}

/*Tabs*/

.tabs-and-edit-container[b-k6gto0wwut] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
}
.edit-btn-container[b-k6gto0wwut]{
    display:flex;
    align-items:center;
    gap:5px;
    width:max-content;
    cursor:pointer;
}
    .edit-btn-container .material-symbols-outlined[b-k6gto0wwut] {
font-size:15px;
height:19.58px;
display:flex;
align-items:center;
    }
    .edit-btn-container p[b-k6gto0wwut] {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
    }
.tabs-container[b-k6gto0wwut] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    height: 30px;
}

    .tabs-container h5[b-k6gto0wwut] {
        position: relative;
        cursor: default;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }
.tab-hover-effect:hover[b-k6gto0wwut] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.tab-underline-active[b-k6gto0wwut] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-k6gto0wwut] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-k6gto0wwut] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}


@media only screen and (max-width: 641px) {


    .tabs-container[b-k6gto0wwut] {
        flex-wrap: wrap;
    }

    .subscription-cards-container[b-k6gto0wwut] {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .recommended-subscription-card[b-k6gto0wwut] {
        height: 620px;
    }

}
/* /Pages/Settings/SubscriptionPage/FeaturesSection/CustomSurveyFeatures.razor.rz.scp.css */

td[b-jhwkw8wkck] {
    background-color: transparent !important;
}

th[b-jhwkw8wkck] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-jhwkw8wkck] {
    height: 110px;
}

table tr:first-child[b-jhwkw8wkck] {
    height: 80px
}

table tr td:first-child[b-jhwkw8wkck] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-jhwkw8wkck] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-jhwkw8wkck] {
    text-align: center;
}

table tr h5[b-jhwkw8wkck] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-jhwkw8wkck] {
    font-size: 12px;
}

.bi[b-jhwkw8wkck] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-jhwkw8wkck] {
    background-color: white;
}

    table tr:nth-child(odd)[b-jhwkw8wkck] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-jhwkw8wkck] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-jhwkw8wkck] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/DocumentFeatures.razor.rz.scp.css */

td[b-vpi99apkgf] {
    background-color: transparent !important;
}

th[b-vpi99apkgf] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-vpi99apkgf] {
    height: 110px;
}

table tr:first-child[b-vpi99apkgf] {
    height: 80px
}

table tr td:first-child[b-vpi99apkgf] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-vpi99apkgf] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-vpi99apkgf] {
    text-align: center;
}

table tr h5[b-vpi99apkgf] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-vpi99apkgf] {
    font-size: 12px;
}

.bi[b-vpi99apkgf] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-vpi99apkgf] {
    background-color: white;
}

    table tr:nth-child(odd)[b-vpi99apkgf] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-vpi99apkgf] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-vpi99apkgf] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/EmployeeInterviewFeatures.razor.rz.scp.css */

td[b-r8642x662l] {
    background-color: transparent !important;
}

th[b-r8642x662l] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-r8642x662l] {
    height: 110px;
}

table tr:first-child[b-r8642x662l] {
    height: 80px
}

table tr td:first-child[b-r8642x662l] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-r8642x662l] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-r8642x662l] {
    text-align: center;
}

table tr h5[b-r8642x662l] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-r8642x662l] {
    font-size: 12px;
}

.bi[b-r8642x662l] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-r8642x662l] {
    background-color: white;
}

    table tr:nth-child(odd)[b-r8642x662l] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-r8642x662l] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-r8642x662l] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/EnpsFeatures.razor.rz.scp.css */

td[b-05r54815ih] {
    background-color: transparent !important;
}

th[b-05r54815ih] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-05r54815ih] {
    height: 110px;
}

table tr:first-child[b-05r54815ih] {
    height: 80px
}

table tr td:first-child[b-05r54815ih] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-05r54815ih] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-05r54815ih] {
    text-align: center;
}

table tr h5[b-05r54815ih] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-05r54815ih] {
    font-size: 12px;
}

.bi[b-05r54815ih] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-05r54815ih] {
    background-color: white;
}

    table tr:nth-child(odd)[b-05r54815ih] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-05r54815ih] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-05r54815ih] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/Features.razor.rz.scp.css */
.features-tables-container[b-fimik9nl98] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top:60px;
}
@media only screen and (max-width: 641px) {
    .features-tables-container[b-fimik9nl98]{
        display:none;
    }
}
/* /Pages/Settings/SubscriptionPage/FeaturesSection/GeneralFeatures.razor.rz.scp.css */

td[b-6tcj88ijqn] {
    background-color: transparent !important;
}

th[b-6tcj88ijqn] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family:var(--font) !important;
}

tr[b-6tcj88ijqn] {
    height: 110px;
}

table tr:first-child[b-6tcj88ijqn] {
height:80px
}
table tr td:first-child[b-6tcj88ijqn] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-6tcj88ijqn] {
    text-align: center;
    width:15%;
}

tr td:not(:first-child)[b-6tcj88ijqn] {
    text-align: center;
}

table tr h5[b-6tcj88ijqn] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-6tcj88ijqn] {
    font-size: 12px;
}

.bi[b-6tcj88ijqn] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-6tcj88ijqn] {
    background-color: white;
}
table tr:nth-child(odd)[b-6tcj88ijqn] {
    background-color: #FBFBFB; /* Change this to the desired background color */
    border-bottom: 1px solid #e7e7e9;
    border-top: 1px solid #e7e7e9;
}

a[b-6tcj88ijqn] {
    color: #096c6c;
    font-weight:500;
}

    a:hover[b-6tcj88ijqn] {
        color: #129999;
        cursor:pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/OnOffBoardingFeatures.razor.rz.scp.css */

td[b-76cg43p0mw] {
    background-color: transparent !important;
}

th[b-76cg43p0mw] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-76cg43p0mw] {
    height: 110px;
}

table tr:first-child[b-76cg43p0mw] {
    height: 80px
}

table tr td:first-child[b-76cg43p0mw] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-76cg43p0mw] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-76cg43p0mw] {
    text-align: center;
}

table tr h5[b-76cg43p0mw] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-76cg43p0mw] {
    font-size: 12px;
}

.bi[b-76cg43p0mw] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-76cg43p0mw] {
    background-color: white;
}

    table tr:nth-child(odd)[b-76cg43p0mw] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-76cg43p0mw] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-76cg43p0mw] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/OrganizationFeatures.razor.rz.scp.css */

td[b-knwrtofj3s] {
    background-color: transparent !important;
}

th[b-knwrtofj3s] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-knwrtofj3s] {
    height: 110px;
}

table tr:first-child[b-knwrtofj3s] {
    height: 80px
}

table tr td:first-child[b-knwrtofj3s] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-knwrtofj3s] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-knwrtofj3s] {
    text-align: center;
}

table tr h5[b-knwrtofj3s] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-knwrtofj3s] {
    font-size: 12px;
}

.bi[b-knwrtofj3s] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-knwrtofj3s] {
    background-color: white;
}

    table tr:nth-child(odd)[b-knwrtofj3s] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-knwrtofj3s] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-knwrtofj3s] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/PersonalHealth.razor.rz.scp.css */

td[b-5xnt95mecl] {
    background-color: transparent !important;
}

th[b-5xnt95mecl] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-5xnt95mecl] {
    height: 110px;
}

table tr:first-child[b-5xnt95mecl] {
    height: 80px
}

table tr td:first-child[b-5xnt95mecl] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-5xnt95mecl] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-5xnt95mecl] {
    text-align: center;
}

table tr h5[b-5xnt95mecl] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-5xnt95mecl] {
    font-size: 12px;
}

.bi[b-5xnt95mecl] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-5xnt95mecl] {
    background-color: white;
}

    table tr:nth-child(odd)[b-5xnt95mecl] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-5xnt95mecl] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-5xnt95mecl] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/PulseFeatures.razor.rz.scp.css */

td[b-mvzuec43wu] {
    background-color: transparent !important;
}

th[b-mvzuec43wu] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-mvzuec43wu] {
    height: 110px;
}

table tr:first-child[b-mvzuec43wu] {
    height: 80px
}

table tr td:first-child[b-mvzuec43wu] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-mvzuec43wu] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-mvzuec43wu] {
    text-align: center;
}

table tr h5[b-mvzuec43wu] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-mvzuec43wu] {
    font-size: 12px;
}

.bi[b-mvzuec43wu] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-mvzuec43wu] {
    background-color: white;
}

    table tr:nth-child(odd)[b-mvzuec43wu] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-mvzuec43wu] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-mvzuec43wu] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/SupportFeatures.razor.rz.scp.css */

td[b-igdz7kkr83] {
    background-color: transparent !important;
}

th[b-igdz7kkr83] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-igdz7kkr83] {
    height: 110px;
}

table tr:first-child[b-igdz7kkr83] {
    height: 80px
}

table tr td:first-child[b-igdz7kkr83] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-igdz7kkr83] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-igdz7kkr83] {
    text-align: center;
}

table tr h5[b-igdz7kkr83] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-igdz7kkr83] {
    font-size: 12px;
}

.bi[b-igdz7kkr83] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-igdz7kkr83] {
    background-color: white;
}

    table tr:nth-child(odd)[b-igdz7kkr83] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-igdz7kkr83] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-igdz7kkr83] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/TodosFeatures.razor.rz.scp.css */

td[b-o57sazp750] {
    background-color: transparent !important;
}

th[b-o57sazp750] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-o57sazp750] {
    height: 110px;
}

table tr:first-child[b-o57sazp750] {
    height: 80px
}

table tr td:first-child[b-o57sazp750] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-o57sazp750] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-o57sazp750] {
    text-align: center;
}

table tr h5[b-o57sazp750] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-o57sazp750] {
    font-size: 12px;
}

.bi[b-o57sazp750] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-o57sazp750] {
    background-color: white;
}

    table tr:nth-child(odd)[b-o57sazp750] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-o57sazp750] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-o57sazp750] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/SubscriptionPage/FeaturesSection/WellbeingFeatures.razor.rz.scp.css */

td[b-u6l4snavsf] {
    background-color: transparent !important;
}

th[b-u6l4snavsf] {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    font-family: var(--font) !important;
}

tr[b-u6l4snavsf] {
    height: 110px;
}

table tr:first-child[b-u6l4snavsf] {
    height: 80px
}

table tr td:first-child[b-u6l4snavsf] {
    width: 50%;
    word-break: break-word;
}

table tr th:not(:first-child)[b-u6l4snavsf] {
    text-align: center;
    width: 15%;
}

tr td:not(:first-child)[b-u6l4snavsf] {
    text-align: center;
}

table tr h5[b-u6l4snavsf] {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

p[b-u6l4snavsf] {
    font-size: 12px;
}

.bi[b-u6l4snavsf] {
    font-size: 40px;
    color: #9AC86C;
}

table[b-u6l4snavsf] {
    background-color: white;
}

    table tr:nth-child(odd)[b-u6l4snavsf] {
        background-color: #FBFBFB; /* Change this to the desired background color */
        border-bottom: 1px solid #e7e7e9;
        border-top: 1px solid #e7e7e9;
    }

a[b-u6l4snavsf] {
    color: #096c6c;
    font-weight: 500;
}

    a:hover[b-u6l4snavsf] {
        color: #129999;
        cursor: pointer;
    }
/* /Pages/Settings/Supervisor/ImmediateSupervisor.razor.rz.scp.css */
.settings-parent-container[b-ty06orppqw] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
/*Heading*/
.result-heading-container[b-ty06orppqw] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}

.heading-container[b-ty06orppqw] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-ty06orppqw] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-ty06orppqw] {
        font-weight: 500;
    }

.tooltip-container[b-ty06orppqw] {
    position: absolute;
    top: 0px;
    right: -25px;
}
/*Tabs*/
.desktop-tabs-container[b-ty06orppqw] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .desktop-tabs-container h5[b-ty06orppqw] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor: default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }

.tab-hover-effect:hover[b-ty06orppqw] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}

.tab-underline-active[b-ty06orppqw] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-ty06orppqw] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-ty06orppqw] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}


.immediate-supervisor-container[b-ty06orppqw] {
    width: 70%;
    min-width: 1100px;
    display: flex;
    flex-direction: column;
    min-height: 50vh;
}

.section-container[b-ty06orppqw]{
    display:flex;
    flex-direction:column;
    border-radius:6px;
    background-color:white;
    margin-bottom:30px;
    gap:22px;
    padding:20px;
}
.section-item[b-ty06orppqw] {
    display: flex;
    width:315px;
    flex-direction:column;
    justify-content: space-between;
    gap:8px;
}

.section-heading[b-ty06orppqw] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    margin-bottom:8px;
    color:black;
}



.section-item-heading[b-ty06orppqw] {
    padding: 0 10px;
    font-size: 16px;
}

.section-title[b-ty06orppqw] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}

.section-description[b-ty06orppqw] {
    font-size: 12px;
}

.input-group[b-ty06orppqw]{
    display:flex;
    gap:3%;
}
.btns-container[b-ty06orppqw] {
    position: sticky;
    display: flex;
    align-items: center;
    width: 50%;
    display: flex;
    border-radius: 5px;
    background-color: white;
    padding: 15px;
    margin: auto;
    bottom: 25px;
    z-index: 20;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.btns[b-ty06orppqw] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap:10px;
    background-color: white;
}


@media only screen and (max-width: 641px) {
    .section-item[b-ty06orppqw] {
justify-content:space-between;
padding:20px 0;
    }
}
/* /Pages/SignIn/ForgotPasswordDialog.razor.rz.scp.css */
.forgot-password-container[b-c3enwdgs3o] {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    width: 400px;
    border-radius: 6px;
    padding:24px;
    position:relative;
}

.top-container[b-c3enwdgs3o]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:40px;
}

    .top-container h1[b-c3enwdgs3o] {
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 26.4px */
    }


.close-btn:hover[b-c3enwdgs3o] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-c3enwdgs3o] {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.top-container button[b-c3enwdgs3o]{
position:absolute;
top:5px;
right:10px;
}

.content[b-c3enwdgs3o]{
    display:flex;
    flex-direction:column;
    height:100%;
}


input[b-c3enwdgs3o] {
    width: 100%;
    margin-bottom: 20px;
}

label[b-c3enwdgs3o] {
    margin-top: 24px;
    font-size:12px;
    font-weight:600;
}


.btns-container[b-c3enwdgs3o]{
    display:flex;
  justify-content:flex-end;
    width:100%;
    gap:10px;

}

.support-text[b-c3enwdgs3o]{
    margin-bottom:20px;
}
a[b-c3enwdgs3o] {
    color: var(--tertiary-color);
}





@media only screen and (max-width: 641px) {
    .forgot-password-container[b-c3enwdgs3o]{
        border-radius:0;
        height:100vh;
    }
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .forgot-password-container[b-c3enwdgs3o] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/SignIn/Login.razor.rz.scp.css */
.login-page[b-9w3lvf2172] {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    min-width: 1440px;
    overflow: auto;
    display:flex;
    flex-direction:row-reverse;
}

.login-content[b-9w3lvf2172] {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    gap: 80px;
}
.login-container[b-9w3lvf2172] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 20px;
}

.login-text[b-9w3lvf2172] {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.login-form-container[b-9w3lvf2172] {
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 400px;
    border-radius: 6px;
    padding: 20px;
    position: relative;
}
.hartic-logo-container-desktop-view[b-9w3lvf2172] {
    width: 500px;
    display: flex;
}


.forgot-password[b-9w3lvf2172] {
    border-bottom: 1px solid transparent;
}
.forgot-password-container[b-9w3lvf2172] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}

    .forgot-password-container p[b-9w3lvf2172] {
        cursor: pointer;
        align-self: flex-start;
        font-weight: 300;
        line-height: 150%; /* 21px */
        letter-spacing: 0.42px;
    }

    .forgot-password:hover[b-9w3lvf2172] {
   border-bottom:1px solid #333;
    }

.login-create-acc-container[b-9w3lvf2172] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

    .login-create-acc-container p[b-9w3lvf2172] {
        font-weight: 500;
    }

.button-primary[b-9w3lvf2172] {
    width: 100%;
    font-weight: 500;
}

.login-devider-element-container[b-9w3lvf2172] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .login-devider-element-container p[b-9w3lvf2172] {
        padding: 0 10px;
    }


    .login-heading-container[b-9w3lvf2172]{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

.hartic-logo-mobile-view[b-9w3lvf2172]{
    display:none;
}
.horizontal-line[b-9w3lvf2172] {
    flex: 1;
    height: 1px;
    background-color: #E8E8E8;
}

.input-container[b-9w3lvf2172] {
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-field[b-9w3lvf2172] {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: white;
    gap: 10px;
}

label[b-9w3lvf2172] {
    font-size: 14px;
    margin: 0;
}

.hero-container[b-9w3lvf2172] {
    position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
    height: 100%;
    min-height: 600px;
    width: 50%;
    background-color: var(--dark-primary-color);
    overflow:hidden;
/*    background: linear-gradient(355deg, rgba(0,56,63,1) 0%, rgba(31,107,116,1) 83%);*/
}



.linear-gradient[b-9w3lvf2172] {
    position: absolute;
    z-index: 90;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50vh;
    background: linear-gradient(#F49A4100 30%, rgba(51, 71, 91, 0.7));
}

.brand-line[b-9w3lvf2172] {
    position: absolute;
    left: -16%;
    right: 0;
    top: 47px;
    width: 105%;
    object-fit: cover;
    transform: rotate(305deg);
}

.text-overlay h2[b-9w3lvf2172], .text-overlay p[b-9w3lvf2172] {
    color: white;
}

.text-overlay h1[b-9w3lvf2172] {
    color:white;
    font-size:46px;
    font-weight: 600;
    line-height: 120%;
}

.text-overlay h2[b-9w3lvf2172] {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
}

.text-overlay p[b-9w3lvf2172] {
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    font-family: "EmiliaNote", sans-serif;
}
.text-overlay span[b-9w3lvf2172]{
color:var(--primary-color);
}
.text-overlay[b-9w3lvf2172] {
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items:center;
    gap:6px;
}



.error-message-container[b-9w3lvf2172] {
    margin: 0;
    height: auto;
}
.contact-us-link[b-9w3lvf2172]{
    position:absolute;
    left:calc(50% - 90px);
    bottom:20px;
    color:white;
    font-size:12px;

}

@media only screen and (max-width: 641px) {
    .login-page[b-9w3lvf2172] {
        width: 100vw;
        min-width: 100vw;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        flex-direction: column;
        justify-content: center;
    }
    .login-content[b-9w3lvf2172]{
        width:100vw;
    gap:0;
    }

    .login-container[b-9w3lvf2172] {
        width: 100vw;
        height:100vh;
        justify-content:flex-start;
    }
    .login-create-acc-container[b-9w3lvf2172] {
        padding-bottom: 50px;
    }

    .login-form-container[b-9w3lvf2172] {
        height: 100vh;
        width: 100vw;
        min-width: 300px;
    }

    .hartic-logo[b-9w3lvf2172] {
        top: 20px;
        right: 20px;
        left: auto;
    }

    .hero-container[b-9w3lvf2172] {
        display: none;
    }

    .hartic-logo-mobile-view[b-9w3lvf2172] {
        display: block;
        width: 88px;
        height: 19px;
    }

    .hartic-logo-desktop-view[b-9w3lvf2172] {
        display: none;
    }
}
/* /Pages/Todos/Components/ActionBar.razor.rz.scp.css */
body[b-9q5yjuvifw] {
}
/* /Pages/Todos/IndividualActionDetailsDialog.razor.rz.scp.css */
.modal-content[b-c3hkooq4ii] {
    padding: 0 !important;
}

.action-details-container[b-c3hkooq4ii] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    flex: 1;
    position: relative;
    background-color: var(--background-color);
    padding: 30px 20px;
    border-radius: 6px;
    max-height:95vh;
    overflow:scroll;
}

.bi-x-lg:hover[b-c3hkooq4ii] {
    background-color: white;
}

.bi-x-lg[b-c3hkooq4ii] {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.top-section[b-c3hkooq4ii] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

    .top-section h3[b-c3hkooq4ii] {
        font-size: 25px;
    }


.pulse-action-details[b-c3hkooq4ii] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}



.back-btn-container[b-c3hkooq4ii] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-c3hkooq4ii] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-c3hkooq4ii] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-c3hkooq4ii] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}

.page-heading[b-c3hkooq4ii] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-c3hkooq4ii] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-c3hkooq4ii] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

    .hero img[b-c3hkooq4ii] {
        width: 130px;
        height: 130px;
        object-fit: cover;
    }

.hero-description[b-c3hkooq4ii] {
    font-size: 14px;
    font-weight:400;
    margin-top:10px;
}
.difficulty-container[b-c3hkooq4ii] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}



.difficulty-text[b-c3hkooq4ii] {
    font-weight: 500;
    font-size: 20px;
    position: relative;
    width: max-content;
}

.difficulty-element[b-c3hkooq4ii] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-c3hkooq4ii] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.content-container[b-c3hkooq4ii] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-c3hkooq4ii] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-c3hkooq4ii] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .pulse-action-info-container span[b-c3hkooq4ii] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }

.time-consumption[b-c3hkooq4ii] {
    font-weight: 400;
}

.category-icon-container img[b-c3hkooq4ii] {
    width: 20px;
    height: 20px;
}

.info-heading[b-c3hkooq4ii], .resource-heading[b-c3hkooq4ii] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-c3hkooq4ii] {
    font-weight: 300;
}

.action-description-container[b-c3hkooq4ii] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-c3hkooq4ii] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-c3hkooq4ii] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-c3hkooq4ii] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-c3hkooq4ii] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-c3hkooq4ii] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-c3hkooq4ii] {
        color: #F49A41;
    }

/*Sidebar*/
.sidebar-container[b-c3hkooq4ii] {
    width: 25%;
    display: flex;
    flex-direction: column;
}



.purpose-heading[b-c3hkooq4ii] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
}

.purpose-text-element span[b-c3hkooq4ii] {
    color: var(--secondary-color);
}

.purpose-container[b-c3hkooq4ii] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-c3hkooq4ii] {
    font-weight: 300;

}



.dropdown-row[b-c3hkooq4ii] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-c3hkooq4ii] {
        font-size: 14px;
        text-align: center;
    }

.bi-person-circle[b-c3hkooq4ii] {
    display: flex;
    align-items: center;
    color: var(--inactive-color);
    font-size: 23px;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}


/*profilePicture*/
.dropdown-row-profile-img[b-c3hkooq4ii] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}


/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-c3hkooq4ii] {
        width: 100vw;
    }

    .action-details-container[b-c3hkooq4ii] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-c3hkooq4ii] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-c3hkooq4ii] {
        width: 100%;
    }

    .sidebar-container[b-c3hkooq4ii] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/Todos/TodoDetailsDialog.razor.rz.scp.css */
.modal-content[b-bbrxtnjyao] {
    padding: 0 !important;
}

.action-details-container[b-bbrxtnjyao] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    flex: 1;
    position: relative;
    background-color: var(--background-color);
    padding: 30px 20px;
    border-radius: 6px;
    max-height: 95vh;
    overflow: scroll;
}

.bi-x-lg:hover[b-bbrxtnjyao] {
    background-color: white;
}

.bi-x-lg[b-bbrxtnjyao] {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.top-section[b-bbrxtnjyao] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

    .top-section h3[b-bbrxtnjyao] {
        font-size: 25px;
    }


.pulse-action-details[b-bbrxtnjyao] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}



.back-btn-container[b-bbrxtnjyao] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-bbrxtnjyao] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-bbrxtnjyao] {
        color: var(--font-color);
        font-size: 16px;
    }

.page-heading-container[b-bbrxtnjyao] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}

.page-heading[b-bbrxtnjyao] {
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
}

.tooltip-container[b-bbrxtnjyao] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-bbrxtnjyao] {
    width: 100%;
 
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-radius:6px;
}


.hero img[b-bbrxtnjyao] {
    width: 130px;
    height: 130px;
    object-fit: cover;

}
.hero-description[b-bbrxtnjyao] {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.difficulty-container[b-bbrxtnjyao] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}


.difficulty-element[b-bbrxtnjyao] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-text[b-bbrxtnjyao] {
    font-weight: 500;
    font-size: 20px;
    position: relative;
    width: max-content;
}
.difficulty-dot[b-bbrxtnjyao] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.content-container[b-bbrxtnjyao] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-bbrxtnjyao] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-bbrxtnjyao] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .pulse-action-info-container span[b-bbrxtnjyao] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }

.time-consumption[b-bbrxtnjyao] {
    font-weight: 400;
}

.category-icon-container img[b-bbrxtnjyao] {
    width: 20px;
    height: 20px;
}

.info-heading[b-bbrxtnjyao], .resource-heading[b-bbrxtnjyao] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-bbrxtnjyao] {
    font-weight: 300;
}

.action-description-container[b-bbrxtnjyao] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-bbrxtnjyao] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-bbrxtnjyao] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-bbrxtnjyao] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-bbrxtnjyao] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-bbrxtnjyao] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-bbrxtnjyao] {
        color: #F49A41;
    }

/*Sidebar*/
.sidebar-container[b-bbrxtnjyao] {
    width: 25%;
    display: flex;
    flex-direction: column;
}



.purpose-heading[b-bbrxtnjyao] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
}

.purpose-text-element span[b-bbrxtnjyao] {
    color: var(--secondary-color);
}

.purpose-container[b-bbrxtnjyao] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-bbrxtnjyao] {
    font-weight: 300;

}



.dropdown-row[b-bbrxtnjyao] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-bbrxtnjyao] {
        font-size: 14px;
        text-align: center;
    }

.bi-person-circle[b-bbrxtnjyao] {
    display: flex;
    align-items: center;
    color: var(--inactive-color);
    font-size: 23px;
    text-align: center;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}


/*profilePicture*/
.dropdown-row-profile-img[b-bbrxtnjyao] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}


/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-bbrxtnjyao] {
        width: 100vw;
    }

    .action-details-container[b-bbrxtnjyao] {
        width: 100%;
        min-height:100vh;
    }

    .content-container[b-bbrxtnjyao] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-bbrxtnjyao] {
        width: 100%;
    }

    .sidebar-container[b-bbrxtnjyao] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/Todos/Todos.razor.rz.scp.css */
*[b-frj353bhwy] {
    font-family: var(--font);
}

.todo-table-container[b-frj353bhwy] {
    position: relative;
    width: 100%;
}


table[b-frj353bhwy], .todo[b-frj353bhwy] {
    width: 100%;
    border-collapse: collapse;
    position: relative;
}

.page-heading-container[b-frj353bhwy] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 24px;
}

.heading-container[b-frj353bhwy]{
    width:100%;
    display:flex;
    
}
.heading-container h2[b-frj353bhwy]{
margin-bottom:14px;
}
.tooltip-container[b-frj353bhwy] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.component-heading-container[b-frj353bhwy] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.component-heading[b-frj353bhwy] {
    font-size: 20px;
    font-weight: 600;
    color: black;
    width:max-content;
    position:relative;
}
.tooltip-container[b-frj353bhwy] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.see-all-actions-link[b-frj353bhwy] {
    color: black;
    line-height: 18px;
}

.see-all-actions-link:hover[b-frj353bhwy]{
    text-decoration:underline;
    cursor:pointer;
}


thead th[b-frj353bhwy] {
    padding: 8px;
    background-color: white;
    color: var(--font-color);
    height: 50px;
    font-size: 16px;
}

thead tr th:first-child[b-frj353bhwy] {
    border-top-left-radius: 6px;
}

thead th:last-child[b-frj353bhwy] {
    border-top-right-radius: 6px;
}

thead th:not(:nth-child(2))[b-frj353bhwy] {
    text-align: center;
}

tbody[b-frj353bhwy] {
    width: 100%;
    overflow: scroll;
}

th[b-frj353bhwy], td[b-frj353bhwy] {
    padding: 8px;
    text-align: left;
    font-weight: 500;
    padding: 0 30px;
    height: 50px;
}

    td p[b-frj353bhwy] {
        font-family: var(--font);
    }

tr:hover td:not(:nth-last-child(3))[b-frj353bhwy], tr:hover[b-frj353bhwy] {
    background-color: var(--hover-color) !important;
    transition: ease-in-out .3s;
}


    tr:hover td:nth-last-child(3)[b-frj353bhwy]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fef3e633 !important; /* Adjust the overlay color and opacity */
        pointer-events: none; /* Ensure the overlay doesn't block interaction with the parent element or its children */
        mix-blend-mode: lighten; /* Blend mode to adjust brightness */
    }

tr[b-frj353bhwy] {
    border-bottom: 1px solid #E8E8E8;
    background-color: white;
    height:50px;
}

.no-new-todo-row tr:last-child[b-frj353bhwy] {
    border-bottom: none;
}

    .no-new-todo-row tr:last-child td:first-child[b-frj353bhwy] {
        border-bottom-left-radius: 6px;
    }

    .no-new-todo-row tr:last-child td:last-child[b-frj353bhwy] {
        border-bottom-right-radius: 6px;
    }

.see-all-todos-btn-container[b-frj353bhwy] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

    .see-all-todos-btn-container button[b-frj353bhwy] {
        padding: 7px 67px;
    }
/*input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-top: 5px;
}*/
input[type="checkbox"][b-frj353bhwy] {
    display: none;
}

/* Style the custom checkbox */
.custom-checkbox[b-frj353bhwy] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

    /* Style the checkmark inside the custom checkbox */
    .custom-checkbox[b-frj353bhwy]::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        width: 12px;
        height: 12px;
        border-radius: 3px;
        background-color: white;
        display: none;
    }

/* Show the checkmark when the checkbox is checked */
input[type="checkbox"]:checked + .custom-checkbox[b-frj353bhwy]::after {
    display: block;
}

tbody td[b-frj353bhwy] {
    background-color: white;
    height:50px;
    min-height:50px;
    max-height:50px;
}

tbody tr td:first-child[b-frj353bhwy] {
    background-color: white;
    border-left: none;
}

.select-td[b-frj353bhwy] {
    text-align: center;
    width: 80px;
}

.todo-text-td[b-frj353bhwy] {
    padding: 0px 0px 0px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
}

    .todo-text-td div[b-frj353bhwy] {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .todo-text-td input[b-frj353bhwy] {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 0;
        border-radius: 0;
        height: 50px;
        cursor: text;
    }

.heading[b-frj353bhwy] {
    font-weight: 400;
    flex: 1;
}


.see-details[b-frj353bhwy] {
    width: 49px;
    cursor: pointer;
}
.see-details:hover[b-frj353bhwy] {
 text-decoration:underline;
}
.comment-td[b-frj353bhwy] {
    text-align: center;
    width: 30px;
}

    .comment-td .bi-chat[b-frj353bhwy] {
        position: relative;
        font-size: 22px;
        cursor: pointer;
        margin-top: 6px;
    }

    .comment-td .comment-dot[b-frj353bhwy] {
        position: absolute;
        top: -7px;
        right: 3px;
        width: 17px;
        height: 17px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #a0e6d0;
        cursor:pointer;
    }

        .comment-td .comment-dot p[b-frj353bhwy] {
            color: var(--icon-color);
            font-size: 11px;
            margin-top: 1px;
        }

.deadline-th[b-frj353bhwy] {
    width: 200px;
}

.deadline-td[b-frj353bhwy] {
    width: 200px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content:center;
}





.exclamation-mark[b-frj353bhwy], .todo-done-icon[b-frj353bhwy] {
    font-size: 16px;
    color: var(--low-value-color);
    cursor: default;
    position:absolute;
    top:-1px;
}
.todo-done-icon[b-frj353bhwy] {
    font-size: 12px;
    color: white;
    cursor: default;
    position: absolute;
    top: 1px;
}
.deadline-icon-container[b-frj353bhwy] {
    position: relative;
    width: 15px;
    height: 8px;
    margin-right: 7px;
}
.deadline-td:hover .remove-deadline-container .remove-deadline[b-frj353bhwy] {
    display: flex;
}
.deadline-icon[b-frj353bhwy] {
    position:absolute;
    top:-4px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:1px;

}


.done-deadline-icon[b-frj353bhwy] {
    background-color: var(--high-value-color);
}
.remove-deadline-container[b-frj353bhwy]{
    width:24px;
    height:24px;
   

}
.remove-deadline[b-frj353bhwy]{
    cursor:pointer;
    width:24px;
    color:gray;
    justify-content:flex-start;
    display:none;
}

.status-td[b-frj353bhwy] {
    width: 134px;
    position: relative;
    cursor: pointer;
    text-align: center;
    height: 40px;
    font-size: 12px;
}

.status-not-started[b-frj353bhwy], .status-element-not-started[b-frj353bhwy] {
    background-color: #FFF0CC;
    color: #805900;
}

.status-started[b-frj353bhwy], .status-element-started[b-frj353bhwy] {
    background-color: #CCE6FF;
    color: #004080;
}

.status-stuck[b-frj353bhwy], .status-element-stuck[b-frj353bhwy] {
    background-color: #FFCCCC;
    color: #B30000;
}

.status-completed[b-frj353bhwy], .status-element-completed[b-frj353bhwy] {
    background-color: #E0F5D6;
    color: #336619;
}

.status-default[b-frj353bhwy], .status-element-default[b-frj353bhwy] {
    background-color: #E8E8E8;
    color: #333333;
}

.status-tooltip[b-frj353bhwy] {
    position: absolute;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    bottom: -289px;
    left: -15px;
    background-color: rgba(255,255,255,1);
    border-radius: 6px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.tooltip-point[b-frj353bhwy] {
    position: absolute;
    top: -45px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid rgba(255,255,255,1);
    margin: 2rem;
}

.status-tooltip .status[b-frj353bhwy] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: 133px;
    height: 42px;
}

    .status-tooltip .status:hover[b-frj353bhwy] {
        filter: brightness(1.05);
    }

.remove-todo-td[b-frj353bhwy] {
    width: 80px;
    text-align: center;
}


.icon-container[b-frj353bhwy]{
    position:relative;
}
.icon[b-frj353bhwy] {
    font-size: 24px;
    cursor: pointer;
}
.created-by-td[b-frj353bhwy] {
    width: 120px;
    text-align: center;
    position: relative;
}


.profile-img-container[b-frj353bhwy] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-frj353bhwy] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.profile-img-placeholder[b-frj353bhwy] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-frj353bhwy] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }

.created-by-td:hover .created-by-tooltip[b-frj353bhwy] {
    display: block;
}

.created-by-tooltip[b-frj353bhwy] {
    width: max-content;
    display: none;
    position: absolute;
    bottom: -28px;
    right: 30px;
    background-color: rgba(255,255,255,1);
    padding: 7px 16px;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    z-index: 110;
}

    .created-by-tooltip p[b-frj353bhwy] {
        color: black;
        font-weight: 300;
    }


.comment-sidebar[b-frj353bhwy] {
    position: fixed;
    right: 0;
    top: 69px;
    width: 30vw;
    background-color: white;
    border-left: 1px solid #e6e6e6;
    padding: 20px;
    height: 100%;
    z-index: 100;
    overflow: scroll;
    padding-top: 50px;
    box-shadow:var(--box-shadow);
}

.comments-animate-in[b-frj353bhwy] {
    display: block;
    animation-name: commentsSlideIn-b-frj353bhwy;
    animation-duration: .3s;
    width: 430px;
    right: 0px;
}

@keyframes commentsSlideIn-b-frj353bhwy {
    from {
        width: 0px;
        right: -330px;
    }

    to {
        width: 430px;
        right: 0px;
    }
}


.comments-animate-out[b-frj353bhwy] {
    animation-name: commentsSlideOut-b-frj353bhwy;
    animation-duration: 0.3s;
    width: 0px;
    right: -330px;
    display: none;
}

@keyframes commentsSlideOut-b-frj353bhwy {
    from {
        width: 430px;
        right: 0px;
        display: block;
    }

    to {
        width: 0px;
        right: -330px;
        display: none;
    }
}

.close-on-click-outside-container[b-frj353bhwy] {
    position: fixed;
    width: 100%;
    height: 100vh !important;
    top: 69px;
    z-index: 2;
}
    .comment-sidebar .bi-x-lg:hover[b-frj353bhwy] {
        background-color: var(--hover-color);
    }

    .comment-sidebar .bi-x-lg[b-frj353bhwy] {
        position: absolute;
        left: 4px;
        top: 4px;
        font-size: 20px;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 5px;
    }

    .comment-sidebar textarea[b-frj353bhwy] {
        width: 100%;
        height: 80px;
        padding: 7px;
        display: flex;
        align-items: flex-start;
        resize: none;
    }

    .comment-sidebar button[b-frj353bhwy] {
        margin: 15px 0;
    }

.comments-list[b-frj353bhwy] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 20px;
}

.comment-element[b-frj353bhwy] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 6px;
    padding: 12px 10px 12px 10px;
}

.comment-info[b-frj353bhwy] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .comment-info img[b-frj353bhwy] {
        width: 18px;
        height: 18px;
 
    }

.comment-date[b-frj353bhwy] {
    font-size: 11px;
    font-weight: 400;
}

.comment[b-frj353bhwy] {
    font-weight: 300;
}

.three-dots[b-frj353bhwy] {
    position: relative;
    font-size: 15px;
    color: #B4B4B1;
    margin-left: 5px;
}

    .three-dots:hover[b-frj353bhwy] {
        color: #333;
        cursor: pointer;
    }


.edit-comment-popup[b-frj353bhwy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 30px;
    right: -5px;
    width: 140px;
    background-color: white;
    z-index: 10;
    padding: 15px 0px;
    border-radius: 8px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.14);
}



    .edit-comment-popup p[b-frj353bhwy] {
        width: 100%;
        font-weight: 200;
        display: flex;
        padding: 5px 15px;
        justify-content: flex-start;
        gap: 6px;
        align-items: center;
        transition: .2s ease-in-out;
        color: #222222;
        font-size: 12px;
    }

        .edit-comment-popup p:hover[b-frj353bhwy] {
            cursor: pointer;
            background-color: var(--hover-color);
        }

.edit-comment-btns-container[b-frj353bhwy] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.new-todo-row[b-frj353bhwy] {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 50px;
    margin-bottom: 30px;
}

.new-row-checkbox-placeholder[b-frj353bhwy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 82px;
    filter: opacity(0.4);
}

.fake-checkbox[b-frj353bhwy] {
    border: 2px solid lightgray;
    width: 17px;
    height: 17px;
    border-radius: 4px;
}

.new-todo-row input[b-frj353bhwy] {
    border: none;
    outline: none;
    border-radius: 0;
    background-color: transparent !important;
    width: 100%;
    cursor: text;
}



.action-bar-container[b-frj353bhwy] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /*    width: calc(100vw - 225px);*/
    gap: 10px;
    position: fixed;
    bottom: 30px;
    z-index: 200;
}

.multi-select-action-bar[b-frj353bhwy] {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 60px;
}

.number-of-objects-selected-container[b-frj353bhwy] {
    width: 50px;
    background-color: var(--dark-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-of-objects-selected-container p[b-frj353bhwy] {
        color: white;
        font-weight: 500;
        font-size: 18px;
    }

.selected-objets-container[b-frj353bhwy] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selected-object-element[b-frj353bhwy] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
}

.selected-object-dot[b-frj353bhwy] {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.selected-text[b-frj353bhwy] {
    font-size: 16px;
}

.and-more-text[b-frj353bhwy] {
    font-size: 12px;
}

.close-multi-select-container[b-frj353bhwy] {
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3px solid lightgray;
}

.mutli-select-action-item[b-frj353bhwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}

    .mutli-select-action-item p[b-frj353bhwy] {
        font-size: 12px;
    }

.multi-status[b-frj353bhwy] {
    position: relative;
}

.mutli-select-action-item .icon[b-frj353bhwy] {
    width: 22px;
    height:22px;
}

.bi-x-lg[b-frj353bhwy] {
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
}

.multi-select-action-bar .bi-x-lg:hover[b-frj353bhwy] {
    background-color: var(--hover-color);
}



.multi-status-tooltip .status[b-frj353bhwy] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: 133px;
    height: 42px;
    font-size: 12px;
    font-weight: 500;
}

.multi-status .status:hover[b-frj353bhwy] {
    filter: brightness(1.05);
}

.multi-status-tooltip[b-frj353bhwy] {
    position: absolute;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: -301px;
    left: -44px;
    background-color: white;
    border-radius: 6px;
    z-index: 110;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.multi-deadline[b-frj353bhwy] {
    position: relative;
}

    .multi-deadline .multi-remove-deadline-icon[b-frj353bhwy] {
        right: -5px;
        position: absolute;
        color: lightgray;
        font-size: 15px;
        width: 20px;
        background-color: transparent;
        cursor: pointer;
    }

.edit-custom-todo[b-frj353bhwy] {
    position: relative;
    z-index: 200;
}







/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .todo[b-frj353bhwy], .todo-table-container[b-frj353bhwy] {
        overflow: scroll;
        width: 100vw;
    }

    table[b-frj353bhwy], .new-todo-row[b-frj353bhwy] {
        width: 1440px;
    }

    .comment-sidebar[b-frj353bhwy] {
        width: 100vw;
        top: 55px;
    }

    .new-todo-row[b-frj353bhwy] {
        margin: 0;
    }

    .see-all-todos-btn-container[b-frj353bhwy] {
        justify-content: flex-start;
    }

    .multi-select-action-bar[b-frj353bhwy] {
        margin-top: 20px;
    }

    .comment-sidebar[b-frj353bhwy]{
        width:100vw;
    }
    .comments-animate-in[b-frj353bhwy] {
        display: block;
        animation-name: commentsSlideIn-b-frj353bhwy;
        animation-duration: .3s;
        width: 100vw;
        right: 0px;
    }

    @keyframes commentsSlideIn-b-frj353bhwy {
        from {
            width: 0px;
            right: -330px;
        }

        to {
            width: 100vw;
            right: 0px;
        }
    }


    .comments-animate-out[b-frj353bhwy] {
        animation-name: commentsSlideOut-b-frj353bhwy;
        animation-duration: 3s;
        width: 0px;
        right: -330px;
        display: none;
    }

    @keyframes commentsSlideOut-b-frj353bhwy {
        from {
            width: 100vw;
            right: 0px;
            display: block;
        }

        to {
            width: 0px;
            right: -100vw;
            display: none;
        }
    }
}
/* /Pages/Wellbeing/ActiveWellbeing/ActiveWellbeing.razor.rz.scp.css */
.active-wellbeing-container[b-8zote6m0dp] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}

/*filter bar*/
.filter-bar[b-8zote6m0dp] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-8zote6m0dp] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-8zote6m0dp] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}
.button-primary .material-symbols-outlined[b-8zote6m0dp] {
    font-size: 22px;
    width: 9px;
    display: flex;
    justify-content: center;
}
.grid-icon:hover[b-8zote6m0dp], .list-icon:hover[b-8zote6m0dp] {
    cursor: pointer;
}

.create-wellbeing-btn-container[b-8zote6m0dp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/*grid & list containers*/
.cards-container-list[b-8zote6m0dp] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.cards-container-grid[b-8zote6m0dp] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-8zote6m0dp] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-8zote6m0dp] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .cards-container-grid[b-8zote6m0dp] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}
@media only screen and (max-width: 641px) {
    .cards-container-grid[b-8zote6m0dp] {
        display: flex;
        flex-direction: column;
    }


    .list-icon[b-8zote6m0dp], .grid-icon[b-8zote6m0dp] {
        display: none;
    }

    .filter-bar[b-8zote6m0dp] {
        display: flex;
        flex-direction: column;
    }

    .input-item[b-8zote6m0dp] {
        width: 100%;
    }

    .create-wellbeing-btn-container[b-8zote6m0dp] {
        margin: 20px 0;
    }
}
/* /Pages/Wellbeing/Answer/AnswerWellbeingDialog.razor.rz.scp.css */
.answer-wellbeing-dialog-container[b-fo48fmglbp] {
    Width: 323px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    position: relative;
    user-select: none;
}

.bi-x-lg:hover[b-fo48fmglbp] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-fo48fmglbp] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.heading[b-fo48fmglbp] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    margin-bottom:14px;
}


.content[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width:288px;
}

.outer-anonymous-container[b-fo48fmglbp] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 10px;
}

.anonymous-container[b-fo48fmglbp] {
    background-color: #E9EAEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 3px 10px;
    cursor: default;
    gap: 5px;

}


    .anonymous-container p[b-fo48fmglbp] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }

    .anonymous-container .material-symbols-outlined[b-fo48fmglbp] {
        font-size: 10px;
        font-weight: 500;
        color: rgba(36, 46, 56, 1);
        line-height: 150%
    }
.smiley-container[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.material-symbols-outlined[b-fo48fmglbp] {
    font-size: 50px;
}

.not-selected-sad[b-fo48fmglbp] {
    color: #757570;
}
.not-selected-mid[b-fo48fmglbp] {
    color: #757570;
}

.not-selected-happy[b-fo48fmglbp] {
    color: #757570;
}


.not-selected-sad:hover[b-fo48fmglbp] {
    color: var(--low-value-color);
    cursor: pointer;
    transform: scale(1.05);
}
.not-selected-mid:hover[b-fo48fmglbp] {
    color: var(--mid-value-color);
    cursor: pointer;
    transform: scale(1.05);
}
.not-selected-happy:hover[b-fo48fmglbp] {
    color: var(--high-value-color);
    cursor: pointer;
}

.selected-sad[b-fo48fmglbp] {
    color: var(--low-value-color);
    cursor: context-menu;
}
.selected-mid[b-fo48fmglbp] {
    color: var(--mid-value-color);
    cursor: context-menu;
}
.selected-happy[b-fo48fmglbp] {
    color: var(--high-value-color);
    cursor: context-menu;
}



textarea[b-fo48fmglbp] {
    height: 150px;
    width: 100%;
    outline: none;
    border: 1px solid #DADAD8;
    border-radius: 6px;
    padding: 10px;
    resize: none;
    cursor: text;
}

    textarea[b-fo48fmglbp]::placeholder {
        color: var(--font-color);
        font-size: 12px;
    }

.character-counter-container[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:10px;
}

    .character-counter-container p[b-fo48fmglbp] {
        color: #757570;
        font-size: 10px;
        font-weight: 300;
    }


/*nav btns*/
.nav-btns-container[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:20px;
    margin-top:28px;
}






/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .answer-wellbeing-dialog-container[b-fo48fmglbp] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

@media only screen and (max-width: 641px) {
    .answer-wellbeing-dialog-container[b-fo48fmglbp] {
        width: 100%;
        height: 100vh;
        border-radius: 0px;
        justify-content:flex-start;
    }
}
/* /Pages/Wellbeing/CompletedWellbeing/CompletedWellbeing.razor.rz.scp.css */
.completed-container[b-wz70lt4c8z] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height:70vh;
}

/*filter bar*/
.filter-bar[b-wz70lt4c8z] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.input-item[b-wz70lt4c8z] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-wz70lt4c8z] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}



.grid-icon:hover[b-wz70lt4c8z], .list-icon:hover[b-wz70lt4c8z] {
    cursor: pointer;
}

.create-enps-btn-container[b-wz70lt4c8z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*grid & list containers*/
.enps-cards-container-list[b-wz70lt4c8z] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.enps-cards-container-grid[b-wz70lt4c8z] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-wz70lt4c8z] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-wz70lt4c8z] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .enps-cards-container-grid[b-wz70lt4c8z] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}
@media only screen and (max-width: 641px) {
    .enps-cards-container-grid[b-wz70lt4c8z] {
        display: flex;
        flex-direction: column;
    }


    .list-icon[b-wz70lt4c8z], .grid-icon[b-wz70lt4c8z] {
        display: none;
    }

    .filter-bar[b-wz70lt4c8z] {
        display: flex;
        flex-direction: column;
    }

    .input-item[b-wz70lt4c8z] {
        width: 100%;
    }

    .create-wellbeing-btn-container[b-wz70lt4c8z] {
        margin: 20px 0;
    }
}
/* /Pages/Wellbeing/Components/WellbeingCardComponent.razor.rz.scp.css */


.card-grid .card-name[b-91lvgoh4q8] {
    font-weight: 500;
    padding-top: 20px;
}

.card-grid .card-text[b-91lvgoh4q8] {
    font-weight: 300;
    padding-top: 15px;
}

.card-grid[b-91lvgoh4q8] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
    transition: ease-in-out .3s;
}
    .card-grid:hover[b-91lvgoh4q8] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
    }
.card-grid-text-container[b-91lvgoh4q8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: max-content;
}

    .card-grid-text-container p[b-91lvgoh4q8] {
        font-weight: 300;
    }


.card-grid-name[b-91lvgoh4q8] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 10px;
}

.card-list[b-91lvgoh4q8] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    transition: ease-in-out .3s;
}
    .card-list:hover[b-91lvgoh4q8] {
        box-shadow: var(--box-shadow);
    }
.card-list-text-container[b-91lvgoh4q8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    height: 100%;
    width: max-content;
}

    .card-list-text-container p[b-91lvgoh4q8] {
        font-weight: 300;
    }

.card-list-info-container[b-91lvgoh4q8] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-91lvgoh4q8] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}

.card-list:hover[b-91lvgoh4q8] {
    cursor: pointer;
}

.card-list .card-name[b-91lvgoh4q8] {
    font-weight: 500;
}

.team-container-grid[b-91lvgoh4q8] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.team-container-list[b-91lvgoh4q8] {
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 5px;
}

.top-corner-info-container[b-91lvgoh4q8] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-91lvgoh4q8], .number-of-users-container[b-91lvgoh4q8] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-91lvgoh4q8] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 16px;
}

    .number-of-questions p[b-91lvgoh4q8] {
        font-size: 10px;
        font-weight: 600;
    }


    /*Active element
*/.active-element[b-91lvgoh4q8] {
    background-color: var(--high-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .active-element:hover .active-round-popup[b-91lvgoh4q8] {
        display: flex;
    }

.active-round-popup[b-91lvgoh4q8] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 3px 10px;
    width: max-content;
    height: 25px;
}

    .active-round-popup p[b-91lvgoh4q8] {
        font-size: 12px;
    }



/*Scheduled element*/

.scheduled-element[b-91lvgoh4q8] {
    background-color: var(--mid-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

    .scheduled-element:hover .scheduled-round-popup[b-91lvgoh4q8] {
        display: flex;
    }

.scheduled-round-popup[b-91lvgoh4q8] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: -25px;
    right: 8px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 3px 10px;
}

    .scheduled-round-popup p[b-91lvgoh4q8] {
        font-size: 12px;
    }


.icon-container[b-91lvgoh4q8] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

    .icon-container span[b-91lvgoh4q8] {
        color: var(--icon-color) !important;
        font-size:28px;
    }


.number-of-teams-container:hover .team-names-popup[b-91lvgoh4q8] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-91lvgoh4q8] {
    display: flex;
}

.team-names-popup[b-91lvgoh4q8], .user-names-popup[b-91lvgoh4q8] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    max-height: 300px;
    overflow: auto;
    width: max-content;
}

.date-text[b-91lvgoh4q8] {
    position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 10px;
}

.popup-heading[b-91lvgoh4q8] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}


.popup-list-item[b-91lvgoh4q8] {
    color: black;
    font-size: 12px;
}
/* /Pages/Wellbeing/Create/Components/NewWellbeingCreatedDialog.razor.rz.scp.css */
.new-pulse-created-dialog-container[b-pwvmfx2ull] {
    display: flex;
    align-items: center;
    background-color: white;
    width: 662px;
    height: 307px;
    position: relative;
    flex-direction: row;
}


.bi-x-lg:hover[b-pwvmfx2ull] {
    background-color: var(--hover-color);
}

span[b-pwvmfx2ull] {
    font-weight: 500;
}

.img-container[b-pwvmfx2ull] {
    height: 100%;
    width: 50%;
}

    .img-container img[b-pwvmfx2ull] {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.text-content[b-pwvmfx2ull] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
}

h1[b-pwvmfx2ull] {
    font-size: 24px;
    padding-top: 60px;
    padding-bottom: 15px;
    font-weight: 600;
}

.bi-x-lg[b-pwvmfx2ull] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.good-job-text[b-pwvmfx2ull] {
    font-weight: 500;
    padding-bottom: 10px;
}

.next-pulse-round-text[b-pwvmfx2ull] {
    font-weight: 300;
    font-size: 14px;
}

.btn-container[b-pwvmfx2ull] {
    margin-top: 20px;
}
/*Om skärmen är större än 641*/
@media only screen and (min-width: 641px) {

    .new-pulse-created-dialog-container[b-pwvmfx2ull] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /Pages/Wellbeing/Create/Components/WellbeingSummaryComponent.razor.rz.scp.css */
.summary-container[b-z8tg3k2an1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom:20px;
}
.summary[b-z8tg3k2an1] {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding:17px;
    border-radius:6px;
}

.summary-heading-container[b-z8tg3k2an1] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.summary-heading[b-z8tg3k2an1] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.summary-item[b-z8tg3k2an1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}

.summary-item:last-child[b-z8tg3k2an1] {
border:none;
}
.summary-iteam-heading[b-z8tg3k2an1]{
    font-weight:500;
    margin-bottom:5px;
}
.summary-text[b-z8tg3k2an1]{
    display:flex;
    align-items:center;
    gap:30px;

}
.summary-label[b-z8tg3k2an1] {
    font-weight: 300;
    width: 139px;
}
.summary-info[b-z8tg3k2an1] {
    display: flex;
    flex: 1;
    font-weight:300;
}

.summary-list[b-z8tg3k2an1] {
    display:flex;
    flex-direction:column;
    text-align:left;
    flex:1;
    gap:5px;
}
    ul p[b-z8tg3k2an1] {
        font-weight: 300;
    }
.change-days-to-answer-btn[b-z8tg3k2an1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}



/*team icons*/
.team-icons-container[b-z8tg3k2an1] {
    display: flex;
    width: max-content;
    position: relative;
}



    .team-icons-container:hover .team-tooltip[b-z8tg3k2an1] {
        display: flex;
    }

.outer-border-container[b-z8tg3k2an1] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

.team-letter-container[b-z8tg3k2an1] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-z8tg3k2an1] {
    font-size: 12px;
    cursor: default;
    font-weight: 500;
}


.team-name[b-z8tg3k2an1] {
    font-weight: 500;
}


.team-tooltip[b-z8tg3k2an1] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .team-tooltip p[b-z8tg3k2an1] {
        font-size: 12px;
    }

/*   User icons*/

.user-icons-container[b-z8tg3k2an1] {
    display: flex;
    width: max-content;
    position: relative;
}



    .user-icons-container:hover .user-tooltip[b-z8tg3k2an1] {
        display: flex;
    }

.outer-border-container[b-z8tg3k2an1] {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    background-color: white;
}

    .outer-border-container:first-child[b-z8tg3k2an1] {
        margin-left: 0;
    }

.user-letter-container[b-z8tg3k2an1], .profile-img-container[b-z8tg3k2an1] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-container img[b-z8tg3k2an1] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }


    .user-letter-container p[b-z8tg3k2an1] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
        cursor: default;
    }


.user-tooltip[b-z8tg3k2an1] {
    display: none;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    z-index: 99;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
    cursor: default;
    top: 37px;
    right: 0px;
    box-shadow: var(--box-shadow);
    width: max-content;
}


    .user-tooltip p[b-z8tg3k2an1] {
        font-size: 12px;
    }


/*Om skärmen är större än */
@media only screen and (min-width: 2000px) {
    .summary[b-z8tg3k2an1] {
    display: flex;
    flex-direction: column;
    padding: 17px;

}
    .summary-container[b-z8tg3k2an1] {
        display: flex;
        flex-direction: column;
    }

    .summary-text[b-z8tg3k2an1] {
 
        gap: 150px;
    }
}
/* /Pages/Wellbeing/Create/CreateWellbeing.razor.rz.scp.css */
.create-enps-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-enps-content[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.back-btn-container[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-f9jipgq9or] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-f9jipgq9or] {
        color: var(--font-color);
        font-size: 16px;
    }

.heading-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.create-enps-heading-container[b-f9jipgq9or] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    margin-bottom: 16px;
}



h1[b-f9jipgq9or] {
    padding-left: 5px;
}

.completed-element[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #33475B;
    padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}

.active-element[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--high-value-color);
    padding: 0 13px;
    height: 16px;
    border-radius: 9px;
}


    .active-element p[b-f9jipgq9or], .completed-element p[b-f9jipgq9or] {
        font-size: 10px;
        font-weight: 600;
        color: white;
    }


/*main content*/
.main-content[b-f9jipgq9or] {
    position: relative;
    width: 70%;
    display: flex;
    flex-direction: column;
    min-width:830px;
}

.right-sidebar[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    width: 30%;
}
/*Reciver & settings*/
.receiver-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.receiver-heading[b-f9jipgq9or] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.reciver-settings-container[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    gap: 19px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 17px;
}

.input-item[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

    .input-item label[b-f9jipgq9or] {
        margin: 0;
    }

.input-group[b-f9jipgq9or] {
    display: flex;
    gap: 24px;
}

.owner-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 28px;
}

.owner-element[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
}

.owner-info-text[b-f9jipgq9or] {
    width: 660px;
}
    .owner-element .input-item[b-f9jipgq9or] {
        width: 30%;
        margin-bottom:10px;
    }

.owner-heading[b-f9jipgq9or], .history-heading[b-f9jipgq9or] {
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.owner-text[b-f9jipgq9or] {
    font-weight: 500;
    position: relative;
    width: max-content;
}

.tooltip-container[b-f9jipgq9or] {
    position: absolute;
    top: -2px;
    right: -20px;
}

.schedule-pulse[b-f9jipgq9or], .send-pulse[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}

.dropdown-row[b-f9jipgq9or] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dropdown-row p[b-f9jipgq9or] {
        font-size: 14px;
        text-align: center;
    }


.profile-img-container[b-f9jipgq9or] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-f9jipgq9or] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-f9jipgq9or] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.profile-img-container img[b-f9jipgq9or] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
}

/*profilePicture*/
.dropdown-row-profile-img[b-f9jipgq9or] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}

.recurring-element[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 49%;
}

.recurring-heading[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .recurring-heading p[b-f9jipgq9or] {
        font-weight: 500;
    }

/*Summary*/
.summary-heading-container[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.summary-heading[b-f9jipgq9or] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

/*eNPs history*/

.history-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    margin-top: 30px;
}

.history-element[b-f9jipgq9or] {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
    border-radius: 6px;
}

.enps-history-dropdown-bar[b-f9jipgq9or] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 18px;
}

.enps-hisory-dropdown-bar:hover[b-f9jipgq9or] {
    cursor: pointer;
}


.enps-history-container[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    padding: 18px;
}

.enps-history-dropdown-container[b-f9jipgq9or] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.enps-history-dropdown-heading-container[b-f9jipgq9or] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enps-history-dropdown-heading[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    position: relative;
}


    .enps-history-dropdown-heading p[b-f9jipgq9or] {
        font-weight: 500;
    }


.enps-history-list[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 20px;
    cursor: auto;
}

.enps-history-item[b-f9jipgq9or] {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 3px;
    overflow: hidden;
    cursor: auto;
}

.enps-history-item-section[b-f9jipgq9or] {
    min-width: 125px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .enps-history-item-section p[b-f9jipgq9or] {
        font-size: 12px;
    }

.active-mark[b-f9jipgq9or] {
    height: 100%;
    width: 8px;
    background-color: var(--high-value-color);
    margin-right: 5px;
}

.inactive-mark[b-f9jipgq9or] {
    height: 100%;
    width: 8px;
    background-color: var(--inactive-color);
    margin-right: 5px;
}


/*Extend enps*/
.extend-enps-heading-container[b-f9jipgq9or] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 10px;
}

.extend-enps-heading[b-f9jipgq9or] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 18px;
    color: black;
}

.active-enps-mark[b-f9jipgq9or] {
    background-color: var(--high-value-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.extend-enps-container[b-f9jipgq9or] {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
}

/*Btns*/
.btns-container[b-f9jipgq9or] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 28px;
    position: relative;
}

.draft[b-f9jipgq9or], .cancel[b-f9jipgq9or] {
    font-size: 12px;
    font-weight: 500;
}

    .draft:hover[b-f9jipgq9or] {
        cursor: pointer;
    }

.btn-group[b-f9jipgq9or] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position: relative;
}



@media only screen and (max-width: 641px) {


    .input-item[b-f9jipgq9or] {
        width: 100%;
    }

    .inputs[b-f9jipgq9or] {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .enps-summary-border-container[b-f9jipgq9or] {
        border: none;
        padding: 10px;
    }

    .schedule-container[b-f9jipgq9or] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top: none;
        margin-top: 30px;
        padding-top: 30px;
    }

    .settings-contiainer[b-f9jipgq9or] {
        width: 100%;
    }

    .select-name-input-item[b-f9jipgq9or], .select-owner-input-item[b-f9jipgq9or], .input-item[b-f9jipgq9or] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .select-owner-text[b-f9jipgq9or] {
        width: 100%;
    }

    .enps-settings-container[b-f9jipgq9or] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .enps-summary[b-f9jipgq9or] {
        width: 100%;
    }

    .team-individual-container[b-f9jipgq9or] {
        flex-direction: column;
    }

    .summary-item > div p:last-child[b-f9jipgq9or] {
        width: 150px;
    }

    .summary-item > div ul:last-child[b-f9jipgq9or] {
        width: 150px;
    }
}

@media only screen and (min-width: 2000px) {

    .create-enps-container[b-f9jipgq9or] {
        width: 1700px;
    }
}
@media only screen and (max-width: 641px) {
    .create-enps-container[b-f9jipgq9or] {
        flex-direction: column;
    }

    .main-content[b-f9jipgq9or] {
        width: 100%;
    }

    .right-sidebar[b-f9jipgq9or] {
        display: none;
    }

    .heading-container[b-f9jipgq9or] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .btns-container[b-f9jipgq9or], .btn-group[b-f9jipgq9or] {
        flex-direction: column;
        gap: 15px;
    }
}
/* /Pages/Wellbeing/DraftWellbeing/Components/WellbeingDraftCardComponent.razor.rz.scp.css */

.card-grid .card-name[b-emzscskv1o] {
    font-weight: 500;
    padding-top: 20px;
}

.card-grid .card-text[b-emzscskv1o] {
    font-weight: 300;
    padding-top: 15px;
}

.card-grid[b-emzscskv1o] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 6px;
    background-color: white;
    padding: 15px;
    position: relative;
    transition: ease-in-out .3s;
}

    .card-grid:hover[b-emzscskv1o] {
        cursor: pointer;
        box-shadow: var(--box-shadow);
    }

.card-grid-text-container[b-emzscskv1o] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width:max-content;
}

    .card-grid-text-container p[b-emzscskv1o] {
        font-weight: 300;
    }


.card-grid-name[b-emzscskv1o] {
    margin-bottom: 5px;
    font-weight: 500;
    padding-top: 10px;
}

.card-list[b-emzscskv1o] {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    transition: ease-in-out .3s;
}

    .card-list:hover[b-emzscskv1o] {
        box-shadow: var(--box-shadow);
    }

.card-list-text-container[b-emzscskv1o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    height: 100%;
    width: max-content;
}

    .card-list-text-container p[b-emzscskv1o] {
        font-weight: 300;
    }

.card-list-info-container[b-emzscskv1o] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 21px;
}

.devider[b-emzscskv1o] {
    display: flex;
    align-items: center;
    height: 70%;
    width: 1px;
    background-color: #979797;
}

.card-list:hover[b-emzscskv1o] {
    cursor: pointer;
}

.card-list .card-name[b-emzscskv1o] {
    font-weight: 500;
}

.team-container-grid[b-emzscskv1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.team-container-list[b-emzscskv1o] {
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 5px;
}

.top-corner-info-container[b-emzscskv1o] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.number-of-teams-container[b-emzscskv1o], .number-of-users-container[b-emzscskv1o] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.number-of-questions[b-emzscskv1o] {
    background-color: #E9EAEA;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 16px;
}

    .number-of-questions p[b-emzscskv1o] {
        font-size: 10px;
        font-weight: 600;
    }

.active-element-grid[b-emzscskv1o] {
    background-color: var(--high-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
}

.active-element-list[b-emzscskv1o] {
    background-color: var(--high-value-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
}

    .active-element-grid:hover .active-round-popup[b-emzscskv1o], .active-element-list:hover .active-round-popup[b-emzscskv1o] {
        display: flex;
    }

.active-round-popup[b-emzscskv1o] {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    top: 15px;
    right: 10px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    width: 107px;
    height: 25px;
}

    .active-round-popup p[b-emzscskv1o] {
        font-size: 12px;
    }




.number-of-teams-container:hover .team-names-popup[b-emzscskv1o] {
    display: flex;
}

.number-of-users-container:hover .user-names-popup[b-emzscskv1o] {
    display: flex;
}

.team-names-popup[b-emzscskv1o], .user-names-popup[b-emzscskv1o] {
    display: none;
    flex-direction: column;
    gap: 3px;
    background-color: white;
    padding: 10px 16px;
    position: absolute;
    border-radius: 6px;
    top: 17px;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    min-width: 100px;
    width:max-content;
}

.date-text[b-emzscskv1o] {
    position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 10px;
}

.popup-heading[b-emzscskv1o] {
    font-size: 12px;
    font-weight: 500 !important;
    width: max-content;
}

.popup-list-item[b-emzscskv1o] {
    color: black;
    font-size: 11px;
}

.delete-icon[b-emzscskv1o] {
    font-size: 20px;
}

    .delete-icon:hover[b-emzscskv1o] {
        color: #A2A2A2;
    }

.icon-container[b-emzscskv1o] {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}
/* /Pages/Wellbeing/DraftWellbeing/DraftWellbeing.razor.rz.scp.css */
.draft-pulse-container[b-mu8rzlfhpb] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
}



/*filter bar*/
.filter-bar[b-mu8rzlfhpb] {
    display: flex;
    align-items: center;
    gap: 13px;

}

.input-item[b-mu8rzlfhpb] {
    position: relative;
    display: flex;
    flex: 1;
    height: 38px;
}

.search-icon[b-mu8rzlfhpb] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 6px;
}

.create-enps-btn-container[b-mu8rzlfhpb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.grid-icon:hover[b-mu8rzlfhpb], .list-icon:hover[b-mu8rzlfhpb] {
    cursor: pointer;
}


/*grid & list containers*/
.pulse-cards-container-list[b-mu8rzlfhpb] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.pulse-cards-container-grid[b-mu8rzlfhpb] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.placeholder-container[b-mu8rzlfhpb] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh;
    gap: 10px;
}

    .placeholder-container p[b-mu8rzlfhpb] {
        font-weight: 500;
    }

@media only screen and (min-width: 1681px) {

    .pulse-cards-container-grid[b-mu8rzlfhpb] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

}
@media only screen and (max-width: 641px) {
    .pulse-cards-container-grid[b-mu8rzlfhpb] {
        display: flex;
        flex-direction: column;
    }


    .list-icon[b-mu8rzlfhpb], .grid-icon[b-mu8rzlfhpb] {
        display: none;
    }

    .filter-bar[b-mu8rzlfhpb] {
        display: flex;
        flex-direction: column;
    }

    .input-item[b-mu8rzlfhpb] {
        width: 100%;
    }

    .create-wellbeing-btn-container[b-mu8rzlfhpb] {
        margin: 20px 0;
    }
}
/* /Pages/Wellbeing/IndividualResult/IndividualResultPage/WellbeingIndividualResultPage.razor.rz.scp.css */
.page-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.loader-container[b-rad4islo84] {
    position: fixed;
    top: 50%;
    left: 50%;
}

.dropdowns-container[b-rad4islo84] {
}

.back-btn-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-rad4islo84] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-rad4islo84] {
        color: var(--font-color);
        font-size: 16px;
    }

.outer-heading-container[b-rad4islo84] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
}
.outer-heading-container img[b-rad4islo84] {
    width: 15px;
    height: 15px;
}
.heading-container[b-rad4islo84] {
    position: relative;
    width: max-content;
}

.tooltip-container[b-rad4islo84] {
    position: absolute;
    top: 2px;
    right: -20px;
}

select[b-rad4islo84] {
    width: 241px !important;
}

.content-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    gap: 30px;
}

.main-content-container[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 30px;
}

/*cards*/
.overview-cards-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.overview-card[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 20px;
    height: 130px;
    border-radius: 6px;
    background-color: white;
    padding: 0 20px;
    position: relative;
    cursor: default;
}

    .overview-card img[b-rad4islo84] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
     width:15px;
     height:15px;
    }

.overview-card-hover-effect:hover[b-rad4islo84] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.overview-card h3[b-rad4islo84] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    padding: 5px 0;
}

.placeholder-container[b-rad4islo84] {
    height: 245px;
}

.placeholder-text[b-rad4islo84] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.answer-rate-icon[b-rad4islo84] {
    position: absolute;
    top: 11px;
    left: 11px;
    color: var(--icon-color);
    height: 18px;
    width: 20px;
}

.amount-number[b-rad4islo84] {
    font-size: 20px;
    font-weight: 700;
}

.card-text[b-rad4islo84] {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.card-info[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 100%;
}
/*Chart*/

.chart-container[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.chart[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding:  16px;
    position: relative;
    height: 302px;
}

.chart-heading-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-rad4islo84] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}


.chart-smiley-container[b-rad4islo84] {
    position: absolute;
    left: 12px;
    top: 0px;
    height: 84%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}
    .chart-smiley-container .happy[b-rad4islo84] {
        position: relative;
        top: 13px;
        right: 5px;
        width: 30px;
        height: 30px;
        background-color: white;
    }

    .chart-smiley-container .mid[b-rad4islo84] {
        position: relative;
        right: 5px;
        top: 10px;
        height: 30px;
        background-color: white;
    }

    .chart-smiley-container .sad[b-rad4islo84] {
        position: relative;
        right: 6px;
        top: 5px;
        width: 30px;
        height: 30px;
        background-color: white;
    }





.category-heading[b-rad4islo84] {
    font-size: 20px;
    font-weight: 600;
}

.line-chart-placeholder[b-rad4islo84] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*Comments*/
.comments-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-element[b-rad4islo84]{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.comment-heading[b-rad4islo84] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.comments-cards-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comment-card[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 15px 20px;
    user-select: none;
}

.comment-top-container[b-rad4islo84] {
    display: flex;
    align-items: center;
justify-content:space-between;
}
.comment-user-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
.comment-user[b-rad4islo84]{
    display: flex;
    flex-direction: column;
}
.comment-username[b-rad4islo84] {
    font-size: 14px;
    font-weight: 500;
}
.comment-jobtitle[b-rad4islo84] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}
.devider[b-rad4islo84] {
    height: 15px;
    width: 2px;
    background-color: #C1C1BE;
}


.category[b-rad4islo84] {
    font-weight: 500;
}

.question[b-rad4islo84] {
    font-size: 13px;
}

.comment-text-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 70%;
    margin: 14px 0;
    height: 45px;
    padding-left:3px;
}

.add-comment-date-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.no-comment-placeholder[b-rad4islo84] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-rad4islo84] {
    width: 30px;
    height: 30px;
}

.like[b-rad4islo84] {
    font-size: 15px;
    cursor: pointer;
    margin-bottom:2px;
}


.action-item .comment-icon[b-rad4islo84] {
    font-size: 15px;
    transform: scaleX(-1);
    margin-bottom: 2px;
    width: 17px;
    display: flex;
    justify-content: flex-end;
}
.comment-action-bar-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}
.action-item[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}
.action-item:hover[b-rad4islo84] {
background-color:var(--hover-color);

}

    .action-item img[b-rad4islo84]{
        height:20px;
        font-size:20px;
    }
.action-item-text[b-rad4islo84] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;

}
.number-of-likes[b-rad4islo84] {
    font-size: 12px;
    font-weight: 500;
    user-select:none;
    height:17px;
}
.comment-action-bar[b-rad4islo84]{
    display:flex;
    align-items:center;
    gap:7px;
}
.comment-action-bar img[b-rad4islo84] {
    width: 15px;
    height: 15px;
}

.pre-written-comments-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-rad4islo84] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size:12px;
}
.new-comment-container[b-rad4islo84] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-comment-container input[b-rad4islo84] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}
textarea[b-rad4islo84]::placeholder {
    font-size:12px;
}
.bi-person-circle[b-rad4islo84] {
    font-size: 33px;
    color: var(--inactive-color);
}

    .comment-date[b-rad4islo84] {
        font-family: Poppins;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        color: #C1C1BE;
  
    }

.profile-img-container[b-rad4islo84] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-rad4islo84] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-rad4islo84] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-rad4islo84] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }


.number-of-comments-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    gap:5px;
}
    .number-of-comments[b-rad4islo84]  {
  
        font-size:13px;
    }
        .number-of-comments:hover[b-rad4islo84]{
            text-decoration:underline;
        }
        .feedback-comment[b-rad4islo84] {
            display: flex;
            flex-direction: column;
            background-color: none;
            border-radius: 6px;
            padding: 15px 25px;
            gap: 15px;
        }
.feedback-comment-top-container[b-rad4islo84]{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.feedback-comment-user-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
.feedback-comment-content-container[b-rad4islo84]{

    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-content:space-between;
}
    .feedback-comment-content-container input[b-rad4islo84] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }
    .text-comment[b-rad4islo84] {
        min-height: 30px;
    }
.time-since-created[b-rad4islo84] {
    display: flex;
    justify-content: flex-end;
    align-items:center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}
.response-comment-profile-img-container[b-rad4islo84] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-rad4islo84] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-rad4islo84] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-rad4islo84] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }
.feedback-comment-like-container[b-rad4islo84]{
    display:flex;
    width:100%;
    justify-content:space-between;
    margin-top:10px;
}


.feedback-comment-like[b-rad4islo84] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width:20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}
.feedback-comments-container[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.feedback-comment-actions-container[b-rad4islo84]{
    display:flex;
    align-items:center;
    gap:5px;
}
.feedback-comment-action-item[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding:5px;
    position:relative;
}
.feedback-comment-action-item:hover[b-rad4islo84] {
background-color:var(--hover-color);
}
    .feedback-comment-action-item:hover .like-tooltip[b-rad4islo84]{
        display:flex;
    }
.like-tooltip[b-rad4islo84] {
    position: absolute;
    top: 23px;
    left: 17px;
    border-radius: 6px;
    width:max-content;
    padding: 10px 15px;
    background-color: white;
    display: none;
    flex-direction: column;
    box-shadow: var(--box-shadow);
    z-index:100;
}
.like-tooltip p[b-rad4islo84]{
font-size:12px;
}

.devider-dot[b-rad4islo84] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}

.number-of-likes-main-comment-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
    border-radius: 6px;
    position:relative;
    cursor:default;
    gap:5px;
}
    .number-of-likes-main-comment-container:hover .like-tooltip[b-rad4islo84]{
        display:flex;
    }
    .number-of-likes-icon[b-rad4islo84] {
        font-size: 15px;
        color: var(--like-color);
        width: 19px;
    }
.edit-btn[b-rad4islo84] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}
.edit-btn:hover[b-rad4islo84] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.edit-popup[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-rad4islo84] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup img[b-rad4islo84] {
        width: 20px;
        height: 20px;
    }



    .edit-popup p:hover[b-rad4islo84] {
        cursor: pointer;
        background-color: var(--hover-color);
    }




/*wellbeing*/
.tooltip-container[b-rad4islo84] {
    position: absolute;
    top: 0px;
    right: -25px;
}


.welbeing-container[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 239px;
    min-width: 239px;
}

.wellbeing-component-heading-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:10px;
}

.wellbeing-heading-container[b-rad4islo84] {
    position: relative;
    width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
}

.wellbeing-heading[b-rad4islo84] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black
}



.wellbeing-cards-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wellbeing-card[b-rad4islo84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 24px;
    border-radius: 6px;
    background-color: white;
    cursor: default;
}

    .wellbeing-card .sad[b-rad4islo84] {
        width: 20px;
    }

    .wellbeing-card .mid[b-rad4islo84] {
        width: 20px;
    }

    .wellbeing-card .happy[b-rad4islo84] {
        width: 20px;
    }

.wellbeing-card-icons-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 15px;
    position:relative
}
.wellbeing-card .comment-icon[b-rad4islo84] {
    position: relative;
    top: 1px;
    width: 15px;
    height: 15px;
}


.wellbeing-card-icons-container:hover .wellbeing-comment-tooltip[b-rad4islo84] {
    display: flex;
}

.wellbeing-comment-tooltip[b-rad4islo84] {
    position: absolute;
    top: 24px;
    right: 0px;
    box-shadow: var(--box-shadow);
    padding: 13px 20px;
    min-width: 50px;
    background-color: white;
    border-radius: 6px;
    display: none;
    z-index: 100;
    max-width: 200px;
    width: max-content;
    white-space: pre-wrap;
    word-break: break-word;
}

.wellbeing-card-date[b-rad4islo84] {
    color: #979797;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
}
.close-on-click-outside-container[b-rad4islo84] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width: 641px) {

    .heading-timespan-container[b-rad4islo84] {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .dropdowns-container[b-rad4islo84] {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        top: auto;
        right: auto;
    }

    .overview-cards-container[b-rad4islo84] {
        flex-direction: column;
    }

    .overview-card[b-rad4islo84] {
        height: 120px;
        flex: auto;
    }

    .wellbeing-comment-tooltip[b-rad4islo84] {
        left: 0;
        width: 250px;
        white-space: break-spaces;
        z-index: 100;
    }

    .page-container[b-rad4islo84] {
        flex-direction: column;
    }

    .content-container[b-rad4islo84] {
        margin-top: 20px;
        flex-direction: column;
    }

    .welbeing-container[b-rad4islo84] {
        width: 100%;
    }

    .chart-container[b-rad4islo84] {
        margin-top: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .chart[b-rad4islo84] {
        width: 700px;
    }
}
/* /Pages/Wellbeing/IndividualResult/WellbeingIndividualResult.razor.rz.scp.css */
.page-container[b-2p3eeac057] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 70vh;
}
.outer-heading-container[b-2p3eeac057] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
}

    .outer-heading-container img[b-2p3eeac057] {
        width: 15px;
        height: 15px;
    }
.heading-container[b-2p3eeac057] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}


.tooltip-container[b-2p3eeac057] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.content-container[b-2p3eeac057] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}


.table-container[b-2p3eeac057] {
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 0px 0 35px 0;
}

.number-of-results[b-2p3eeac057] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom:7px;
    padding-left:5px;
}

.table-row[b-2p3eeac057] {
    display: flex; /* Align columns horizontally within a row */
    width: 100%;
    gap: 20px; /* Add spacing between columns */
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    padding: 0px 20px;
}

    .table-row:hover[b-2p3eeac057] {
        background-color: var(--hover-color);
    }

.table-container .table-row:first-child:hover[b-2p3eeac057] {
    background-color: white;
    cursor: default;
}

.table-heading-container[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 45px;
}

.table-heading-sort-icon-container[b-2p3eeac057] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.table-heading[b-2p3eeac057] {
    font-size: 15px;
    font-weight: 500;
}


.table-container .material-symbols-outlined[b-2p3eeac057] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}


.table-column[b-2p3eeac057] {
    flex: 1; /* Ensures all columns take equal space */
    flex-basis: 150px; /* Default column width */
    min-width: 120px; /* Prevents columns from becoming too small */
    max-width: none; /* Allows them to grow on larger screens */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.table-item[b-2p3eeac057] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncate text with "..." if too long */
}

.tooltip-table-item[b-2p3eeac057] {
    overflow: visible;
}

.select-column[b-2p3eeac057] {
    width: 20px;
    flex: none;
    max-width: 20px;
    min-width: 20px;
}

.owner-name[b-2p3eeac057] {
    margin-left: 10px;
}

.member-container[b-2p3eeac057] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .member-container:hover .member-tooltip-element[b-2p3eeac057] {
        display: flex;
    }

.member-tooltip-container[b-2p3eeac057] {
    position: relative;
    height: 100%;
}

.member-tooltip-element[b-2p3eeac057] {
    position: absolute;
    top: 0;
    left: 5px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

    .member-tooltip-element p:hover[b-2p3eeac057] {
        text-decoration: underline;
    }

.profile-img-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.profile-img-placeholder[b-2p3eeac057] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-2p3eeac057] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

img[b-2p3eeac057] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover;
}


/*Team*/

.team-list-item-container[b-2p3eeac057] {
    position: relative;
    display: flex;
    overflow: visible;
    width: max-content;
}

    .team-list-item-container:hover .team-hover-container[b-2p3eeac057] {
        display: flex;
    }

.team-list-item[b-2p3eeac057] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

.memeber-icons[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.letter-border-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-2p3eeac057] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-2p3eeac057] {
    font-size: 14px;
}

.team-hover-container[b-2p3eeac057] {
    position: absolute;
    top: 30px;
    right: -23px;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
}

.member-in-team:hover p[b-2p3eeac057] {
    cursor: pointer;
    text-decoration: underline;
}

.member-in-team span[b-2p3eeac057] {
    font-size: 15px;
    color: var(--secondary-color);
}

.team-letter-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smiley[b-2p3eeac057] {
}
/*Paginator*/
.pagination[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-top: 20px;
    justify-content: flex-end;
}

    .pagination span[b-2p3eeac057] {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
    }

    .pagination .material-symbols-outlined[b-2p3eeac057] {
        font-size: 18px;
        cursor: pointer;
    }

.page-number[b-2p3eeac057] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background-color: #D7DBDE;
    cursor: pointer;
    border-radius: 3px;
}

    .page-number:hover[b-2p3eeac057] {
        background-color: #e7e7e7;
    }

    .page-number.current-page[b-2p3eeac057] {
        background-color: var(--dark-primary-color);
        color: white;
    }

.page-info[b-2p3eeac057] {
    font-size: 14px;
    width: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
}


/*office*/

.letter-border-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.team-office-container[b-2p3eeac057] {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    position: relative;
}

.letter-container[b-2p3eeac057] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.letter[b-2p3eeac057] {
    font-size: 14px;
}

.no-office-placeholder[b-2p3eeac057] {
    padding-left: 12px;
}

.office-tooltip-element[b-2p3eeac057] {
    position: absolute;
    top: 30px;
    left: 0px;
    flex-direction: column;
    width: max-content;
    gap: 10px;
    padding: 20px;
    display: none;
    background-color: white;
    border-radius: 6px;
    z-index: 900;
    box-shadow: var(--box-shadow);
    cursor: default;
}

.office-name[b-2p3eeac057] {
    cursor: default;
}

.team-office-container:hover .office-tooltip-element[b-2p3eeac057] {
    display: flex;
}

.close-on-click-outside-container[b-2p3eeac057] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}
/* /Pages/Wellbeing/Overview/Components/WellbeingChartComponent.razor.rz.scp.css */
.chart-container[b-6x1wymhah2] {
    position: relative;
    margin-top: 26px;
}

.chart[b-6x1wymhah2] {
    position: relative;
margin-top:20px;
}

.heading-container[b-6x1wymhah2] {
    display: flex;
    position: relative;
    width: max-content;
}

.chart-heading[b-6x1wymhah2] {
    color: black;
    font-weight: 500;
    padding-bottom: 10px;
}

    .chart-heading p[b-6x1wymhah2] {
        font-weight: 500;
    }

.tooltip-container[b-6x1wymhah2] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.all-results-element[b-6x1wymhah2] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;
    transition: ease-in-out .3s;
    position: absolute;
    bottom: -15px;
}

    .all-results-element:hover[b-6x1wymhah2] {
        box-shadow: var(--box-shadow);
        cursor: pointer;
    }

    .all-results-element p[b-6x1wymhah2] {
        font-weight: 500;
    }

.column-chart-btn[b-6x1wymhah2] {
    bottom: -18px;
}

.line-chart-btn[b-6x1wymhah2] {
    bottom: -42px;
}


.custom-chart-tooltip[b-6x1wymhah2] {
    display: flex;
    flex-direction: column;
}

    .custom-chart-tooltip span[b-6x1wymhah2] {
    }

.chart-placeholder-text[b-6x1wymhah2] {
    position: absolute;
    top: 30px;
}

.wellbeing-result-placeholder[b-6x1wymhah2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .wellbeing-result-placeholder img[b-6x1wymhah2] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }
/* /Pages/Wellbeing/Overview/Components/WellbeingHeroComponent.razor.rz.scp.css */

.hero[b-i9nunkh6fk] {
    display: flex;
    width: 100%;
    height: 190px;
    border-radius: 6px;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    padding: 31px;
    margin-bottom: 18px;
}


.hero-text-container[b-i9nunkh6fk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-width: 400px;
}


.hero-btn-container[b-i9nunkh6fk] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-icon-container[b-i9nunkh6fk] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}

span[b-i9nunkh6fk] {
    color: var(--icon-color);
    font-size: 60px;
}

@media only screen and (max-width: 641px) {
    .hero[b-i9nunkh6fk] {
        display: none;
    }
}
/* /Pages/Wellbeing/Overview/WellbeingOverview.razor.rz.scp.css */

.wellbeing-overview-container[b-utp9904kfh] {
    display: flex;
    gap: 3%;
    justify-content: center;
    width: 100%;
    height: 100%
}



h1[b-utp9904kfh] {
    padding-left: 5px;
}
/*main content*/
.main-content[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.main-content-heading-container[b-utp9904kfh] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 13px;
}



.tooltip-container[b-utp9904kfh] {
    position: absolute;
    top: 0px;
    right: -25px;
}
/*Tabs*/
.tabs-container[b-utp9904kfh] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
    height: 30px;
}

    .tabs-container h5[b-utp9904kfh] {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        cursor:default;
        padding: 4px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        min-width: max-content;
    }
.tab-hover-effect:hover[b-utp9904kfh] {
    background-color: var(--tab-hover-color);
    border-radius: 3px;
    cursor: pointer;
}
.tab-underline-active[b-utp9904kfh] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 4px;
    background-color: var(--primary-color);
    width: 100%;
    bottom: -4px;
    left: 0;
    transition: ease-in-out .3s;
}

.tab-underline-inactive[b-utp9904kfh] {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    height: 2px;
    background-color: transparent;
    width: 100%;
    bottom: 0;
    left: 0;
}

.devider[b-utp9904kfh] {
    height: 15px;
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #979797;
}

.mobile-menu-btn[b-utp9904kfh] {
    display: none;
}
/*
filter bar*/
.filter-bar[b-utp9904kfh] {
    position: relative;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.search-icon[b-utp9904kfh] {
    position: absolute;
    z-index: 100;
    left: 5px;
}


.grid-icon:hover[b-utp9904kfh], .list-icon:hover[b-utp9904kfh] {
    cursor: pointer;
}



/*Right Sidebar*/
.right-sidebar[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.right-sidebar-heading-container[b-utp9904kfh] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.team-container[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.team-heading[b-utp9904kfh] {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.team-cards-container[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

.all-team-container[b-utp9904kfh] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 6px;
    margin-top: 6px;
    transition: ease-in-out .3s;
}

    .all-team-container:hover[b-utp9904kfh] {
        cursor: pointer;
        box-shadow:var(--box-shadow);
    }

.all-team-text[b-utp9904kfh] {
    font-weight: 500;
}

.team-placeholder[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
}

    .team-placeholder img[b-utp9904kfh] {
        height: 99px;
        width: 99px;
        object-fit: cover;
    }

/*Results*/

.result-container[b-utp9904kfh] {
    width: 100%;
    margin-top: 37px;
}

.result-heading[b-utp9904kfh] {
    font-weight: 600;
    font-size: 18px;
    color: black;
    margin-bottom: 21px;
}

.result-text[b-utp9904kfh] {
    color: #333333;
}

.charts-container[b-utp9904kfh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.no-access-container[b-utp9904kfh] {
    margin-bottom: 16px;
}

@media only screen and (max-width: 641px) {
    .wellbeing-overview-container[b-utp9904kfh] {
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        width:auto;
    }
    .main-content[b-utp9904kfh]{
        width:100%;
    }
    .tabs-container[b-utp9904kfh]{
        display:none;
    }
    .right-sidebar[b-utp9904kfh] {
        width: 100%;
    }

    .grid-icon[b-utp9904kfh], .list-icon[b-utp9904kfh] {
        display:none;
    }
    .mobile-menu-btn[b-utp9904kfh] {
        display: flex;
        align-items: center;
        gap: 4px;
        position: relative;
        padding-left: 5px;
        margin-bottom: 30px;
    }

        .mobile-menu-btn p[b-utp9904kfh] {
            font-weight: 500;
        }

    .mobile-menu[b-utp9904kfh] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
        gap: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        background-color: white;
        z-index: 150;
        box-shadow: var(--box-shadow);
        border-radius: 6px;
    }

        .mobile-menu p[b-utp9904kfh] {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
        }

            .mobile-menu p:hover[b-utp9904kfh] {
                background-color: var(--hover-color);
            }


}
/* /Pages/Wellbeing/Result/WellbeingResult.razor.rz.scp.css */

.refresh-overlay[b-lkybd5r04v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wellbeing-result-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    gap:30px;
    min-height: 80vh;
}

.main-content[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.right-side-container[b-lkybd5r04v] {
    width: 240px;
    min-width: 240px;
}

.loader-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding-left: 10%;
}
/*Heading*/


.outer-heading-container[b-lkybd5r04v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
}
    .outer-heading-container img[b-lkybd5r04v] {
        width: 15px;
        height: 15px;
    }
.result-heading-container[b-lkybd5r04v] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
}


.tooltip-container[b-lkybd5r04v] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.filter-bar[b-lkybd5r04v] {
    display: flex;
    gap: 20px;
    width: 100%;
}

.filter-container[b-lkybd5r04v] {
    display: flex;
    flex: 1;
}

    .filter-container select[b-lkybd5r04v] {
        width: 100%;
    }

/*cards*/

.cards-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.card-row[b-lkybd5r04v] {
    display: flex;
    gap: 20px;
}

.wellbeing-card[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    flex-direction:column;
    justify-content: center;
    gap:13px;
    height: 153px;
    flex: 1;
    border-radius: 6px;
    padding: 10px 30px;
    background-color: white;
    position: relative;
}

    .wellbeing-card .smiley[b-lkybd5r04v]{
       height:40px;
       width:40px;
    }

    .wellbeing-card .icon[b-lkybd5r04v] {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 99;
     width:15px;
     height:15px;
    }
.icon-answer-rate[b-lkybd5r04v] {
    height: 18px;
    width: 20px;
    color: var(--icon-color);
}
.card-result-container[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}




.answer-rate-meter-container[b-lkybd5r04v] {
    background-color: lightgrey;
    width: 100%;
    height: 38px;
    border-radius: 20px;
    overflow:hidden;
    position:relative;

}
.result-percent[b-lkybd5r04v]{
    top:9px;
    position:absolute;
    left:calc(50% - 42px);
    z-index:100;
    width:85px;
    font-weight:500;
    font-size:18px;
    display:flex;
    justify-content:center;
}
.number-of-answers-low[b-lkybd5r04v] {
    color: rgba(245, 36, 102, 1);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.number-of-answers-mid[b-lkybd5r04v] {
    color: rgba(235, 148, 64, 1);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.number-of-answers-high[b-lkybd5r04v] {
    color: rgba(1, 133, 116, 1);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.meter-container-low[b-lkybd5r04v] {
    background: linear-gradient(90deg, rgba(245, 36, 102, 0.10) -15.79%, rgba(255, 171, 145, 0.10) 107.84%);
}
.meter-container-mid[b-lkybd5r04v] {
    background: linear-gradient(295deg, rgba(255, 200, 83, 0.12) 46.37%, rgba(244, 125, 28, 0.20) 163.29%);
}
.meter-container-high[b-lkybd5r04v] {
    background: linear-gradient(90deg, var(--Extended-frpalett-Grn--4, rgba(1, 133, 116, 0.10)) -148.41%, var(--Primr-Hartic-Green-100, rgba(0, 219, 148, 0.10)) 43.26%);
}
.meter-sad[b-lkybd5r04v] {
    height: 100%;
    background-color: var(--low-value-color);
}

.meter-middle[b-lkybd5r04v] {
    height: 100%;
    background-color: var(--mid-value-color);
}

.meter-happy[b-lkybd5r04v] {
    height: 100%;
    background-color: var(--high-value-color);
}

.amount-number[b-lkybd5r04v]{
    font-size:20px;
    font-weight:700;
}

.card-text[b-lkybd5r04v] {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.card-info[b-lkybd5r04v]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    height:100%;
}

/*Chart*/
.chart-container[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.chart[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 16px;
    position: relative;
    height: 302px;
    margin-bottom:30px;
}

.chart-heading-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.chart-heading[b-lkybd5r04v] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}

.chart-smiley-container[b-lkybd5r04v] {
    position: absolute;
    left: 12px;
    top: 0px;
    height: 84%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}
.chart-smiley-container .happy[b-lkybd5r04v] {
    position: relative;
    top: 13px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: white;
}

.chart-smiley-container .mid[b-lkybd5r04v] {
    position: relative;
    right: 5px;
    top: 10px;
    height: 30px;
    background-color: white;
}

.chart-smiley-container .sad[b-lkybd5r04v] {
    position: relative;
    right: 6px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-color: white;
}

.happy[b-lkybd5r04v] {
    position: relative;
    top: 13px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: white;
}
.mid[b-lkybd5r04v] {
    position: relative;
    right: 5px;
    top: 10px;
    height: 30px;
    background-color:white;
}
.sad[b-lkybd5r04v] {
    position: relative;
    right: 6px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-color: white;
}
/*Comments*/
.comments-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-element[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-heading[b-lkybd5r04v] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.comments-cards-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comment-card[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 15px 20px;
    user-select: none;
}


.comment-top-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-user-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.comment-user[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
}

.comment-username[b-lkybd5r04v] {
    font-size: 14px;
    font-weight:500;
}

.comment-jobtitle[b-lkybd5r04v] {
    font-size: 11px;
    line-height: 140%;
    color: #7f7f7f;
}

.devider[b-lkybd5r04v] {
    height: 15px;
    width: 2px;
    background-color: #C1C1BE;
}


.category[b-lkybd5r04v] {
    font-weight: 500;
}

.question[b-lkybd5r04v] {
    font-size: 13px;
}

.comment-text-container[b-lkybd5r04v] {
    display:flex;
    align-items:center;
    gap:20px;
    width: 70%;
    margin: 14px 0;
    height:45px;
    padding-left:3px;
    
}

.add-comment-date-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.no-comment-placeholder[b-lkybd5r04v] {
    color: #a3a3a3;
    font-size: 12px;
}

.like-add-comment-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-smiley[b-lkybd5r04v] {
    width: 30px;
    height: 30px;
}

.like[b-lkybd5r04v] {
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 2px;
}


.action-item .comment-icon[b-lkybd5r04v] {
    font-size: 15px;
    transform: scaleX(-1);
    margin-bottom: 2px;
    width: 17px;
    display: flex;
    justify-content: flex-end;
}

.comment-action-bar-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
}

.action-item[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}

    .action-item:hover[b-lkybd5r04v] {
        background-color: var(--hover-color);
    }

    .action-item img[b-lkybd5r04v] {
        height: 15px;
        width:15px;

    }

.action-item-text[b-lkybd5r04v] {
    font-size: 12px;
    cursor: pointer;
    width: max-content;
    font-weight: 500;
    line-height: 1;
}
.number-of-likes[b-lkybd5r04v]{
    font-size:12px;
    font-weight:500;
    height:17px;
}
.comment-action-bar[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-lkybd5r04v] {
        width: 15px;
        height: 15px;

    }

.pre-written-comments-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pre-written-comment[b-lkybd5r04v] {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 12px;
}

.new-comment-container[b-lkybd5r04v] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submit-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-comment-container input[b-lkybd5r04v] {
    width: 455px;
    height: 50px;
    resize: none;
    padding: 10px;
    border-radius: 10px;
}

textarea[b-lkybd5r04v]::placeholder {
    font-size: 12px;
}



.profile-img-container[b-lkybd5r04v] {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .profile-img-container img[b-lkybd5r04v] {
        border-radius: 50%;
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

.profile-img-placeholder[b-lkybd5r04v] {
    border-radius: 50%;
    width: 29px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}

    .profile-img-placeholder p[b-lkybd5r04v] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }


.comment-date[b-lkybd5r04v] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}



.number-of-comments-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.number-of-comments[b-lkybd5r04v] {
    font-size: 13px;
}

    .number-of-comments:hover[b-lkybd5r04v] {
        text-decoration: underline;
    }

.feedback-comment[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    background-color: none;
    border-radius: 6px;
    padding: 15px 25px;
    gap: 15px;
}
/*
response/feedback comment*/


.feedback-comment-top-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feedback-comment-user-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor:pointer;
}

.feedback-comment-content-container[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
}

    .feedback-comment-content-container input[b-lkybd5r04v] {
        width: 429px;
        height: 55px;
        resize: none;
        padding: 10px;
        border-radius: 10px;
    }

.text-comment[b-lkybd5r04v] {
    min-height: 30px;
}

.response-comment-profile-img-container[b-lkybd5r04v] {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .response-comment-profile-img-container img[b-lkybd5r04v] {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        object-fit: cover;
    }

.response-comment-profile-img-placeholder[b-lkybd5r04v] {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .response-comment-profile-img-placeholder p[b-lkybd5r04v] {
        font-weight: 500;
        font-size: 11px;
        letter-spacing: -1px;
    }
.time-since-created[b-lkybd5r04v] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}



.feedback-comment-like-container[b-lkybd5r04v] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
}


.feedback-comment-like[b-lkybd5r04v] {
    position: relative;
    font-size: 17px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

.feedback-comments-container[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.feedback-comment-actions-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-comment-action-item[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 5px;
    position: relative;
}

    .feedback-comment-action-item:hover[b-lkybd5r04v] {
        background-color: var(--hover-color);
    }

        .feedback-comment-action-item:hover .like-tooltip[b-lkybd5r04v] {
            display: flex;
        }

.like-tooltip[b-lkybd5r04v] {
    position: absolute;
    top: 23px;
    left: 17px;
    border-radius: 6px;
    width: max-content;
    padding: 10px 15px;
    background-color: white;
    display: none;
    flex-direction: column;
    box-shadow: var(--box-shadow);
    z-index:100;
}

    .like-tooltip p[b-lkybd5r04v] {
        font-size: 12px;
    }

.devider-dot[b-lkybd5r04v] {
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: darkgray;
}

.number-of-likes-main-comment-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
    border-radius: 6px;
    position: relative;
    cursor:default;
    gap:5px;
}

    .number-of-likes-main-comment-container:hover .like-tooltip[b-lkybd5r04v] {
        display: flex;
    }



.edit-btn[b-lkybd5r04v] {
    position: relative;
    font-size: 16px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 0;
    color: #a7a6a6;
}

    .edit-btn:hover[b-lkybd5r04v] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.edit-popup[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0px;
    right: 22px;
    box-shadow: var(--box-shadow);
    width: 140px;
    background-color: white;
    z-index: 10;
    border-radius: 6px;
    padding: 16px 0;
}

    .edit-popup p[b-lkybd5r04v] {
        color: #222222;
        border-bottom: 1px solid transparent;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px;
        border-radius: 4px;
        width: 100%;
        font-style: normal;
    }

    .edit-popup img[b-lkybd5r04v] {
width:20px;
height:20px;
    }



    .edit-popup p:hover[b-lkybd5r04v] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

@media (max-width: 641px) {



    .top-elements[b-lkybd5r04v] {
        flex-direction: column;
    }

    .progressbar-element[b-lkybd5r04v] {
        width: 100%;
    }

    .filter-bar[b-lkybd5r04v] {
        width: 100%;
    }

    .select-team-container[b-lkybd5r04v], .select-time-span[b-lkybd5r04v] {
        width: 50%;
    }

    .comment-item .heading-container[b-lkybd5r04v] {
        flex-wrap: wrap;
    }

    .filter-bar[b-lkybd5r04v] {
        flex-direction: column;
    }

    .card-row[b-lkybd5r04v] {
        flex-direction: column;
    }

    .wellbeing-card[b-lkybd5r04v] {
        flex: auto;
    }
    .comment-top-container[b-lkybd5r04v]{
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
    }
        .comment-top-container[b-lkybd5r04v]{
            gap:0;
        }
        .wellbeing-question[b-lkybd5r04v] {
            top: 38px;
        }
    .comment[b-lkybd5r04v]
    {
        margin-top:15px;
    }
    .author[b-lkybd5r04v]{
        margin-top:10px;
        display:flex;
    position:relative;
    top:3px;
    }
}
/* /Shared/CultureSelector.razor.rz.scp.css */
.culture-selector[b-i97rqnhou3] {
    position: relative;
    display: flex;
    align-items: center;
}

.culture-btn[b-i97rqnhou3] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 10px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    height: 36px;
    transition: background-color 0.15s ease;
    white-space: nowrap;
    font-family: var(--font);
}

    .culture-btn:hover[b-i97rqnhou3] {
        background-color: var(--hover-color);
    }

.culture-flag[b-i97rqnhou3] {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.culture-code[b-i97rqnhou3] {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.culture-chevron[b-i97rqnhou3] {
    font-size: 12px;
    color: black;
    transition: transform 0.2s ease;
    position: relative;
    top: 2px;
}

    .culture-chevron.rotated[b-i97rqnhou3] {
        transform: rotate(180deg);
    }

.culture-dropdown[b-i97rqnhou3] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06);
    z-index: 302;
    overflow: hidden;
    min-width: 148px;
    animation: cultureDropdownIn-b-i97rqnhou3 0.15s ease;
}

@keyframes cultureDropdownIn-b-i97rqnhou3 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

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

.culture-option[b-i97rqnhou3] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.12s ease;
    font-family: var(--font);
}

    .culture-option:hover[b-i97rqnhou3] {
        background-color: var(--hover-color);
    }

    .culture-option.active[b-i97rqnhou3] {
        background-color: #f0fdf8;
    }

.culture-name[b-i97rqnhou3] {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    flex: 1;
}

.culture-check[b-i97rqnhou3] {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
}

.culture-backdrop[b-i97rqnhou3] {
    position: fixed;
    inset: 0;
    z-index: 301;
}

@media (max-width: 641px) {
    .culture-btn:hover[b-i97rqnhou3] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .culture-code[b-i97rqnhou3] {
        color: white;
    }

    .culture-chevron[b-i97rqnhou3] {
        color: rgba(255, 255, 255, 0.7);
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */


.page[b-y5lpf4cnlr] {
    position: relative;
    flex-direction: column;
    width: 100%;
    background-color: var(--background-color);
}

.content-container[b-y5lpf4cnlr] {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;

}

.main-content[b-y5lpf4cnlr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 1210px;

}

.content[b-y5lpf4cnlr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-height: 90vh;
    gap: 40px;
    width: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 100px;
}

.navbar-container[b-y5lpf4cnlr]{
    display:block;
}
.body-container[b-y5lpf4cnlr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    width: 100%;
    padding: 40px;
}
.powered-by-container[b-y5lpf4cnlr] {
    width: 100%;
    min-height: 44px;
    background-color: white;
    display: flex;
    align-items: center;
    padding-left: 34px;
}

.powered-by-text[b-y5lpf4cnlr] {
    font-weight: 300;
    font-size: 10px;
    padding-right: 5px;
}

.powered-by-container img[b-y5lpf4cnlr] {
    width: 76px;
    height: 23px;
}
/*    Error page*/
.modal-dialog[b-y5lpf4cnlr] {
    align-items: center !important;
    height: 100vh;
}

.error-message-dialog[b-y5lpf4cnlr] {
    width: 300px;
    border-radius: 10px;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.error-heading-container[b-y5lpf4cnlr] {
    border-bottom: 2px solid var(--neutral-color);
    padding-bottom: 5px;
    width: 100%;
}

.error-heading[b-y5lpf4cnlr] {
    font-weight: 500;
    font-size: 15px
}

.error-text-container[b-y5lpf4cnlr] {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.btn-container[b-y5lpf4cnlr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    cursor: pointer;
}





/*Om sidan �r mindre �n 641 px*/
@media (max-width: 641px) {
    .page[b-y5lpf4cnlr] {
        display: flex;
        flex-direction: column;
        width: 100vw;
    }

    .body-container[b-y5lpf4cnlr], .main-content[b-y5lpf4cnlr], .content[b-y5lpf4cnlr] {
        width: 100vw;
    }
        .body-container[b-y5lpf4cnlr]{
            padding:0 20px 40px 20px;
        }
        .navbar-container[b-y5lpf4cnlr] {
            display: none;
        }
    .rz-lookup-panel[b-y5lpf4cnlr], .rz-dropdown-panel[b-y5lpf4cnlr] {
        width: 100vw !important;
    }
    .error-message-dialog[b-y5lpf4cnlr] {
justify-content:flex-start;
        overflow: hidden;
        height:auto;
    }
}
/* /Shared/NavBar/ChildNavitemComponent.razor.rz.scp.css */




.child-nav-item p:hover[b-ymg9ej3o3m] {
    border-bottom: 1px solid white;
}



.child-nav-item[b-ymg9ej3o3m]  a p {
    font-size: 12px;
    color: white;
    border-bottom: 1px solid transparent;
    width: max-content;
    margin-left: 35px;
}

.child-nav-item[b-ymg9ej3o3m]  a.active p {

    border-bottom: 1px solid white;
}

/* /Shared/NavBar/NavBar.razor.rz.scp.css */
.navbar-container[b-stw5xsqqbg] {
    position: relative;
    z-index: 998;
}
.hartic-navbar[b-stw5xsqqbg] {
    width: 225px;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #242e38;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px 0;
}


.logo-container[b-stw5xsqqbg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 28px;
    gap:5px;
}

.logo-container p[b-stw5xsqqbg] {
    color: white;
    font-size: 12px;
}


.navitems-container[b-stw5xsqqbg] {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: 100%;
}


.navigation-heading[b-stw5xsqqbg] {
    color: #B0B8C8;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px;
    padding-left: 28px;
    padding-bottom: 15px;
    padding-top:30px;
}

.navitems-ul[b-stw5xsqqbg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*support*/

.support-contianer[b-stw5xsqqbg] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 28px;
    padding-top: 20px;
}

.support-heading[b-stw5xsqqbg] {
    color: #B0B8C8;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px;
}

.support-links[b-stw5xsqqbg] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .support-links a[b-stw5xsqqbg] {
        text-decoration: none;
        font-family: var(--font);
        color: white;
        font-size: 14px;
        color:white;
        font-weight:400;
    }
    .support-links a:hover[b-stw5xsqqbg] {
        text-decoration: underline;
   
    }

.premium[b-stw5xsqqbg] {
    padding-left: 58px;
    color: var(--font-color);
}

    .premium:hover[b-stw5xsqqbg] {
        color: white;
    }
/*Mindre �n 641 pixlar*/
@media (max-width: 641px) {
    .navbar-container[b-stw5xsqqbg] {
        position: fixed;
        top: 54px;
        left: 0;
        width: 100vw;
        height:100vh;
        z-index: 998;
 
    }
    .hartic-navbar[b-stw5xsqqbg] {
        width: 100%;
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: #242e38;
        overflow-y: auto;
        height: 100%;
        overflow-x: hidden;
        padding-top: 0;
    }

    .logo-container[b-stw5xsqqbg] {
        display:none;
    }
}
/* /Shared/NavBar/NavItemComponent.razor.rz.scp.css */
/*google icons*/
.icon[b-rxf15qpx7p]{
width:20px;
height:20px;
}

/*navitems*/
.nav-item[b-rxf15qpx7p] {
    position: relative;
    padding-left: 25px;
}


    .nav-item[b-rxf15qpx7p]  a {
        
        display: flex;
        gap: 10px;
        align-items: center;
        flex:1;
        cursor: pointer;
        height: 38px;
        border-bottom: 1px solid transparent;
        font-size: 14px;
    }

    .nav-item p[b-rxf15qpx7p] {
        color: white;
    }




.nav-item[b-rxf15qpx7p]  a.active ::before{
    content:"";
    height:100%;
    width:4px;
    position:absolute;
    left:0;
    top:0;
    background-color:var(--primary-color);
}

/* /Shared/NavBar/ParentNavItemComponent.razor.rz.scp.css */
/*google icons*/
.icon[b-1cksgoahlu] {
    width: 20px;
    height: 20px;
}


/*    parent nav item*/
.parent-nav-item[b-1cksgoahlu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    height: 38px;
    position: relative;
}

    .parent-nav-item[b-1cksgoahlu]  a {
        display: flex;
        gap: 10px;
        align-items: center;
        width: max-content;
        cursor: pointer;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid transparent;
        font-size: 14px;
    }

.parent-nav-item-heading[b-1cksgoahlu] {
    display: flex;
    align-items: center;
    gap: 10px;
}


.parent-nav-item-heading-container p[b-1cksgoahlu] {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    color: white;
}

.active-parent[b-1cksgoahlu]::before {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--secondary-color);
}
.heading-icon-container[b-1cksgoahlu] {
    display: flex;
    gap: 10px;
    flex: 1;
}

.parent-nav-item p[b-1cksgoahlu] {
    color: white;
    font-size: 14px;
}


.child-nav-items-container[b-1cksgoahlu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #393f45;
    padding: 15px 0;
    width: 100%;
}

.arrow-container[b-1cksgoahlu]{
    width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    padding-right:10px;
}
.hide-on-mobile[b-1cksgoahlu] {
    display: flex;
    flex-direction:column;
    gap:10px;
}
@media (max-width: 641px) 
{
    .hide-on-mobile[b-1cksgoahlu]{
        display:none;
    }
}
/* /Shared/TopBar.razor.rz.scp.css */
.loader-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: #F6F7FB;
}

.topbar[b-48qpnudhal] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: white;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 201;
    border-bottom: 1px solid #e6e6e6;
}

.topbar-main-content[b-48qpnudhal] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right:20px;
}

.navmenu[b-48qpnudhal] {
    display: none;
}

.desktop-trial-period-container[b-48qpnudhal] {
    display: flex;
    flex: 1;
    justify-content: center
}

.mobile-trial-period-container[b-48qpnudhal] {
    display: none;
}

.topbar-content-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    height: 100%;
    position: relative;
    width: 100%;
}

.profile-img-container[b-48qpnudhal] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid #BFCDCF;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .profile-img-container img[b-48qpnudhal] {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        object-fit: cover;
    }

.profile-img-placeholder[b-48qpnudhal] {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-img-placeholder p[b-48qpnudhal] {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: -1px;
    }

.logo-container[b-48qpnudhal] {
    display: none;
}

.hamburger-menu[b-48qpnudhal] {
    display: none;
}

.company-logo-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 4px;
    transition: background-color 0.15s ease;
}

    .company-logo-container:hover[b-48qpnudhal] {
        background-color: var(--hover-color);
    }

.navbar-container[b-48qpnudhal] {
    display: none;
}

.company-logo[b-48qpnudhal] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.logo-placeholder[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #f5f5f5;
}

    .logo-placeholder p[b-48qpnudhal] {
        font-size: 11px;
        font-weight:600;
    }


.desktop-logged-in-user-info-container[b-48qpnudhal] {
    display: flex;
    flex-direction: column;
}
/*Notification menu*/
.navmenu-notifications-container[b-48qpnudhal] {
    position: relative;
    z-index: 200;
}

.notification-icon[b-48qpnudhal] {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}




.notification-dot[b-48qpnudhal] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50px;
    top: -5px;
    right: -3px;
    background-color: var(--notification-color);
    color: white;
    border-radius: 50%;
    cursor: pointer;
}

    .notification-dot p[b-48qpnudhal] {
        color: white;
        font-weight: 500;
        font-size: 11px;
        font-style: normal;
        height: 18px;
    }

.notifications-menu-container[b-48qpnudhal] {
    position: relative;
}

.notification-menu[b-48qpnudhal] {
    z-index: 100;
    position: fixed;
    height: 100%;
    box-shadow: var(--box-shadow);
    background-color: white;
    top: 70px;
    padding: 20px;
    margin: auto;
    justify-content: center;
    border-radius: 0px 0px 15px 15px;
    overflow-y: auto;
}

.desktop-notofication-icon[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .desktop-notofication-icon:hover[b-48qpnudhal] {
        background-color: var(--hover-color);
    }

.mobile-notofication-icon[b-48qpnudhal] {
    display: none;
}

.notification-menu-animate-in[b-48qpnudhal] {
    display: block;
    animation-name: notificationMenuSlideIn-b-48qpnudhal;
    animation-duration: .3s;
    width: 675px;
    right: 0px;
    padding-bottom: 100px;
}

@keyframes notificationMenuSlideIn-b-48qpnudhal {
    from {
        width: 0px;
        right: -330px;
    }

    to {
        width: 675px;
        right: 0px;
    }
}


.notification-menu-animate-out[b-48qpnudhal] {
    animation-name: notificationMenuSlideOut-b-48qpnudhal;
    animation-duration: 0.3s;
    width: 0px;
    right: -330px;
    display: none;
}

@keyframes notificationMenuSlideOut-b-48qpnudhal {
    from {
        width: 675px;
        right: 0px;
        display: block;
    }

    to {
        width: 0px;
        right: -330px;
        display: none;
    }
}

.close-notificationmenu-btn:hover[b-48qpnudhal] {
    background-color: var(--hover-color);
}

.bi-x-lg[b-48qpnudhal] {
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}



.close-on-click-outside-container[b-48qpnudhal] {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.notification-menu-item[b-48qpnudhal] {
    position: relative;
    font-size: 40px;
    margin-right: 10px;
    border-right: 2px solid lightgray;
    padding: 0px 15px;
}

/*Enps Icon*/
.bi-compass-fill[b-48qpnudhal] {
    color: var(--enps-color);
    border-right: 2px solid var(--enps-color);
}
/*Pulse Icon*/
.bi-heart-pulse-fill[b-48qpnudhal] {
    color: var(--secondary-color);
    border-right: 2px solid #e3e3e3;
}
/*Wellbeing Icon*/
.bi-stoplights-fill[b-48qpnudhal] {
    color: var(--wellbeing-color);
    border-right: 2px solid var(--wellbeing-color);
}

/*custom survey icon*/
.bi-clipboard2-pulse-fill[b-48qpnudhal] {
    color: var(--custom-survey-color);
    border-right: 2px solid var(--wellbeing-color);
}

.notification-item[b-48qpnudhal] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 2px solid whitesmoke;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}


.created-date[b-48qpnudhal] {
    text-align: right;
    font-size: 10px;
    font-weight: 500;
}



.notification-menu li:hover .close-noticitation-btn[b-48qpnudhal] {
    background-color: transparent;
}

.notification-menu ul[b-48qpnudhal] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: none;
    margin: 0;
}


.notification-menu li[b-48qpnudhal] {
    position: relative;
    border-radius: 5px;
}

    .notification-menu li:hover[b-48qpnudhal] {
        background-color: var(--hover-color);
    }


.notification-text-content-container[b-48qpnudhal] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

    .notification-text-content-container :nth-child(2)[b-48qpnudhal] {
        font-size: 12px;
    }


.remove-noticitation-btn[b-48qpnudhal] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    right: 12px;
    background-color: transparent;
    top: 3px;
    z-index: 9;
}

    .remove-noticitation-btn .bi-x[b-48qpnudhal] {
        font-size: 20px;
    }


    .remove-noticitation-btn:hover[b-48qpnudhal] {
        transform: scale(1.2);
    }





/*User menu*/
.user-menu[b-48qpnudhal] {
    position: fixed;
    top: 61px;
    background-color: white;
    right: 31px;
    width: 196px;
    padding: 15px 0px;
    border-radius: 8px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.14);
    z-index: 300;
}


.user-name[b-48qpnudhal] {
    font-weight: 500;
}

    .user-name p[b-48qpnudhal] {
        max-height: 36px;
        overflow: hidden
    }

.jobtitle[b-48qpnudhal] {
    font-weight: 500;
    font-size: 12px;
    color: #7b7b7b;
}


.desktop-usermenu-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 20px;
}

.mobile-usermenu-container[b-48qpnudhal] {
    display: none;
}

.bi-caret-down-fill[b-48qpnudhal] {
    font-size: 20px;
    color: #333333;
}

.bi-person-bounding-box[b-48qpnudhal], .bi-gear-fill[b-48qpnudhal], .bi-door-closed-fill[b-48qpnudhal] {
    font-size: 20px;
    color: var(--inactive-color);
}




.user-menu-container:hover[b-48qpnudhal] {
    background-color: var(--hover-color);
}

.user-menu .icon[b-48qpnudhal] {
    width: 15px;
    height: 15px;
}


.logged-in-user-container[b-48qpnudhal] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    height: 54px;
    padding: 5px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .logged-in-user-container:hover[b-48qpnudhal] {
        background-color: var(--hover-color);
    }


.custom-link[b-48qpnudhal] {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.42px;
    color: var(--link-color) !important;
    font-family: var(--font) !important;
}

    .custom-link:hover[b-48qpnudhal] {
        text-decoration: underline !important;
        color: var(--link-color-hover) !important;
    }

.user-menu ul[b-48qpnudhal] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.user-menu-heading[b-48qpnudhal] {
    width: 100%;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    cursor: auto;
    margin-bottom: 5px;
}


.user-menu-child-item[b-48qpnudhal] {
    width: 100%;
    font-weight: 200;
    display: flex;
    padding: 5px 15px;
    justify-content: flex-start;
    gap: 6px;
    align-items: center;
    transition: .2s ease-in-out;
    color: #222222;
}

    .user-menu-child-item p[b-48qpnudhal] {
        font-size: 12px;
    }

ul[b-48qpnudhal] {
    width: 100%;
}


.user-menu-child-item:hover[b-48qpnudhal] {
    display: flex;
    align-items: center;
    background-color: var(--hover-color);
}




/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .desktop-trial-period-container[b-48qpnudhal] {
        display: none;
    }

    .mobile-trial-period-container[b-48qpnudhal] {
        padding: 0px 0px;
    }

    .trial-period-container[b-48qpnudhal] {
        position: static;
    }

    .topbar[b-48qpnudhal] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100vw;
        height: auto;
        position: sticky;
        top: 0;
        z-index: 201;
        border: none;
        padding: 0 20px;
        background-color: #242e38;
        margin-bottom: 30px;
    }

    .topbar-content-container[b-48qpnudhal] {
        justify-content: space-between;
        width: 100%;
    }


    .comment-sidebar[b-48qpnudhal] {
        width: 100vw;
    }


    .bi-person-circle[b-48qpnudhal] {
        font-size: 30px;
    }

    .logo-container[b-48qpnudhal] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .logo[b-48qpnudhal] {
        width: 86px;
        height: 18px;
    }


    .logo-container p[b-48qpnudhal] {
        color: white;
        font-size: 12px;
    }

    .logo-container img[b-48qpnudhal] {
        width: 100%;
        height: 100%;
    }

    .bi-question-circle[b-48qpnudhal] {
        display: none;
    }

    .notification-icon[b-48qpnudhal] {
        position: relative;
        width: 54px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        z-index: 99;
        color: var(--hover-color);
        background-color: transparent;
        cursor: auto;
    }
    .notification-dot[b-48qpnudhal] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 19px;
        height: 19px;
        border-radius: 50px;
        top: -9px;
        right: 7px;
        background-color: var(--notification-color);
        color: white;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
    }
    .desktop-notofication-icon[b-48qpnudhal] {
        display: none;
    }

    .mobile-notofication-icon[b-48qpnudhal] {
        display: flex;
    }

    .notification-icon:hover[b-48qpnudhal] {
        background-color: transparent;
    }

    .hamburger-menu[b-48qpnudhal] {
        display: block;
        color: white;
    }

    .company-logo-container[b-48qpnudhal] {
        display: none;
    }

    .desktop-logged-in-user-info-container[b-48qpnudhal] {
        display: none;
    }

    .show-usermenu-icon-container[b-48qpnudhal] {
        display: none;
    }

    .navbar-container[b-48qpnudhal] {
        display: block;
        position: fixed;
    }

    .logged-in-user-container[b-48qpnudhal] {
        margin-right: 10px;
        padding: 0;
        gap: 0;
    }

        .logged-in-user-container:hover[b-48qpnudhal] {
            background-color: transparent;
        }

        .logged-in-user-container img[b-48qpnudhal] {
            width: 30px;
            height: 30px;
        }

    .notification-menu-animate-in[b-48qpnudhal] {
        width: 100vw;
    }

    .notification-menu[b-48qpnudhal] {
        top: 55px;
    }

    .desktop-usermenu-container[b-48qpnudhal] {
        display: none;
    }

    .mobile-usermenu-container[b-48qpnudhal] {
        display: block;
    }

        .mobile-usermenu-container .user-menu[b-48qpnudhal] {
            position: fixed;
            top: 55px;
            background-color: white;
            right: 0px;
            width: 100vw;
            height: 100vh;
            padding: 15px 0px;
            z-index: 200;
        }

    .mobile-username-jobtitle-container[b-48qpnudhal] {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 15px 15px 15px;
    }

    .notification-menu-animate-in[b-48qpnudhal] {
        display: block;
        animation-name: notificationMenuSlideIn-b-48qpnudhal;
        width: 100vw;
        right: 0px;
    }

    @keyframes notificationMenuSlideIn-b-48qpnudhal {
        from {
            width: 0px;
            right: -330px;
        }

        to {
            width: 100vw;
            right: 0px;
        }
    }


    .notification-menu-animate-out[b-48qpnudhal] {
        animation-name: notificationMenuSlideOut-b-48qpnudhal;
        animation-duration: 0.3s;
        width: 0px;
        right: 100vw;
        display: none;
    }

    @keyframes notificationMenuSlideOut-b-48qpnudhal {
        from {
            width: 100vw;
            right: 0px;
            display: block;
        }

        to {
            width: 0px;
            right: -100vw;
            display: none;
        }
    }



    .close-on-click-outside-container[b-48qpnudhal] {
        display: none;
    }
}