/* _content/Clevi.App.Components.Erp/Company/CompanyDetail.razor.rz.scp.css */
.container-fluid[b-866w7kin9y] {
    padding: 0;
    font-weight: 600;
}

.cl-list--preview[b-866w7kin9y] {
    margin-top: 40px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px 0 0 0;
}

    .cl-list--preview div[b-866w7kin9y] {
    }

.information-wrap[b-866w7kin9y] {
    padding: 5% 2%;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

    .information-wrap .line[b-866w7kin9y] {
        display: flex;
        margin: 20px 10px;
        justify-content:space-between;
        -webkit-justify-content:space-between;
    }

        .information-wrap .line .name[b-866w7kin9y] {
            width: calc(100% - 170px);
            font-size: 14px;
        }

        .information-wrap .line .information[b-866w7kin9y] {
            width: 170px;
            font-size: 13px;
            display: flex;
            justify-content: end;
            -webkit-justify-content: end;
        }

.cp_background[b-866w7kin9y] {
    padding: 10px 20px;
}

.close-wrap[b-866w7kin9y] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px 10px 10px 20px;
    width: 100%;
}

    .close-wrap span[b-866w7kin9y] {
        font-size: 16px;
        font-weight: 600;
    }

    .close-wrap .close-btn[b-866w7kin9y] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-866w7kin9y] {
    width: 14px;
    height: 14px;
}


.clv-customer-profile-detail[b-866w7kin9y] {
    min-width: 55px;
    min-height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}

    .clv-customer-profile-detail img[b-866w7kin9y] {
        width: 28px;
        height: 28px;
    }

.profile-information[b-866w7kin9y] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 5px;
    justify-content: center;
    -webkit-justify-content: center;
}

    .profile-information div[b-866w7kin9y] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
    }

.cl-list--user[b-866w7kin9y] {
    font-size: 15px;
    font-weight: 600;
    margin-left: 2px;
}

.cl-list--message[b-866w7kin9y] {
    font-size: 13px;
    margin-right: 7px;
}


.btn-wrap[b-866w7kin9y] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
}


.erp-profile-base-detail[b-866w7kin9y] {
    width: 33px !important;
    height: 32px !important;
}
/* _content/Clevi.App.Components.Erp/Employees/EmployeeListDesign.razor.rz.scp.css */


.cl_ivy-erp-title[b-lyc3ciqtr9] {
    margin-bottom: 10px;
}

    .cl_ivy-erp-title .wrap[b-lyc3ciqtr9] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
    }

        .cl_ivy-erp-title .wrap h3[b-lyc3ciqtr9] {
            font-size: 15px;
        }

.cl-gc-search_wrap[b-lyc3ciqtr9] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    margin-left: 8px;
    height: 100%;
}

    .cl-gc-search_wrap textarea[b-lyc3ciqtr9] {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 7px 0 7px 15px;
        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;
        font-size: 13px;
        color: #767676;
    }

.cl_ivy-erp-search[b-lyc3ciqtr9] {
}

    .cl_ivy-erp-search .cl-searchbydate-top-item[b-lyc3ciqtr9] {
        display: flex;
    }

        .cl_ivy-erp-search .cl-searchbydate-top-item select[b-lyc3ciqtr9] {
            padding: 0 5px;
            -webkit-appearance: none !important; /* for chrome */
            appearance: none !important;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            margin-right: 5px;
        }

            .cl_ivy-erp-search .cl-searchbydate-top-item select[b-lyc3ciqtr9]::-ms-expand {
                display: none !important;
            }

            .cl_ivy-erp-search .cl-searchbydate-top-item select option[b-lyc3ciqtr9] {
                margin: 3px 5px;
            }

.cl_ivy-contacts-body[b-lyc3ciqtr9] {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
}


.cl-chattings[b-lyc3ciqtr9] {
    width: 100%;
    margin-bottom: 15px;
}

    .cl-chattings .ivy-contact-profile-detail[b-lyc3ciqtr9] {
        /*height: fit-content;*/
    }

    .cl-chattings .clv-customer-profile-detail img[b-lyc3ciqtr9] {
        width: 22px;
        height: 22px;
    }

.cl-list[b-lyc3ciqtr9] {
    width: 100%;
}


.cl-list--body[b-lyc3ciqtr9] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cl-list--body .wrap[b-lyc3ciqtr9] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .cl-list--body .wrap .line[b-lyc3ciqtr9] {
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            width: 100%;
            margin: 0 0 0 0;
            text-decoration: none;
            -webkit-text-decoration: none;
            color: #000;
        }

            .cl-list--body .wrap .line .information[b-lyc3ciqtr9] {
                display: flex;
                flex-direction: column;
                -webkit-flex-direction: column;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .cl-list--body .wrap .line .information .name[b-lyc3ciqtr9] {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                }

                .cl-list--body .wrap .line .information .user[b-lyc3ciqtr9] {
                    font-size: 12px;
                    font-weight: 600;
                }

                .cl-list--body .wrap .line .information .position[b-lyc3ciqtr9] {
                    font-size: 9px;
                    margin-left: 5px
                }


            .cl-list--body .wrap .line .state[b-lyc3ciqtr9] {
                display: flex;
                align-items: flex-start;
                -webkit-align-items: flex-start;
                justify-content: center;
                -webkit-justify-content: center;
                height: 100%;
            }

                .cl-list--body .wrap .line .state .box[b-lyc3ciqtr9] {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    margin-right: 5px;
                }

                    .cl-list--body .wrap .line .state .box img[b-lyc3ciqtr9] {
                        height: 7px;
                        width: 7px;
                        margin-right: 4px;
                    }

                    .cl-list--body .wrap .line .state .box span[b-lyc3ciqtr9] {
                        font-size: 10px;
                    }


.clv-customer-profile-detail[b-lyc3ciqtr9] {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}


/*.cl-list--body .wrap .img {
    width: 20px;
    height: 20px;
    margin-left:7px;
}*/

/* _content/Clevi.App.Components.Erp/Employees/EmployeeProfileControl.razor.rz.scp.css */
.edit-wrap[b-81gbitcp0k] {
    height: 100%;
}


.close-wrap[b-81gbitcp0k] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 12px 10px 12px 20px;
    width: 100%;
}

    .close-wrap div[b-81gbitcp0k] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .close-wrap span[b-81gbitcp0k] {
        font-size: 16px;
        font-weight: 600;
        margin-left: 6px;
    }

    .close-wrap .close-btn[b-81gbitcp0k] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-81gbitcp0k] {
    width: 14px;
    height: 14px;
}

.account-edit-img[b-81gbitcp0k] {
    width: 18px;
    height: 18px;
}

.input[b-81gbitcp0k] {
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
}

    .input .wrap[b-81gbitcp0k] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin: 10px 0;
    }

        .input .wrap span[b-81gbitcp0k] {
            font-size: 15px;
            font-weight: 600;
        }

.edit-textbox[b-81gbitcp0k] {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
}

.erp-contact-detail-edit[b-81gbitcp0k] {
    padding: 3px 5px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    min-width: 90px;
}

.wrap div[b-81gbitcp0k]{
    display:flex;
    align-items:end;
    -webkit-align-items:end;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}


.wrap-num div[b-81gbitcp0k] {
    display: flex;
    align-items: end;
    -webkit-align-items: end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.wrap-num[b-81gbitcp0k] {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .wrap-num span[b-81gbitcp0k] {
        font-size: 15px;
        font-weight: 600;
    }

    .wrap-num div[b-81gbitcp0k] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

.btn-wrap[b-81gbitcp0k] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: end;
    -webkit-align-items: end;
}
/* _content/Clevi.App.Components.Erp/Employees/EmployeeRegisterDialog.razor.rz.scp.css */
.edit-wrap[b-uezi2012z6] {
    height: 100%;
}

.close-wrap[b-uezi2012z6] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 12px 10px 12px 20px;
    width: 100%;
}

    .close-wrap div[b-uezi2012z6] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .close-wrap span[b-uezi2012z6] {
        font-size: 16px;
        font-weight: 600;
        margin-left: 6px;
    }

    .close-wrap .close-btn[b-uezi2012z6] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-uezi2012z6] {
    width: 14px;
    height: 14px;
}

.account-edit-img[b-uezi2012z6] {
    width: 18px;
    height: 18px;
}

.input[b-uezi2012z6] {
    margin-top: 70px;
    padding: 0 25px;
    height: calc(100vh - 120px);
}

    .input .wrap[b-uezi2012z6] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin: 15px 0;
    }

        .input .wrap span[b-uezi2012z6] {
            font-size: 15px;
            font-weight: 600;
        }

.edit-textbox[b-uezi2012z6] {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
}

.erp-contact-detail-edit[b-uezi2012z6] {
    padding: 3px 5px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    min-width: 90px;
}


.wrap-num[b-uezi2012z6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .wrap-num span[b-uezi2012z6] {
        font-size: 15px;
        font-weight: 600;
    }

    .wrap-num div[b-uezi2012z6] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

.btn-wrap[b-uezi2012z6] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: end;
    -webkit-align-items: end;
}
/* _content/Clevi.App.Components.Erp/Pages/Company/AffiliationCompanyList.razor.rz.scp.css */
body[b-wa8hkobr0y] {
}


.cl-emp-list-card_wrap[b-wa8hkobr0y] {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
}


.cl-chattings[b-wa8hkobr0y] {
    width: 100%;
    margin:15px 0;
}

.erp-employee-porfile-intro[b-wa8hkobr0y] {
    /*width: 45px;
    height: 45px;*/
    padding:6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid transparent;
    margin-right:8px;
}

.cl-chattings .erp-employee-porfile-intro img[b-wa8hkobr0y] {
    width: 30px;
    height: 30px;
}

.cl-list[b-wa8hkobr0y] {
    width: 100%;
}


.cl-list--body[b-wa8hkobr0y] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cl-list--body .wrap[b-wa8hkobr0y] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        padding:7px 0;
    }

        .cl-list--body .wrap .line[b-wa8hkobr0y] {
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            width: 100%;
            margin: 0 0 0 0;
            text-decoration: none;
            -webkit-text-decoration: none;
            color: #000;
        }

            .cl-list--body .wrap .line .information[b-wa8hkobr0y] {
                display: flex;
                flex-direction: column;
                -webkit-flex-direction: column;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .cl-list--body .wrap .line .information .name[b-wa8hkobr0y] {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                }

                .cl-list--body .wrap .line .information .user[b-wa8hkobr0y] {
                    font-size: 12px;
                    font-weight: 600;
                }

                .cl-list--body .wrap .line .information .position[b-wa8hkobr0y] {
                    font-size: 11px;
                    margin-left: 5px
                }


            .cl-list--body .wrap .line .state[b-wa8hkobr0y] {
                display: flex;
                align-items: flex-start;
                -webkit-align-items: flex-start;
                justify-content: center;
                -webkit-justify-content: center;
                height: 100%;
            }

                .cl-list--body .wrap .line .state .box[b-wa8hkobr0y] {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    margin-right: 5px;
                }

                    .cl-list--body .wrap .line .state .box img[b-wa8hkobr0y] {
                        height: 7px;
                        width: 7px;
                        margin-right: 4px;
                    }

                    .cl-list--body .wrap .line .state .box span[b-wa8hkobr0y] {
                        font-size: 10px;
                    }
/* _content/Clevi.App.Components.Erp/Pages/Company/CompanyDetails.razor.rz.scp.css */
.details-info-wrap[b-jsthkey9wn] {
    display: flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    padding:6px;
}


.card-body[b-jsthkey9wn]{
    padding:10px;
}

.title-wrap[b-jsthkey9wn]{

}

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

.table-title span[b-jsthkey9wn]{
    font-weight:600;
}
/*테이블*/
table[b-jsthkey9wn] {
    border-collapse: collapse;
    width: 96%;
    background-color: white;
    margin: 0 auto;
}

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

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

th[b-jsthkey9wn] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-jsthkey9wn],
td:nth-child(3)[b-jsthkey9wn] {
    width: 25%;
}

th[b-jsthkey9wn], td[b-jsthkey9wn] {
    border-left: none;
    border-right: none;
}
/* _content/Clevi.App.Components.Erp/Pages/Company/CompanyList.razor.rz.scp.css */
body[b-p0vw1uptxv] {
}


.company-child[b-p0vw1uptxv]{
    display:flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    width:100%;
}

.cl-company-search_wrap[b-p0vw1uptxv] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .cl-company-search_wrap textarea[b-p0vw1uptxv] {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 2px 0 0 15px;
        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-company-search_wrap .search_wrap[b-p0vw1uptxv] {
        height: 26px;
        width: 100%;
        background-color: #F8F9FA;
        border-radius: 30px;
        border: none;
    }

        .cl-company-search_wrap .search_wrap .clc-button[b-p0vw1uptxv] {
            box-shadow: none;
            -webkit-box-shadow: none;
            background-color: transparent !important;
            margin: 0 10px 0 0;
            padding: 0;
        }

            .cl-company-search_wrap .search_wrap .clc-button :hover[b-p0vw1uptxv] {
                box-shadow: none !important;
                -webkit-box-shadow: none !important;
                background-color: transparent !important;
            }


/*테이블*/
.table-title[b-p0vw1uptxv]{
    margin:20px 0 5px 0;
    display:flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items:center;
    -webkit-align-items:center;
}
table[b-p0vw1uptxv] {
    border-collapse: collapse;
    width: 96%;
    background-color: white;
    margin: 0 auto;
}

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

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

th[b-p0vw1uptxv] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-p0vw1uptxv],
td:nth-child(3)[b-p0vw1uptxv] {
    width: 25%;
}

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

/* _content/Clevi.App.Components.Erp/Pages/Company/EmployeeDetail.razor.rz.scp.css */
body[b-9yvtolv2xb] {
}
.container-fluid[b-9yvtolv2xb] {
    padding: 0;
    font-weight:600;
}

.cl-list--preview[b-9yvtolv2xb] {
    margin-top: 40px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding:20px 0 0 0;
}

.cl-list--preview div[b-9yvtolv2xb]{
  
    
}

.information-wrap[b-9yvtolv2xb] {
    padding: 20px 15px;
    margin-top: 15px;
}

    .information-wrap .line[b-9yvtolv2xb] {
        display: flex;
        margin-bottom: 20px;
    }

        .information-wrap .line .name[b-9yvtolv2xb] {
            width: 70px;
            font-size: 14px;
        }

        .information-wrap .line .information[b-9yvtolv2xb] {
            width: 65%;
            font-size: 13px;
            display: flex;
        }
.cp_background[b-9yvtolv2xb]{
    padding:10px 20px;
}

.close-wrap[b-9yvtolv2xb] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px 10px 10px 20px;
    width: 100%;
}

    .close-wrap span[b-9yvtolv2xb] {
        font-size: 16px;
        font-weight: 600;
    }

    .close-wrap .close-btn[b-9yvtolv2xb] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-9yvtolv2xb] {
    width: 14px;
    height: 14px;
}


.clv-customer-profile-detail[b-9yvtolv2xb] {
    min-width: 55px;
    min-height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}

    .clv-customer-profile-detail img[b-9yvtolv2xb] {
        width: 28px;
        height: 28px;
    }

.profile-information[b-9yvtolv2xb] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 5px;
    justify-content: center;
    -webkit-justify-content: center;
}

    .profile-information div[b-9yvtolv2xb] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
    }

