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


.confirm-container[b-ljokk33hch] {

    width: 648px;
    height: 258px;
    padding: 24px;
}

.confirm-heading-container[b-ljokk33hch] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    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%;
    padding-top: 20px;
    width: 100%;
}

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


@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;
    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;
    padding-top: 10px;
    padding-bottom: 5px;
    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;
}
/* /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;
}

.material-symbols-outlined[b-v07qzh3piu] {
    color:black;
}



.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[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;
}

.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: 3px;
        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;
}

.bi-person-circle[b-wv7y8mkim6] {
    color: var(--inactive-color);
    font-size: 28px;
    text-align: center;
    width: 30px;
    margin-right: 10px;
}

img[b-wv7y8mkim6] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    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;
}

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

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

.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/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: 1px solid #e9e8e8;
    border-radius: 5px;
    position: relative;
    transition: ease-in-out .3s;
}
    .answer-item:hover[b-0nb7hw0wam] {
        background-color: var(--hover-color);
        cursor: pointer;
    }
.answer-item-text-content-container[b-0nb7hw0wam] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
/*Icon*/
.icon-container[b-0nb7hw0wam] {
    border-radius: 50%;
    width: 46px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-background-color);
}
.material-symbols-outlined[b-0nb7hw0wam] {
    color: var(--icon-color);
    font-size: 28px;
}


/*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;
}
.profile-img-container[b-0nb7hw0wam] {
    position: relative;
    margin-right: 15px;
}
.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;
}
.like-ikon[b-0nb7hw0wam], .comment-icon[b-0nb7hw0wam] {
    color: white;
    font-size: 12px;
    position: relative;
    left: .5px;
}

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

}
.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]{
    position:absolute;
    top:10px;
    right:10px;
    width:10px;
    height:10px;
    background-color:var(--secondary-color);
    border-radius:50%;
    z-index:100;

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


.notification-text-content-container[b-0nb7hw0wam] {
    width: 77%;
    display: flex;
flex-direction:column;
    padding-top: 5px;
    overflow: hidden;
    padding-top:7px;
    gap:6px;
    margin-bottom:15px;
}

.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-size:14px;
    }
    .number-of-pulse-questions[b-0nb7hw0wam] {
        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-0nb7hw0wam]{
  text-align:center;
}


.time-since-created[b-0nb7hw0wam]{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:100;
    text-align:right;
    font-size:10px;
}


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

.sad[b-0nb7hw0wam] {
    color: var(--low-value-color);
    cursor: context-menu;
    font-size: 20px;
    border-right:none;
    margin:0 5px;
}

.mid[b-0nb7hw0wam] {
    color: var(--mid-value-color);
    cursor: context-menu;
    font-size: 20px;
    border-right: none;
    margin: 0 5px;
}

.happy[b-0nb7hw0wam] {
    color: var(--high-value-color);
    cursor: context-menu;
    font-size: 20px;
    border-right: none;
    margin: 0 5px;
}
@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/ExportUsers/ExportUsers.razor.rz.scp.css */
body[b-dp4l4gdlen] {
}
/* /Pages/ByHart/IndividualActions/Create/CreateIndividualAction.razor.rz.scp.css */
.create-pulse-template-container[b-ugg5bftmjq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    padding: 24px 44px;
}

.input-items-container[b-ugg5bftmjq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
}

.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: #33475B;
        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: #33475B;
}

.tooltip-container[b-ul0vm8li6z] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-ul0vm8li6z] {
    width: 100%;
    position: relative;
    height: 311px;
    border-radius: 6px;
}

.linear-gradient[b-ul0vm8li6z] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius: 6px;
}

.hero img[b-ul0vm8li6z] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.95;
}

.difficulty-container[b-ul0vm8li6z] {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 20px;
    bottom: 20px;
    width: 50%;
}

    .difficulty-container p[b-ul0vm8li6z] {
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

.difficulty-element[b-ul0vm8li6z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-ul0vm8li6z] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.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;
    }

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

.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;
    padding-left: 25px;
}

.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 */
.pulse-action-template-container[b-u2d96qbsi3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 44px;
    flex: 0.8;
}

.page-heading[b-u2d96qbsi3] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}


/*Filter*/
.filter-create-new-question-bar[b-u2d96qbsi3] {
    width: 100%;
    display: flex;
    margin: 24px 0;
    display: flex;
    justify-content: space-between;
    padding-right: 10%;
}

/*Create new question btn*/


.bi-plus[b-u2d96qbsi3] {
    color: white;
    font-size: 25px;
    padding-top: 2px;
    color: var(--btn-secondary-color)
}

.actions-container[b-u2d96qbsi3] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}


/*Action Cards*/
.cards-container[b-u2d96qbsi3]{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.card[b-u2d96qbsi3] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    width: 234px;
    height: 288px;
    cursor: pointer;
    padding: 20px;
}

.card-heading-container[b-u2d96qbsi3] {
    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-u2d96qbsi3] {
        text-align: center;
    }

.img-container[b-u2d96qbsi3] {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

    .img-container img[b-u2d96qbsi3] {
        width: 100px;
        height: 100px;
    }

.action-text[b-u2d96qbsi3] {
    text-align: center;
    max-height: 75px;
    height: 75px;
    overflow: hidden;
}
/* /Pages/ByHart/PulseActionTemplates/CreatePulseActionTemplate.razor.rz.scp.css */
.create-pulse-template-container[b-e9kb6edgl2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    padding: 24px 44px;
}

.input-items-container[b-e9kb6edgl2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
}

.input-item[b-e9kb6edgl2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:5px;
}

    .input-item label[b-e9kb6edgl2] {
        font-weight: 600;
       font-size:15px;
       
    }
    .resource-list-container[b-e9kb6edgl2]{
        display:flex;
        flex-direction:column;
        margin:10px 0;
    }
.resource-list-item[b-e9kb6edgl2] {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style:disc;
    list-style-position:inside;
}
li[b-e9kb6edgl2]{
    list-style:disc;
    list-style-position:inside;
}

.bi-trash[b-e9kb6edgl2]{
    color:red;
}

.resource-item-link[b-e9kb6edgl2]{
    text-decoration:underline;
    color: var(--primary-color);
}

.resource-item-name[b-e9kb6edgl2] {
font-weight:500;
font-size:15px;
}

.add-resource-item[b-e9kb6edgl2]{
    display:flex;
    flex-direction:column;
    gap:10px;
}
/*nav buttons*/
.nav-btn-container[b-e9kb6edgl2] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
}
/* /Pages/ByHart/PulseActionTemplates/PulseActionTemplateDetailedView.razor.rz.scp.css */
.pulse-action-details[b-zkhr1bjeoz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}


.back-btn-container[b-zkhr1bjeoz] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .back-btn-container button[b-zkhr1bjeoz] {
        font-size: 12px;
        font-weight: 400;
    }

    .back-btn-container .material-symbols-outlined[b-zkhr1bjeoz] {
        color: #33475B;
        font-size: 16px;
    }

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

.page-heading[b-zkhr1bjeoz] {
    font-size: 24px;
    font-weight: 600;
    color: #33475B;
}

.tooltip-container[b-zkhr1bjeoz] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-zkhr1bjeoz] {
    width: 100%;
    position: relative;
    height: 311px;
    border-radius: 6px;
}

.linear-gradient[b-zkhr1bjeoz] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius: 6px;
}

.hero img[b-zkhr1bjeoz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.95;
}

.difficulty-container[b-zkhr1bjeoz] {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 20px;
    bottom: 20px;
    width: 50%;
}

    .difficulty-container p[b-zkhr1bjeoz] {
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

.difficulty-element[b-zkhr1bjeoz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-zkhr1bjeoz] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.content-container[b-zkhr1bjeoz] {
    width: 100%;
    display: flex;
    gap: 3%;
}

.main-content-container[b-zkhr1bjeoz] {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pulse-action-info-container[b-zkhr1bjeoz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .pulse-action-info-container span[b-zkhr1bjeoz] {
        color: var(--secondary-color);
        padding-bottom: 5px;
    }

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

.time-consumption[b-zkhr1bjeoz] {
    font-weight: 400;
    line-height: 18px;
}

.info-heading[b-zkhr1bjeoz], .resource-heading[b-zkhr1bjeoz] {
    font-weight: 600;
    font-size: 18px;
}

.info-text[b-zkhr1bjeoz] {
    font-weight: 300;
}

.action-description-container[b-zkhr1bjeoz] {
    width: 75%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 30px 20px;
}

.description-heading[b-zkhr1bjeoz] {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 24px;
}

.action-description[b-zkhr1bjeoz] {
    font-weight: 300;
}

/*Resources*/

.resource-container[b-zkhr1bjeoz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul[b-zkhr1bjeoz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

li[b-zkhr1bjeoz] {
    display: flex;
    gap: 5px;
    align-items: center;
}

    li .material-symbols-outlined[b-zkhr1bjeoz] {
        color: #F49A41;
    }

/*Sidebar*/

.sidebar-container[b-zkhr1bjeoz] {
    width: 25%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.purpose-heading[b-zkhr1bjeoz] {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .purpose-heading span[b-zkhr1bjeoz] {
        color: var(--secondary-color);
    }

.purpose-container[b-zkhr1bjeoz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    padding: 17px;
    margin-top: 20px;
}


.purpose-text[b-zkhr1bjeoz] {
    font-weight: 300;
    padding-left: 25px;
}


.btn-container[b-zkhr1bjeoz]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-top:20px;
}
/*Om sidan är mindre än 641 px*/
@media (max-width: 641px) {
    .modal[b-zkhr1bjeoz] {
        width: 100vw;
    }

    .action-details-container[b-zkhr1bjeoz] {
        width: 100%;
        min-height: 100vh;
    }

    .content-container[b-zkhr1bjeoz] {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .main-content-container[b-zkhr1bjeoz] {
        width: 100%;
    }

    .sidebar-container[b-zkhr1bjeoz] {
        width: 100%;
        margin-top: 20px;
    }
}
/* /Pages/ByHart/PulseActionTemplates/PulseActionTemplateOverview.razor.rz.scp.css */
.pulse-action-template-container[b-p6q49g6900] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 44px;
    flex: 0.8;
}
.page-heading[b-p6q49g6900] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}


/*Filter*/
.filter-create-new-question-bar[b-p6q49g6900] {
    width: 100%;
    display: flex;
    margin: 24px 0;
    display: flex;
    justify-content: space-between;
    padding-right: 10%;
}

/*Create new question btn*/


.bi-plus[b-p6q49g6900] {
    color: white;
    font-size: 25px;
    padding-top: 2px;
    color:var(--btn-secondary-color)
}

.actions-container[b-p6q49g6900]{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    justify-content:center;
}


/*Action Cards*/
.card[b-p6q49g6900] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    width: 234px;
    height: 288px;
    cursor: pointer;
    padding: 20px;
}

.card-heading-container[b-p6q49g6900] {
    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-p6q49g6900] {
        text-align: center;
    }

.img-container[b-p6q49g6900] {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

    .img-container img[b-p6q49g6900] {
        width: 100px;
        height: 100px;
    }

.action-text[b-p6q49g6900] {
    text-align: center;
    max-height: 75px;
    height: 75px;
    overflow: hidden;
}
/* /Pages/ByHart/PulseLibraryQuestions/CreateQuestion/CreatePulseLibraryQuestion.razor.rz.scp.css */
.create-library-question-container[b-pjy9s0pnks] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 24px 44px;
    flex: 0.8;
}

.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;
}

    .input-item label[b-pjy9s0pnks] {
        font-weight: 600;
    }

.create-question-textarea[b-pjy9s0pnks] {
    border-radius: 10px;
    width: 100%;
    padding: 8px;
}


/*Card*/

.card-container[b-pjy9s0pnks]{
    width:40%;
    display:flex;
    justify-content:center;
}
.card[b-pjy9s0pnks] {
    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;
    border: none;
    transition: .3s ease-in-out;
    padding: 20px;
}

.card-heading-container[b-pjy9s0pnks] {
    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-pjy9s0pnks] {
        text-align: center;
    }

.card-question[b-pjy9s0pnks] {
    margin:16px 0;
    text-align: center;
    height:120px;
    word-break:break-word;
}




.answer-type-container[b-pjy9s0pnks]{
    display:flex;
    flex-direction:column;
    gap:24px;
    width:100%;
}
    .answer-type-container p[b-pjy9s0pnks] {
        font-weight: 600;
    }

.disagree-agree-container[b-pjy9s0pnks] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.agree-text[b-pjy9s0pnks], .disagree-text[b-pjy9s0pnks] {
    width: 60px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
}

/*Yes / No AnswerType*/

.no-yes-container[b-pjy9s0pnks] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}



/*Ja och nej */

.bi-check[b-pjy9s0pnks] {
    position: relative;
    font-size: 50px;
    cursor: pointer;
    color: var(--inactive-subdued-color);
    z-index: 10;
}

/*Not reverse*/
.yes-btn-container[b-pjy9s0pnks], .no-btn-container[b-pjy9s0pnks] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.yes-check-container[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--yes-color);
    cursor: pointer;
}

.no-check-container[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--no-color);
    cursor: pointer;
}

