/* _content/Clevi.App.Components.Projects/ManageTodoUserModal.razor.rz.scp.css */
.manageprojectdialog[b-vqzppi40qd] {
    max-height: calc(100vh - 240px);
}

.box-wrap[b-vqzppi40qd] {
    margin-bottom: 15px;
}

.member_empty-page[b-vqzppi40qd] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 60px;
}

h6[b-vqzppi40qd] {
    font-size: 15px;
    margin-bottom: 10px;
}

.member_empty-page p[b-vqzppi40qd] {
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #c3c3c3;
}

.add-member-wrap[b-vqzppi40qd] {
    display:flex;
    flex-direction:column;
    max-height: 150px;
    overflow: auto;
    font-size: 14px;
    row-gap:10px;
}

.add-member[b-vqzppi40qd] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
    font-size: 14px;
}

    .add-member p[b-vqzppi40qd] {
        margin: 0;
    }

    .add-member .img_wrap[b-vqzppi40qd] {
        margin-right: 8px;
    }

        .add-member .img_wrap img[b-vqzppi40qd] {
            width: 40px;
            height: 40px;
        }

    .add-member p[b-vqzppi40qd] {
        flex: 1;
    }

.member-wrap[b-vqzppi40qd] {
    margin-top: 25px;
}

    .member-wrap .title[b-vqzppi40qd] {
        display: flex;
        justify-content: space-between;
        margin-bottom:10px;
    }

        .member-wrap .title[b-vqzppi40qd]  .clc-button {
            border-radius: 3px;
            border: 1px solid #e2e4e6;
        }

.bottom[b-vqzppi40qd] {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.bottom[b-vqzppi40qd]  .clc-button{
    width:100%;
}


[b-vqzppi40qd] .set-project-name {
    height: 40px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcdcdc !important;
    background-color: #f8f9fa;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}
/* _content/Clevi.App.Components.Projects/Pages/AddProjectPeople.razor.rz.scp.css */

.add-project-people-wrap[b-w68a5y4v73]{
    display:flex;
    -webkit-flex-direction:column;
    padding:10px 20px;
}


.check-wrap[b-w68a5y4v73] {
    --container_width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    background-color: #fff;
    color: #000000;
    width: var(--container_width);
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    flex-wrap:wrap;
}

    .check-wrap input[b-w68a5y4v73] {
        display: none;
    }

    .check-wrap label[b-w68a5y4v73] {
        min-width: 30%;
        padding: 10px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        font-weight: 600;
        letter-spacing: -1px;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        /*border: 1px solid #E8EAEC;*/
        margin: 0 1.5% 15px 1.5%;
        border-radius: 5px;
        height:43px;
    }

        .check-wrap label span[b-w68a5y4v73] {
            font-size: 14px;
            font-weight: 600;
        }

.selection[b-w68a5y4v73] {
    display: none;
    position: absolute;
    height: 100%;
    width: calc(var(--container_width) / 2);
    z-index: 0;
    left: 0;
    top: 0;
    /*transition: .15s ease-in;*/
}

.check-wrap label:has(input:checked)[b-w68a5y4v73] {
    background-color: #E9F3FF;
    /*border: 1px solid #C6E0FF;*/
    color: #4676F4;
}

    .check-wrap label:has(input:checked) ~ .selection[b-w68a5y4v73] {
        background-color: rgb(11 117 223);
        display: inline-block;
    }

    .check-wrap label:has(input:checked) ~ .selection[b-w68a5y4v73] {
        background-color: rgb(11 117 223);
        display: inline-block;
    }

.check-wrap label:nth-child(1):has(input:checked) ~ .selection[b-w68a5y4v73] {
    transform: translateX(calc(var(--container_width) * 0/2));
}

.check-wrap label:nth-child(2):has(input:checked) ~ .selection[b-w68a5y4v73] {
    transform: translateX(calc(var(--container_width) * 1/2));
}



.add-project-people-wrap[b-w68a5y4v73] {
    display: flex;
    -webkit-flex-direction: column;
    padding: 0px 0px;
    height: calc(100vh - 75px);
    overflow: auto;
}


    .add-project-people-wrap .head[b-w68a5y4v73] {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #fff;
        
    }

        .add-project-people-wrap .head .top[b-w68a5y4v73] {
            display: flex;
            padding: 10px 20px;
            -webkit-justify-content: space-between;
        }

    .add-project-people-wrap .head .top span[b-w68a5y4v73]{
        font-size:17px;
        font-weight:500;
    }


        .add-project-people-wrap .head .top .empty-space[b-w68a5y4v73] {
            width: 44px;
            height: 24px;
        }


        .add-project-people-wrap .head .top img[b-w68a5y4v73] {
            width: 24px;
            height: 24px;
        }




.people-wrap[b-w68a5y4v73] {
    position: relative;
    width: 48px;
    height: auto;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    margin: 0 9px;
}

.add-project-people-wrap .people-img[b-w68a5y4v73] {
    width: 40px;
    height: 40px;
}


.added-people-wrap[b-w68a5y4v73] {
    padding: 15px 20px 0 20px;
    display:flex;
    align-items:center;
    overflow:auto;
}

.body[b-w68a5y4v73]{

}

.people-wrap:nth-child(1)[b-w68a5y4v73] {
    margin-left: 0px;
}

.add-people-line[b-w68a5y4v73] {
    border-top: 1px solid #fff;
    margin: 0px 0;
}

.add-project-people-wrap .peoeple-name[b-w68a5y4v73] {
    margin-top: 4px;
    font-size: 13px;
    color:#111;
    font-weight:500;
}

.add-project-people-wrap .part-name[b-w68a5y4v73] {
    font-size: 13px;
    color: #767676;
}


.part-wrap[b-w68a5y4v73] {
    margin-top: 15px;
}


.btn-wrap[b-w68a5y4v73]{
    padding:5px 20px 15px 20px;
    background:#fff;
}



.radio-input input[b-w68a5y4v73] {
    display: none;
}

.label-wrap[b-w68a5y4v73] {
    display: flex;
    min-width: 60px;
    width: var(--container_width);
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
}

.radio-input[b-w68a5y4v73] {
    display: flex;
    align-items: center;
    -webkit-justify-content: flex-start;
    background-color: #fff;
    color: #000000;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 0px;
    border-bottom: 1px solid #f2f4f6;
    overflow:auto;
}

.label-wrap .title[b-w68a5y4v73] {
    border-bottom: 0px;
    width: 45px;
}

.border-1-wrap[b-w68a5y4v73] {
    padding: 6px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
}

.border-2-wrap[b-w68a5y4v73] {
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
}


.chat-title[b-w68a5y4v73] {
    color: #767676;
    font-weight:400;
}

.radio-input label:has(input:checked) span[b-w68a5y4v73] {
    color: #212f4b;
    font-weight:500;
}

@media screen and (max-width: 550px) {
    .border-1-wrap:has(input:checked) ~ .border-1[b-w68a5y4v73] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
/*        transition: .3s ease;
        -webkit-transition: .3s ease;*/
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }



    .border-2-wrap:has(input:checked) ~ .border-2[b-w68a5y4v73] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        transition: .3s ease;
        -webkit-transition: .3s ease;
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }
}

@media screen and (min-width: 500px) {
    .border-1-wrap:has(input:checked) ~ .border-1[b-w68a5y4v73] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
/*        transition: .3s ease;
        -webkit-transition: .3s ease;*/
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }

    .border-2-wrap:has(input:checked) ~ .border-2[b-w68a5y4v73] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
/*        transition: .3s ease;
        -webkit-transition: .3s ease;*/
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }
}


.label-wrap:first-child[b-w68a5y4v73] {
    margin-left: 20px;
}

.label-wrap:last-child[b-w68a5y4v73] {
    margin-right: 20px;
}
/* _content/Clevi.App.Components.Projects/Pages/AddScheduleUserDialog.razor.rz.scp.css */
.manageprojectdialog[b-t6fkew40od] {
    max-height: calc(100vh - 240px);
}

.box-wrap[b-t6fkew40od] {
    margin-bottom: 15px;
}

.member_empty-page[b-t6fkew40od] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 60px;
}

h6[b-t6fkew40od] {
    font-size: 15px;
    margin-bottom: 10px;
}

.member_empty-page p[b-t6fkew40od] {
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #c3c3c3;
}

.add-member-wrap[b-t6fkew40od] {
    display: flex;
    flex-direction: column;
    max-height: 150px;
    overflow: auto;
    font-size: 14px;
    row-gap: 10px;
}

.add-member[b-t6fkew40od] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
    font-size: 14px;
}

    .add-member p[b-t6fkew40od] {
        margin: 0;
    }

    .add-member .img_wrap[b-t6fkew40od] {
        margin-right: 8px;
    }

        .add-member .img_wrap img[b-t6fkew40od] {
            width: 40px;
            height: 40px;
        }

    .add-member p[b-t6fkew40od] {
        flex: 1;
    }

.member-wrap[b-t6fkew40od] {
    margin-top: 25px;
}

    .member-wrap .title[b-t6fkew40od] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .member-wrap .title[b-t6fkew40od]  .clc-button {
            border-radius: 3px;
            border: 1px solid #e2e4e6;
        }