.cl-list--user[b-9yvtolv2xb] {
    font-size: 15px;
    font-weight: 600;
    margin-left:2px;
}

.cl-list--message[b-9yvtolv2xb] {
    font-size: 13px;
    margin-right: 7px;
}


.btn-wrap[b-9yvtolv2xb] {
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    width:100%;
}


.erp-profile-base-detail[b-9yvtolv2xb]{
    width:33px !important;
    height:32px !important;
}
/* _content/Clevi.App.Components.Erp/Pages/Company/EmployeeInputProfile.razor.rz.scp.css */

.cp_background[b-q6gd7lziuk] {
    height: 100%;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    align-items: end;
    -webkit-align-items: end;
    justify-content: center;
    -webkit-justify-content: center;
}

.erp-profile-card[b-q6gd7lziuk]{
    width:100%;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    height:70vh;
    padding:20px;
}

.cp-card[b-q6gd7lziuk] {
    max-width: 500px;
    min-width: 300px;
    height: 70vh;
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cp-card .erp-profile-detail-wrap img[b-q6gd7lziuk] {
        height: 30px;
        width: 30px;
    }

    .cp-card .adjust-wrap[b-q6gd7lziuk] {
        width: 100%;
        display: flex;
        justify-content: end;
        -webkit-justify-content: end;
        margin: -7px 0 25px 0;
    }


.erp-profile-detail-wrap[b-q6gd7lziuk] {
    padding:13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid transparent;
    position: absolute;
    top: -8%;
    left: 5%;
}

.cl-chattings[b-q6gd7lziuk] {
    width: 100%;
    /*   margin-top: 5px;*/
    padding: 0 15px;
}

.cl-list[b-q6gd7lziuk] {
    width: 100%;
}

.cl-list--body[b-q6gd7lziuk] {
    padding: 0px 0 25px 0;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #d5d5d5;
}

.cl-list--body_align[b-q6gd7lziuk] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

.cl-list--body_align__left[b-q6gd7lziuk] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    width:100%;
}

    .cl-list--body_align__left h5[b-q6gd7lziuk] {
        font-size: 13px;
        font-weight: 600;
    }

    .cl-list--body_align__left p[b-q6gd7lziuk] {
        font-size: 11px;
        margin: 7px 0 0 0;
    }


    .cl-list--body_align__right .right-state[b-q6gd7lziuk] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        margin-right: 10px;
        border:1px solid #DEDEDE;
        padding:0 1px 0 8px;
        border-radius:10px;
    }

        .cl-list--body_align__right .right-state img[b-q6gd7lziuk] {
            height: 7px;
            width: 7px;
            margin-right: 4px;
        }

        .cl-list--body_align__right .right-state span[b-q6gd7lziuk] {
            font-size: 11px;
            font-weight:600;
        }



.information-wrap[b-q6gd7lziuk] {
    padding: 10px 0 0 0;
    margin-top: 15px;
}

    .information-wrap .line[b-q6gd7lziuk] {
        display: flex;
        margin-bottom: 15px;
        display: flex;
        flex-direction:column;
        -webkit-flex-direction:column;
    }

        .information-wrap .line .name[b-q6gd7lziuk] {
            width: 60px;
            font-size: 15px;
            font-weight:
        }

        .information-wrap .line .information[b-q6gd7lziuk] {
            flex-grow: 1;
            font-size: 13px;
        }

.close-wrap[b-q6gd7lziuk] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    background-color: transparent !important;
    position: absolute;
    top: 1%;
    right: 10px;
    z-index: 10;
}

    .close-wrap .close-btn[b-q6gd7lziuk] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.btn-wrap-edit[b-q6gd7lziuk]{
    width:100%;
    display:flex;
    justify-content:center;

}
/* _content/Clevi.App.Components.Erp/Pages/Customers/CustomerDetails.razor.rz.scp.css */
body[b-3ccacou92k] {
}
.container-fluid[b-3ccacou92k]{
    padding:0;
}

.cl-list--preview[b-3ccacou92k] {
    margin-top: 35px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}
.information-wrap[b-3ccacou92k] {
    padding: 10px 15px;
    margin-top: 15px;
}

    .information-wrap .line[b-3ccacou92k] {
        display: flex;
        margin-bottom: 20px;
    }

        .information-wrap .line .name[b-3ccacou92k] {
            width: 70px;
            font-size: 14px;
        }

        .information-wrap .line .information[b-3ccacou92k] {
            width: 65%;
            font-size: 13px;
            display: flex;
        }


.close-wrap[b-3ccacou92k] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 0px 0 20px;
    width: 100%;
}

    .close-wrap span[b-3ccacou92k]{
        font-size:16px;
        font-weight:600;
    }

    .close-wrap .close-btn[b-3ccacou92k] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-3ccacou92k]{
    width:14px;
    height:14px;
}


.clv-customer-profile-detail[b-3ccacou92k] {
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}

    .clv-customer-profile-detail img[b-3ccacou92k] {
        width: 28px;
        height: 28px;
    }

.profile-information[b-3ccacou92k] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 9px;
    justify-content:center;
    -webkit-justify-content:center;
}

    .profile-information div[b-3ccacou92k] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
    }

    .cl-list--user[b-3ccacou92k] {
        font-size: 14px;
        font-weight: 600;
    }

.cl-list--message[b-3ccacou92k] {
    font-size: 12px;
    margin-right:7px;
}


.btn-wrap[b-3ccacou92k]{
  /*  margin:10px 0 0 0;
    display:flex;
    justify-content:end;
    -webkit-justify-content:end;
    width:100%;*/
}
/* _content/Clevi.App.Components.Erp/Pages/Employees/EmployeeDetails.razor.rz.scp.css */
.container-fluid[b-e4tpdvp01g] {
    padding: 0;
    font-weight: 600;
}

.cl-list--preview[b-e4tpdvp01g] {
    margin-top: 40px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px 0 0 0;
}

    .cl-list--preview div[b-e4tpdvp01g] {
    }

.information-wrap[b-e4tpdvp01g] {
    padding: 5% 15%;
    margin-top: 15px;
    display:flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content:center;
    -webkit-justify-content:center;
}

    .information-wrap .line[b-e4tpdvp01g] {
        display: flex;
        margin-bottom: 20px;
    }

        .information-wrap .line .name[b-e4tpdvp01g] {
            width: 70px;
            font-size: 14px;
        }

        .information-wrap .line .information[b-e4tpdvp01g] {
            width: 65%;
            font-size: 13px;
            display: flex;
            justify-content:end;
            -webkit-justify-content:end;
        }

.cp_background[b-e4tpdvp01g] {
    padding: 10px 20px;
}

.close-wrap[b-e4tpdvp01g] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px 10px 10px 20px;
    width: 100%;
}

    .close-wrap span[b-e4tpdvp01g] {
        font-size: 16px;
        font-weight: 600;
    }

    .close-wrap .close-btn[b-e4tpdvp01g] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-e4tpdvp01g] {
    width: 14px;
    height: 14px;
}


.clv-customer-profile-detail[b-e4tpdvp01g] {
    min-width: 55px;
    min-height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}

    .clv-customer-profile-detail img[b-e4tpdvp01g] {
        width: 28px;
        height: 28px;
    }

.profile-information[b-e4tpdvp01g] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 5px;
    justify-content: center;
    -webkit-justify-content: center;
}

    .profile-information div[b-e4tpdvp01g] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
    }

.cl-list--user[b-e4tpdvp01g] {
    font-size: 15px;
    font-weight: 600;
    margin-left: 2px;
}

.cl-list--message[b-e4tpdvp01g] {
    font-size: 13px;
    margin-right: 7px;
}


.btn-wrap[b-e4tpdvp01g] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
}


.erp-profile-base-detail[b-e4tpdvp01g] {
    width: 33px !important;
    height: 32px !important;
}
/* _content/Clevi.App.Components.Erp/Pages/Employees/EmployeeEdit.razor.rz.scp.css */
.edit-wrap[b-krkbf39372]{
    height:100%;
    width:100%;
}
.close-wrap[b-krkbf39372] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 12px 10px 12px 20px;
    width: 100%;
}


.close-wrap div[b-krkbf39372]{
    display: flex;
    align-items: center;
    -webkit-align-items: center;
   
}

    .close-wrap span[b-krkbf39372] {
        font-size: 16px;
        font-weight: 600;
        margin-left:6px;
    }

    .close-wrap .close-btn[b-krkbf39372] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-krkbf39372] {
    width: 14px;
    height: 14px;
}

.account-edit-img[b-krkbf39372]{
    width:18px;
    height:18px;
}

.edit[b-krkbf39372]{
    margin-top:70px;
    padding:0 25px;
    width:100%;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
}

    .edit .wrap[b-krkbf39372]{
        display:flex;
        flex-direction:column;
        -webkit-flex-direction:column;
        margin:15px 0;
    }

    .edit .wrap span[b-krkbf39372]{
        font-size:15px;
        font-weight:600;
    }

    .edit-textbox[b-krkbf39372] {
        border-bottom: 1px solid #D3D3D3;
        width:100%;
    }

.erp-contact-detail-edit[b-krkbf39372] {
    padding: 3px 5px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    min-width:90px;
}


.wrap-num[b-krkbf39372] {
    width: 100%;
    display: flex;
    flex-direction:column;
    -webkit-flex-direction:column;

}

    .wrap-num span[b-krkbf39372] {
        font-size: 15px;
        font-weight: 600;
    }

.wrap-num div[b-krkbf39372]{
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.btn-wrap[b-krkbf39372] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items:center;
    width:100%;
    margin-top:20px;
}

.btn-wrap span[b-krkbf39372]{
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    margin:0;
}
/* _content/Clevi.App.Components.Erp/Pages/Employees/EmployeeList.razor.rz.scp.css */

.cl-emp-list-card_wrap[b-e4f1efjijk] {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
}


.cl-chattings[b-e4f1efjijk] {
    width: 100%;
    margin: 15px 0;
}

.erp-employee-porfile-intro[b-e4f1efjijk] {
    /*width: 45px;
    height: 45px;*/
    padding: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid transparent;
    margin-right: 8px;
}
/*
.cl-chattings .erp-employee-porfile-intro img {
    width: 30px;
    height: 30px;
}

.cl-list {
    width: 100%;
}


.cl-list--body {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cl-list--body .wrap {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        padding: 7px 0;
    }

        .cl-list--body .wrap .line {
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            width: 100%;
            margin: 0 0 0 0;
            text-decoration: none;
            -webkit-text-decoration: none;
            color: #000;
        }

            .cl-list--body .wrap .line .information {
                display: flex;
                flex-direction: column;
                -webkit-flex-direction: column;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .cl-list--body .wrap .line .information .name {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                }

                .cl-list--body .wrap .line .information .user {
                    font-size: 12px;
                    font-weight: 600;
                }

                .cl-list--body .wrap .line .information .position {
                    font-size: 11px;
                    margin-left: 5px
                }


            .cl-list--body .wrap .line .state {
                display: flex;
                align-items: flex-start;
                -webkit-align-items: flex-start;
                justify-content: center;
                -webkit-justify-content: center;
                height: 100%;
            }

                .cl-list--body .wrap .line .state .box {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    margin-right: 5px;
                }

                    .cl-list--body .wrap .line .state .box img {
                        height: 7px;
                        width: 7px;
                        margin-right: 4px;
                    }

                    .cl-list--body .wrap .line .state .box span {
                        font-size: 10px;
                    }
*/


.cl_ivy-erp-title[b-e4f1efjijk] {
    margin-bottom: 10px;
}

    .cl_ivy-erp-title .wrap[b-e4f1efjijk] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
    }

        .cl_ivy-erp-title .wrap h3[b-e4f1efjijk] {
            font-size: 15px;
        }

.cl-gc-search_wrap[b-e4f1efjijk] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    margin-left: 8px;
    height: 100%;
}

    .cl-gc-search_wrap textarea[b-e4f1efjijk] {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 7px 0 7px 15px;
        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;
        font-size: 13px;
        color: #767676;
    }

.cl_ivy-erp-search[b-e4f1efjijk] {
}

    .cl_ivy-erp-search .cl-searchbydate-top-item[b-e4f1efjijk] {
        display: flex;
    }

        .cl_ivy-erp-search .cl-searchbydate-top-item select[b-e4f1efjijk] {
            padding: 0 5px;
            -webkit-appearance: none !important; /* for chrome */
            appearance: none !important;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            margin-right: 5px;
        }

            .cl_ivy-erp-search .cl-searchbydate-top-item select[b-e4f1efjijk]::-ms-expand {
                display: none !important;
            }

            .cl_ivy-erp-search .cl-searchbydate-top-item select option[b-e4f1efjijk] {
                margin: 3px 5px;
            }

.cl_ivy-contacts-body[b-e4f1efjijk] {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
}


.cl-chattings[b-e4f1efjijk] {
    width: 100%;
    margin-bottom: 15px;
}

    .cl-chattings .ivy-contact-profile-detail[b-e4f1efjijk] {
        /*height: fit-content;*/
    }

    .cl-chattings .clv-customer-profile-detail img[b-e4f1efjijk] {
        width: 24px;
        height: 24px;
    }

.cl-list[b-e4f1efjijk] {
    width: 100%;
}


.cl-list--body[b-e4f1efjijk] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .cl-list--body .wrap[b-e4f1efjijk] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .cl-list--body .wrap .line[b-e4f1efjijk] {
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            width: 100%;
            margin: 0 0 0 0;
            text-decoration: none;
            -webkit-text-decoration: none;
            color: #000;
            align-items:center;
            -webkit-align-items:center;
        }

            .cl-list--body .wrap .line .information[b-e4f1efjijk] {
                display: flex;
                flex-direction: column;
                -webkit-flex-direction: column;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .cl-list--body .wrap .line .information .name[b-e4f1efjijk] {
                    display: flex;
                    flex-direction:column;
                    -webkit-flex-direction:column;
                }

                .cl-list--body .wrap .line .information .user[b-e4f1efjijk] {
                    font-size: 13px;
                    font-weight: 600;
                }

                .cl-list--body .wrap .line .information .position[b-e4f1efjijk] {
                    font-size: 11px;
                }


            .cl-list--body .wrap .line .state[b-e4f1efjijk] {
                display: flex;
                align-items: flex-start;
                -webkit-align-items: flex-start;
                justify-content: center;
                -webkit-justify-content: center;
                height: 100%;
            }

                .cl-list--body .wrap .line .state .box[b-e4f1efjijk] {
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    margin-right: 5px;
                }

                    .cl-list--body .wrap .line .state .box img[b-e4f1efjijk] {
                        height: 7px;
                        width: 7px;
                        margin-right: 4px;
                    }

                    .cl-list--body .wrap .line .state .box span[b-e4f1efjijk] {
                        font-size: 10px;
                    }


.clv-customer-profile-detail[b-e4f1efjijk] {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F4F6FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 10px;
}

.delete-index-img[b-e4f1efjijk] {
    width: 13px;
    height: 13px;
}



/*체크박스*/
.cbx[b-e4f1efjijk] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

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

        .cbx span:first-child[b-e4f1efjijk] {
            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-e4f1efjijk] {
                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-e4f1efjijk]: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-e4f1efjijk] {
            margin-left: 8px;
        }

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


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