/*Active not reverse btns*/
.yes-check-container-active[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--yes-color);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .yes-check-container-active[b-pjy9s0pnks]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--yes-color);
        animation: fillContainer-b-pjy9s0pnks .8s forwards;
        z-index: 1;
    }


.yes-btn-active[b-pjy9s0pnks] {
    color: white;
}

.no-btn[b-pjy9s0pnks] {
    color: var(--inactive-subdued-color);
}


/*Reverse*/
.reverse-yes-check-container[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--no-color);
    cursor: pointer;
}



/*Reverse container*/
.reverse-no-check-container-active[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--yes-color);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .reverse-no-check-container-active[b-pjy9s0pnks]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--yes-color);
        animation: fillContainer-b-pjy9s0pnks .8s forwards;
        z-index: 1;
    }


@keyframes fillContainer-b-pjy9s0pnks {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 300px;
        height: 300px;
    }
}

.reverse-yes-check-container[b-pjy9s0pnks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 3px solid var(--no-color);
    cursor: pointer;
}


/* Reverse checkmark*/

.yes-btn-reverse[b-pjy9s0pnks] {
    color: var(--inactive-subdued-color);
}

.no-btn-reverse-active[b-pjy9s0pnks] {
    color: white;
}

/*nav buttons*/

.nav-btn-container[b-pjy9s0pnks]{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:44px;
}

/* /Pages/ByHart/PulseLibraryQuestions/QuestionsOverview/PulseLibraryQuestions.razor.rz.scp.css */
.pulse-library-question-container[b-dx5b1faahf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 44px;
    flex: 0.8;
}
.page-heading[b-dx5b1faahf] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width:100%;
}
.questions-container[b-dx5b1faahf] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 24px 0 0 8%;
}

/*Filter*/
.filter-create-new-question-bar[b-dx5b1faahf] {
    width: 100%;
    display: flex;
    margin: 24px 0;
    display: flex;
    justify-content: space-between;
    padding-right:10%;
}

/*Create new question btn*/

.create-pulse-btn[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    height: 43px;
    font-size: 14px;
    padding: 11px 20px 11px 13px;
}

.bi-plus[b-dx5b1faahf] {
    color: white;
    font-size: 25px;
    padding-top: 2px;
    color:var(--btn-secondary-color);
}

/*Card*/
.card[b-dx5b1faahf] {
    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;
    padding: 20px;
    cursor:pointer;
}

.card-heading-container[b-dx5b1faahf] {
    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-dx5b1faahf] {
        text-align: center;
    }

.img-container[b-dx5b1faahf] {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

    .img-container img[b-dx5b1faahf] {
        width: 100px;
        height: 100px;
    }

.card-question[b-dx5b1faahf] {
    text-align: center;
}


    .card-question:hover .custom-tooltip[b-dx5b1faahf] {
        opacity: 1;
        z-index: 200;
        visibility: visible;
    }

.custom-tooltip[b-dx5b1faahf] {
    visibility: hidden;
    position: absolute;
    top: 100px;
    right: -0px;
    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-dx5b1faahf] {
        font-size: 12px;
        font-weight: 500;
        text-align: left;
    }
/* /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;
    padding:0 8%;
}

.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;
}

.questions-container[b-5falfelyq8] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 24px 0;
    overflow-y:scroll;
    overflow-x:hidden;
    height:600px;
}



.category-filter[b-5falfelyq8] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 8%;
}

.template-image-container[b-5falfelyq8] {
    height: 200px;
    display: flex;
    justify-content: center;
}

.card[b-5falfelyq8] {
    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;
    padding: 20px;
}

.card-heading-container[b-5falfelyq8] {
    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);
    position: relative;
}

    .card-heading-container :first-child[b-5falfelyq8] {
        text-align: center;
    }

.img-container[b-5falfelyq8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

    .img-container img[b-5falfelyq8] {
        width: 100px;
        height: 100px;
    }

.template-image-container[b-5falfelyq8]{
 margin-top:50px;
    display:flex;
    flex:1;
    justify-content:center;
  
}
.template-img[b-5falfelyq8] {
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

.card-question[b-5falfelyq8] {
    text-align: center;
    position: relative;
}


    .card-question:hover .custom-tooltip[b-5falfelyq8] {
        opacity: 1;
        z-index: 200;
        visibility: visible;
    }

.custom-tooltip[b-5falfelyq8] {
    visibility: hidden;
    position: absolute;
    top: 80px;
    right: -160px;
    z-index: 50;
    box-shadow: var(--box-shadow);
    width: 214px;
    min-height: 80px;
    padding: 8px 8px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .custom-tooltip p[b-5falfelyq8] {
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        color: white;
    }
.checkbox-container[b-5falfelyq8] {
    position: absolute;
    top: -10px;
    right: -4px;
}

.bi-check-circle-fill[b-5falfelyq8] {
    font-size: 20px;
}

.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/CreatePulseTemplate/SelectPulseTemplateImageDialog.razor.rz.scp.css */
.select-pulse-template-image-container[b-da0gx89o71] {
  
}

.close-btn-container[b-da0gx89o71]{
    width:100%;
    display:flex;
    justify-content:flex-end;
}

.images-container[b-da0gx89o71]{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.image-item[b-da0gx89o71] {
    width: 150px;
    height: 150px;
    cursor: pointer;
    border-radius:5px;
    margin:10px;
}
/* /Pages/ByHart/PulseTemplates/PulseTemplatesOverview/PulseTemplatesOverview.razor.rz.scp.css */
.pulse-template-overview-container[b-efjutah873] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 24px;
    flex: 0.8;
}

.page-heading[b-efjutah873] {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--neutral-color);
    width: 100%;
}

.btn-container[b-efjutah873]{
    display:flex;
    justify-content:flex-end;
    padding:24px 0;
}

.bi-plus[b-efjutah873] {
    color: white;
    font-size: 25px;
    padding-top: 2px;
    color:var(--btn-secondary-color);
}

.template-container[b-efjutah873] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 40px 0;
    overflow: auto
}

.template-details-container[b-efjutah873]{
    display:flex;
    flex-direction:column;
}
ul[b-efjutah873]{
    margin-top:10px;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.card[b-efjutah873] {
    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;
}

.card-heading-container[b-efjutah873] {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 62px;
    border-bottom: 2px solid var(--neutral-color);
}

    .card-heading-container :first-child[b-efjutah873] {
        text-align: center;
    }

.img-container[b-efjutah873] {
    width: 150px;
    display: flex;
    align-items: center;
    flex-direction:column;
    justify-content:space-between;
    height:240px;
    padding: 20px 0;
}

    .img-container img[b-efjutah873] {
        width: 150px;
        height: 150px;
        border-radius:50%;
    }

.number-of-questions-container[b-efjutah873] {
    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-efjutah873] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

    .number-of-questions-container .number-of-questions[b-efjutah873] {
        font-size: 12px;
        font-weight: 500;
        color: white;
    }


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

    .template-container[b-efjutah873] {
        justify-content: center;
    }
}
/* /Pages/CustomSurvey/Answer/AnswerCustomSurveyDialog.razor.rz.scp.css */
.answer-custom-survey-container[b-oc10szppuc] {
    Width: 100%;
    padding: 44px 24px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background-color: white;
}

.custom-survey-heading-container[b-oc10szppuc] {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.bi-x-lg[b-oc10szppuc] {
    position: absolute;
    top: -26px;
    right: -14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    padding: 7px;
    border-radius: 5px;
}

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

.heading[b-oc10szppuc] {
    font-size: 35px;
    font-weight: 600;
    text-align:center;
    width:100%;
}

.category-container[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 60px;
}

.category-heading[b-oc10szppuc] {
    font-size: 25px;
    font-weight: 600;
    margin-bottom:30px;
    padding-left:58px;
}

.category-item[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom:1px solid lightgray;
    margin-bottom:50px;
    padding-bottom:50px;
}

.questions-container[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    
}

.question-title-container[b-oc10szppuc]{
    display:flex;
    align-items:center;
    gap:10px;
}

.bi-check-circle-fill[b-oc10szppuc]{
    font-size:20px;
}
.question-item[b-oc10szppuc] {
    display:flex;
    align-items:center;
    gap:40px;
}

.question-item-container[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.checkbox-container[b-oc10szppuc]{
    display:flex;
    align-items:flex-start;
    height:100%;
}
.question[b-oc10szppuc]{
    font-size:16px;
}

.answer-type-container[b-oc10szppuc] {
    display: flex;
    align-items: flex-start;
    width:70%
}
.one-to-five-ten[b-oc10szppuc] {
    display: flex;
    flex-wrap:wrap;
    gap: 20px;
}

.radio-btn-answer-container[b-oc10szppuc] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.number-element[b-oc10szppuc] {
    width: 40px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .number-element p[b-oc10szppuc] {
        font-size: 20px;
        position:relative;
        z-index:10;
    }

    .number-element:hover p[b-oc10szppuc] {
        color: white;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }


    .number-element[b-oc10szppuc]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: lightgray;
        cursor: pointer;
    }

    .number-element:hover[b-oc10szppuc]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--yes-color);
        animation: fillContainer-b-oc10szppuc .2s forwards;
        z-index: 1;
        cursor:pointer;
    }


@keyframes fillContainer-b-oc10szppuc {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 55px;
        height: 65px;
    }
}

.validation-message[b-oc10szppuc]{
    position:absolute;
    top:-24px;
    right:0;
}

.submit-btn-container[b-oc10szppuc] {
    position:relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}


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

    .answer-custom-survey-container[b-oc10szppuc] {
        border-radius:0;
    }

    .answer-type-container[b-oc10szppuc] {
        display: flex;
        align-items: flex-start;
        width: 100%
    }

    .submit-btn-container[b-oc10szppuc]{
        margin-bottom:50px;
    }
}
/* /Pages/CustomSurvey/Create/CreateCustomSurvey.razor.rz.scp.css */
.create-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    gap: 20px;
    padding: 24px;
    flex: 0.8;
}


.page-heading[b-9h4zwccabg] {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--neutral-color);
}

.btn-archive[b-9h4zwccabg] {
    border: 1px solid var(--critical-color) !important;
    font-weight: 500 !important;
}

.heading[b-9h4zwccabg] {
    width: 100%;
    border-bottom: 2px solid var(--neutral-color);
    padding-bottom: 10px;
}

.bi-clipboard2-pulse-fill[b-9h4zwccabg] {
    color: var(--custom-survey-color);
    font-size: 25px;
    margin-right: 8px;
}


/*Step 1*/


/*Category elements*/
.create-categories-container label[b-9h4zwccabg] {
    margin: 0;
    width: 200px;
    font-size: 15px;
}

.create-categories-container[b-9h4zwccabg] {
    position: relative;
}

.create-categories-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.category-item[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding: 20px 0;
}

.category-items-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cateogry-item-edit-btns-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.create-categories-container p[b-9h4zwccabg] {
    font-size: 15px;
}

.category-item-heading-row[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-item-questions-container[b-9h4zwccabg] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid lightgray;
}

.category-item-btns-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.create-new-category-btn-container[b-9h4zwccabg] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 44px;
}


#category-name-heading-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
}

.survey-input-item #category-name-heading[b-9h4zwccabg] {
    margin: 0;
    width: 200px;
    font-size: 17px;
    font-family: var(--font);
}

.change-order-btns-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 40px;
}

.category-item ul[b-9h4zwccabg] {
    height: auto;
    max-height: auto;
}


/*Question elements*/
.create-new-question-heading[b-9h4zwccabg] {
    font-size: 20px !important;
    font-weight: 500;
}

.add-new-question-btn[b-9h4zwccabg] {
    margin-top: 10px;
}

.save-question-btn[b-9h4zwccabg] {
    padding-right: 115px;
}

.create-new-question-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.change-order-questions-btns-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
    width: 85px;
}


.remove-change-question-container[b-9h4zwccabg] {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.bi-trash[b-9h4zwccabg] {
    color: var(--critical-color)
}

.edit-question-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0 40px 0;
    border-bottom: 1px solid lightgray;
}

.edit-question[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.question-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-top: 20px;
}

.submitted-question-data[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/*miscellaneous*/

.submit-btn-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
}