.bottom[b-t6fkew40od] {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .bottom[b-t6fkew40od]  .clc-button {
        width: 100%;
    }


[b-t6fkew40od] .set-project-name {
    height: 40px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcdcdc !important;
    background-color: #f8f9fa;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}
/* _content/Clevi.App.Components.Projects/Pages/BoardCreate.razor.rz.scp.css */

.clc-dialog-side--footer[b-z39vbc38pv]{
    display:flex;
    justify-content:space-between;
}

[b-z39vbc38pv] .clc-button{
    border-radius:6px;
}
/* _content/Clevi.App.Components.Projects/Pages/BucketAddProject.razor.rz.scp.css */

.project-bucket-add-page[b-bqvrfa7da3] {
    color: #000;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

    .project-bucket-add-page .date-width[b-bqvrfa7da3] {
        width: 100%;
        border-radius: 8px;
        background-color: #f8f9fa;
    }

    .project-bucket-add-page .wrap[b-bqvrfa7da3] {
        margin-bottom: 25px;
    }

        .project-bucket-add-page .wrap .title[b-bqvrfa7da3] {
            margin-bottom: 5px;
        }


.add-people-wrapping[b-bqvrfa7da3] {
    margin-top: 7px;
}

.list-table_header span[b-bqvrfa7da3] {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}


.wrap-add-people[b-bqvrfa7da3] {
    padding: 15px 15px;
    border-radius: 15px;
    border: solid 1px #ebeced;
}

.list-table_header[b-bqvrfa7da3] {
    padding: 0px 0 10px 0;
}


.add-people-wrap[b-bqvrfa7da3] {
    display: flex;
    -webkit-align-items: center;
    padding: 10px 0px;
}

    .add-people-wrap .name[b-bqvrfa7da3] {
        margin-left: 20px;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }

    .add-people-wrap .part[b-bqvrfa7da3] {
        margin-left: 25px;
        font-size: 14px;
        color: #767676;
        font-weight: 400;
    }

.box-wrap[b-bqvrfa7da3] {
    margin-top: 5px;
}
/* _content/Clevi.App.Components.Projects/Pages/BucketProject.razor.rz.scp.css */
@media (max-width: 550px) {

    .cl_project-bucket[b-r78p548af7] {
        margin: 0 -20px;
        padding: 10px !important;
    }
}

.cl_project-bucket[b-r78p548af7]{
    background-color:#fff;
    height:100%;
    padding:10px;
}

.detail-sidebar_title[b-r78p548af7] {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.project-layout_title_img[b-r78p548af7] {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.sidebar-board[b-r78p548af7] {
    font-size: 14px;
    color: #111;
    font-weight: 500;
    margin: 20px 0 0;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

    .sidebar-board .board-title_wrap[b-r78p548af7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-board .board-list[b-r78p548af7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .sidebar-board[b-r78p548af7]  .clc-button {
        border-radius: 4px;
    }


.chat-list[b-r78p548af7] {
    display: flex;
    flex-direction: column;
}

    .chat-list[b-r78p548af7]  .clc-button {
        width: 100%;
        text-align: start;
        border-radius: 0 !important;
    }
/* _content/Clevi.App.Components.Projects/Pages/Communication/InviteChat.razor.rz.scp.css */


.cp_card[b-d0is2t4sub] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: #f8f9fa;
}

.page-wrap[b-d0is2t4sub] {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: #fff;
}

.cl-chat-invite-top[b-d0is2t4sub] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #E2E4E6;
}

.cp_background[b-d0is2t4sub]{
    flex:1;
    overflow-y: auto;
}

.informaton-wrap[b-d0is2t4sub] {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.info[b-d0is2t4sub] {
}

    .info p[b-d0is2t4sub] {
        margin-bottom: 5px;
    }

    .info .invite[b-d0is2t4sub] {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }

        .info .invite li[b-d0is2t4sub] {
            display: flex;
            justify-content: space-between;
        }

            .info .invite li .img_wrap[b-d0is2t4sub] {
                display: flex;
                align-items: center;
                column-gap: 15px;
            }

                .info .invite li .img_wrap img[b-d0is2t4sub] {
                    width: 45px;
                    height: 45px;
                }

.bottom[b-d0is2t4sub] {
    margin: auto auto 20px;
    display: flex;
    justify-content: center;
    width:100%;
}

    .bottom[b-d0is2t4sub]  .clc-button {
        border-radius: 7px;
        width: 100%;
        max-width: 600px;
    }
/* _content/Clevi.App.Components.Projects/Pages/Communication/ProjectChatList.razor.rz.scp.css */

.cl_ivy-chatlist-select[b-3ualj7iwyx] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: #f8f9fa;
}

.page-wrap[b-3ualj7iwyx] {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: #fff;
}

.chatlist-top[b-3ualj7iwyx] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 15px;
}

    .chatlist-top .title-wrap[b-3ualj7iwyx] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .chatlist-top .title-wrap span[b-3ualj7iwyx] {
            height: 40px;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            font-size: 15px;
            margin: 2px 0 0 7px;
            font-weight: 500;
        }


.cl_ivy-chatlist-select .wrap[b-3ualj7iwyx] {
    padding: 0 20px;
    display: flex;
    user-select: none;
    -webkit-user-select: none;
}

    .cl_ivy-chatlist-select .wrap .title[b-3ualj7iwyx] {
        flex-grow: 1;
        -webkit-flex-grow: 1;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
        cursor: pointer;
        border-bottom: 1.5px solid #efefef;
        width: 50px;
    }

    .cl_ivy-chatlist-select .wrap span[b-3ualj7iwyx] {
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        padding-bottom: 2px;
        font-weight: 500;
        color: #B0B6BE;
    }

    .cl_ivy-chatlist-select .wrap .title .border[b-3ualj7iwyx] {
        width: 60%;
        height: 2px;
        background-color: #DEDEDE;
        border: none !important;
    }

.radio-input[b-3ualj7iwyx] {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    background-color: #fff;
    color: #000000;
    overflow: hidden;
    margin-top: 18px;
    border-bottom: 1px solid #e2e4e6;
    /*border-bottom: 1px solid rgba(53, 52, 52, 0.226);*/
}

.radio-input input[b-3ualj7iwyx] {
    display: none;
}

.label-wrap[b-3ualj7iwyx] {
    display: flex;
    --container_width: 73%;
    width: var(--container_width);
    position: relative;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}


.label-wrap .title[b-3ualj7iwyx] {
    border-bottom: 0px;
    width: 45px;
}

.border-1-wrap[b-3ualj7iwyx] {
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    width: 90px;
}

.border-2-wrap[b-3ualj7iwyx] {
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    width: 90px;
}

.border-1[b-3ualj7iwyx] {
    display: none;
    position: absolute;
    height: 3px;
    width: 45px;
    z-index: 0;
    left: -6px;
    bottom: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    border: none !important;
    background-color: #212f4b;
    justify-content: flex-start;
}

.border-2[b-3ualj7iwyx] {
    display: none;
    position: absolute;
    height: 3px;
    width: 45px;
    z-index: 0;
    right: -6px;
    bottom: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    border: none !important;
    background-color: #212f4b;
    justify-content: flex-start;
}

.radio-input label:has(input:checked) span[b-3ualj7iwyx] {
    color: #17171B;
}


.border-1-wrap:has(input:checked) ~ .border-1[b-3ualj7iwyx] {
    /*    transform: translateX(calc(var(--container_width) * 0/2));
    -webkit-transform: translateX(calc(var(--container_width) * 0/2));
    position: absolute;
    bottom: 0;
    left: 22%;*/
    position: absolute;
    height: 4px;
    width: 45px;
    z-index: 0;
    left: -8px;
    bottom: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    border: none !important;
    background-color: #212f4b;
    justify-content: flex-start;
    display: inline-block;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    margin: 0;
    opacity: 0.7;
}

.border-2-wrap:has(input:checked) ~ .border-2[b-3ualj7iwyx] {
    position: absolute;
    height: 4px;
    width: 45px;
    z-index: 0;
    right: -12px;
    bottom: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    border: none !important;
    background-color: #212f4b;
    justify-content: flex-start;
    display: inline-block;
    border: 1px solid #212f4b;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    margin: 0;
    opacity: 0.7;
}
/* _content/Clevi.App.Components.Projects/Pages/Communication/ProjectGroupChatList.razor.rz.scp.css */
.cl_ivy-chatlist-room[b-1nwsq275qx] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.cl-gc-card_top[b-1nwsq275qx] {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 8px;
}

    .cl-gc-card_top .invite-top-bar[b-1nwsq275qx] {
        width: 100%;
        background: #FFF;
        display: flex;
        padding: 15px 10px 5px 10px;
        flex-direction: column;
        -webkit-flex-direction: column;
        user-select: none;
        -webkit-user-select: none;
    }

        .cl-gc-card_top .invite-top-bar div[b-1nwsq275qx] {
            width: 100%;
            background: #FFF;
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin: 0 0 7px 0;
        }

        .cl-gc-card_top .invite-top-bar .title[b-1nwsq275qx] {
            cursor: pointer;
            display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl-gc-card_top .invite-top-bar .title span[b-1nwsq275qx] {
                margin-top: 1px;
            }

        .cl-gc-card_top .invite-top-bar .text[b-1nwsq275qx] {
            font-size: 13px;
            font-weight: 600;
        }

        .cl-gc-card_top .invite-top-bar .button_align[b-1nwsq275qx] {
            display: flex;
            justify-content: end;
            -webkit-justify-content: end;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl-gc-card_top .invite-top-bar .button_align .addgroup[b-1nwsq275qx] {
                box-shadow: none;
                -webkit-box-shadow: none;
                background-color: #F8F4FD !important;
                color: #17171B !important;
                font-size: 10px;
                min-height: 20px;
                min-width: 20px;
                border-radius: 15px;
                -webkit-border-radius: 15px;
                padding: 0px 15px;
                margin: 0 6px 0 0;
            }

            .cl-gc-card_top .invite-top-bar .button_align .contact[b-1nwsq275qx] {
                box-shadow: none;
                -webkit-box-shadow: none;
                background-color: #E5F0FE !important;
                color: #17171B !important;
                font-size: 10px;
                min-height: 20px;
                min-width: 20px;
                border-radius: 15px;
                -webkit-border-radius: 15px;
                padding: 0px 15px;
            }

.cl-gc-card_body[b-1nwsq275qx] {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0px 10px 0 8px;
}


    .cl-gc-card_body .cl_ivy-chattings[b-1nwsq275qx] {
        width: 100%;
    }

        .cl-gc-card_body .cl_ivy-chattings .list_box[b-1nwsq275qx] {
            width: 100%;
        }

            .cl-gc-card_body .cl_ivy-chattings .list_box .wrap[b-1nwsq275qx] {
                padding: 5px 0px 5px 0px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-direction: column;
                -webkit-flex-direction: column;
            }

.line[b-1nwsq275qx] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 0px;
    text-decoration: none;
    -webkit-text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 12px 10px;
    user-select: none;
    -webkit-user-select: none;
    width: 100%;
}

    .line .entry[b-1nwsq275qx] {
        position: relative;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        /*width: 60px;
                    height: 45px;
                    border-radius: 45%;
                    -webkit-border-radius: 45%;*/
    }

        .line .entry img[b-1nwsq275qx] {
            width: 40px;
            height: 40px;
        }

        .line .entry .favorite[b-1nwsq275qx] {
            position: absolute;
            top: -3px;
            left: 0;
            width: 15px;
            height: 15px;
        }

    .line .info_wrap[b-1nwsq275qx] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
        margin: 0 0 0 10px;
    }

        .line .info_wrap .info[b-1nwsq275qx] {
            display: flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            justify-content: center;
            -webkit-justify-content: center;
        }

            .line .info_wrap .info .title[b-1nwsq275qx] {
                font-size: 12px;
                font-weight: 500;
            }

            .line .info_wrap .info .detail[b-1nwsq275qx] {
                font-size: 12px;
                margin: 0px 0 0 0;
                color: #828282;
            }

        .line .info_wrap .date_wrap[b-1nwsq275qx] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            height: 100%;
        }

            .line .info_wrap .date_wrap .date[b-1nwsq275qx] {
                display: flex;
                flex-flow: column;
                -webkit-flex-flow: column;
                align-items: end;
                -webkit-align-items: end;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .line .info_wrap .date_wrap .date span[b-1nwsq275qx] {
                    font-size: 11px;
                    color: #111;
                }

                .line .info_wrap .date_wrap .date i[b-1nwsq275qx] {
                    font-size: 10px;
                    background-color: #4676f4;
                    color: #fff;
                    border-radius: 8px;
                    -webkit-border-radius: 10px;
                    padding: 1px 4px;
                    font-style: unset;
                    min-width: 17px;
                    text-align: center;
                }

            .line .info_wrap .date_wrap .setting[b-1nwsq275qx] {
                width: 30px;
                margin-left: 5px;
            }

.chatlist-setting-slide[b-1nwsq275qx] {
    padding: 0 25px;
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .chatlist-setting-slide h6[b-1nwsq275qx] {
        font-size: 15px;
        color: #4676f4;
        padding-bottom: 10px;
        border-bottom: 1px solid #f2f4f6;
        margin-bottom: 20px;
        user-select: none;
        -webkit-user-select: none;
    }

    .chatlist-setting-slide ul[b-1nwsq275qx] {
    }

        .chatlist-setting-slide ul li[b-1nwsq275qx] {
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            user-select: none;
            -webkit-user-select: none;
        }

            .chatlist-setting-slide ul li img[b-1nwsq275qx] {
                width: 20px;
                height: 20px;
                margin-right: 20px;
            }

            .chatlist-setting-slide ul li span[b-1nwsq275qx] {
                font-size: 15px;
            }
/* _content/Clevi.App.Components.Projects/Pages/Communication/ProjectPrivateChatList.razor.rz.scp.css */
.cl_ivy-chatlist-room[b-wtfl24jl51] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.cl-gc-card_top[b-wtfl24jl51] {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 8px;
}

    .cl-gc-card_top .invite-top-bar[b-wtfl24jl51] {
        width: 100%;
        background: #FFF;
        display: flex;
        padding: 15px 10px 5px 10px;
        flex-direction: column;
        -webkit-flex-direction: column;
        user-select: none;
        -webkit-user-select: none;
    }

        .cl-gc-card_top .invite-top-bar div[b-wtfl24jl51] {
            width: 100%;
            background: #FFF;
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin: 0 0 7px 0;
        }

        .cl-gc-card_top .invite-top-bar .title[b-wtfl24jl51] {
            cursor: pointer;
            display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl-gc-card_top .invite-top-bar .title span[b-wtfl24jl51] {
                margin-top: 1px;
            }

        .cl-gc-card_top .invite-top-bar .text[b-wtfl24jl51] {
            font-size: 13px;
            font-weight: 600;
        }

        .cl-gc-card_top .invite-top-bar .button_align[b-wtfl24jl51] {
            display: flex;
            justify-content: end;
            -webkit-justify-content: end;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl-gc-card_top .invite-top-bar .button_align .addgroup[b-wtfl24jl51] {
                box-shadow: none;
                -webkit-box-shadow: none;
                background-color: #F8F4FD !important;
                color: #17171B !important;
                font-size: 10px;
                min-height: 20px;
                min-width: 20px;
                border-radius: 15px;
                -webkit-border-radius: 15px;
                padding: 0px 15px;
                margin: 0 6px 0 0;
            }

            .cl-gc-card_top .invite-top-bar .button_align .addgroup[b-wtfl24jl51] {
                box-shadow: none;
                -webkit-box-shadow: none;
                background-color: #E5F0FE !important;
                color: #17171B !important;
                font-size: 10px;
                min-height: 20px;
                min-width: 20px;
                border-radius: 15px;
                -webkit-border-radius: 15px;
                padding: 0px 15px;
            }


.cl-gc-search_wrap[b-wtfl24jl51]  .search_wrap {
    position: relative;
}

    .cl-gc-search_wrap[b-wtfl24jl51]  .search_wrap ::deep .clc-button img {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

.cl-gc-card_body[b-wtfl24jl51] {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 15px 10px 0 8px;
}




    .cl-gc-card_body .cl_ivy-chattings[b-wtfl24jl51] {
        width: 100%;
    }

        .cl-gc-card_body .cl_ivy-chattings .list_box[b-wtfl24jl51] {
            width: 100%;
        }

            .cl-gc-card_body .cl_ivy-chattings .list_box .wrap[b-wtfl24jl51] {
                padding: 5px 0px 5px 0px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-direction: column;
                -webkit-flex-direction: column;
            }

.line[b-wtfl24jl51] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 0px;
    text-decoration: none;
    -webkit-text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 12px 10px;
    user-select: none;
    -webkit-user-select: none;
    width: 100%;
}

    .line .entry[b-wtfl24jl51] {
        position: relative;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        /*width: 60px;
                    height: 45px;
                    border-radius: 45%;
                    -webkit-border-radius: 45%;*/
    }

        .line .entry img[b-wtfl24jl51] {
            width: 40px;
            height: 40px;
        }

        .line .entry .favorite[b-wtfl24jl51] {
            position: absolute;
            top: -3px;
            left: 0;
            width: 15px;
            height: 15px;
        }

    .line .info_wrap[b-wtfl24jl51] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
        margin: 0 0 0 10px;
    }

        .line .info_wrap .info[b-wtfl24jl51] {
            display: flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            justify-content: center;
            -webkit-justify-content: center;
            margin-right: 7px;
        }

            .line .info_wrap .info .title[b-wtfl24jl51] {
                font-size: 12px;
                font-weight: 500;
            }

            .line .info_wrap .info .detail[b-wtfl24jl51] {
                font-size: 12px;
                margin: 0px 0 0 0;
                color: #828282;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
                max-height: 3em;
                line-height: 1.5em;
                display: -webkit-box;
            }

        .line .info_wrap .date_wrap[b-wtfl24jl51] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            height: 100%;
        }

            .line .info_wrap .date_wrap .date[b-wtfl24jl51] {
                display: flex;
                flex-flow: column;
                -webkit-flex-flow: column;
                align-items: end;
                -webkit-align-items: end;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .line .info_wrap .date_wrap .date span[b-wtfl24jl51] {
                    font-size: 11px;
                    color: #111;
                }

                .line .info_wrap .date_wrap .date i[b-wtfl24jl51] {
                    font-size: 10px;
                    background-color: #4676f4;
                    color: #fff;
                    border-radius: 8px;
                    -webkit-border-radius: 10px;
                    padding: 1px 4px;
                    font-style: unset;
                    min-width: 17px;
                    text-align: center;
                }

            .line .info_wrap .date_wrap .setting[b-wtfl24jl51] {
                width: 30px;
                margin-left: 5px;
            }



.back-to-before[b-wtfl24jl51] {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0px;
}



.chatlist-setting-slide[b-wtfl24jl51] {
    padding: 0 25px;
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .chatlist-setting-slide h6[b-wtfl24jl51] {
        font-size: 15px;
        color: #4676f4;
        padding-bottom: 10px;
        border-bottom: 1px solid #f2f4f6;
        margin-bottom: 20px;
        user-select: none;
        -webkit-user-select: none;
    }

    .chatlist-setting-slide ul[b-wtfl24jl51] {
    }

        .chatlist-setting-slide ul li[b-wtfl24jl51] {
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            user-select: none;
            -webkit-user-select: none;
        }

            .chatlist-setting-slide ul li img[b-wtfl24jl51] {
                width: 20px;
                height: 20px;
                margin-right: 20px;
            }

            .chatlist-setting-slide ul li span[b-wtfl24jl51] {
                font-size: 15px;
            }
/* _content/Clevi.App.Components.Projects/Pages/Components/ProjectDetailProgressComponent.razor.rz.scp.css */

.project-bar-wrap[b-dp93j6n5e9] {
    display: flex;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.bar-wrap[b-dp93j6n5e9] {
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    margin-right: 8px;
}

.finish-progressbar[b-dp93j6n5e9] {
    border-radius: 10px;
    height: 1.4rem;
    position: relative;
    border: 1px solid #08CF80;
    background-color: #F8F9FA;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0px;
    max-width: 500px;
}

    .finish-progressbar span[b-dp93j6n5e9] {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 500;
        z-index: 1;
    }

.finish-progressbar-label[b-dp93j6n5e9] {
    display: flex;
    border-radius: 10px;
    position: absolute;
    background-color: #E7F7F6;
    height: 100%;
    transition: width 0.5s ease;
    left: 0;
}

.bar-span[b-dp93j6n5e9] {
    color: #08CF80;
    margin: 0 0 0 6px;
    transition: all 0.3s ease;
    width: 33px;
    font-size: 13px;
}

.complete-rate-span[b-dp93j6n5e9] {
    color: #4676F4;
    margin-left: 3px;
    width: 33px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}
/*
            .team-progressbar {
                border-radius: 10px;
                height: 1.4rem;
                position: relative;
                border: 1px solid #E3E3E3;
                background-color: #F8F9FA;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: end;
                width: 100%;
            } */


.in-progress-bar[b-dp93j6n5e9] {
    border-radius: 10px;
    height: 1.4rem;
    background-color: #E5F0FE;
    border: 1px solid #88A8FA;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 0px;
    position: absolute;
    height: 100%;
    transition: width 0.5s ease;
    left: 0;
}

/*.finish-progressbar {
    border-radius: 10px;
    height: 1.4rem;
    position: relative;
    background-color: #E7F7F6;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 20px;
}*/

.project-wrap[b-dp93j6n5e9] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 15px 0;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
}
/* _content/Clevi.App.Components.Projects/Pages/Components/ProjectFriendshipListWithCheckbox.razor.rz.scp.css */


.cl_ivy-invitelist_wrap[b-s4tt0ndfi1] {
    display: flex;
    flex-direction: column;
}

    .cl_ivy-invitelist_wrap .wrap .span[b-s4tt0ndfi1] {
        margin: 3px 0;
    }

.checkbox-wrapper .cbx[b-s4tt0ndfi1] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

    .checkbox-wrapper .cbx span[b-s4tt0ndfi1] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .checkbox-wrapper .cbx span:first-child[b-s4tt0ndfi1] {
            position: relative;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
        }

            .checkbox-wrapper .cbx span:first-child svg[b-s4tt0ndfi1] {
                position: absolute;
                z-index: 1;
                top: 4px;
                left: 4px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
            }

            .checkbox-wrapper .cbx span:first-child[b-s4tt0ndfi1]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                transition-delay: 0.2s;
            }

        .checkbox-wrapper .cbx span:last-child[b-s4tt0ndfi1] {
            margin-left: 8px;
        }

    .checkbox-wrapper .cbx .span:last-child[b-s4tt0ndfi1]:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        height: 1px;
        width: 100%;
        background: #B9B8C3;
        transform-origin: 0 0;
        transform: scaleX(0);
    }

    .checkbox-wrapper .cbx:hover span:first-child[b-s4tt0ndfi1] {
        border-color: #B9B8C3;
    }

.checkbox-wrapper .inp-cbx:checked + .cbx .span:first-child[b-s4tt0ndfi1] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15 0.6s ease;
}

.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg[b-s4tt0ndfi1] {
    stroke-dashoffset: 0;
}

.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child[b-s4tt0ndfi1]:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child[b-s4tt0ndfi1] {
    color: #B9B8C3;
    transition: all 0.3s ease;
}

.checkbox-wrapper .inp-cbx:checked + .cbx span:last-child[b-s4tt0ndfi1]:after {
    transform: scaleX(1);
    transition: all 0.3s ease;
}




.cl_ivy-invite[b-s4tt0ndfi1] {
    height: 100%;
}

.invite-top-bar[b-s4tt0ndfi1] {
    width: 100%;
    background: #FFF;
    display: flex;
    padding: 5px 10px 0 10px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .invite-top-bar div[b-s4tt0ndfi1] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .invite-top-bar .text[b-s4tt0ndfi1] {
        font-size: 13px;
        font-weight: 600;
        margin: 3px 0 0 3px;
    }

.cl_ivy-inviteselect_wrap[b-s4tt0ndfi1] {
    display: flex;
    padding: 5px 15px 15px 0;
    margin-top: 10px;
}

.members-delete[b-s4tt0ndfi1] {
}

.cl_ivy-inviteselect_wrap .wrap[b-s4tt0ndfi1] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0px 5px;
    margin-right: 10px;
}

    .cl_ivy-inviteselect_wrap .wrap span[b-s4tt0ndfi1] {
        font-size: 10px;
    }

    .cl_ivy-inviteselect_wrap .wrap .profile[b-s4tt0ndfi1] {
        position: relative;
    }

        .cl_ivy-inviteselect_wrap .wrap .profile .delite[b-s4tt0ndfi1] {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 0;
            right: -2px;
        }

        .cl_ivy-inviteselect_wrap .wrap .profile .detail[b-s4tt0ndfi1] {
            background-color: #F4F6FD;
            padding: 0px;
            border-radius: 50%;
        }

            .cl_ivy-inviteselect_wrap .wrap .profile .detail img[b-s4tt0ndfi1] {
                height: 30px;
                width: 30px;
            }

            .cl_ivy-inviteselect_wrap .wrap .profile .detail span[b-s4tt0ndfi1] {
                position: absolute;
                top: 3%;
                right: 0px;
                height: 14px;
                width: 14px;
                margin-top: 5px;
                font-size: 10px;
            }

.cl_ivy-invitelist_wrap[b-s4tt0ndfi1] {
    padding: 10px 0;
}

    .cl_ivy-invitelist_wrap .member-profile[b-s4tt0ndfi1] {
        padding: 10px 8px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

        .cl_ivy-invitelist_wrap .member-profile .user[b-s4tt0ndfi1] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl_ivy-invitelist_wrap .member-profile .user .img_wrap[b-s4tt0ndfi1] {
                display: flex;
                align-items: center;
                -webkit-align-items: center;
                background-color: #F4F6FD;
                padding: 0px;
                border-radius: 50%;
            }

                .cl_ivy-invitelist_wrap .member-profile .user .img_wrap img[b-s4tt0ndfi1] {
                    height: 45px;
                    width: 45px;
                }

            .cl_ivy-invitelist_wrap .member-profile .user span[b-s4tt0ndfi1] {
                margin-left: 10px;
                font-size: 13px;
                font-weight: 600;
            }

        .cl_ivy-invitelist_wrap .member-profile .checkbox_wrap[b-s4tt0ndfi1] {
            margin-right: 10px;
        }

.cl_ivy-invite .search textarea[b-s4tt0ndfi1] {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 0 0 12px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
}

.cl_ivy-invite .search .search_box[b-s4tt0ndfi1] {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}


    .cl_ivy-invite .search .search_box button[b-s4tt0ndfi1] {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 12px 0 0;
        padding: 0;
    }
/* _content/Clevi.App.Components.Projects/Pages/Components/ProjectProgressComponent.razor.rz.scp.css */

.project-bar-wrap[b-ffp3r26nlt] {
    display: flex;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 15px 0;
}
.bar-wrap[b-ffp3r26nlt] {
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    width: calc(100% - 60px);
    margin-right: 8px;
}

.finish-progressbar[b-ffp3r26nlt] {
    border-radius: 10px;
    height: 1.4rem;
    position: relative;
    border: 1px solid #08CF80;
    background-color: #F8F9FA;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0px;
}
    .finish-progressbar span[b-ffp3r26nlt] {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 500;
        z-index: 1;
    }

.finish-progressbar-label[b-ffp3r26nlt] {
    display: flex;
    border-radius: 10px;
    position: absolute;
    background-color: #E7F7F6;
    height: 100%;
    transition: width 0.5s ease;
    left: 0;
}
.bar-span[b-ffp3r26nlt] {
    color: #08CF80;
    margin: 0 0 0 6px;
    transition: all 0.3s ease;
    width: 33px;
    font-size: 13px;
}
.complete-rate-span[b-ffp3r26nlt] {
    color: #4676F4;
    margin-left: 3px;
    width: 33px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}
/*
            .team-progressbar {
                border-radius: 10px;
                height: 1.4rem;
                position: relative;
                border: 1px solid #E3E3E3;
                background-color: #F8F9FA;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: end;
                width: 100%;
            } */


.in-progress-bar[b-ffp3r26nlt] {
    border-radius: 10px;
    height: 1.4rem;
    background-color: #E5F0FE;
    border: 1px solid #88A8FA;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 0px;
    position: absolute;
    height: 100%;
    transition: width 0.5s ease;
    left: 0;
}

/*.finish-progressbar {
    border-radius: 10px;
    height: 1.4rem;
    position: relative;
    background-color: #E7F7F6;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 20px;
}*/

.project-wrap[b-ffp3r26nlt] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 15px 0;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
}

[b-ffp3r26nlt] .clc-button{
    border-radius:6px;
    white-space:nowrap;
}
/* _content/Clevi.App.Components.Projects/Pages/Components/ProjectTeamProgressComponent.razor.rz.scp.css */


.team-progressbar[b-eh7g6tyoc9] {
    border-radius: 10px;
    height: 24px;
    position: relative;
    border: 1px solid #E3E3E3;
    background-color: #F8F9FA;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-right: 4px;
}

.bar-span[b-eh7g6tyoc9] {
    color: #7F84F9;
    margin: 0 0 0 6px;
    transition: all 0.3s ease;
    width: 33px;
    font-size: 13px;
}

.team-progressbar p[b-eh7g6tyoc9] {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
}

.team-progressbar-label[b-eh7g6tyoc9] {
    display: flex;
    border-radius: 10px;
    position: absolute;
    background-color: #D8DAFF;
    height: 100%;
    transition: width 0.5s ease;
    left: 0;
}
/* _content/Clevi.App.Components.Projects/Pages/Components/TeamAssignment.razor.rz.scp.css */
.manageprojectdialog[b-ucl816dv9k]{
    max-height:calc(100vh - 240px);
}

.box-wrap[b-ucl816dv9k] {
    margin-bottom: 15px;
}

.add-wrap[b-ucl816dv9k]{
    margin-top:20px;
}

.member_empty-page[b-ucl816dv9k] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 60px;
}

h6[b-ucl816dv9k] {
    margin: 0 0 15px 0;
}

.member_empty-page p[b-ucl816dv9k] {
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #c3c3c3;
}

.add-member-wrap[b-ucl816dv9k] {
    max-height: 150px;
    overflow: auto;
    font-size: 14px;
}

.add-member[b-ucl816dv9k] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
    font-size: 14px;
    padding: 7px 0;
}

    .add-member .img_wrap[b-ucl816dv9k] {
        margin-right: 8px;
    }

        .add-member .img_wrap img[b-ucl816dv9k] {
            width: 40px;
            height: 40px;
        }

    .add-member p[b-ucl816dv9k] {
        flex: 1;
    }

.member-wrap[b-ucl816dv9k] {
    margin-top: 25px;
}

.nonselect[b-ucl816dv9k]{
    width:100%;
}
.nonselect span[b-ucl816dv9k]{
    color: #767676;
    text-align:center;
}

.bottom[b-ucl816dv9k] {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
/* _content/Clevi.App.Components.Projects/Pages/Components/TodoListAssignTeamProgressComponent.razor.rz.scp.css */


.bar-graph-total[b-6i6ymovmbb] {
    background: #F8F9FA;
    border: 1px solid #E3E3E3;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    position: relative;
    height: 25px;
    margin-top: 0px;
    width: 100%;
}

.bar-graph[b-6i6ymovmbb] {
    background: #F8F9FA;
    border: 1px solid #E3E3E3;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    position: relative;
    height: 25px;
    margin-top: 0px;
    width: 100%;
}

.bar-wrap-blue[b-6i6ymovmbb] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 7px 0;
}

    .bar-wrap-blue .title[b-6i6ymovmbb] {
        font-size: 15px;
        margin: 0px;
        width: 80px;
    }

.today-state-blue[b-6i6ymovmbb] {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    background-color: #E5F0FE;
    border: 1px solid #88A8FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
    padding-right: 5px;
}

.shame-blue[b-6i6ymovmbb] {
    margin: 0px 0 0 8px;
    color: #4676F4;
    min-width: 40px;
    font-size: 15px;
}
/* _content/Clevi.App.Components.Projects/Pages/Components/TodoListProgressComponent.razor.rz.scp.css */


.bar-wrap-blue[b-mrldtlg7nd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.title[b-mrldtlg7nd] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    width: 80px;
}

.bar-graph[b-mrldtlg7nd] {
    width: 100%;
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin: 0 10px;
}

.today-state-blue[b-mrldtlg7nd] {
    height: 100%;
    background-color: #4a90e2;
    border-radius: 5px;
}

.shame-blue[b-mrldtlg7nd] {
    margin: 0px 0 0 8px;
    color: #4676F4;
    min-width: 30px;
    white-space: nowrap;
    word-break: unset;
    word-wrap: unset;
}
/* _content/Clevi.App.Components.Projects/Pages/CreateProjectAssignTeam.razor.rz.scp.css */


.edit-wrap[b-lenv81fvmp] {
    margin: 0px;
}

.add-wrap[b-lenv81fvmp] {
    padding: 0px;
}
.add-wrap h6[b-lenv81fvmp]{
    font-size:15px;
}

.styled-checkbox[b-lenv81fvmp] {
    display: none;
}

    .styled-checkbox + label[b-lenv81fvmp] {
        position: relative;
        cursor: pointer;
        display: inline-block;
        background: #ececec;
        height: 20px;
        width: 20px;
        border-radius: 50%;
    }

        .styled-checkbox + label[b-lenv81fvmp]:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #fff;
            transition: 0.3s;
        }

    .styled-checkbox:checked + label[b-lenv81fvmp]:after {
        background: #4CAF50;
    }

.add-member[b-lenv81fvmp] {
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    padding: 10px 0;
}

    .add-member img[b-lenv81fvmp] {
        width: 40px;
        height: 40px;
    }

    .add-member span[b-lenv81fvmp] {
        margin: 0 0 0 10px;
    }

.bottom[b-lenv81fvmp]{
    margin: 20px 0 0;
}
.bottom[b-lenv81fvmp]  .clc-button{
    border-radius: 7px;
    width:100%;
}
/* _content/Clevi.App.Components.Projects/Pages/EditProject.razor.rz.scp.css */
[b-oc9xnms2e0] .clc-button{
    -webkit-border-radius:7px;
}

@media(min-width:768px) {

}


@media(max-width:767px) {
    .cl_ivy-project-create[b-oc9xnms2e0]{
        margin: 0 -20px;
    }
}

.cl_ivy-project-create[b-oc9xnms2e0] {
    height: calc(100vh - 83px);
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: #f8f9fa;
}
 .page-wrap[b-oc9xnms2e0] {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: #fff;
    overflow-y:scroll;
}


.body[b-oc9xnms2e0] {
    width: 100%;
}

    .body .project-info .wrap[b-oc9xnms2e0] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
        align-items:center;
    }

        .body .project-info .wrap .box-wrap[b-oc9xnms2e0] {
            display:flex;
            align-items:center;
            -webkit-align-items:center;
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }
        .body .project-info .wrap .box-wrap[b-oc9xnms2e0]  .clc-button{
            margin-left:10px;
        }

.bottom[b-oc9xnms2e0] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}