.cbx span:last-child[b-e4f1efjijk]: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-e4f1efjijk] {
    border-color: #B9B8C3;
}

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

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

    .inp-cbx:checked + .cbx span:first-child[b-e4f1efjijk]: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-e4f1efjijk] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-e4f1efjijk]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
/* _content/Clevi.App.Components.Erp/Pages/Facility/AddMachine.razor.rz.scp.css */
body[b-0xxzdlq4de] {
}

.add-index-img[b-0xxzdlq4de] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-0xxzdlq4de]:after {
    display: none;
}


.check-index-img[b-0xxzdlq4de] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-0xxzdlq4de] {
        width: 100%;
        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;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 15px;
    }

.selection[b-0xxzdlq4de] {
    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-0xxzdlq4de] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-0xxzdlq4de] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-0xxzdlq4de] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-0xxzdlq4de] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-0xxzdlq4de] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-0xxzdlq4de] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}



.add-machine-wrap[b-0xxzdlq4de]{
    padding:10px 20px;
}

.add-machine-wrap span[b-0xxzdlq4de]{
    font-weight:600;
    font-size:14px;
}

.add-machine-wrap .check-wrap[b-0xxzdlq4de]{
    margin-top: 20px;
}
.text-wrap[b-0xxzdlq4de] {
    margin-top: 20px;
}
    .text-wrap .wrap[b-0xxzdlq4de] {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 0;
    }

.add-photo[b-0xxzdlq4de]{
    padding:2px 8px;
    border-color:transparent;
    background-color:#F1F3F5;
    border-radius:10px;
    font-size:13px;
}

.file-wrap[b-0xxzdlq4de]{
    display:flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    margin:10px 0;
}

.plus-img[b-0xxzdlq4de]{
    width:13px;
    height:13px;
}

.plus-btn[b-0xxzdlq4de]{
    border-color:transparent;
    background-color:#E5F0FE;
    border-radius:30px;
    padding:3px 10px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.plus-btn span[b-0xxzdlq4de]{
    margin-left:3px;
}

.table-wrap[b-0xxzdlq4de]{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.body-2 .wrap[b-0xxzdlq4de] {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
}

    .table-wrap[b-0xxzdlq4de] {
        margin: 10px 0 10px 0;
    }


.btn-wrap[b-0xxzdlq4de] {
    width: 100%;
    display:flex;
    justify-content:center;
}

.add-btn[b-0xxzdlq4de] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}

.body .wrap[b-0xxzdlq4de]{
    margin:15px 0 15px 0;
}

.date-select-wrap[b-0xxzdlq4de]{
    display:flex;
    justify-content:space-between;

}

.date-select-wrap div[b-0xxzdlq4de]{
    width:48%;
}

    .date-select-wrap div span[b-0xxzdlq4de] {
        font-size:14px;
        margin-bottom:10px;
    }


.machine-detail[b-0xxzdlq4de] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-0xxzdlq4de] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-0xxzdlq4de] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/AddMachineMaintenance.razor.rz.scp.css */
body[b-ca14qfz4p9] {
}

.add-index-img[b-ca14qfz4p9] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-ca14qfz4p9]:after {
    display: none;
}


.check-index-img[b-ca14qfz4p9] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-ca14qfz4p9] {
        width: 100%;
        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;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 15px;
    }

.selection[b-ca14qfz4p9] {
    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-ca14qfz4p9] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-ca14qfz4p9] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-ca14qfz4p9] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-ca14qfz4p9] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-ca14qfz4p9] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-ca14qfz4p9] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}



.add-machine-wrap[b-ca14qfz4p9] {
    padding: 10px 20px;
}

    .add-machine-wrap span[b-ca14qfz4p9] {
        font-weight: 600;
        font-size: 14px;
    }

    .add-machine-wrap .check-wrap[b-ca14qfz4p9] {
        margin-top: 20px;
    }

.text-wrap[b-ca14qfz4p9] {
    margin-top: 20px;
}

    .text-wrap .wrap[b-ca14qfz4p9] {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 0;
    }

.add-photo[b-ca14qfz4p9] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    border-radius: 10px;
    font-size: 13px;
}

.file-wrap[b-ca14qfz4p9] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 10px 0;
}

.plus-img[b-ca14qfz4p9] {
    width: 13px;
    height: 13px;
}

.plus-btn[b-ca14qfz4p9] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .plus-btn span[b-ca14qfz4p9] {
        margin-left: 3px;
    }

.table-wrap[b-ca14qfz4p9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.body-2 .wrap[b-ca14qfz4p9] {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
}

.table-wrap[b-ca14qfz4p9] {
    margin: 10px 0 10px 0;
}


.btn-wrap[b-ca14qfz4p9] {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.add-btn[b-ca14qfz4p9] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}

.body .wrap[b-ca14qfz4p9] {
    margin: 15px 0 15px 0;
}

.date-select-wrap[b-ca14qfz4p9] {
    display: flex;
    justify-content: space-between;
}

    .date-select-wrap div[b-ca14qfz4p9] {
        width: 48%;
    }

        .date-select-wrap div span[b-ca14qfz4p9] {
            font-size: 14px;
            margin-bottom: 10px;
        }


.machine-detail[b-ca14qfz4p9] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-ca14qfz4p9] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-ca14qfz4p9] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/AddMachineRepair.razor.rz.scp.css */
body[b-rz354mdmi8] {
}

.add-index-img[b-rz354mdmi8] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-rz354mdmi8]:after {
    display: none;
}


.check-index-img[b-rz354mdmi8] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-rz354mdmi8] {
        width: 100%;
        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;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 15px;
    }

.selection[b-rz354mdmi8] {
    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-rz354mdmi8] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-rz354mdmi8] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-rz354mdmi8] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-rz354mdmi8] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-rz354mdmi8] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-rz354mdmi8] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}



.add-machine-wrap[b-rz354mdmi8] {
    height: calc(100vh - 250px);
}

    .add-machine-wrap span[b-rz354mdmi8] {
        font-weight: 600;
        font-size: 14px;
    }

    .add-machine-wrap .check-wrap[b-rz354mdmi8] {
        margin-top: 20px;
    }

.text-wrap[b-rz354mdmi8] {
}

    .text-wrap .wrap[b-rz354mdmi8] {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 0;
    }

.add-photo[b-rz354mdmi8] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    border-radius: 10px;
    font-size: 13px;
}

.file-wrap[b-rz354mdmi8] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 10px 0;
}

.plus-img[b-rz354mdmi8] {
    width: 13px;
    height: 13px;
}

.plus-btn[b-rz354mdmi8] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .plus-btn span[b-rz354mdmi8] {
        margin-left: 3px;
    }

.table-wrap[b-rz354mdmi8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.body-2 .wrap[b-rz354mdmi8] {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
}

.table-wrap[b-rz354mdmi8] {
    margin: 10px 0 10px 0;
}


.btn-wrap[b-rz354mdmi8] {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.add-btn[b-rz354mdmi8] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}

.body .wrap[b-rz354mdmi8] {
    margin: 0 0 10px 0;
}

.date-select-wrap[b-rz354mdmi8] {
    display: flex;
    justify-content: space-between;
}

    .date-select-wrap div[b-rz354mdmi8] {
        width: 48%;
    }

        .date-select-wrap div span[b-rz354mdmi8] {
            font-size: 14px;
            margin-bottom: 10px;
        }


.machine-detail[b-rz354mdmi8] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-rz354mdmi8] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-rz354mdmi8] {
    width: 100%;
    margin-bottom: 29px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 100px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/AddMachinRepairHistory.razor.rz.scp.css */
body[b-e1kezv5pnk] {
}

.add-index-img[b-e1kezv5pnk] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-e1kezv5pnk]:after {
    display: none;
}


.check-index-img[b-e1kezv5pnk] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-e1kezv5pnk] {
        width: 100%;
        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;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 15px;
    }

.selection[b-e1kezv5pnk] {
    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-e1kezv5pnk] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-e1kezv5pnk] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-e1kezv5pnk] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-e1kezv5pnk] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-e1kezv5pnk] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-e1kezv5pnk] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}



.add-machine-wrap[b-e1kezv5pnk] {
    padding: 10px 20px;
}

    .add-machine-wrap span[b-e1kezv5pnk] {
        font-weight: 600;
        font-size: 14px;
    }

    .add-machine-wrap .check-wrap[b-e1kezv5pnk] {
        margin-top: 20px;
    }

.text-wrap[b-e1kezv5pnk] {
    margin-top: 20px;
}

    .text-wrap .wrap[b-e1kezv5pnk] {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 0;
    }

.add-photo[b-e1kezv5pnk] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    border-radius: 10px;
    font-size: 13px;
}

.file-wrap[b-e1kezv5pnk] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 10px 0;
}

.plus-img[b-e1kezv5pnk] {
    width: 13px;
    height: 13px;
}

.plus-btn[b-e1kezv5pnk] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .plus-btn span[b-e1kezv5pnk] {
        margin-left: 3px;
    }

.table-wrap[b-e1kezv5pnk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.body-2 .wrap[b-e1kezv5pnk] {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
}

.table-wrap[b-e1kezv5pnk] {
    margin: 10px 0 10px 0;
}


.btn-wrap[b-e1kezv5pnk] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.add-btn[b-e1kezv5pnk] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}

.body .wrap[b-e1kezv5pnk] {
    margin: 15px 0 15px 0;
}

.date-select-wrap[b-e1kezv5pnk] {
    display: flex;
    justify-content: space-between;
}

    .date-select-wrap div[b-e1kezv5pnk] {
        width: 48%;
    }

        .date-select-wrap div span[b-e1kezv5pnk] {
            font-size: 14px;
            margin-bottom: 10px;
        }


.machine-detail[b-e1kezv5pnk] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-e1kezv5pnk] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-e1kezv5pnk] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}body[b-e1kezv5pnk] {
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/CompanyPartDialog.razor.rz.scp.css */
.title-name[b-unsd4b77uk] {
    font-size: 15px;
    font-weight: 600;
}

.company-part[b-unsd4b77uk] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 15px 15px 15px 15px;
    /*width: 90%;
    margin: 0 auto;*/
    
    margin-top: 10px;
}

.header[b-unsd4b77uk]{
    margin-top:30px;
    padding:0 10px;
}

.company-part .header .title div[b-unsd4b77uk] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    align-items: center;
    -webkit-align-items: center;
}

.company-part .header .title[b-unsd4b77uk] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 2px;
}

    .company-part .header .title span[b-unsd4b77uk] {
        margin-left: 2px;
    }

.index-manage-header-add-btn[b-unsd4b77uk] {
    padding: 3px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    color: #17171B;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
}

.index-manage-header-delete-btn[b-unsd4b77uk] {
    padding: 3px 8px;
    border-color: transparent;
    background-color: #E9F3FF;
    color: #65696D;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.company-part .body[b-unsd4b77uk] {
    display: flex;
    flex-direction:column;
    margin-top: 15px;
    padding:0 15px;
}

.index-manage-btn[b-unsd4b77uk] {
    width: 90px;
    font-size: 12px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 4px 10px;
    border-radius: 8px;
    border-color: transparent;
    background-color: #E9F3FF;
    margin: 12px 0 0 0;
    transition: background-color 100ms ease-in, color 100ms ease-in, transform .1s ease-in;
}

.add-index-img[b-unsd4b77uk] {
    width: 12px;
    height: 12px;
}

.delete-index-img[b-unsd4b77uk] {
    width: 13px;
    height: 13px;
}

.index-manage-btn:hover[b-unsd4b77uk] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}

.index-manage-header-add-btn:hover[b-unsd4b77uk] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}

.index-manage-header-delete-btn:hover[b-unsd4b77uk] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}


.company-part[b-unsd4b77uk]{
    padding:5px 10px;
}

.check-wrap[b-unsd4b77uk] {
    padding:13px 0;
    display:flex;
    align-items:center;
    font-weight:600;
}


.check-wrap span[b-unsd4b77uk]{
     margin-left:6px;
    } 
    .close-wrap[b-unsd4b77uk] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 0px 0 20px;
    width: 100%;
}

    .close-wrap span[b-unsd4b77uk] {
        font-size: 16px;
        font-weight: 600;
    }

    .close-wrap .close-btn[b-unsd4b77uk] {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.newsselect-close-img[b-unsd4b77uk] {
    width: 14px;
    height: 14px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/ErpFacilityManagement.razor.rz.scp.css */

.dashboard-wrap[b-fly6cwdnbp] {
    background-color: #E8EAEC;
}

.cl-gc-search_wrap[b-fly6cwdnbp]{
    background:#fff;
    padding:0 10px;
}

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

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

    .check-wrap label[b-fly6cwdnbp] {
        width: 100%;
        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 5px;
        border-radius: 15px;
    }

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

.selection[b-fly6cwdnbp] {
    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-fly6cwdnbp] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-fly6cwdnbp] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

value-1[b-fly6cwdnbp] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-fly6cwdnbp] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

value-3[b-fly6cwdnbp] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-4[b-fly6cwdnbp] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

.drop-down-profile-erp[b-fly6cwdnbp] {
    margin-top: 10px;
}

.header[b-fly6cwdnbp] {
    background-color: #FFF;
    padding: 15px;
}

.assigned-task-wrap[b-fly6cwdnbp] {
    background-color: #FFF;
    padding: 0 15px;
}

.header span[b-fly6cwdnbp] {
    font-size: 18px;
    font-weight: 600;
}

.header .wrap[b-fly6cwdnbp] {
    margin: 10px 0;
}

.wrap[b-fly6cwdnbp] {
    padding: 15px 0;
}

    .wrap span[b-fly6cwdnbp] {
        font-size: 13px;
    }

.bar-graph[b-fly6cwdnbp] {
    background: #E9F3FF;
    border-radius: 20px;
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 6px;
    padding: 0 15px;
}

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


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


.machine-management .body[b-fly6cwdnbp] {
    margin-top: 10px;
}

.machine-management .index-manage-header-add-btn[b-fly6cwdnbp] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
}

    .machine-management .index-manage-header-add-btn span[b-fly6cwdnbp] {
        margin-left: 3px;
        font-size: 12px !important;
    }


.machine-management .header[b-fly6cwdnbp] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-fly6cwdnbp] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }


        .machine-management .header .title span[b-fly6cwdnbp] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-fly6cwdnbp] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-fly6cwdnbp]:after {
    display: none;
}


.check-index-img[b-fly6cwdnbp] {
    width: 15px;
    height: 15px;
}

/*.body .wrap {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}*/

.back-color-1[b-fly6cwdnbp] {
    background-color: #E9F3FF;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #4676F4;
    border: 1px solid #C6E0FF;
}

.back-color-2[b-fly6cwdnbp] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-fly6cwdnbp] {
    border-collapse: collapse;
    width: 96%;
    background-color: white;
    margin: 0 auto;
}

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

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

th[b-fly6cwdnbp] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-fly6cwdnbp],
td:nth-child(3)[b-fly6cwdnbp] {
    width: 25%;
}

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

.register-btn[b-fly6cwdnbp] {
    background-color: #E9F3FF;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px !important;
    font-weight: 500;
}