.validationsummary-container[b-9h4zwccabg] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.validationsummary[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.validation-message[b-9h4zwccabg] {
    color: var(--critical-color);
}

.bottom-btns-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-categories-container .navigation-btns-continer[b-9h4zwccabg] {
    position: sticky;
    width: 100%;
    background-color: white;
    min-height: 70px;
    bottom: 0px;
    z-index: 20;
}

.btn-group[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-border[b-9h4zwccabg] {
    border-top: 1px solid lightgray;
    width: 100%;
    height: 1px;
    margin-top: 30px;
}

.survey-input-item[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    min-height: 42px;
    gap: 10px;
}

.survey-name-input-item[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding-bottom: 40px;
}

#survey-name-heading[b-9h4zwccabg] {
    font-size: 20px;
}

.category-item .bi-caret-right-fill[b-9h4zwccabg], .category-item .bi-caret-down-fill[b-9h4zwccabg] {
    cursor: pointer;
    font-size: 20px;
    color: black !important;
    padding: 6px 10px;
    border-radius: 5px;
}

    .category-item .bi-caret-right-fill:hover[b-9h4zwccabg], .category-item .bi-caret-down-fill:hover[b-9h4zwccabg] {
        background-color: var(--hover-color);
    }




.bi-arrow-up[b-9h4zwccabg], .bi-arrow-down[b-9h4zwccabg] {
    font-size: 20px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
}

    .bi-arrow-up:hover[b-9h4zwccabg], .bi-arrow-down:hover[b-9h4zwccabg] {
        background-color: var(--hover-color);
    }

.edit-btns-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 35px;
}

/*AnswerType Elements*/


.answer-type-container[b-9h4zwccabg] {
    display: flex;
    width: 100%;
    min-height: 50px;
}


.bi-chat-square-text[b-9h4zwccabg], .bi-chat-square-text-fill[b-9h4zwccabg] {
    display:flex;
    align-items:center;
    position: relative;
    font-size: 18px;
    margin-right:15px;
    cursor:pointer;
}

    .bi-chat-square-text:hover .mandatory-text-answer-popup[b-9h4zwccabg], .bi-chat-square-text-fill:hover .mandatory-text-answer-popup[b-9h4zwccabg] {
        display: block;
    }

.mandatory-text-answer-popup[b-9h4zwccabg] {
    display: none;
    position: absolute;
    top: 20px;
    z-index: 200;
    box-shadow: var(--box-shadow);
    width: 214px;
    min-height: 80px;
    padding: 8px 8px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    animation: FadeIn-b-9h4zwccabg .3s;
}

    .mandatory-text-answer-popup p[b-9h4zwccabg] {
        font-size: 12px;
        font-weight: 500;
        width: 200px;
        white-space: normal;
        color: white;
        text-align: left;
    }

@keyframes FadeIn-b-9h4zwccabg {


    0% {
        filter:opacity(0);
    }

    100% {
        filter: opacity(1);
    }
}



.radio-btns-container[b-9h4zwccabg], .checkbox-btns-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


    .radio-btn-option-container label[b-9h4zwccabg], .checkbox-btns-container label[b-9h4zwccabg] {
        width: auto !important;
    }

.radio-btn-option-container[b-9h4zwccabg], .checkbox-option-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .radio-btn-option-container .bi-trash[b-9h4zwccabg], .checkbox-option-container .bi-trash[b-9h4zwccabg] {
        cursor: pointer;
        font-size:18px;
    }

.one-to-five-ten[b-9h4zwccabg] {
    display: flex;
    gap: 20px;
}

.number-element[b-9h4zwccabg] {
    width: 40px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .number-element p[b-9h4zwccabg] {
        font-size: 20px;
        position: relative;
        z-index: 10;
    }

    .number-element:hover p[b-9h4zwccabg] {
        color: white;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }


    .number-element[b-9h4zwccabg]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: lightgray;
        cursor: pointer;
    }

    .number-element:hover[b-9h4zwccabg]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--yes-color);
        animation: fillContainer-b-9h4zwccabg .2s forwards;
        z-index: 1;
        cursor: pointer;
    }


@keyframes fillContainer-b-9h4zwccabg {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 55px;
        height: 65px;
    }
}



/*Step 2*/
.main-top-container[b-9h4zwccabg] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 2px solid var(--neutral-color);
    padding-top: 30px;
    margin-top: 20px;
}

.devider[b-9h4zwccabg] {
    width: 100%;
    background-color: var(--neutral-color);
    height: 2px;
}

.select-owner-element[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.select-owner-text[b-9h4zwccabg] {
    width: 60%;
}

.select-name-input-item[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.select-owner-input-item[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .select-owner-input-item label[b-9h4zwccabg], .select-name-input-item label[b-9h4zwccabg] {
        width: 200px;
    }

/*profilePicture*/
img[b-9h4zwccabg] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

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

    .dropdown-row p[b-9h4zwccabg] {
     
        text-align: center;
    }

.bi-person-circle[b-9h4zwccabg] {
    color: var(--inactive-color);
    font-size: 28px;
    text-align: center;
    width: 30px;
    margin-right: 10px;
}

label[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
}


/*nav btns card*/
.nav-btns-container[b-9h4zwccabg] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    border-top: 2px solid var(--neutral-color);
    margin-top: 10px;
}


    .nav-btns-container button[b-9h4zwccabg] {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        border: 1px solid var(--neutral-color);
        background-color: white;
        overflow: hidden;
    }


/*Schedule page*/
.schedule-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.settings-container[b-9h4zwccabg] {
    width: 50%;
    min-width: 510px;
}

.team-individual-container[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}


.input-item[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 120px;
    min-width: 225px;
}

.input-group[b-9h4zwccabg] {
    display: flex;
    gap: 50px;
    width: 100%;
}



.settings-container h3[b-9h4zwccabg] {
    margin-bottom: 8px;
}



.repetition-element[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 5px;
}

    .repetition-element h5[b-9h4zwccabg] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }


.recurring-element[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    height: 30px;
    gap: 10px;
}

.summary[b-9h4zwccabg] {
    width: 50%;
    min-width: 385px;
}

.summary-border-container[b-9h4zwccabg] {
    border-radius: 10px;
    border: 2px solid var(--neutral-color);
    padding: 24px;
    height: 100%;
}

.summary-heading[b-9h4zwccabg] {
    font-weight: 600;
    font-size: 23px;
    padding-bottom: 16px;
}

.summary-border-container img[b-9h4zwccabg] {
    width: 200px;
    height: 200px;
}

.summary-img-container[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .summary-img-container p[b-9h4zwccabg] {
        font-weight: 600;
    }


.summary-item[b-9h4zwccabg] {
    margin-bottom: 18px;
}


    .summary-item :first-child p[b-9h4zwccabg] {
        font-weight: 500;
    }

    .summary-item > div[b-9h4zwccabg] {
        display: flex;
        margin-bottom: 5px;
    }

.summary-item-heading[b-9h4zwccabg] {
    width: 190px;
    font-weight: 500;
}

.summary-item h3[b-9h4zwccabg] {
    margin-bottom: 5px;
}

.summary-survey-item[b-9h4zwccabg] {
    display: flex;
    flex-direction: column;
}

.toggle-show-survey-summary-container[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.bi-eye-fill[b-9h4zwccabg] {
    padding: 3px 6px;
    border-radius: 5px;
}

    .bi-eye-fill:hover[b-9h4zwccabg] {
        background-color: var(--hover-color);
    }

.toggle-show-survey-summary-container p[b-9h4zwccabg] {
    width: 75px;
    font-weight: 500;
}


ul[b-9h4zwccabg] {
    margin: 0;
    max-height: 150px;
    overflow: auto;
}

li[b-9h4zwccabg] {
    margin-bottom: 5px;
}

/*nav buttons*/
.navigation-btns-continer[b-9h4zwccabg] {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px;
}


.submit-btn-group[b-9h4zwccabg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}


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



    .radio-btns-container[b-9h4zwccabg], .checkbox-btns-container[b-9h4zwccabg] {
        width: 100%;
    }

    .edit-question-container[b-9h4zwccabg] {
        flex-direction: column;
    }

    .save-question-btn[b-9h4zwccabg] {
        padding-right: 0;
        margin-top: 20px;
    }


    .create-categories-container[b-9h4zwccabg] {
        justify-content: flex-start;
    }

    .survey-input-item[b-9h4zwccabg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .category-item-heading-row[b-9h4zwccabg] {
        flex-direction: column;
    }

    #category-name-heading-container[b-9h4zwccabg] {
        align-items: flex-start;
    }

    .survey-name-input-item[b-9h4zwccabg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cateogry-item-edit-btns-container[b-9h4zwccabg] {
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
    }

    .category-item-questions-container[b-9h4zwccabg] {
        flex-direction: column;
    }

    .remove-change-question-container[b-9h4zwccabg] {
        align-items: center;
    }

    .create-new-question-container[b-9h4zwccabg] {
        width: 100%;
    }

    .survey-input-item[b-9h4zwccabg] {
        align-items: flex-start;
        width: 100%;
    }

    .question-item[b-9h4zwccabg], .category-item[b-9h4zwccabg] {
        width: 100%;
        justify-content: center;
        gap: 15px;
        flex-direction: column;
    }

    .radio-btns-container[b-9h4zwccabg], .checkbox-btns-container[b-9h4zwccabg] {
        flex-wrap: wrap;
    }

    .one-to-five-ten[b-9h4zwccabg] {
        flex-wrap: wrap;
    }

    .input-group[b-9h4zwccabg] {
        gap: 20px;
    }

    .summary-border-container img[b-9h4zwccabg] {
        width: 150px;
        height: 150px;
    }

    .summary-border-container[b-9h4zwccabg] {
        border: none;
        padding: 10px;
    }

    .schedule-container[b-9h4zwccabg] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top: none;
        margin-top: 0px;
        padding-top: 0px;
    }

    .settings-contiainer[b-9h4zwccabg] {
        width: 100%;
    }

    .select-name-input-item[b-9h4zwccabg], .select-owner-input-item[b-9h4zwccabg], .input-item[b-9h4zwccabg] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .select-owner-text[b-9h4zwccabg] {
        width: 100%;
    }

    .settings-container[b-9h4zwccabg] {
        width: 100%;
        min-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .summary[b-9h4zwccabg] {
        width: 100%;
    }

    .team-individual-container[b-9h4zwccabg] {
        flex-direction: column;
    }

    .summary-item > div p:last-child[b-9h4zwccabg] {
        width: 150px;
    }

    .summary-item > div ul:last-child[b-9h4zwccabg] {
        width: 150px;
    }
}
/* /Pages/CustomSurvey/Create/PreviewSurveyDialog.razor.rz.scp.css */
.preview-survey-container[b-u46gjty5s5]{
    padding:44px;
}

.custom-survey-heading-container[b-u46gjty5s5] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bi-x-lg[b-u46gjty5s5] {
    position: absolute;
    top: -26px;
    right: -14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    padding: 7px;
    border-radius: 5px;
}

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

.heading[b-u46gjty5s5] {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.category-container[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 60px;
}

.category-heading[b-u46gjty5s5] {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}

.category-item[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid lightgray;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.questions-container[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.question-title-container[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bi-check-circle-fill[b-u46gjty5s5] {
    font-size: 20px;
}

.question-item[b-u46gjty5s5] {
    display: flex;
    align-items: center;
    gap: 40px;
}

.question-item-container[b-u46gjty5s5] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.checkbox-container[b-u46gjty5s5] {
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.question[b-u46gjty5s5] {
    font-size: 16px;
}

.answer-type-container[b-u46gjty5s5] {
    display: flex;
    align-items: flex-start;
    width: 70%
}

.one-to-five-ten[b-u46gjty5s5] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


.number-element[b-u46gjty5s5] {
    width: 40px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .number-element p[b-u46gjty5s5] {
        font-size: 20px;
        position: relative;
        z-index: 10;
    }

    .number-element:hover p[b-u46gjty5s5] {
        color: white;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }


    .number-element[b-u46gjty5s5]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: lightgray;
        cursor: pointer;
    }

    .number-element:hover[b-u46gjty5s5]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--yes-color);
        animation: fillContainer-b-u46gjty5s5 .2s forwards;
        z-index: 1;
        cursor: pointer;
    }


@keyframes fillContainer-b-u46gjty5s5 {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 55px;
        height: 65px;
    }
}

.validation-message[b-u46gjty5s5] {
    position: absolute;
    top: -24px;
    right: 0;
}

.submit-btn-container[b-u46gjty5s5] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}


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

    .answer-custom-survey-container[b-u46gjty5s5] {
        border-radius: 0;
    }

    .answer-type-container[b-u46gjty5s5] {
        display: flex;
        align-items: flex-start;
        width: 100%
    }

    .submit-btn-container[b-u46gjty5s5] {
        margin-bottom: 50px;
    }
}
/* /Pages/CustomSurvey/Overview/CustomSurveyOverview.razor.rz.scp.css */

.customsurvey-container[b-lwwg9ldp0k] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

h1[b-lwwg9ldp0k] {
    padding-left: 5px;
}

.content[b-lwwg9ldp0k] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 10px;
    padding: 24px;
    margin-top: 16px;
}


/*Tabs*/
.tabs-container[b-lwwg9ldp0k] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 2px solid var(--neutral-color);
    margin: 24px 0;
}

    .tabs-container h5[b-lwwg9ldp0k] {
        position: relative;
        cursor: pointer;
        font-weight: 400;
        font-size: 15px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin-bottom: 3px;
    }

        .tabs-container h5:hover[b-lwwg9ldp0k] {
            background-color: var(--hover-color);
        }

.tab-underline-active[b-lwwg9ldp0k] {
    position: absolute;
    z-index: 100;
    visibility: visible;
    height: 2px;
    background-color: var(--secondary-color);
    width: 100%;
    bottom: -5px;
    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;
}


.overview-info-container[b-lwwg9ldp0k] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 180px;
    padding-bottom: 16px;
}

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