.cbx[b-oc9xnms2e0] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-oc9xnms2e0] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-oc9xnms2e0] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-oc9xnms2e0] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-oc9xnms2e0]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-oc9xnms2e0] {
            margin-left: 8px;
        }

.check-wrap[b-oc9xnms2e0] {
    width: 10px;
}


.table_wrap[b-oc9xnms2e0] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top:10px;
}

.cbx span:last-child[b-oc9xnms2e0]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-oc9xnms2e0] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-oc9xnms2e0] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-oc9xnms2e0 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-oc9xnms2e0] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-oc9xnms2e0]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-oc9xnms2e0] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-oc9xnms2e0]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-oc9xnms2e0 {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}

.employeelist[b-oc9xnms2e0] {
    padding: 10px 0;
}

.table-td img[b-oc9xnms2e0] {
    width: 40px;
    height: 40px;
}

.head[b-oc9xnms2e0] {
    width: 100%;
    margin-bottom:20px;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

    .head-title[b-oc9xnms2e0] {
        font-size: 18px;
        font-weight: 600;
        white-space:nowrap;
    }

.project-info .wrap[b-oc9xnms2e0] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    column-gap: 10px;
}

    .project-info .wrap .name[b-oc9xnms2e0] {
        white-space:nowrap;
        font-size:13px;
        width:70px;
    }


