/**
 * 이 css는 customer 템플릿을 처리 하기 위한 스크립트 입니다.
 */

/*
###################
코멘트 관련 스타일들
###################
*/
[template-name="p001-comment-children-ui"] {background-color: #f2f2f2;}

[template-name="p001-comment-display-ui"].mode-edit > [show-at-mode="display"] { display: none; }
[template-name="p001-comment-display-ui"]:not(.mode-edit) > [show-at-mode="edit"] { display: none; }
[template-name="p001-comment-display-ui"].mode-edit > [show-at-mode] .at-not-mode-edit { display:none }
[template-name="p001-comment-display-ui"]:not(.mode-edit) > [show-at-mode] .at-mode-edit { display:none }
[template-name="p001-comment-display-ui"]:not(.grant-edit) > [show-at-mode] .need-grant-edit { display:none }
[template-name="p001-comment-display-ui"]:not(.grant-delete) > [show-at-mode] .need-grant-delete { display:none }
[template-name="p001-comment-display-ui"]:not(.grant-delete-by-manager) > [show-at-mode] .need-grant-delete-by-manager { display:none }

[template-name="p001-comment-display-ui"].deleted {background-color: #f5f5f5; }
[template-name="p001-comment-display-ui"].deleted > [role="built-in-display"] {color: #999;}
[template-name="p001-comment-display-ui"].deleted > [role="built-in-display"] .deleted-hide {display: none;}

[template-name="p001-comment-children-ui"] [template-name="p001-comment-display-ui"].deleted { background-color: unset;}

[template-name="p001-comment-display-ui"] .comment-good {fill: #555; text-decoration: none; color : #555;}
[template-name="p001-comment-display-ui"] .comment-bad {fill: #555; text-decoration: none; color : #555;}

[template-name="p001-comment-display-ui"] [goodbad="good"].comment-good {fill: #1f1; }
[template-name="p001-comment-display-ui"] [goodbad="bad"].comment-bad {fill: #f66; }