.bi-plus[b-lwwg9ldp0k] {
    color: white;
    font-size: 25px;
    padding-top: 2px;
    color: var(--btn-secondary-color);
}

/*card*/
.cards-container[b-lwwg9ldp0k] {
    width: 100%;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 20px;
}


/*card*/
.cards-container[b-lwwg9ldp0k] {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.card[b-lwwg9ldp0k] {
    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;
}

.card-heading[b-lwwg9ldp0k]{
    text-align:center;
}

.card-img-container[b-lwwg9ldp0k] {
    border-bottom: 2px solid var(--neutral-color);
    border-top: 2px solid var(--neutral-color);
    transition: .1s ease-in;
    height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.card img[b-lwwg9ldp0k] {
    width: 150px;
    height: 150px;
}

#custom-survey-img[b-lwwg9ldp0k] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.card .wellbeing-img[b-lwwg9ldp0k] {
    width: 160px;
    height: 160px;
}

.card-content h4[b-lwwg9ldp0k] {
    text-align: center;
}



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


    .customsurvey-container[b-lwwg9ldp0k]{
    border-radius:0;
    }

    .cards-container[b-lwwg9ldp0k]{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

}
/* /Pages/CustomSurvey/Result/CustomSurveyResult.razor.rz.scp.css */
.custom-survey-cards-container[b-m4gnaosmh2] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 24px;
}

.survey-name[b-m4gnaosmh2] {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.answer-rate-heading[b-m4gnaosmh2]{
    font-weight:500;
    font-size:18px;
}

.survey-card[b-m4gnaosmh2] {
    padding: 20px;
    display: flex;
    width:280px;
    flex-direction: column;
    align-items: center;
    box-shadow: 2px 2px 4px rgba(85, 102, 153, 0.11), 6px 6px 30px rgba(125, 153, 180, 0.25);
    cursor: pointer;
    border-radius: 10px;
}

.card-info-container[b-m4gnaosmh2]{
    display:flex;
    flex-direction:column;
}
    .card-info-container p[b-m4gnaosmh2] {
        font-weight: 500;
    }

    .card-info-container label[b-m4gnaosmh2] {
        width:100px;
    }

.answer-rate-element[b-m4gnaosmh2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:20px;
}

.answer-rate[b-m4gnaosmh2]
{
    font-weight:600;
    font-size:20px;
}

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


    .custom-survey-cards-container[b-m4gnaosmh2] {
        display: flex;
       flex-direction:column;
       align-items:center;
        gap: 24px;
        margin-top: 24px;
    }

}
/* /Pages/CustomSurvey/Result/CustomSurveyRoundResultDialog.razor.rz.scp.css */
.custom-survey-result-container[b-d0qjjmw38b] {
    position:relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 10px;
    padding: 44px;
}

.close-btn[b-d0qjjmw38b]{
    position:absolute;
    top:15px;
    right:15px;
}
.team-filter-container[b-d0qjjmw38b], .user-filter-container[b-d0qjjmw38b]{
    display:flex;
    gap:10px;
}
.table-img-container[b-d0qjjmw38b] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.bi-x-lg[b-d0qjjmw38b] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border-radius: 5px;
    padding: 6px;
}

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

    .filter-bar[b-d0qjjmw38b]{
        display:flex;
        align-items:center;
        gap:40px;
        margin-bottom:44px;
    }

.survey-name[b-d0qjjmw38b]{
    text-align:center;
    font-size:30px;
    font-weight:600;
    margin:30px 0 50px 0;
}

.category-item[b-d0qjjmw38b] {
    display:flex;
    flex-direction:column;
    gap:40px;
  padding-bottom:50px;
  margin-bottom:50px;
  border-bottom:1px solid lightgray;
}

.category-title[b-d0qjjmw38b] {
    font-size: 25px;
    font-weight: 500;
}

.question-item[b-d0qjjmw38b]{
   display:flex;
   flex-direction:column;
   gap:15px;
   width:80%;
}

.question-title[b-d0qjjmw38b]{
    font-size:16px;
    font-weight:500;
}


.result-item[b-d0qjjmw38b] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.slider-container[b-d0qjjmw38b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap:10px;
}
.slider[b-d0qjjmw38b] {
    width:100%;
    display: flex;
    gap: 28px;
    align-items: center;
}
slider-value[b-d0qjjmw38b]{
    text-align:center;
}
.result-item-text[b-d0qjjmw38b] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top:20px;
}

.toggle-text-answers-container[b-d0qjjmw38b] {
    display: flex;
    align-items: center;
    justify-content:space-between;
    cursor: pointer;
    width:107px;
}
    .toggle-text-answers-container p[b-d0qjjmw38b]{
        font-weight:500;
       
    }
    .result-key-pair-container[b-d0qjjmw38b] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        width: 100%;
        width: 45px;
    }

.key[b-d0qjjmw38b]{
    font-weight:500;
    font-size:14px;
}

.number[b-d0qjjmw38b]{
    border-radius:5px;
    border:1px solid lightgray;
    width:30px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;

}



.radio-or-checkbox-container[b-d0qjjmw38b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.result-key-pair-radio-or-checkbox[b-d0qjjmw38b]{
    display:flex;
    gap:10px;
}

.radio-or-checkbox[b-d0qjjmw38b]{
    display:flex;
    flex-direction:column;
}

.close-btn-container[b-d0qjjmw38b] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}


.result-item-choice-text[b-d0qjjmw38b]{
   display:flex;
   flex-direction:column;
   gap:5px;
   margin-top:5px;
}

.toggle-text-choice-container[b-d0qjjmw38b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 107px;
}

  


@media only screen and (max-width: 641px) {
    .custom-survey-result-container[b-d0qjjmw38b]{
        border-radius:0;
    }

    .result-item[b-d0qjjmw38b] {
  
        width: 100%;
        flex-wrap:wrap;
    }

    .question-item[b-d0qjjmw38b] {
        width: 100%;
    }
    .filter-bar[b-d0qjjmw38b] {
  flex-direction:column;
  align-items:flex-start;
    }
}
/* /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] {
    color: var(--icon-color);
    font-size: 33px;
    background-color: var(--icon-background-color);
    border-radius: 50%;
    padding: 6px;
}

.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*/
.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;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 20px;
    transition: ease-in-out .3s;
}

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


.action-heading-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-fkt9057lao] {
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
}

.category-time-consumption[b-fkt9057lao] {
    margin-bottom: 10px;
}

    .category-time-consumption p[b-fkt9057lao] {
        color: #979797;
        font-size: 10px;
    }

.action-heading-item[b-fkt9057lao] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .action-heading-item img[b-fkt9057lao] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.action-card-text-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}

.action-card-heading[b-fkt9057lao] {
    font-weight: 500;
}

.action-card-text-content[b-fkt9057lao] {
    font-weight: 300;
}

/*Difficulty*/
.difficulty-container[b-fkt9057lao] {
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .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: 6px;
    width: 6px;
    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: 253px;
    border-radius: 6px;
    padding: 17px;
    cursor: pointer;
    background-color: white;
    position: relative;
    transition: ease-in-out .3s;
}


.card-content[b-fkt9057lao] {
    padding-top: 89px;
}

.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: 89px;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.team-img-placeholder[b-fkt9057lao] {
    width: 100%;
    height: 89px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #cbcbcb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/*
profile picture*/
.profile-picture-container[b-fkt9057lao] {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 5px 0;
}

.profile-picture[b-fkt9057lao] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #D9D9D9;
}

    .profile-picture img[b-fkt9057lao] {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 50%;
    }

.bi-person-circle[b-fkt9057lao] {
    position: absolute;
    top: -3px;
    color: var(--inactive-color);
    font-size: 20px;
    text-align: center;
}

.number-team-members[b-fkt9057lao] {
    font-weight: 500;
    font-size: 10px;
}


.placeholder-container[b-fkt9057lao] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
    min-height:281px;
}

    .placeholder-container img[b-fkt9057lao] {
        height: 99px;
        width: 99px;
        object-fit: cover;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

.placeholder-heading[b-fkt9057lao] {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: 0.42px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.placeholder-text[b-fkt9057lao] {
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    padding-bottom: 25px;
    max-width: 340px;
}


.owner-or-member-container[b-fkt9057lao] {
    position: absolute;
    right: -7px;
    top: 17px;
    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;
}


@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: 351px;
    Height: auto;
    min-height: 373px;
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    position: relative;
}

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

.bi-x-lg[b-jn7ccaf0yg] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    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 */
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.text-container[b-jn7ccaf0yg] {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .text-container p[b-jn7ccaf0yg] {
        font-size: 14px;
    }

.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;
}
/*Slider*/
.slider-container[b-jn7ccaf0yg] {
    display: flex;
    flex-direction: column;
    align-items:center;
    width: 95%;
    padding-bottom: 30px;
    gap: 10px;
    margin-top: 20px;
}

.selected-answer-value[b-jn7ccaf0yg] {
    padding: 15px 0;
}


img[b-jn7ccaf0yg] {
    width: 70px;
    height: 70px;
}

/*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;
    }
}
/* /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;
}

    .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%;
}

    .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;
    }

.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;
}

.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: 11px;
}
/* /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;
}
    .summary-list p[b-m2tirv0i6m] {
        font-weight: 300;
    }
.change-days-to-answer-btn[b-m2tirv0i6m] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}

/*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: #33475B;
        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: 17px;
    width: 100%;
}

    .owner-element .input-item[b-wh1g790wr9] {
        width: 30%;
    }

.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;
    }

.bi-person-circle[b-wh1g790wr9] {
    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-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;
}

    .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%;
}

    .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;
}

.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: 11px;
}
.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: #EDEFF9;
}

    .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;
    position: relative;
    overflow: hidden;
    margin-bottom:15px;
    position:relative;
}

    .hero img[b-nwqhw34aht] {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.hero-text-container[b-nwqhw34aht] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-width: 460px;
    padding: 31px;
    position: absolute;
    bottom:0;
    z-index:1;
}

    .hero-text-container p[b-nwqhw34aht], h1[b-nwqhw34aht] {
        color: white;
    }



.hero-btn-container[b-nwqhw34aht] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.overlay[b-nwqhw34aht] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
@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: 16px;
    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;
    gap: 20px;
    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*/
.filter-bar[b-9psrj7bz4a] {
    display: flex;
    align-items: center;
    
    gap: 13px;
    margin-top: 13px;
}

.input-item[b-9psrj7bz4a] {
    position: relative;
    display: flex;
    width:200px;
    height: 38px;
}

.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;
}

.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;
    }


@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: #33475B;
        font-size: 16px;
    }

.page-heading-container[b-90cle0o6mo] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 31px;
}

.page-heading[b-90cle0o6mo] {
    font-size: 24px;
    font-weight: 600;
    color: #33475B;
}

.tooltip-container[b-90cle0o6mo] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-90cle0o6mo] {
    width: 100%;
    position: relative;
    height: 311px;
    border-radius: 6px;
}

.linear-gradient[b-90cle0o6mo] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius: 6px;
}

.hero img[b-90cle0o6mo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.95;
}

.difficulty-container[b-90cle0o6mo] {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 20px;
    bottom: 20px;
    width: 50%;
}

    .difficulty-container p[b-90cle0o6mo] {
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

.difficulty-element[b-90cle0o6mo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.difficulty-dot[b-90cle0o6mo] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.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;
    }

.category-icon-container img[b-90cle0o6mo] {
    width: 20px;
    height: 20px;
}

.time-consumption[b-90cle0o6mo] {
    font-weight: 400;
    line-height:18px;
}

.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;
    padding-left: 25px;
}



.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;
}

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

.action-img-container[b-4s4lphl9hh] {
    width: 138px;
    height: 100%;
}

    .action-img-container img[b-4s4lphl9hh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.action-heading-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.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: 10px;
}

    .action-heading-item img[b-4s4lphl9hh] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }


.action-card-text-container[b-4s4lphl9hh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    flex: 1;
    gap: 10px;
}

.action-card-heading[b-4s4lphl9hh] {
    font-weight: 500;
}

.action-card-text-content[b-4s4lphl9hh] {
    font-weight: 300;
}