.employeelist .head[b-oc9xnms2e0] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

.employeelist .head span[b-oc9xnms2e0] {
    white-space: nowrap;
    font-size: 14px;
}

@media (max-width:570px) {
    .project-info .wrap[b-oc9xnms2e0] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-oc9xnms2e0] {
            padding: 10px 0;
        }

    .head-wrap[b-oc9xnms2e0] {
        display: flex;
    }
}

.head-wrap span[b-oc9xnms2e0] {
    width: 20%;
}



table[b-oc9xnms2e0] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-oc9xnms2e0] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-oc9xnms2e0] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-oc9xnms2e0] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-oc9xnms2e0] {
    background-color: #d3d3d3;
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */


.table-th[b-oc9xnms2e0] {
    width: calc(100% / 6);
    padding: 6px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-oc9xnms2e0],
td:nth-child(2)[b-oc9xnms2e0] {
    width: 13%;
}

th:nth-child(1)[b-oc9xnms2e0],
td:nth-child(1)[b-oc9xnms2e0] {
    width: 5%;
}


th:nth-child(3)[b-oc9xnms2e0], td:nth-child(3)[b-oc9xnms2e0], th:nth-child(4)[b-oc9xnms2e0], td:nth-child(4)[b-oc9xnms2e0], th:nth-child(5)[b-oc9xnms2e0], td:nth-child(5)[b-oc9xnms2e0] {
    width: 13%;
}


th:nth-child(6)[b-oc9xnms2e0], td:nth-child(6)[b-oc9xnms2e0] {
    width: 5%;
}

th[b-oc9xnms2e0], td[b-oc9xnms2e0] {
    border-left: none;
    border-right: none;
}

.p_wrap[b-oc9xnms2e0] {
}
.p_wrap span[b-oc9xnms2e0] {
    width: fit-content;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 3px #e2e2e2;
    text-align:center;
    white-space:nowrap;
}
.p_wrap span:last-child[b-oc9xnms2e0] {
    display:none;    
}

.btn-wrap[b-oc9xnms2e0] {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 20px;
}
/* _content/Clevi.App.Components.Projects/Pages/IvySchedule.razor.rz.scp.css */

.cl_ivy-chatlist-select[b-keklyxeksw] {
    width: 100%;
    padding: 0px 0 0px 0;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    border-bottom: 1px solid #f2f4f6;
    flex-direction: column;
    padding: 10px 20px 0 20px;
}

.head .top[b-keklyxeksw] {
    padding: 15px 20px 10px 20px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
}

.add-bucket_img[b-keklyxeksw] {
    width: 24px;
    height: 24px;
}

.chatlist-top[b-keklyxeksw] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .chatlist-top .title-wrap[b-keklyxeksw] {
        display: flex;
        align-items: center;
    }

        .chatlist-top .title-wrap span[b-keklyxeksw] {
            height: 40px;
            display: flex;
            align-items: center;
            font-size: 15px;
            margin: 2px 0 0 7px;
            font-weight: 500;
        }

.cl_ivy-chatlist-select .wrap[b-keklyxeksw] {
    padding: 0 20px;
    display: flex;
    user-select: none;
    -webkit-user-select: none;
}

    .cl_ivy-chatlist-select .wrap .title[b-keklyxeksw] {
        flex-grow: 1;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
        cursor: pointer;
        border-bottom: 1.5px solid #efefef;
        width: 50px;
    }

    .cl_ivy-chatlist-select .wrap span[b-keklyxeksw] {
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        padding-bottom: 2px;
        font-weight: 500;
        color: #B0B6BE;
    }

    .cl_ivy-chatlist-select .wrap .title .border[b-keklyxeksw] {
        width: 60%;
        height: 2px;
        background-color: #DEDEDE;
        border: none !important;
    }


.radio-input input[b-keklyxeksw] {
    display: none;
}

.label-wrap[b-keklyxeksw] {
    display: flex;
    min-width:60px;
    width: var(--container_width);
    justify-content:center;
    -webkit-justify-content:center;
    position:relative;
}

.radio-input[b-keklyxeksw] {
    display: flex;
    align-items: center;
    -webkit-justify-content: flex-start;
    background-color: #fff;
    color: #000000;
    overflow: hidden;
    margin-top: 10px;
    padding:0 20px;
    /*border-bottom: 1px solid rgba(53, 52, 52, 0.226);*/
}

.label-wrap .title[b-keklyxeksw] {
    border-bottom: 0px;
    width: 45px;
}

.border-1-wrap[b-keklyxeksw] {
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
}

.border-2-wrap[b-keklyxeksw] {
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    z-index: 1;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
}


.chat-title[b-keklyxeksw] {
    color: #767676;
}

.radio-input label:has(input:checked) span[b-keklyxeksw] {
    color: #212f4b;
}

@media screen and (max-width: 550px){
    .border-1-wrap:has(input:checked) ~ .border-1[b-keklyxeksw] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }



    .border-2-wrap:has(input:checked) ~ .border-2[b-keklyxeksw] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }
}

@media screen and (min-width: 500px) {
    .border-1-wrap:has(input:checked) ~ .border-1[b-keklyxeksw] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }

    .border-2-wrap:has(input:checked) ~ .border-2[b-keklyxeksw] {
        position: absolute;
        height: 3px;
        width: 45%;
        z-index: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        border: none !important;
        background-color: #212f4b;
        justify-content: flex-start;
        display: inline-block;
        border: 1px solid #212f4b;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        opacity: 0.7;
    }
}

/* _content/Clevi.App.Components.Projects/Pages/Layouts/ProjectDetailLayout.razor.rz.scp.css */
.cl-project_wrap[b-sp0k8ape0l] {
    margin-bottom: 20px;
}

.project-detail_navibutton[b-sp0k8ape0l] {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 12px 23px;
    color: #4676f4;
    background-color: #f8f9fa;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
}

    .project-detail_navibutton p[b-sp0k8ape0l] {
        margin: 0;
    }

.project-layout_title[b-sp0k8ape0l] {
    padding-left: 23px;
    display:flex;
    flex-direction:column;
    row-gap:15px;
}
.project-layout_title li[b-sp0k8ape0l]{
    margin-top:20px;
}
    [b-sp0k8ape0l] .clc-treenode-label strong{
        font-weight: 500 !important;
    }