.edit-btn[b-fly6cwdnbp] {
    background-color: #F8F4FD;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

.camera-btn[b-fly6cwdnbp] {
    padding: 0;
    border-color: transparent;
    margin-left: 5px;
}

.camera-img[b-fly6cwdnbp] {
    width: 25px;
    height: 20px;
}

.product[b-fly6cwdnbp] {
    padding: 10px 10px 0;
    margin-top: 10px;
}

.percent-wrap[b-fly6cwdnbp]  {
    background-color:#fff;
    font-weight: 600;
    padding: 15px;
}
.percent-wrap span[b-fly6cwdnbp] {
    font-weight: 500;
    font-size:13px;
}

.product .wrap[b-fly6cwdnbp] {
    display: flex;
    margin-top: 0px;
    flex-direction: column;
}

    .product .wrap div[b-fly6cwdnbp] {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }


.product .wrap span[b-fly6cwdnbp] {
    font-size: 13px;
    font-weight: 500;
}

.edit-input[b-fly6cwdnbp] {
    height: 25px;
}

.table-wrap[b-fly6cwdnbp] {
}

    .table-wrap .table-title[b-fly6cwdnbp] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin: 0 0 5px 0;
        /*background-color:#FFF;*/
    }
        .table-wrap .table-title span[b-fly6cwdnbp] {
            text-indent: 5px;
        }


.body[b-fly6cwdnbp] {
    background-color: #FFF;
}
/*오늘의 업무*/
.assigned-task-wrap .wrap[b-fly6cwdnbp] {
    display: flex;
    flex-direction: column;
}

    .assigned-task-wrap .wrap span[b-fly6cwdnbp] {
        margin: 3px 0;
    }
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/ErpWorkLog.razor.rz.scp.css */

.dashboard-wrap[b-ppz1iqf7el] {
    background-color: #E8EAEC;
}

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

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

    .check-wrap label[b-ppz1iqf7el] {
        width: 100%;
        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 5px;
        border-radius: 15px;
    }

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

.selection[b-ppz1iqf7el] {
    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-ppz1iqf7el] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-ppz1iqf7el] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-ppz1iqf7el] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-ppz1iqf7el] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

value-3[b-ppz1iqf7el] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-4[b-ppz1iqf7el] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

.drop-down-profile-erp[b-ppz1iqf7el] {
    margin-top: 10px;
}

.header[b-ppz1iqf7el] {
    background-color: #FFF;
    padding: 15px;
}

.assigned-task-wrap[b-ppz1iqf7el] {
    background-color: #FFF;
    padding: 0 15px;
}

.header span[b-ppz1iqf7el] {
    font-size: 18px;
    font-weight: 600;
}

.header .wrap[b-ppz1iqf7el] {
    margin: 10px 0;
}

.wrap[b-ppz1iqf7el] {
    padding: 15px 0;
}

    .wrap span[b-ppz1iqf7el] {
        font-size: 13px;
    }


.machine-management .body[b-ppz1iqf7el] {
    margin-top: 10px;
}

.machine-management .index-manage-header-add-btn[b-ppz1iqf7el] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
}

    .machine-management .index-manage-header-add-btn span[b-ppz1iqf7el] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.assigned-task-wrap[b-ppz1iqf7el] {
    padding: 5px 10px;
}

.machine-management .header[b-ppz1iqf7el] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-ppz1iqf7el] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }


        .machine-management .header .title span[b-ppz1iqf7el] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-ppz1iqf7el] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-ppz1iqf7el]:after {
    display: none;
}


.check-index-img[b-ppz1iqf7el] {
    width: 15px;
    height: 15px;
}

/*.body .wrap {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}*/

.back-color-1[b-ppz1iqf7el] {
    background-color: #E9F3FF;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #4676F4;
    border: 1px solid #C6E0FF;
}

.back-color-2[b-ppz1iqf7el] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-ppz1iqf7el] {
    border-collapse: collapse;
    width: 96%;
    background-color: white;
    margin: 0 auto;
}

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

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

th[b-ppz1iqf7el] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-ppz1iqf7el],
td:nth-child(3)[b-ppz1iqf7el] {
    width: 25%;
}

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

.register-btn[b-ppz1iqf7el] {
    background-color: #E9F3FF;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

.edit-btn[b-ppz1iqf7el] {
    background-color: #F8F4FD;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

.camera-btn[b-ppz1iqf7el] {
    padding: 0;
    border-color: transparent;
    margin-left: 5px;
}

.camera-img[b-ppz1iqf7el] {
    width: 25px;
    height: 20px;
}

.product[b-ppz1iqf7el] {
    padding: 0 10px;
    margin-top: 30px;
}

.product .wrap[b-ppz1iqf7el] {
    display: flex;
    margin-top: 0px;
    flex-direction: column;
}

    .product .wrap div[b-ppz1iqf7el] {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

.product span[b-ppz1iqf7el] {
    font-size: 15px;
    font-weight: 600;
    margin-right: 7px;
}

.product div span[b-ppz1iqf7el] {
    font-size: 13px;
    font-weight: 500;
    margin-right: 7px;
}

.edit-input[b-ppz1iqf7el] {
    height: 25px;
}

.works-situation[b-ppz1iqf7el] {
    margin-top: 10px;
    background: #fff;
    padding: 15px 10px;
}
.works-situation table[b-ppz1iqf7el]{
    margin:0;
    width:100%;
}

.table-title[b-ppz1iqf7el] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /*background-color:#FFF;*/
    margin-bottom:10px;
}
.table-title span[b-ppz1iqf7el]{
    font-size:13px;
}

/*오늘의 업무*/
.assigned-task-wrap .wrap[b-ppz1iqf7el] {
    display: flex;
    flex-direction: column;
}

    .assigned-task-wrap .wrap span[b-ppz1iqf7el] {
        margin: 3px 0;
    }

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

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

        .checkbox-wrapper-15 .cbx span:first-child[b-ppz1iqf7el] {
            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-15 .cbx span:first-child svg[b-ppz1iqf7el] {
                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-15 .cbx span:first-child[b-ppz1iqf7el]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #4caf50;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                transition-delay: 0.2s;
            }

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

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

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

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

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

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

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

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


@keyframes check-15-b-ppz1iqf7el {
    50% {
        transform: scale(1.2);
    }
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/MachineDetailsMaintenance.razor.rz.scp.css */
body[b-mv9yy3le5d] {
}

.add-machine-wrap .body[b-mv9yy3le5d] {
    margin-top: 10px;
    padding: 0 10px;
}

.machine-management .index-manage-header-add-btn[b-mv9yy3le5d] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-mv9yy3le5d] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

    .machine-management .index-manage-header-delete-btn span[b-mv9yy3le5d] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .index-manage-header-add-btn span[b-mv9yy3le5d] {
    margin-left: 3px;
    font-size: 12px !important;
}

.add-machine-wrap .header[b-mv9yy3le5d] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

.machine-management .header .title[b-mv9yy3le5d] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .machine-management .header .title div[b-mv9yy3le5d] {
        display: flex;
    }


    .machine-management .header .title span[b-mv9yy3le5d] {
        font-size: 16px;
        font-weight: 600;
        margin-top: 1px;
    }


.add-index-img[b-mv9yy3le5d] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-mv9yy3le5d]:after {
    display: none;
}


.check-index-img[b-mv9yy3le5d] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-mv9yy3le5d] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 20px;
    }

.selection[b-mv9yy3le5d] {
    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-mv9yy3le5d] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-mv9yy3le5d] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-mv9yy3le5d] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-mv9yy3le5d] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-mv9yy3le5d] {
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0;
    background-color: white;
}

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

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

th[b-mv9yy3le5d] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-mv9yy3le5d],
td:nth-child(3)[b-mv9yy3le5d] {
    width: 30%;
}

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

.delete-index-img[b-mv9yy3le5d] {
    width: 10px;
    height: 10px;
}

.text-wrap .wrap[b-mv9yy3le5d] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.border-wrap[b-mv9yy3le5d] {
    width: 100%;
}

.text-wrap[b-mv9yy3le5d] {
    padding: 10px 30px;
}

    .text-wrap .wrap[b-mv9yy3le5d] {
        margin: 30px 0;
    }

.header .text[b-mv9yy3le5d] {
    font-weight: 600;
    margin: 1px 0 0 2px;
    font-size: 15px;
}

.header div[b-mv9yy3le5d] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.bold-font[b-mv9yy3le5d] {
    font-weight: 600;
}

.border-wrap[b-mv9yy3le5d] {
    background-color: #F8F9FA;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
}

.total-amount-wrap[b-mv9yy3le5d] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 15px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sort-img[b-mv9yy3le5d] {
    width: 15px;
    height: 15px;
}

.date-sort[b-mv9yy3le5d] {
    padding: 20px 0 0 0;
    display: flex;
    align-items: center;
    width: 98%;
    justify-content: end;
    margin: 0 auto;
}

    .date-sort span[b-mv9yy3le5d] {
        font-size: 14px;
        margin-left: 5px;
        font-weight: 600;
    }

.machine-detail[b-mv9yy3le5d] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-mv9yy3le5d] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-mv9yy3le5d] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/MachineDetailsRepair.razor.rz.scp.css */
body[b-mexzearwt2] {
}

.add-machine-wrap .body[b-mexzearwt2] {
    margin-top: 10px;
    padding: 0 10px;
}

.machine-management .index-manage-header-add-btn[b-mexzearwt2] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-mexzearwt2] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

    .machine-management .index-manage-header-delete-btn span[b-mexzearwt2] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .index-manage-header-add-btn span[b-mexzearwt2] {
    margin-left: 3px;
    font-size: 12px !important;
}

.add-machine-wrap .header[b-mexzearwt2] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

.machine-management .header .title[b-mexzearwt2] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .machine-management .header .title div[b-mexzearwt2] {
        display: flex;
    }


    .machine-management .header .title span[b-mexzearwt2] {
        font-size: 16px;
        font-weight: 600;
        margin-top: 1px;
    }


.add-index-img[b-mexzearwt2] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-mexzearwt2]:after {
    display: none;
}


.check-index-img[b-mexzearwt2] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-mexzearwt2] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 20px;
    }

.selection[b-mexzearwt2] {
    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-mexzearwt2] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-mexzearwt2] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-mexzearwt2] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-mexzearwt2] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-mexzearwt2] {
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0;
    background-color: white;
}

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

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

th[b-mexzearwt2] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-mexzearwt2],
td:nth-child(3)[b-mexzearwt2] {
    width: 30%;
}

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

.delete-index-img[b-mexzearwt2] {
    width: 10px;
    height: 10px;
}

.text-wrap .wrap[b-mexzearwt2] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.border-wrap[b-mexzearwt2] {
    width: 100%;
}

.text-wrap[b-mexzearwt2] {
    padding: 10px 30px;
}

    .text-wrap .wrap[b-mexzearwt2] {
        margin: 30px 0;
    }

.header .text[b-mexzearwt2] {
    font-weight: 600;
    margin: 1px 0 0 2px;
    font-size: 15px;
}

.header div[b-mexzearwt2] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.bold-font[b-mexzearwt2] {
    font-weight: 600;
}

.border-wrap[b-mexzearwt2] {
    background-color: #F8F9FA;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
}

.total-amount-wrap[b-mexzearwt2] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 15px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sort-img[b-mexzearwt2] {
    width: 15px;
    height: 15px;
}

.date-sort[b-mexzearwt2] {
    padding: 20px 0 0 0;
    display: flex;
    align-items: center;
    width: 98%;
    justify-content: end;
    margin: 0 auto;
}

    .date-sort span[b-mexzearwt2] {
        font-size: 14px;
        margin-left: 5px;
        font-weight: 600;
    }

.machine-detail[b-mexzearwt2] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-mexzearwt2] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-mexzearwt2] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/MachineEditDialog.razor.rz.scp.css */
body[b-sgo7add1s0] {
}

.add-index-img[b-sgo7add1s0] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-sgo7add1s0]:after {
    display: none;
}

.add-machine-wrap[b-sgo7add1s0] {
    max-height: calc(100vh - 220px);
}
.add-machine-wrap .body[b-sgo7add1s0]{
    padding-bottom:20px;
}

    .add-machine-wrap span[b-sgo7add1s0] {
        font-weight: 600;
        font-size: 14px;
    }

    .add-machine-wrap .check-wrap[b-sgo7add1s0] {
        margin-top: 20px;
    }

.text-wrap[b-sgo7add1s0] {
}

    .text-wrap .wrap[b-sgo7add1s0] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin: 10px 0 0 0;
    }

.add-photo[b-sgo7add1s0] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 13px;
}

.file-wrap[b-sgo7add1s0] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 10px 0;
}

.plus-img[b-sgo7add1s0] {
    width: 13px;
    height: 13px;
}

.plus-btn[b-sgo7add1s0] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .plus-btn span[b-sgo7add1s0] {
        margin-left: 3px;
    }

.table-wrap[b-sgo7add1s0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.body-2 .wrap[b-sgo7add1s0] {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.table-wrap[b-sgo7add1s0] {
    margin: 10px 0 10px 0;
}


.btn-wrap[b-sgo7add1s0] {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.add-btn[b-sgo7add1s0] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}

.date-select-wrap[b-sgo7add1s0] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 10px;
}

    .date-select-wrap div[b-sgo7add1s0] {
        width: 48%;
    }

        .date-select-wrap div span[b-sgo7add1s0] {
            font-size: 14px;
            margin-bottom: 10px;
        }


.machine-detail[b-sgo7add1s0] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-sgo7add1s0] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-sgo7add1s0] {
    width: 100%;
    margin-bottom:29px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 100px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/MachineMaintenanceHistory.razor.rz.scp.css */
body[b-rcmnv2nsrg] {
}
body[b-rcmnv2nsrg] {
}

/*<div class="checkbox-wrapper-18" >
<div class="round" >
<input type="checkbox" id="checkbox-18" / >
<label for="checkbox-18" > </label >
</div >
</div >


.checkbox-wrapper-18 .round {
    position: relative;
}

.checkbox-wrapper-18 .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    width: 28px;
    display: block;
}

    .checkbox-wrapper-18 .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 8px;
        opacity: 0;
        position: absolute;
        top: 9px;
        transform: rotate(-45deg);
        width: 12px;
    }

.checkbox-wrapper-18 .round input[type="checkbox"] {
    visibility: hidden;
    display: none;
    opacity: 0;
}

    .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label {
        background-color: #66bb6a;
        border-color: #66bb6a;
    }

        .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }*/
.machine-management .body[b-rcmnv2nsrg] {
    margin-top: 10px;
    padding: 0 10px;
}

.machine-management .index-manage-header-add-btn[b-rcmnv2nsrg] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-rcmnv2nsrg] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

    .machine-management .index-manage-header-delete-btn span[b-rcmnv2nsrg] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .index-manage-header-add-btn span[b-rcmnv2nsrg] {
    margin-left: 3px;
    font-size: 12px !important;
}

.machine-management .header[b-rcmnv2nsrg] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-rcmnv2nsrg] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }

        .machine-management .header .title div[b-rcmnv2nsrg] {
            display: flex;
        }


        .machine-management .header .title span[b-rcmnv2nsrg] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-rcmnv2nsrg] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-rcmnv2nsrg]:after {
    display: none;
}


.check-index-img[b-rcmnv2nsrg] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-rcmnv2nsrg] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 20px;
    }

.selection[b-rcmnv2nsrg] {
    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-rcmnv2nsrg] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-rcmnv2nsrg] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-rcmnv2nsrg] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-rcmnv2nsrg] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-rcmnv2nsrg] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-rcmnv2nsrg] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-rcmnv2nsrg],