/*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;
    margin-bottom: 5px;
}

.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 .material-symbols-outlined[b-zkiibnc4jv] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 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: #33475b;
    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: 0 16px 16px 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 .material-symbols-outlined[b-utnf4s2ud2] {
        position: absolute;
        top:11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: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: #33475b;
    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;
}
/*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;
    margin-bottom: 5px;
}

.difficulty-dot[b-utnf4s2ud2] {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}
/*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] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.advice-card[b-utnf4s2ud2] {
    display: flex;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 20px;
    transition: ease-in-out .3s;
}

    .advice-card:hover[b-utnf4s2ud2] {
        box-shadow: var(--box-shadow);
    }


.advice-card-heading-container[b-utnf4s2ud2] {
    display: flex;
    flex-direction: column;
}

.advice-card-heading[b-utnf4s2ud2] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.category-time-consumption[b-utnf4s2ud2] {
    margin-bottom: 5px;
}

    .category-time-consumption p[b-utnf4s2ud2] {
        color: #979797;
        font-size: 10px;
    }

.advice-heading-item[b-utnf4s2ud2] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

    .advice-heading-item img[b-utnf4s2ud2] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.advice-card-text-container[b-utnf4s2ud2] {
}

.advice-card-heading[b-utnf4s2ud2] {
    font-weight: 500;
}

.advice-card-text-content[b-utnf4s2ud2] {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}

@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 .material-symbols-outlined[b-skg6xga8fq] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 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: #33475b;
    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;
    height:100%;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 0 16px 16px 16px;
}
.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;
   height:500px;
    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] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-question-container[b-skg6xga8fq] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.devider[b-skg6xga8fq] {
    height: 15px;
    width: 2px;
    background-color: #C1C1BE;
}
.comment-date[b-skg6xga8fq] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.category[b-skg6xga8fq]{
    font-weight:500;
}
.question[b-skg6xga8fq]{
    font-size:13px;
}
.comment-text-container[b-skg6xga8fq] {
width:70%;
margin-top:14px;
}
.comment-date[b-skg6xga8fq] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}
.comment-profile-img[b-skg6xga8fq]{
    border-radius:50%;
    width:38px;
    height:38px;
    object-fit:cover;
}
.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;
}
@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 .material-symbols-outlined[b-dylzu7iepn] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 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;
    color: #33475b;
    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: 0 16px 16px 16px;
    position:relative;
    height:300px;
}

.chart-smiley-container[b-dylzu7iepn] {
    position: absolute;
    left: 12px;
    top: 46px;
    height: 69%;
    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-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] {
    width: 70%;
    margin-top: 14px;
    min-height: 40px;
}

.add-comment-date-container[b-dylzu7iepn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    height: 25px;
}

.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;
}

.action-item[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 3px;
    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;
}
.comment-action-bar[b-dylzu7iepn] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-dylzu7iepn] {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        object-fit: cover;
    }

.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;
}

.comment-profile-img[b-dylzu7iepn] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}

.bi-person-circle[b-dylzu7iepn] {
    color: var(--inactive-color);
    font-size: 38px;
    display: flex;
    align-items: center;
}

.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;
}

.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] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.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);
}

    .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: 5px;
    border-radius: 6px;
    position: relative;
    cursor:default;
}

    .number-of-likes-main-comment-container:hover .like-tooltip[b-dylzu7iepn] {
        display: flex;
    }

.number-of-likes-icon[b-dylzu7iepn] {
    font-size: 15px;
    color: var(--like-color);
    width: 19px;
}

.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 .material-symbols-outlined[b-dylzu7iepn] {
        color: #CDCDCB;
        font-size: 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;
}

.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;
}

.chat-icon[b-dylzu7iepn] {
    position: relative;
    color: #7d7d7d;
    font-size: 18px;
    position: relative;
    top: 1px;
}

    .chat-icon: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: 10px 20px;
    min-width: 50px;
    background-color: white;
    border-radius: 6px;
    display: none;
    z-index:100;

}
.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] {
    max-width: 900px;
    display: flex;
    flex-direction:column;
    gap:30px;
    margin-bottom:30px;
}

.heading-container[b-9m7odl3g7e] {
    position: relative;
    width:max-content;
}


.tooltip-container[b-9m7odl3g7e] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.filter-bar-container[b-9m7odl3g7e] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 30px;
    position: sticky;
    top: 0px;
    z-index: 199;
    background-color: var(--background-color);
    width: 100%;
}

.filter-bar[b-9m7odl3g7e] {
    position:relative;
    width:100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0 10px 0;
}

    .filter-bar select[b-9m7odl3g7e] {
        width: 250px;
    }

.search-container[b-9m7odl3g7e] {
    width: 550px;
}
.search-icon[b-9m7odl3g7e] {
    position: absolute;
    z-index: 100;
    left: 5px;
}

.sort-container[b-9m7odl3g7e] {
    width: 225px;
}
.team-cards-container[b-9m7odl3g7e] {

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
margin:30px 0;
}


.team-card[b-9m7odl3g7e] {
    width: 253px;
    border-radius: 6px;
    padding: 17px;
    cursor: pointer;
    background-color: white;
    position: relative;
    transition: ease-in-out .3s;
}
.new-team-team-card[b-9m7odl3g7e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 253px;
    height: 196.78px;
    border-radius: 6px;
    padding: 17px;
    background-color: var(--card-background-hover-color);
}
.card-content[b-9m7odl3g7e] {
    padding-top: 89px;
}

.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: 89px;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.team-img-placeholder[b-9m7odl3g7e] {
    width: 100%;
    height: 89px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #cbcbcb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/*
profile picture*/
.profile-picture-container[b-9m7odl3g7e] {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 5px 0;
}

.profile-picture[b-9m7odl3g7e] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #D9D9D9;
}

    .profile-picture img[b-9m7odl3g7e] {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 50%;
    }

.bi-person-circle[b-9m7odl3g7e] {
    position: absolute;
    top: -3px;
    color: var(--inactive-color);
    font-size: 20px;
    text-align: center;
}

.number-team-members[b-9m7odl3g7e] {
    font-weight: 500;
    font-size: 10px;
}


.placeholder-container[b-9m7odl3g7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   max-width:800px;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative;
}

    .placeholder-container img[b-9m7odl3g7e] {
        height: 99px;
        width: 99px;
        object-fit: cover;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

.placeholder-heading[b-9m7odl3g7e] {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: 0.42px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.placeholder-text[b-9m7odl3g7e] {
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 15px */
    letter-spacing: 0.3px;
    padding-bottom: 25px;
    max-width: 340px;
}


.owner-or-member-container[b-9m7odl3g7e] {
    position: absolute;
    right: -7px;
    top: 17px;
    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;
}


@media only screen and (max-width: 641px) {
    .team-info-container[b-9m7odl3g7e] {
        height: auto;
        width: 100%;
    }

    .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: #33475B;
        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;
    color: #33475B;
}

.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-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-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: #cbcbcb;
    border-radius: 6px;
}

.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);
    }

    .cover-image-container #uploadImage[b-1i4or8a1fc] {
        display: none;
    }

#uploadImage[b-1i4or8a1fc] {
    visibility: hidden;
}

.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[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 20px 0;
    border-radius: 6px;
}

.table-item[b-1i4or8a1fc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    height: 47px;
    padding: 0 30px 0 20px;
    cursor: pointer;
    border-top: 1px solid #e9e9e9;
}

    .table-item:hover[b-1i4or8a1fc] {
        background-color: var(--hover-color) !important;
    }

.table-heading[b-1i4or8a1fc] {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    margin-bottom: 8px;
    padding-left: 20px;
}


.owner-table .table-item:last-of-type[b-1i4or8a1fc],
.member-table .table-item:last-of-type[b-1i4or8a1fc] {
    border-bottom: 1px solid #e9e9e9;
}
.picture-name-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 300px;
}

.profile-picture-container[b-1i4or8a1fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border-radius: 50%;
}

    .profile-picture-container img[b-1i4or8a1fc] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .profile-picture-container .bi-person-circle[b-1i4or8a1fc] {
        font-size: 32px;
        color: var(--inactive-color);
        display: flex;
    }

.jobtitle-container[b-1i4or8a1fc] {
    width: 200px;
}

.role-container[b-1i4or8a1fc] {
    width: 100px;
}

.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/AddUserDialog.razor.rz.scp.css */


.add-employee-modal-container[b-5c2bdxhh40] {
    width: 500px;
}

.heading-container[b-5c2bdxhh40] {
    width: 100%;
    margin-bottom: 20px;
}



.input-container[b-5c2bdxhh40] {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.input-item[b-5c2bdxhh40] {
    display: flex;
    flex-direction: column;
}
 
.input-item label[b-5c2bdxhh40]{
font-size:14px;
font-weight:500;
}

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

.role-description-container[b-5c2bdxhh40] {
    width: 100%;
    height: 60px;
}


.btns-container[b-5c2bdxhh40] {
    width: 100%;
    min-width: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}


@media only screen and (max-width: 641px) {
    .input-item[b-5c2bdxhh40] {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .add-employee-modal-container[b-5c2bdxhh40] {
        height: 100vh;
    }
}

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

    .add-employee-modal-container[b-5c2bdxhh40] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /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: #33475B;
        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 */
    }

.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-profile-picture[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;
    background-color: #D9D9D9;
}

    .staff-profile-picture img[b-uzo7phtqe3] {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

    .staff-profile-picture .bi-person-circle[b-uzo7phtqe3] {
        position: absolute;
        top: -6px;
        color: var(--inactive-color);
        font-size: 35px;
        text-align: center;
    }

.number-of-staff[b-uzo7phtqe3] {
    font-weight: 600;
}

.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: 253px;
    border-radius: 6px;
    padding: 17px;
    cursor: pointer;
    background-color: white;
    position: relative;
    border: 1px solid #e9e9e9;
    cursor: default;
    transition: ease-in-out .3s;
}

    .team-card img[b-uzo7phtqe3] {
        width: 100%;
        height: 89px;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
.card-content[b-uzo7phtqe3] {
    padding-top: 89px;
}


.heading[b-uzo7phtqe3] {
    font-size: 16px;
    font-weight: 500;
}

.team-card-hover:hover[b-uzo7phtqe3] {
  box-shadow:var(--box-shadow);
    cursor:pointer;
}

.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-img-placeholder[b-uzo7phtqe3] {
    width: 100%;
    height: 89px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #cbcbcb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/*
/*
profile picture*/
.profile-picture-container[b-uzo7phtqe3] {
    position:relative;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 5px 0;
    height: 20px;
}

.team-card .profile-picture[b-uzo7phtqe3] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #D9D9D9;
}

.team-card  .profile-picture img[b-uzo7phtqe3]{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-picture-container .bi-person-circle[b-uzo7phtqe3] {
    position: absolute;
    top: -3px;
    color: var(--inactive-color);
    font-size: 20px;
    text-align: center;
}

.number-team-members[b-uzo7phtqe3] {
    font-weight: 500;
    font-size: 10px;
}

.owner-or-member-container[b-uzo7phtqe3] {
    position:absolute;
    right:-7px;
    top:17px;
    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;
}
/*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*/
.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);
}

.profile-img[b-uzo7phtqe3] {
    height: 110px;
    width: 110px;
    object-fit: cover;
    border-radius: 50%;
}


.profile-picture[b-uzo7phtqe3] {
    display: flex;
    justify-content: center;
    align-items:flex-start;
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

#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: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: 7px;
    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;
}

.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%
}

.top-container[b-zutmlrlei4]{
    width:100%;
    display:flex;
    gap:20px;
    align-items:center;
}
.heading-container[b-zutmlrlei4]{
    position:relative;
    width:max-content;
    margin-bottom:24px;
}

.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:20px;
}

.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 .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;
    color: #33475b;
    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;
}

.filter-bar-container[b-zutmlrlei4] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 30px;
    position: sticky;
    top: 0px;
    z-index: 199;
    background-color: var(--background-color);
    width: 100%;
}

.filter-bar[b-zutmlrlei4] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0 10px 0;
}

    .filter-bar select[b-zutmlrlei4] {
height:42px !important;
    }
    .filter-bar input[b-zutmlrlei4] {
        padding-left:35px !important;
    }

.filter-container[b-zutmlrlei4] {
display:flex;
flex:1;
position:relative;
outline:none !important;

}
.filter-bar input[b-zutmlrlei4], .filter-bar select[b-zutmlrlei4] {
    width: 100%;
}
.search-icon[b-zutmlrlei4] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top:8px;
}

.sort-container[b-zutmlrlei4] {
    width: 225px;
}

.not-enough-seats-text-container[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    width: 323px;
}

    .not-enough-seats-text-container span[b-zutmlrlei4] {
        text-decoration: underline;
        cursor: pointer;
    }

    .not-enough-seats-text-container p[b-zutmlrlei4] {
        padding-top: 3px;
    }

.btn-group[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 15px;
    
}

    .btn-group .material-symbols-outlined[b-zutmlrlei4] {
        font-size: 22px;
        width: 9px;
        display: flex;
        justify-content: center;
    }
    .tooltip[b-zutmlrlei4] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }



.dropdown-links-container[b-zutmlrlei4] {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bi-person-circle[b-zutmlrlei4] {
    color: var(--inactive-color);
    font-size: 33px;
    height: 35px;
    display: flex;
    align-items: center;
}

.name-td[b-zutmlrlei4] {
    display: flex;
    align-items: center;
    gap: 12px; 
}

    .name-td img[b-zutmlrlei4] {
        height: 33px;
        width: 33px;
        border-radius: 50%;
        object-fit: cover;
    }


.name-container[b-zutmlrlei4]{
    display:flex;
    gap:3px;
}
.dropdown-links-container p[b-zutmlrlei4] {
    border-bottom: 2px solid white;
}

.dropdown-links-container .edit-btn:hover[b-zutmlrlei4] {
    border-bottom: 2px solid var(--primary-color);
}

.dropdown-links-container .remove-btn:hover[b-zutmlrlei4] {
    border-bottom: 2px solid var(--primary-color);
}


/*Teams*/

.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;
    }
.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);
}
.team-letter-container[b-zutmlrlei4] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-letter[b-zutmlrlei4] {
    font-size: 14px;
}

.no-team-placeholder[b-zutmlrlei4] {
    padding-left: 12px;
}

.jobtitle-placeholder[b-zutmlrlei4] {
    color: #a6a4a4;
    font-family:var(--font);
}

@media only screen and (max-width: 641px) {
    .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;
    Height: 480px;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
}

.card-top-section[b-7r5jpce1jf] {
    position: relative;
    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-btn-container[b-7r5jpce1jf] {
    position: relative;
}

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

.bi-x-lg[b-7r5jpce1jf] {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
}

.question-index-container[b-7r5jpce1jf] {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}


.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: space-between;
    background-color: white;
}

.pulse-question-container[b-7r5jpce1jf] {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    width: 100%;
    height: 130px;
    overflow: scroll;
    flex-wrap: nowrap;
}

    .pulse-question-container p[b-7r5jpce1jf] {
        line-height: 1.4;
        text-align: center;
    }

.disagree-agree-container[b-7r5jpce1jf] {
    width: 100%;
    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;
}



/*Comment*/
.textarea-and-navigation-content-container[b-7r5jpce1jf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

textarea[b-7r5jpce1jf] {
    background-color: white;
    width: 100%;
    height: 65px;
    outline: none;
    border: 1px solid #DADAD8;
    border-radius: 6px;
    padding: 10px;
    resize: none;
    cursor: text;
}

    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;
}

    .comment-character-counter-container p[b-7r5jpce1jf] {
        color: #757570;
        font-size: 10px;
        font-weight: 300;
    }
/*Navigation buttons*/
.nav-btns-container[b-7r5jpce1jf] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
}

.bi-chevron-left[b-7r5jpce1jf], .bi-chevron-right[b-7r5jpce1jf] {
    font-size: 20px;
    z-index: 10;
    position: relative;
    background-color: transparent;
}


.nav-icon[b-7r5jpce1jf] {
    color: #c9c9c9;
    font-size: 20px;
    cursor: pointer;
}

.nav-icon-right-active[b-7r5jpce1jf], .nav-icon-left-active[b-7r5jpce1jf] {
    color: #333;
}

.nav-btns-container p[b-7r5jpce1jf] {
    font-weight: 600;
    background-color: white;
    cursor: pointer;
    width: 63px;
    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:83px;
}

.slider-container[b-7r5jpce1jf] {
    width: 90%;
}




/* Yes now btns*/
.no-yes-container[b-7r5jpce1jf] {
    width: 90%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

    .no-yes-container div[b-7r5jpce1jf] {
        cursor: pointer;
        flex: 1;
        border-radius: 6px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .no-yes-container div p[b-7r5jpce1jf] {
            font-size: 12px;
            font-weight: 500;
        }

.no-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--low-value-color);
}

    .no-btn-container p[b-7r5jpce1jf] {
        color: var(--low-value-color);
    }

.no-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--low-value-color);
    transition: ease-in .1s;
}

    .no-btn-container-active p[b-7r5jpce1jf] {
        color: white;
        font-size: 16px;
    }

.yes-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--high-value-color);
}

    .yes-btn-container p[b-7r5jpce1jf] {
        color: var(--high-value-color);
    }

.yes-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--high-value-color);
    transition: ease-in .1s;
}

    .yes-btn-container-active p[b-7r5jpce1jf] {
        color: white;
    }


/*Reverse no yes btns*/
.reverse-no-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--high-value-color);
}

    .reverse-no-btn-container p[b-7r5jpce1jf] {
        color: var(--high-value-color);
    }

.reverse-no-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--high-value-color);
    transition: ease-in .2s;
}

    .reverse-no-btn-container-active p[b-7r5jpce1jf] {
        color: white;
    }

.reverse-yes-btn-container[b-7r5jpce1jf] {
    border: 3px solid var(--low-value-color);
}

    .reverse-yes-btn-container p[b-7r5jpce1jf] {
        color: var(--low-value-color);
    }

.reverse-yes-btn-container-active[b-7r5jpce1jf] {
    border: 3px solid transparent;
    background-color: var(--low-value-color);
    transition: ease-in .2s;
}

    .reverse-yes-btn-container-active p[b-7r5jpce1jf] {
        color: white;
    }

/*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;
    }

    .pulse-question-container[b-7r5jpce1jf] {
        height: 150px;
        min-height: 150px;
        overflow: scroll;
        align-items: flex-start;
    }

    .answer-slider-container[b-7r5jpce1jf] {
        height: 78px;
        justify-content: flex-end;
    }
}
/* /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;
}

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

.team-letter[b-kq8foi9dzp] {
    font-size: 20px;
}

.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;
}

    .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: center;
    gap: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
}
    .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: 4px;
    height: 100%;
}

    .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[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;
    }

.pulse-icon-container[b-qkqzt0eg85] {
    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-qkqzt0eg85] {
        color: var(--icon-color);
    }


.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;
}

.date-text[b-qkqzt0eg85]{
    position:absolute;
    bottom:3px;
    right:10px;
    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:11px;
    }

@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;
}

.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;
}
    .summary-list 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;
    min-height: 146px;
    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;
}
.material-symbols-outlined[b-6milqqpki7]{
    font-size:17px;
}

.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] {
    width: 857px;
    height: 70vh;
    position: relative;
    background-color: var(--background-color);
    padding: 45px 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;
    min-height: 146px;
    border-radius: 6px;
    position: relative;
    padding: 19px;
    background-color: white;
}

    .question-container:hover[b-2gavtn1xl8] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.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;
}

.material-symbols-outlined[b-2gavtn1xl8] {
    font-size: 17px;
}



/*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: #33475B;
        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: #33475B;
}

.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;
}

.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: 25px;
}


/*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: 17px;
    width: 100%;
}

    .owner-element .input-item[b-nfb5cfq3cv] {
        width: 30%;
    }

.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;
    }

.bi-person-circle[b-nfb5cfq3cv] {
    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-nfb5cfq3cv] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 10px;
}

/*
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;
}

    .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;

}
    .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: 4px;
    height: 100%;
}

    .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;
    }

.pulse-icon-container[b-ar7jpl9ubh] {
    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-ar7jpl9ubh] {
        color: var(--secondary-color);
    }


.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;
}

.date-text[b-ar7jpl9ubh] {
    position: absolute;
    bottom: 3px;
    right: 10px;
    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: 11px;
}

@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: #33475B;
        font-size: 16px;
    }

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

.page-heading[b-twr6eftrs5] {
    font-size: 24px;
    font-weight: 600;
    color: #33475B;
}

.tooltip-container[b-twr6eftrs5] {
    position: absolute;
    top: 0px;
    right: -25px;
}
.hero[b-twr6eftrs5]{
    width:100%;
    position:relative;
    height:311px;
    border-radius:6px;
}
.linear-gradient[b-twr6eftrs5] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius:6px;
}
    .hero img[b-twr6eftrs5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
        opacity:0.95;
    }

.difficulty-container[b-twr6eftrs5] {
    position: absolute;
    bottom:0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left:20px;
    bottom:20px;
    width:50%;
}
.difficulty-container p[b-twr6eftrs5]{
color:white;
font-size:16px;
font-weight:500;
}
.difficulty-element[b-twr6eftrs5] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.difficulty-dot[b-twr6eftrs5] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}
.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;
}
.pulse-action-info-container span[b-twr6eftrs5]{
 color:var(--secondary-color);
padding-bottom:5px;
 
}

.category-icon-container img[b-twr6eftrs5]{
    width:20px;
    height:20px;
}
.time-consumption[b-twr6eftrs5] {
    font-weight: 400;
    line-height: 18px;
}
.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: 20px;
}

.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;
    padding-left:25px;
}



.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;
    margin-top: 20px;
}

.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;
}

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

.action-img-container[b-2l2i8q2n8d] {
    width: 138px;
    height: 100%;

}
.action-img-container img[b-2l2i8q2n8d]{
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.action-heading-container[b-2l2i8q2n8d]{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.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:10px;
}
.action-heading-item img[b-2l2i8q2n8d] {
    width: 20px;
    height: 20px;
    object-fit:contain;
}


.action-card-text-container[b-2l2i8q2n8d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    flex: 1;
    gap: 10px;
}

.action-card-heading[b-2l2i8q2n8d] {
    font-weight: 500;
}

.action-card-text-content[b-2l2i8q2n8d] {
    font-weight: 300;
}

/*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;
    margin-bottom: 5px;
}

.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: 27px;
    }
.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;
    position: relative;
    overflow:hidden;
}

.hero img[b-7ixbh6zmpu] {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hero-text-container[b-7ixbh6zmpu] {
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 5px;
    flex: 1;
    padding: 31px;
    min-width: 400px;
    position:absolute;
   bottom:0;
   z-index:1;
}

    .hero-text-container p[b-7ixbh6zmpu], h1[b-7ixbh6zmpu] {
        color: white;
    }

.hero-btn-container[b-7ixbh6zmpu] {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.overlay[b-7ixbh6zmpu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
@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 .hover-content[b-8tpd9v1oa8] {
        display: flex;
        align-items: center;
        justify-content: center;
        animation: fadeIn-b-8tpd9v1oa8 .2s;
        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: 24px;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    position:relative;
}

    .pulse-template-card-list:hover .hover-content[b-8tpd9v1oa8] {
        display: flex;
        align-items: center;
        justify-content: center;
        animation: fadeIn-b-8tpd9v1oa8 .4s;
        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;
    }

.pulse-template-icon-container[b-8tpd9v1oa8] {
    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-8tpd9v1oa8] {
        color: var(--icon-color);
    }


.hover-content[b-8tpd9v1oa8] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    background-color: var(--card-background-hover-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: 16px;
    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;
    margin-top: 13px;
}

.search-icon[b-fw59ewrcvu] {
    position: absolute;
    z-index: 100;
    left: 5px;
}


.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%;
}

.right-sidebar-heading-container[b-fw59ewrcvu] {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

.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%;
    margin-top: 37px;
}

.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%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}

    .comments-container > :not(:first-child)[b-mox749i0qe] {
        border-top: 1px solid #e8e8e8;
    }

.table-heading-row[b-mox749i0qe] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 25px 27px 10px 27px;
    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;
}


.table-heading[b-mox749i0qe] {
    font-weight: 500;
    height: 20px;
    display: flex;
    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;
    justify-content: space-between;
    width: 100%;
    padding: 0px 27px;
    height:95px;
    gap:20px;
    padding-top:20px;
    background-color: white;
    transition: ease-in-out .3s;
}

.expand-container[b-mox749i0qe] {
    display: flex;
    width:23px;
    height:23px;

}
    .expand-container img[b-mox749i0qe] {
        cursor: pointer;
        height:23px;
        width:23px;
    }
.comment-question-container[b-mox749i0qe] {
    display: flex;
    flex-direction:column;
    gap:5px;
    width:100%;

}
.text-container[b-mox749i0qe] {
    display: flex;
    gap: 5px;
    flex: 1;
}

.comment[b-mox749i0qe] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 67%;

}

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

.category[b-mox749i0qe] {
    display: flex;
    justify-content: flex-start;
    width:27%
}
.created[b-mox749i0qe]{
    width:10%;
}
.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%;
}
/* /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: #33475B;
    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;
    }

/*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: #78D24A;
    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: #F52366;
    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;
}

.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;
}

.action-cards-container[b-kz0rxb4cz9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns of equal width */
    gap: 18px;
    width: 100%;
    border-radius: 6px;
}


.action-card[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    position: relative;
    height: 169px;
    min-width: 280px;
    transition: ease-in-out .3s;
    border-radius: 6px;
    position:relative;
}

.action-card-top-container[b-kz0rxb4cz9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    gap: 10px;
    padding: 6px 0px;
}