.detail-sidebar_title[b-sp0k8ape0l] {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.project-layout_title_img[b-sp0k8ape0l] {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
/* _content/Clevi.App.Components.Projects/Pages/Layouts/ProjectLayout.razor.rz.scp.css */
[b-qeql4ua58y] .clc-stack {
    gap: 0px !important;
}

[b-qeql4ua58y] .clc-button {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    width: 100%;
}

.project-layout_title_list[b-qeql4ua58y] {
    padding-left: 17px;
}

    .project-layout_title h6[b-qeql4ua58y] {
        font-size: 15px;
        color: #111;
        font-weight: 500;
    }

    .project-layout_title .tree[b-qeql4ua58y] {
        margin-left: 5px;
    }

.project-layout_title_img[b-qeql4ua58y] {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
/* _content/Clevi.App.Components.Projects/Pages/ManageProjectTeam.razor.rz.scp.css */
[b-787smo13zt] .clc-textbox {
        border: solid 1px #dcdcdc;
        background-color: #f8f9fa;
        height: 36px;
        width: 100%;
    }


[b-787smo13zt] .clc-button {
    border-radius: 6px;
}


.manage-project-wrap[b-787smo13zt] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: #f8f9fa;
}

.head[b-787smo13zt] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .head div[b-787smo13zt] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .head span[b-787smo13zt] {
        color: #17171b;
        font-size: 15px;
        margin-right: 10px;
        white-space: nowrap;
    }
    d
.page-wrap[b-787smo13zt] {
    width: 100%;
    height: 100%;
    padding: 20px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: #fff;
    overflow-y: auto;
}


.page-title[b-787smo13zt] {
    border-bottom: solid 1px #E2E4E6;
    display: flex;
    -webkit-justify-content: space-between;
    padding-bottom: 7px;
}

    .page-title h3[b-787smo13zt] {
        font-weight: 500;
        text-indent: 15px;
        margin: 0;
    }

.title h5[b-787smo13zt] {
    font-size: 15px;
    font-weight: 600;
    color: #17171b;
}

.btn-wrap[b-787smo13zt] {
    width: 100%;
    display: flex;
    justify-content: center;
}
.btn-wrap[b-787smo13zt] {
    margin-top:20px;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap:10px;
}

.admin-wrap[b-787smo13zt]{
    display:flex;
}
.admin-wrap span[b-787smo13zt]{
    margin-right:10px;
    font-weight:500;
}


table[b-787smo13zt] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    font-size: 13px;
    color: #17171b;
    margin: 0 0 25px 0;
}

thead[b-787smo13zt] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
    background-color: #f8f9fa;
}

/* 테이블 행 */
td[b-787smo13zt] {
    padding: 8px;
    text-align: left;
    border-bottom: 0.5px solid #d8d8d8;
    text-align: center;
}

th[b-787smo13zt] {
    padding: 6px;
    text-align: left;
    text-align: center;
    color: #696E74;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-787smo13zt] {
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */
th:nth-child(1)[b-787smo13zt],
td:nth-child(1)[b-787smo13zt] {
    width: 15%;
}

th:nth-child(2)[b-787smo13zt],
td:nth-child(2)[b-787smo13zt] {
    width: 30%;
}

th:nth-child(3)[b-787smo13zt],
td:nth-child(3)[b-787smo13zt] {
    width: 45%;
}

.table-wrap[b-787smo13zt] {
    margin-top: 20px;
}


.table-title[b-787smo13zt] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 0 0 5px 0;
}

.box-wrap[b-787smo13zt] {
}

.table-title .name[b-787smo13zt] {
    font-size: 15px;
    color: #17171b;
    white-space: nowrap;
}

.table-title div[b-787smo13zt] {
    display: flex;
    column-gap: 5px;
}
.edit-table-title[b-787smo13zt]{
    display:flex;
    justify-content:end;
}

.cbx[b-787smo13zt] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-787smo13zt] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-787smo13zt] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-787smo13zt] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-787smo13zt]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

.table_wrap[b-787smo13zt] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cbx span:last-child[b-787smo13zt] {
    margin-left: 8px;
}

.inp-cbx:checked + .cbx span:first-child[b-787smo13zt] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-787smo13zt 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-787smo13zt] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-787smo13zt]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-787smo13zt] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-787smo13zt]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-787smo13zt {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}

.check-wrap[b-787smo13zt] {
    width: 10px;
}
/* _content/Clevi.App.Components.Projects/Pages/ProjectAccessUserSearchDialog.razor.rz.scp.css */

.container-fluid[b-kr4bs2xll4] {
    max-height: calc(100vh - 240px);
}

.card-align[b-kr4bs2xll4] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
}

[b-kr4bs2xll4] .clc-card {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

h4[b-kr4bs2xll4] {
    font-size: 15px;
    margin-bottom: 10px;
}


.box-wrap[b-kr4bs2xll4] {
}

[b-kr4bs2xll4] .set-project-name {
    height: 40px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcdcdc !important;
    background-color: #f8f9fa;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.cl-simpleprofile-card[b-kr4bs2xll4] {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
    border-bottom: 1px solid #f2f4f6;
}

    .cl-simpleprofile-card:last-child[b-kr4bs2xll4] {
        border-bottom: none;
    }

    .cl-simpleprofile-card ul[b-kr4bs2xll4] {
        padding-bottom: 8px;
        width: 100%;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content:space-between;
    }

.simpleprofile_wrap[b-kr4bs2xll4] {
    margin-top: 10px;
}

.cl-simpleprofile-card_top[b-kr4bs2xll4] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .cl-simpleprofile-card_top img[b-kr4bs2xll4] {
        height: 35px;
        width: 35px;
    }

    .cl-simpleprofile-card_top span[b-kr4bs2xll4] {
        margin-left: 10px;
        font-size: 13px;
        font-weight: 500;
    }

.bottom-wrap[b-kr4bs2xll4] {
    margin-top: 20px;
}

    .bottom-wrap[b-kr4bs2xll4]  .clc-button {
        width: 100%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
    }


.cl_empty-page[b-kr4bs2xll4] {
    height: 50px;
    width: 100%;
}

    .cl_empty-page p[b-kr4bs2xll4] {
        text-align: center;
    }
/* _content/Clevi.App.Components.Projects/Pages/ProjectAllList.razor.rz.scp.css */

.page-title[b-2li0m4ha5z] {
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    margin-bottom: 30px;
}

    .page-title img[b-2li0m4ha5z] {
        width: 24px;
        height: 24px;
    }

    .page-title h3[b-2li0m4ha5z] {
        font-size: 17px;
    }

.cl_project-list .title .button_wrap[b-2li0m4ha5z] {
    display: flex;
}



.date .left[b-2li0m4ha5z] {
    width: 30px;
    margin-right: 10px;
}

.title .left[b-2li0m4ha5z] {
    width: 30px;
    margin-right: 10px;
}



.empty-space[b-2li0m4ha5z] {
    width: 40px;
    height: 24px;
}

.card-top .wrap[b-2li0m4ha5z] {
    display: flex;
    flex-flow: column;
    -webkit-flex-flow: column;
}

    .card-top .wrap .title[b-2li0m4ha5z] {
        margin: 0;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .card-top .wrap .title .contact-dropdown-wrap[b-2li0m4ha5z] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

            .card-top .wrap .title .contact-dropdown-wrap .text[b-2li0m4ha5z] {
                font-size: 13px;
                font-weight: 600;
                width: 40px;
            }

            .card-top .wrap .title .contact-dropdown-wrap[b-2li0m4ha5z]  .clc-button {
                border-radius: 5px !important;
                margin-left: 5px;
            }

    .card-top .wrap .text[b-2li0m4ha5z] {
        width: 40px;
    }

        .card-top .wrap .text span[b-2li0m4ha5z] {
            font-size: 13px;
        }


    .card-top .wrap .date[b-2li0m4ha5z] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .card-top .wrap .date .first_wrap[b-2li0m4ha5z] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            margin: 0 0px 0px 0;
        }

        .card-top .wrap .date .text[b-2li0m4ha5z] {
            margin-right: 20px;
            font-weight: 600;
        }

        .card-top .wrap .date .period[b-2li0m4ha5z] {
            display: flex;
        }

            .card-top .wrap .date .period span[b-2li0m4ha5z] {
                width: 30px;
                text-align: center;
            }

        .card-top .wrap .date .button_wrap[b-2li0m4ha5z] {
            display: flex;
            margin: 15px 0;
        }

.cl_project-list[b-2li0m4ha5z] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 10px;
    font-weight: 500;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow-y: scroll;
    overflow-x: unset;
}

    .cl_project-list .title .wrap[b-2li0m4ha5z]  .clc-button {
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border: 1px solid #dedede;
        margin-left: 5px;
    }

    .cl_project-list .card-top .wrap .date .period .clc-calendar[b-2li0m4ha5z] {
        max-width: 135px;
    }

        .cl_project-list .card-top .wrap .date .period .clc-calendar .clc-inputtext[b-2li0m4ha5z] {
            padding-top: 3px;
            padding-bottom: 3px;
            height: 30px;
            font-size: 13px;
        }

        .cl_project-list .card-top .wrap .date .period .clc-calendar .clc-calendar-button[b-2li0m4ha5z] {
            padding: unset !important;
        }

    .cl_project-list .card-top .wrap .title .search[b-2li0m4ha5z] {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-left: 3px;
        padding: 8px 12px;
        color: #AAAAB1 !important;
        font-size: 13px;
        margin-left: 8px;
    }

        .cl_project-list .card-top .wrap .title .search img[b-2li0m4ha5z] {
            width: 15px;
            height: 15px;
        }

    .cl_project-list .card-top .wrap .date .button_wrap[b-2li0m4ha5z]  .clc-button {
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border: 1px solid #dedede;
        margin-left: 5px;
    }


.cl-gc-search_wrap[b-2li0m4ha5z] {
    padding: 0 !important;
}

.cl-table-control[b-2li0m4ha5z] {
    margin: 25px 0 20px 0;
    max-height: 400px;
}

    .cl-table-control table thead tr[b-2li0m4ha5z] {
        background: #f8f9fa;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #c7cbce;
        border-bottom: 1px solid #c7cbce;
    }

    .cl-table-control table thead th[b-2li0m4ha5z] {
        /*        border-bottom: 1px solid #f5f5f5;*/
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 500;
        color: #767676;
        border: none;
        white-space: nowrap;
    }

    .cl-table-control table tbody tr td[b-2li0m4ha5z] {
        border-bottom: 1px solid #f2f4f6;
        vertical-align: middle;
        text-wrap: nowrap;
        text-align:center;
        font-size:13px;
    }


        .cl-table-control table tbody tr td:last-child[b-2li0m4ha5z] {
            text-align: center;
            width: 70px;
        }



table[b-2li0m4ha5z] {
    border-right: none;
    border-left: none;
}


.bottom-wrap[b-2li0m4ha5z] {
    padding: 10px 0px 0 0;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}


.add-project span[b-2li0m4ha5z] {
    padding: 10px 0px;
    font-size: 14px;
}

.proceeding[b-2li0m4ha5z] {
    background-color: #E7F7F6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #3FD99D;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px;
}

.complete[b-2li0m4ha5z] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #edf5ff;
    color: #4676f4;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px;
}


.button_wrap .btn-wrap[b-2li0m4ha5z] {
    display: flex;
    flex: 1;
    -webkit-flex: 1;
}
/* _content/Clevi.App.Components.Projects/Pages/ProjectBoard.razor.rz.scp.css */

.cl_project-list[b-foydp01rtf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 10px;
    font-weight: 500;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow-y: scroll;
    overflow-x: unset;
}


.page-title[b-foydp01rtf] {
    border-bottom: solid 1px #E2E4E6;
    display: flex;
    -webkit-justify-content: space-between;
    padding-bottom: 7px;
}

    .page-title h3[b-foydp01rtf] {
        font-weight: 500;
        text-indent: 15px;
        margin: 0;
    }
    .page-title[b-foydp01rtf]  .clc-button {
        -webkit-border-radius:6px;
    }

.cl-searchbydate-top-item[b-foydp01rtf] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    column-gap: 10px;
    -webkit-column-gap: 10px;
    row-gap: 10px;
}
    .cl-searchbydate-top-item[b-foydp01rtf]  .clc-calendar {
        width:160px !important;
    }
    .cl-searchbydate-top-item[b-foydp01rtf]  .clc-button {
        -webkit-border-radius: 6px;
    }

.cl-gc-search_wrap[b-foydp01rtf]{
    width:100%;
    margin-top:20px;
}
.cl-gc-search_wrap[b-foydp01rtf]  .clc-stack{
    width:100%;
}

.board--head .title[b-foydp01rtf] {
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    cursor: pointer;
}

    .board--head .title img[b-foydp01rtf] {
        width: 24px;
        height: 24px;
    }

    .board--head .title .text[b-foydp01rtf] {
        display: flex;
        -webkit-align-items: center;
    }

        .board--head .title .text span[b-foydp01rtf] {
            font-weight: 600;
            margin-right: 5px;
            font-size: 17px;
            color: #17171B;
        }

.board-search_wrap[b-foydp01rtf] {
    display: flex;
    -webkit-align-items: center;
    margin: 20px 0;
    padding: 0 20px;
}

[b-foydp01rtf] .clc-datalist-data > li {
    background-color: transparent !important;
}