td:nth-child(3)[b-rcmnv2nsrg] {
    width: 30%;
}

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

.delete-index-img[b-rcmnv2nsrg] {
    width: 10px;
    height: 10px;
}

.total-amount-wrap[b-rcmnv2nsrg] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/MachineRepairHistory.razor.rz.scp.css */
body[b-y3rursw6cp] {
}
body[b-y3rursw6cp] {
}

/*<div class="checkbox-wrapper-18" >
<div class="round" >
<input type="checkbox" id="checkbox-18" / >
<label for="checkbox-18" > </label >
</div >
</div >


.checkbox-wrapper-18 .round {
    position: relative;
}

.checkbox-wrapper-18 .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    width: 28px;
    display: block;
}

    .checkbox-wrapper-18 .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 8px;
        opacity: 0;
        position: absolute;
        top: 9px;
        transform: rotate(-45deg);
        width: 12px;
    }

.checkbox-wrapper-18 .round input[type="checkbox"] {
    visibility: hidden;
    display: none;
    opacity: 0;
}

    .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label {
        background-color: #66bb6a;
        border-color: #66bb6a;
    }

        .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }*/
.machine-management .body[b-y3rursw6cp] {
    margin-top: 10px;
    padding: 0 10px;
}

.machine-management .index-manage-header-add-btn[b-y3rursw6cp] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-y3rursw6cp] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

    .machine-management .index-manage-header-delete-btn span[b-y3rursw6cp] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .index-manage-header-add-btn span[b-y3rursw6cp] {
    margin-left: 3px;
    font-size: 12px !important;
}

.machine-management .header[b-y3rursw6cp] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-y3rursw6cp] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }

        .machine-management .header .title div[b-y3rursw6cp] {
            display: flex;
        }


        .machine-management .header .title span[b-y3rursw6cp] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-y3rursw6cp] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-y3rursw6cp]:after {
    display: none;
}


.check-index-img[b-y3rursw6cp] {
    width: 15px;
    height: 15px;
}

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

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

    .check-wrap label[b-y3rursw6cp] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 20px;
    }

.selection[b-y3rursw6cp] {
    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-y3rursw6cp] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-y3rursw6cp] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-y3rursw6cp] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-y3rursw6cp] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-y3rursw6cp] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-y3rursw6cp] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-y3rursw6cp],
td:nth-child(3)[b-y3rursw6cp] {
    width: 30%;
}

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

.delete-index-img[b-y3rursw6cp] {
    width: 10px;
    height: 10px;
}

.total-amount-wrap[b-y3rursw6cp] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/ProductInventoryDialog.razor.rz.scp.css */

.inven-wrap[b-hwh4evhrrl] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .inven-wrap .body[b-hwh4evhrrl] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }

    .inven-wrap .wrap[b-hwh4evhrrl] {
        margin: 10px 0;
        width:100%;
    }

.btn-wrap[b-hwh4evhrrl] {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.register-complete[b-hwh4evhrrl] {
    background-color: #E5F0FE;
    padding: 5px 10px;
    border: none;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/RepairDetailsDialog.razor.rz.scp.css */

.repair-detail-wrap[b-u1nkbadc42] {
    max-height: calc(100vh - 220px);
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction:column;
    margin: 0 auto;
}

.repair-detail-wrap .text-wrap .wrap[b-u1nkbadc42]{
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.wrap-note[b-u1nkbadc42] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 15px;
}

.significant[b-u1nkbadc42] {
    background-color: #F1F3F5;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
    width:100%;
}

.border-wrap[b-u1nkbadc42] {
    width: 100%;
}

.text-wrap[b-u1nkbadc42] {
    display:flex;
    flex-direction:column;
    justify-content:center;
   margin-bottom:20px;
}

    .text-wrap .wrap[b-u1nkbadc42] {
        margin: 15px 0;
    }

.bold-font[b-u1nkbadc42] {
    font-weight: 600;
}

.btn-wrap[b-u1nkbadc42]{
    width:100%;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/RepairEditDialog.razor.rz.scp.css */

value-1[b-hhzqaf1h95] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-hhzqaf1h95] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}


.repair-detail-edit[b-hhzqaf1h95] {
    max-height: calc(100vh - 220px);
}
.header div[b-hhzqaf1h95]{
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.header div span[b-hhzqaf1h95]{
    margin-top:2px;
    font-size:15px;
}

.wrap span[b-hhzqaf1h95]{
    margin-bottom:2px;
}

.repair-detail-edit span[b-hhzqaf1h95] {
    font-weight: 600;
    font-size: 14px;
}

    .repair-detail-edit .check-wrap[b-hhzqaf1h95] {
        margin-top: 20px;
    }

.text-wrap[b-hhzqaf1h95] {
    padding: 0 0 20px;
}

    .text-wrap .wrap[b-hhzqaf1h95] {
        display: flex;
        flex-direction: column;
        margin: 10px 0 0 0;
    }

.add-photo[b-hhzqaf1h95] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    border-radius: 10px;
    font-size: 13px;
}


.btn-wrap[b-hhzqaf1h95] {
    width: 100%;
    display: flex;
    justify-content: center;

    margin:20px 0 0;
}

.add-btn[b-hhzqaf1h95] {
    border-color: transparent;
    background-color: #E5F0FE;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 4px 0;
}


.date-select-wrap[b-hhzqaf1h95] {
    display: flex;
    justify-content: space-between;
}

    .date-select-wrap div[b-hhzqaf1h95] {
        width: 48%;
    }

        .date-select-wrap div span[b-hhzqaf1h95] {
            font-size: 14px;
            margin-bottom: 10px;
        }


.machine-detail[b-hhzqaf1h95] {
    position: relative;
    background: #F8F9FA;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.machine-base-img[b-hhzqaf1h95] {
    width: 70px;
    height: 70px;
}

.machine-detail-wrap[b-hhzqaf1h95] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/WorkDetilsDialog.razor.rz.scp.css */
.work-detail-wrap[b-zk8gkfd6bv] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    max-height: calc(100vh - 220px);
}

    .work-detail-wrap .text-wrap .wrap[b-zk8gkfd6bv] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

.wrap-note[b-zk8gkfd6bv] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 15px;
}

.significant[b-zk8gkfd6bv] {
    background-color: #F1F3F5;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
    width: 100%;
}

.border-wrap[b-zk8gkfd6bv] {
    width: 100%;
}

.text-wrap[b-zk8gkfd6bv] {
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .text-wrap .wrap[b-zk8gkfd6bv] {
        margin: 15px 0;
    }

.bold-font[b-zk8gkfd6bv] {
    font-weight: 600;
}

.btn-wrap[b-zk8gkfd6bv] {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/WorkRegisterDialog.razor.rz.scp.css */
.work-detail-register[b-js4xrswnyl] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    overflow: auto;
    height: calc(100vh - 220px);
}

    .work-detail-register .text-wrap .wrap[b-js4xrswnyl] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

.wrap-note[b-js4xrswnyl] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 15px;
}

.significant[b-js4xrswnyl] {
    background-color: #F1F3F5;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
    width: 100%;
}

.border-wrap[b-js4xrswnyl] {
    width: 100%;
}

.text-wrap[b-js4xrswnyl] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .text-wrap .wrap[b-js4xrswnyl] {
        margin: 0 0 15px;
    }
    .text-wrap .wrap span[b-js4xrswnyl]{
        font-size:14px;
        width:70px;
        align-self:center;
    }
    .text-wrap .wrap span:last-child[b-js4xrswnyl]{
        align-self:start !important;
    }

.bold-font[b-js4xrswnyl] {
    font-weight: 600;
}

.btn-wrap[b-js4xrswnyl] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
    .btn-wrap .add-btn[b-js4xrswnyl] {
        background-color: #E9F3FF;
        padding: 5px 10px;
        border: none;
    }
/* _content/Clevi.App.Components.Erp/Pages/Facility/Components/WorkStatusEditDialog.razor.rz.scp.css */
.work-detail-register[b-wxkz4pmwla] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    overflow: auto;
    max-height: calc(100vh - 220px);
}

    .work-detail-register .text-wrap .wrap[b-wxkz4pmwla] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

.wrap-note[b-wxkz4pmwla] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 15px;
}

.significant[b-wxkz4pmwla] {
    background-color: #F1F3F5;
    padding: 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 10px;
    width: 100%;
}

.border-wrap[b-wxkz4pmwla] {
    width: 100%;
}

.text-wrap[b-wxkz4pmwla] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .text-wrap .wrap[b-wxkz4pmwla] {
        margin: 0 0 15px;
    }

        .text-wrap .wrap span[b-wxkz4pmwla] {
            font-size: 14px;
            width: 70px;
            align-self: center;
        }

            .text-wrap .wrap span:last-child[b-wxkz4pmwla] {
                align-self: start !important;
            }

.bold-font[b-wxkz4pmwla] {
    font-weight: 600;
}
    .btn-wrap[b-wxkz4pmwla] {
        display:flex;
        justify-content:center;
    }
    .btn-wrap .add-btn[b-wxkz4pmwla] {
        padding: 5px 10px;
        border: none;
    }

        .btn-wrap .add-btn:first-child[b-wxkz4pmwla] {
            background-color: #F8F4FD;
            margin-right: 10px;
        }

        .btn-wrap .add-btn:last-child[b-wxkz4pmwla] {
            background-color: #F8F9FA;
        }
/* _content/Clevi.App.Components.Erp/Pages/Facility/ErpDashboard.razor.rz.scp.css */
.curation-image-foreground[b-627j1i2qpi] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 500px;
    position: absolute;
    top: 0;
    right: 0;
}


.cl_ivy-index-notice_wrap[b-627j1i2qpi] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .cl_ivy-index-notice_wrap .picture[b-627j1i2qpi] {
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }

    .cl_ivy-index-notice_wrap .arrow[b-627j1i2qpi] {
        width: 30px;
        height: 30px;
        margin: auto 0;
        margin-left: 20px;
    }

    .cl_ivy-index-notice_wrap .text_wrap[b-627j1i2qpi] {
        width: auto;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        justify-content: center;
        -webkit-justify-content: center;
    }

        .cl_ivy-index-notice_wrap .text_wrap h5[b-627j1i2qpi] {
            font-size: 14px;
            font-weight: 600;
        }

        .cl_ivy-index-notice_wrap .text_wrap p[b-627j1i2qpi] {
            font-size: 12px;
        }

.cl_ivy-index-silde_box[b-627j1i2qpi] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: end;
    -webkit-justify-content: end;
    height: 100%;
}

    .cl_ivy-index-silde_box .first_wrap[b-627j1i2qpi] {
        width: 100%;
    }

        .cl_ivy-index-silde_box .first_wrap .secon_wrap[b-627j1i2qpi] {
            z-index: 1;
            color: #17171B;
            margin-bottom: 0px;
            padding: 6px 20px 10px 20px;
            position: relative;
            display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: flex-start;
            -webkit-align-items: flex-start;
            flex-direction: column;
            -webkit-flex-direction: column;
        }

            .cl_ivy-index-silde_box .first_wrap .secon_wrap .third_wrap[b-627j1i2qpi] {
                display: flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: end;
                -webkit-justify-content: end;
                flex-direction: column;
                -webkit-flex-direction: column;
                margin-top: 180px;
            }

                .cl_ivy-index-silde_box .first_wrap .secon_wrap .third_wrap p[b-627j1i2qpi] {
                    font-weight: bold;
                    font-size: 14px;
                }

                .cl_ivy-index-silde_box .first_wrap .secon_wrap .third_wrap .button_wrap[b-627j1i2qpi] {
                    display: flex;
                    justify-content: flex-start;
                    -webkit-justify-content: flex-start;
                    width: 100%;
                }

.cl_ivy-erp_nav[b-627j1i2qpi] {
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin: 10px 0;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

    .cl_ivy-erp_nav .box[b-627j1i2qpi] {
        width:48%;
    }

        .cl_ivy-erp_nav .box img[b-627j1i2qpi] {
            height: 18px;
            width: 18px;
        }

.cl_ivy-home-chat[b-627j1i2qpi] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: 10px 0;
}

    .cl_ivy-home-chat h4[b-627j1i2qpi] {
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .cl_ivy-home-chat .button_wrap[b-627j1i2qpi] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        width: 100%;
    }

        .cl_ivy-home-chat .button_wrap img[b-627j1i2qpi] {
            height: 18px;
            width: 18px;
        }

.cl_ivy-home-empty[b-627j1i2qpi] {
    height: 0;
}


.cl_ivy-weather-box[b-627j1i2qpi] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .cl_ivy-weather-box .left[b-627j1i2qpi] {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        border-right: 1px solid #d2d2d2;
    }

        .cl_ivy-weather-box .left .wrap[b-627j1i2qpi] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl_ivy-weather-box .left .wrap img[b-627j1i2qpi] {
                margin: 0 15px 0 0;
                width: 80px;
            }

            .cl_ivy-weather-box .left .wrap .temperature_wrap[b-627j1i2qpi] {
                margin-right: 10px;
            }

.cl_ivy-weader-box .left .wrap .temperature_wrap h3[b-627j1i2qpi] {
    font-size: 17px;
    font-weight: 600;
}

.cl_ivy-weather-box .left .wrap .temperature_wrap p[b-627j1i2qpi] {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 13px;
}


.cl_ivy-weather-box .right[b-627j1i2qpi] {
    width: 140px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-left: 5px;
}

    .cl_ivy-weather-box .right .wrap[b-627j1i2qpi] {
        display:flex;
        flex-direction:row;
    }

.weather-icon[b-627j1i2qpi] {
    width: 27.6px;
    height: 17px;
}

.cl_ivy-weather-box .right .wrap .date[b-627j1i2qpi] {
    font-size: 12px;
    margin-bottom: 5px;
}

        .cl_ivy-weather-box .right .wrap .wind[b-627j1i2qpi], .cl_ivy-weather-box .right .wrap .humidity[b-627j1i2qpi] {
            font-size: 12px;
            margin-bottom: 5px;
        }


/*뉴스*/
.cl_ivy-home-news[b-627j1i2qpi] {
    padding: 1rem;
    background-color: #F4F6FD;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    margin-top: 10px;
}

    .cl_ivy-home-news .header[b-627j1i2qpi] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

        .cl_ivy-home-news .header .title[b-627j1i2qpi] {
            display: flex;
            align-items: end;
            -webkit-align-items: end;
        }

            .cl_ivy-home-news .header .title h4[b-627j1i2qpi] {
                font-weight: 600;
                font-size: 13px;
                margin: 0;
            }

            .cl_ivy-home-news .header .title p[b-627j1i2qpi] {
                font-size: 9px;
                margin: 0 0 0 5px;
                color: #999999;
            }

    .cl_ivy-home-news .body[b-627j1i2qpi] {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }
/*부서관리erp*/

.title-name[b-627j1i2qpi] {
    font-size: 15px;
    font-weight: 600;
}

.ivy-erp-department-management[b-627j1i2qpi] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 15px 6px 15px 6px;
    /*width: 90%;
    margin: 0 auto;*/
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 15px;
    margin-top: 10px;
}

    .ivy-erp-department-management .header .title div[b-627j1i2qpi] {
        display: flex;
        justify-content: end;
        -webkit-justify-content: end;
        align-items: center;
        -webkit-align-items: center;
    }

    .ivy-erp-department-management .header .title[b-627j1i2qpi] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        padding: 0 10px;
    }

        .ivy-erp-department-management .header .title span[b-627j1i2qpi] {
            margin-left: 2px;
        }