.category-container[b-kz0rxb4cz9] {
    height: 52px;
    padding: 0 10px;
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
    border-top-left-radius: 6px;
}

    .category-container p[b-kz0rxb4cz9] {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.4;
    }

    .category-container img[b-kz0rxb4cz9] {
        height: 30px;
        width: 30px;
    }



.action-heading-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
}

.action-heading[b-kz0rxb4cz9] {
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
}

.category-time-consumption[b-kz0rxb4cz9] {
    margin-bottom: 10px;
}

    .category-time-consumption p[b-kz0rxb4cz9] {
        color: #979797;
        font-size: 10px;
    }

.action-heading-item[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .action-heading-item img[b-kz0rxb4cz9] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.action-card-text-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}

.action-card-heading[b-kz0rxb4cz9] {
    font-weight: 500;
}

.action-card-text-content[b-kz0rxb4cz9] {
    display: flex;
    flex: 1;
    font-weight: 300;
    padding: 15px;
}

/*Difficulty*/
.difficulty-container[b-kz0rxb4cz9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100px;
    height: 52px;
    margin-right: 10px;
}

    .difficulty-container p[b-kz0rxb4cz9] {
        color: white;
        font-size: 12px;
        font-weight: 400;
        color: black;
    }

.difficulty-element[b-kz0rxb4cz9] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 19px;
}

.difficulty-dot[b-kz0rxb4cz9] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.no-difficulty[b-kz0rxb4cz9] {
    line-height: 1.4;
}

.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:57%;
    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;
    }



.expand-container[b-1humi1rp22]{
    display:flex;
    gap:5px;
    width:57%;
    height:100%;
    align-items:flex-start;
    padding-top:17px;
}

.expand-container img[b-1humi1rp22]{
cursor:pointer;
}
.table-item-text-result[b-1humi1rp22] {
    position:relative;
    display: flex;
    width: 10%;
    font-weight: 300;
}
.table-item-text-question[b-1humi1rp22] {
    display: flex;
    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: #33475B;
        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 20px;
    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], .category-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;
}

.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;
}

.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%;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom:30px;
}

    .comments-container > :not(:first-child)[b-w0xj7206zh] {
        border-top: 1px solid #e8e8e8;
    }

.comment-element[b-w0xj7206zh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 17px 27px;
    background-color: white;
}

.comment-date-container[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.comment[b-w0xj7206zh] {
    display: flex;
    justify-content: flex-start;
}
.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);
}
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulseOverview.razor.rz.scp.css */
.pulse-result-single-pulse-container[b-lnlf8ptgtc] {
    width: 100%;
    display: flex;
    gap:30px;
}
.loader-container[b-lnlf8ptgtc]{
    width:100%;
    display:flex;
    justify-content:center;
    min-height:70vh;
}
.table-container[b-lnlf8ptgtc] {
    flex:1;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    height:max-content;

}
.table-heading-container[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    height: 70px;
    width: 100%;
    padding: 17px;
}
.table-heading-item[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    height: 100%;
    flex: 1;
    justify-content: flex-start;
    gap: 5px;

}


.table-heading[b-lnlf8ptgtc] {
    font-weight: 500;
    height:20px;
    display:flex;
    align-items:center;
}


.table-item[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    height: 57px;
    justify-content: flex-start;
    border-top: 1px solid #EFF3F9;
    padding: 0 17px;
    transition: ease-in-out .3s;
}


    .table-item:hover[b-lnlf8ptgtc] {
        background-color: var(--hover-color);
        cursor:pointer;
    }

.table-item-text[b-lnlf8ptgtc] {
    display: flex;
    flex: 1;
    font-weight:300;

}
.table-item-text-answer-rate[b-lnlf8ptgtc]{
  position:relative;
  left:40px;
}
.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] {
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 8px;
    font-weight: 600;
    cursor: pointer;
}
.letter-border-container[b-lnlf8ptgtc] {
    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-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;
}
.team-list-item[b-lnlf8ptgtc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: default;
}

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

.member-in-team span[b-lnlf8ptgtc] {
    font-size: 15px;
    color: var(--secondary-color);
}
.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;
}
/* /Pages/Pulse/PulseResult/PulseResultSinglePulseOverview/PulseResultSinglePulse/Components/PulseResultSinglePulseCommentAndQuestionsDialog.razor.rz.scp.css */
.pulse-result-single-pulse-dialog-container[b-6a9w63p1qu] {
    width: 845px;
    height: 724px;
    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-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 17px;
    height: 500px;
    width: 90%;
    overflow-y: scroll;
}


.comment-item[b-6a9w63p1qu] {
    background-color: white;
    width: 100%;
    border-radius: 6px;
    padding: 16px;
    transition: ease-in-out .3s;
}
.comment-item:hover[b-6a9w63p1qu] {
box-shadow:var(--box-shadow);
}

.comment-item-heading[b-6a9w63p1qu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.comment-related-question[b-6a9w63p1qu] {
    font-weight: 500;
}

.category-name[b-6a9w63p1qu] {
    font-weight: 500;
    font-size: 12px;
}

.comment-date[b-6a9w63p1qu] {
    font-weight: 300;
    font-size: 12px;
}

.no-comment-placeholder[b-6a9w63p1qu] {
    text-align: center;
}
/*Questions*/
.related-question-container[b-6a9w63p1qu] {
    display: flex;
    flex-direction: column;
    gap: 17px;
    height: 500px;
    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: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
/* /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;
}

.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: #33475B;
        font-size: 16px;
    }

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

.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;
    height: 46px;
    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;
    border-radius: 6px;
    background-color: white;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 20px;
    transition: ease-in-out .3s;
}

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


.card-action-heading-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
}

.card-action-heading[b-wuutl5c0vz] {
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
}

.category-time-consumption[b-wuutl5c0vz] {
    margin-bottom: 10px;
}

    .category-time-consumption p[b-wuutl5c0vz] {
        color: #979797;
        font-size: 10px;
    }

.action-heading-item[b-wuutl5c0vz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .action-heading-item img[b-wuutl5c0vz] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.action-card-text-container[b-wuutl5c0vz] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}

.action-card-heading[b-wuutl5c0vz] {
    font-weight: 500;
}

.action-card-text-content[b-wuutl5c0vz] {
    font-weight: 300;
}

/*Difficulty*/
.difficulty-container[b-wuutl5c0vz] {
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .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: 6px;
    width: 6px;
    border-radius: 50%;
}
.see-all-actions-btn[b-wuutl5c0vz] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}


/*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: 11px;
    bottom: 3px;
    z-index: 1;
}

.camera-icon[b-xtpmyyi34b] {
    width: 20px;
    height: 18px;
}

.camera-lens-fill-dot[b-xtpmyyi34b] {
    width: 9px;
    height: 8px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    bottom: 5px;
    right: 5.1px;
    z-index: 100;
}

.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 .material-symbols-outlined[b-xtpmyyi34b] {
        color: #CDCDCB;
        font-size: 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 */
    }

/*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;
}
/*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:105%;
    height:50px;
    background-color:var(--critical-color);
    display:flex;
    align-items:center;
    padding:0 20px;
}

.confirm-heading[b-u07cfnjyxd]{
    color:white;
}



.bi-x-lg:hover[b-u07cfnjyxd] {
    background-color: #f5f5f575;
}

.bi-x-lg[b-u07cfnjyxd] {
    position: absolute;
    right: 38px;
    top: 4px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
    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] {
        justify-content: center;
        margin-top: 20px;
        align-items: center;
        width: 100%;
        padding-top: 10vh;
        flex-wrap: wrap;
        gap: 0;
    }

    .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 */
    }
.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;
}
label[b-myp6n8vk8f]{
    position:relative;
    width:max-content;
}



@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;
}

.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;
}

.bi-person-circle[b-myp6n8vk8f] {
    color: var(--inactive-color);
    font-size: 28px;
    text-align: center;
    width: 30px;
    margin-right: 10px;
}

img[b-myp6n8vk8f] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit:cover;
}
.role-description-container[b-myp6n8vk8f]{

    margin-top:20px;
}
/* /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]{
        position:relative;
        padding:3px;
    }
.icon-background[b-jnyhvejrgy] {
    background-color: #BFF6E4;
    width: 88%;
    height: 88%;
    position: absolute;
    z-index: 1;
    top: 2px;
    border-radius: 88% 65% 38% 76% / 91% 51% 92% 27%;
    left: -2px;
}


.icon[b-jnyhvejrgy]{
    position:relative;
    z-index:100;
    font-weight:100;
}
/* /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;
    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;
}

.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/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;
    flex-direction:column;
    justify-content: flex-start;
    min-height: 70vh;
}

.table-filter-container[b-dpe816071z]{
    width:100%;
    display:flex;
    align-items:flex-start;
    gap:30px;
    position:relative;
}
.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;
}
.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-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;
    }

img[b-dpe816071z] {
    border-radius: 50%;
    width: 29px;
    height: 29px;
    object-fit: cover;
}


/*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;
    }

.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);
}

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

.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:flex-end;
}

    .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*/

.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;
}

.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;
}


.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;
    }
    .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;
    min-height: 80vh;
    border-radius: 6px;
}

.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: #33475B;
        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: #33475B;
}

.tooltip-container[b-c3hkooq4ii] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-c3hkooq4ii] {
    width: 100%;
    position: relative;
    height: 311px;
    border-radius: 6px;
}

.linear-gradient[b-c3hkooq4ii] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius: 6px;
}

.hero img[b-c3hkooq4ii] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.95;
}

.difficulty-container[b-c3hkooq4ii] {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 20px;
    bottom: 20px;
    width: 50%;
}

    .difficulty-container p[b-c3hkooq4ii] {
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

.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;
    padding-left: 25px;
}



.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;
    min-height: 80vh;
    border-radius: 6px;
}

.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: #33475B;
        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: #33475B;
}

.tooltip-container[b-bbrxtnjyao] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.hero[b-bbrxtnjyao] {
    width: 100%;
    position: relative;
    height: 311px;
    border-radius: 6px;
}

.linear-gradient[b-bbrxtnjyao] {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#F49A4100 30%, #33475BB2);
    border-radius: 6px;
}

.hero img[b-bbrxtnjyao] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.95;
}

.difficulty-container[b-bbrxtnjyao] {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 20px;
    bottom: 20px;
    width: 50%;
}

    .difficulty-container p[b-bbrxtnjyao] {
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

.difficulty-element[b-bbrxtnjyao] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.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;
    padding-left: 25px;
}



.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: 0px;
        right: -4px;
        width: 15px;
        height: 15px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--notification-color);
    }

        .comment-td .comment-dot p[b-frj353bhwy] {
            color: white;
            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;
}
/*.deadline-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}

    .deadline-heading .material-symbols-outlined {
        font-size: 17px;
    }*/
.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;
}

    .remove-todo-td .material-symbols-outlined[b-frj353bhwy] {
        font-size: 20px;
        cursor: pointer;
    }

.created-by-td[b-frj353bhwy] {
    width: 120px;
    text-align: center;
    position: relative;
}

    .created-by-td img[b-frj353bhwy] {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        object-fit:cover;
    }

.bi-person-circle[b-frj353bhwy] {
    font-size: 33px;
    color: var(--inactive-color);
}

.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;
    background-color: #F6F7FB;
    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: 30px;
        height: 30px;
        border-radius: 50%;
    }

.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 .material-symbols-outlined[b-frj353bhwy] {
        font-size: 20px;
        color: #CDCDCB;
    }

    .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 .material-symbols-outlined[b-frj353bhwy] {
    font-size: 25px;
}

.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: 288px;
    Height: auto;
    min-height:315px;
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    position: relative;
}

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

.bi-x-lg[b-fo48fmglbp] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px;
    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:20px 0;
}


.content[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width:288px;
}

.smiley-container[b-fo48fmglbp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.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;
}
.not-selected-mid:hover[b-fo48fmglbp] {
    color: var(--mid-value-color);
    cursor: pointer;
}
.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: 65px;
    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:20px;
}






/*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;
    }
}
/* /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;
}

    .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%;
}

    .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[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;
    }

.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;
}

.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: 11px;
}
/* /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:flex-start;
    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;
}
    .summary-list p[b-z8tg3k2an1] {
        font-weight: 300;
    }
.change-days-to-answer-btn[b-z8tg3k2an1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
}

/*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: #33475B;
        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;
}

.tooltip-container[b-f9jipgq9or] {
    position: absolute;
    top: 2px;
    right: -20px;
}

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: 17px;
    width: 100%;
}

    .owner-element .input-item[b-f9jipgq9or] {
        width: 30%;
    }

.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;
    }

.bi-person-circle[b-f9jipgq9or] {
    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-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;
}

    .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%;
}

    .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;
}

.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: #EDEFF9;
}

    .icon-container span[b-emzscskv1o] {
        color: #A2A2A2;
    }

/* /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: #33475B;
        font-size: 16px;
    }

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

.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 .material-symbols-outlined[b-rad4islo84] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 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;
    color: #33475b;
    padding: 5px 0;
}

.placeholder-container[b-rad4islo84] {
    height: 245px;
}

.placeholder-text[b-rad4islo84] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
/*Chart*/
.chart[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 6px;
    padding: 0 16px 16px 16px;
    position: relative;
    height: 300px;
}