.article-box[b-foydp01rtf] {
    display: flex;
    padding: 25px 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #f2f4f6;
}

    .article-box .wrap[b-foydp01rtf] {
        display: flex;
        -webkit-flex-direction: column;
    }

        .article-box .wrap .title[b-foydp01rtf] {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 20px;
            margin-right: 12px;
            color: #000;
        }

        .article-box .wrap .info[b-foydp01rtf] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

            .article-box .wrap .info .writer[b-foydp01rtf] {
                font-size: 12px;
                font-weight: 600;
                margin-left: 5px;
            }

                .article-box .wrap .info .writer[b-foydp01rtf]::after {
                    content: "·";
                    font-size: 15px;
                    color: #e3e3e3;
                    margin: 0 10px;
                }

            .article-box .wrap .info .element[b-foydp01rtf] {
                display: flex;
                align-items: end;
                font-size: 12px;
                font-weight: 600;
            }

                .article-box .wrap .info .element span[b-foydp01rtf] {
                    font-size: 11px;
                    font-weight: 300;
                    color: #767676;
                }

    .article-box .img_wrap[b-foydp01rtf] {
        display: flex;
        -webkit-justify-content: end;
        -webkit-align-items: center;
    }

        .article-box .img_wrap img[b-foydp01rtf] {
            height: 60px;
            width: 60px;
        }



/*새로만든 아티클 css*/

.head[b-foydp01rtf] {
    border-bottom: 1px solid #f2f4f6;
    position: sticky;
    top: 0;
    background: #fff;
}

.top[b-foydp01rtf] {
    display: flex;
    -webkit-justify-content: space-between;
    padding: 10px 20px 5px 20px;
}

    .top .title[b-foydp01rtf] {
        color: #111;
        font-size: 17px;
        font-weight: 500;
    }

    .top .space-empty[b-foydp01rtf] {
        width: 44px;
        height: 24px;
    }


.back_img[b-foydp01rtf] {
    width: 24px;
    height: 24px;
}

.right img[b-foydp01rtf] {
    width: 62px;
    height: 62px;
}

.body .wrap[b-foydp01rtf] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0px;
}

    .body .wrap .article-wrap[b-foydp01rtf] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 20px;
        border-bottom: 1px solid #f2f4f6;
    }

        .body .wrap .article-wrap:first-child[b-foydp01rtf] {
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            padding: 20px;
            border-bottom: 1px solid #f2f4f6;
        }

        .body .wrap .article-wrap .bottom[b-foydp01rtf] {
            display: flex;
        }

.article-writer[b-foydp01rtf] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 13px;
    color: #111;
    font-weight: 500;
}

    .article-writer .writer[b-foydp01rtf] {
        margin-left: 5px;
    }

.article-title[b-foydp01rtf] {
    font-size: 15px;
    font-weight: 500;
    color: #111;
}

.article-date[b-foydp01rtf] {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    margin-left: 12px;
}

.article-check[b-foydp01rtf] {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    margin-left: 12px;
}

.bottom[b-foydp01rtf] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 15px;
}
/* _content/Clevi.App.Components.Projects/Pages/ProjectCreate.razor.rz.scp.css */

@media(min-width:768px) {

    /*
    .employeelist {
        max-width: 700px;
    }

        .employeelist .body {
            max-width: 700px;
            width: 100%;
        }*/

}


@media(max-width:767px) {

    /*
    .employeelist {
        max-width: 350px;
    }

        .employeelist .body {
            max-width: 350px;
        }*/
}

.cl_ivy-project-create[b-j1qh3z5j17] {
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-height: calc(100vh - 300px);
}

    .cl_ivy-project-create span[b-j1qh3z5j17] {
        font-size: 14px;
        width: 70px;
    }

.body[b-j1qh3z5j17] {
    width: 100%;
}

    .body .project-info .wrap[b-j1qh3z5j17] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
        column-gap:10px;
    }
        .body .project-info .wrap .box-wrap[b-j1qh3z5j17] {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

.bottom[b-j1qh3z5j17] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top:20px;
}

.cbx[b-j1qh3z5j17] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-j1qh3z5j17] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-j1qh3z5j17] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-j1qh3z5j17] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-j1qh3z5j17]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-j1qh3z5j17] {
            margin-left: 8px;
        }

.check-wrap[b-j1qh3z5j17] {
    width: 10px;
}

.employeelist .head span[b-j1qh3z5j17] {
    font-size: 14px;
}

.cbx span:last-child[b-j1qh3z5j17]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-j1qh3z5j17] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-j1qh3z5j17] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-j1qh3z5j17 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-j1qh3z5j17] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-j1qh3z5j17]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-j1qh3z5j17] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-j1qh3z5j17]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-j1qh3z5j17 {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



.project-info .row[b-j1qh3z5j17] {
    display: flex;
}

.project-info[b-j1qh3z5j17] {
    padding: 15px 10px;
}

.employeelist[b-j1qh3z5j17] {
    padding: 10px 0;
}

.project-info .wrap[b-j1qh3z5j17] {
    display: flex;
}

.table-td img[b-j1qh3z5j17] {
    width: 40px;
    height: 40px;
}
.table-td[b-j1qh3z5j17]  .clc-dropdown {
    width:120px;
}

.project-info .wrap[b-j1qh3z5j17] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}
    .project-info .wrap span[b-j1qh3z5j17] {
        white-space: nowrap;
        font-weight:500;
    }
.list-table_header[b-j1qh3z5j17]{
    display:flex;
    justify-content:space-between;
}

.list-table_header[b-j1qh3z5j17]  .clc-button{
    border-radius: 7px;
    -webkit-border-radius: 7px;
}

.head[b-j1qh3z5j17] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.head-title[b-j1qh3z5j17] {
    font-size: 15px;
    font-weight: 600;
}

.project-info .wrap .detail[b-j1qh3z5j17] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 10px;
}

    .project-info .wrap .detail span[b-j1qh3z5j17] {
        width: 30%;
        margin-right: 10px;
    }

.employeelist .head[b-j1qh3z5j17] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width:570px) {
    .project-info .wrap[b-j1qh3z5j17] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-j1qh3z5j17] {
            padding: 10px 0;
        }

    .head-wrap[b-j1qh3z5j17] {
        display: flex;
    }
}

.head-wrap span[b-j1qh3z5j17] {
    width: 20%;
}



table[b-j1qh3z5j17] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-j1qh3z5j17] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-j1qh3z5j17] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-j1qh3z5j17] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}


/* 테이블 비율 */


.table-th[b-j1qh3z5j17] {
    width: calc(100% / 6);
    padding: 6px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-j1qh3z5j17],
td:nth-child(2)[b-j1qh3z5j17] {
    width: 13%;
}

th:nth-child(1)[b-j1qh3z5j17],
td:nth-child(1)[b-j1qh3z5j17] {
    width: 5%;
}


th:nth-child(3)[b-j1qh3z5j17], td:nth-child(3)[b-j1qh3z5j17], th:nth-child(4)[b-j1qh3z5j17], td:nth-child(4)[b-j1qh3z5j17], th:nth-child(5)[b-j1qh3z5j17], td:nth-child(5)[b-j1qh3z5j17] {
    width: 13%;
}


th:nth-child(6)[b-j1qh3z5j17], td:nth-child(6)[b-j1qh3z5j17] {
    width: 5%;
}

th[b-j1qh3z5j17], td[b-j1qh3z5j17] {
    border-left: none;
    border-right: none;
}


.employee-profile[b-j1qh3z5j17]{
    width:24px;
    height:24px;
    margin-right:0px;
}

.employee-delete[b-j1qh3z5j17] {
    width: 15px;
    height: 15px;
}

.employeelist[b-j1qh3z5j17]{
    display:flex;
}

.employeelist .wrap[b-j1qh3z5j17] {
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    padding: 5px 8px;
    width: fit-content;
    margin-right:7px;
    border-radius:10px;
}

.employeelist .wrap span[b-j1qh3z5j17]{
    width:fit-content;
    padding:0 6px;
}

.full-width[b-j1qh3z5j17] {
    width: 100%;
}

.bottom[b-j1qh3z5j17]{
    width:100%;
}
.bottom[b-j1qh3z5j17]  .clc-button{
    width:100%;
    -webkit-border-radius:7px;
}
/* _content/Clevi.App.Components.Projects/Pages/ProjectDetail.razor.rz.scp.css */


@media (max-width: 550px) {
    .project-details[b-1fmxujaoa3] {
        margin: 0 -20px !important;
    }
}

.project-details[b-1fmxujaoa3] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 10px;
    font-weight: 500;
    background-color: #fff;
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow-y: scroll;
    overflow-x: unset;
}


.page-title[b-1fmxujaoa3] {
    border-bottom: solid 1px #E2E4E6;
    display: flex;
    -webkit-justify-content: space-between;
    padding-bottom: 7px;
}

    .page-title h3[b-1fmxujaoa3] {
        font-weight: 500;
        text-indent: 15px;
        margin: 0;
    }

    .page-title[b-1fmxujaoa3]  .clc-button {
        border-radius: 6px;
    }

[b-1fmxujaoa3] .clc-card {
    width: 100%;
    border: 1px solid #f2f4f6;
    -webkit-box-shadow: none;
    padding: 20px;
    margin-top: 15px;
}

.head[b-1fmxujaoa3] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}


.margin-span[b-1fmxujaoa3] {
    margin: 0 5px;
}

.cal-wrap[b-1fmxujaoa3] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    font-size: 14px;
    padding: 10px 0;
}

.wrap-cal[b-1fmxujaoa3] {
    flex: 1;
}

.head-title[b-1fmxujaoa3] {
    font-size: 18px;
    font-weight: 600;
    margin-left: 5px;
}



.box-wrap[b-1fmxujaoa3] {
    padding: 20px;
    display: flex;
    -webkit-flex-direction: column;
    padding: 20px;
    border: 1px solid #f2f4f6;
    -webkit-border-radius: 15px;
}

@media (max-width:569px) {

    .bar-wrap-orange[b-1fmxujaoa3] {
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row !important;
        align-items: center;
        -webkit-align-items: center;
    }

    .bar-graph[b-1fmxujaoa3] {
        max-width: 66%;
    }

    .bar-graph-total[b-1fmxujaoa3] {
        max-width: 85%;
    }


    .name[b-1fmxujaoa3] {
        display: flex;
        flex-direction: row !important;
        -webkit-flex-direction: row !important;
    }

    .box-wrap[b-1fmxujaoa3] {
        width: 100%;
    }
}

.box-wrap .wrap[b-1fmxujaoa3] {
    display: flex;
    margin-top: 15px;
    flex-direction: row;
    -webkit-flex-direction: row;
}

    .box-wrap .wrap .title[b-1fmxujaoa3] {
        font-size: 14px;
    }

@media (min-width:570px) {

    .box-wrap[b-1fmxujaoa3] {
        width: 49%;
    }
}

.bar-graph-total[b-1fmxujaoa3] {
    background: #F8F9FA;
    border: 1px solid #E3E3E3;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    position: relative;
    height: 25px;
    /*margin-top: 6px;*/
    width: 100%;
}

.bar-graph[b-1fmxujaoa3] {
    background: #F8F9FA;
    border: 1px solid #E3E3E3;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    position: relative;
    height: 25px;
    /*margin-top: 6px;*/
    width: 100%;
}

.today-state-blue[b-1fmxujaoa3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 24px;
    background-color: #E5F0FE;
    border: 1px solid #88A8FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}

.today-state-orange[b-1fmxujaoa3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 25px;
    background-color: #FEF4E8;
    border: 1px solid #FFB734;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}


.today-state span[b-1fmxujaoa3] {
    margin-right: 12px;
    font-weight: 600;
    color: #B881FF;
}


.important-span-lowness[b-1fmxujaoa3] {
    text-align: center;
    padding: 3px 10px;
    background: #E7F7F6;
    color: #08CF80;
    border-radius: 5px;
}

.important-span-middle[b-1fmxujaoa3] {
    text-align: center;
    padding: 3px 10px;
    background: #FEF4E8;
    color: #FFB734;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .important-span-middle.wrap-cal[b-1fmxujaoa3] {
        flex: unset;
    }

.important-span-high[b-1fmxujaoa3] {
    text-align: center;
    padding: 3px 10px;
    background: #FDEBEE;
    color: #FF7888;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.line[b-1fmxujaoa3] {
    text-decoration-line: none;
    color: #808080;
}

.wrapping[b-1fmxujaoa3] {
    display: flex;
    margin-top: 5px;
    -webkit-column-gap: 25px;
}

.profile-wrap[b-1fmxujaoa3] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    padding: 7px 0;
    row-gap: 5px;
}

    .profile-wrap .name[b-1fmxujaoa3] {
        max-width: 80px;
        white-space: nowrap;
        display: inline-block; /* 또는 block */
        /* 원하는 너비 설정 */
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
    }

.profile-detail img[b-1fmxujaoa3] {
    width: 45px;
    height: 45px;
}

.team-wrap[b-1fmxujaoa3] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    padding: 7px 0;
    row-gap: 5px;
}

    .team-wrap .img-wrap[b-1fmxujaoa3] {
    }

        .team-wrap .img-wrap img[b-1fmxujaoa3] {
            width: 45px;
            height: 45px;
        }

    .team-wrap .name[b-1fmxujaoa3] {
        font-weight: 400;
        font-size: 13px;
    }