.index-manage-header-add-btn[b-627j1i2qpi] {
    padding: 3px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    color: #17171B;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
}

.index-manage-header-delete-btn[b-627j1i2qpi] {
    padding: 3px 8px;
    border-color: transparent;
    background-color: #EDF0F3;
    color: #65696D;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.ivy-erp-department-management .body[b-627j1i2qpi] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    width: fit-content;
    padding-top: 5px;
    margin: 0 auto;
}

.btn-wrapping[b-627j1i2qpi] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.index-manage-btn[b-627j1i2qpi] {
    width: 85px;
    font-size: 12px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 4px 0px;
    border-radius: 8px;
    border-color: transparent;
    background-color: #E9F3FF;
    margin: 12px 0 0 0;
    transition: background-color 100ms ease-in, color 100ms ease-in, transform .1s ease-in;
}

.add-index-img[b-627j1i2qpi] {
    width: 12px;
    height: 12px;
}

.delete-index-img[b-627j1i2qpi] {
    width: 13px;
    height: 13px;
}

.index-manage-btn:hover[b-627j1i2qpi] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}

.index-manage-header-add-btn:hover[b-627j1i2qpi] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}

.index-manage-header-delete-btn:hover[b-627j1i2qpi] {
    background-color: #EDF0F3;
    border: 1px solid #DCDCDC;
    transition: 0.3s;
}

.btn-wrap[b-627j1i2qpi] {
    padding: 2px 2%;
}


/*일정관리*/
/*input[type="checkbox"] {
    display: none;
}

input[id="checkbox-sch-1"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    position: relative;
    
}

input[id="checkbox-sch-1"]:checked + label::after {
    content: '✔';
    font-size: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    
}

checkbox-sch-2 {
    width:100px;
    padding:5px 10px;
}*/

.sch-wrap[b-627j1i2qpi] {
    display: flex;
    align-items: center;
}



.chk_box[b-627j1i2qpi] {
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 10px 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .chk_box input[type="checkbox"][b-627j1i2qpi] {
        display: none;
    }

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.off[b-627j1i2qpi] {
    width: 15px;
    height: 15px;
    border: 1px solid #D3D3D3;
    position: absolute;
    top: 15%;
    left: 0;
    border-radius: 50%;
}

.on[b-627j1i2qpi] {
    width: 6px;
    height: 10px;
    border: solid #4676F4;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 2%;
    top: 20%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

/* 선택된 체크박스 스타일 꾸미기 */
.chk_box input[type="checkbox"]:checked + .off[b-627j1i2qpi] {
    background: none;
    border-color: transparent;
}

.chk_box input[type="checkbox"]:checked + .on[b-627j1i2qpi]:after {
    width: 6px;
    height: 10px;
    border: solid #4676F4;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 1%;
    top: 25%;
    display: block;
}

.chk_box input[type="checkbox"]:checked + .on[b-627j1i2qpi] {
    width: 6px;
    height: 10px;
    border: solid #4676F4;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 1%;
    top: 25%;
    display: inline-block;
}


.chk_box input[type="checkbox"]:checked + .off[b-627j1i2qpi]:after {
    display: none;
}

.chk_box input[type="checkbox"] + .on[b-627j1i2qpi]:before {
    display: none;
}

.chk_box input[type="checkbox"]:checked + .on[b-627j1i2qpi]:after {
    display: block;
}

.chk_box input[type="checkbox"]:checked + .on[b-627j1i2qpi]:after {
    display: block;
}

.on[b-627j1i2qpi]:after {
    width: 6px;
    height: 10px;
    border: solid #4676F4;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 1%;
    top: 25%;
    display: block;
}


/*캘린더*/

.calendar-img[b-627j1i2qpi] {
    width: 25px;
    height: 25px;
}

.go-to-calendar[b-627j1i2qpi] {
    width: 25px;
    height: 25px;
}

.schedule-management[b-627j1i2qpi] {
    padding: 10px;
}

    .schedule-management .header[b-627j1i2qpi] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 10px;
        align-items: center;
        -webkit-align-items: center;
    }

        .schedule-management .header div[b-627j1i2qpi] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

        .schedule-management .header span[b-627j1i2qpi] {
            font-size: 15px;
            font-weight: 600;
            margin: 3px 0 0 5px;
        }

    .schedule-management .todolist[b-627j1i2qpi] {
        font-weight: 600;
        margin-left: 3px;
    }

    .schedule-management .time[b-627j1i2qpi] {
        color: #65696D;
        font-size: 13px;
    }
/* _content/Clevi.App.Components.Erp/Pages/Facility/ErpManagerDashboard.razor.rz.scp.css */
body[b-5cs2bz1362] {
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/ErpWorkStatus.razor.rz.scp.css */

.dashboard-wrap[b-xjp2o6qr49] {
    background-color:#E8EAEC;
}


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

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

    .check-wrap label[b-xjp2o6qr49] {
        width: 100%;
        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 5px;
        border-radius: 15px;
    }
        .check-wrap label span[b-xjp2o6qr49] {
            font-size: 14px;
            font-weight: 600;
        }

.selection[b-xjp2o6qr49] {
    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-xjp2o6qr49] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-xjp2o6qr49] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-xjp2o6qr49] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-xjp2o6qr49] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

value-3[b-xjp2o6qr49] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-4[b-xjp2o6qr49] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

.drop-down-profile-erp[b-xjp2o6qr49]{
    margin-top:10px;
}

.header[b-xjp2o6qr49] {
    background-color: #FFF;
    padding: 15px;
}

.header span[b-xjp2o6qr49] {
    font-size: 18px;
    font-weight: 600;
}

.header .wrap[b-xjp2o6qr49] {
    margin:10px 0;
}
.wrap[b-xjp2o6qr49] {
    padding: 15px 0;
}
.wrap span[b-xjp2o6qr49] {
    font-size: 15px;
}
.bar-graph[b-xjp2o6qr49]{
    background:#E9F3FF;
    border-radius:50%;
    position:relative;
    width:100%;
    height:30px;
    margin-top:6px;
}

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


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


.machine-management .body[b-xjp2o6qr49] {
    margin-top: 10px;
}

.machine-management .index-manage-header-add-btn[b-xjp2o6qr49] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
}

    .machine-management .index-manage-header-add-btn span[b-xjp2o6qr49] {
        margin-left: 3px;
        font-size: 12px !important;
    }
.assigned-task-wrap[b-xjp2o6qr49]{
    padding:5px 10px;
}
.machine-management .header[b-xjp2o6qr49] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-xjp2o6qr49] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }


        .machine-management .header .title span[b-xjp2o6qr49] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-xjp2o6qr49] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-xjp2o6qr49]:after {
    display: none;
}


.check-index-img[b-xjp2o6qr49] {
    width: 15px;
    height: 15px;
}

/*.body .wrap {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}*/

.back-color-1[b-xjp2o6qr49] {
    background-color: #E9F3FF;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #4676F4;
    border: 1px solid #C6E0FF;
}

.back-color-2[b-xjp2o6qr49] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-xjp2o6qr49] {
    border-collapse: collapse;
    width: 96%;
    background-color: white;
    margin:0 auto;
}

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

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

th[b-xjp2o6qr49] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

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

th:nth-child(3)[b-xjp2o6qr49],
td:nth-child(3)[b-xjp2o6qr49] {
    width: 25%;
}

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

.register-btn[b-xjp2o6qr49] {
    background-color: #E9F3FF;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size:12px;
    font-weight:500;
}

.edit-btn[b-xjp2o6qr49] {
    background-color: #F8F4FD;
    padding: 1px 9px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

.camera-btn[b-xjp2o6qr49]{
    padding:0;
    border-color:transparent;
    margin-left:5px;
}

.camera-img[b-xjp2o6qr49]{
    width:25px;
    height:20px;
}

.product[b-xjp2o6qr49] {
    padding: 0 10px;
    margin-top: 30px;
}

.percent-wrap span[b-xjp2o6qr49]{
    font-weight:600;
}
.product .wrap[b-xjp2o6qr49] {
    display: flex;
    margin-top: 0px;
    flex-direction: column;
    
}

.product .wrap div[b-xjp2o6qr49]{
    display: flex;
    align-items: center;
    margin-top: 10px;

}

.product span[b-xjp2o6qr49] {
    font-size:15px;
    font-weight:600;
    margin-right:7px;
}

.product div span[b-xjp2o6qr49] {
    font-size: 13px;
    font-weight:500;
    margin-right: 7px;
}

.edit-input[b-xjp2o6qr49]{
    height:25px;
}

.table-title[b-xjp2o6qr49]{
    display:flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    margin:30px 0 5px 0;
    padding:0 10px;
    /*background-color:#FFF;*/
}

.body[b-xjp2o6qr49]{
    margin-top:15px;
    background-color:#FFF;
}
/*오늘의 업무*/
.assigned-task-wrap .wrap[b-xjp2o6qr49] {
    display: flex;
    flex-direction: column;
}

.assigned-task-wrap .wrap span[b-xjp2o6qr49]{
    margin:3px 0;
    
}

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

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

    .checkbox-wrapper-15 .cbx span:first-child[b-xjp2o6qr49] {
        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-15 .cbx span:first-child svg[b-xjp2o6qr49] {
            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-15 .cbx span:first-child[b-xjp2o6qr49]:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #4caf50;
            display: block;
            transform: scale(0);
            opacity: 1;
            border-radius: 50%;
            transition-delay: 0.2s;
        }

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

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

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

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

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

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

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

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

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

/* _content/Clevi.App.Components.Erp/Pages/Facility/MachineDetails.razor.rz.scp.css */
body[b-46b49x499d] {
}

.add-machine-wrap .body[b-46b49x499d] {
    margin-top: 10px;
    padding: 0 10px;
}

.machine-management .index-manage-header-add-btn[b-46b49x499d] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-46b49x499d] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

    .machine-management .index-manage-header-delete-btn span[b-46b49x499d] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .index-manage-header-add-btn span[b-46b49x499d] {
    margin-left: 3px;
    font-size: 12px !important;
}

.add-machine-wrap .header[b-46b49x499d] {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

    .machine-management .header .title[b-46b49x499d] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
    }

        .machine-management .header .title div[b-46b49x499d] {
            display: flex;
        }


        .machine-management .header .title span[b-46b49x499d] {
            font-size: 16px;
            font-weight: 600;
            margin-top: 1px;
        }


.add-index-img[b-46b49x499d] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-46b49x499d]:after {
    display: none;
}


.check-index-img[b-46b49x499d] {
    width: 15px;
    height: 15px;
}

.check-wrap[b-46b49x499d] {
    --container_width: 90%;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 9999px;
    background-color: #fff;
    color: #000000;
    width: var(--container_width);
    overflow: hidden;
    margin: 0 auto;
}

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

    .check-wrap label[b-46b49x499d] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin: 0 5px;
        border-radius: 20px;
    }

.selection[b-46b49x499d] {
    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-46b49x499d] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-46b49x499d] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-46b49x499d] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-46b49x499d] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-46b49x499d] {
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0;
    background-color: white;
}

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

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

th[b-46b49x499d] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

th:nth-child(2)[b-46b49x499d],
td:nth-child(2)[b-46b49x499d] {
    width: 45%;
}

th:nth-child(3)[b-46b49x499d],
td:nth-child(3)[b-46b49x499d] {
    width: 30%;
}

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

.delete-index-img[b-46b49x499d] {
    width: 10px;
    height: 10px;
}

.text-wrap .wrap[b-46b49x499d]{
    display:flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

.border-wrap[b-46b49x499d]{
    width:100%;
}

.text-wrap[b-46b49x499d]{
    padding:10px 30px;
}

.text-wrap .wrap[b-46b49x499d]{
    margin:30px 0;
}

.header .text[b-46b49x499d]{
    font-weight:600;
    margin:1px 0 0 2px;
    font-size:15px;
}

.header div[b-46b49x499d] {
    display:flex;
    align-items:center;
   -webkit-align-items:center;
}

.bold-font[b-46b49x499d] {
    font-weight: 600;
}

.border-wrap[b-46b49x499d]{
    background-color:#F8F9FA;
    padding:15px;
    font-weight:600;
    margin-top:10px;
    border-radius:10px;
}

.total-amount-wrap[b-46b49x499d] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 15px;
    padding:8px 20px;
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
}

.sort-img[b-46b49x499d]{
    width:15px;
    height:15px;
}

.date-sort[b-46b49x499d]{
    padding:20px 0 0 0;
    display:flex;
    align-items:center;
    width:98%;
    justify-content:end;
    margin:0 auto;
}

.date-sort span[b-46b49x499d]{
    font-size:14px;
    margin-left:5px;
    font-weight:600;
}

.machine-detail[b-46b49x499d]{
    position:relative;
    background:#F8F9FA;
    width:100px;
    height:100px;
    border-radius:30px;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;

}


.machine-base-img[b-46b49x499d]{
    width:70px;
    height:70px;
}

.machine-detail-wrap[b-46b49x499d]{
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height:150px;
}
/* _content/Clevi.App.Components.Erp/Pages/Facility/MachineManage.razor.rz.scp.css */
body[b-84f6u5enp2] {
}

/*<div class="checkbox-wrapper-18" >
<div class="round" >
<input type="checkbox" id="checkbox-18" / >
<label for="checkbox-18" > </label >
</div >
</div >


.checkbox-wrapper-18 .round {
    position: relative;
}

.checkbox-wrapper-18 .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    width: 28px;
    display: block;
}

    .checkbox-wrapper-18 .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 8px;
        opacity: 0;
        position: absolute;
        top: 9px;
        transform: rotate(-45deg);
        width: 12px;
    }

.checkbox-wrapper-18 .round input[type="checkbox"] {
    visibility: hidden;
    display: none;
    opacity: 0;
}

    .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label {
        background-color: #66bb6a;
        border-color: #66bb6a;
    }

        .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }*/
.machine-management .body[b-84f6u5enp2]{
    margin-top:10px;
    padding:0 10px;
}

.machine-management .index-manage-header-add-btn[b-84f6u5enp2] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F8F4FD;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 5px;
}

.machine-management .index-manage-header-delete-btn[b-84f6u5enp2] {
    padding: 2px 8px;
    border-color: transparent;
    background-color: #F1F3F5;
    display: flex;
    align-items: center;
    margin-left:5px;
}

    .machine-management .index-manage-header-delete-btn span[b-84f6u5enp2] {
        margin-left: 3px;
        font-size: 12px !important;
    }

    .machine-management .index-manage-header-add-btn span[b-84f6u5enp2] {
        margin-left: 3px;
        font-size: 12px !important;
    }

.machine-management .header[b-84f6u5enp2] {
    padding:30px 20px;
    display:flex;
    align-items:center;
}

.machine-management .header .title[b-84f6u5enp2]{
    display:flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    width:100%;
}

    .machine-management .header .title div[b-84f6u5enp2]{
        display: flex;
        
    }


.machine-management .header .title span[b-84f6u5enp2] {
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
}


.add-index-img[b-84f6u5enp2] {
    width: 10px;
    height: 10px;
}


.input[type="checkbox"]:checked + .back-color[b-84f6u5enp2]:after {
    display: none;
}


.check-index-img[b-84f6u5enp2] {
    width: 15px;
    height: 15px;
}