.chart-smiley-container[b-rad4islo84] {
    position: absolute;
    left: 12px;
    top: 46px;
    height: 69%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}

.charts-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    gap: 20px;
}

.chart-container[b-rad4islo84] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.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;
}

.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;
}
.chart-heading[b-rad4islo84] {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: black;
}

/*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] {
    width: 70%;
    margin-top: 14px;
    min-height:40px;
}

.add-comment-date-container[b-rad4islo84] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    height:25px;
}

.like-add-comment-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 10px;
}



.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: 3px;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    padding: 0 7px;
    height: 30px;
}
.action-item:hover[b-rad4islo84] {
background-color:var(--hover-color);

}

    .action-item .material-symbols-outlined[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;
}
.comment-action-bar[b-rad4islo84]{
    display:flex;
    align-items:center;
    gap:7px;
}
.comment-action-bar img[b-rad4islo84] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.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;
  
    }

.comment-profile-img[b-rad4islo84] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}

.bi-person-circle[b-rad4islo84] {
    color: var(--inactive-color);
    font-size: 38px;
    display: flex;
    align-items: center;
}

.number-of-comments-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
    .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;
}
.feedback-comment img[b-rad4islo84] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}
.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);
}
.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: 5px;
    border-radius: 6px;
    position:relative;
    cursor:default;
}
    .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 .material-symbols-outlined[b-rad4islo84] {
        color: #CDCDCB;
        font-size: 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: 300px;
    min-width: 300px;
}

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

.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: 3px;
}

.wellbeing-card[b-rad4islo84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 24px;
    border-radius: 6px;
    background-color: white;
    cursor: default;
}

.sad[b-rad4islo84] {
    color: var(--low-value-color);
    background-color: white;
    width: 30px;
}

.neutral[b-rad4islo84] {
    color: var(--mid-value-color);
    background-color: white;
    width: 30px;
}

.happy[b-rad4islo84] {
    color: var(--high-value-color);
    background-color: white;
    width: 30px;
}

.wellbeing-card-icons-container[b-rad4islo84] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chat-icon[b-rad4islo84] {
    position: relative;
    color: #7d7d7d;
    font-size: 18px;
    position: relative;
    top: 1px;
}

    .chat-icon: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 */
.user-overview-container[b-2p3eeac057] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.top-container[b-2p3eeac057] {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
}

.heading-container[b-2p3eeac057] {
    position: relative;
    width: max-content;
    margin-bottom: 24px;
}

.tooltip-container[b-2p3eeac057] {
    position: absolute;
    top: 0px;
    right: -25px;
}

.user-overview-table[b-2p3eeac057] {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    height: 100%;
}


/*cards*/
.overview-cards-container[b-2p3eeac057] {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.user-overview-table[b-2p3eeac057] {
    overflow: auto;
    background-color: white;
}
.overview-card[b-2p3eeac057] {
    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 .material-symbols-outlined[b-2p3eeac057] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--secondary-color);
        z-index: 99;
        font-size: 18px;
    }

.overview-card-hover-effect:hover[b-2p3eeac057] {
    background-color: var(--hover-color);
    cursor: pointer;
}


.overview-card h3[b-2p3eeac057] {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #33475b;
    padding: 5px 0;
}

.placeholder-container[b-2p3eeac057] {
    height: 245px;
}

.placeholder-text[b-2p3eeac057] {
    color: #CDCDCB;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.card-link[b-2p3eeac057] {
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    bottom: 8px;
    right: 13px;
}

    .card-link:hover[b-2p3eeac057] {
        text-decoration: underline;
        cursor: pointer;
    }

select[b-2p3eeac057] {
    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-2p3eeac057] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.filter-bar-container[b-2p3eeac057] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 30px;
    position: sticky;
    top: 0px;
    z-index: 199;
    background-color: var(--background-color);
    width: 100%;
}

.filter-bar[b-2p3eeac057] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0 10px 0;
}

    .filter-bar select[b-2p3eeac057] {
        height: 42px !important;
    }

    .filter-bar input[b-2p3eeac057] {
        padding-left: 35px !important;
    }

.filter-container[b-2p3eeac057] {
    display: flex;
    position: relative;
    outline: none !important;
}

.filter-bar input[b-2p3eeac057], .filter-bar select[b-2p3eeac057] {
    width:300px;
}

.search-icon[b-2p3eeac057] {
    position: absolute;
    z-index: 100;
    left: 5px;
    top:8px;
}

.sort-container[b-2p3eeac057] {
    width: 225px;
}

.not-enough-seats-text-container[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    width: 323px;
}

    .not-enough-seats-text-container span[b-2p3eeac057] {
        text-decoration: underline;
        cursor: pointer;
    }

    .not-enough-seats-text-container p[b-2p3eeac057] {
        padding-top: 3px;
    }

.btn-group[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tooltip[b-2p3eeac057] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}


.bi-plus[b-2p3eeac057] {
    padding-top: 2px;
    color: var(--secondary-btn-color);
    font-size: 25px;
}



.dropdown-links-container[b-2p3eeac057] {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bi-person-circle[b-2p3eeac057] {
    color: var(--inactive-color);
    font-size: 33px;
    height: 35px;
    display: flex;
    align-items: center;
}

.name-td[b-2p3eeac057] {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow:hidden;
}

    .name-td img[b-2p3eeac057] {
        height: 33px;
        width: 33px;
        border-radius: 50%;
        object-fit: cover;
    }


.name-container[b-2p3eeac057] {
    display: flex;
    gap: 3px;
}

.dropdown-links-container p[b-2p3eeac057] {
    border-bottom: 2px solid white;
}

.dropdown-links-container .edit-btn:hover[b-2p3eeac057] {
    border-bottom: 2px solid var(--primary-color);
}

.dropdown-links-container .remove-btn:hover[b-2p3eeac057] {
    border-bottom: 2px solid var(--primary-color);
}


/*Teams*/

.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;
}

.team-hover-container[b-2p3eeac057] {
    position: absolute;
    top: 30px;
    right: -80px;
    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;
}

.team-letter[b-2p3eeac057] {
    font-size: 14px;
}

.no-team-placeholder[b-2p3eeac057] {
    padding-left: 12px;
}

.jobtitle-placeholder[b-2p3eeac057] {
    color: #a6a4a4;
    font-family: var(--font);
}

.table-smiley-container[b-2p3eeac057]{
    display:flex;
    align-items:center;
    height:100%;
}
@media only screen and (max-width: 641px) {
    .info-container[b-2p3eeac057] {
        display: none;
    }

    .add-user-btns-container[b-2p3eeac057] {
        align-items: center;
    }

    .top-container[b-2p3eeac057] {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .filter-bar[b-2p3eeac057] {
        min-width: 100%;
        flex-wrap: wrap;
    }
        .filter-container[b-2p3eeac057], .filter-bar select[b-2p3eeac057], .filter-bar input[b-2p3eeac057] {
            width: 100%;
        }
     

        .user-info-container[b-2p3eeac057] {
            width: 100%;
        }
}
/* /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;
    position: relative;
    overflow: hidden;
    margin-bottom:15px;
    position:relative;
}

    .hero img[b-i9nunkh6fk] {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.hero-text-container[b-i9nunkh6fk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    min-width: 460px;
    padding: 31px;
    position:absolute;
    bottom:0;
    z-index:1;
}
h1[b-i9nunkh6fk]{
    padding-bottom:10px;
}
    .hero-text-container p[b-i9nunkh6fk], h1[b-i9nunkh6fk] {
        color: white;
    }

.overlay[b-i9nunkh6fk] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}


@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: 16px;
    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 */

.wellbeing-result-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 80vh;
}

.content[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1293px;
}

.loader-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding-left: 10%;
}
/*Heading*/
.result-heading-container[b-lkybd5r04v] {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 24px;
}


.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: 30px 0;
}

.card-row[b-lkybd5r04v] {
    display: flex;
    gap: 20px;
}

.wellbeing-card[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 140px;
    flex: 1;
    border-radius: 6px;
    padding: 30px;
    background-color: white;
    position: relative;
}

    .wellbeing-card .material-symbols-outlined[b-lkybd5r04v] {
        font-size: 90px;
    }

    .wellbeing-card .icon[b-lkybd5r04v] {
        position: absolute;
        top: 11px;
        left: 11px;
        color: var(--icon-color);
        z-index: 99;
        font-size: 18px;
    }

.card-result-container[b-lkybd5r04v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wellbeing-card p[b-lkybd5r04v] {
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    color: #33475b;
    padding: 5px 0;
}


.answer-rate-meter-container[b-lkybd5r04v] {
    background-color: lightgrey;
    border-radius: 0px;
    height: 50px;
    width: 100px;
}

.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);
}

/*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] {
    width: 70%;
    margin-top: 14px;
    min-height: 40px;
}

.add-comment-date-container[b-lkybd5r04v] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    height: 25px;
}

.like-add-comment-container[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 10px;
}



.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 .material-symbols-outlined[b-lkybd5r04v] {
        height: 20px;
        font-size: 20px;
    }

.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;
}
.comment-action-bar[b-lkybd5r04v] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .comment-action-bar img[b-lkybd5r04v] {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        object-fit: cover;
    }

.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;
}

.bi-person-circle[b-lkybd5r04v] {
    font-size: 33px;
    color: var(--inactive-color);
}

.comment-date[b-lkybd5r04v] {
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    color: #C1C1BE;
}

.comment-profile-img[b-lkybd5r04v] {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    object-fit: cover;
}

.bi-person-circle[b-lkybd5r04v] {
    color: var(--inactive-color);
    font-size: 38px;
    display: flex;
    align-items: center;
}

.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;
}

.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;
}

.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 img[b-lkybd5r04v] {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}

.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);
}

    .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: 5px;
    border-radius: 6px;
    position: relative;
    cursor:default;
}

    .number-of-likes-main-comment-container:hover .like-tooltip[b-lkybd5r04v] {
        display: flex;
    }

.number-of-likes-icon[b-lkybd5r04v] {
    font-size: 15px;
    color: var(--like-color);
    width: 19px;
}

.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 .material-symbols-outlined[b-lkybd5r04v] {
        color: #CDCDCB;
        font-size: 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/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;

}

.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: #33475b;
}

    .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*/
.material-symbols-outlined[b-rxf15qpx7p] {
    color: white !important;
}

/*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*/
.material-symbols-outlined[b-1cksgoahlu] {
    color: white !important;
}


/*    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;
    align-items: center;
    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;
}

.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%;
}

.trial-period-container[b-48qpnudhal] {
    position: relative;
    left: 6%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: max-content;
    height: 100%;
}

.trialperiod-counter[b-48qpnudhal] {
    font-weight: 600;
}

.logo-container[b-48qpnudhal] {
    display: none;
}

.hamburger-menu[b-48qpnudhal] {
    display: none;
}

.company-logo-container[b-48qpnudhal] {
border-radius:50%;
}

    .company-logo-container:hover[b-48qpnudhal] {
    
    }

.navbar-container[b-48qpnudhal] {
    display: none;
}

.company-logo[b-48qpnudhal] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.logo-placeholder[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f5f5f5;
}

    .logo-placeholder p[b-48qpnudhal] {
        font-size: 12px;
    }


.desktop-logged-in-user-info-container[b-48qpnudhal] {
    display: flex;
    flex-direction: column;
}
/*Notification menu*/
.navmenu-notifications-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    z-index: 200;
}

.notification-icon[b-48qpnudhal] {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    z-index: 99;
}

    .notification-icon:hover[b-48qpnudhal] {
        color: var(--notification-color);
        cursor: pointer;
    }

.bi-bell[b-48qpnudhal] {
    font-size: 25px;
    color: var(--font-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: 8px;
    right: 4px;
    background-color: var(--notification-color);
    color: white;
    border-radius: 50%;
}

    .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;
}

.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;
}



.bi-person-circle[b-48qpnudhal] {
    color: var(--inactive-color);
    font-size: 39px;
    display: flex;
    align-items: center;
}

.desktop-usermenu-container[b-48qpnudhal] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50px;
}

.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 .material-symbols-outlined[b-48qpnudhal] {
    font-size: 20px;
    color: #CDCDCB;
}


    .logged-in-user-container[b-48qpnudhal] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
        margin-right: 10px;
        height: 54px;
        padding: 10px;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
    }



    .logged-in-user-container img[b-48qpnudhal] {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        object-fit: cover;
    }

.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;
    }

    .navmenu-notifications-container[b-48qpnudhal] {
        margin: 0;
    }

    .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: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        z-index: 99;
        font-size: 25px;
        color: var(--hover-color);
        background-color: transparent;
        cursor: auto;
    }

        .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;
    }
}