.position[b-1fmxujaoa3] {
    margin-left: 5px;
}

.title[b-1fmxujaoa3] {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.title-sm[b-1fmxujaoa3] {
    font-size: 15px;
    font-weight: 400;
    width: 80px;
}

.row[b-1fmxujaoa3] {
    margin: 0;
    row-gap: 10px;
    -webkit-column-gap: 10px;
}

.detail-sidebar_title[b-1fmxujaoa3] {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.project-layout_title_img[b-1fmxujaoa3] {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.sidebar-board[b-1fmxujaoa3] {
    font-size: 14px;
    color: #111;
    font-weight: 500;
    margin: 20px 0 0;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

    .sidebar-board .board-title_wrap[b-1fmxujaoa3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-board .board-list[b-1fmxujaoa3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .sidebar-board[b-1fmxujaoa3]  .clc-button {
        border-radius: 4px;
    }


.chat-list[b-1fmxujaoa3] {
    display: flex;
    flex-direction: column;
}

    .chat-list[b-1fmxujaoa3]  .clc-button {
        width: 100%;
        text-align: start;
        border-radius: 0 !important;
    }
/* _content/Clevi.App.Components.Projects/Pages/ProjectIndex.razor.rz.scp.css */
@media screen and (min-width: 768px) {
    .cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
        flex-flow: row;
        -webkit-flex-flow: row;
    }

    .left-down[b-i3ki2t1ap1] {
        width: 59%;
    }

    .right-up[b-i3ki2t1ap1] {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
        flex-flow: column;
        -webkit-flex-flow: column;
    }

    .left-down[b-i3ki2t1ap1] {
        width: 100%;
        margin-bottom: 10px;
    }

        .left-down .up[b-i3ki2t1ap1] {
            width: 100%;
        }

    .right-up[b-i3ki2t1ap1] {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .cl_ivy-project[b-i3ki2t1ap1] {
        flex-flow: column;
        -webkit-flex-flow: column;
    }

    .left-down[b-i3ki2t1ap1] {
        width: 100%;
        margin-bottom: 10px;
    }

    .cl_ivy-project .left-down .up .index-card[b-i3ki2t1ap1] {
        width: 100%;
    }

    .left-down .index-card[b-i3ki2t1ap1] {
        width: 100%;
    }

    .left-down .up[b-i3ki2t1ap1] {
        width: 100%;
        display: flex;
        flex-flow: column;
        -webkit-flex-flow: column;
    }

    .right-up[b-i3ki2t1ap1] {
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
        flex-flow: column;
        -webkit-flex-flow: column;
    }

    .left-down[b-i3ki2t1ap1] {
        width: 100%;
        margin-bottom: 10px;
    }

        .left-down .up[b-i3ki2t1ap1] {
            width: 100%;
            display: flex;
            flex-flow: column;
            -webkit-flex-flow: column;
        }

    .right-up[b-i3ki2t1ap1] {
        width: 100%;
    }


}



@media (max-width: 550px) {
    .cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
        padding: 5px;
    }
    .cl_ivy-project[b-i3ki2t1ap1]{
        margin: 0 -20px;
    }
}


@media (min-width: 550px) {
    .cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
        padding: 10px;
    }
}

.cl_ivy-project[b-i3ki2t1ap1] {
    background-color:#fff;
    height:100%;
    border-radius:12px;
    padding: 10px 0;
}
.cl_ivy-project .page-wrap[b-i3ki2t1ap1] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.page-title[b-i3ki2t1ap1] {
    border-bottom: solid 1px #E2E4E6;
    padding-bottom: 7px;
}

    .page-title h3[b-i3ki2t1ap1] {
        font-weight: 500;
        text-indent: 15px;
        margin: 0;
    }

[b-i3ki2t1ap1] .clc-card {
    width: 100%;
    border: 1px solid #f2f4f6;
    box-shadow: none;
    padding: 20px;
    margin-top: 15px;
}

.title[b-i3ki2t1ap1] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 0px;
    align-items: center;
    -webkit-align-items: center;
}

    .title h6[b-i3ki2t1ap1] {
        font-size: 15px;
        font-weight: 600;
        margin: 0px;
    }

.todo[b-i3ki2t1ap1]{

}


.index-card .title[b-i3ki2t1ap1]  .clc-button {
    border-radius: 6px;
}

.left-down[b-i3ki2t1ap1] {
}

    .left-down .down[b-i3ki2t1ap1] {
    }

    .left-down .body tr th[b-i3ki2t1ap1] {
        text-align: center;
    }

    .left-down .body tr td:nth-child(2)[b-i3ki2t1ap1] {
        text-align: start !important;
    }

    .left-down .body tr td[b-i3ki2t1ap1] {
        white-space: nowrap;
        text-align: center;
    }

    .left-down .body .degree[b-i3ki2t1ap1] {
        /* font-size:12px;
    padding:2px 4px;
    text-align:center;
    border-radius:5px;*/
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border: none;
        height: 20px;
        width: 30px;
    }

    .left-down .up[b-i3ki2t1ap1] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 10px;
    }

.team_progress .thumb[b-i3ki2t1ap1] {
    height: 50px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .team_progress .thumb p[b-i3ki2t1ap1] {
        margin: 0;
        width: 55px;
        font-size: 14px;
    }

.right-up[b-i3ki2t1ap1] {
}

.down .body .thumb[b-i3ki2t1ap1] {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .down .body .thumb p[b-i3ki2t1ap1] {
        margin: 0;
        width: 55px;
        font-size: 13px;
    }

.todo .wrap .head[b-i3ki2t1ap1] {
    display: flex;
    /*    justify-content:space-between;
    -webkit-justify-content:space-between;*/
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.head-title[b-i3ki2t1ap1] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    column-gap: 10px;
    -webkit-column-gap: 10px;
}

.todo .wrap .head-content[b-i3ki2t1ap1] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #f2f4f6;
    padding: 15px 0;
}

    .todo .wrap .head-content:last-child[b-i3ki2t1ap1] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        width: 100%;
        border-bottom: none;
    }

.work-priorities[b-i3ki2t1ap1] {
    display: flex;
    align-items: center;
    margin-right: 12px;
    margin-left: 24px;
}

    .work-priorities .title[b-i3ki2t1ap1] {
        font-size: 12px;
        font-weight: 300;
        color: #767676;
        margin-right: 8px;
    }

.deadline[b-i3ki2t1ap1] {
    display: flex;
    align-items: center;
}

    .deadline .title[b-i3ki2t1ap1] {
        font-size: 12px;
        font-weight: 300;
        color: #767676;
        margin-right: 11px;
    }

.intensity-high[b-i3ki2t1ap1] {
    background: #FDEBEE;
    color: #FF7888;
    font-size: 12px;
    padding: 4px 6px;
    text-align: center;
    border-radius: 5px;
    border: none;
    width: 38px;
    height: 20px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


.intensity-middle[b-i3ki2t1ap1] {
    background: #eef6ff;
    color: #4676f4;
    font-size: 12px;
    padding: 4px 6px;
    text-align: center;
    border-radius: 5px;
    border: none;
    width: 38px;
    height: 20px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.intensity-low[b-i3ki2t1ap1] {
    background: #f0ffee;
    color: #37b123;
    font-size: 12px;
    padding: 4px 6px;
    text-align: center;
    border-radius: 5px;
    border: none;
    width: 38px;
    height: 18px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.head-content .content[b-i3ki2t1ap1] {
    display: flex;
    flex: 1;
}

.content .date[b-i3ki2t1ap1] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.checkbox-wrapper-15[b-i3ki2t1ap1] {
    display: flex;
    align-items: center;
    position: relative;
}

    .checkbox-wrapper-15 .inp-cbx[b-i3ki2t1ap1] {
        position: absolute;
        width: 16px;
        height: 16px;
        opacity: 0;
        cursor: pointer;
    }

    .checkbox-wrapper-15 .cbx[b-i3ki2t1ap1] {
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        padding: 5px 0;
        display: flex;
        align-items: center;
    }

        .checkbox-wrapper-15 .cbx span[b-i3ki2t1ap1] {
            display: inline-block;
            vertical-align: middle;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }

            .checkbox-wrapper-15 .cbx span:first-child[b-i3ki2t1ap1] {
                position: relative;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transform: scale(1);
                -webkit-transform: scale(1);
                vertical-align: middle;
                border: 1px solid #B9B8C3;
                transition: all 0.2s ease;
                -webkit-transition: all 0.2s ease;
            }

                .checkbox-wrapper-15 .cbx span:first-child svg[b-i3ki2t1ap1] {
                    position: absolute;
                    z-index: 1;
                    top: 2px;
                    left: 2px;
                    fill: none;
                    stroke: white;
                    stroke-width: 2;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-dasharray: 16px;
                    stroke-dashoffset: 16px;
                    transition: all 0.3s ease;
                    -webkit-transition: all 0.3s ease;
                    transition-delay: 0.1s;
                    -webkit-transition-delay: 0.1s;
                    transform: translate3d(0, 0, 0);
                    -webkit-transform: translate3d(0, 0, 0);
                }

                .checkbox-wrapper-15 .cbx span:first-child[b-i3ki2t1ap1]:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    background: #4caf50;
                    display: block;
                    transform: scale(0);
                    -webkit-transform: scale(0);
                    opacity: 1;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    transition-delay: 0.2s;
                    -webkit-transition-delay: 0.2s;
                }

            .checkbox-wrapper-15 .cbx span[b-i3ki2t1ap1]:after {
                content: "";
                position: absolute;
                top: 8px;
                left: 0;
                height: 1px;
                width: 100%;
                background: #B9B8C3;
                transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
                transform: scaleX(0);
                -webkit-transform: scaleX(0);
            }

        .checkbox-wrapper-15 .cbx:hover span:first-child[b-i3ki2t1ap1] {
            border-color: #B9B8C3;
        }

    .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child[b-i3ki2t1ap1] {
        border-color: #a5d6a7;
        background: #a5d6a7;
        animation: check-15-b-i3ki2t1ap1 0.6s ease;
        -webkit-animation: check-15 0.6s ease;
    }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg[b-i3ki2t1ap1] {
            stroke-dashoffset: 0;
        }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child[b-i3ki2t1ap1]:before {
            transform: scale(2.2);
            -webkit-transform: scale(2.2);
            opacity: 0;
            transition: all 0.6s ease;
            -webkit-transition: all 0.6s ease;
        }

    .checkbox-wrapper-15 .inp-cbx:checked + .cbx span[b-i3ki2t1ap1] {
        color: #B9B8C3;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

        .checkbox-wrapper-15 .inp-cbx:checked + .cbx span[b-i3ki2t1ap1]:after {
            transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
        }

@keyframes check-15-b-i3ki2t1ap1 {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}

[b-i3ki2t1ap1] .clc-event-content{
    background-color:#0000001d;
    color:#111;
    border-radius:3px;
    padding-top:0 !important;
    padding-bottom: 0 !important;
    font-weight:500;
}

[b-i3ki2t1ap1] .clc-event-list-btn{
    top: 2.2rem !important;
}
[b-i3ki2t1ap1] .clc-event {
    inset-block-start: 1em;
    height: fit-content !important
}



.cl_empty-page[b-i3ki2t1ap1] {
    height: 50px !important;
    width: 100%;
}

    .cl_empty-page p[b-i3ki2t1ap1] {
        text-align: center;
        font-weight: 500;
    }
/* _content/Clevi.App.Components.Projects/Pages/ProjectPartComponent.razor.rz.scp.css */

.member-profile[b-xww20slepb] {
    display:flex;
    -webkit-justify-content:space-between;
}

.checkbox-wrapper .cbx[b-xww20slepb] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

    .checkbox-wrapper .cbx span[b-xww20slepb] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .checkbox-wrapper .cbx span:first-child[b-xww20slepb] {
            position: relative;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .checkbox-wrapper .cbx span:first-child svg[b-xww20slepb] {
                position: absolute;
                z-index: 1;
                top: 4px;
                left: 4px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .checkbox-wrapper .cbx span:first-child[b-xww20slepb]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .checkbox-wrapper .cbx span:last-child[b-xww20slepb] {
            margin-left: 8px;
        }

            .checkbox-wrapper .cbx span:last-child[b-xww20slepb]:after {
                content: "";
                position: absolute;
                top: 8px;
                left: 0;
                height: 1px;
                width: 100%;
                background: #B9B8C3;
                transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
                transform: scaleX(0);
                -webkit-transform: scaleX(0);
            }

    .checkbox-wrapper .cbx:hover span:first-child[b-xww20slepb] {
        border-color: #B9B8C3;
    }

.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child[b-xww20slepb] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

.checkbox-wrapper .inp-cbx[b-xww20slepb] {
    display: none;
}

    .checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg[b-xww20slepb] {
        stroke-dashoffset: 0;
    }

    .checkbox-wrapper .inp-cbx:checked + .cbx span:first-child[b-xww20slepb]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }


.member-profile[b-xww20slepb]{
    display:flex;
    -webkit-align-items:center;
    padding:10px 5px;
}

    .member-profile .user img[b-xww20slepb] {
        width: 40px;
        height: 40px;
        margin-right:15px;
    }

    .member-profile .user[b-xww20slepb]{
        display:flex;
        align-items:center;
    }

.project-component-wrap[b-xww20slepb]{
    padding:5px 0 20px 0;
    height:100%;
    overflow:auto;
}

.user span[b-xww20slepb] {
    color: #000;
    font-size: 15px;
    font-weight:500;
}

.cl_ivy-invitelist_wrap[b-xww20slepb]{
    padding:2px 15px;
}
/* _content/Clevi.App.Components.Projects/Pages/ProjectTeamUserSearchDialog.razor.rz.scp.css */

.container-fluid[b-cjgv786r2k] {
    max-height: calc(100vh - 240px);
}

.card-align[b-cjgv786r2k] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
}

h4[b-cjgv786r2k] {
    font-size: 15px;
}

.simpleprofile_wrap[b-cjgv786r2k] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.cl-simpleprofile-card[b-cjgv786r2k] {
    border: 1px solid #dedede;
    width: 180px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 8px 13px;
    margin: 0 10px 10px 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
}

.cl-simpleprofile-card_top img[b-cjgv786r2k] {
    height: 35px;
    width: 35px;
}

.cl-simpleprofile-card_body[b-cjgv786r2k] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cl-simpleprofile-card_body span[b-cjgv786r2k] {
        font-size: 13px;
    }
/* _content/Clevi.App.Components.Projects/StandaloneTodoItemDetailControl.razor.rz.scp.css */
[b-1vtej7dw93] .clc-button {
    -webkit-border-radius: 7px;
}

.container[b-1vtej7dw93] {
    padding: 0px;
    width: 95%;
    margin: 0 auto;
}

.row[b-1vtej7dw93] {
    margin: 10px 0 0 0;
    row-gap:10px;
}
    .row .col-sm-6[b-1vtej7dw93] {
        padding: 0;
        flex: 1;
    }

.schedule_date_num[b-1vtej7dw93] {
    font-size: 13px;
}

.list-table_header[b-1vtej7dw93]{
    margin:20px 0 15px;
}
.list-table_header span[b-1vtej7dw93]{
    font-weight: 600;
    font-size:15px;
}

.cl-td-user[b-1vtej7dw93] {
    border-bottom: 1px solid #e2e4e6;
    padding-bottom: 10px;
}
.cl-td-user > ul[b-1vtej7dw93] {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.cl-td-user > ul > li[b-1vtej7dw93] {
    display: flex;
    justify-content:space-between;
}

.rounded-circle[b-1vtej7dw93]{}
    .rounded-circle img[b-1vtej7dw93] {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    .rounded-circle[b-1vtej7dw93]  .clc-button {
        border-radius: 3px !important;
    }


.add-member-wrap[b-1vtej7dw93] {
    max-height: 150px;
    overflow: auto;
    font-size: 14px;
}

.add-member[b-1vtej7dw93] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
    font-size: 14px;
    padding: 7px 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

.profile[b-1vtej7dw93] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
}

.add-member p[b-1vtej7dw93] {
    margin: 0px;
}

.add-member .img_wrap[b-1vtej7dw93] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .add-member .img_wrap img[b-1vtej7dw93] {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }


.member-wrap[b-1vtej7dw93] {
    margin-top: 25px;
}
/* _content/Clevi.App.Components.Projects/TodoContainerControl.razor.rz.scp.css */

.project-bucket-wrap .head[b-gdij4zjryh] {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.head[b-gdij4zjryh] {
    border-bottom: solid 1px #E2E4E6;
    display: flex;
    -webkit-justify-content: space-between;
    padding-bottom: 7px;
}

    .head h3[b-gdij4zjryh] {
        font-weight: 500;
        text-indent: 15px;
        margin: 0;
    }

    .head[b-gdij4zjryh]  .clc-button {
        border-radius: 6px;
    }

.project-bucket-wrap .button_wrap[b-gdij4zjryh] {
    display: flex;
}


.body[b-gdij4zjryh] {
    padding:0 5px;
    display: flex;
    flex-flow: row;
    -webkit-flex-flow: row;
    overflow-x: auto;
    column-gap:20px;
}

/*sidebar SectionContent*/
.sidebar-board[b-gdij4zjryh] {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .sidebar-board .span[b-gdij4zjryh] {
        display: flex;
        align-items: center;
    }

    .sidebar-board[b-gdij4zjryh]  .clc-light {
        border-radius: 4px;
    }

    .sidebar-board h5[b-gdij4zjryh] {
        margin: 0;
    }

.chat-list[b-gdij4zjryh] {
    display: flex;
    flex-direction: column;
}

    .chat-list[b-gdij4zjryh]  .clc-button {
        width: 100%;
        text-align: start;
        border-radius: 0 !important;
    }

.tree[b-gdij4zjryh] {
    margin-left: 5px;
}

.project-layout_title_img[b-gdij4zjryh] {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
/* _content/Clevi.App.Components.Projects/TodoContainerCreateModal.razor.rz.scp.css */

.justify-content-between[b-e6g0py5bd9]{
    margin-top: 25px !important;
}
.justify-content-between[b-e6g0py5bd9]  .clc-button{
    border-radius: 7px;

}
/* _content/Clevi.App.Components.Projects/TodoItemAssignUserDialog.razor.rz.scp.css */

.container-fluid[b-cwln59fooh] {
    max-height: calc(100vh - 240px);
}

.card-align[b-cwln59fooh] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
}

[b-cwln59fooh] .clc-card {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

h4[b-cwln59fooh] {
    font-size: 15px;
    margin-bottom: 10px;
}


.box-wrap[b-cwln59fooh] {
}

[b-cwln59fooh] .set-project-name {
    height: 40px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcdcdc !important;
    background-color: #f8f9fa;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.cl-simpleprofile-card[b-cwln59fooh] {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
    border-bottom: 1px solid #f2f4f6;
}

    .cl-simpleprofile-card:last-child[b-cwln59fooh] {
        border-bottom: none;
    }

    .cl-simpleprofile-card ul[b-cwln59fooh] {
        padding-bottom: 8px;
        width: 100%;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border-radius: 12px;
        -webkit-border-radius: 12px;
    }

.simpleprofile_wrap[b-cwln59fooh]{
    margin-top:10px;
}

.cl-simpleprofile-card_top[b-cwln59fooh] {
    display: flex;
    align-items: center;
}

    .cl-simpleprofile-card_top img[b-cwln59fooh] {
        margin-left: 5px;
        height: 35px;
        width: 35px;
    }

.cl-simpleprofile-card_body[b-cwln59fooh] {
    margin-left: 10px;
}

    .cl-simpleprofile-card_body span[b-cwln59fooh] {
        font-size: 13px;
    }

        .cl-simpleprofile-card_body span:first-child[b-cwln59fooh] {
            font-weight: 500;
        }

        .cl-simpleprofile-card_body span:last-child[b-cwln59fooh] {
            font-weight: 300;
        }

.bottom-wrap[b-cwln59fooh] {
    margin-top: 20px;
}

    .bottom-wrap[b-cwln59fooh]  .clc-button {
        width: 100%;
        border-radius: 7px;
    }


.cl_empty-page[b-cwln59fooh] {
    height: 50px;
    width: 100%;
}

    .cl_empty-page p[b-cwln59fooh] {
        text-align: center;
    }
/* _content/Clevi.App.Components.Projects/TodoItemControl.razor.rz.scp.css */


.todoitem-control-wrap[b-3ccmwo7y88] {
    margin: 8px 2px;
    padding: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
}


.bottom-wrap[b-3ccmwo7y88] {
    padding: 10px 0px 0 0;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
    border-top: 1px solid #B9B8C3;
}

    .bottom-wrap .wrap span[b-3ccmwo7y88] {
        font-size: 12px !important;
    }

.image-wrapper[b-3ccmwo7y88] {
    position: absolute;
}

.add-project span[b-3ccmwo7y88] {
    padding: 10px 0px;
    font-size: 14px;
}

.update-time[b-3ccmwo7y88] {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .update-time .wrap[b-3ccmwo7y88] {
    }

        .update-time .wrap span[b-3ccmwo7y88] {
            color: #767676;
            font-size: 11px;
        }

.detail[b-3ccmwo7y88] {
    padding: 0 0 10px;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
/* _content/Clevi.App.Components.Projects/TodoItemCreateDialog.razor.rz.scp.css */


.container[b-84ozbkv1uk] {
    padding: 0px;
    width: 95%;
    margin: 0 auto;
}

.cl-td-user[b-84ozbkv1uk] {
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    padding-bottom: 10px;
}

.row[b-84ozbkv1uk] {
    margin: 10px 0 0 0;
    row-gap: 10px;
    column-gap: 10px;
}

.col-sm-6[b-84ozbkv1uk] {
    padding: 0;
    flex: 1;
}

.schedule_date_num[b-84ozbkv1uk] {
    font-size: 13px;
}

.list-table_header[b-84ozbkv1uk] {
    margin: 20px 0 15px;
}

    .list-table_header span[b-84ozbkv1uk] {
        font-weight: 600;
        font-size: 15px;
    }

.cl-td-user[b-84ozbkv1uk] {
    border-bottom: 1px solid #e2e4e6;
    padding-bottom: 10px;
}

    .cl-td-user > ul[b-84ozbkv1uk] {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

        .cl-td-user > ul > li[b-84ozbkv1uk] {
            display: flex;
            justify-content: space-between;
        }

.rounded-circle[b-84ozbkv1uk] {
}

    .rounded-circle img[b-84ozbkv1uk] {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    .rounded-circle[b-84ozbkv1uk]  .clc-button {
        border-radius:3px;
    }



.bottom[b-84ozbkv1uk] {
    margin-top: 20px;
    display: flex;
    justify-content: end;
}

    .bottom[b-84ozbkv1uk]  .clc-button {
        border-radius: 7px;
    }
/* _content/Clevi.App.Components.Projects/TodoItemDetailControl.razor.rz.scp.css */
[b-uq0zsrw0om] .clc-button{
    -webkit-border-radius:7px;
}

.container[b-uq0zsrw0om]{
    padding:0px;
    width:95%;
    margin:0 auto;
}

.cl-td-user[b-uq0zsrw0om] {
    width:100%;
    white-space:nowrap;
    margin-top:10px;
    padding-bottom:10px;
}

.row[b-uq0zsrw0om] {
    margin: 10px 0 0 0;
    row-gap: 10px;
}

    .row .col-sm-6[b-uq0zsrw0om] {
        padding: 0;
        flex: 1;
    }


.schedule_date_num[b-uq0zsrw0om] {
    font-size: 13px;
}


.list-table_header[b-uq0zsrw0om] {
    margin: 20px 0 15px;
}

    .list-table_header span[b-uq0zsrw0om] {
        font-weight: 600;
        font-size: 15px;
    }

.cl-td-user[b-uq0zsrw0om] {
    border-bottom: 1px solid #e2e4e6;
    padding-bottom: 10px;
}

    .cl-td-user > ul[b-uq0zsrw0om] {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

        .cl-td-user > ul > li[b-uq0zsrw0om] {
            display: flex;
            justify-content: space-between;
        }

.rounded-circle[b-uq0zsrw0om] {
}

    .rounded-circle img[b-uq0zsrw0om] {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    .rounded-circle[b-uq0zsrw0om]  .clc-button {
        border-radius: 3px !important;
    }

.add-member-wrap[b-uq0zsrw0om] {
    max-height: 150px;
    overflow: auto;
    font-size: 14px;
}

.add-member[b-uq0zsrw0om] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
    font-size: 14px;
    padding: 7px 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}
.profile[b-uq0zsrw0om] {
    display: flex;
    align-items: center !important;
    -webkit-align-items: center !important;
}
.add-member p[b-uq0zsrw0om] {
    margin: 0px;
}

.add-member .img_wrap[b-uq0zsrw0om] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

        .add-member .img_wrap img[b-uq0zsrw0om] {
            width: 40px;
            height: 40px;
            margin-right: 8px;
        }


.member-wrap[b-uq0zsrw0om] {
    margin-top: 25px;
}
/* _content/Clevi.App.Components.Projects/TodoListControl.razor.rz.scp.css */

.dash-wrap[b-f50m5d9ugi] {
    min-width: 250px;
}


    .title-name span[b-f50m5d9ugi] {
        font-size: 15px;
        color: #4676F4;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .title-name textarea[b-f50m5d9ugi] {
        font-size: 13px;
    }

    .plus-project-black[b-f50m5d9ugi] {
        width: 14px;
        margin: 0 5px;
    }

    .title-name[b-f50m5d9ugi] {
        width: 100%;
        background: #E5F0FE;
        border: 1px solid #88A8FA;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 10px;
    }

        .title-name .wrap[b-f50m5d9ugi] {
            display: flex;
            justify-content: space-between;
        }

    .list_wrap[b-f50m5d9ugi] {
        overflow-y: auto;
        height:calc(100vh - 285px);
    }