.check-wrap[b-84f6u5enp2] {
    --container_width: 90%;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 9999px;
    background-color: #fff;
    color: #000000;
    width: var(--container_width);
    overflow: hidden;
    margin: 0 auto;
}
    .check-wrap input[b-84f6u5enp2] {
        display: none;
    }

    .check-wrap label[b-84f6u5enp2] {
        width: 100%;
        padding: 10px;
        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;
        background-color: #F8F9FA;
        color: #696E74;
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #E8EAEC;
        margin:0 5px;
        border-radius:20px;
    }

.selection[b-84f6u5enp2] {
    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-84f6u5enp2] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
}

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

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

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

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

.body .wrap[b-84f6u5enp2]{
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    margin-bottom:20px;
}

value-1[b-84f6u5enp2] {
    background-color: #E9F3FF; border: 1px solid #C6E0FF;color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    
    
   
}

value-2[b-84f6u5enp2] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

/*테이블*/
table[b-84f6u5enp2] {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem auto;
    background-color: white;
}

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

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

th[b-84f6u5enp2] {
    padding: 6px;
    text-align: left;
    text-align: center;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    color: #696E74;
}

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

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

th:nth-child(2)[b-84f6u5enp2],
td:nth-child(2)[b-84f6u5enp2] {
    width: 55%;
}

th:nth-child(3)[b-84f6u5enp2],
td:nth-child(3)[b-84f6u5enp2] {
    width: 30%;
}

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

.delete-index-img[b-84f6u5enp2]{
    width:10px;
    height:10px;
}

.total-amount-wrap[b-84f6u5enp2] {
    margin-top:10px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #F1F3F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* _content/Clevi.App.Components.Erp/Pages/Items/ItemDetail.razor.rz.scp.css */

.cl-item-wrap[b-2oz07p6sf1] {
    padding: 1em;
}

.cl-item-detail-wrap[b-2oz07p6sf1] {
    padding: 1em;
}

.cl-item-detail-wrap-2[b-2oz07p6sf1]{
    display:flex;
    justify-content:space-between;
    flex-direction:row;
}

.cl-item_name[b-2oz07p6sf1] {
    height: 50px;
    background-color: lightskyblue;
    border-radius: 7px;
    font-weight: 600;
    text-align: center;
}

.cl-item_text[b-2oz07p6sf1] {
    font-size: 21px;
}

.cl-item-detail_name[b-2oz07p6sf1] {
    height: 50px;
    background-color: bisque;
    border-radius: 7px;
    font-weight: 600;
    text-align: center;
}

.cl-item-detail_text[b-2oz07p6sf1] {
    font-size: 21px;
}

.cl-item-detail-align[b-2oz07p6sf1] {
    line-height: 50px;
}
/* _content/Clevi.App.Components.Erp/Pages/Items/ItemList.razor.rz.scp.css */

.sort-th[b-c0h0juqurx] {
    cursor: pointer;
    color: slateblue;
    text-decoration: underline;
}

.fa[b-c0h0juqurx] {
    float: right;
}

.color-set-warm[b-c0h0juqurx]{
    color:coral;
}

/* _content/Clevi.App.Components.Erp/Pages/Items/ItemSpecificPriceDetail.razor.rz.scp.css */

.cl-item-wrap[b-n40o9pawoo] {
    padding: 1em;
}

.cl-item-detail-wrap[b-n40o9pawoo] {
    padding: 1em;
}

.cl-item_name[b-n40o9pawoo] {
    height: 50px;
    background-color: lightskyblue;
    border-radius: 7px;
    font-weight: 600;
    text-align: center;
}

.cl-item_text[b-n40o9pawoo] {
    font-size: 21px;
}

.cl-item-detail_name[b-n40o9pawoo] {
    height: 50px;
    background-color: bisque;
    border-radius: 7px;
    font-weight: 600;
    text-align: center;
}

.cl-item-detail_text[b-n40o9pawoo] {
    font-size: 21px;
}

.cl-item-detail-align[b-n40o9pawoo] {
    line-height: 50px;
}
/* _content/Clevi.App.Components.Erp/Pages/Orders/OrderDetail.razor.rz.scp.css */

@media screen and (min-width: 500px) {
    .otp-order_card .top .thumb-wrap[b-787ag16d28] {
        flex-flow: row;
        -webkit-flex-flow: row;
    }
}

@media screen and (max-width: 500px) {
    .otp-order_card .top .thumb-wrap[b-787ag16d28] {
        flex-flow: column !important;
        -webkit-flex-flow: column !important;
    }
}


.otp-order .title[b-787ag16d28]{
    display:flex;
    margin:0 0 0px 0;
}
    .otp-order .title[b-787ag16d28] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: baseline;
        -webkit-align-items: baseline;
    }
.otp-order .title img[b-787ag16d28]{
    width:17px;
    height:17px;

}
.otp-order .title h3[b-787ag16d28]{
    font-size:17px;
    margin-bottom:20px;
}

.otp-order_card[b-787ag16d28] {
    border: 1px solid lightgray;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color: white;
    margin-bottom:20px;
    padding:20px;
}



.otp-order_card .top[b-787ag16d28] {
}

    .otp-order_card .top h5[b-787ag16d28] {
        font-size:15px;
        margin-bottom: 15px;
    }

    .otp-order_card .top .thumb-wrap[b-787ag16d28] {
        display: flex;
        flex-flow: wrap;
        -webkit-flex-flow: wrap;
    }

    .otp-order_card .top .thumb[b-787ag16d28] {
        display: flex;
        flex: 1 0 45%;
        margin-bottom: 20px;
        align-items: center;
        -webkit-align-items: center;
    }

        .otp-order_card .top .thumb h6[b-787ag16d28] {
            font-size: 14px;
            color: #a8a8a8;
            width: 80px;
            flex-shrink: 0;
            -webkit-flex-shrink: 0;
            white-space: pre-wrap;
            margin: 0;
        }

        .otp-order_card .top .thumb p[b-787ag16d28] {
            font-size: 14px;
            margin: 0;
            white-space: pre-wrap;
            word-break: break-all;
        }

.otp-order_card_bottom[b-787ag16d28] {
    padding: 20px;
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}


.orderer-wrap[b-787ag16d28] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.top-bar[b-787ag16d28] {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.big-font[b-787ag16d28]{
    font-weight:600;
}

.text-box[b-787ag16d28] {
    border: 1px solid #DEDEDE;
    width: 70%;
    height: 70px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

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

.otp-order_card .body .button_wrap[b-787ag16d28] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}
.otp-order_card .body .title[b-787ag16d28]{
   
}
.otp-order_card .body .title h6[b-787ag16d28]{
    font-size:15px;
    font-weight:600;
}
.otp-order_card .body .writer[b-787ag16d28] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
    .otp-order_card .body .writer .wrap[b-787ag16d28] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }
.otp-order_card .body .writer .wrap img[b-787ag16d28]{
    width:35px;
    height:35px;
    margin-right:10px;
}
        .otp-order_card .body .writer .wrap .text[b-787ag16d28] {
            display: flex;
            flex-flow: column;
            -webkit-flex-flow: column;
        }
.otp-order_card .body .writer .wrap .text p[b-787ag16d28]{
    font-size:13px;
}
.otp-order_card .body .writer .wrap .text span[b-787ag16d28]{
    font-size:10px;
}
.otp-order_card .body .detail[b-787ag16d28] {
    padding: 15px 0;
    height: 80px;
    max-height: 150px;
    border-bottom: 1px solid #ededed;
}
.otp-order_card .bottom[b-787ag16d28] {
    padding: 15px 0;
}
    .otp-order_card .bottom .answer_wrap .thumb[b-787ag16d28] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }

        .otp-order_card .bottom .answer_wrap .thumb .wrap[b-787ag16d28] {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
        }

            .otp-order_card .bottom .answer_wrap .thumb .wrap img[b-787ag16d28] {
                width: 35px;
                height: 35px;
                margin-right: 10px;
            }

            .otp-order_card .bottom .answer_wrap .thumb .wrap .text[b-787ag16d28] {
                display: flex;
                flex-flow: column;
                -webkit-flex-flow: column;
            }

                .otp-order_card .bottom .answer_wrap .thumb .wrap .text p[b-787ag16d28] {
                    font-size: 13px;
                }
                .otp-order_card .bottom .answer_wrap .thumb .wrap .text span[b-787ag16d28] {
                    font-size: 10px;
                }
    .otp-order_card .bottom .answer_wrap .detail[b-787ag16d28]{
        padding: 5px 0 15px;
        margin-left:45px;
    }
    .otp-order_card .bottom .answer_wrap .detail .info[b-787ag16d28]{
        
    }
    .otp-order_card .bottom .answer_wrap .detail .info span[b-787ag16d28]{
        font-size:10px;
        font-weight:500;
        color:#a6a6a6;
    }
/* _content/Clevi.App.Components.Erp/Pages/Orders/OrderList.razor.rz.scp.css */

@media screen and (min-width: 500px) {
    .card-top .wrap[b-snmpi8mr7v] {
        flex-flow: row;
        flex-flow: row;
        align-items: center;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
        -webkit-justify-content: space-between;
    }

}

@media screen and (max-width: 500px) {
    .card-top .wrap[b-snmpi8mr7v] {
        flex-flow: column !important;
        -webkit-flex-flow: column !important;
    }
        .card-top .wrap .title[b-snmpi8mr7v] {
            width: 100% !important;
            margin-bottom: 10px !important; 

        }
        .card-top .wrap .date[b-snmpi8mr7v] {
            width: 100% !important;
        }
}


.cl_erp-orderlist .title[b-snmpi8mr7v] {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .cl_erp-orderlist .title h3[b-snmpi8mr7v] {
        font-size: 15px;
    }
    .cl_erp-orderlist .title .wrap[b-snmpi8mr7v] {
        display:flex;
    }

.table-button_wrap[b-snmpi8mr7v] {
    margin-top:20px;
    display: flex;
    justify-content: end;
}
.table-button_wrap[b-snmpi8mr7v]  .clc-button{
    border-radius:7px;
}
    
.card-top h4[b-snmpi8mr7v] {
    font-size:14px;
}
.card-top .wrap[b-snmpi8mr7v] {
    display: flex;
}

    .card-top .wrap .title[b-snmpi8mr7v] {
        width: 48%;
        float: left;
        margin:0;
    }

    .card-top .wrap .text[b-snmpi8mr7v] {
        width: 50px;
    }

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


    .card-top .wrap .date[b-snmpi8mr7v] {
        width: 48%;
        float: right;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }
        .card-top .wrap .date .text[b-snmpi8mr7v] {
            margin-right:20px;
            font-weight:600;
        }
        .card-top .wrap .date .period[b-snmpi8mr7v] {
            display: flex;
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }
            .card-top .wrap .date .period span[b-snmpi8mr7v] {
                width: 30px;
                text-align: center;
            }

.cl-table-control[b-snmpi8mr7v]{
    margin:20px 0;
    max-height: 400px;

}
.cl-table-control table thead tr th[b-snmpi8mr7v]{
    border: 1px solid #f5f5f5;
    text-align:center;
    vertical-align:middle;
}
    .cl-table-control table tbody tr td[b-snmpi8mr7v] {
        border: 1px solid #f5f5f5;
        vertical-align: middle;
        text-wrap: nowrap;
    }
    .cl-table-control table tbody tr td:nth-child(-n+2)[b-snmpi8mr7v] {
        text-align: center;
        vertical-align: middle;
        width: 50px;
    }
    .cl-table-control table tbody tr td:last-child[b-snmpi8mr7v] {
        text-align: center;
        width:70px;
    }
/* _content/Clevi.App.Components.Erp/Pages/Supports/InquiryManage.razor.rz.scp.css */

@media screen and (min-width: 500px) {
    .card-top .wrap[b-vplub37184] {
        flex-flow: row;
        flex-flow: row;
        align-items: center;
        -webkit-align-items: center;

    }
}

@media screen and (max-width: 500px) {
    .card-top .wrap[b-vplub37184] {
        flex-flow: column !important;
        -webkit-flex-flow: column !important;
    }

        .card-top .wrap .title[b-vplub37184] {
            width: 100% !important;
            margin-bottom: 10px !important;
        }

        .card-top .wrap .date[b-vplub37184] {
            width: 100% !important;
        }
}


.cl_erp-orderlist .title[b-vplub37184] {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .cl_erp-orderlist .title h3[b-vplub37184] {
        font-size: 15px;
    }

    .cl_erp-orderlist .title .wrap[b-vplub37184] {
        display: flex;
    }

.card-top h4[b-vplub37184] {
    font-size: 14px;
}

.card-top .wrap[b-vplub37184] {
    display: flex;
}

.card-top[b-vplub37184] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    .card-top .wrap .title[b-vplub37184] {
        width: 48%;
        float: left;
        margin: 0;
    }

    .card-top .wrap .text[b-vplub37184] {
        width: 50px;
    }

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


    .card-top .wrap .date[b-vplub37184] {
        width: 48%;
        float: right;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

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

        .card-top .wrap .date .period[b-vplub37184] {
            display: flex;
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

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

.cl-table-control[b-vplub37184] {
    margin: 20px 0;
    height: calc(100vh - 222px);
}

    .cl-table-control table thead tr th[b-vplub37184] {
        border: 1px solid #f5f5f5;
        text-align: center;
        vertical-align: middle;
    }

    .cl-table-control table tbody tr td[b-vplub37184] {
        border: 1px solid #f5f5f5;
        vertical-align: middle;
        text-wrap: nowrap;
    }

        .cl-table-control table tbody tr td:nth-child(-n+2)[b-vplub37184] {
            text-align: center;
            vertical-align: middle;
            width: 50px;
        }

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

        .cl-table-control table tbody tr td p[b-vplub37184] {
            margin-bottom: 3px;
            padding: 3px 5px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }


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

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

    .check-wrap label[b-vplub37184] {
        width: 20%;
        min-width: 80px;
        padding: 5px 10px;
        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;
        background-color: #ECEEF1;
        color: #696E74;
        padding: 10px 25px;
        border: 1px solid #E8EAEC;
        margin: 0px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
    }

        .check-wrap label span[b-vplub37184] {
            font-size: 15px;
            font-weight: 500;
        }

.selection[b-vplub37184] {
    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-vplub37184] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #000;
}

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

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

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

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

.body .wrap[b-vplub37184] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 70px;
}

value-1[b-vplub37184] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-2[b-vplub37184] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

value-3[b-vplub37184] {
    background-color: #E9F3FF;
    border: 1px solid #C6E0FF;
    color: #4676F4;
    padding: 10px 25px;
    margin: 0 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

value-4[b-vplub37184] {
    background-color: #F8F9FA;
    color: #696E74;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #E8EAEC;
}

.drop-down-profile-erp[b-vplub37184] {
    margin-top: 10px;
}
/* _content/Clevi.App.Components.Erp/Pages/Supports/TicketCreate.razor.rz.scp.css */
.Inquiry-write-page[b-9adoy51ck8] {
    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;
}

    .Inquiry-write-page .page-wrap[b-9adoy51ck8] {
        width: 100%;
        height: 100%;
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        background-color: #fff;
    }


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

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

    .page-title i[b-9adoy51ck8] {
        width: 40px;
        height: 40px;
    }

    .page-title h4[b-9adoy51ck8] {
        font-size: 17px;
        margin:0;
    }

[b-9adoy51ck8] .inquiry-title-input {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    color: #767676;
    font-size: 13px;
    font-weight: 400;
    margin: 7px 0 0 0;
    height: 43px;
}

    .inquiry-title-input:focus[b-9adoy51ck8] {
        outline: none;
        border: solid 1px #4676f4;
    }

.content[b-9adoy51ck8] {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex: 1;
    -webkit-flex: 1;
}

    .content .head[b-9adoy51ck8] {
        width: 100%;
        overflow-x:hidden;
        overflow-y:auto;
        height:100%;
    }
    .content li[b-9adoy51ck8] {
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .content li .li-title[b-9adoy51ck8] {
        color: #111;
        font-size: 15px;
        font-weight: 400;
        margin-right: 10px;
    }

    .content li .li-title i[b-9adoy51ck8]{
        color: #767676;
        font-size: 13px;
        font-weight: 200;
        margin-left: 10px;
    }

[b-9adoy51ck8] .inquiry-content-input {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    color: #767676;
    font-size: 13px;
    font-weight: 400;
    height: 274px;
    display: flex;
    margin: 7px 0 0 0;
}

    .inquiry-content-input:focus[b-9adoy51ck8] {
        outline: none;
        border: solid 1px #212f4b;
    }

.Inquiry-write-page .body[b-9adoy51ck8] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 25px;
}

.add-file[b-9adoy51ck8] {
}

    .add-file .file-name[b-9adoy51ck8] {
        border: 1px solid #f2f6f4;
        -webkit-border-radius: 7px;
        padding: 5px 10px;
        margin: 10px 0;
        display: flex;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
    }

        .add-file .file-name img[b-9adoy51ck8] {
            width: 24px;
            height: 24px;
        }

        .add-file .file-name span[b-9adoy51ck8] {
            color: #767676;
            font-size: 13px;
        }

            .add-file .file-name span img[b-9adoy51ck8] {
                margin-right: 15px;
            }

.Inquiry-write-page .bottom[b-9adoy51ck8] {
    padding: 10px 0;
    width: 100%;
}

.inquiry-register-btn[b-9adoy51ck8] {
    width: 100%;
    height: 47px;
    color: white;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
/* _content/Clevi.App.Components.Erp/Pages/Supports/TicketDetails.razor.rz.scp.css */

@media (min-width: 1024px) {
    .cl-ticket-details_mobile[b-qz5go70bzt] {
        display: none;
    }

    .cl-ticket-details_desktop[b-qz5go70bzt] {
        display: block;
    }


    [b-qz5go70bzt] .ticketlist-chat_wrap .cl-chatbox {
        -webkit-box-shadow: none !important;
        height: calc(100vh - 200px);
        max-height: 800px;
    }
}

@media (max-width: 1023px) {
    .cl-ticket-details_mobile[b-qz5go70bzt] {
        display: block;
    }

    .cl-ticket-details_desktop[b-qz5go70bzt] {
        display: none !important;
    }

    [b-qz5go70bzt] .ticketlist-chat_wrap .cl-chatbox {
        -webkit-box-shadow: none !important;
        height: calc(100vh - 60px);
    }
}

@media (min-width: 768px) {
    [b-qz5go70bzt] .ticketlist-chat_wrap .cl-chatbox {
        -webkit-box-shadow: none !important;
        height: calc(100vh - 60px);
    }
}

@media (max-width: 768px) {
    [b-qz5go70bzt] .ticketlist-chat_wrap .cl-chatbox {
        -webkit-box-shadow: none !important;
        height: calc(100vh - 60px);
    }
}

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


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

    .page-title i[b-qz5go70bzt] {
        width: 40px;
        height: 40px;
    }

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

    .page-title h4[b-qz5go70bzt] {
        font-size: 17px;
        margin:0;
    }

/*채팅 step css*/
.ticketlist-chat_wrap[b-qz5go70bzt] {
}


    .ticketlist-chat_wrap .title[b-qz5go70bzt] {
        display: flex;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
    }

        .ticketlist-chat_wrap .title img[b-qz5go70bzt] {
            width: 24px;
            height: 24px;
        }

        .ticketlist-chat_wrap .title p[b-qz5go70bzt] {
            font-size: 15px;
        }

    .ticketlist-chat_wrap .chat_wrap[b-qz5go70bzt] {
        width: 100%;
        max-width: 768px;
    }

[b-qz5go70bzt] .ticketlist-chat_wrap .cl-chatbox {
    -webkit-box-shadow: 0 5px 15px 0 rgba(18, 19, 19, 0.06);
    -webkit-border-radius: 12px;
}

.cl-ticket-details_mobile .ticketlist-chat_wrap[b-qz5go70bzt] {
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.ticketlist-inquiry_wrap[b-qz5go70bzt] {
}

    .ticketlist-inquiry_wrap .wrap[b-qz5go70bzt] {
    }

    .ticketlist-inquiry_wrap .state[b-qz5go70bzt] {
        margin-bottom: 10px;
    }

[b-qz5go70bzt] .ticketlist-inquiry_wrap .state .clc-dropdown {
    margin-bottom: 10px;
    width:100px;
}

[b-qz5go70bzt] .ticketlist-inquiry_wrap .state .clc-button {
    margin-bottom: 10px;
}

.ticketlist-inquiry_wrap .state[b-qz5go70bzt] {
}

    .ticketlist-inquiry_wrap .state span[b-qz5go70bzt] {
        margin-right: 5px;
    }


.article-writer img[b-qz5go70bzt] {
    width: 26px;
    height: 26px;
}

.bottom .article-writer .writer[b-qz5go70bzt] {
    color: #111;
    font-size: 15px;
    font-weight: 500;
}

.ticketlist-inquiry_wrap .body[b-qz5go70bzt] {
}

    .ticketlist-inquiry_wrap .body .article-title[b-qz5go70bzt] {
        font-size: 17px;
        font-weight: 500;
    }

    .ticketlist-inquiry_wrap .body .bottom[b-qz5go70bzt] {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        margin-top: 15px;
    }

.ticketlist-inquiry_wrap .bottom .article-date[b-qz5go70bzt] {
    color: #767676;
    font-size: 12px;
    margin-left: 0px;
}

.ticketlist-inquiry_wrap .bottom .article-check[b-qz5go70bzt] {
    color: #767676;
    font-size: 12px;
    margin-left: 12px;
}

.ticketlist-inquiry_wrap .bottom .article-comment[b-qz5go70bzt] {
    color: #767676;
    font-size: 12px;
    margin-left: 12px;
}

.ticketlist-inquiry_wrap .body .content[b-qz5go70bzt] {
    border-top: 1px solid #f2f4f6;
    padding: 15px 0;
    margin: 14px 0 20px 0;
}


    .ticketlist-inquiry_wrap .body .content .content-span[b-qz5go70bzt] {
        font-size: 14px;
        color: #111;
        min-height: 110px;
    }

.ticketlist-inquiry_wrap .write-wrap[b-qz5go70bzt] {
    padding: 0 0 20px;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: end;
}

[b-qz5go70bzt] .ticketlist-inquiry_wrap .write-wrap .clc-button {
    width: 100%;
    max-width: 768px;
    margin: 15px auto 0;
}


.top[b-qz5go70bzt] {
    width: 100%;
    display: flex;
    -webkit-justify-content: space-between;
}


.comment .head[b-qz5go70bzt] {
    display: flex;
}


.comment-wrap[b-qz5go70bzt] {
    padding: 15px 0;
}


.comment-reply-wrap .writer-top[b-qz5go70bzt] {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.comment-date[b-qz5go70bzt] {
    color: #767676;
    font-size: 12px;
    margin-left: 12px;
}

.comment-wrap .comment-content[b-qz5go70bzt] {
    border-top: 1px solid #f2f4f6;
    padding: 10px 0;
}


.comment-wrap .wrap[b-qz5go70bzt] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.comment-bottom .comment-bottom-wrap[b-qz5go70bzt] {
    display: flex;
}


.comment-wrap .profile-wrap[b-qz5go70bzt] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}


    .comment-wrap .profile-wrap .writer[b-qz5go70bzt] {
        color: #111;
        font-size: 13px;
        font-weight: 500;
    }

.comment-wrap .comment-bottom[b-qz5go70bzt] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    margin: 15px 0 0 31px;
}

.comment-reply-wrap .comment-bottom[b-qz5go70bzt] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    margin: 15px 0 0 48px;
}

.comment-bottom .left[b-qz5go70bzt] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 15px;
}


.comment-head .comment-write[b-qz5go70bzt] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: #f8f9fa;
    padding: 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 11px;
}
[b-qz5go70bzt] .comment-head .cl_board-article {
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f4f6;
}

.comment-top[b-qz5go70bzt] {
    display: flex;
    margin-bottom: 5px;
    font-size: 13px;
    color: #111;
    font-weight: 500;
}

    .comment-top .comment-title[b-qz5go70bzt] {
        margin-right: 3px;
    }

.kebab-rotate_img[b-qz5go70bzt] {
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(-90deg);
}

.head-write[b-qz5go70bzt] {
    display: flex;
    padding-bottom: 10px;
}

.cl-ticket-details[b-qz5go70bzt]{
    padding:0 20px;
}
/*desktop*/
.cl-ticket-details_desktop[b-qz5go70bzt] {
    height: 100vh;
    display: flex;
    -webkit-justify-content: center;
    background-color: #f8f9fa;
}

    .cl-ticket-details_desktop .cl-ticket-details[b-qz5go70bzt] {
        width: 100%;
        height: 100%;
        max-width: 1440px;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .cl-ticket-details_desktop .ticket-body[b-qz5go70bzt] {
        display: flex;
    }

    .cl-ticket-details_desktop .cl-ticket-details_inquiry_wrap[b-qz5go70bzt] {
        margin-right: 50px;
        flex: 1;
        -webkit-flex: 1;
    }

    .cl-ticket-details_desktop .cl-ticket-details_chat_wrap[b-qz5go70bzt] {
        min-width: 450px;
    }

/*mobile*/
.cl-ticket-details_mobile .mobile-chat .ticket-body[b-qz5go70bzt] {
    margin: 0 -20px;
}
.cl-ticket-details_mobile .mobile-chat .page-title[b-qz5go70bzt] {
    margin-bottom: 0 !important;
}
/* _content/Clevi.App.Components.Erp/Pages/Supports/TicketList.razor.rz.scp.css */

@media screen and (min-width: 768px) {
    .inquiry-list-page_desktop[b-m5dxxk2h1r] {
        display: block;
    }

    .inquiry-list-page_mobile[b-m5dxxk2h1r] {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .inquiry-list-page_desktop[b-m5dxxk2h1r] {
        display: none !important;
    }

    .inquiry-list-page_mobile[b-m5dxxk2h1r] {
        display: block;
    }
}

.inquiry-list-empty-page[b-m5dxxk2h1r] {
    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;
}

    .inquiry-list-empty-page .page_wrap[b-m5dxxk2h1r] {
        width: 100%;
        height: 100%;
        padding: 20px;
        max-width: 1200px;
        background-color: #fff;
    }

/*desktop css*/
.inquiry-list-page_desktop[b-m5dxxk2h1r] {
    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;
}

    .inquiry-list-page_desktop .page_wrap[b-m5dxxk2h1r] {
        width: 100%;
        height: 100%;
        max-width: 1200px;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .inquiry-list-page_desktop .head[b-m5dxxk2h1r] {
        padding: 0 20px;
    }

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

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

    .page-title h4[b-m5dxxk2h1r] {
        font-size: 17px;
        margin: 0;
    }

.inquiry-list-page_desktop .detail-wrap[b-m5dxxk2h1r] {
    padding: 20px;
    display: flex;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #f2f4f6;
}


.inquiry-list-page_desktop .state-content[b-m5dxxk2h1r] {
    padding: 5px;
    -webkit-border-radius: 5px;
    color: #767676;
    font-size: 13px;
    white-space: nowrap;
}

.inquiry-list-page_desktop .detail-wrap .contet .title[b-m5dxxk2h1r] {
    font-size: 13px;
    font-weight: 500;
    color: #111;
}

.inquiry-list-page_desktop .detail-wrap .bottom span[b-m5dxxk2h1r] {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
}



.inquiry-list-page_desktop .back_img[b-m5dxxk2h1r] {
    width: 24px;
    height: 24px;
}

.inquiry-list-page_desktop .space-empty[b-m5dxxk2h1r] {
    width: 100%;
    height: 20px;
}

.inquiry-list-page_desktop .wrapping[b-m5dxxk2h1r] {
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
    width: 100%;
    margin: 30px 0 40px;
}

.inquiry-list-page_desktop .top[b-m5dxxk2h1r] {
    width: 100%;
    display: flex;
    -webkit-justify-content: space-between;
}


.inquiry-list-page_desktop table[b-m5dxxk2h1r] {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    border-bottom: 1px solid #f2f4f6;
    font-size: 14px;
}

    .inquiry-list-page_desktop table .num[b-m5dxxk2h1r] {
        min-height: 50px;
        min-width: 10%;
        display: flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }

.inquiry-list-page_desktop thead tr[b-m5dxxk2h1r] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    min-height: 53px;
    font-size: 14px;
    -webkit-user-select: none;
}

.inquiry-list-page_desktop table .title[b-m5dxxk2h1r] {
    flex: 1;
    min-height: 50px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 14px;
}


.inquiry-list-page_desktop table .state[b-m5dxxk2h1r] {
    min-width: 12%;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 14px;
}


.inquiry-list-page_desktop table td[b-m5dxxk2h1r] {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    font-size: 14px;
}

.inquiry-list-page_desktop tbody tr[b-m5dxxk2h1r] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #e6e8eb;
    -webkit-user-select: none;
    cursor: pointer;
}

.inquiry-list-page_desktop tbody td[b-m5dxxk2h1r] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    height: 63px;
    font-size: 14px;
}

.inquiry-list-page_desktop table .date[b-m5dxxk2h1r] {
    min-width: 15%;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 14px;
}


/*모바일 css*/
.inquiry-list-page_mobile[b-m5dxxk2h1r] {
    padding: 0 10px;
}

    .inquiry-list-page_mobile .detail-wrap[b-m5dxxk2h1r] {
        padding: 20px;
        display: flex;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        border-bottom: 1px solid #f2f4f6;
    }


    .inquiry-list-page_mobile .state-content[b-m5dxxk2h1r] {
        font-size: 13px;
        padding: 10px;
        -webkit-border-radius: 5px;
        color: #767676;
    }

    .inquiry-list-page_mobile .detail-wrap .contet .title[b-m5dxxk2h1r] {
        font-size: 13px;
        font-weight: 500;
        color: #111;
    }

    .inquiry-list-page_mobile .detail-wrap .bottom span[b-m5dxxk2h1r] {
        font-size: 12px;
        font-weight: 400;
        color: #767676;
    }


[b-m5dxxk2h1r] .receipt {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EFF1F3;
    color: #767676;
    width: 64px;
    height: 33px;
    font-size: 13px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

[b-m5dxxk2h1r] .proceeding {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EDF5FF;
    color: #4676F4;
    width: 64px;
    height: 33px;
    font-size: 13px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

[b-m5dxxk2h1r] .complete {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #DFFFCC;
    color: #146400;
    width: 64px;
    height: 33px;
    font-size: 13px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}